/* **********
    Resetting styles
    ****************************************************** */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/*.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
  padding-left: 0;
  padding-right: 0;
}*/
div.sinpadding{
  padding: 0px;
}
div.normal{
  display: flex;
}
.noexisteelemento{
  background-color: #f5e5fb;
}

.clasedivubicacion{
  margin: 10px;
  border: 1px solid #bdb3b3;
  background-color: aliceblue;
}
.colorbasicoagenda{
  background-color: rgb(92, 156, 204); 
}
.botonaccion{
  clear: left;
  min-width: 150px;
  margin: 2px;
}

.div_alergias{
  background-color: crimson;
}

.divmenusuperior{
    text-align: center;
    background: #1abc9c;
    color: white;
    max-height: 100px;
    display: block;
    overflow: hidden;
}
.divlogomenusuperior img{
    max-height: 100%;
    display: block;
    max-width: 100%;
}
.divmenuizquierda{
  height: 90%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.divmenuizquierda div{
  text-align: center;
  font-size: 30px;
  background-color: yellow;
}
.logomenu{
  width: 100%;
}
.contenedor{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 60px auto;
}
.contenedor > :nth-child(2) {
  max-heiht: 60px; /* 20% x 300px */
}

.derecha{
    text-align: right;
}
.centrado{
    text-align: center;
}
button.derecha{
  float:right;
}
.coloreado{
    color: forestgreen;
}
.rojo{
    color: red;
}
.verde{
    color: green;
}
.azul{
    color:blue;
}
.blanco{
    color:white;
}
.fondoblanco{
    background: white;  
}
.sinpadding{
    padding: 0px;
}
.pruebas{
    background-color: chartreuse;
}

.div_introduccion_datos{
    background-color: #ffffcc;
    border: 6px solid #ffeb3b;
    border-radius: 15px;
    display: inline-block;
    padding: 12px 25px;
}
.div_listado{
    background-color: white;
    border: 6px solid #bdbfbb;
    border-radius: 15px;
    display: inline-block;
    padding: 12px 25px;
}
.fila:hover {
  background-color: #bfd8ef;
}

.div_introduccion_datos2{
    background-color: #c2e4ec;
    border: 6px solid #0dc3ee;
    border-radius: 15px;
    display: inline-block;
    padding: 12px 25px;
}
.div_listado2{
    background-color: #cfeeca;
    border: 6px solid #69be13;
    border-radius: 15px;
    display: inline-block;
    padding: 12px 25px;
}

.div_introduccion_datos3{
    background-color: #d8d6ea;
    border: 6px solid #1b22f1;
    border-radius: 15px;
    display: inline-block;
    padding: 12px 25px;
}
.div_listado3{
    background-color: #f3d5e9;
    border: 6px solid #f11ba9;
    border-radius: 15px;
    display: inline-block;
    padding: 12px 25px;
}


.cabecera_listado{
    background-color: #dedbdb;
}
.cuerpo_listado{
    background-color: aliceblue;
}
.anchototal{
    width: 100%
}
.boton_cierre{
    position: absolute;
    top: 0px;
    right: 0px;
}
.tamanopantalla{
    height: : 100%;
    overflow:auto;
}
div.pantalla {
    border:2px solid;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    border-color: rgb(51,153,204);
    min-height: 350px;
    background: aliceblue; 
    /*rgb(238, 240, 240);*/
}
div.pantallabusqueda{
  border:2px solid;
  border-radius: 25px;
  border-color: rgb(51,153,204);
  min-height: 500px;  
  background-color: aliceblue;
}
table.tablabusqueda{
  margin-top: 2%;
}
table.tablabusqueda tbody{
  background-color: white;
  padding: 1px;
  border-width: 2px;
  border-style: inset;
  border-color: initial;
  border-image: initial;
}

div.menuacciones {
  padding: 0;
  padding-left: 5px;
  margin-top:45px;
  text-align: center;
}
div.menuacciones ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.sinpadding{
    padding: 0px;
}

.recuadro{
    display: block;
    margin:auto;
    -webkit-box-shadow: 10px 10px 5px -9px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px -9px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px -9px rgba(0,0,0,0.75);
    border: 3px solid #e3f0fa;
    border-radius: 5px;
}
.imagencentrada{
    display: block;
    margin:auto;
}

.importe_resaltado{
    font-size: 24pt;
}



/*Agenda para los próximos pedidos*/
div.mes caption {
  font: normal 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 6px 4px;  
}

.tabla_mes {
  border-spacing: 3px;
  empty-cells: hide;
}

div.mes td {
  text-align: center;
  border: 1px solid #eee;
  cursor: pointer;
}

div.mes td#celda_hoy{
  background-color: cyan;
}

div.mes th {
  color: #999;
}

div.mes caption.titulo {
  text-align: left;
  font-size: 18px;
  color: #c00;
}

div.franja{
  height: 2vh;
  clear: both;
}
.fondofranja{
   background: #8ab9db;
 
}
div.solo{
  clear: both;
}
div.listadoenpantalla{
  padding-left: 5%;
}
div.listadoenpantalla ul{
  list-style: none;
}
div.listadoenpantalla ul li{
  cursor: pointer;  
}
div.listadoenpantalla ul li:hover{
  background: #e3e7f7;  
}



/**** Agenda ****/
.modal_contenido{
  border: 1px solid gray; 
  /*max-width:50%;*/
  padding: 10px 0px;
  margin: 10% auto; /*20%*/
  position: relative;
  background-color: lightgray;
  display: flex;
  flex-direction: column;
}
.modal_cita{
  background-color: rgba(0,0,0,.8);
  position:fixed;
  top:5%;
/*  right:0%;
  bottom:0;
*/  left:25%;
  width: 50%;
  transition: all 1s;
}
.mimodal_citaactivo{
  opacity:1;
  pointer-events:auto;
}
.mimodal_citanoactivo{
  opacity:0;
  pointer-events:none;
}

