.bg-login-image {
    background-size: 25vh;
    background-repeat: no-repeat;
    background-position: center;
}

.bg-password-image {
    background-size: 25vh;
    background-repeat: no-repeat;
    background-position: center;
}

.bg-light-danger {
    background-color: #f8d7da !important;
}

.bg-light-warning {
    background-color: #fff3cd !important;
}

.bg-light-info {
    background-color: #d1ecf1 !important;
}

.bg-light-success {
    background-color: #d4edda !important;
}

.bg-light-primary {
    background-color: #cce5ff !important;
}

.bg-light-secondary {
    background-color: #e2e3e5 !important;
}

.bg-light-dark {
    background-color: #dbdada !important;
}

.bg-light-light {
    background-color: #f8f9fa !important;
}

.bg-dark {
    background-color: #343a40 !important;
}


.forgot-password {
    height: 300px;
}

.minairo-bg-color {
    background-color: #ec6b06 !important;
}

/* clase sobreescrita del css principal */
.bg-gradient-primary {
    background-color: #060608 !important;
    /* background-color: #ec6b06; */
    background-image: linear-gradient(180deg, #ec6b06 5%, #060608 80%) !important;
    background-image: none;
    /* background-size: cover; */
}

.sticky-footer {
    display: block;
    /* O el valor que corresponda para tu diseño normal */
}

/* Estilos para pantallas más pequeñas (móviles) */
@media only screen and (max-width: 600px) {
    .sticky-footer {
        display: none;
        /* Oculta el footer en pantallas más pequeñas */
    }
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.blink {
    animation: blink 2s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.pulse {
    animation: pulse 1s infinite;
}

.collapse-item-selected {
    background-color: #baf2ff;
    color: white;
}

.hover-help {
    cursor: help;
}


/* Estilo para el marcador de posición */
::-webkit-input-placeholder {
    /* Para navegadores webkit como Chrome y Safari */
    color: #CCC !important;
    /* Color del texto del marcador de posición */
    font-style: italic;
    /* Estilo de la fuente del marcador de posición */
}

:-moz-placeholder {
    /* Para navegadores Firefox */
    color: #CCC !important;
    font-style: italic;
}

::-moz-placeholder {
    /* Para navegadores Firefox */
    color: #CCC !important;
    font-style: italic;
}

:-ms-input-placeholder {
    /* Para navegadores Internet Explorer y Edge */
    color: #CCC !important;
    font-style: italic;
}


.login-background {
    position: relative;
    width: 100vw;
    /* Ocupa el 100% del viewport width */
    height: 100vh;
    /* Ocupa el 100% del viewport height */
    overflow: hidden;
    /* Esconde cualquier contenido que se desborde */
    display: flex;
    /* Asegura que el contenedor del login se centre correctamente */
    align-items: center;
    /* Centra verticalmente */
    justify-content: center;
    /* Centra horizontalmente */
}

.bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    /* Cubre el área completa sin perder las proporciones */
    z-index: -1;
    /* Asegura que el video quede detrás de cualquier otro contenido */
}

.ellipsis {
    max-width: 150px;
    /* Ajusta este valor según el ancho deseado */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Estilo básico para tooltip */
.base64 {
    position: relative;
    cursor: pointer;
}

.large-textarea {
    height: 400px !important;
    /* Ajusta la altura según tus necesidades */
    width: 100%;
}