@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


:root{
  --invt_green:#008c45;
  --invt_white:#ffffff;
  --invt_black:#000000;
  --invt_red:#cd212a;
  --invt_yellow:#ecb807;

}
.loginwrap{
  width:30%;
  margin: 100px auto;
    border: 2px solid var(--invt_green);
    border-radius: 20px;
    padding: 30px 0;
    box-shadow: 5px 10px 18px #888888;
    font-family:"Montserrat", Sans-serif;
    color: var(--invt_black);
    text-align: center;
}
.loginwrap a{
  color: var(--invt_green);
  font-weight: 600;
}
.loginwrap a:hover{
  color: var(--invt_red);
  font-weight: 600;
  text-decoration: none;
}
.loginwrap input[type=text], .loginwrap input[type=password], .loginwrap input[type=email]{
  width:300px;
  margin: auto;
  background-color: #008c4559;
}
.loginwrap .form-control:focus{
  background-color: #008c4559;
  border:1px solid var(--invt_green);
}
.loginwrap .btn-primary{
  background-color: var(--invt_green)!important;
  font-size: 18px!important;
  color:#fff!important;
  width: 300px;
  border-radius: 10px;
  border:0px solid #fff;
  font-weight: 600;
}
.loginwrapbig{
  width:30%!important;
  margin: 50px auto;
    border: 2px solid var(--invt_green);
    border-radius: 20px;
    padding: 30px 0;
    text-align: center;
    box-shadow: 5px 10px 18px #888888;
    font-family:"Montserrat", Sans-serif;
    color: var(--invt_black);
}
.loginwrapbig a{
  color: var(--invt_green);
  font-weight: 600;
}
.loginwrapbig a:hover{
  color: var(--invt_red);
  font-weight: 600;
  text-decoration: none;
}
.loginwrapbig input[type=text], .loginwrapbig input[type=password],  .loginwrapbig input[type=email]{
  width:80%;
  margin: auto;
  background-color: #008c4559;
}
.loginwrapbig .form-control:focus{
  background-color: #008c4559;
  border:1px solid var(--invt_green);
}
.loginwrapbig .btn-primary{
  background-color: var(--invt_green)!important;
  font-size: 18px!important;
  color:#fff!important;
  width: 300px;
  border-radius: 10px;
  border:0px solid #fff;
  font-weight: 600;
}
.headr {
    display: block;
    padding: 0px;
    /* flex-wrap: nowrap;
    justify-content: center;
    text-align: center; */
}
.mainhead img{
  max-width:150px;
  text-align: left;
  /* width: 100px; */
}
.topmob{
  display: flex;
  justify-content: space-around;
align-items: center;
}
.mainhead{
  display: flex;
  justify-content: center;
  /* align-items: stretch; */
  flex-direction: column;
}
.testolaterale{
  text-align: left;
  padding: 20px 20px 0px 20px ;
}
.title_big{
  font-size: 20px;
  color: var(--invt_green);
  font-family:"Montserrat", Sans-serif;
  font-weight: 900;
  line-height: 30px;
  text-align: center;
}
.subtitle{
  font-size:14px;
  color: var(--invt_green);
  font-family:"Montserrat", Sans-serif;
  font-weight: 600;
  line-height: 16px;
  text-align: center;
}
.testobenvenuto{
  text-align: right;
  width: 50%;
}
.currentuser{
  text-transform: uppercase;
}
.testobenvenuto h1{
  font-size:16px;
  color: var(--invt_green);
  font-family:"Montserrat", Sans-serif;
  font-weight: 600;
  line-height: 16px;
}
.strisciacomandi{
  padding: 10px 0;
  width: 90%;
  /* display:inline-block; */
  margin: auto;
    display: flex;
    justify-content: center;

}
.invt-button{
  background-color: var(--invt_green);
  color:#fff;
  padding:5px 10px;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 400;
  font-family:"Montserrat", Sans-serif;
  border-radius:5px;
  margin:0px 2px;

}
.intestazione_report{
  display:flex;
    width: 100%;
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    border-top: 2px solid var(--invt_green);
    border-bottom: 2px solid var(--invt_green);
}

}
.titolodescrizione{
  display: flex;
    width:100%;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
border-bottom:2px solid var(--invt_green);
}
.titoloelenco{
  font-size:18px;
  color:var(--invt_green);
    text-transform: uppercase;
  font-weight: 800;
  font-family:"Montserrat", Sans-serif;
}
.titoloelencopiccolo{
  font-size:14px;
  color:var(--invt_green);
    text-transform: uppercase;
  font-weight: 800;
  font-family:"Montserrat", Sans-serif;
}
.titoloelencobig{
  font-size:22px;
  color:var(--invt_green);
    text-transform: uppercase;
  font-weight: 800;
  font-family:"Montserrat", Sans-serif;
  text-align: left;
  padding-top:10px;
  padding-left:10px;

}
.tecnici, .impianto{
 text-align:left;
 line-height: 14px;
 font-size:14px;
 color:var(--invt_green);
 font-weight: 800;
 font-family:"Montserrat", Sans-serif;

}
.sceltaimpianto{
  width:100%;
}
.sceltadata{
  width: 100%;
}