/*Pongo para el modal de esperando*/
#modal_esperando {
  border:0;
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('http://www.frasor.es/logo_animado.gif') 
                50% 50% 
                no-repeat;
}
.modal_contenido_esp{
  width:300px;
  padding: 10px 20px;
  margin: 20% auto;
  position: relative;
}

.modal_esp{
  background-color: rgba(0,0,0,.8);
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  transition: all 1s;
}
.mimodal_esperandoactivo{
  opacity:1;
  pointer-events:auto;
}
.mimodal_esperandonoactivo{
  opacity:0;
  pointer-events:none;
}


/*Agenda*/
table.calendario_mes{
  -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
  /*background-color: #159833;*/ 
  background-color: #46bc5f;    
  color: white;
  margin: 0 auto;  
  min-width: 175px;
}
tr.calendario_fila_nombre_mes td{
  font-size: 14pt;
  color: white;
}

div#franja_dia{   
    background-color: rgb(92, 156, 204); 
    /*background: cornflowerblue;*/
    padding-left: 5px;
    padding-right: 0px;
}
#agenda_dia{
    font-size: 75px;
    color: white;
}
#agenda_mes{
    font-size: 16px;
    color: white;
}
#agenda_nombredia{
    font-size: 16px;
    color: white;
}
div#franja_hora{
    background-color: #46bc5f;    
    /*background: #169832;*/
    text-align: center;
    padding: 0px;
}

.agenda_hora{
    height: 55px;
    font-size: 22px;
    color: white;   
    border: 0.1px solid black;
    margin: 0px;
}
div#franja_trabajos{
    background-color: white;
    padding: 0px;
    overflow: hidden
    width:100%;
}

textarea.anchototal{
  width: 100%;
}

.agenda_trabajo{
    grid-column:1 / 2;
    border: 1px solid black;
    overflow: auto;
}
.agenda_trabajo.ocupada{
    background-color: #e7dede;
/*    padding-left: 5px;
    padding-right: 5px;
    height: 55px;
    font-size: 18px;
    color: black;   
    border: 0.1px solid black;
    margin: 0px;  
    float: left;
    line-height: 50%;
    overflow: auto;*/
}

.sintrabajos{
    padding-top: 5px;
    color: gray;
    font-size: 10px;    
}
.numtrabajos0{
    width: 100%
}
.numtrabajos1{
    width: 100%
}
.numtrabajos2{
    width: 50%
}
.numtrabajos3{
    width: 33.3333%
}
.numtrabajos4{
    width: 25%
}
.numtrabajos5{
    width: 20%
}
.numtrabajos6{
    width: 16.6666%
}
.numtrabajos7{
    width: 14.2857%
}
.numtrabajos8{
    width: 12.5%
}
.numtrabajos9{
    width: 11.111%
}
.numtrabajos10{
    width: 10%
}
.numtrabajos11{
    width: 9.0909%
}
.numtrabajos12{
    width: 8.3333%
}
.numtrabajos13{
    width: 7.6923%
}
.numtrabajos14{
    width: 7.1428%
}
.numtrabajos15{
    width:6.6666%
}
.numtrabajos16{
    width: 6.25%
}
.numtrabajos17{
    width: 6%
}
.numtrabajos18{
    width: 5.5%
}
.numtrabajos19{
    width: 5%
}
.numtrabajos20{
    width: 5%
}
.fecha{
  max-width: 100px;
}

.margensuperior{
  margin-top: 45px;  
}
/*PACIENTES*/
.lbl_tutor{
  font-weight: normal;
}

/*LOPD*/
.informecabecera{
  border: 2px solid black;
  margin: 20px;  
  background-color: white;
}
.informetitulocapitulo{
  font-size: 24pt;
  margin-top: 10px;  
  margin-left: 40px;  
  color:darkgray;
}
.informecapitulo{
  clear:left;
  border: 2px solid darkgray;
  margin: 5px 20px;
  background-color: white;
}
.informetituloitem{
  font-size: 10pt;
}
.informeitem{
  font-size: 14pt; 
}
.informetituloitem{
  min-width: 100px;
}
input[type="checkbox"].informecheckbox{
  margin-left: 50px;
  margin-right: 10px;
}
/*EXPEDIENTES*/
.div_nuevaficha{
  background-color: #f0f0ed;
  border: 2px solid #acd0ea;
  border-radius: 15px;
  display: inline-block;
  padding: 20px 25px;
}
.div_nuevaficha div{
  padding: 2px 2px;
}
canvas.firma{
  border: 2px solid #acd0ea;
  
}

.modal{
  font-family: "Myriad Pro",Arial,Helvetica,Tahoma,sans-serif;
  font-size: 10pt;
}
.modal-dialog{
  width: 1200px;
}


/*Imagen preview*/
.image-preview-input {
    position: relative;
  overflow: hidden;
  margin: 0px;    
    color: #333;
    background-color: #fff;
    border-color: #ccc;    
}
.image-preview-input input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
.image-preview-input-title {
    margin-left:2px;
}

.tablastock{
  background-color: #f9f5f5;
}
.tablastock tr td{
  border: 1px solid #bdb3b3;
}
.tablastock tr.filaarticulo{
  background-color: aliceblue;
}
.table-striped.tablastock > tbody > tr:nth-child(odd).filaarticulo > td{
  background-color: aliceblue;
}

.etiquetapequenya{
   font-size: 8pt;
}