/* blu #3D3D3D; */

:root {
    --primo: #395C6B;
    --secondo: #FFC700;
    --terzo: #428A50;
    --rosso: #FF0000;
    --arancio: #F44611;;
    --bianco: #FFFFFF;
    --nero: #000000;
    --lightgrey: #f5f5f5;
    --dark: #050401;
    --bg: #FEFFFE;
    --darkgrey: #343a40;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	color: #40403E;
	margin-top: 0px;
	padding-top: 0px;
	background-color: var(--bg)!important;
}


p {
margin: 0px;
padding: 0px;
}

ul, ul li {
margin: 0px;
padding: 0px;
}

a {
   outline: 0;
   text-decoration: none;
   color: #40403E;
}

h1, h2, h3, h4, h5 {
    color:  #444444!important;
}

h1, .h1 {
    font-size: 2.2rem;
    color: var(--primo);
}


h3 {
	font-size: 1.5em!important;
}

.clearfix {
	display: block;
	width: 100%;
	height: 2px;
	clear: both;
}

#header-navbar {
	display: block;
	width: 100%;
	height: 75px;
    clear: both;
    border-bottom: 1px solid #2F3D54;
    position: fixed;
    background-color: #FFFFFF !important;
    z-index: 20000;

}


#logo {
    display: inline-table;
    width: auto;
    height: 65px;
    margin: 5px;
    margin-left: 10px;
}


#logo img {
    height: 65px;
}

.menu-utente {
    display: inline-table;
    position: relative;
    margin-top: 20px;
    color: var(--primo);
    margin-right: 25px;
}

.menu-utente a {
	margin-left: 5px;
}

.menu-utente img {
    width: 25px;
    height: 25px;
}


.menu-utente .btn {
    width: 35px;
    height: 35px;
    padding-left: 5px;
    padding-top:  5px;
    margin-top: -10px;
    background-color: var(--primo) !important;
}


.home-image {
    text-align: center;
     margin-bottom: 50px;
}


.home-image img {
    width: 100%;
}



/* ****** Alert ***** */

.toast {
	background-color: var(--secondo)!important;
    color: #000000!important;
}




/* **    contenuto  *** */

.content-body {
    background-color: #F2F2F2;
    padding-top: 80px;
    background-color: #FFFFFF;
}

.content {
    padding-top: 10px;
}


.box-form {
    /* margin: 40px; */
    margin-top: 0px!important;
    margin-bottom: 40px;
}

.box-form h3 {
    margin-top: 1em;
    margin-bottom: 1em;
}


.box-form h5 {
	font-size: 1.1em!important;
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: 20px;
}



.box-form .btn {
    background-color: var(--primo) !important;
    padding-left: 10px!important;
    padding-right: 10px!important;
    padding-top: 8px;
    margin-right: 20px;
    z-index: 1;
}

a.btn.btn-annulla {
    height: 42px;
    top: -4px;
    position: relative;
    padding-top: 7px;
}

.box-form .btn-home {
    margin-right: 0px!important;
}

.box-form td a.btn {
    padding-top: 0px!important;
}

.fondo-tabella-generico {
    background-color: #EEECE6!important;
    background-color: #F2F2F2!important;
}

fieldset {
   /* background-color: #EEECE6!important;
   background-color: #F2F2F2!important; */
   background-color: var(--lightgrey)!important;
   /* border: 1px solid #3D3D3D!important; */
}

.box-form-ordini fieldset {
    background-color: transparent!important;
    height: 100%;
    margin-bottom: 25px!important;
}

.box-form-ordini fieldset legend {
    color: var(--terzo)!important;
    font-weight: 700;
    font-size: 18px!important;
}

.tabella-riassuntiva td, .tabella-riassuntiva th {
    font-size: 16px!important;
    text-transform: capitalize!important;
}

.tabella-riassuntiva td small, .tabella-riassuntiva th small {
    text-transform: capitalize!important;
}

fieldset.box-azienda {
    border: 0px!important;
}

/* ********************  form   *********************  */


input:not([type]), input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="time"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="tel"], input[type="number"], input[type="search"], textarea.materialize-textarea {
    background-color: #FFFFFF!important;
    padding-left: 5px!important;
}


