@font-face {
    font-family: suisseintl-semibold;
    src: url('../css/Fonts/CorrecolFontTittles.ttf');
}
.btn {
    border-radius: 40px !important;
}

.roundedC {
    border-radius: 20px !important;
}

.text-info {
    color: rgb(24, 69, 127) !important;
}

.nav .active {
    background-color: var(--Mk-Primary);
    color: #FFFFFF !important;
}

.nav:not(.active) {
    color: rgb(24, 69, 127) !important;
}

.btn-info {
    background-color: rgb(24, 69, 127);
    border-color: rgb(21 78 151);
}

    .btn-info:hover {
        color: #ccc;
        background-color: rgb(17, 77, 153);
        border-color: rgb(21, 78,151);
    }

.btn-primary {
    background-color: rgb(24, 69, 127);
    border-color: rgb(21 78 151);
}

    .btn-primary:hover {
        color: #ccc;
        background-color: rgb(17, 77, 153);
        border-color: rgb(21, 78,151);
    }

.btn-success {
    background-color: rgb(237,185,61);
    border-color: rgb(237,200,70);
}

    .btn-success:hover {
        color: #ccc;
        background-color: rgb(237,200,70);
        border-color: rgb(237,200,70);
    }

.btn-danger {
    background-color: rgb(228,128,63);
    border-color: rgb(228,158,70);
}

    .btn-danger:hover {
        color: #ccc;
        background-color: rgb(228,138,70);
        border-color: rgb(228,158,70);
    }

.OrangeTextCorrecol {
    color: rgb(228,128,63);
}

.YellowTextCorrecol {
    color: rgb(237,185,61);
}

.BlueTextCorrecol {
    color: rgb(24, 69, 127);
}

.bg-info {
    background-color: rgb(24, 69, 127) !important;
}

.bg-danger {
    background-color: rgb(228,128,63) !important;
}

.bg-success {
    background-color: rgb(237,185,61) !important;
}

.bg-success-verde {
    background-color: rgb(85,190,90) !important;
}

.bg-warning {
    background-color: rgb(237,160,100) !important;
}
/** SPINNER CREATION **/

.loader {
    position: relative;
    text-align: center;
    margin: 15px auto 35px auto;
    z-index: 9999;
    display: block;
    width: 80px;
    height: 80px;
    border: 10px solid rgba(0, 0, 0, .3);
    border-radius: 50%;
    border-top-color: #000;
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}


/** MODAL STYLING **/

.modal-content {
    /*border-radius: 0px;*/
    box-shadow: 0 0 20px 8px rgba(0, 0, 0, 0.7);
}

.modal-backdrop.show {
    opacity: 0.75;
}

.cssFont_1 {
    font-family: suisseintl-semibold;
    font-size: 27px;
    /* letter-spacing: 2px; */
    word-spacing: 0px;
    color: #ffffff;
    /* font-weight: bold; */
    text-decoration: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    text-shadow: black 12px 7px 14px;
}

.select2-container--bootstrap-5 .select2-selection--single {
    height: 40px !important;
    border: 1px solid #ced4da !important;
    border-radius: 10px !important;
}

.select2-container--bootstrap-5 .select2-selection__rendered {
    line-height: 38px !important;
}

.select2-container--bootstrap-5 .select2-selection__arrow {
    height: 38px !important;
}

/* Estilos para el contenido filtrado */
.select2-container--bootstrap-5 .select2-dropdown {
    border: 1px solid #ced4da !important;
    border-radius: 10px !important;
}

.select2-container--bootstrap-5 .select2-results__option {
    padding: 8px 12px; /* Ajusta el espacio interno según sea necesario */
    border-radius: 5px; /* Ajusta el redondeo según sea necesario */
}

/* Estilos para el cuadro de texto de búsqueda */
.select2-container--bootstrap-5 .select2-search__field {
    border: 1px solid #ced4da !important;
    border-radius: 10px !important;
}
/* Estilo general del scrollbar */
::-webkit-scrollbar {
    width: 6px; /* Ancho del scrollbar */
    height: 6px;
}

/* Estilo del track (la pista del scrollbar) */
::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Color de fondo del track */
}

/* Estilo del thumb (el "botón" del scrollbar) */
::-webkit-scrollbar-thumb {
    background-color: #888; /* Color del thumb */
    border-radius: 5px; /* Bordes redondeados del thumb */
}

    /* Estilo del thumb cuando está en estado hover */
    ::-webkit-scrollbar-thumb:hover {
        background-color: #555;
    }

input {
    cursor: pointer;
}

.select2-container .select2-dropdown {
    max-height: 200px; /* ajusta según sea necesario */
    overflow-y: auto;
}

.overflowVenta {
    /* max-height: calc(100vh - 244px);
    overflow-y: auto !important;*/
}

.divider {
    margin-top: 0px;
    box-shadow: inset 0 0px 0 #ddd;
    background: #edb93d;
    height: 5px;
    width: 150px;
    border-radius: 25px;
    margin: 1rem auto;
}
.dividerProducto {
    float: inline-start;
    box-shadow: inset 0 0px 0 #ddd;
    background: #edb93d;
    height: 5px;
    width: 150px;
    border-radius: 25px;
    margin: 1rem auto;
}

.borderOrangeCorrecol {
    background: rgb(24, 69, 127) !important;
}

.text-rubik {
    font-family: 'Rubik', sans-serif;
}

body {
    /*background-image: url('../files/Configuracion/imagenes/Fondo.png');*/
    background-size: cover;
    margin-bottom: 60px;
}
.ui-datepicker {
    z-index: 9999; /* o cualquier otro valor adecuado */
}
.text-justify{
    text-align:justify;
}