.sceltarichiesta{
  width: 100%;
}
.tecnici{
  width: 100%;
  margin-right: 20px;
}
.dataintervento{
  width: 100%;
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      margin: auto;
      border-bottom: 2px solid var(--invt_green);
      border-top: 0px solid var(--invt_green);
      border-bottom: 2px solid var(--invt_green);
      background-color: #008c4524;
      align-items: center;
}
.dataintervento input[type=date]{
  margin-bottom:20px;
  width: 50%;
}
.dataintervento input[type=text]{
  margin-bottom:20px;
  width: 50%;
}
.strisciarichiesta{
  display:block;
  width:100%;

}
.finalitaintervento{
  /* padding-left: 20px;
  border-left:2px solid var(--invt_green); */
  width:100%;
}
.selectimpianto{
  padding: 10px 0 0 0;
}
.selectimpianto select{
  width: 100%;
  font-size:18px;
  color:var(--invt_green);
    text-transform: uppercase;
  font-weight: 400;
  font-family:"Montserrat", Sans-serif;
}
.labello{
  color:var(--invt_black);
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 400;
}

.tecnici p, .impianto p{
   margin-bottom:5px;
}
.impianto{
  text-align: left;
}
.sceltaimpianto{
  text-align: left;
  /* border-left:2px solid var(--invt_green);
  padding-left:20px; */
}
.dataintervento{
  text-align: left;
  padding:20px;
}
.datiintervento{
  display:block;
  width: 80%;
  padding: 20px;
  text-align: left;
  margin-left: auto;
  margin-right:auto;
  flex-wrap: nowrap;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
border-top:0px solid var(--invt_green);
border-bottom:2px solid var(--invt_green);
background-color: #008c4524;
}
.datiricambi{
  display:block;
  width: 80%;
  padding: 20px;
  text-align: left;
  margin-left: auto;
  margin-right:auto;
  flex-wrap: nowrap;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
border-top:0px solid var(--invt_green);
border-bottom:2px solid var(--invt_green);
background-color: #008c4524;
}
.descrizioneintervento{
  display:flex;
  width: 100%;
  text-align: left;
  margin-left: auto;
  margin-right:auto;
  flex-wrap: nowrap;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;

}
.containerricambi{
  display:flex;
  width: 100%;
  text-align: left;
  margin-left: auto;
  margin-right:auto;
  flex-wrap: nowrap;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;

}
.sceltefisse{
  width:40%;
  font-weight: 400;
  font-family:"Montserrat", Sans-serif;
}
.sceltaricambi{
  width:40%;
  font-weight: 400;
  font-family:"Montserrat", Sans-serif;
}
.noteaggiuntive,.noteaggiuntiveviaggio, .noteaggiuntiveprodotti{
  width:60%;
  border-left:2px solid var(--invt_green);
  padding-left: 20px;
}

