/*cabecera*/
.navbar-custom-menu .numerosprin{font-size: 20px;padding-top: 5px;}
.navbar-custom-menu .numerosprintexto{width: 80%;margin-left: 10%; top: 5px !important;right: 5px !important;}
.navbar-custom-menu .numerodia{font-size: 20px;padding-top: 5px;}
.navbar-custom-menu .numerodiatexto{width: 80%;margin-left: 10%; top: 5px !important;right: 5px !important;}
.messages-menu a {padding-bottom:7px !important;}
img.img-circle.perfil {height: 45px;}

/* cabecera sprines */
.cuadrossprint .cuadro{width: 45px;height: 45px;text-align: center;margin: 5px;background:#008548;color: white;float: left;}
.cuadro a {border: 0px !important;color:white;font-size: 20px;}
.cuadrossprint .cuadro a:hover{color:#008548}
.cuadro a div{text-align: center;line-height: 23px; width: 100%;}

.cuadrosdias .cuadro{width: 45px;height: 44px;text-align: center;margin: 5px;background:#F39C12;color: white;float: left;}
.cuadrosdias .cuadro a:hover{color:#F39C12}


li.dropdown.messages-menu.mensajes {    position: absolute;left: 44px;height: 45px;margin-top: 2px;background-color: white;z-index: 2;display: none;}
.mensajes #mensaje #textomensaje{position: relative;float: right;padding: 5px;line-height: 2.5;color: grey;font-size: 15px}
#mensaje i.fa.fa-fw.fa-thumbs-o-up {width: 45px;height: 45px;background-color: #00a65a;color: white;font-size: 22px;line-height: 2;}
#mensaje i.fa.fa-fw.fa-thumbs-o-down {width: 45px;height: 45px;background-color: red;color: white;font-size: 22px;line-height: 2;}

/* urgente */
.callout {position: absolute;top: 53px;right: 2px;width: 40%;z-index: 10000;display:none;}

/* capa modal */
.modal-body {min-height: 100px;}
.modal-content .idcapa{display:none;}
.modal-content .imagen{float:left;width:50px;min-height: 50px;}
.modal-content .texto{float:left;}
.modal-content .descripcion{float:left;}
.modal-content .descripcion span {font-weight: bold;}
.modal-content #imagencapa img { width: 50px;}
.modal-content .texto {float: left;width: 85%;margin-left: 21px;}
.modal-content .descripcion {float: left;width: 85%;margin-left: 21px;min-height:60px;}


.main-header .sidebar-toggle:hover {
  color: black;
}

.croppedImg {
  max-width: 100%;
  height: auto;
  transition: all 0.3s ease-in-out; /* Animación suave */
}

/* Estilos básicos para el botón */
.btn-ampliar-imagen {
  margin-top: 5px;
  padding: 5px 10px;
  cursor: pointer;
  display: block; /* Para que cada botón esté en su propia línea */
}

button.btn-ampliar-imagen {
  margin-top: 5px;
  background: #367FA9;
  color: white;
  border: 0px;
  border-radius: 5px;
  height: 90%;
  width: auto;
}
img.croppedImg.ampliada {
    height: 90% !important;
    max-width:90%;
    margin-top: 2%;
    width: auto;
}