/* @import url('open-iconic/font/css/open-iconic-bootstrap.min.css'); */
html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.btn-link {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.content {
    padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

#page-loading {
    display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    background-color: #CCCCCC88;
    z-index: 9999;
}

.form-group .validation-message {
    float: right;
}


.select2-container .loading-results {
    display: none;
}

.griglia-tabella {    
    /*margin: 0px -12px;*/
    border: 1px solid black;
}

.griglia-tabella > .mud-grid-item {
    padding: 0;
    background-color: white;
    border: 1px solid black;
}

.griglia-tabella-input {
    width: 100%;
    padding: 4px 8px;
    border: 0;
}

.griglia-tabella-label {
    
}

textarea.griglia-tabella-input {
    margin-bottom: -6px; /* HACK ALTRIMENTI SU EDGE RIMANE UN MARGINE NONOSTANTE SIA 0 */
}

.griglia-tabella .mud-input-control {
    margin-top: 0 !important;
    margin-left: 6px;
    margin-right: 6px;
}

.griglia-tabella .mud-input {
    margin-top: 0 !important;
}

.griglia-tabella .mud-divider {
    height: 5px !important;
}


.mud-nav-item.active > .mud-nav-link,
.mud-nav-link.active {
    color: var(--mud-palette-drawer-text) !important;
    background-color: #259E14 !important;
}

.mud-nav-link.mud-nav-link-disabled {
    color: var(--mud-palette-drawer-text) !important;
}

/*-- USARE text- INVECE DI align- PERCHE' USATI DA MudBlazor */
.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

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

.text-bold {
    font-weight: bold;
}

.text-nowrap {
    white-space: nowrap;
}

.push-left {
    margin-right: auto !important;
}

.push-right {
    margin-left: auto !important;
}

.mud-input-slot {
    text-align: inherit;
}

.mud-table {
    background-color: #ffffff;
}

.mud-table-root .mud-table-head .mud-table-cell {    
    font-weight: 600 !important;
}

/*.mud-table-body > .mud-table-row:hover {
    background-color: #CCCCCC88;
    transition: background-color 500ms linear;
}*/

.mud-dialog .mud-dialog-actions {
    margin-left: 16px;
    margin-right: 16px;
}

.mud-dialog .mud-tab-slider {
    bottom: 4px;
}

.mud-dialog-fullscreen > div:nth-child(2) {
    overflow-y: auto;
}

.mud-input-control:not(.mud-input-control-boolean-input),
.mud-input-control:not(.mud-input-control-boolean-input) .mud-input-label-outlined {
    background-color: #ffffff;
}

.input-readonly:not(.mud-input-control-boolean-input) .mud-input,
.input-readonly:not(.mud-input-control-boolean-input) .mud-input-label {
    /*background-color: #e8e8e8;*/
    background-color: #ffffff;
}

/*.mud-input-slot.mud-input-root.mud-input-root-outlined {
    background-color: #ffffff;
}*/

.mud-nav-link .mud-nav-link-expand-icon.mud-transform {
    fill: var(--mud-palette-drawer-icon);
}

.mud-popover {
    background-color: white;
}

.mud-tab.mud-tab-active {
    background-color: var(--mud-palette-primary-lighten);
}

.mud-tab {
    /*min-width: 100px;*/
    min-width: 180px; /* SE SI VUOLE FARE UNA WIDTH DIVERSA PER MOBILE NON FARLA CON LE MEDIA QUERY O LO SLIDER DA PROBLEMI SE RIDIMENSIONI */
}

/*.mud-tab-slider {
    display: none;
} */

.mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end) input {    
    padding-inline-end: 28px !important;
}

.mud-navmenu .mud-chip {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-right: 0;
    /*margin-right: 12px !important;*/ /* Serve se si vuole avere un submenù */
}

.mud-navmenu .mud-nav-link-text {
    display: flex;
}


[hidden] {
    display: none !important;
}

.mud-dialog-container {
    overflow-y: auto;
}

.tendina-ore-minuti{
    min-width: 62px;
}

.mud-appbar .mud-select.mud-input-control {
    margin-top: 0 !important;
}

.mud-table {
    overflow: hidden;
}

.mud-table-row.header-gruppo-tabella .mud-table-cell.mud-table-cell-custom-group {
    cursor: pointer;
}

@media (min-width: 960px) {
    /*.mud-tab {
        min-width: 180px !important;
    }*/

    .testo-statistiche {
        font-size: 20px;
    }
}

