/* ------------------------------------------------------------------------------------------------------------ */
/* -- BOOTSTRAP-LIKE | classi con nomi BootStrap per preparare la transizione al vero bootstrap                 */
/* ------------------------------------------------------------------------------------------------------------ */

.bg-success {
    background-color: #198754;
}

.bg-warning {
    background-color: #ffc107;
}

.border.border-start-1 {
    border-left: 1px solid;
}

.border.border-start-2 {
    border-left: 2px solid;
}

.border.border-start-3 {
    border-left: 3px solid;
}

.border.border-start-4 {
    border-left: 4px solid;
}

.border.border-start-5 {
    border-left: 5px solid;
}

.border.border-success {
    border-color: #198754;
}

.border.border-warning {
    border-color: #ffc107;
}

table.button_gestione {
    width: 100%;
}

    table.button_gestione td.cella_pulsante {
        width: 165px;
    }

div.button_gestione {
    display: grid;
    column-gap: 4px;
}

@media screen and (min-width: 1281px) {
    div.button_gestione.x7 {
        grid-template-columns: 150px 150px 150px 150px 150px auto 160px 150px;
    }

    div.button_gestione.x8 {
        grid-template-columns: 150px 150px 150px 150px 150px 150px auto 160px 150px;
    }
}

@media screen and (max-width: 1280px) {
    div.button_gestione.x7 {
        grid-template-columns: 110px 110px 110px 110px 110px auto 140px 120px;
    }

    div.button_gestione.x8 {
        grid-template-columns: 110px 110px 110px 110px 110px 110px auto 140px 120px;
    }
}

dialog {
    padding: 0px;
    min-width: 400px;
    min-height: 60px;
    max-height: 80vh;
    border: 0px;
    border-radius: 7px;
}

    dialog .pnlButtonGestione {
        display: grid;
        grid-template-columns: auto auto;
    }

.panel, div[data-role="dialog"] {
    border-radius: 5px;
}

    .panel > .heading {
        border-radius: 5px 5px 0px 0px;
    }

    .panel > .content {
        border-radius: 0px 0px 5px 5px;
    }

div.contatore, div.contatore.primary, div.contatore.secondary, div.contatore.warning, div.contatore.success, div.contatore.danger {
    background-color: #0000FF;
    color: #FFFFFF;
    min-width: 1rem;
    border-radius: 6px;
    display: inline-block;
    text-align: center;
    margin: 5px;
    font-weight: 500;
}

    div.contatore.primary {
        /*    background-color: #ffcc46;
    color: #000000;
*/
    }

    div.contatore.secondary {
        background-color: #8c8c8c;
        color: #FFFFFF;
    }

    div.contatore.warning {
        background-color: #ffcc46;
        color: #000000;
    }

    div.contatore.success {
        background-color: #00c500;
        color: #FFFFFF;
    }

    div.contatore.danger {
        background-color: #FF0000;
        color: #FFFFFF;
    }