@CHARSET "US-ASCII";

:root {
  --primary: #428A50;
  --third: rgba(66, 138, 80,0.1);
}

body {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
    line-height: 18px;
	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;
}

td, th {
    padding: 5px 5px!important;
}

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


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

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

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

a {
  background-color: #428A50;
}

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

#header-navbar {
	display: block;
	width: 100%;
	height: 75px;
    clear: both;
    border-bottom: 1px solid #1C1C1C;
    position: fixed;
    background-color: #FFFFFF;
    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;
    width: 30%;
    float: right;  
    text-align: right;
    margin-top: 20px;
    padding-right: 20px;
}

.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: #428A50;
}


.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: #1C1C1C;
    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: #1C1C1C;
}

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

#sidebar-left .btn.active {
    background-color: #428A50;
}



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

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




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


#slide-out, .side-nav {
    background-color: #1C1C1C;
    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: #1C1C1C;
}

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

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

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



/* **    contenuto  *** */

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

.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);
  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: 0px;
    margin-right: 20px;
    text-align: center;
    font-size: 0.8em;
    width: 60px;
}



.box-form {
    margin: 40px;
    margin-top: 0px!important;
    min-height: calc(100vh - 500px);
}

.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)!important;
    padding-left: 10px!important;
    padding-right: 10px!important;
    padding-top: 8px;
    margin-right: 20px;
}


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


.tabs li a {
   /* border-bottom: 1px solid #428A50!important; */
   background-color: var(--third);
   -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(--primary)!important;
   color: #FFFFFF!important;
}


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

fieldset {
   background-color: #EEECE6!important;
}

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

.fondo-tabella-bottom {
    margin-top: 25px;
    margin-bottom: 50px;
}

.fondo-tabella ul li, .fondo-tabella-bottom 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; */
    font-size: 1.0em!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)!important;
}


[type="radio"]:checked + label::after, .with-gap[type="radio"]:checked + label::after {
	background-color: var(--primary)!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: #696867;
    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-20 {
    width: 20%;
}

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


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





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

#chiusura-footer {
    display: block;
    width: 100%;
    height: 10px;
    background-color: #696867;
}

#riempitivo {
    display: block;
    width: 100%;
    height: 300px;
    min-height: calc(100vh - 550px);
}



#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: #428A50;
}



.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: #263238;
  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: #607d8b;
  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;
}




.aggiungi-togli, .aggiungi-togli li {
	display: inline-table;
}

.aggiungi-togli {
	margin-left: 40px;
}




/* Tabelle Log e Scadenziari */

table.ridotta {
	font-size: 0.8em!important;
}

table.ridotta td, table.ridotta th {
	padding-top: 8px;
	padding-bottom: 8px;
}





/* Ordini */

.box-prodotto-ordine {
	display: block;
	width: 100%;
	height: auto;
	margin-top: -15px!important;
}



/* firme non usate */

.firme-non-usare {
	display: block!important;
	width: 1px!important;
	height: 1px!important;
	overflow: hidden!important;
	display: none!important;
}




/* ***** itinerario ***** */

  .box-itinerario {
  
  }

   #right-panel {
        font-family: 'Roboto','sans-serif';
        line-height: 30px;
        padding-left: 10px;
      }

      #right-panel select, #right-panel input {
        font-size: 15px;
      }

      #right-panel select {
        width: 100%;
      }

      #right-panel i {
        font-size: 12px;
      }
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
      #map,  #map2 {
        height: 100%;
        float: left;
        width: 80%;
        margin-left: 10%;
        height: 500px;
      }
      #right-panel {
        float: right;
        width: 80%;
        height: 100%;
      }
      .panel {
        height: 100%;
        overflow: auto;
      }


    .adp-directions {
	  display: none;
    }




.box-legenda {
	display: block;
	position: relative;
	width: auto;
	height: auto;
	margin-bottom: 10px;
}

img.tabella-icon {
	margin-right: 5px;
}


.evidenziato {
	font-weight: bold!important;
	color: #FF0000!important;
}



.presidiodismesso {
	display: none;
}

.presidionondismesso {
	display: block;
}

.dismesso {
  text-decoration: line-through;
}

tr.pregresso {
	color: #FF0000!important;
}

/* 

.btn, .btn-large {
    background-color: #A32F2C!important;
}


#logo img {
	display: inline-table;
	width: 22%;
	height: auto;
	position: relative;
	float: left;
	margin-top: 5px;
	margin-left: 10px;
}

.menu-princ {
	disply: inline-table;
	max-width: 80%;
	position: relative;
	float: right;	
}

.last {
	margin-right: 10px;
}

.btn, .btn-large, .btn-flat {
	font-size: 0.8em!important;
}


.menu-princ .btn, .menu-princ .btn-large, .menu-princ .btn-flat {
	padding: 0px!important;
	padding: 2px;
	margin: 5px;
	font-size: 0.5em!important;
	height: 70px;
	width: 70px;
}

.menu-princ .btn a, .menu-princ .btn-large a, .menu-princ .btn-flat a {
	float: right;
}

.menu-princ .btn img, .menu-princ .btn-large img, .menu-princ .btn-flat img {
	margin-top: 5px!important;
}


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: rgba(255,255,255,0.3)!important;
}


.container {
	background-color: #FFFFFF!important;
}



#footer {
    display: block;
    width: 100%;
    height: 22px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-bottom: 3px;
    background-color: #98372E;
    color: #FFFFFF;
    font-size: 0.8em;
    margin-top: 50px;
}

#footer a {
    color: #faff00;
}

#footer-left {
    display: inline-table;
    position: relative;
    float: left;   
    padding-left: 5px;
} 


#footer-right {
    display: inline-table;
    position: relative;
    float: right; 
    padding-right: 5px;
}  */



