/* Minification failed. Returning unminified contents.
(2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,22): run-time error CSS1039: Token not allowed after unary operator: '-gris'
(19,28): run-time error CSS1039: Token not allowed after unary operator: '-azulMB'
(21,28): run-time error CSS1039: Token not allowed after unary operator: '-gris'
(25,22): run-time error CSS1039: Token not allowed after unary operator: '-azulMB'
(26,28): run-time error CSS1039: Token not allowed after unary operator: '-azulMB'
(30,26): run-time error CSS1039: Token not allowed after unary operator: '-azulMB'
(31,32): run-time error CSS1039: Token not allowed after unary operator: '-azulMB'
(35,26): run-time error CSS1039: Token not allowed after unary operator: '-azulMB'
(36,32): run-time error CSS1039: Token not allowed after unary operator: '-azulMB'
 */
:root {
    --azulMB: #1f3563;
    --celesteMB: #6cc4ec;
    --gris: #b1b2bc;
    --grisOscuro: #585858;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

*::-webkit-scrollbar-track {
    background: var(--gris);
}

*::-webkit-scrollbar-thumb {
    background-color: var(--azulMB);
    border-radius: 20px;
    border: 1px solid var(--gris);
}

.btn-secondary {
    background: var(--azulMB) !important;
    border: 1px solid var(--azulMB) !important;
}

    .btn-secondary:hover {
        background: var(--azulMB) !important;
        border: 1px solid var(--azulMB) !important;
    }

    .btn-secondary:active {
        background: var(--azulMB) !important;
        border: 1px solid var(--azulMB) !important;
    }

.btnBack {
    margin-top: 10px;
    border: none;
    background: none;
    outline: none;
    display: flex;
    align-items: center;
    font-size: calc(0.7em + 0.7rem);
}

@media (max-width: 575.98px) {
    .text-xs {
        font-size: 1.2rem; /* Tamaño de fuente para pantallas extra pequeñas (ejemplo) */
    }
}

/* Estilos para pantallas pequeñas (576px a 767.98px) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .text-sm {
        font-size: 1.5rem; /* Tamaño de fuente para pantallas pequeñas */
    }
}

/* Estilos para pantallas medianas (768px a 991.98px) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .text-md {
        font-size: 1.7em; /* Tamaño de fuente para pantallas medianas */
    }
}

/* Estilos para pantallas grandes (992px a 1199.98px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .text-lg {
        font-size: 1.2em; /* Tamaño de fuente para pantallas grandes */
    }
}

/* Estilos para pantallas extra grandes (1200px a 1399.98px) */
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .text-xl {
        font-size: 1.4em; /* Tamaño de fuente para pantallas extra grandes */
    }
}

/* Estilos para pantallas extra extra grandes (a partir de 1400px) */
@media (min-width: 1400px) {
    .text-xxl {
        font-size: 1.6em; /* Tamaño de fuente para pantallas extra extra grandes */
    }
}

.swal2-popup.swal2-toast .swal2-title {
    padding-left: 10px !important;
}


/*     Alert    */
.alert {
    z-index: 10000 !important;
    border: 0px;
    position: relative;
    padding: .95rem 1.25rem;
    border-radius: 1px;
    color: inherit;
    background-color: #ffffff;
    -webkit-box-shadow: 1px 1px 14px 0px rgba(18, 38, 63, 0.26);
    -moz-box-shadow: 1px 1px 14px 0px rgba(18, 38, 63, 0.26);
    box-shadow: 1px 1px 14px 0px rgba(18, 38, 63, 0.26);
}

    .alert [data-notify="icon"] {
        display: block;
    }

        .alert [data-notify="icon"]::before {
            line-height: 35px;
            font-size: 22px;
            display: block;
            left: 15px;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 35px;
            height: 35px;
            border-radius: 30px;
            text-align: center;
            color: #fff;
        }

    .alert [data-notify="title"] {
        display: block;
        color: #2b2b2b;
        font-weight: 700;
        font-size: 14px;
        margin-bottom: 5px;
    }

    .alert [data-notify="message"] {
        font-size: 13px;
        color: #908e8e;
    }

    .alert .close {
        background: rgba(255, 255, 255, 0.8);
        width: 25px;
        height: 25px;
        line-height: 25px;
        top: 12px !important;
        border-radius: 50%;
    }

/*    Alert States    */
.alert-default {
    border-left: 4px solid #1a2035;
}

    .alert-default [data-notify="icon"]:before {
        background: #1a2035;
    }

.alert-primary {
    border-left: 4px solid #1572E8;
}

    .alert-primary [data-notify="icon"]:before {
        background: #1572E8;
    }

.alert-secondary {
    border-left: 4px solid #6861CE;
}

    .alert-secondary [data-notify="icon"]:before {
        background: #6861CE;
    }

.alert-info {
    border-left: 4px solid #48ABF7;
}

    .alert-info [data-notify="icon"]:before {
        background: #48ABF7;
    }

.alert-success {
    border-left: 4px solid #31CE36;
}

    .alert-success [data-notify="icon"]:before {
        background: #31CE36;
    }

.alert-warning {
    border-left: 4px solid #FFAD46;
}

    .alert-warning [data-notify="icon"]:before {
        background: #FFAD46;
    }

.alert-danger {
    border-left: 4px solid #F25961;
}

    .alert-danger [data-notify="icon"]:before {
        background: #F25961;
    }

@font-face {
    font-family: 'rubikL';
    src: url('../../Fonts/Rubik-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'centuryG';
    src: url('../../Fonts/CenturyGothic.ttf') format('truetype');
}