:root {
    --primary-color: #645979;
    --secondary-color: #70A1D1;
}

body {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	color: #40403E;
	margin-top: 0px;
	padding-top: 0px;
	background-color: #eef4f4;
	background-color: #F4F4F4;
}


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

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

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


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

.row {
    margin-bottom: 0px!important;
}

.row .col {
  padding: 0px!important;
}

.box-form .row .col .col {
	padding-left: 0px!important;
	padding-right: 0px!important;
}

#data_in, #data_fin {
   width: 95%!important;
   margin-left: 5%!important;
}

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

#header-navbar {
	display: block;
	width: 100%;
	height: 75px;
    clear: both;
    border-bottom: 1px solid var(--primary-color);
    position: fixed;
    background-color: #FFFFFF;
    z-index: 20000;

}


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


#logo img {
    height: 50px;
}




.menu-utente {
    display: inline-table;
    position: relative;
    width: 70%;
    float: right;  
    margin-top: 20px;
    color: #3D3D3D!important;
}

.menu-utente a {
	margin-left: 5px;
    color: #3D3D3D!important;
}

.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(--primary-color) !important;
}


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


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


/*****    navbar sinistra   ****/


#sidebar-left {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 500px;
    overflow: hidden;
    background-color: var(--primary-color);
    color: #FFFFFF;
}


#sidebar-left h3 {
	padding-left: 10px;
	font-size: 1.4em!important;
}


.siderbar-body {
    height: 100%;
}


.navbar-utente {
    text-align: left;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}


.navbar-utente img {
    width: 20px;
    height: 20px;
}



#sidebar-left .btn {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
    padding: 0px;
    padding-top: 5px;
    font-size: 0.8em;
    background-color: var(--primary-color);
}

#sidebar-left .btn img {
    width: 25px;
    height: 25px;
    margin-left: 10px;
}

#sidebar-left .btn.active {
    background-color: var(--secondary-color);
}



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

.toast {
	background-color: #FFC700!important;
    color: #000000!important;
}




/* ******  Nvbar mobile   **********  */


#slide-out, .side-nav {
    background-color: var(--primary-color);
    color: #FFFFFF;
    z-index: 21000;
}




#slide-out h3 {
	padding-left: 10px;
	font-size: 1.3em!important;
    padding-top: 30px!important;
}



.navbar-utente {
    text-align: left;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}


#slide-out img {
    width: 20px;
    height: 20px;
}



#slide-out .btn {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
    padding: 0px;
    padding-top: 5px;
    font-size: 0.8em;
    background-color: var(--primary-color);
}

#slide-out .btn img {
    width: 25px;
    height: 25px;
    margin-left: 10px;
}

#slide-out .btn.active {
    background-color: var(--secondary-color)!important;
}

.user-view {
    text-align: center;
}



/* **    contenuto  *** */

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

.content {
    padding-top: 80px;
}



.submenu {
    display: block;
    width: 100%;
    height: 180px;
    background-color: #FFFFFF;
    margin-top: -27px;
}



.submenu .btn, #ricerca-modal .btn {
  background-color:  var(--primary-color);
  border-radius: 15px; 
  -moz-border-radius: 15px; /* firefox */
  -webkit-border-radius: 15px; /* safari, chrome */
  padding: 7px;
  width: 50px;
  height: 50px;
    clear: both;   
}

#ricerca-modal {
    max-width: 400px!important;
    padding: 10px;
}

#ricerca-modal .btn {
    margin-top: 12px;
    margin-left: 5px;
}

.submenu .btn img, #ricerca-modal .btn img {
  width: 35px;
  height: 35px;

}



.submenu-left {
    display: block;
}


.submenu-left h2 {
    font-size: 1.5em;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 40px;
    padding-bottom: 0px;
}


.submenu-right ul {
    margin-left: 40px;
}

.submenu-right ul li {
    display: inline-table;
    margin: 5px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
    font-size: 0.8em;
}



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

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

.box-form .row .col {
    padding: 0 0.75rem!important;
}


.box-form .btn {
    background-color: var(--primary-color)!important;
    padding-left: 10px!important;
    padding-right: 10px!important;
    padding-top: 8px;
    margin-right: 30px;
}


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



.tabs {
    margin-top: 40px!important;
    margin-bottom: 10px!important;
    background-color: #EEECE6!important;
}

.tabs .indicator {
    background-color: #EEECE6!important;
    
}

.tabs ul{
    border: none!important;
    background-color: #EEECE6!important;
}

.tabs li a {
    color: #3D3D3D!important;
    
}


