.login-page input {
    margin: auto;
    max-width: 30%;
}

.backend-header-right-button {
    display: inline;
}

.register-page img {
    width: 260px;
    margin-top: 10px;
}

.has-success .form-control {
    border-color: #3f9eab;
}

.has-warning .form-control {
    border-color: #f8ac59;
}

.has-success .control-label {
    color: #3f9eab;
}

.has-warning .control-label {
    color: #f8ac59;
}

.row-selected > td {
    background-color: #009ef7 !important;
}

.row-selected {
    font-weight: bold;
    color: white;
}

.selected > td {
    color: white;
    font-weight: 600;
}

.home-page .form-control {
    display: inline;
}

/* START OVERRIDE METRONIC*/

.backend-table.table td, .backend-table.table th {
    padding: .25rem;
}

.backend-table.table a,
.backend-table.table button {
    font-size: 11px;
    padding: 4px 4px;
}

.dt-buttons {
    /*margin-top: -85px;
    float: right;*/
}

.m-portlet .m-portlet__body {
    padding: 1.8rem 1.8rem;
}

@media (min-width: 1025px) {
    .m-header .m-header__top {
        height: 90px;
    }
}

@media (max-width: 1024px) {
    .m-header--fixed-mobile .m-topbar {
        margin-top: 0;
        top: 0px;
    }

    .m-content {
        padding-top: 70px !important;
    }
}

.btn.btn-primary.button-add-totable {
    float: right;
}

/* END OVERRIDE METRONIC*/


.box {
    display: inline-block;
    padding: 10px;
    height: 400px;
    border: 1px solid black;
}

.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #0062cc; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    position: relative;
    margin: auto;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 14px;
}

.files .fade:not(.show) {
    opacity: 1;
}

.menu-active span {
    color: white !important;
}

/*OVERRIDE METRONIC*/
.form-control, .form-control[readonly] {
    border-color: #c5c5c7;
    color: #575962;
    border-width: 2px;
}

.col-form-label {
    font-weight: 400;
}

.m-checkbox {
    font-weight: 400;
}

.control-label {
    font-weight: 400;
}

table tr {
    font-weight: 400;
}

.m-portlet.m-portlet--bordered.m-portlet--rounded.m-portlet {
    background-color: lightgray;
}

.m-portlet {
    background-color: lightgray;
}

.boxTabella {
    background-color: white;
    padding: 20px;
}

@media (max-width: 1024px) {
    .boxTabella {
        padding: 5px;
    }
}



.m-checkbox span {
    background-color: white !important;
}

.dataTables_processing {
    background-color: lightcoral;
    font-size: 18px;
    font-weight: 600;
    color: white;
}

/* VERIFICARE SE IN RESPONSIVE SERVE QUESTA PROPRIETà */
/*@media (min-width: 992px) {
    .modal-lg {
        max-width: 80%;
    }
}*/

.m-brand__logo-wrapper img {
    width: 90%;
}

@media (max-width: 1024px) {
    .m-brand__logo-wrapper img {
        width: 58%;
    }
}

.buttonBar {
    padding-top: 12px !important;
    padding-right: 3px !important;
    padding-bottom: 12px !important;
    padding-left: 3px !important;
}

.breadcrumb {
    padding: 12px 12px;
    font-size: 20px;
    font-weight: 400;
    background-color: #009ef7;
    color: white;
    margin-top: 10px;
    margin-bottom: 4px;
    margin-left: 20px;
}

    .breadcrumb a {
        color: white;
        margin-right: 5px;
        margin-left: 5px;
    }

@media (max-width: 1024px) {
    .breadcrumb {
        font-size: 12px;
    }
}

.m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__head {
    background: #009ef7 !important;
    border-color: #009ef7 !important;
}

.m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__body {
    background: lightgray;
}

/*MODIFICHE 06/09/2023 PER PASSAGGIO datalist METRONIC 5 A VERSIONE 8*/
.nav-link.btn.btn-primary {
    color: white !important;
}

.modal-dialog {
    max-width: 800px !important;
}

.dataTables_wrapper {
    padding: 0;
}

