* {
  box-sizing: border-box;
}

html, body {

    font-family: "Arial", "Arial Bold", Gadget, sans-serif, "Helvetica";
    margin: 0;

}




/* colores navbar */
.navbar-custom {
    background-color:#587063;
    color:#ffffff;
    border-radius:3px;
}
/* sombra */  
.navbar-custom .navbar-nav > li > a {
    color:#fff;
}

.navbar-custom .navbar-nav > .active > a {
    color: #ffffff;
    background-color:transparent;
}
      
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus,
.navbar-custom .navbar-nav > .open >a {
    text-decoration: none;
    color: #0375b4;
    background-color: white;
}
     
.navbar-custom .navbar-brand {
    color:#eeeeee;
}
.navbar-custom .navbar-toggle {
    background-color:#eeeeee;
}
.navbar-custom .icon-bar {
        background-color: #0375b4;
      color: white;
}

/* for dropdowns only */
.navbar-custom .navbar-nav .dropdown-menu  { 
         background-color: #0375b4;
      color: white;
}
.navbar-custom .navbar-nav .dropdown-menu>li>a  { 
        background-color: #0375b4;
      color: white;
}
.navbar-custom .navbar-nav .dropdown-menu>li>a:hover,.navbar-custom .navbar-nav .dropdown-menu>li>a:focus  { 
         background-color: #0375b4;
      color: #0375b4;
}



/* prueba navbar vertical */

/* make sidebar nav vertical */
@media (min-width: 768px) {
  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
    
  }
  .sidebar-nav .navbar ul {
    float: none;
  }
  .sidebar-nav .navbar ul:not {
    display: block;
  }
  .sidebar-nav .navbar li {
    float: none;
    display: block;
  }
  .sidebar-nav .navbar li a {
    padding-top: 12px;
    padding-bottom: 12px;

  }

}

/**  caracteristicas boton 

.color-btn{
  background-color: #f7d9c3;
  color: tomato;
}
.color-btn:hover{
  background-color: #edb482;
}
 */

.color-btn {
/* Color del texo */
    color: #0284cc;
    /* Eliminar color de fondo */
    background: transparent;
    /* Grosor del borde, estilo de línea y color */
    border: 2px solid #0284cc;
    /* Añadir esquinas curvadas */
    border-radius: 6px;

    text-align: center;
    display: inline-block;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    text-decoration: none;
}

/* Al poner el curso encima (hover) */
.color-btn:hover {
      background-color: #ffce00;

 }


.nuevo-estilo {
    margin: 3px;
    padding: 5px;


}



#at_paciente tr.atencion_hoy {
  background-color: #ffce00;
}
}



/** ------------------------------------------------------------ */
.right_header {
    float: right;
    margin-left: 5px;
}

/** caracteristoicas enlaces */


a {
  color: #0284cc;
}


a:hover
{
  color: #73C6B6;
}

/** caracteristicas tabla */
a.table  {
  color: #0284cc;
}

/** modal otros tamaños */


.modal-med {
  height: 400px;
  width: 400px;
}



#tabla_mes a {
  color: #0284cc;
}

.no_asiste {
  color: tomato;
}

#pane1{
  background: yellow;
}

#pane2{
  background: red;
}
#pane3{
  background: blue;
}
.letra_small{
  font-size: 90%;
}

.hay_ant_morb_ant{
    color: blue;
}
.hay_ant_morb_hoy{
    color:green;
}
.no_hay_ant_morb{
    color:red;
}
#fecha_atencion_body{
  color: #890AFA;
  font-size: 90%;
}
/* usar para div class row. espacio al final */
.form-group {
        margin-bottom: 15px;
}

.spacer-top {
  margin-top: 5px;
}

.ui-autocomplete {
    position: absolute;
    z-index: 1000;
    cursor: default;
    padding: 0;
    margin-top: 2px;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
       -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.ui-autocomplete > li {
  padding: 3px 20px;
}
.ui-autocomplete > li.ui-state-focus {
  background-color: #DDD;
}
.ui-helper-hidden-accessible {
  display: none;
}

#clinica-datos-pac{
    font-size: 14px;
}

#clinica-datos-fijos{
    height: 60px;
}


#clinica-formulario{
  height: 350px;
}
.antiguo{
    background-color: #D1D6FC;
}

.nuevo{
    background-color: #E2F1A3;
}

/*#listado_fotosydiag tr.esImagen{
  background-color: #E3FFF3;
}*/
#body_menu_historial{
    height: 100px;
}

#div_at_s_c{
    height: 120px;
}