@media (max-width: 600px) {
    .mud-xs-table .mud-table-cell:before {
        font-weight: 600 !important;        
    }

    /*.mud-xs-table .mud-table-row.header-gruppo-tabella {
        display: flex;
        flex-direction: row;
        flex-direction: row-reverse;
    }*/

    .mud-xs-table .mud-table-row.header-gruppo-tabella .mud-table-cell:before {
        content: none;        
    }

    .mud-xs-table .mud-table-row.header-gruppo-tabella {
        display: flex;
    }

        .mud-xs-table .mud-table-row.header-gruppo-tabella .mud-table-cell {
            /*display: flex;
                justify-content: normal;
                align-items: normal;*/
            border-bottom: 1px solid var(--mud-palette-table-lines);
            /*padding: 6px 24px 6px 16px;*/
                /*text-align: start !important;*/
        }

            .mud-xs-table .mud-table-row.header-gruppo-tabella .mud-table-cell.mud-table-cell-custom-group {
                /*display: flex;*/
                flex-grow: 1;
            }
}

/*--- PER FARE LA CAPSULA INTORNO AL LABEL (Label ATTIVATA CON FOCUS) ---*/
/*.mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined,
.mud-input ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
    border-radius: 8px;
    border: 1px solid var(--mud-palette-lines-inputs);
    padding: 1px 5px !important;
    transform: translate(9px,-6px) scale(.76) !important;
}

    .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined.mud-input-label-margin-dense,
    .mud-input ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined.mud-input-label-margin-dense {
        border-radius: 6px;
        border: 1px solid var(--mud-palette-lines-inputs);
        padding: 0.1px 5px !important;
        transform: translate(9px,-6px) scale(.76) !important;
        font-size: 15px;
    }
*/

/*--- PER FARE LA CAPSULA INTORNO AL LABEL ---*/
.mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined,
.mud-input ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
    border-radius: 8px;
    border: 1px solid var(--mud-palette-lines-inputs);
    padding: 1px 5px !important;
    transform: translate(9px,-8px) scale(.76) !important;
    color: var(--mud-palette-text-primary);
    white-space: nowrap;
    background-color: white;
}

    .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined.mud-input-label-margin-dense,
    .mud-input ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined.mud-input-label-margin-dense {
        border-radius: 6px;
        border: 1px solid var(--mud-palette-lines-inputs);
        padding: 0.1px 5px !important;
        transform: translate(9px,-6px) scale(.76) !important;
        font-size: 15px;
        color: var(--mud-palette-text-primary);
        white-space: nowrap;
        background-color: white;
    }

.mud-input-control.mud-input-control-margin-dense {
    margin-top: 6px !important; /* SE SI CAMBIA MODIFICARE ANCHE .mt-label PER AVERE LA STESSA ALTEZZA*/
}

.mt-label {
    margin-top: 6px !important; /* SERVE PER ALLINEARE IN ALTEZZA EVENTUALI PULSANTI A TEXTBOX NUMERICBOX ecc A FIANCO. VALORE UGUALE A .mud-input-control.mud-input-control-margin-dense  */
}

@media (max-width: 600px) {
    .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined.mud-input-label-margin-dense, .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined.mud-input-label-margin-dense {
        font-size: 13px !important;
        line-height: 13px;
    }
}

/*-------*/
.pulsanti-tabella {
    text-align: right;
    white-space: nowrap;
}

    .pulsanti-tabella .mud-icon-button {
        margin: -6px 0;
    }

.icona-pulsante {
    margin: -6px 0;
}

/*.dialog-full-height {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: calc(100vh - 150px);
}*/

.mud-dialog-content {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: calc(100vh - 180px);
}

.header-gruppo-tabella {
    background-color: var(--mud-palette-background-grey);
}

.header-gruppo-tabella-col {
    width: 74px;
}

/* INTESTAZIONI TABELLE RICERCA COLORE PRIMARIO */
.mud-table-toolbar {
    border-bottom: 1px solid #333333;
    background-color: var(--mud-palette-drawer-background);
    height: auto !important; /* di base MudBlazor ha una height fissa */

    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 16px;
    padding-right: 16px;
    padding-inline-start: 16px;
    padding-inline-end: 16px;
}

/* COLORI DELLE RIGHE EREDITATI DA PARENT */
.mud-table-root .mud-table-body .mud-table-cell {
    color: inherit !important;
}

/* --- LINEA BORDO FOOTER --- */
.mud-table-sticky-footer .mud-table-foot .mud-table-cell {
    border-top: 1px solid var(--mud-palette-table-lines);
}

/* MudBlazor lo valorizza a 1... boooh */
/*.mud-select {
    flex-grow: 0 !important;
}*/

.campo-soldi-reali .mud-input-outlined-border {
    border: 2.5px solid forestgreen !important;
}

.campo-soldi-virtuali .mud-input-outlined-border {
    border: 2.5px solid deepskyblue !important;
}

.campo-soldi-reali .mud-input-label-outlined {
    border: 1.5px solid forestgreen !important;
    color: forestgreen !important;
}