.tabs li a {
   /* border-bottom: 1px solid #3D3D3D!important; */
   background-color: rgba(66, 138, 80,0.1);
   -webkit-border-radius: 20px 20px 0px 0px;
   -moz-border-radius: 20px 20px 0px 0px;
   border-radius: 20px 20px 0px 0px;
}

.tabs li a:hover {

   background-color: #FFFFFF!important;
}


.tabs li a.active {
   background-color: var(--secondary-color)!important;
   color: #FFFFFF!important;
}


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

fieldset {
   background-color: #EEECE6!important;
   background-color: #F2F2F2!important;
   border: 1px solid #3D3D3D!important;
}

.fondo-tabella {
    /* background-color: #EEECE6!important; */
    min-height: 400px;
}

.fondo-tabella ul li {
    display: inline-table;
    margin-right: 10px;
}

.row .col .s12 .nocolor, .row .col .s12 .nocolor ul {
    background-color: #EEECE6!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;


}



label {
    padding-left: 5px;
}


/* alzo il label per le selezioni */

label.selection {
	margin-top: -25px;
	font-size: 0.7em!important;
}


/* matto nero pieno per alcuni label */

.input-field label.marcato {
	color: #000000;
}

.input-field label.spaziato {
	padding-right: 15px;
}

[type="radio"]:checked + label::after, .with-gap[type="radio"]:checked + label::before, .with-gap[type="radio"]:checked + label::after {
	  border: 2px solid var(--primary-color)!important;
}


[type="radio"]:checked + label::after, .with-gap[type="radio"]:checked + label::after {
	background-color: var(--primary-color)!important;
}


.tipi-sede {
	margin-bottom: 20px;
}

.tipi-sede input {
	margin-left: -10px;
}




/* ****************   mappa   *********************** */

.mappa {
	position: relative; 
	display: block; 
	width:90%; 
	height: 260px; height: 350px;
	margin-top: 10px;
}




/* ****************   ricerca   *********************** */


.box-form thead {
    background-color: var(--primary-color);
    color: #FFFFFF;
}

.distanziatore-ricerca {
    display: block;
    width: 100%;
    height: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}


.box-form table {
    border: 1px solid #dddcda;
}


.box-form table tr {
    border: 1px solid #dddcda;
    border-collapse: collapse;
}



.striped td a img {
	margin-top: 8px;
}





/* ************* Etichette presidi ******** */

.etichetta-presidi thead {
    background-color: #696867;
    color: #FFFFFF;    
}

.etichetta-presidi th, .etichetta-presidi td {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    font-size: 13px;
}

.etichetta-presidi .col-10 {
    width: 10%;
}

.etichetta-presidi .col-40 {
    width: 40%;
}


.collapsible li {
	width: 100%!important;
}





/* ************** footer   **************** */

#chiusura-footer {
    display: block;
    width: 100%;
    height: 10px;
    background-color: var(--primary-color);
}

#riempitivo {
    display: block;
    width: 100%;
    height: 300px;
}



#footer {
    display: block;
    width: 100%;
    height: 22px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-bottom: 3px;
    color: #FFFFFF;
    font-size: 0.8em;
    margin-top: 50px;
    color: #000000;
    text-align: center;
}

#footer a {
    color: #3D3D3D;
}



.qr-button li {
	display: inline-table;
	position: relative;
	float: left;
	margin-right: 0px;
	
}


.bottoni-firma {
	display: none;
}





/* ***** Registro ***** */

input.registro {
    width: 30px!important;
}


input.registro2 {
    width: 30px!important;
    float: right;
    margin-right: 25px!important;
}



/* ***** Autocomplete ***** */

