#app #content {
    margin-top: 60px;
}

.btn {
    border-radius: 12px !important;
}
.navbar-default {
background-color: #f48645;
height: 60px;
box-shadow: 0 1px 7px rgba(128, 128, 128, 0.73);
border: none;
}

.white-box {
    background-color: white;
    padding: 5px;    -moz-border-radius: 5px;
    background-color: white;  -moz-border-radius: 3px;
    border: 1px solid #E0E0E0;
    padding: 10px 7px;  -moz-box-shadow: 0 0 0 4px rgba(224,222,215,0.5);
    box-shadow: 0 0 0 4px rgba(224, 222, 215, 0.14);
    /*width: 436px;*/
    margin: 0 auto;
}
.turnera {
    max-width: 500px;
    margin: 0 auto;
    width: 100%;
}

.turnera .titulo {
    padding: 5px 17px;
    font-size: 20px;
    color: rgb(165, 165, 165);
    /*width: 576px;*/
    margin: 0 auto;
}
.listaTurnos {
    width: 13.5%;
    background-color: antiquewhite;
    float: left;
}
ul {
    list-style: none;
}
.cal li.turno {
    background-color: #fafafa;
    text-align: center;
    width: 13.5%;
    padding: 4px;
    margin: 0;
    height: 36px;
    border-bottom: 1px dashed rgb(197, 197, 197);
    border-right: 1px dashed rgb(197, 197, 197);
}

#listaTurnos .uso {
    background-color: rgb(255, 255, 255);
    color: #ddd;
    font-size: 15px;
    clear: both;
    height: 36px;
    text-align: center;
    padding: 7px;
    border-bottom: 1px dashed rgb(197, 197, 197);
    margin: 0;
    border-right: 1px solid rgb(197, 197, 197);
    width: 60px;
}


.numero {
    padding: 9px 8px 0;
    line-height: 15px;
    font-size: 19px;
}

.numero span {
    margin-left: 4px;
    font-size: 15px;
    font-variant: small-caps;
}
li.dia.disponible .turnos-disponibles {
    display: block;
}


.turnos-disponibles {
    font-size: 10px;
    text-align: right;
    padding-right: 7px;
    margin-top: -5px;
    display: none;
}

.turnos-disponibles span {
    --background-color: rgb(76, 199, 83);
    --color: rgb(105, 255, 105);
    --padding: 1px 4px;
    --border-radius: 5px;
    color: rgb(68, 182, 68);
}


li.turno.disponible {
    background-color: rgb(105, 255, 105);
    border-bottom: white 2px solid;
    cursor: pointer;
    font-size: 15px;
    border-right: 2px white solid;
}

ul#listaTurnos {
    padding: 0;
}

.listaTurnos.disponible {
    background-color: rgb(105, 255, 105);
    cursor: pointer;
}

ul {
  list-style: none;
}

div.cal {
    /*width: 436px; */
    height: 285px;
}

.cal li {
    color: #999;
    margin: 1px;
    float: left;
    width: 13.5%;
    height: 50px;
}

.cal div.etiqueta {
    background-color: #555;
    height: 20px;
    font-size: 15px;
    color: #AAA;
    text-align: center;
    width: 13.5%;
    float: left;
    margin: 1px;
}

.cal div.etiqueta.dom {
    color: rgb(255, 185, 185);
}


#lista-dia-calendario {
    padding: 0;
}

.cal li#lista-dia-calendario-container {
    width: 100%;
    background-color: white;
}

.cal select {
    padding: 2px 2px;
}

#lista-dia-calendario .dia {
    background-color: rgb(249, 249, 249);
    font-size: 17px;
    width: 13.5%;
    height: 38px;
    color: #AAA;
    cursor: default;
}

#lista-dia-calendario .dia.hoy {
border: #FF00D5 1px solid;

}

.cal ul#lista-dia-calendario li:hover {
    opacity: 1;
}


#lista-dia-calendario .dia.finde {
background-color: #FFE6E6;
color: #C89393;
}

#lista-dia-calendario .dia.feriado {
    background-color: rgb(0, 205, 255);
    color: #444;
}

#lista-dia-calendario .dia.vacaciones {
    background-color: #FFB86B;
    color: #444;
}


#listaDias,
#listaTomadosPorPeriodo
 {
    color: #333;
}


#lista-dia-calendario .dia.disabled {
color: rgb(237, 237, 237);
}

#lista-dia-calendario .dia.finde.disabled {
color: rgb(244, 212, 212);
}

