.disabled-tab {
  pointer-events: none;
  opacity: 0.5; /* Opcional: para dar un efecto visual de deshabilitado */
}

/* Ícono de "Limpieza" en el menú lateral: es una imagen (views/img/Iconos/limpieza.png),
   no un ícono de Font Awesome. El link se pone en flex para que el ícono y el texto queden
   centrados verticalmente en una sola fila, con el mismo padding que ya trae AdminLTE.css
   para el resto de los links del sidebar (".sidebar-menu > li > a"), declarado aquí también
   por si el flex lo pisa.
   margin-left:0 es la causa real de que se viera descuadrado: Bootstrap trae "img{margin-left:
   auto;margin-right:auto}" para centrar imágenes sueltas — inofensivo en flujo normal, pero
   dentro de un contenedor flex SÍ empuja el ícono, comiéndose el espacio libre de la caja
   (confirmado con el inspector: el margin-left calculado era de 7px sin que nada lo pidiera). */
.sidebar-menu a.sv-menu-item-icono{
  display:flex;
  align-items:center;
  padding:12px 5px 12px 15px;
}
.sidebar-menu .sv-icono-menu{
  width:20px;
  height:20px;
  object-fit:contain;
  margin-left:0;
  margin-right:10px;
  filter:brightness(0) invert(1);
  flex-shrink:0;
}
.sidebar-mini.sidebar-collapse .sidebar-menu .sv-icono-menu{
  margin-right:0;
}

/* El popup del calendario nativo (input type="date") es UI del propio navegador, no de la
   página; se fuerza a claro en todo el sistema para que no herede un tema oscuro y se vea
   siempre con su apariencia normal/predeterminada, sin importar el módulo. */
input[type="date"] {
  color-scheme: light;
}

/* Calendario propio (bootstrap-datepicker) con la paleta del sistema, global para que
   cualquier campo de fecha del sistema (no solo Recepción, de donde se movió este bloque)
   se vea igual sin tener que repetir el estilo por módulo. z-index alto para que también
   se vea por encima de popups de SweetAlert2. */
.datepicker.datepicker-dropdown{
  border:1px solid #e4d9c8;
  border-radius:10px;
  box-shadow:0 8px 24px rgba(63,52,46,.14);
  padding:6px;
  z-index:10000 !important;
}
.datepicker table tr td, .datepicker table tr th{
  font-size:12.5px;
}
.datepicker th.dow{
  color:#8a7c6d;
  font-weight:700;
  text-transform:uppercase;
  font-size:11px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next{
  color:#3f342e;
  font-weight:700;
}
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker .datepicker-switch:hover{
  background:#f2ede6;
}
.datepicker table tr td.day{
  color:#3f342e;
}
.datepicker table tr td.day:hover{
  background:#f2ede6;
  border-radius:6px;
  cursor:pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new{
  color:#dcd2c2;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover{
  color:#dcd2c2 !important;
  background:none !important;
  cursor:not-allowed;
  text-decoration:line-through;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover{
  background:#dfc6a2 !important;
  background-image:none !important;
  color:#3f342e !important;
  border-radius:6px;
  text-shadow:none;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover{
  background:#81412d !important;
  background-image:none !important;
  color:#fff !important;
  border-radius:6px;
  text-shadow:none;
}


.button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 3px 9px;
    border: 0px solid #aa0305;
    border-radius: 100px;
    background: #ff060a;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff060a), to(#aa0305));
    background: -moz-linear-gradient(top, #ff060a, #aa0305);
    background: linear-gradient(to bottom, #ff060a, #aa0305);
    -webkit-box-shadow: #ff070c 0px 0px 6px 0px;
    -moz-box-shadow: #ff070c 0px 0px 6px 0px;
    box-shadow: #ff070c 0px 0px 6px 0px;
    text-shadow: #640203 1px 1px 1px;
    font: normal normal bold 12px courier new;
    color: #ffffff;
    text-decoration: none;
}

.buttonActivo {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 3px 12px;
    border: 0px solid #2f8e2d;
    border-radius: 100px;
    background: #4de749;
    background: -webkit-gradient(linear, left top, left bottom, from(#4de749), to(#2f8e2d));
    background: -moz-linear-gradient(top, #4de749, #2f8e2d);
    background: linear-gradient(to bottom, #4de749, #2f8e2d);
    -webkit-box-shadow: #47d643 0px 0px 6px 0px;
    -moz-box-shadow: #47d643 0px 0px 6px 0px;
    box-shadow: #47d643 0px 0px 6px 0px;
    text-shadow: #1e591c 1px 1px 1px;
    font: normal normal bold 12px courier new;
    color: #ffffff;
    text-decoration: none;
}

.buttonPeriodo {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 3px 12px;
    border: 0px solid #ac730b;
    border-radius: 100px;
    background: #ffbd12;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffbd12), to(#ac730b));
    background: -moz-linear-gradient(top, #ffbd12, #ac730b);
    background: linear-gradient(to bottom, #ffbd12, #ac730b);
    -webkit-box-shadow: #ffc513 0px 0px 6px 0px;
    -moz-box-shadow: #ffc513 0px 0px 6px 0px;
    box-shadow: #ffc513 0px 0px 6px 0px;
    text-shadow: #7b5208 1px 1px 1px;
    font: normal normal bold 12px arial;
    color: #ffffff;
    text-decoration: none;
}
  
  img{
    display: block;
    margin: auto;
    width: 100%;
    height: auto;
  }
  
  #login-button{
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 50px;
    margin: auto;
    width: 400px;
    height: 250px;
    border-radius: 50%;
    background: rgba(3,3,3,.8);
    overflow: hidden;
    opacity: 1.4;
    box-shadow: 10px 10px 30px #000;
}
  
  /* Login container */
  #container{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 260px;
    height: 260px;
    border-radius: 5px;
    background: rgba(3,3,3,0.25);
    box-shadow: 1px 1px 50px #000;
    display: none;
  }
 
  /* Inputs */
  .inputLogin {
    font-family: 'Open Sans Condensed', sans-serif;
    text-decoration: none;
    position: relative;
    width: 80%;
    display: block;
    margin: 9px auto;
    font-size: 17px;
    color: #fff;
    padding: 8px;
    border-radius: 6px;
    border: none;
    background: rgba(3,3,3,.1);
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  
  input:focus{
    outline: none;
    box-shadow: 3px 3px 10px #333;
    background: rgba(3,3,3,.18);
  }
  
  /* Placeholders */
  ::-webkit-input-placeholder {
     color: #ddd;  }
  :-moz-placeholder { /* Firefox 18- */
     color: red;  }
  ::-moz-placeholder {  /* Firefox 19+ */
     color: red;  }
  :-ms-input-placeholder {  
     color: #333;  }