/* https://colorhunt.co/palette/0b244719376d576cbca5d7e8 */
:root {
    --lm-color-primario: #0B2447;
    --lm-color-secundario: #19376D;
    --lm-color-uno: #576CBC;
    --lm-color-dos: #A5D7E8;
    --ancho-maximo-barra-superior: 56px;
    --ancho-minimo-barra-superior: 56px;
    --ancho-top-por-barra: 3.6rem;
}

.contenedorAbajoBarra {
    margin-top: var(--ancho-top-por-barra);
}


.form-control:disabled {
    border: none;
    /* Eliminar el borde */
    background-color: transparent;
    /* Establecer un fondo transparente */
    color: inherit;
    /* Heredar el color del texto */
    cursor: auto;
    box-shadow: none;
    padding-top: 0.4rem;
    /* padding: 0px;
    padding-top: 0.
    padding-bottom: calc(0.375rem + var(--bs-border-width)); */
    height: auto;
    font-size: 1rem;
}

.form-select:disabled {
    background-color: transparent;
    border: none;
    color: inherit;
    cursor: auto;
    box-shadow: none;
    height: auto;
    list-style-type: none;
    appearance: none;
    font-size: 1rem;
    background-image: none;
    /* Eliminar la flecha */
    padding-right: 1rem;
}

.form-select:disabled::-ms-expand {
    display: none;
}

/* Para Chrome, Safari, Edge y Opera */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.alias {
    cursor: alias;
}

.all-scroll {
    cursor: all-scroll;
}

.auto {
    cursor: auto;
}

.cell {
    cursor: cell;
}

.context-menu {
    cursor: context-menu;
}

.col-resize {
    cursor: col-resize;
}

.copy {
    cursor: copy;
}

.crosshair {
    cursor: crosshair;
}

.default {
    cursor: default;
}

.e-resize {
    cursor: e-resize;
}

.ew-resize {
    cursor: ew-resize;
}

.grab {
    cursor: -webkit-grab;
    cursor: grab;
}

.grabbing {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.help {
    cursor: help;
}

.move {
    cursor: move;
}

.n-resize {
    cursor: n-resize;
}

.ne-resize {
    cursor: ne-resize;
}

.nesw-resize {
    cursor: nesw-resize;
}

.ns-resize {
    cursor: ns-resize;
}

.nw-resize {
    cursor: nw-resize;
}

.nwse-resize {
    cursor: nwse-resize;
}

.no-drop {
    cursor: no-drop;
}

.none {
    cursor: none;
}

.not-allowed {
    cursor: not-allowed;
}

.pointer {
    cursor: pointer;
}

.progress {
    cursor: progress;
}

.row-resize {
    cursor: row-resize;
}

.s-resize {
    cursor: s-resize;
}

.se-resize {
    cursor: se-resize;
}

.sw-resize {
    cursor: sw-resize;
}

.text {
    cursor: text;
}

.url {
    cursor: url(myBall.cur), auto;
}

.w-resize {
    cursor: w-resize;
}

.wait {
    cursor: wait;
}

.zoom-in {
    cursor: zoom-in;
}

.zoom-out {
    cursor: zoom-out;
}


.display-7 {
    font-size: 1.5rem;
}

.border-isp {
    border-bottom: 3px solid #A5D7E8;
}

.loader {
    animation: rotate 1s infinite;
    height: 50px;
    width: 50px;
}

.loader:before,
.loader:after {
    border-radius: 50%;
    content: "";
    display: block;
    height: 20px;
    width: 20px;
}

.loader:before {
    animation: ball1 1s infinite;
    background-color: #A5D7E8;
    box-shadow: 30px 0 0 #576CBC;
    margin-bottom: 10px;
}

.loader:after {
    animation: ball2 1s infinite;
    background-color: #576CBC;
    box-shadow: 30px 0 0 #A5D7E8;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg) scale(0.8)
    }

    50% {
        transform: rotate(360deg) scale(1.2)
    }

    100% {
        transform: rotate(720deg) scale(0.8)
    }
}

@keyframes ball1 {
    0% {
        box-shadow: 30px 0 0 #576CBC;
    }

    50% {
        box-shadow: 0 0 0 #576CBC;
        margin-bottom: 0;
        transform: translate(15px, 15px);
    }

    100% {
        box-shadow: 30px 0 0 #576CBC;
        margin-bottom: 10px;
    }
}

@keyframes ball2 {
    0% {
        box-shadow: 30px 0 0 #A5D7E8;
    }

    50% {
        box-shadow: 0 0 0 #A5D7E8;
        margin-top: -20px;
        transform: translate(15px, 15px);
    }

    100% {
        box-shadow: 30px 0 0 #A5D7E8;
        margin-top: 0;
    }
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-thumb {
    background-color: #666;
    /* border-radius: 5px; */
}

::-webkit-scrollbar-thumb:hover {
    background-color: #333;
}

::-webkit-scrollbar-track {
    background-color: #f0f0f0;
}

.bg-primary-subtle-hover:hover {
    background-color: rgba(var(--bs-primary-rgb), 0.15); /* Sutil variante del color primary */
}

.bg-body-secondary-hover:hover {
    background-color: rgba(var(--bs-secondary), 0.15); /* Sutil variante del color primary */
}

.hover-effect-subMenu {
    background-color: rgba(var(--bs-secondary-rgb), 0.05); 
}

.hover-effect-subMenu:hover {
    background-color: rgba(var(--bs-secondary-rgb), 0.15); /* Sutil variante del color primary */
}

.fs-0 {
    font-size: 3rem !important;
}

.fs-super {
    font-size: 4rem !important;
}

.btn-no-focus:focus,
.btn-no-focus:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}


.loading-bar-wrap {
    height: 3px;
    background: #e0e0e0;
    border-radius: 3px;
    overflow: hidden;
}
.loading-bar-inner {
    height: 100%;
    width: 40%;
    background: #0d6efd;
    border-radius: 3px;
    animation: loadingSlide 1.2s ease-in-out infinite;
}
@keyframes loadingSlide {
    0%   { transform: translateX(-100%); }
    100% { transform: translateX(350%); }
}