.modal-body {
    overflow-y: auto;
}

/** esta combinacion hace que el scrollbar se aplique solo al interior */
/** formulario asignar hora */

#modal-agenda .modal-dialog{
    overflow-y: initial !important
}
#modal-agenda .modal-body{
    height: 350px;
    overflow-y: auto;
}

.lateral_at{
      overflow-y: auto;
      height:250px;
      width: 180px;
}


/* form recetas */
#modal-form-receta .modal-dialog{
  overflow-y: initial !important
}

#modal-form-receta .modal-body{
    height: 450px;
    overflow-y: auto;
}

/* atenciones anteriores */
/*#modal-fichas-anteriores .modal-dialog{
  overflow-y: initial !important
}*/

#modal-fichas-anteriores .modal-content{
    overflow-y: auto;
    overflow-x: hidden;
    width: 640px;
}

.carousel-container {
  width: 640px;
  height: 792px;
  overflow-y: hidden;
  overflow-x: hidden;
}
.carousel-control {
    width: 2%
}

/* ------- */

.modal-ku{
  height: 550px;
  width: 550px;
}

/* Vista rapida recetas lentes */
#modal-clinica-receta {
top: 5%;
right:50%;
/*outline: none;*/
 width: 480px;
}
.modal-receta {
  width: 450px;
}

.modal-at{
    width: 1200px;
    margin: auto;
}
.row-m-t{
  margin-top : 10px
}

#tipo-receta li {
    display: inline;
    list-style-type: none;
    padding-right: 20px;
}


.table tr.row_selected td {
background-color: #b4e2c9 !important;
}

/*table.dataTable tbody tr.selected {
    background-color: #b5b5b5 !important;
}*/


#listado_atenciones tr.vino {
    color: #F1C40F;
    font-weight: bold;
}




#listado_atenciones tr.atendido {
    color: #98a098;
    font-weight: bold;
}


#listado_atenciones tr.atendido a{
    color: #98a098;
    font-weight: bold;
}

#listado_atenciones tr.atendido span{
    color: #98a098;
    font-weight: bold;
}

#listado_atenciones tr.sc {
    background-color: #ffe887;
}


table.dataTable tbody tr.selected {
  background-color: #B0BED9 !important;
}


#tabla_tipo_bonos_asociar tr.asociado{
    color: #16A085;
}
#tabla_tipo_bonos_asociar tr.no_asociado{
    color: #EC7063;
}
#listado_atenciones tr.ingresado{
    color: #408e41;
    font-weight: bold;
}

#listado_atenciones tr.ingresado a{
    color: #408e41;
    font-weight: bold;
}
#listado_atenciones tr.ausente{
    color: #596eba;
}
#listado_atenciones tr.ingresado span{
    color: #408e41;
    font-weight: bold;
}

/*#ingreso_atenciones{
    height: 240px;
}*/
/* tabla atenciones, listado apcientes clinica */
#atenciones tr.atendido {
    color:#98a098;
    font-weight: bold
}

#atenciones tr.atendido a{
    color:#98a098;
    font-weight: bold
}
#atenciones tr.atendido span{
    color:#98a098;
    font-weight: bold
}

#atenciones tr.sc{
    background-color: #ffe887;
}

#atenciones tr.ingresado{
    color: #408e41;
    font-weight: bold;
}
#atenciones tr.ingresado a{
    color: #408e41;
    font-weight: bold;
}
#atenciones tr.ingresado span{
    color: #408e41;
    font-weight: bold;
}

#vision-lejos td{
  text-align: center;
}
#vision-lejos th{
  text-align: center;
}

#vision-cerca td{
  text-align: center;
}
#vision-cerca th{
  text-align: center;
}


#listado_horas tr.sc {
    background-color: #ffe887;
}

#listado_horas a.sc {
    background-color: #ffe887;
}

#importante {
    font-size: 18px;
    color: #CD5C5C;
    font-weight: bold;
}

.bordered {
    padding: 3px 10px;
    border: 1px solid #F2D7D5;
    border-radius: 8px;
    margin-left: 30px;
}
.div-historial{
    border: 1px solid #F2D7D5;
    border-radius: 8px;
    padding: 5px;
}
.div-historial-2{
    border: 1px solid #4D85F3;
    border-radius: 8px;
    padding: 5px;
}
/*input.invalid, textarea.invalid{
    border: 2px solid red;
}*/

.invalid{
    border: 2px solid red;
}

.valid{
    border: 2px solid green;
}

.revisado {
    color: blue;
}

