@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');


/**-------------------------  LOGIN ---------------------------*/
    body{
       font-family:  "Montserrat"!important; 
    }

    :is(.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6) {
        font-family:  "Montserrat"!important; 
    }
    

    .auth-bg-cover {    
        background: linear-gradient(90deg, #04832f, #0ca069, #037b60);
    }

    .auth-one-bg {
        background-image: url(../images/IMG_2.jpg);
        background-position: center;
        background-size: cover;
    }
    

    .auth-one-bg .bg-overlay {        
        background: linear-gradient(to right, #000000, #010500);
        opacity: .8;
    }

    .text-primary {    
        color: rgba(31, 129, 24, 1) !important;
    }

    .btn-success {
        --vz-btn-bg: rgba(31, 129, 24, 1);
        --vz-btn-border-color: rgba(31, 129, 24, 1);
        --vz-btn-hover-bg: var(--vz-success-text-emphasis);
        --vz-btn-hover-border-color: var(--vz-success-text-emphasis);
        --vz-btn-focus-shadow-rgb: var(--vz-success-rgb);
        --vz-btn-active-bg: var(--vz-success-text-emphasis);
        --vz-btn-active-border-color: var(--vz-success-text-emphasis);
    }




/**-------------------------  DASHBOARD ---------------------------*/
    .navbar-menu .navbar-nav .nav-link.active {
        color: var(--vz-vertical-menu-item-active-color);
        background: rgba(31, 129, 24, 1);
        margin-left: 10px;
        margin-right: 10px;
        border-radius: 15px;
    }

    .navbar-menu .navbar-nav .nav-link:hover {
        color: rgba(31, 129, 24, 1);
    }

    .navbar-menu .navbar-nav .nav-link.active:hover {
        color: rgb(253, 253, 253);
    }


.hidden-content{
    display: none!important;
}



/**  TEXTOS PARA DESPLIEGUE DE ESTADOS DE OPERACIONES  */

.operation-valid {
    font-size: 12px;
    margin-top: 6px;
    color: green;
    position: absolute;
}

.operation-invalid {
    font-size: 12px;
    margin-top: 6px;
    color: red;
    position: absolute;
}

/* Estado base: oculto */
.fade-msg {
    opacity: 0;
    transform: translateY(-4px);
    pointer-events: none;
    transition: opacity .25s ease, transform .25s ease;
}

    /* Estado visible */
    .fade-msg.is-visible {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }


.status-icons {
    font-size: 25px;    
    margin-top: 5px;
    cursor: pointer;
}

    .status-icons.active {
        color: #42a100;
    }

    .status-icons.inactive {
        color: #dc3545;
    }



.icon-button-action {
    cursor: pointer;
    background: #328264;
    padding: 10px;
    color: white;
    border-radius: 7px;
    font-size: 14px;
}


.btn-Modal {
    background: #238e5b;
    color: #fff;
    border-radius: 8px;
    padding: 10px 25px;
}

    .btn-Modal.cancel {
        background: #6c757d;
    }

/* ============================
        HEADER DEL WIZARD
    ============================ */
.wizard-header {
    padding: 35px 20px;
    background: #238e5b!important;
    text-align: center;
    color: #fff;
}