label.btns {
    width: 100%;
}

a.btns {
    width: 45%;
    display: inline;
    margin: 2px;
    padding: 10px !important;
}

div.btns {
    padding-top: 30px;
}

#modalProgrammazioneFasi .modal-dialog {
    max-width: 98% !important;
}

#modalProgrammazioneFasi .form-control {
    font-size: 11px;
    padding: 0.5rem 0.5rem;
    font-weight: 600;
}

    #modalProgrammazioneFasi .form-control.disabled {
        background-color: lightgray;
    }

#modalInserimentoOre .form-control.disabled {
    background-color: lightgray;
}

#modalProgrammazioneFasi .select2-selection__clear {
    right: 1rem;
}

.table-hover > tbody > tr.selected:hover {
    --bs-table-accent-bg: #0275d8;
}

.table-striped > tbody > tr.selected:nth-of-type(odd) {
    --bs-table-accent-bg: #0275d8;
}

/*serve per visualizzare l'id delle tabell*/
.H3idTabella {
    display: none;
    color: red;
}

/*evento del calendario*/
.fc-event-main {
    font-weight: bold;
    color: white !important;
}

/*VALIDAZIONE*/
div.has-error,
textarea.has-error,
input.has-error,
select.has-error {
    background-color: #dc3545 !important;
    padding: 7px;
    border-radius: 8px;
    background-image: var(--bs-gradient) !important;
}
/*END VALIDAZIONE*/

/* SELECT2 */
/* Cambia il colore di sfondo dell'opzione evidenziata in Select2 */

.select2-results__option--highlighted[aria-selected] {
    color: #333 !important;
}

.select2-results__option {
    color: #575962 !important;
}

.select2-selection__choice {
    color: #575962 !important;
}

.select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered {
    color: #575962 !important;
}

.select2-container--bootstrap5 .select2-selection--single .select2-selection__placeholder {
    color: #575962 !important;
}

select2-selection select2-selection--single form-select obbl select2-selection--clearable {
    border-color: #c5c5c7 !important;
}
/* SELECT2 */

/*azzera lo spazio che si creava tra il pulsante + del responsive della tabella e il margine superiore */
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
    top: 3.25px;
}
/* Stile degli header delle colonne in Diariolavori/timeline */
.fc-timeline-header-row a {
    color: #3f4254; /* Text color */
    font-weight: 500; /* Bold text */
}

/*WIDGET*/
#widget a {
    padding: 5px 10px 5px 10px;
}

#widget td {
    padding-left: 0px;
}

/*Regola per aumentare lo stacco visivo tra una riga ed un'altra*/
table tr.odd {
    background-color: skyblue
}

/*Aumento visibilità bordi delle select2*/
.select2-hidden-accessible,
.select2.select2-container.select2-container--bootstrap5,
select.form-select, span.form-select, .form-check-input {
    border-width: 2px !important;
    border-color: #c5c5c7;
}

/*Aumento contrasto dei tab*/
.nav-link, .paginate_button page-item {
    font-weight: 500;
    color: #c5c5c7
}

/*Sfondo per i controlli readonly*/
.form-control[readonly] {
    background-color: lightgray;
}

@media (max-width: 576px) { /* Adatta questo valore in base alle tue necessità */
    #utente_topbar_btn {
        font-size: 14px; /* Riduci la dimensione del font */
        margin-right: 10px; /* Riduci il margine */
        float: right
    }

    #utente_topbar_testo {
        display: none
    }
}

/*home page*/
table.dataTable.dtr-inline.collapsed > tbody > tr > td.control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.control:before {
    left: 50%; /* Posiziona l'icona a metà della larghezza della cella */
    margin-left: 0px; /* Regola questo valore per centrare esattamente l'icona */
    position: absolute; /* Posizionamento assoluto rispetto alla cella */

    top: 50%; /* Posiziona l'icona a metà dell'altezza della cella */
    margin-top: 8px; /* Regola questo valore per centrare esattamente l'icona verticalmente */
}

@media (max-width: 768px) {
    .dt-hide-column {
        display: none;
    }
}
/*home page*/