.propuesto {
    color: red;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

/* scrollbar vertical autocomplete */
.my-custom-scrollbar {
  position: relative;
  height: 500px;
  overflow: auto;
}
.table-wrapper-scroll-y {
  display: block;
}

/* scrollbar clinica historial*/
#historial_paciente.my-custom-scrollbar {
  position: relative;
  height: 175px;
  overflow: auto;
}
#historial_paciente.table-wrapper-scroll-y {
  display: block;
}



a.link-historia{
    color: #B2B6BB;
}


table.tabla_mostrar_lentes, table.tabla_mostrar_lentes th, table.tabla_mostrar_lentes.td {
  border: 1px solid black;
  border-collapse: collapse;
}
/*th, td {
  padding: 5px;
  text-align: right;
}*/
.disabled {
    pointer-events: none;
}
#div_hist_recetas ul{
       list-style:none;
}

a
{
/*  text-decoration: none; 
  color: #232323; */
  
  transition: color 0.3s ease;
}



#tab-lentes{
  background-color: #E7F8E8;
}
#tab-medicamentos{
  background-color: #E7F2F8;
}
#tab-examenes{
  background-color: #F8F0E7;
}


/*#fotos{
  background-color: #EEFFDA;
  border-color: black;
-webkit-box-shadow: -10px 0px 13px -7px #000000, 10px 0px 13px -7px #000000, 1px 1px 33px 12px rgba(0,0,0,0); 
box-shadow: -10px 0px 13px -7px #000000, 10px 0px 13px -7px #000000, 1px 1px 33px 12px rgba(0,0,0,0);
}*/
#mediciones{
  background-color: #DAFEFF;
  border-color: black;
-webkit-box-shadow: -10px 0px 13px -7px #000000, 10px 0px 13px -7px #000000, 1px 1px 33px 12px rgba(0,0,0,0); 
box-shadow: -10px 0px 13px -7px #000000, 10px 0px 13px -7px #000000, 1px 1px 33px 12px rgba(0,0,0,0);
}
/*#diagramas{
  background-color: #F5E8FF;
}*/

#diagramas {
  border-color: black;
  background-color: #F5E8FF;
-webkit-box-shadow: -10px 0px 13px -7px #000000, 10px 0px 13px -7px #000000, 1px 1px 33px 12px rgba(0,0,0,0); 
box-shadow: -10px 0px 13px -7px #000000, 10px 0px 13px -7px #000000, 1px 1px 33px 12px rgba(0,0,0,0);
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
bottom: .5em;
}

#pendiente{
  display: none;
}

#div_at_s_c{
  display: none; 
}
.estadopago0{
  background-color: #F7665A
}
.estadopago1{
  background-color: #FFC68D
}
.estadopago2{
  background-color: #EFFA7F
}
.estadopago3{
  background-color: #FA9B7F
}
.estadopago4{
  background-color: #5AF780
}

.sin_atenciones{
  background-color: #BDECB6
}

.una_atencion{
  background-color: #B8B799
}

.varias_atenciones{
  background-color: #D36E70;
  color: #000000;
}


.confirmada{
    color: #EC7063;
}
.confirmada a{
    color: #EC7063;
}
.asignada{
    color: #3498DB;
}
.asignada a{
    color: #3498DB;
}
.llamada{
    color: #b36a00;
}
.mensaje{
    color: #9855D1;
}
.llamada a{
    color:#b36a00;
}
.mensaje a{
    color:#9855D1;
}
/* marcar en listado at hoy, si proximo control es sin costo */
.hoy_sgte_s_c{
  background-color: #EBD4FF;
}
/* marcar en listado at hoy, si proximo control es mostrar ex */
.hoy_sgte_m_e{
  background-color: #D8F9F4;
}


#totales_cobranza{
  max-width: 350px;
  min-width: 310px;
}

#totales_cobranza td {
  width: 20%;
  border: 1px black;
}

/* marcar fila con ultima modificacion cobranza */
#tabla_cobranzas_pendientes tr.ultima{
    background-color: #FF0000;
}

/* marcar fila con ultima agenda listado horas */
#listado_horas tr.ultima_hora{
    background-color:  #7cd3c3;
}

.verde {
    color:  #615FFF;
    font-weight: bold;
}

.linea {
  border-top: 1px solid black;
  height: 2px;
  padding: 0;
  margin: 0 auto 0 auto;
}

#listado_apermanentes tr.P{
  background-color: #F5FDFE;
}
#listado_apermanentes tr.O{
  background-color: #F7F2FE;
}
#listado_apermanentes tr.M{
  background-color: #FEFDF2;
}