:root {
    --brandColorPrimary: #05366C;
    --brandColorSecondary: #CD3849;

    --stateColorSuccess: #21C759;
    --stateColorInfo: #1E73D4;
    --stateColorWarning: #E09322;
    --stateColorError: #B93737;

    --neutralColorDark: #0D1229;
    --neutralColorAlmostDark: #85889E;
    --neutralColorAlmostLightPrimary: #F6F6F6;
    --neutralColorAlmostLightSecondary: #d0d0d0;
    --neutralColorWhite: #FFFFFFFF;

    --brandColorPrimary700: #C3ABE9;
    --brandColorSecondary200: #FFE0E4;
    --brandColorE3FD99: #3C9A40;
    --brandColorYellow: #FDE699;

    --colorHover: #2D02E2DC;
    --colorGray: #EEEFF2;
    --colorBlue: #cee2ff;
}
* {
    font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-variation-settings: "slnt" 0;
}
.label{
    font-weight: 400;
    font-size: 0.813rem;
    line-height: 1rem;
    color: var(--neutralColorDark);
}
.label-span{
    font-weight: 400;
    font-size: 0.688rem;
    line-height: 0.938rem;
    color: var(--neutralColorAlmostDark);
}
.warning-span{
    font-weight: 400;
    font-size: 1rem;
    line-height: 0.938rem;
    color: var(--stateColorWarning);

}
input,
select{
    border-radius: 0.25rem !important;
    border: 0.094rem solid var(--neutralColorAlmostDark);
    padding: 0.5rem 1rem !important;
}
.button-general{
    padding: 0.5rem 1rem;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.375rem;
    border-radius: 0.25rem;
    border: solid 0.094rem;
}
input[type="date"]::-webkit-calendar-picker-indicator {
    /*background-image: url("../assets/icons/Calendar.png");*/ /*aquí deberás escribir la ruta de la imagen que utilizarás como flecha del desplegable*/
    background-repeat: no-repeat;
    background-position: 95% center;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-size: 0.938rem;
}
.title-general{
    font-size: 2rem;
    line-height: 2.688rem;
    font-weight: 700;
    color: var(--brandColorPrimary);
}
.title-general-complement{
    font-size: 1.85rem;
    line-height: 2.375rem;
    font-weight: 600;
    color: var(--brandColorSecondary);
}
.subtitle-principal{
    font-size: 1.625rem;
    font-weight: 600;
    line-height: 1.938rem;
    color: var(--neutralColorDark);
}
.subtitle-general{
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: var(--neutralColorDark);
}
.subtitle-general-complement {
    font-size: 1.6rem;
    line-height: 2.375rem;
    font-weight: 600;
    color: var(--brandColorSecondary);
}
.button-primary{
    background-color: var(--brandColorPrimary) !important;
    border-color: var(--brandColorPrimary);
    color: var(--neutralColorWhite);
    min-height: 2.625rem;
}
.button-reports{
    border: 0.094rem solid var(--brandColorPrimary);
    color: var(--brandColorPrimary);
    height: 2.625rem;
}
.button-filter{
    border: none;
    color: var(--neutralColorAlmostDark);
}
thead tr th,
tfooter tr th {
    background-color: var(--neutralColorAlmostLightSecondary);
    text-align: start;
    border-bottom: none !important;
}
tbody tr td,
.sorting_1 {
    background-color: var(--neutralColorWhite) !important;
    font-size: 0.813rem;
    line-height: 1rem;
    font-weight: 400;
    color: var(--neutralColorDark);
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    border: 0.094rem solid var(--brandColorPrimary) !important;
    color: var(--brandColorPrimary) !important;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd{
    background-color: var(--neutralColorWhite) !important;
}
.dataTables_length,
.dataTables_info,
.paging_simple_numbers{
    font-size: 0.813rem;
    line-height: 1rem;
    font-weight: 400;
}
.option-details-tables{
    font-weight: 600;
    color: var(--neutralColorDark);
}
.option-details-disabled-tables{
    font-weight: 600;
    color: var(--neutralColorAlmostDark);
    cursor: not-allowed;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current{
    background: transparent !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    background: var(--brandColorPrimary) !important;
}
.peer:checked ~ .peer-checked\:bg-blue-primary{
    --tw-bg-opacity: 1;
    background-color: var(--brandColorPrimary);
}
.button-cancel{
    border-color: var(--stateColorError);
    color: var(--stateColorError);
    height: 2.625rem;
}
.dark\:bg-gray-secondary {
    --tw-bg-opacity: 1;
    background-color: var(--neutralColorAlmostDark);
    border-color: var(--neutralColorAlmostDark);
}
::-webkit-scrollbar {
    width: 12px; /* Ancho del scrollbar */
    height: 12px; /* Ancho del scrollbar */
}
::-webkit-scrollbar-track {
    background: #f1f1f1; /* Color de fondo del scrollbar */
}
::-webkit-scrollbar-thumb {
    background-color: #888; /* Color del thumb (la parte que se desplaza) */
    border-radius: 6px; /* Borde redondeado del thumb */
    border: 3px solid #f1f1f1; /* Borde del thumb */
}
::-webkit-scrollbar-thumb:hover {
    background-color: #555; /* Cambio de color al pasar el mouse sobre el thumb */
}
.dataTables_wrapper.no-footer .dataTables_scrollBody{
    border-bottom: none !important;
}
.estatus-secondary{
	width: 6.5rem;
	height: 1.25rem;
	border-radius: 6.25rem;
	padding: 0.125rem 0.25rem;
	font-size: 0.813rem;
	line-height: 1rem;
	font-weight: 500;
	background-color: var(--brandColorSecondary200);
	text-align: center;
}
.estatus-E3FD99{
	width: 6.5rem;
	height: 1.25rem;
	border-radius: 6.25rem;
	padding: 0.125rem 0.25rem;
	font-size: 0.813rem;
	line-height: 1rem;
	font-weight: 500;
	background-color: var(--brandColorE3FD99);
	text-align: center;
}
.estatus-yellow{
    width: 6.5rem;
    height: 1.25rem;
    border-radius: 6.25rem;
    padding: 0.125rem 0.25rem;
    font-size: 0.813rem;
    line-height: 1rem;
    font-weight: 500;
    background-color: var(--brandColorYellow);
    text-align: center;
}
.option-details-approve{
    font-weight: 600;
    font-size: 0.813rem;
    line-height: 1rem;
    color: var(--stateColorSuccess);
    cursor: pointer;
}
.option-details-deny{
    font-weight: 600;
    font-size: 0.813rem;
    line-height: 1rem;
    color: var(--stateColorError);
    cursor: pointer;
}
.icons-forms{
    width: 1.5rem;
    height: 1.5rem;
    margin-left: 1rem;
}
.brandColorPrimary{
    color: var(--brandColorPrimary);
}
.count-green{
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.375rem;
    background-color: var(--brandColorE3FD99);
}
.count-red{
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.375rem;
    background-color: var(--brandColorSecondary200);
}
.count-yellow{
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.375rem;
    background-color: var(--brandColorYellow);
}
input[type="checkbox"] {
    padding: 0 !important;
}
[type='checkbox']:checked, [type='checkbox']:checked:hover, [type='checkbox']:checked:focus{
    background-color: var(--brandColorPrimary) !important;
    border-radius: 0.188rem !important;
}
input[type="radio"] {
    border: solid 0.094rem var(--brandColorPrimary) !important;
    padding: 0 !important;
    border-radius: 100% !important;
}
[type='radio']:checked{
    border: solid 0.094rem var(--brandColorPrimary) !important;
    background-color: var(--neutralColorWhite) !important;
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23263576' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e") !important;
}
[type='radio']:checked:hover, [type='radio']:checked:focus{
    border: solid 0.094rem var(--brandColorPrimary) !important;
    background-color: var(--neutralColorWhite) !important;
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23263576' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}
.checkbox-border{
    border: solid 0.094rem var(--brandColorPrimary) !important;
    border-radius: 0.188rem !important;
}
.disabled-button{
    background-color: var(--colorGray) !important;
    border-color: var(--colorGray);
    color: var(--colorBlue);
}
.disclaimers{
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: var(--neutralColorDark);
}
.title-modal{
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    color: var(--brandColorPrimary);
}
.content-modal{
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: var(--neutralColorDark);
}
.error-span {
    font-weight: 400;
    font-size: 0.688rem;
    line-height: 0.938rem;
    color: var(--stateColorError);
    white-space: nowrap;
}