/*================================================================================
	Item Name: Materialize - Material Design Admin Template
	Version: 5.0
	Author: PIXINVENT
	Author URL: https://themeforest.net/user/pixinvent/portfolio
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

ul#slide-out li a.active, ul#slide-out li a.active i { color: #fff !important }
.card, .collapsible:not(#slide-out), .collapsible-header { background-color: #fff !important }
.btn, .btn-small, .btn-large, .btn-flat { text-transform:uppercase; letter-spacing: 0px; font-weight:800; }


/*********************** PAGINA LOGIN *****************************************************/
#login-page{ height: 100% !important }
#login-page .card-panel.border-radius-6.login-card { margin: 0 !important; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.intro-step-title { color: #007ac7 !important;}                 /* colore titolo modal introduzione/benvenuto */

/*********************** SIDENAV SINISTRA LATERALE ****************************************/
.brand-sidebar .brand-logo { padding: 16px 12px !important;}
.brand-sidebar .brand-logo-med { height: 62px; padding: 10px 0px !important; margin-left: -12px;}
.sidenav-welcome-title { font-size: 2em; padding: 12px; }
.sidenav li a.active { -webkit-box-shadow: 0px 0px 0px 0px !important; box-shadow:  0px 0px 0px 0px !important; }    /* ombra elemento attivo della sidebar */
/*.sidenav li.open, .sidenav li.active { background: rgba(0, 0, 0, .2) !important; }                                 /* elemento aperto della sidebar */
.sidenav li .collapsible-body a { padding-left: 30px !important; }                                                   /* sottoelementi della sidebar */

/*********************** BADGE ************************************************************/
span.badge.new:after { content: ''; }
 
