body {
    font-family: Nunito, sans-serif;
}

/* .form-control, .custom-select
{
    border-bottom: 1px solid #ced4da;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: unset;
} */

/* menu laterale dx */
.sidebar-sticky .nav>li>a {
    padding-bottom: 0px;
    padding-top: 0px;
}

.sidebar-sticky .nav>li>a:hover {
    background-color: #3490dc;
    /* --primary */
    color: #FFF;
    /* --white */
    /* opacity: 0.8; */
    border-radius: 0.25rem;
}

.form-group.required .control-label:after {
    /* content:"*"; */
    color: #f6993f;
}


.form-control.required,
.custom-control-input.required {
    border: 1px solid #f6993f !important;
}

:required {
    border: 1px solid #f6993f !important;
}

/* select2 css style required */
.form-group.required .select2-selection--single {
    border: 1px solid #f6993f !important;
}

/* .control-label {
    font-weight: bolder;
} */

/* h5 {
    color: orangered;
    text-transform: uppercase;
} */

.panel-heading {
    background-color: inherit;

    /* #431 Fissare buttoni a destra in alta sempre a invisto a destra in alto. */

    /* non funziona !!! problemi con popup bootstrap !!! */

    /* position: sticky;
    top: 63px !important;
    z-index: 1019;
    background-color: #f8f9fa !important;
    padding-top: 8px;
    padding-bottom: 8px; */

    /* padding-left: 16px;
    padding-right: 16px;*/

}

.back-to-top {
    position: fixed;
    display: none;
    /* background: linear-gradient(45deg, #1de099, #1dc8cd); */
    color: #fff;
    padding: 2px 20px 8px 20px;
    font-size: 16px;
    border-radius: 4px 4px 0 0;
    right: 15px;
    bottom: 0;
    transition: none;
}

table td:hover {
    background-color: rgba(0, 0, 0, .075) !important;
}


/* start Bootstrap 4.6 custom styles */

.bg-field-changed {
    background-color: #f6993f !important;
}

.alert-orange {
    color: #856404;
    background-color: #f0ad4e;
    border-color: #FFD700;
}

.alert-orange .alert-link {
    color: #856404;
}

.alert-orange hr {
    border-top-color: #FFD700;
}

.alert-orange .alert-link:hover {
    color: #856404;
}

.alert-orange .alert-link:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 215, 0, 0.5);
}

.alert-danger-light {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

.alert-danger-light .alert-link {
    color: #842029;
}

.alert-danger-light hr {
    border-top-color: #f5c2c7;
}

.alert-danger-light .alert-link:hover {
    color: #842029;
}

.alert-danger-light .alert-link:focus {
    box-shadow: 0 0 0 0.2rem rgba(245, 198, 203, 0.5);
}

@media (min-width: 1200px) {
    .modal-xxl {
        max-width: 95%;
    }
}

.table-datagrid th,
.table-datagrid td
 {
    padding: .1rem !important;
}

/* end Bootstrap 4.6 custom styles */


[data-loading] {
    opacity: 0.5;
    pointer-events: none;
}

button[data-loading] {
    background-color: #ccc;
    cursor: wait;
}