.noteaggiuntive textarea,.noteaggiuntiveprodotti textarea, .noteaggiuntiveviaggio textarea, .finalitaintervento textarea{
  width: 100%;

}
.datiattivita {
    display: flex;
    width: 80%;
    min-height: 100px;
    padding: 20px;
    text-align: left;
    margin-left: auto;
    margin-right:auto;
    flex-wrap: nowrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
    border-top: 0px solid var(--invt_green);
    border-bottom: 2px solid var(--invt_green);
    background-color: #008c4524;
}
.containerore{
display: block;
  border-bottom: 2px solid var(--invt_green);
  padding:20px 0;
}
.fine{
    border-bottom: 0px solid var(--invt_green);
}
.fileupload {
    display: block;
    width: 80%;
    min-height: 100px;
    padding: 20px;
    text-align: left;
    margin-left: auto;
    margin-right:auto;
    flex-wrap: nowrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
    border-top: 0px solid var(--invt_green);
    border-bottom: 2px solid var(--invt_green);
    background-color: #008c4524;
}
.kilowatt{
  text-transform: none;
}
.attivita{
    /* width: 80%; */
  display: flex;
  padding: 0px;
  text-align: left;
  margin-left: auto;
  margin-right:auto;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.wrapperdata, .wrapperviaggio{
  width: 40%;
}

.input-box, .input-box-viaggio,.nuovo, .input-box-tec, .input-box-data{
  display: flex;
  align-items: center;
  /* flex-wrap: wrap;
    flex-direction: column; */

}
.input-box-tec input[type="text"] {
  margin-bottom:0px!important;
}
.addtec{
  color:var(--invt_green);
  font-family: 'Montserrat';
  font-weight: 600;
  font-size:12px;
  text-transform: uppercase;
}
table th{
text-align: left;
font-weight: 500;
font-family: 'Montserrat';
font-size: 12px;
padding-left:5px;
color:#000;
  text-transform: capitalize;
  /* width: 62px; */
}
table{
  border-spacing: 0px!important;
}
table td{
  width: 62px;
padding:  0 1px 0 2px;

}
.wrapperdata .normale{
  display: none;
}
.wraptecnico .normale{
  display:block;
}
.input-boxa, .input-box-viaggioa, .input-box-dataa, .nuovo{
margin-bottom:5px;

}
.nuovo table td{
  width: 65px;
      padding: 0 6px 0 0px;

}
.wrappertec input[type="text"]{
  width:100px;
  margin-right:10px;
}

.wrappertec input[type="number"]{
  width:100px;
  margin-right:10px;
}
.giornoviaggio{
  height: 25px;
  margin-right: 5px;
}
.input-box-data .inzio, .nuovo>.inzio, .input-box-viaggio .inzio{
  margin: 0 6px;
}
.inzio{
  font-size: 10px;
  height:25px;
  /* width:60px; */
  margin: 0 0px;
}
.contatori{
  width: 40%;
}
.finereport{
  display: flex;
  flex-direction: column-reverse;
}
.hidelavoro{
  display: none;
}
.contatori h3{
  margin-bottom:0.1rem;
  margin-top:10px;
}
.biggerthan{
  width:100%;
  display: block;
}
.vitto .titoloelencopiccolo{
  margin-top:10px;
  font-size: 8px;
}
.contatori .titoloelencopiccolo{
  margin-top:10px;
  font-size: 12px;

}
.contatori input[type='number']{
  width:110px;
}
.contatori h3{
  margin-bottom:0.1rem;
}
.vitto h3{
  margin-bottom:0.1rem;
}
.vitto{
  width:40%;
}
.vitto input[type='number'], .addtec input[type='number']{
  width:110px;

}
.addtec input[type='number']{
  margin-top:5px;
  margin-bottom:10px;

}

.datifile {
    display: block;
    width: 80%;
    padding: 20px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    border-top: 0px solid var(--invt_green);
    border-bottom: 2px solid var(--invt_green);
    background-color: #008c4524;
  }
#bigone{
  width: 40%;
  margin: auto;
}
.h3{
  font-size: 16px;
  margin: 0 auto;
  padding: 2px 0px;
  line-height: 20px;
}
.sx50{
  margin: 30px auto;
}
#pulsantesalva{
  margin:30px auto 100px auto;
  text-align: center;

}
.sceltaricambi>.chosen-container-active .chosen-choices{
  border: 1px solid #000!importants;
-webkit-box-shadow: 0 0 0px rgba(0,0,0,.1);
box-shadow: 0 0 0px rgba(0,0,0,.1);
}
.chosen-container{
  width: 80%!important;
}