/*********************** MODALITA' FULLSCREEN PER I MODAL SU MOBILE ***********************/
.modal, .modal-footer { background-color: #eeeeee !important }
.modal-wide { width:90% !important; max-height: 90% !important; height:90% !important; top: 5% !important; }  /* per desktop */
.bottom-sheet-wide { max-height: 100% !important; height:100% !important} /* per mobile */

/*********************** FORM E INPUT TEXT ************************************************/
.input-field input + label, .input-field.col .prefix ~ label, input[type="radio"] + span, input[type="checkbox"] + span:not(.lever) { color: #000 !important; }                                                         /* label focus color */
.input-field input:focus + label { color: #000 !important; }                                                         /* label focus color */
.input-field input:focus { border-bottom: 1px solid #000 !important;  box-shadow: 0 0px 0 0 #000 !important; }       /* label underline focus color */
.input-field input.valid { border-bottom: 1px solid #43a047 !important; box-shadow: 0 0px 0 0 #000 !important; }     /* valid color */
.input-field .prefix.active {color: #000; }                                                                          /* icon prefix focus color */
input:not([type]).valid ~ .helper-text:after, input:not([type]):focus.valid ~ .helper-text:after, input[type=text]:not(.browser-default).valid ~ .helper-text:after, input[type=text]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=password]:not(.browser-default).valid ~ .helper-text:after, input[type=password]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=email]:not(.browser-default).valid ~ .helper-text:after, input[type=email]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=url]:not(.browser-default).valid ~ .helper-text:after, input[type=url]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=time]:not(.browser-default).valid ~ .helper-text:after,input[type=time]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=date]:not(.browser-default).valid ~ .helper-text:after, input[type=date]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=datetime]:not(.browser-default).valid ~ .helper-text:after, input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=datetime-local]:not(.browser-default).valid ~ .helper-text:after, input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=tel]:not(.browser-default).valid ~ .helper-text:after, input[type=tel]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=number]:not(.browser-default).valid ~ .helper-text:after,
input[type=number]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=search]:not(.browser-default).valid ~ .helper-text:after, input[type=search]:not(.browser-default):focus.valid ~ .helper-text:after, textarea.materialize-textarea.valid ~ .helper-text:after, textarea.materialize-textarea:focus.valid ~ .helper-text:after, .select-wrapper.valid ~ .helper-text:after 
{color: #43a047 !important }     /* helper-text data-success */
.dropdown-content li:not(.disabled) > a, .dropdown-content li:not(.disabled) > span { color: #323232 !important }     /* colore degli elementi delle select 
[type="checkbox"].filled-in:checked + span:not(.lever)::after { border: 2px solid #1565c0 !important; background-color: #1565c0 !important;}        /* colore checkbox filled-in */
[type="checkbox"] + span:not(.lever) { color: #6b6f82 !important;}        /* colore checkbox filled-in */
select.browser-default { margin: 0 0 8px 0 !important; }        /* margin-bottom per helper-text per select browser-defauklt */
/*.card, .collection, .stepper { overflow: visible !important;}     /* fixato nel prossimo update */
.autocomplete-content { width:100% !important }
.materialize-textarea { height:150px !important; border:1px solid gray !important; border-radius: 10px !important; padding:10px !important; margin-top:5px !important; overflow-y: auto !important }
.materialize-textarea + label { margin-left: 13px !important }
.prefix + .materialize-textarea + label { margin-left: 58px !important }

/*********************** DATATABLE ********************************************************/
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: auto !important }     /* sposta nella posizione corretta il simbolino della DataTable per aprire le righe in responsive */
.dataTables_processing {height:69px!important; background: #1e88e5  !important; border-radius:6px; z-index: 1; opacity: 0.9;}
.dataTables_wrapper .dataTables_processing { color:white !important;}
table.dataTable thead th { font-weight: 400 !important; text-align: center;}
.dataTable tbody tr { cursor:pointer;}
.dataTable tbody .urgente { cursor:pointer; background-color: #ffcdd2 !important;}
.dataTable tbody tr:hover { background-color: #1e88e5  !important; color: white !important;}
.dataTable tbody tr:hover i { color: white}
.dataTable tbody tr:hover td .tbl_recapito_struttura { color:white; }
.dataTable tbody .group td { font-weight: 600 !important; text-transform: uppercase; letter-spacing: 0.8px; color: #242424; text-align: center;}
.dataTable tbody .group td:hover { color: #fff;}
.dataTable tbody td .chip { height: auto !important;}
.dataTable tbody tr td i { color: #2196f3 }
.dataTable tbody tr td { white-space:normal !important; }       /* applica il word-break alle singole colonne di ogni riga */
/*select { display:inline; -webkit-appearance: none; -moz-appearance: none; border-bottom: 1px solid #9e9e9e !important; cursor: pointer; color: #ababab; width: 100% !important; height: 38px; font-size: 16px !important; margin: 0 0 8px 0; padding: 0px !important; z-index: 1; }*/
.dt-buttons { display:none;}        /* nasconde i pulsanti delle DataTables */
.yadcf-filter, .yadcf-filter-date { text-align: center; background-color: #f2f2f2  !important; border: 2px solid transparent !important; border-radius: 3px !important; font-size: 12px !important; margin-top: 5px !important; width: 85% !important; transition: box-shadow .25s !important; padding-right: 16px !important; height: 20px !important; }    
.yadcf-filter-range-date { text-align: center; background-color: #f2f2f2  !important; border: 2px solid transparent !important; border-radius: 3px !important; font-size: 12px !important; margin-top: 5px !important; width: 60% !important; transition: box-shadow .25s !important; padding-right: 16px !important; height: 20px !important; }                    
.yadcf-filter::placeholder { color: black; }
.yadcf-filter.browser-default { height: 20px !important; padding: 0px; margin: 5px 0 7px 0 !important }
.yadcf-filter-reset-button, .yadcf-filter-reset-button:focus { background: transparent; border: 0px solid white; margin-left: -25px; color: gray;}

/*********************** BARRA DI RICERCA PERSISTENTE NELL'HEADER *************************/
#header .header-search-wrapper input { color: white !important;}
#header .header-search-wrapper input:focus { color: black !important;}
#cerca_pazienti_mobile { color: white !important;}
#cerca_pazienti_mobile:focus { color: black !important;}

/******************************** AUTOCOMPLETE ********************************************/
.autocomplete-content li .highlight { color: #2196f3 !important; font-weight:600; }

/**************************** AUTOCOMPLETE CON CHIPS **************************************/
.chips-autocomplete .input { width:auto !important; border:0px !important; color: #000 !important }
.chip { color: #000 !important }

/*********************** LAYOUT ORIZZONTALE PER CUP ***************************************/
/*.sidenav-active-square .sidenav li > a.active { color: #ffffff !important; background-color: #0288d1; }*/
.horizontal-layout #main { min-height: calc(100% - 180px) !important }
#horizontal-nav ul li a span { top: 0px !important;}
#horizontal-nav .dropdown-menu span i { top: -13px !important }
/*.navbar-fixed #horizontal-nav { z-index: -1; }*/
nav ul li a:hover, nav ul li.active { border-radius: 8px 8px 0px 0px !important; }
#btn_aggiungi_nuova_prenotazione { display:none !important; } /* su richiesta unanime del CUP, nascondo il tasto NUOVA PRENOTAZIONE in favore della searchbar */

/*********************** RADIO BUTTON NEI FORM ********************************************/
.radio-btn-div { margin-bottom:0px !important; } /* evita l'affollamento dei campi, in quanto i radiobutton sballano il naturale ordinamento di più campi su più righe, quando sono senza interruzioni di righe */

/****** FA COMPARIRE I DATE E TIME PICKER NEI MODAL ****************/
.modal .modal, 
.modal .modal-content .datepicker-container, 
.modal .modal-content .timepicker-container { height: 350px; top: 0% !important; }


/*////////////////////////////////////////////////////////////////////////////////////////*/
/********************************** MEDIA QUERIES *****************************************/
@media screen and (min-width: 993px)                        /* SOLO DESKTOP */
{
    /*ul#slide-out.sidenav{ height: calc(100% - 64px) !important; }  /* aggiusta lo scrolling in basso della sidenav, che rimaneva tagliato */
    .radio-btn-div { margin-bottom:30px !important; } /* evita l'affollamento dei campi, in quanto i radiobutton sballano il naturale ordinamento di più campi su più righe, quando sono senza interruzioni di righe */
}


@media only screen and (max-width: 993px)                   /* SOLO TABLET */
{
     .horizontal-layout #main { padding-top: 3px !important; }
}

@media only screen and (max-width: 600px)                   /* SOLO MOBILE */
{
    .toast.rounded { border-radius: 0px !important; }
    .horizontal-layout #main { padding-top: 3px !important; }
}