.campo-soldi-virtuali .mud-input-label-outlined {
    border: 1.5px solid deepskyblue !important;
    color: deepskyblue !important;
}

@media (min-width: 601px) {
    .impianto-selezionato {
        min-width: 200px;
    }
}

.impianto-selezionato .mud-button {
    font-weight: bold;
}

.impianto-selezionato .mud-button {
    border: 2.5px solid black !important;
}

.mud-tab.mud-tab-active {
    color: var(--mud-palette-text-primary) !important;
}

.mud-input .mud-input-adornment-end {
    margin-left: 0; 
}

.mud-input-control.text-right .mud-input-adornment-end {
    margin-left: 8px !important;
}

/* PER CAMBIARE LA SELECT ORDINAMENTO SU MOBILE SIMIL VARIANT OUTLINED */
.mud-table-smalldevices-sortselect .mud-input {
    top: 0;
    right: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    height: 100%;
    text-align: start;
    pointer-events: none;
    border-radius: var(--mud-default-borderradius);
    border-color: var(--mud-palette-lines-inputs);
    border-width: 1px;
    border-style: solid;
    transition: border-width,border-color 200ms cubic-bezier(.4,0,.2,1) 0ms;
    padding: 4px 8px 0px 12px;
}

    .mud-table-smalldevices-sortselect .mud-input.mud-input-underline:before {
        /*content: none;*/
        content: "Ordina per: ";
        position: relative;
        transition: none;
        border: 0; 
        pointer-events: none;
        white-space: nowrap;
        margin-right: 8px;
        padding: 5px 0 7px;
    }

.mud-table-empty-row {
    border-bottom: 1px solid var(--mud-palette-table-lines);
}

/* ---- SE VOLGIO DEL TESTO IN MEZZO ----*/
.hr-testo {
    display: flex;
    align-items: center;
    text-align: center;
}

    .hr-testo::before,
    .hr-testo::after {
        content: '';
        flex: 1;
        border-width: 1px;
        border-style: solid;
        min-width: 5%;
    }

    .hr-testo:not(:empty)::before {
        margin-right: 12px;
    }

    .hr-testo:not(:empty)::after {
        margin-left: 12px;
    }

    /* SERVE PERCHE' E' STATA IMPOSTATA UNA LINE HEIGHT DEI PULSANTI NEL LAYOUT PIU' BASSA (1.2 INVECE DI 1.75) */
.mud-button {
    min-height: 36.5px;
}

.border-primary .mud-input-outlined-border {
    border-color: var(--mud-palette-primary) !important;
}

.mud-icon-button {
    color: inherit;
}

@media (max-width: 600px) {
    .mud-grid-item:not(.mud-grid-item-xs-1, .mud-grid-item-xs-2, .mud-grid-item-xs-3, .mud-grid-item-xs-4, .mud-grid-item-xs-5, .mud-grid-item-xs-6, .mud-grid-item-xs-7, .mud-grid-item-xs-8, .mud-grid-item-xs-9, .mud-grid-item-xs-10, .mud-grid-item-xs-11, .mud-grid-item-xs-12) {
        display: none;
    }

    .cella-descrizione-estesa {
        display: table-cell !important;
    }

    .cella-descrizione-estesa:before {
        display: block;
    }
}

@media (max-width: 960px) {
    .mud-grid-item:not(.mud-grid-item-xs-1, .mud-grid-item-xs-2, .mud-grid-item-xs-3, .mud-grid-item-xs-4, .mud-grid-item-xs-5, .mud-grid-item-xs-6, .mud-grid-item-xs-7, .mud-grid-item-xs-8, .mud-grid-item-xs-9, .mud-grid-item-xs-10, .mud-grid-item-xs-11, .mud-grid-item-xs-12, 
                       .mud-grid-item-sm-1, .mud-grid-item-sm-2, .mud-grid-item-sm-3, .mud-grid-item-sm-4, .mud-grid-item-sm-5, .mud-grid-item-sm-6, .mud-grid-item-sm-7, .mud-grid-item-sm-8, .mud-grid-item-sm-9, .mud-grid-item-sm-10, .mud-grid-item-sm-11, .mud-grid-item-sm-12) {
        display: none;
    }
}

.mud-table-sort-label:hover .mud-table-sort-label-icon {
    opacity: 0;
}

.mud-table-sort-label .mud-table-sort-label-icon.mud-direction-asc,
.mud-table-sort-label .mud-table-sort-label-icon.mud-direction-desc {
    opacity: 1;
}

.mud-cal-month-cell-title {    
    font-weight: bold;
}

.mud-cal-month-cell-title {
    font-weight: bold;
}

.titolo-bordo-sotto .mud-dialog-title {
    border-bottom: 1px solid #666;
}

.mud-table-toolbar .mud-input-outlined-border {
    border-radius: 0 !important;
}