:root {
    --nectica: #5c5c93;
    --nectica-oscuro: #1B0051;
    --limon: #bbf100;
    --limon2: #bbf100;
    --verde: #33cc33;
    --gris: #747474;
    --header-height: 3rem;
    --nav-width: 68px;
    --first-color: var(--nectica);  
    --first-color-light: #AFA5D9;
    --white-color: #fff;
    --body-font: 'Nunito', sans-serif;
    --normal-font-size: 1rem;
    --z-fixed: 100;
    --background-app: #fffaf4;
}

body{
    background-color: var(--background-app);
}
input:not([type=checkbox],[type=radio]),textarea,select,.select2-selection,.bloque,.card,.jsgrid-cell,.row:not(#header>*,#header>*>*,#header>*>*>*,.bloque>.row){
    background-color: var(--background-app)!important;
}

.card-nectica{
    border-top: 3px solid var(--nectica);
}
.btn-nectica{
    background-color: var(--limon);
    color: var(--nectica-oscuro);
    font-weight: 600;
}
.btn-nectica:hover{
    background-color: var(--limon2);
    border: 1px var(--nectica) solid;
    font-weight: 800;
}
.main-footer{
    margin-top: 40px;
    margin-bottom: 10px;
}
.content-view{
    min-height: 77vh!important;
}
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: whitesmoke;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--nectica);
    border-radius: 10px;
}

.text-violeta{
    color: var(--nectica-oscuro);
}

.title-input{
    color: var(--nectica-oscuro);
    padding-left: 1.5px;
    font-weight: 700;
    font-size: large;
    text-transform: capitalize;
}
.line-divider{
    font-size: 0.7rem;
    font-weight: 600;
    color:  var(--gris);
}


.nav.nav-tabs{
    flex-direction: row; 
    justify-content: start; 
    align-items: flex-start;
    height: max-content;
    border-bottom: 0.2px solid #f4f4f4!important;
}

.nav-tabs .nav-link{
    color: var(--gris);
    text-decoration: none;
}



.bloque{
    box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    min-width: 0;
    margin: 0.05rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    padding: 2rem;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
}

.input-currency{
    text-align: right;
}

.border-invalid{
    border-color: var(--bs-danger)!important;
}
.border-valid{
    border-color: var(--bs-success)!important;
}

.list-icon:hover{
    transform: scale(1.1);
}


.tooltip {
    background-color: var(--nectica)!important;
    color: var(--bs-white)!important;
}




/* ESTILOS JSGRID */
.jsgrid-load-panel {
    width: 5em!important;
    background: url(../images/spinner-nectica.gif)!important;
    background-size:contain!important;
}

.jsgrid-load-panel:before {
    border: 0!important;
    -webkit-animation: 0!important;
    animation: 0!important;
}

.jsgrid{
    min-height: 150px;
}
.jsgrid-header-row>.jsgrid-header-cell {
    background-color: #00cb0e !important;
    color: white;
}
.jsgrid-edit-row>.jsgrid-cell, 
.jsgrid-filter-row>.jsgrid-cell, 
.jsgrid-grid-body, .jsgrid-grid-header, 
.jsgrid-header-row>.jsgrid-header-cell, 
.jsgrid-insert-row>.jsgrid-cell {
    border: none !important;
    font-size: 12px;
}

.selected-row>td{
    background: #b2d6f7!important;
    border-color: #b2d6f7!important;
}

.jsgrid-pager a {
    color: black;
}

.ui-autocomplete-loading { 
    background:url(../images/spinner-nectica.gif) no-repeat right center;
    background-size: 20px;
}

.ui-autocomplete-loading-left { 
    background:url(../images/spinner-nectica.gif) no-repeat left center;
    background-size: 20px;
}

.hover-nectica:hover {
    color: var(--nectica)
}
.hover-danger:hover {
    color: var(--bs-danger)
}
.hover-success:hover {
    color: var(--bs-success)
}
.hover-limon:hover {
    color: var(--limon)
}


/*DISPOSITVOS MOBILE*/
@media screen and (max-width: 600px) {
    .title-menu{
        display: none;
    }
    .title-input{
        margin-top: 2px;
    }
    .actions button[data-action=excel],button[data-action=pdf]{
        font-size: 0;
    }
    .actions svg{
        font-size: large;
    }
    .header_toggle {
        font-size: 2rem;
    }
    .jsgrid{
        padding: 0;
    }

    .swal2-modal{
        padding: 0!important;
    }
    button[data-action=anular_comprobante]{
        display: none;
    }
}