input:disabled:not([type]), input[readonly="readonly"]:not([type]), input[type="text"]:disabled, input[type="text"][readonly="readonly"], input[type="password"]:disabled, input[type="password"][readonly="readonly"], input[type="email"]:disabled, input[type="email"][readonly="readonly"], input[type="url"]:disabled, input[type="url"][readonly="readonly"], input[type="time"]:disabled, input[type="time"][readonly="readonly"], input[type="date"]:disabled, input[type="date"][readonly="readonly"], input[type="datetime"]:disabled, input[type="datetime"][readonly="readonly"], input[type="datetime-local"]:disabled, input[type="datetime-local"][readonly="readonly"], input[type="tel"]:disabled, input[type="tel"][readonly="readonly"], input[type="number"]:disabled, input[type="number"][readonly="readonly"], input[type="search"]:disabled, input[type="search"][readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] {
   color: rgba(0, 0, 0, 0.6)!important;
}

.sb-topnav {
    display: flex;
    justify-content: space-between;
}

.btn {
    background-color: var(--primo)!important;
    color: var(--bianco)!important;
}

.btn:hover, .btn-large:hover {
    background-color: var(--terzo) !important;
    color: #FFFFFF;
}

.btn-txt:hover {
    color: var(--terzo)!important
}

.btn-txt small {
    text-align: center;
    font-size: 0.7em;
    margin: 0px;
    padding: 0px;
    margin-left: -7px!important;
}

.alert.alert-warning {
    display: block;
    position: fixed;
    top: 60px;
    z-index: 100000;
    right: 10px;
}

.header-menu li {
    list-style: none!important;
    display: inline-table;
    margin-left: 10px;
    width: 100px;
    text-align: center;
}

.header-menu li a img {
    width: 25px!important;
    height: auto!important;
}

.header-menu li small {
    display: block;
    text-align: center;
}

fieldset {
    background-color: var(--lightgrey);
    /* border: 1px solid var(--terzo)!important; */
    padding: 25px;
    margin-bottom: 25px!important;
    border-radius: 10px;
 }

 label {
    width: 100%!important;
 }

 .datatable-pagination .datatable-pagination a {
    font-weight: 400!important;
 }

 ul.datatable-pagination-list {
    float: right;
}

.form-floating {
    position: relative;
    margin-bottom: 20px;
}

.form-floating>label {
    padding-left: 25px!important;
 }

 .datatable-selector {
    min-width: 70px!important;
}

.form-floating .btn {
    margin-top: 10px!important;
}

.form-floating>label.form-check-label {
    padding-left: 25px!important;
    padding-top: 0px;
    position: relative;
    text-overflow: unset;
    overflow: inherit;
    text-wrap: initial;
    top: -25px;
    left: 5px;
    height: auto;
    margin-bottom: 0px;
    padding-bottom: 0px;
}


.box-form-riepilogo-ordini .form-floating {
    margin-bottom: 0px!important;
}

.box-form-riepilogo-ordini h5 {
    font-size: 1em!important;
    padding-left: 0px!important;
    margin-left: 0px!important;
    margin-top: 0px!important;
    margin-bottom: 10px!important;
}

.box-form-riepilogo-ordini h5, .box-form-riepilogo-ordini legend {
    font-weight: 700;
    color: var(--terzo);
}

@media (min-width: 1200px) {
    legend {
        font-size: 1.0rem;
    }
}
.form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select {
    height: calc(3rem + 6px);
}

.form-floating>.form-control-textarea {
    height: auto!important;
}

.form-floating>.form-control-plaintext:focus, .form-floating>.form-control-plaintext:not(:placeholder-shown), .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 1.4rem!important;
}

.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
    opacity: .75;
    transform: scale(.75) translateY(-0.5rem) translateX(0.15rem);
    color: var(--terzo);
}


/* ***** data **** */

.datepicker .datepicker-switch {
    font-size: 12px;
}

.datepicker th.dow {
    font-size: 12px;
}

.datepicker td.day {
    font-size: 12px;
    padding: 3px;
}
.datepicker table tr td.today {
    color: var(--bianco);
    background: var(--terzo);
}

.datepicker tfoot tr th {
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    color: var(--terzo);
}

.form-radio {
    display: flex;
    align-items: center;
}

.form-radio label {
    margin-left: 10px;
}

/*
.box-form .row {
    align-items: flex-end!important;
} */


.alertify .ajs-header {
    text-align: center;
    background: var(--primo);
    color: var(--bianco);
}

.alertify .ajs-footer .ajs-buttons.ajs-primary {
    text-align: center;
}

.ajs-content {
    text-align: center;
}

.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {
    color: var(--bianco);
    background: var(--primo);
}

.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-cancel { 
    color: var(--nero);
    background: var(--secondo);
}

.ajs-button {
   margin-left: 25px!important;
   margin-right: 25px!important;
}

.ajs-content h6 {
    margin-top: 25px;
    margin-bottom: 25px;
    font-weight: 700!important;
}

