/* ALL */
.card-width{
    margin: 0 4%;
}
.stile-btn{
    width: 35%;
    background-color: #FFAB00;
    font-weight: bold;
}
.stile-btn:hover{
    background-color: #0d47a1;
}
.stile-btn-flat{
    color: #FFAB00;
}
.double-btn-dx{
    float: right;
}
.double-btn-sx{
    float: left;
}
.transparent-btn{
    background-color: transparent;
    box-shadow: 0 0px 0px 0 rgba(0,0,0,0) !important;
    border: none;
    color:#0d47a1;
}
.transparent-btn:hover{
    background-color: transparent;
}
.titleParagraph{
    color: #0d47a1;
    font-size: 120%;
    font-weight: bold;
    margin-top: 4% !important;
}
.titleParagraph-different{
    margin-top: 0% !important;
}
.checkbox-style{
    margin-top:10%;
}
.checkbox-style-different{
    margin-top: 16% !important;
}
.modal-checkbox-style{
    padding-left: 3%;
}
.body-modal{
    margin-top: 5%;
}
input:not([type]):focus:not([readonly]), input[type="text"]:not(.browser-default):focus:not([readonly]), input[type="password"]:not(.browser-default):focus:not([readonly]), input[type="email"]:not(.browser-default):focus:not([readonly]), input[type="url"]:not(.browser-default):focus:not([readonly]), input[type="time"]:not(.browser-default):focus:not([readonly]), input[type="date"]:not(.browser-default):focus:not([readonly]), input[type="datetime"]:not(.browser-default):focus:not([readonly]), input[type="datetime-local"]:not(.browser-default):focus:not([readonly]), input[type="tel"]:not(.browser-default):focus:not([readonly]), input[type="number"]:not(.browser-default):focus:not([readonly]), input[type="search"]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #0d47a1;
    -webkit-box-shadow: 0 1px 0 0 #0d47a1;
    box-shadow: 0 1px 0 0 #0d47a1;
}
.input-field .prefix.active{
    color:#0d47a1;
}
.input-field.editable-table.input:not([type]):focus:not([readonly]).input[type="text"]:not(.browser-default):focus:not([readonly]){
    border-bottom: 1px solid transparent !important;
    -webkit-box-shadow: 0 1px 0 0 transparent !important;
    box-shadow: 0 1px 0 0 transparent !important;
}
.input-field.editable-table{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
textarea.materialize-textarea:focus:not([readonly])+label{
    color:#0d47a1;
    }
.td-different{
    padding: 0 !important;
}
.tr-different{
    border-bottom: transparent;
}
.modal{
    width: 40%;
    padding: 0 2%;
}
[type="radio"]:checked+span:after {
    background-color: #0d47a1;
    border: 2px solid #0d47a1;
}
.tabs .tab a:focus, .tabs .tab a:focus.active {
    background-color: transparent;
}
.tabs .tab a{
    color:#0d47a1;
} 
.tabs .tab a:hover {
    color:#0d47a1;
}
.tabs .tab a.active {
    font-weight: bold;
    color: #0d47a1;
} 
.tabs .indicator {
    background-color:#0d47a1;
}
.sottoColL{
    padding: 0 5% 0 0 !important;
}
.sottoColR{
    padding: 0 0% 0 0 !important;
}
.pagination li.active {
    background-color: #FFAB00;
}

/* LOGIN */
.logoLogin{
    width: 30%;
    margin-top: 6%;
}
.btn-login{
    width: 100%;
    margin-top: 6%;
}
.pass-dimenticata{
    margin-top:6%;
}
.checkbox-login{
    margin-left: 1%;
}
.logoTS{
    width: 50%;
    margin-top: 12%;
}

/* NAVBAR */
.logoSideNav {
    width: 65%;
    margin: 10% 16%;
}
.sidenav a.active {
    background-color: #FFAB00;
    color: white;
}
.sidenav i.active {
    color: white !important;
}
.sidenav li>a.active:hover {
    background-color: #FFAB00 !important;
}

/* DASHBOARD */
.calendario-segnaposto{
    width: 100%;
}

/* ATTIVITÀ */
.stile-btnNewAttività{
    margin-top: 7%;
    width: 48%;
    background-color: #FFAB00;
    font-weight: bold;
}
.stile-btnNewAttività:hover{
    background-color: #0d47a1;
}
.tab-header{
    margin-top: 5%;
}

/* DIPENDENTI */
.stile-btnModifica{
    background-color: transparent !important;
    box-shadow: 0 0 0 0;
    color: #0D47A1 !important;
    padding: 0 0 !important;
}
.stile-btnModifica:hover{
    box-shadow: none;
}
.stile-main{
    margin-left: 300px;
}
.stile-btn-dipendenti{
    width: 44%;
    background-color: #FFAB00;
    font-weight: bold;
}
.stile-btn-dipendenti:hover{
    background-color: #0d47a1;
}
.stile-BMenu{
    text-align: center;
    color: #ffffff;
}

/* CONFIGURAZIONI */
.align-text-icon{
    display: inline;
    padding-left: 5%;
}
.text-icon{
    margin-top: 10%;
}
.stile-btnModal{
    width: 23%;
    background-color: #FFAB00;
    font-weight: bold;
}
.stile-btnModal:hover{
    background-color: #0d47a1;
}

/* NOTIFICHE */
.notification-closeIcon{
    position: absolute;
    right: 2%;
    top: 15%;
    font-size: 160%;
    color: white;
    cursor:pointer;
}
.alert-text{
    display: inline;
    margin-left: 2% !important;
}
textarea.materialize-textarea:focus:not([readonly])+label{
color:#0d47a1;
}

/* Warning Spese */
.warning-popup-overlay {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}

.warning-popup-content {
  background: white;
  width: 80%;
  max-width: 600px;
  margin: 10% auto;
  padding: 20px;
  border-radius: 8px;
  position: relative;
}

#close-warning-btn {
  position: absolute;
  top: 10px; right: 15px;
  cursor: pointer;
  font-size: larger;
  font-weight: bolder;
}

#warningTable {
  width: 100%;
  border-collapse: collapse;
  margin-top: 30px;
}

#warningTable th, #warningTable td {
  border: 1px solid #ccc;
  padding: 8px;
  text-align: center;
}

#warningTable th {
  background-color: #f0f0f0;
}
/* Fine stile Warning Spese */