﻿.btn-main-warning {
    color: #fff;
    background-color: var(--warning-bg-color);
    border-color: var(--warning-bg-hover);
}

    .btn-main-warning:hover {
        color: #fff;
        background-color: var(--warning-bg-hover);
        border-color: var(--warning-bg-color);
    }

    .btn-main-warning:focus,
    .btn-main-warning.focus {
        box-shadow: 0 0 0 0.2rem var(--warning-5);
    }

    .btn-main-warning.disabled,
    .btn-main-warning:disabled {
        color: #fff;
        background-color: var(--warning-bg-color);
        border-color: var(--warning-bg-color);
    }

    .btn-main-warning:not(:disabled):not(.disabled):active,
    .btn-main-warning:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: var(--warning-bg-color);
        border-color: var(--warning-bg-color);
    }

.show > .btn-main-warning.dropdown-toggle {
    color: #fff;
    background-color: var(--warning-bg-color);
    border-color: var(--warning-bg-color);
}

.btn-main-warning:not(:disabled):not(.disabled):active:focus,
.btn-main-warning:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(1, 98, 232, 0.5);
}

.show > .btn-main-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(1, 98, 232, 0.5);
}

/* ###### Checkbox ###### */
.ckbox {
    font-weight: normal;
    position: relative;
    line-height: 1;
    margin-block-end: 0;
}

    .ckbox span {
        padding-inline-start: 15px;
    }

        .ckbox span:empty {
            float: var(--float-left);
        }

        .ckbox span:before,
        .ckbox span:after {
            line-height: 18px;
            position: absolute;
        }

        .ckbox span:before {
            content: "";
            width: 16px;
            height: 16px;
            background-color: #fff;
            border: 1px solid #eae8f1;
            top: 1px;
            inset-inline-start: 0;
        }

        .ckbox span:after {
            top: 1px;
            inset-inline-start: 0;
            width: 16px;
            height: 16px;
            content: "";
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
            background-size: 65%;
            background-repeat: no-repeat;
            background-position: 55% 45%;
            background-color: var(--warning-bg-color);
            line-height: 17px;
            display: none;
        }

        .ckbox span:empty {
            padding-inline-start: 0;
            width: 3px;
        }

    .ckbox input[type=checkbox] {
        opacity: 0;
        margin: 0;
    }

        .ckbox input[type=checkbox]:checked + span:after {
            display: block;
        }

        .ckbox input[type=checkbox][disabled] + span {
            opacity: 0.75;
        }

            .ckbox input[type=checkbox][disabled] + span:before,
            .ckbox input[type=checkbox][disabled] + span:after {
                opacity: 0.75;
            }

.ckbox-inline {
    display: inline-block;
}

/* ###### Checkbox End ###### */

/*Tabla EF*/
.table-warning tbody tr:nth-child(even) td {
    background-color: #FFFFFF !important;
}
.table-warning tbody tr:nth-child(odd) td {
    background-color: #F9F9F9 !important;
}
.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
    border-color: #ffffff;
}
/*Termina tabla*/
/*Oculta columnas tabla*/
.hiddencol {
    display: none;
}
/*Termina oculta columnas*/

.tx-right {
    text-align: right;
}

/*Campo obligatorio*/
.span-oblogatorio {
    color: var(--warning-bg-color);
}
/*Termina campo obligatorio*/

/*Select*/
.select2-container--default .select2-selection--single {
    height: 36px; /* Igual que Bootstrap form-control */
    display: flex !important; /* Flex para centrar contenido */
    align-items: center !important; /* Centrado vertical */
    padding-left: 0.75rem;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    box-sizing: border-box;
}
.select2-container--default .select2-selection__rendered {
    padding-left: 0; /* Evita doble padding */
    padding-right: 10px; /* Deja espacio a la flechita */
    margin: 0;
    line-height: normal; /* No forzar altura fija */
    flex: 1; /* Ocupa todo el espacio */
}
/*.select2-container--default .select2-selection--single {
    border: 0px;
}*/
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--warning-bg-color);
    color: black;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: white;
    color: black;}
/*Termina select*/
.card-category-ef {
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
    letter-spacing: 0.05em;
    margin: 0 0 0.5rem;
    background: #F9F9F9;
    padding: 7px 0;
    border-radius: 4px;
}
/*Scrollbar*/
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-thumb {
    background-color: #b0b0b0;
    background-clip: padding-box;
    border: 0.05em solid #eeeeee;
    border-radius: 10px;
}

::-webkit-scrollbar-track {
    background-color: #eeeeee;
}
/* Buttons */
::-webkit-scrollbar-button:single-button {
    background-color: #eeeeee;
    display: block;
    border-style: solid;
    height: 13px;
    width: 10px;
}
    /* Up */
    ::-webkit-scrollbar-button:single-button:vertical:decrement {
        border-width: 0 5px 5px 5px;
        border-color: transparent transparent #555555 transparent;
    }

        ::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
            border-color: transparent transparent #777777 transparent;
        }
    /* Down */
    ::-webkit-scrollbar-button:single-button:vertical:increment {
        border-width: 5px 5px 0 5px;
        border-color: #555555 transparent transparent transparent;
    }

::-webkit-scrollbar-button:vertical:single-button:increment:hover {
    border-color: #777777 transparent transparent transparent;
}

/* Left */
::-webkit-scrollbar-button:single-button:horizontal:decrement {
    border-width: 0;
    border-color: transparent transparent transparent transparent;
}

/* Right */
::-webkit-scrollbar-button:single-button:horizontal:increment {
    border-width: 0;
    border-color: transparent transparent transparent transparent;
}

/*Termina scrollbar*/

.file-select {
    position: relative;
    display: inline-block;
}

    .file-select::before {
        background-color: #5678EF;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 3px;
        content: 'Seleccionar'; /* testo por defecto */
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .file-select input[type="file"] {
        opacity: 0;
        width: 200px;
        height: 32px;
        display: inline-block;
    }

#src-file1::before {
    content: 'Seleccionar Archivo 1';
}

#src-file2::before {
    content: 'Seleccionar Archivo 2';
}
/*Termina file upload*/
/*Notificación*/
.pulse-warning {
    display: block;
    position: absolute;
    top: 7px;
    inset-inline-end: 8px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--warning-bg-color);
}

    .pulse-warning:before {
        content: "";
        top: -4px;
        inset-inline-end: -4px;
        width: 15px;
        height: 15px;
        position: absolute;
        border-radius: 50%;
        background: var(--warning-bg-color);
        cursor: pointer;
        box-shadow: 0 0 0 rgba(238, 51, 94, 0.9);
        animation: pulse 1s linear infinite;
    }
/*Termina notificación*/