.ajs-content p {
    margin-top: 10px;
    margin-bottom: 10px;
}

.alertify .ajs-body .ajs-content {
    padding: 50px 16px 50px 16px;
}

.card-home-menu {
    margin-top: 50px!important;
}

.card-home-menu .btn {
    margin-right: 0px!important;
}

.card.home-card {
    margin-top: 50px;
    background-color: var(--lightgrey);
    color: var(--darkgrey);
    min-height: 300px;
}

.card.home-card h4 {
    color: var(--bianco)!important;
    font-size: 12px!important;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 0px;
}

.card-header {
    background-color: var(--primo)!important;
    color: var(--bianco)!important; 
}


.uniforma-righe {
    height: 44px!important;
}

#searchMatricola {
  margin-bottom: 10px!important;
}


.form-check-input-pos:checked {
    background-color: var(--terzo)!important;
    border-color: var(--terzo)!important;
}

.form-check-input-neg:checked {
    background-color: var(--rosso)!important;
    border-color: var(--rosso)!important;
}


.bottone-scansione {
    display: block;
    width: 70px;
    height: 70px;
    position: fixed;
    bottom: 100px;
    right: 10px;
    border-radius: 100%;
    background-color: var(--terzo)!important;
    background: var(--terzo)!important;
}

button.btn.btn-primary.bottone-scansione {
    background-color: var(--terzo)!important;
}


.bottone-scansione img {
    width: 40px!important;
    height: 40px!important;
}

/*
.form-control[type=file]:not(:disabled):not([readonly]) {
    background: none!important;
    border: 0px;
    font-size: 14px;
    margin-top: 6px;
} */


.file-input {
    display: none;
}

/* Stile per il pulsante personalizzato */
.custom-file-label {
    display: inline-block;
    padding: 10px 15px;
    background-color: var(--primo)!important;
    color: white;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    margin-right: 10px;
    width: 42px !important;
    font-size: 14px;
    margin-top: 6px;
    height: 42px!important;
    padding-left: 7px;
    padding-bottom: 3px;
}

.custom-file-label:hover {
    background-color: var(--terzo)!important;
}

/* Stile per la dicitura "Nessun file selezionato" */
.file-name {
    font-size: 14px;
    color: #333;
    display: flex;
    align-items: center;
}

.file-name {
    font-size: 14px;
    color: #333;
}

.file-container {
    margin-bottom: 10px;
    display: flex;
}

.preview-image {
    display: none;
    max-width: 150px;
    height: auto;
    border: 2px solid #ddd;
    border-radius: 5px;
    padding: 5px;
    margin-top: 10px;
    margin-left: 5px!important;
}

.file-input {
    width: 1px;
    height: 1px;
    opacity: 0;
} 

.datatablesEvidenziata tbody tr:first-child {
    background-color: var(--secondo); /* Cambia il colore di sfondo */
    font-weight: bold; /* Opzionale: rende il testo in grassetto */
    color: var(--bianco)!important; /* Cambia il colore del testo */
}

/*
.datatablesEvidenziata tbody tr:first-child td {
    color: var(--bianco)!important; 
}
*/

#datatablesSimple4 .datatable-search, #datatablesSimple5 .datatable-search,
#datatablesSimple4 .datatable-top, #datatablesSimple5 .datatable-top {
    display: none!important;
}

.home-card .datatable-top {
    display: none!important;
}

.home-card td a.btn {
    display: inline-table!important;
    margin-right: 5px!important;
}

#datatablesSimple4 .datatable-wrapper.no-footer .datatable-container,
#datatablesSimple4 .datatable-wrapper.no-footer .datatable-container {
    border-bottom: 0px!important;
}

.datatable-wrapper.no-footer .datatable-container {
    border-bottom: 0px!important;
}

/* stati */

.corretto {
    background-color: var(--terzo)!important;
    color: var(--bianco)!important; 
}

.basso {
    background-color: var(--secondo)!important;
    color: var(--dark)!important; 
}

.medio {
    background-color: var(--arancio)!important;
    color: var(--dark)!important; 
}

.alto {
    background-color: var(--rosso)!important;
    color: var(--bianco)!important; 
}


.blocchetto {
    display: block;
    width: 20px;
    height: 20px;
    position: relative;
    border-radius: 100%;
}

.riga-corretto {
    font-weight: 400!important;
    text-decoration: line-through!important;
    color: var(--darkgrey)!important;
    opacity: 0.5;
}

.errore-radio, .errore-input {
    outline: 2px solid var(--arancio);
    outline-offset: -4px;
    border-radius: 6px;
    padding: 4px;
  }