#lab_p_ult_int1,
#lab_p_ult_contr1,
#lab_p_ult_rev1,
#lab_p_ult_coll1,
#lab_p_esit_contr1,
#lab_p_ult_rev1,
#lab_p_ult_coll1,
#lab_p_uscita_rif1,
#lab_p_eff1,
#lab_p_en_1791,
#lab_p_en_11251,
#lab_p_ante1,
#lab_p_rei1,
#lab_p_targ1,
#lab_p_ost1,
#lab_p_cern1,
#lab_p_man1,
#lab_p_serr1,
#lab_p_auto1,
#lab_p_reg_cern1
#lab_p_ast_anta1,
#lab_p_seq_chiu1,
#lab_p_stat_guarn1,
#lab_p_magn1,
#lab_p_tipo1,
#lab_p_mt1,
#lab_p_dn1,
#lab_p_press_sta1,
#lab_p_rubin1,
#lab_p_tubaz1,
#lab_p_lancia1,
#lab_p_sella1,
#lab_p_ult_int_tipo1,
#lab_p_ult_int_esito1,
#lab_p_ass_ing1,
#lab_p_cern_mecc1,
#lab_p_molla1,
#lab_p_maniglia1,
#lab_p_fermo1,
.nascondi-tutto	 {
	display: none;
} 

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

#datatablesSimple td {
    vertical-align: middle!important;
}

#datatablesSimple td input[type=text] {
    margin-bottom: 0px;
}

nav.datatable-pagination {
    height: 30px!important;
    overflow: hidden!important;
    background-color: #696867!important;
}

.datatable-pagination a, .datatable-pagination button {
    padding: 0px;
    padding-left: 10px;
    padding-right: 10px;;
}


.scan-block {
	display: block; 
	width: 500px; 
	height: 500px; 
	overflow: hidden; 
	margin-left: auto; 
	margin-right: auto; 	
}

#reader {
	width: 500px;
	height: 500px;
}

.html5-qrcode-element {
   background-color:  var(--primary)!important;
    padding-left: 10px!important;
    padding-right: 10px!important;
    padding-top: 8px;
    margin-right: 0px;
    border: none;
    border-radius: 2px;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding: 0 2rem;
    text-transform: uppercase;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
    color: #FFFFFF!important;
    border-radius: 5px;
    margin-bottom: 25px;
}


@media screen AND (max-width: 900px) {
	.menu-utente {
		width: 50%;
	}
}


@media screen AND (max-width: 700px) {
	
	    .box-form {
    margin: 10px;
    margin-top: 0px !important;
}

	.menu-utente {
		width: 30%;
	}
	
	.menu-utente span {
	display: none!important;
	}
	
	#logo img {
    height: 53px;
    }
    
    .submenu-left h2 {
	    font-size: 1.5em;
	    padding-left: 15px;
	    padding-right: 15px;
	    padding-top: 10px;
	    padding-bottom: 0px;
    }
    
    .submenu-right ul {
    margin-left: 10px;
}
    
    .submenu {
    display: block;
    height: 140px;
    }
    
    .submenu-right ul li {
    display: inline-table;
    margin: 5px;
    margin-left: 0px;
    margin-right: 10px;
    text-align: center;
    font-size: 0.8em;
    width: 50px;
    line-height: 12px;
   }
   
    .submenu-right ul li a {
    margin-bottom: 5px;
    }
    

      .tabella-responsive {
      max-width: 100vw;
      overflow-x: scroll;
      }
     
      .scan-block {
	 	width: 300px!important;
	 	min-height: 500px !important;
        height: 80vh!important;
	}
	 
      #reader {
		width: 300px!important;
		height: 300px!important;
	 }
	  
}

select#html5-qrcode-select-camera {
    display: block;
    margin: 15px;
}

.col.s12.m12.content-body {
    min-height: 100vh;
}

#modalcamera {
    max-height: unset!important;
    min-height: 80vh;
    overflow: scroll;
}

div#manutenzione_righe {
    width: 100%;
    overflow-x: scroll;
}

#html5-qrcode-anchor-scan-type-change {
    display: none!important;
}

.box-form .mini-btn  {
    width: 35px;
    height: 35px;
    line-height: 25px;
    padding: 2px !important;
    margin-right: 5px;
}

.mini-btn input[type="submit"] {
    font-size: 12px!important;
    padding: 3px!important;
}

.box_paginazione {
    margin-top: 20px;
}

.box_paginazione a {
  color: #428A50;
}

.menu-utente span {
    margin-right: 10px;
}


fieldset.completato {
    background-color: #e9e9e9;
    opacity: 0.5;
}

label.marcato.spaziato.concludi {
    color: #428A50;
    font-weight: 700;
}

.check-buttons {
    display: flex;
}

.check-buttons div {
    margin-right: 10px;
    width: 30%;
    text-align: center;
    line-height: 12px;
}

.check-buttons div img, .check-buttons div button {
    margin-bottom: 5px;
}

.check-buttons div button {
background-color: transparent!important;
box-shadow: none;
border: 0px !important;
margin-bottom: 0px!important;
margin-top: 5px!important;
}

.controllo-check-label {
  margin-left: 12px;
}


ul.qr-button {
    display: block;
    position: fixed;
    right:15px;
    bottom: 15px;
    z-index: 30000;
}

.qr-button img {
    width: 35px;
    height: 35px;
}

.qr-button li a {
    display: flex;
    width: 60px;
    height: 60px;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin-right: 0px!important;
}


.qr-button li {
    text-align: center;
    font-size: 1px;
    max-width: 60px;
    line-height: 16px;
}