.autocompleteCliente-suggestions { border: 1px solid #999; background: #fff; cursor: default; overflow: auto; }
.autocompleteCliente-suggestion { padding: 10px 5px; font-size: 1.2em; white-space: nowrap; overflow: hidden; }
.autocompleteCliente-selected { background: #f0f0f0; }
.autocompleteCliente-suggestions strong { font-weight: normal; color: #3399ff; }



/* ***** Camera ***** */


#appcamera {
  background: var(--primary-color);
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  height: 100%;
}
.sidebar-camera {
  background: #eceff1;
  min-width: 250px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow: auto;
}
.sidebar-camera h2 {
  font-weight: normal;
  font-size: 1.0rem;
  background: var(--primary-color);
  color: #fff;
  padding: 10px;
  margin: 0;
}
.sidebar-camera ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.sidebar-camera li {
  line-height: 175%;
  white-space: nowrap;
  overflow: hidden;
  text-wrap: none;
  text-overflow: ellipsis;
}
.cameras ul {
  padding: 15px 20px;
}
.cameras .active {
  font-weight: bold;
  color: #009900;
}
.cameras a {
  color: #555;
  text-decoration: none;
  cursor: pointer;
}
.cameras a:hover {
  text-decoration: underline;
}
.scans li {
  padding: 10px 20px;
  border-bottom: 1px solid #ccc;
}
.scans-enter-active {
  transition: background 3s;
}
.scans-enter {
  background: yellow;
}
.empty {
  font-style: italic;
}
.preview-container {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  display: flex;
  width: 100%;
  overflow: hidden;
}


.progress {
    background-color: #CCCCCC!important;
}



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

.immagini-catalogo img {
	width: 90%;
	margin-left: 5%;
	margin-top: 10px;
	margin-bottom: 10px;
}


.immagini-catalogo-real img {
	width: 90%;
	height: auto;
	margin-left: 5%;
	margin-top: 10px;
	margin-bottom: 10px;
}

[type="checkbox"]:checked + label::before {
   border-right: 2px solid #3D3D3D!important;
   border-bottom: 2px solid #3D3D3D!important;
}


/* ***** textarea editata rich ***** */

.non-editato {
   margin-top: 50px!important;	
}

.textarea_editata {
	height: 200px!important;
}


#cke_1_contents {
	min-height: 100px!important;
	height: 100px!important;
}


#cke_2_contents  {
    min-height: 265px!important;
	height: 265px!important;
}

#cke_3_contents  {
	min-height: 300px!important;
	height: 300px!important;
}


.input-field .textarea_editata_small {
	height: 90px!important;
}


.textarea_editata_simple {
	height: 80px!important;
}

.ephox-polish-editor-container.ephox-polish-editor-main:not(.ephox-polish-no-toolbar), .ephox-polish-source-container {
	border: none!important;
}

.ephox-polish-editor-container .ephox-pastry-button {
	padding: 0.2em!important;
}

.ephox-chameleon-cellbackgroundcolor, .ephox-polish-html-switch, .ephox-polish-html-code {
              display: none!important;
 }
 
 
 
 /* ck editor */
 
 
body.cke_editable {
     margin: 2px!important;
 } 


.cke_bottom {
	display: none!important;
}

.cke_toolbar {
	float: right!important;
}

.cke_top {
	background: none!important;
	padding-top: 2px!important;
}


.picker__date-display, .picker__weekday-display, .picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected {
	background-color:  var(--primary-color)!important;
}

/* data import */

#response {
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 2px;
    display: none;
}

.success {
    background: #c7efd9;
    border: #bbe2cd 1px solid;
}

.error {
    background: #fbcfcf;
    border: #f3c6c7 1px solid;
}

div#response.display-block {
    display: block;
}



.mg-accordion, .mg-accordion ul{
	list-style-type: none;
}
.mg-accordion .submenu{
	display: none;
}
.my-menu, .mg-flat{
	width: 225px;
}
.justify-items-evenly{
	justify-content: space-evenly;
}
.mg-flat li.dropdown{
	margin-left: 0px
}
.mg-flat .submenu li{
	margin-left: 20px;
}
.mg-flat span.toggler{
	float: right;
}
.mg-flat a{
	text-decoration: none;
	display: block;
}
.mg-flat li.dropdown a{
	padding: 5px 2px;
	/* border:1px solid #ccc;
	background: #eee */
}
a.openItem{
	background: var(primary-color);
	color: #fff!important;
}
.openItem span{
	transform: rotate(90deg);
	color: #FF0000!important;
}
.toggler{
	transition: all 1s;
}

.ottininav ul.submenu {
	margin-top:0px!important;
    height: auto!important;
}

.ottininav li a {
	color: var(--primary-color)!important;
	font-size: 0.9em!important;
}

.ottininav li a:hover {
	color: var(--secondary-color)!important;
}

ul.ottininav.mg-accordion {
	margin-left: -10px!important;
}

/* bullets */

.bullet-green, .bullet-red, .bullet-yellow, .bullet-orange {
	width: 10px;
    height: 10px;
    display: inline-table;
    margin-right: 10px;
    border-radius: 100%;
}

.bullet-green {
	background-color: #0f834d;	
}

.bullet-red {
	background-color: #D73A2F;	
}

.bullet-yellow {
	background-color: #d1c700;
}

.bullet-orange {
	background-color: #b37100;
}


.edit-tools {
    margin-left: 15px;
    margin-top: 10px;
}


.edit-tools a {
	margin-left: 5px;
	margin-right: 5px;
}