html{height: 100%;}
body{height: 100%;font-family:Helvetica, sans-serif;}
.cover{height: 100%;  background:#30353c;position: relative;z-index: 0;color:#30353c;}
.codigos-div-hidden{display: none;}
.codigos-top {clear: both;width: 100%; background: #30353c;color: #fff;text-align: center;}
.codigos-top a{font-size:14px;float:right;color: white;}
#tops {width:800px;display:inline-block;}
#tops h1{float:left;}
#tops a{float:right;line-height:5;margin: 10px;}
#tops h3{display: flex;float: right;margin: 8px;margin-right:-75px;}
.codigos-container { width: 100%;}
.codigos-container-nav{width:50%;display: table-cell; clear: both;}
.codigos-container-50{width: 50%;display: table-cell;clear: both;padding: 10px;}
.codigos-content-60{display: table;width:70%;}
.codigos-container-body{width:100%;display: table-cell;  }
.codigos-body-100{display: table;width: 100%;}
.codigos-body-60{width:60%;display: table-cell;}
.codigos-body-50{width:50%;display: table-cell;}
.codigos-body-40{width:40%;display: table-cell; }
.codigos-body-30{width:33.33%;display:inline-block;}
.codigos-body-20{width: 20%;display: table-cell;}
.codigos-body-10{width: 10%;display: table-cell;}

.codigos-body-content{line-height: 1.5;text-align: left;margin-left: 20px;}
.codigos-card{
    /*display:grid;*/
    padding:10px;
    background: white;
    border-radius:10px; 
  margin: 10px;
  line-height: 2;

}
.codigos-card input{
    text-align: center;
    width: 80%;
}

.codigos-card:hover{
    /*display:grid;*/
    padding:10px;
    border-radius:10px;
    margin: 10px;
    line-height: 2;
}

.ber{
    position:relative;
    background:transparent;
    border: 1px solid #ffe057;
    padding: 5px;
    color: white;
    width: 200px;
  }
  .middle {
    transition: .5s ease;
    opacity: 0;
    position: relative;
    text-align: center;
    }
    .ber:hover .div {
    opacity: 0.3;
    
  }
  
  .ber:hover .middle {
    opacity: 1;
  
    
  }
.content{
    
    border-radius: 10px;
    min-height: 400px;
    padding: 10px;

}   

.contentW{
    padding: 15px;
} 
.menu_item{
    padding: 5px;
    color: #3d4956;
}
.menu_item ul{
    margin: 10px;
    padding: 0px;
  }
.menu_item ul li{
    font-size: 18px;
    list-style: none;
    display: inline-flex;
    margin: 20px;
    padding: 0px;
  }
a{text-decoration: none;}
#dos{color:white;font-size:40px;}
.container{
    width: 1200px;
    z-index: 100;
    position: relative;
  }

#ener{padding: 10px;width: 90%; }
#fx{text-align:right;}


input[type=text] {
    background-color: transparent;
    padding: 5px;
    color: #000;
    font-size: 16px;
    border-width: 10px;
    border-style: none;
    border-color: none;
    border-image: none;
    z-index: 1;
    clear:both;
    outline: none;
}
 

input[type=text]:focus {
    border-bottom-style: none;
    border-bottom-color: none;
    border-width: none;
    border-style: none;
    border-color: none;
    border-image: initial;
    outline: none;
}
h4{
    font-size: 1.5rem;
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}
h5{
    font-size: 1.25rem;
}
h6{
    font-size: 1rem;
}
input[type=date] {
    background: transparent;
    padding: 1px;
    color: #000;
    font-size: 16px;
    border-width: 0px;
    border-style: none;
    border-color: initial;
    border-image: initial;
    z-index: 100;
}
#potenzaAzienda input{width: 40%;background:#ffe057;padding:10px;border-radius: 3px;border: none;-webkit-appearance: none;}
.middle input{
    width: 50%;
    border: none;
    -webkit-appearance: none;
}
#result {
    position: absolute;
    width: 100%;
    max-width:870px;
    cursor: pointer;
    overflow-y: auto;
    max-height: 400px;
    box-sizing: border-box;
    z-index: 1001;
   }
   .link-class:hover{
    background-color:#f1f1f1;
   }
.box{
    background-color: #3CBC8D;
    width: 300px;
    border-radius: 10px;
    padding: 16px;
    margin: 2px;
    font-size: 25px;
    font-style: italic;
    color: #ffffff;
    text-align: center;
}
.codigos-box-bid{background:white;padding:20px ;height:auto;border-radius:15px;width:90%;margin-bottom:25px;}


  .blue {
    background-color: #fff;
    border: 5px solid #3498db;  
  }
  .hide{
      visibility: hidden;
  }
  
.select-style{border: 1px solid #fff;width: 200px;border-radius: 3px;overflow: hidden;background: #fff;padding: 7px; -webkit-appearance: none;border-bottom-color:gold;border-bottom-width: 1px;display:grid;}
.select-style-periodo{border:none;padding:10px;border-bottom:2px solid #ffe057;}
.select-style-price {
    border: 1px solid #fff;
    width: 400px;
    border-radius: 3px;
    overflow: hidden;
    background: #ffe057;
    padding: 15px
}
.select-style select{
padding: 5px 10px;
    width: 120px;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}

.select-style select:focus {
    outline: none;
}
 /*---Bottonni ----*/
  .btn-blu{
      background: transparent;
      border-color: #ffffff;
      padding: 10px 20px;
      color: #fff;
  }
  .btn-black{
    background: transparen;
    border-color: #ddd;
    padding: 10px 20px;
    color: #ddd;
}
.btn-ye{
    background: transparent;
    border-color: #ffffff;
    padding: 15px;
    color: #fff;
}   
.btn-ye:hover{
    background:transparent;
    border-color: #ffe057;
    color: #ffe057;
     padding: 15px;
}

.btn-bid{
    background: transparent;
    border-color: #ffffff;
    padding: 5px 20px;
    color: #fff;
}
.btn-sub{
    padding: 20px 60px;
    background: transparent;
    color:#ffe057;
    text-shadow: rgba(0, 0, 0, 0.2);
    font-size: 20px;
    border: 2px solid #ffe057;
}
.btn-sub:hover{
    padding: 20px 60px;
    background: rgba(0, 0, 0, 0.63);
    color:white;
    text-shadow: rgba(0, 0, 0, 0.2);
    font-size: 22px;
}

.btn-100{
    width:50%;
    padding: 30px;
    background: transparent;
    border:2px solid #ffe057;
    color: white;
    border-radius: 15px;
}
.btn-100 a{
    color:#ffe057;
}

  .panel-blu{
      background:  #0b284d;
      border-color: #ddd;
  }
  

  
  .fadeInDown {
    animation-name: fadeInDown;
  }
  .box2{
      padding:2px;
      border: 1px solid #ddd;
  }
  .box-costi{
    border-radius: 17px;
    box-shadow: 0px 2px 2px 2px #ffe057;
    text-align: center;
    padding: 8px;
    width: 60%;
    
  } 
 
  .codigos-text-caption{
    text-align: left;
    padding: 5px;

   }
   .codigos-text-caption p{
       line-height: 0.50rem;
   }   
   .codigos-text-caption .pMaggiore{line-height:.9em}
.codigos-body-yellow {background: #ffe057;padding: 10px;height: auto;text-align: left;line-height: 2;font-size: 1.25em;}
.codigos-body-yellow input{margin-left: 20px;float: right;line-height:2;}
.codigos-men-brand p{margin: 0px;}
#btn-stampa{border:none;background: white;padding:0px 10px;color:#30353c;}
#btn-pdf{border:none;background: white;padding:0px 10px;color:#30353c;}
#green{text-align:left;}

.footer{z-index: 100;padding: 20px 0px;left: 0;bottom: 0;width: 100%;background-color: transparent;color: white;text-align: center;}
.men-footer{padding: 5px;z-index: 100;position: relative;color:#cccbcbab;font-size: 14px;}
.men-footer i{border: 1px solid #6b6b6999;padding: 2px 6px;cursor: pointer;float: right;position: relative;margin: 5px;color:#66696f;}
.men-footer i:hover{border: 1px solid #ffe05799;padding: 2px 6px;cursor: pointer;position: relative;color:#ffe057;}

.footer-brand{
    text-align: left;
    margin-left: 20px;
    line-height: 2;
    font-size: 1.5em;
}

.cover-ben{
    background: #fff
}
#sel-buttons{
    background: #0f2c4a;
    height:auto;
}

.card-box{
    background: #ddd;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

/*--form --*/
.form-box{
    width: 800px;
    background: #c2c1c663;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 2.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.form-box-y{
    width: 800px;
    background: #ffe05799;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
 #consumo-box{
    display:inline-block;
  width: 80%;

}
.input-40{
    margin:1px;width:40px;background:white;border-radius:5px;
}
.codigos-body-caption{display: inline-flex;}
.codigos-body-caption input{width: 100px;margin: 0px 10px;background:#ffe057;}
.codigos-caption-price{width: 50%;}

.codigos-price{
    width: 50%;
    text-align: center;
    padding: 25px;
    background: #FFE058;
    border: 2px solid white;
    font-size: 20px;

  }

.codigos-box-search{width:50%;} 

.codigos-box-service{height: 500px;  }
.codigos-box-service-item{padding: 40px 0px 0px 0px;}
.codigos-item-bottom{
    padding: 200px 0px 0px 0px;
    font-size:45px;
    color: #ffe057;
}
.codigos-item-top{
    padding:0px 0px 160px 0px;
    font-size:45px;
    color:#ffe057;
}
hr{height:1px;background: #ddd;border: none;}

 #boxSearch{
    padding: 10px;
    border-radius: 0px 0px 15px 15px;   
 }
 #boxBid{
    background: white;
    padding: 10px;
    border-radius: 15px;
    width: 80%;
 }
 .box-infoBid{
    text-align: left;
    padding: 0px 50px;
 }
 .codigos-box-item{
    border: 1px solid #ffe057;
    border-radius: 10px;

 }

.box-social{width: 50%; padding: 5px;border-radius: 10px;border: 2px solid #e6e3e3;background: white;}
.box-social-title{font-size: 18px;text-shadow: 1px 1px #ddd;}
.box-social-caption{padding:5px;color:#ffe057;}


.price-input{
    width:40%;
}
#wattPrice{
    display:none;
}
.coddigos-price-items{
    display:table;
    width:100%;
}
.codigos-price-right{
    width: 40%;
    display: table-cell;
}
.codigos-price-left{
    width: 60%;
    display: table-cell;
}
.codigos-card-to{
    display: grid;
   
    background: white;
    border-radius: 10px;
  
    line-height: 2;
}
.codigos-card-watt{
    background: white;
    padding: 5px;
    border-radius: 15px;
    width: 80%;
}
.watt-item{
    padding:5px;
}

    
 #press{
     background: #ddd;
 }
.marginBig{
    margin-top: 10px;
}

#leadProfile{
    border-radius: 10px;
    background: white;

}
 
#input-leadProfile{
    background: #ffe0572e;
}
#input-leadProfile:focus{
    border-bottom: 2px solid #ffe057;
    border: 0px dotted #999;
}
/*--------
panello di bottones
------*/
#selectTipo{
    margin-bottom: 0px;
}


.cardbox{
    background: #999;
    text-align: center!important;
    position: absolute;
    padding: 15px;
    color:#ffe057;
   
}

#brand{
    background: 1px solid #d0d0d0;
}
.copy{
    font-style: italic;
}

.codigos-compare{
      padding: 5px;
      text-shadow:1px 0px rgb(161, 161, 161);
      margin-bottom: 10px;
  }
  /*_____________ATECO BOX _________________*/
.box-Ateco{width:80%;padding:10px;margin-bottom: 15px;}
.quare{float:left;width:150px;font-size:22px;line-height:2;background:#ffe057;margin:2px;}
#atex{text-align:left;text-align:left;padding:3px; margin-left: 350px;}
#atex p{margin:0 auto;padding:5px;}
#codiceAteco{background: #ffe057;color: #000;text-shadow: 0px 1px#73787c;line-height: 2;display:inline-block;margin:2px;}
#codiceAteco i{background:white;padding:10px 20px;border-radius:10px;}
#input-ateco{width:20px;background:white;border-radius:1px;}   
#resultato{max-height:400px;overflow: auto;}
#tableAteco{width:90%;text-align:left;margin-left:20px;}
#tableAteco td{padding:2px;}
#tableAteco tr:hover{background:#ddd;padding:2px;}
#td-100{width:100px;}
#cercaAteco{font-size:24px;border: 2px solid #ffe057;padding:10px;}
#cercaAteco input{width:250px;}
.btn-atecoSearch{border:1px solid #ffffff; background:transparent;margin:2px 10px;padding:5px;float:left;}
.btn-atecoSearch img{margin-top:5px;}
#codie{display:none;}
/*______________Modal___________________*/
.modal {display: none; position: fixed; z-index: 1;padding-top: 100px; left: 0;top: 0;width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }
.modal-content {background-color: #fefefe;margin: auto;padding: 40px;border: 1px solid #888;width: 50%;text-align:center;}
.close {color: #aaaaaa;float: right;font-size: 28px; font-weight: bold}
.close:hover, .close:focus {color: #000;text-decoration: none;cursor: pointer;}



#impo{
  
    padding: 5px;
    transition: width 0.4s ease-in-out;
    width: 100px;
    text-align:center;
}
#impo-btn {
    background: #ffe057;
    border: none;
    border-radius: 17px;
    padding: 6px 8px;
    margin-right: -6px;
}
#impo-btn:disabled{
    background: #cacaca;
}
#impo-span{
    border-radius: 5vh;
    width: 80%;
    margin: auto;
    border: 1px solid #cacaca;
    height: 5vh !important;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-evenly;
}
#CBN>label{line-height: 3;}
.codigos-men-brand{
    text-align: left;
    margin-left:20px;
    font-size: 1em;
    line-height: 1;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
  #overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}
#text{
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 18px;
    color: white;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}
.form-login{width:400px;background:#3a3f46;padding: 80px 0px 80px 0px;border-radius: 15px;color:#000;display:table;}
.form-login h3{font-size:24px;color:white;font-size:28px;}
.form-login input[type=text]{display:table-cell;width: 70%;padding: 10px 10px 10px 10px;background: #ddd;font-size: 16px;}
.form-login input[type=password]{display:table-cell;width: 70%;padding: 10px 10px 10px 10px;background: #ddd;font-size: 16px;border:none;}
.form-login p{width: 70%;text-align: left;}
.form-close{position: absolute;top: 10px;right: 10px;}
.form-login-buttons input{background:#ffe057;width:200px;padding:15px;margin-bottom:20px;color:#30353c;border:none;}
.form-close a{color:white;}
.form-login-footer{font-style:italic;color:#595a5a;}

#consumo{display:table;padding:20px;}
.input-cod{width:40%;text-align:center;}
.consumoEnergia{width:30%;display:table-cell;}
.consumoEnergia input{background:#ffe057;padding:10px;border-radius:4px;-weblit-appaerance: none;border:none;}
#cod{text-align:center;}

/*--------------------------s4 -------------*/

.btn-service{background: rgba(68,68,68,0.41);width: 200px;padding: 15px 25px;color: #fff;margin:5px;border:none;}
.btn-service:hover{background: rgba(68,68,68,0.41);border-color: #ffe057;width: 200px;padding: 15px 25px;color: #fff;}
.btn-service a{color:#ffe057;font-size:22px;}


.btn-green{
    padding:20px;
    background: #44b644;
    color:white;
    border:none;
    margin-top:50px;
}

/*---------------------------------------------------*/
#comparaBolletta{height:22vh}
#comparaBolletta>h5{margin: 10px;font-weight: 500;}
#CBN>div:nth-child(1){
    width: 100%;
    height: 8vh;
    display: flex;
    align-items: center;
    justify-content: space-evenly;}
#CBN>div:nth-child(2){
    display: -webkit-flex;
    flex-direction: column;
    width: 100%;
    height: 8vh;
    align-items: center;
    justify-content: center
}  
#CBN>div:nth-child(2)>span{height: 2.3vh;
    display: flex;
    align-items: center;
    width: 90%;
    width: 65%;
    justify-content: flex-end;
}
.icons{
    color: #ffe057;
    text-shadow: 1px 0px #ddd;
    border: 1px solid gold;
    border-radius: 50%;
    padding: 10px;
width: 25px;
} 
.euroIcon{margin-inline-end: 5px;margin-inline-start: 25px}
.but{
    text-shadow: 1px 0px rgb(161, 161, 161);
    font-size:25px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

#roca{
border: 1px solid #ffe057;
border-radius: 10px;
background: #ffe057;
display:none;
}

#classeContatore{text-align:left;}

.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/*--- accordion */
.box-accordion{width:90%;}
.codigos-accordion{padding:5px;}
.codigos-accordion-content {display: none;}
.codigos-accordion-toggle{cursor: pointer;margin: 0;padding: 10px 0;position: relative;display: table;text-align: left;width: 100%;}
.codigos-accordion-toggle:hover{color:#30353c;font-weight: 600;}
.codigos-accordion-title{width:80%;display: table-cell;padding: 0px 10px;}
.codigos-accordion-caption{width:20%;display: table-cell;text-align:right;padding: 0px 10px;}


/*------tipo di consumo----*/
.codigos-button-group{display: inline-flex;padding:5px;text-align: center;margin:0 auto;}
.codigos-button-group input{width:200px;padding:10px;border:none;background:white;color:#30353c;margin:2px;border:1px solid #ffe057;}
.codigos-button-group button{width:150px;margin:2px;}
#p-italic{font-style: italic;}

/*----checkbox-------*/
.check-container {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.check-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.check-container p{font-size:14px;text-align:left;margin-left:40px;}
.checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #eee;}
.check-container:hover input ~ .checkmark {background-color: #ccc;}
.check-container input:checked ~ .checkmark {background-color: #ffe057;}
.checkmark:after {content: "";position: absolute;display: none;}
.check-container input:checked ~ .checkmark:after {display: block;}
.check-container .checkmark:after {left: 9px;top: 5px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.codigos-price-items{padding:0px 30px; line-height: 1.5;}
#conCos{width:100px;background: #ffe057;padding: 11px;float: left;font-size:16px; height: 22px;}
#priceBid{    line-height: 2;
    font-size: 22px;
    height: 22px;
text-align:left;
margin-left:10px;}
#label{border-bottom: 2px solid #ffe057;}
#label-two{
    font-size: 28px;
    background: #ffe057;
    color: #30353c;
    text-shadow: 1px 0px #fff;
    font-weight: 600;
    padding:5px;
    border-radius: 8px 8px 0px 0px;
}
/* -------- icon -----------*/
.icon-a{width:14px;}
.icon-b{width:18px;}
.icon-c{width:22px;}

/*----------------------------*/

/*--- media per i tablet --*/
@media (max-width: 998px){
    #selectTipo{width:70%;}
    
    .codigos-content-60{
width:90%;
font-size:12px;
    
    }
    #ener{
padding:0px;
    }
    }
    
    
 /*--------------------- media per smartphone ----------------------*/
    @media (max-width: 800px){
#selectTipo{width:80%;}
.codigos-container-50{width:650px;height:auto;}
.codigos-content-60{width: 95%;font-size:12px;}
.codigos-box-service{height:800px;}
.codigos-box-service-item {padding: 100px 0px 0px 0px;}
.codigos-top-50{width:700px;}
.btn-service{width: 250px;padding: 25px 45px;}
.form-login{width: 500px;margin-top: 100px;}
#tops{width:600px;display: inline-block;}
.form-box{width:90%;}
.form-box-y{width:90%;}
.select-style-price{width:250px;}
h3{margin:5px;}
#potenzaAzienda input{font-size:12px;}
    }   
    
   
    
    /*--------- --media per smartphone ----------------------------*/
    
@media only screen and (min-width: 380px) and (max-height: 844px) {
body{margin: 0 !important;}
.form-login{width: 360px !important;}
.codigos-top{width:390px !important;}
#tops{width:380px !important;}
#tops h1{margin-left: 10px;}
#tops a{line-height:3.7;}
h1{font-size: 1.5rem;}
.codigos-button-group button{width: 100px;}
.form-box{width:90%;}
.form-box-y{width:90%;}
.codigos-body-60{width: 90%;display: table-row;}
.codigos-body-50{width:90%;display:block}
.codigos-body-40{width:90%;}
.codigos-body-30{width:100%;display:inline-block;}
.codigos-body-20{width: 20%;display: table-cell;font-size: 14px;padding:10px;}
}

@media (max-width: 425px){
.cover{width:100%;}
.codigos-top h1{font-size: 22px;}
.codigos-top-50{width:100%;}
.codigos-container{width:100%;}
.codigos-container-50{width:90%;height:auto;}
.codigos-content-60{width:90%;font-size:12px;}
#codigos-simulatori{display: block;height:500px;}
.form-box{width:90%;}
.form-box-y{width:90%;}
#ener{padding:0px;}
#ener, th{text-align: left;}
#ener, td{text-align: left;}
#selectTipo{width:100%;font-size:14px;}
.box-costi{width:80%;}
#codiceAteco{display:table-cell;}

.codigos-body-60{width: 100%;display: table-row;}
.codigos-body-50{width:100%;display:block}
.codigos-body-40{width:90%;}
.codigos-body-30{width:100%;display:inline-block;}
.codigos-body-20{width: 20%;display: table-cell;font-size: 14px;padding:10px;}

.men-footer{width:90%;}
.footer-brand{line-height: 2;font-size: 1em;}

.cover-ben{background:white;margin-top: -5px;}
.codigos-body-yellow i {margin-left: 5px;float: right;}
.codigos-body-caption{display: table-caption;font-size:12px;}
.codigos-box-search{width: 70%;}
.codigos-box-search input {width: 50%;}
.codigos-box-item input{width: 80%;}
#consumo-box{width: 280px;}
.codigos-card-watt{background: white;padding: 5px;border-radius: 15px;width: 100%;}
.btn-100{width:80%;padding: 30px;background: transparent;border:2px solid #ffe057;color: white;border-radius: 15px;}
.btn-100 a{color:#ffe057;}
.codigos-item-bottom{padding: 80px 0px 0px 0px;font-size:34px;color: #ffe057;}
.codigos-box-service{height: 400px;width: 80%;}
.codigos-item-top{font-size:34px;}
.consumoEnergia input{padding:5px;font-size:16px;}
.consumoEnergia span{font-size:14px;}
#consumo{padding:0px;}
.select-style-price{width:250px;}
.codigos-box-bid{padding:10px;}
.codigos-button-group{padding:0}
.codigos-button-group input{width:80px;padding:5px;font-size:12px;}
.codigos-button-group button{width:100px;margin:2px;}
.btn-ye{padding:10px;}
.btn-ye:hover{padding:10px;}
.box-ateco{width:80%;}
.quare{width:130px;font-size:16px;}
#atex{margin-left:0px;}
.form-login{width:300px;margin-top:50px;}
#inputs-login{width: 70%;margin-left: -20px;}
.form-login input[type=password]{width:100%}
.form-login input[type=text]{width:100%}
#tops {width:80%;display:inline-block;}
#tops h1{float:left;}
#tops a{float:right;line-height:4;}
.codigos-box-service{height:400px;}
.codigos-box-service-item {padding: 40px 0px 0px 0px;}
.btn-service{background: #adadad17;width: 200px;padding: 15px 25px;color: #fff;margin: 5px;border: none;}
#conCos{padding:9px;}
#priceBid{font-size:20px;}
#green{display: none;}
#tops h3{display:inline-flex;float:right;font-size:16px;margin:0px;margin-right: 50px;}
.modal-content{width:90%;padding:10px;  }
#datiTecnici{display:none;}
}
#tops a{float:right;margin:4px;}
@media print{
    @page { size:16in 12in;  }
    
#comparaBolletta{display:none;} 
    .cover{text-align:center;}
}

.gasUsi{padding:10px;display: flex;}
.gasUsi span{width: 50%;line-height: 2;color:white;}

.gasUsi span input{width: 99%;line-height: 3;border:none;text-transform: capitalize;background: white;}
.gasUsi span:nth-child(1) input{border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.gasUsi span:nth-child(2) input{border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
#sceltaUsi{display: none;}
.avt{background: #ffe057 !important;}
.activeService{border: .1rem solid gold;animation: pulse 3s linear infinite;color:#ffe057;}

@keyframes pulse{
    0%{box-shadow: 0 0 0 .5px #f1d12769;}
    25%{box-shadow: 0 0 0 1px #ffd700b5;}
    50%{box-shadow: 0 0 0 1.5px #ffe057;}
    75%{box-shadow: 0 0 0 1px #ffd700cc;}
    100%{box-shadow: 0 0 0 .5px #ffd70042;}
}

.cbBtnConsumo{display: flex;}

.codigos-nav{width: 90%;display: -webkit-flex;justify-content: space-between;}
.codigos-nav button{width: 33%;line-height: 2;}
#consumo{display: -webkit-flex;justify-content: space-around;align-items: center;}
.consumoEnergia p{margin:0;}
.codigos-button-group-consumo{display:-webkit-flex;justify-content: center;}
.codigos-button-group-consumo>input{border:1px solid #ffe057;background:#ffe057;margin-inline-end: 2px;width: 30%;line-height: 2.5;}
.codigos-button-group-consumo input:nth-child(1){border-top-left-radius:10px;border-bottom-left-radius:10px;}
.codigos-button-group-consumo input:nth-child(3){border-top-right-radius:10px;border-bottom-right-radius:10px;}