/************************Panel  Emergente**********************/
#panel {

   background-color: #000;
   background: rgba(0, 0, 0, 0.7);
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 999;
   display: none;


}

#ventana {

   background: #ffff;
   border-radius: 5px;
   width: 35%;
   max-height: 620px;
   margin: auto;
   margin-top: 3%;
   box-shadow: 0px 2px 5px #222;
   position: relative;

}

#ventanaGrande {

   background: #ffff;
   border-radius: 5px;
   width: 60%;
   max-height: 620px;
   margin: auto;
   margin-top: 20px;
   box-shadow: 0px 2px 5px #222;
   position: relative;

}

.encVentana {

   background-color: #3f90d3;
   padding: 10px;
   border-bottom: 1px #ddd solid;
   font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
   color: #fff;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   height: 20px;

}

.encVentana img {

   float: right;
   width: 20px;
   cursor: pointer;

}

.contVentana {

   max-height: 450px;
   overflow: auto;
   font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
   padding: 10px;

}



.cajasVentana {

   border-bottom: 1px #ccc solid;
   padding: 10px;

}

.cajasVentana:hover {

   background-color: rgb(251, 243, 163);

}

.cajasDetalles {

   background: #00b034;
   padding: 5px;
   width: 10%;
   text-align: center;
   font-weight: bold;
   color: #fff;
   border-radius: 5px;
   cursor: pointer;
   position: absolute;
   right: 4px;

}

.cargadorImagenAdj {

   width: 200px;
   height: 170px;
   margin: auto;
   display: flex;
   justify-content: center;
   align-items: center;
}

.cargadorImagenAdj img {

   width: 120px;
   object-fit: cover;
   cursor: pointer;
}

/******************************Estilos para los controles de la ventana***********************************/
.titulosModales {

   margin: auto;
   width: 58%;
   text-align: left;
   font-size: 14px;
   font-weight: bold;
   color: rgb(48, 48, 48);
}

.inputFormulario {

   border: 1px #ccc solid;
   border-radius: 20px;
   padding: 13px;
   /*height: 30px;*/
   width: 58%;

}

.inputFormularioTextarea {

   border: 1px #ccc solid;
   border-radius: 10px;
   padding: 13px;
   height: 55px;
   width: 58%;
}

.inputArea {

   border: 1px #ccc solid;
   border-radius: 5px;
   padding: 5px;
   height: 70px;
   width: 50%;

}

select.inputFormulario {
   width: 65%;
}

.botonEnviarFomr {

   background-color: #d58104;
   padding: 10px;
   text-align: center;
   color: #FFF;
   border-radius: 25px;
   border: none;
   font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
   font-weight: bold;
   cursor: pointer;
   width: 40%;
}

.botonEnviarFomr:hover {

   background-color: #ee950f;

}

.inputListas {

   border: 1px #ccc solid;
   border-radius: 5px;
   padding: 5px;
   height: 30px;
   width: 50%;

}

.inputFecha {

   border: 1px #ccc solid;
   border-radius: 5px;
   padding: 5px;
   height: 30px;
   width: 50%;

}

.alertaFormulario {

   color: #f14432;
   font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
   margin-bottom: 10px;

}


/****************** buscador de la ventana modal *************************************/
.buscadorVentana {

   border-bottom: 1px #ccc dotted;
   padding: 5px;

}

.inputBusVen {

   border: none;
   font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
   font-size: 18px;
   width: 70%;
   height: 25px;
   padding: 5px;

}

.contText {
   display: flex;
}

.cajaBus {
   cursor: pointer;
   padding: 5px;
}

.cajaBus:hover {

   background-color: #ccc;
   border-radius: 5px;
}

.imgBus {

   justify-content: center;
   align-items: center;
   display: flex;
}

.imgBus img {

   width: 40px;
   height: 40px;
}

.textoBusNombre {

   width: 100%;
   padding-top: 10px;
   font-size: 16px;
   font-weight: bold;
}

.textoBusTel {

   font-size: 12px;
   font-weight: normal;
}

.contEditarRangoFechasVenc {

   display: flex;
   width: 60%;
   flex-wrap: wrap;
   padding: 4px;

}

.inputFechas {

   width: 90%;
   padding: 8px;
   border: none;
   margin-left: 2%;
   margin-top: 1%;
   border-radius: 5px;
   border: 1px #ccc solid;
   background: #f4f5f9;
   font-size: 15px;
   margin-top: 2%;
}

/*.inputFechas input{
   
   border:none;
   background: yellow;


  }*/

.contenedorLoginAdm {

   /* display: flex;
   justify-content: center;
   align-items: center;
   padding: 10px;
   position: relative; */

   display: flex;
   /* justify-content: center; */
   /* align-items: center; */
   padding: 10px;
   /* position: relative; */
   max-height: 400px;
   overflow-y: scroll;

}

.contenedorLoginAdm span {

   position: absolute;
   top: 10px;
   right: 30px;
   font-size: 15px;
   color: #222;
   cursor: pointer;
   font-weight: bold;
}

.encabezadoDireccion {

   padding: 5px;
   text-align: center;
   color: #222;
   font-weight: bold;
   font-size: 17px;
}

.contInputBtn {

   padding: 10px;
   margin: auto;

}

.contInputBtn input {

   border: 1px #ccc solid;
   padding: 10px;
   border-radius: 18px;
   background: #fff;
   outline: none;
   width: 93%;
   margin-top: 3%;
}

.contInputBtn textarea {

   border: 1px #ccc solid;
   padding: 10px;
   border-radius: 7px;
   min-height: 77px;
   background: #fff;
   outline: none;
   width: 93%;
   margin: auto;
   margin-top: 3%;
}

.alerta {

   text-align: center;
   color: #e4212a;
}

.btnAcceder {

   margin: auto;
   text-align: center;
   font-size: 15px;
   color: #fff;
   background: #496fb1;
   border-radius: 20px;
   cursor: pointer;
   padding: 9px;
   width: 30%;
}

.inputFormulario2 {

   border: 1px #ccc solid;
   border-radius: 20px;
   padding: 10px;
   /* height: 30px; */
   width: 93%;
}

.inputFormulario2 select {

   width: 90%;
   border: none;
   outline: none;

}

@media screen and (max-width:850px) {

   #ventana {
      width: 50%;
      margin-top: 50%;

   }

   .btnAcceder {
      width: 45%;
   }

   .contInputBtn input {

      font-size: 17px;
   }

}

@media screen and (max-width:500px) {

   #ventana {
      width: 97%;
      margin-top: 10%;
   }

   .inputFormulario {
      width: 84%;
   }
}