/* CSS */
html{font-family:  "Poppins", sans-serif;}
*{font-family:  "Poppins", sans-serif;}

.h1,.h2,.h3,.h4,.h5,.h6{ font-family:  "Poppins", sans-serif;}
.p{ font-family:  "Poppins", sans-serif;}
h1,h2,h3,h4,h5,h6{ font-family:  "Poppins", sans-serif;}
p{ font-family:  "Poppins", sans-serif; color:#8395aB;}



.color-pr{color:#8395aB;}
.bg-white{background-color:#ffffff;}


.bg-pr{background-color:#D62B54;}
.bg-pr-08{background-color:rgba(214,43,84,0.8);}
.bg-pr-06{background-color:rgba(214,43,84,0.6);}
.bg-pr-05{background-color:rgba(214,43,84,0.5);}
.bg-pr-04{background-color:rgba(214,43,84,0.4);}
.bg-pr-02{background-color:rgba(214,43,84,0.2);}
.bg-pr-dark{background-color:#862B54;}

.bg-green-t{background-color:rgba(0, 128, 0, 1);}
.bg-green{background-color:#008000;}
.bg-ul-green-t{background-color:rgba(0, 128, 0, 0.3);}
.bg-ul-green{background-color:#BED9B9;}
.bg-l-green-t{background-color:rgba(0, 128, 0, 0.5);}
.bg-l-green{background-color:#92BF8B;}

.bg-gray-t{background-color:rgba(51, 51, 51,1);}
.bg-gray{background-color:#333333;}
.bg-ul-gray-t{background-color:rgba(51, 51, 51,0.3);}
.bg-ul-gray{background-color:#C1C1C1;}
.bg-l-gray-t{background-color:rgba(51, 51, 51,0.5);}
.bg-l-gray{background-color:#999999;}



.color-white{color:#ffffff!important;}
.color-blue{color:#0191FF!important;}
.color-yellow{color:#FFBA01!important;}
.color-green{color:#008000!important;}
.color-red{color:#ff0000!important;}
.color-purple{color:#7B00F8!important;}
.color-gray{color:#333333!important;}


.lds-ring {
  /* change color here */
  color: #ffffff;
}
.lds-ring,
.lds-ring div {
  box-sizing: border-box;
}
.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid currentColor;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: currentColor transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
	transform: rotate(0deg);
  }
  100% {
	transform: rotate(360deg);
  }
}





    /* Estilos DE INPUTS Y FORMULARIOS */
  .custom-input {
    border-radius: 8px!important;
  padding:0.75rem!important;
  font-size:14px!important;
    /*box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);*/
    background-color:#efefef!important;
  }
  .custom-select {
    border-radius: 8px!important;
  font-size:14px!important;
  background:#efefef!important;

    /* box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);*/
  }
  .form-label {
    font-weight: bold!important;
  }
  .form-select{padding: 0.75rem!important;}
  
  
    /* Específico para <input type="number"> para preservar los controles internos */
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
    opacity: 1; /* Asegura que los botones sean visibles */
    appearance: auto; /* Restaura el estilo predeterminado */
    }
  
    /* Específico para <select> para preservar el chevron */
    select {
    appearance: auto; /* Mantiene el chevron visible */
    }
  
    /* Opcional: Ajusta los estilos de enfoque */
    .custom-input:focus,
    .custom-select:focus {
    background-color: rgba(214, 43, 84, 0.1)!important; /* Fondo blanco al enfocar */
    border-color: #D62B54!important; /* Borde azul al enfocar */
    box-shadow: 0 0 0 0.2rem rgba(214, 43, 84, 0.25); /* Sombra para foco */
    }
  
  /* Personaliza el color del placeholder */
    .custom-input::placeholder,
    .custom-select::placeholder {
    color: #a6a6a!important; /* Color suave para el placeholder */
    opacity: 0.5!important; /* Asegura que sea visible completamente */
    }
  
    /* Para navegadores que no soportan ::placeholder, usamos :-ms-input-placeholder */
    .custom-input:-ms-input-placeholder, /* Internet Explorer 10-11 */
    .custom-input::-ms-input-placeholder, /* Microsoft Edge */
    .custom-select:-ms-input-placeholder,
    .custom-select::-ms-input-placeholder {
    color: #a6a6a6!important;
    }
  
    /* Opcional: Cambiar el color del placeholder cuando el input está enfocado */
    .custom-input:focus::placeholder,
    .custom-select:focus::placeholder {
    color: #cccccc!important; /* Más claro cuando enfocado */
    }

#ui-datepicker-div{
  z-index:5!important;
}

/**** MODAL *****/


/* Cambiar z-index del modal */
.modal {
    z-index: 9995!important; /* Valor personalizado */
}

/* Cambiar z-index del modal-backdrop */
.modal-backdrop {
    z-index: 9994!important; /* Valor personalizado */
}









/******** ESTRUCTURA **********/


.colpx-00{width:15.8325px!important;}
.colpx-0{width:31.665px!important;}
.colpx-05{width:63.33px!important;}
.colpx-1{width:126.66px!important;}
.colpx-105{width:189.99px!important;}
.colpx-2{width:253.32px!important;}
.colpx-205{width:316.65px!important;}
.colpx-3{width:379.98px!important;}
.colpx-4{width:33.33333333%!important;}
.colpx-5{width:41.66666666%!important;}
.colpx-6{width:50%!important;}
.colpx-7{width:58.33333333%!important;}
.colpx-8{width:66.66666666%!important;}
.colpx-9{width:75%!important;}
.colpx-10{width:83.33333333%!important;}
.colpx-11{width:91.66666667%!important;}
.colpx-12{width:100%!important;}

.colpx-offset-0{margin-left:31.665px;}
.colpx-offset-05{margin-left:63.33px;}
.colpx-offset-1{margin-left:126.66px;}
.colpx-offset-105{margin-left:189.99px;}
.colpx-offset-2{margin-left:253.32px;}
.colpx-offset-205{margin-left:316.65px;}
.colpx-offset-3{margin-left:379.98px;}
.colpx-offset-4{margin-left:506.64px;}
.colpx-offset-5{margin-left:633.3px;}

[class^="colpx-"] {
  float:left;
}

.campo{float:left;}

.col-0{width:4.166666%!important;}
.col-05{width:6.249999%!important;}

/*.sticky-left {
    position: sticky;
    left: 0;
}*/
.zi-3 {
    z-index: 3!important;
}
.zi-2 {
    z-index: 2!important;
}
.zi-1 {
    z-index: 1!important;
}
.sticky-left {
  position: sticky;
  left: 0;
}
.sticky-top {
    position: sticky;
    top: 0;
}

.sticky-left.border-right{
  border-right:1px solid #dfdfdf;
  
}


.scroll-container.evenodd a:nth-child(even), .scroll-container.evenodd a:nth-child(even) > .sticky-left, .scroll-container.evenodd div.registro:nth-child(even), .scroll-container.evenodd div.registro:nth-child(even) > .sticky-left {
    background: #efefef;
}

.scroll-container.evenodd a:nth-child(odd), .scroll-container.evenodd a:nth-child(odd) > .sticky-left, .scroll-container.evenodd div.registro:nth-child(odd), .scroll-container.evenodd div.registro:nth-child(odd) > .sticky-left {
    background: #ffffff;
}