.inquantiti{
  width: 70px;
    margin-right: 20px;
    border: 1px solid #000;
    border-radius: 5px;
    font-size: 14px;
    height: 30px;
    text-align: center;
}
.listaricambio{
  width: 70%;
    margin-right: 20px;
    border: 1px solid #000;
    border-radius: 5px;
    font-size: 14px;
    height: 30px;
    text-align: left;
}
.input-box-tecaa, .input-box-tec{
  display: flex;
}
.wrappertec>.input-box-tecaa.nometecnico input[type=text]{
  width: 30%!important;
  margin-right: 10px;
}
.wrappertec>.input-box-tecaa.cognometecnico input[type=text]{
  width: 30%!important;

}
.wrappertec>.input-box-teca.nometecnico input[type=text]{
  width: 30%!important;
  margin-right: 10px;
}
.wrappertec>.input-box-teca.cognometecnico input[type=text]{
  width: 30%!important;

}
.remove-lnk, .remove-lnk-data,.remove-lnk-tec, .remove-lnk-viaggio {
  font-size: 20px;
  line-height: 40px;
  color:red!important;
  font-weight: 600!important;
  font-family:"Montserrat", Sans-serif!important;
}
.remove-lnk a:hover, .remove-lnk-data a:hover,.remove-lnk-tec a:hover, .remove-lnk-viaggio a:hover{
  color: red!important;
  text-decoration: none!important;
  font-weight: 900!important;
  font-family:"Montserrat", Sans-serif!important;
}
.remove-all-lnk, .remove-all-lnk-data, .remove-all-lnk-tec, .remove-all-lnk-viaggio {
  font-size: 14px;
  line-height: 40px;
  color:red!important;
  font-weight: 600!important;
  font-family:"Montserrat", Sans-serif!important;
}
.remove-all-lnk a:hover, .remove-all-lnk-data a:hover, .remove-all-lnk-tec a:hover, .remove-all-lnk-viaggio a:hover{
  color: red!important;
  text-decoration: none!important;
  font-weight: 900!important;
  font-family:"Montserrat", Sans-serif!important;
}
.add-btn, .add-btn-data, .add-btn-tec, .add-btn-viaggio{
  /* width: 70%; */
    margin:0px!important;
    font-size: 14px!important;
    line-height: 20px!important;
    /* height: 30px!important; */
    text-align: left!important;
    padding:5px 0px!important;
    font-weight: 600!important;
    font-family:"Montserrat", Sans-serif!important;
    color: var(--invt_green)!important;
    text-decoration:overline underline;

}
.iconeadd{
  width:40px;
  height:auto;
}
.mini{
  width:80%;
}
.nasco{
  display:none;
}
.bottomform{
  height: 100px;
    display: block;
    margin: auto;
    text-align: right;
    width: 80%;
    padding: 20px 0;
}
.regintervento{
  color:#fff;
  background-color: var(--invt_green);
  width:100%;
  padding:10px 30px;
  font-size:20px;
  font-family:"Montserrat", Sans-serif!important;
  border:0px solid red;
  border-radius: 15px;
  margin-bottom:40px;
}
.regintervento:hover{
  background-color: var(--invt_green);
  opacity: 0.8;
}

