:root,
[data-bs-theme=light] {
    --bs-primary-rgb: 13, 110, 253;
    --yellow: #f39c12;
    --red: #dd4b39;
    --green: #00c65a;
}

.text-green {
    color: #00c65a !important;
}

.text-red {
    color: #dd4b39 !important;
}
.text-w220 {
    color: #dd4b39 !important;
}

.text-rentri {
    color: #00c0ef !important;
}
.text-artcom {
    color: #00c65a !important;
}
.text-inail {
    color: #f39c12 !important;
}

.text-yellow {
    color: #d1d408 !important;
}


.text-aqua {
    color: #00c0ef !important;
}

.text-blue {
    color: #0041c6 !important;
}

.text-orange {
    color: orange !important;
}

.text-darkorange {
    color: darkorange !important;
}

.text-darkred {
    color: darkred !important;
}

.text-gray {
    color: gray !important;
}

.text-lightgray {
    color: lightgray !important;
}

.text-admin {
    color: lightblue !important;
}

.testo-negativo-red {
    background-color: #ff0000; /* Rosso */
    color: #ffffff; /* Bianco */
    padding: 10px; /* Un po' di spazio intorno al testo */
    font-weight: bold; /* Rende il testo più spesso */
    text-align: center; /* Centra il testo */
}

.testo-evidenziato-red {
    background-color: rgb(255, 99, 71); /* Un rosso leggermente più chiaro (Tomato) */
    color: #f0f0f0 !important; /* Un bianco leggermente più scuro */
    padding: 1px !important; /* Padding diverso */
    border-radius: 10px; /* Bordi arrotondati */
    display: inline-block !important; /* Per applicare il padding solo al contenuto */
}

.testo-evidenziato-red:hover {
    background-color: rgb(255, 209, 70);
}

.testo-evidenziato-green{
    background-color: rgb(0, 109, 20);
    color: #f0f0f0 !important;
    padding: 1px !important;
    border-radius: 10px;
    display: inline-block !important;
}

.testo-evidenziato-green:hover {
    background-color: rgb(0, 209, 20);
}

.bg-admin {
    color: #000;
    background-color: lightblue !important;
}

.bg-gray {
    color: #000;
    background-color: #d2d6de !important;
}

.bg-gray-light {
    background-color: #f7f7f7;
}

.bg-black {
    background-color: #111111 !important;
}

.bg-green {
    background-color: #00a65a !important;
}

.bg-red
{
    background-color: #dd4b39 !important;
}

.bg-yellow {
    background-color: #d1d408 !important;
}

.bg-aqua{
    background-color: #00c0ef !important;
}

.bg-blue {
    background-color: #0073b7 !important;
}

.bg-light-blue{
    background-color: #3a9dd3 !important;
}



.bg-navy {
    background-color: #001f3f !important;
}

.bg-teal {
    background-color: #39cccc !important;
}

.bg-olive {
    background-color: #3d9970 !important;
}

.bg-lime {
    background-color: #01ff70 !important;
}

.bg-orange {
    background-color: #ff851b !important;
}

.bg-fuchsia {
    background-color: #f012be !important;
}

.bg-purple {
    background-color: #605ca8 !important;
}

.bg-maroon {
    background-color: #d81b60 !important;
}




/*gestioni*/
.bg-rentri {
    --bs-bg-opacity: 1;
    --aqua: #00c0ef;
    background: #00c0ef !important;
    color: white;
    /*padding: 1px;*/
}

.bg-w220 {
    --bs-bg-opacity: 1;
    --red: #dd4b39;
    background: #dd4b39 !important;
    color:white;
    /*padding: 1px;*/
}

.bg-inail {
    --bs-bg-opacity: 1;
    --yellow: #f39c12;
    background-color: #f39c12 !important;
    color: white;
    /*padding: 1px;*/
}

.bg-artcom {
    --green: #00a65a;
    --bs-bg-opacity: 1;
    background-color: #00a65a !important;
    color: white;
    /*padding: 1px;*/
}

.bg-test {
    --green: #00a65a;
    --bs-bg-opacity: 1;
    background-color: var(--green), var(--bs-bg-opacity) !important;
}

.checked-bg-color{
    background: #00aa00;
}
/*admin*/
.text-bg-admin {
    color: #fff !important;
    background-color: RGBA(249, 85, 255, var(--tb-bg-opacity, 1)) !important;
    border-radius: 4px;
    padding: 0 3px;
}

.progress-bar {
    width: 100%;
    background-color: #f3f3f3;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 10px;
}

.progress-bar-fill {
    height: 20px;
    width: 0;
    background-color: #4caf50;
    text-align: center;
    line-height: 20px;
    color: darkgreen;
    border-radius: 5px;
}
/*devextreme*/
.dx-datagrid-borders > .dx-datagrid-header-panel {
    border-bottom: 0;
    background: whitesmoke;
    padding-top: 10px;
    padding-right: 5px;
}

/*.dx-header-row {
    background: #b2a6d6;
    color: white;
    font-weight: bold;
}*/

.dx-switch-on-value.dx-state-hover .dx-switch-handle {
    background-color: #009900;
}

    .dx-switch-on-value.dx-state-hover .dx-switch-handle::before {
        background-color: #009900;
    }

.dx-switch-on-value.dx-state-focused .dx-switch-handle {
    background-color: #009900;
}
.dx-switch-on-value.dx-state-focused .dx-switch-handle::before {
    background-color: #009900;
}

.dx-switch-on-value .dx-switch-handle::before {
    background-color: #009900;
}

.dx-switch-off-value .dx-switch-handle::before {
    background-color: #a1a1a1;
}

    .dx-switch-off-value.dx-state-focused .dx-switch-handle::before {
        background-color: #a1a1a1;
    }
    .dx-switch-off-value.dx-state-hover .dx-switch-handle::before {
        background-color: #a1a1a1;
    }

.dx-datagrid > .dx-datagrid-total-footer {
    background: lightyellow !important;
}

.dx-datagrid > .dx-datagrid-headers {
    background: #fffff7 !important;
}