#lista-dia-calendario .dia.disponible,
#lista-dia-calendario .dia.finde.disponible {
    background-color: rgb(105, 255, 105);
    color: #777;
    cursor: pointer;
}


#lista-dia-calendario .dia.disponible:hover {
    background-color: rgb(255, 195, 86);
}

#lista-dia-calendario .dia.ocupado {
    background-color: rgb(255, 212, 154);
    color: orange;
}


div.turno {
font-size: 13px;
text-align: center;
border-bottom: 1px dashed rgb(102, 186, 84);
}
div#turno.tomado {
background-color: #FAFAFA;
}

div.semana.modal {
    height: 60px;
    /*width: 436px;*/
    float: left;
    padding: 6px;
    background-color: white;
    border: 1px silver solid;
    z-index: 1050;
    display: block;
    position: relative;
    overflow-y: hidden;
    margin: -7px -7px;
}

#lista-dia-calendario div.semana.modal li.dia.disponible {
    width: 100%;
    background-color: white
}

#lista-dia-calendario div.semana.modal ul#listaTurnos {
width: 425px;
}

#lista-dia-calendario  div.semana.modal li.dia.disponible .numero span {
display: none;
}


#lista-dia-calendario .semana.modal .dia {
    display: none;
}

#lista-dia-calendario .semana.modal .dia.disponible.selected {
    display: block;
}

#lista-dia-calendario .semana.modal .dia #listaTurnos {
    display: block;
}

#lista-dia-calendario .semana .dia #listaTurnos {
    display: none;
}



div.modal_dialog
{position:fixed;top:0;width:100%;height:100%;z-index:2000}

div.modal_dialog_outer
{display:table;margin:0 auto;height:100%}
div.modal_dialog_sizer
{display:table-cell;vertical-align:middle}
div.modal_dialog_head
{position:relative;border-bottom:none;padding-top:10px;background:#fff}
div.modal_dialog_head h4
{background:#eee;font-size:13px;color:#333;margin:-10px 0 0;padding:20px;padding-right:50px;font-weight:bold;font-size:14px;font-style:normal;line-height:13px}
div.modal_dialog_head a.modal_dialog_close
{font-size:13px;color:#999;font-weight:bold;position:absolute;right:0;top:-4px;line-height:13px;text-transform:uppercase;padding:13px;
color: gray;font-size: 24px;font-family: cursive; cursor:pointer
}
div.modal_dialog_head a.modal_dialog_close .icon-x
{text-indent:-9999px;text-align:left;font-family: sans-serif;}
div.modal_dialog_head a.modal_dialog_close:hover .icon-x
{background-position:-10px -280px}
div.modal_dialog_body
{
  border-top:0;background:#fff;

  overflow:hidden;
  line-height:20px}


div.modal_dialog_content
{}

div.modal_dialog_head a.modal_dialog_close div.icon-x {
background: url('icon/x.gif') no-repeat;width: 26px;height: 26px;
}

div.modal_dialog_head a.modal_dialog_close div.icon-x:hover {
background: url('icon/x_hover.gif') no-repeat;width: 26px;height: 26px;
}

div.modal_dialog_head a.modal_dialog_close:hover div.icon-x  {
background: url('icon/x_hover.gif') no-repeat;width: 26px;height: 26px;
}

.modal_dialog {
display: none;
background: transparent url('img/dialog-overlay.png') repeat;
top: 0px;
height: 100%;
}

.modal_dialog_body {
  overflow: auto;
}

ul#listaTurnos li {
width: 80px;
float: left;
height: 36px;
text-align: center;
padding: 7px;
}
ul#listaTurnos li.disponible:hover {
background-color: rgb(255, 195, 86);
}
ul#listaTurnos{
padding: 10px;
float: left;
margin: 0;
}

.turno-picker #fecha {
    text-align: center;
    padding: 6px 0;
}

.turno-picker #circulo {
    background-color: #69ff69;
    width: 15px;
    display: inline-block;
    border-radius: 10px;
    height: 15px;
    line-height: 12px;
}

.vacio { background: repeating-linear-gradient( 45deg, #FFFFFF, #FFFFFF 7px, #DADADA 10px, #D8D8D8 9px ); }

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }

.autocomplete-suggestion .item {
    float: left;
    padding: 6px;
}

.autocomplete-suggestion .image {
    float: left;
    height: 32px;
}

.organization-avatar img {
    border-radius: 50%;
    height: 44px;
    float: right;
    margin-top: -5px;
}

.row.team img.avatar {
    border-radius: 50%;
    height: 64px;
}