.container {
    overflow:hidden;
    width:960px;
    margin:20px auto;
}
.contr {
    background-color: #212121;
    color: #FFFFFF;
    padding: 10px 0;
    text-align: center;
    border-radius:10px 10px 0 0;
    -moz-border-radius:10px 10px 0 0;
    -webkit-border-radius:10px 10px 0 0;
}
.upload_form_cont {
    background: -moz-linear-gradient(#ffffff, #f2f2f2);
    background: -ms-linear-gradient(#ffffff, #f2f2f2);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
    background: -webkit-linear-gradient(#ffffff, #f2f2f2);
    background: -o-linear-gradient(#ffffff, #f2f2f2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2')";
    background: linear-gradient(#ffffff, #f2f2f2);
    color: #000;
    overflow: hidden;
}
.info {
    background-color: #EEEEEE;
    border: 1px solid #DDDDDD;
    float: left;
    font-weight: bold;
    height: 530px;
    margin: 20px;
    position: relative;
    width: 560px;
}
.info > div {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 15px 5px;
}
.info > h2 {
    padding: 0 15px;
}
.info > canvas {
    margin-left: 15px;
    margin-bottom: 10px;
}
.info #url {
    width: 400px;
}
#dropArea {
    background-color: #DDDDDD;
    border: 3px dashed #000000;
    float: left;
    font-size: 48px;
    font-weight: bold;
    height: 530px;
    line-height: 530px;
    margin: 20px;
    position: relative;
    text-align: center;
    width: 300px;
}
#dropArea.hover {
    background-color: #CCCCCC;
}
#dropArea.uploading {
    background: #EEEEEE url(loading.gif) center 30% no-repeat;
}
#result .s, #result .f {
    font-size: 12px;
    margin-bottom: 10px;
    padding: 10px;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}
#result .s {
    background-color: #77fc9f;
}
#result .f {
    background-color: #fcc577;
}

.testobenvenuto .my-5{
  margin-bottom:1rem!important;
  margin-top:1rem!important;
}
#logone{
  margin:auto;
  width: 80%;
  opacity:0.2;
}
.settingpage{
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  text-align: left;
  margin-bottom:30px;
  /* padding: 30px 0px; */
}
.settingpage .titolodescrizione{
  /* margin-bottom: 20px; */
}
.settingpage .bottomform{

    height: auto;
    display: block;
    margin: 0;
    /* text-align: right; */
    width: auto;
    padding: 0;
}
.wrapmailoption{
  padding: 20px;
  display: flex;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  align-items: flex-start;
  border-bottom: 2px solid var(--invt_green);
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  background-color: #008c4524;
}
.wrapprofileoption{
  padding: 20px;
  display: flex;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  align-items: flex-start;
  border-bottom: 2px solid var(--invt_green);
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  background-color: #008c4524;
}
/* accordion */
.contaccordo{
  display:none;
}

.accordion:before{
  content: '\002B';
  color: var(--invt_green);
  font-weight: bold;
  float: left;
  margin-left: 5px;
  font-size: 25px;
  line-height: 40px;
  width:30px;
}

.active:before{
  content: "\2212";
}
.panel {
  /* padding: 0 18px; */
  display: none;
  /* background-color: white;
  overflow: hidden; */
}
.vedo{
  display: block;
}
.titolosezionefileupload{
  display: flex;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  align-items:center;
  border-bottom: 2px solid var(--invt_green);
  flex-direction: row;
  justify-content: flex-start;
}
.formcerca{
  width:100%;
}
.formcerca select{
  width: 100%;
}
.formcerca table th{
  color:var(--invt_green);
  font-size:14px;
  padding:0 0 10px 0;
  text-transform: uppercase;
  font-family:"Montserrat", Sans-serif!important;

}

.risultati th{
  color:var(--invt_green);
  font-size:14px;
  padding:0 0 10px 0;
  text-transform: uppercase;
  font-family:"Montserrat", Sans-serif!important;


}
.rigaintesta{
  border-bottom: 1px solid var(--invt_green);
}
.risultariga{

  text-align: left;
}
.risultariga td{
    padding:20px 0;
    border-bottom: 0.5px solid #d3d3d3;
}
.noteaggiuntiveviaggio .areatesto{
  text-align: justify;
}
.bigdocument{
  width:100%!important;
}
.pulspan{

 position:absolute;
   width:100%;
   height:100%;
   left:0;
   top:0;
   z-index:1;
}