/*================================================
generale
=================================================*/

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');
*{font-family: 'Lato', sans-serif;}

/*================================================
slider
=================================================*/

.loginpage{height: 100%;width: 100%;}
#carouselfade img{object-fit: cover; height: 100%;}
.opacita{
	position: absolute;
	top: 0; 
	left: 0;
	right: 0;
	bottom: 0; 
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(top, rgba(28,28,28,0) 0%, rgba(19,19,19,1) 100%);
	background: -webkit-linear-gradient(top, rgba(28,28,28,0) 0%,rgba(19,19,19,1) 100%);
	background: linear-gradient(to bottom, rgba(28,28,28,0) 0%,rgba(19,19,19,1) 100%);
}
.carousel-inner {height: 100%;}  

/*================================================
corpo
=================================================*/

.corpo-testo{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}
.etichetta-protetto{text-align: right;margin-top: 2%;}
.etichetta-protetto img{width: 10%;}
.etichetta-protetto p{margin-bottom: 0;font-size: .7rem;font-weight: 600;}
.corpo-centrale .partner{margin-bottom: 5%;text-align: center;}
.corpo-centrale .partner img:nth-child(2){width: 40%;margin-top: 3%;}
.corpo-centrale .box-coupon h3 {color: #303030;margin-bottom: 0;font-weight: 400;}
.corpo-centrale .box-coupon p{color: #707070;}
.corpo-centrale .box-coupon .cubo , .check-officina .controlli, .boxfine{
	background-color: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 0 0 3px 3px;
    padding: 25px 28px;
    margin-bottom: 3%;
}
.check-officina h3{font-weight: 400;color: #e22130;}
.corpo-centrale .access{text-align: right;}
.corpo-centrale .btn-success{
	background: #5a9400;
    border: solid 1px #5a9400;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    min-width: 23%;
    padding: 15px 30px;
    font-weight: 500;
}
.corpo-centrale .btn-success:hover{background: #4c7d00;border: solid 1px #4c7d00;}
.corpo-centrale .check-officina .col-lg-6 label{text-transform: uppercase;}
.corpo-centrale .check-officina .btn-success{border-color: #28b81c;background: #28b81c;}
.corpo-centrale .check-officina .btn-success:hover{background-color: green;border-color: green;}
/*.corpo-centrale .check-officina .access .btn-success:nth-child(1){border-color: black; background: transparent; color: black; border-radius: 50px;}
.corpo-centrale .check-officina .access .btn-success:nth-child(1):hover{border-color: black; background: black; color: white;}*/
.corpo-centrale .check-officina .access .btn-success:nth-child(1):focus{box-shadow:none;}
.corpo-centrale .check-officina .access{display: flex; align-items: center; justify-content: flex-end;}
.footer-bottom{text-align: right;}

/*================================================
input default
=================================================*/

.corpo-centrale .form-group{
    padding: 6px;
    cursor: text;
    background-color: #fff;
    border: 1px solid #909090;
    border-radius: 3px;
    margin-bottom: 2%;
}
.corpo-centrale .form-group input, .corpo-centrale .form-group textarea{
    width: 100%;
    border: unset;
    padding: 0;
    height: 25px;
    font-weight: 700;
    color: #444444;
    background: transparent;
}
.corpo-centrale .form-group.dati-cliente{background-color: #eaeaea;cursor: not-allowed;}
.corpo-centrale .form-group textarea{height: 115px;}
.corpo-centrale .form-group input::placeholder, .corpo-centrale .form-group textarea::placeholder{color: #cacaca;}
.corpo-centrale .form-control:focus{box-shadow:none;}
.corpo-centrale .form-group label {
    margin-bottom: 0;
    font-weight: 400;
    cursor: text;
    font-size: 12px;
    text-transform: uppercase;
    width: 100%;
    display: block;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number]{-moz-appearance: textfield;}
.has-error {color: #a94442;border-color: #a94442 !important;background-color: #f2dede !important;}

/*================================================
checkbox default
=================================================*/

.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    margin-bottom: 1%;
}
input[type="checkbox"] {cursor: pointer;}
.custom-control-input:not(:checked) ~ .custom-control-label::before {border-color: #ced4da;background-color: white;}
.custom-control-input:checked ~ .custom-control-label::before {border-color: #013F56;background-color: #013F56;}

/*================================================
post click
=================================================*/

.loginpage .col-xl-12 .etichetta-protetto img{width: 5%;}
.loginpage .col-xl-12 .corpo-centrale .partner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2%;
}
.loginpage .col-xl-12 .corpo-centrale .partner img:nth-child(1) {width: 40%;}
.loginpage .col-xl-12 .corpo-centrale .partner img:nth-child(2) {width: 20%;margin-top: 0;}
.popover-body {color: #a94442 !important;}
.popover {border: 1px solid #a94442 !important;}
.bs-popover-bottom>.arrow::before {border-bottom-color: #a94442 !important;}
.chk-err::before{border-color: #fc0d1b !important; box-shadow: 0 0 0 0.2rem rgb(255 0 0 / 25%);}
#salvataggio .modal-footer{display: flex; align-items: center; justify-content: space-between;}
#salvataggio .btn-success{border-color: #28b81c;background: #28b81c;}
#salvataggio .btn-success:hover{background-color: green;border-color: green;}

/*================================================
check finale
=================================================*/

.cerchio-check{
    width: 150px;
    height: 150px;
    position: relative;
    border-radius: 50%;
    background: #28b81c;
    margin: 3% auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.draw-check{
    border-right: 15px solid white;
    border-top: 15px solid white;
    height: 75px;
    width: 37.5px;
    margin-top: -10%;
    transform: scaleX(-1) rotate(135deg);
    animation: checkmark 1s ease forwards;
    animation-delay: 100ms;
}
@keyframes checkmark {
  0% {height: 0;width: 0;opacity: 1;}
  20% {height: 0;width: 37.5px;opacity: 1;}
  40% {height: 75px;width: 37.5px;opacity: 1;}
  100% {height: 75px;width: 37.5px;opacity: 1;}
}
.boxfine{text-align: center;}
.boxfine p{margin-bottom: 0;}
.boxfine h3{color: green;}
.fine-controlli .btn-success{border-color: #28b81c;background: #28b81c; border-radius: 50px;}
.fine-controlli .btn-success:hover{background-color: green;border-color: green;}
.scarica-modulo-officina{text-align: center;}
.protetto-res{display: none;}
.boxfinedati{   
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1%;
    flex-direction: column;
    font-size: 1.2rem;
}
.boxfinedati p:first-child{font-size: 2rem;}
.footer-margin p{margin-bottom: .5rem;}

/*================================================
responsive
=================================================*/

@media screen and (max-width: 1909px){
    .box-coupon .cubo h3 span{display: block;}
}
@media screen and (max-width: 1300px){
    .box-coupon .cubo h3{margin-bottom: .3rem;font-size: 1.5rem;}
}
@media screen and (max-width: 1230px){
    .corpo-centrale .box-coupon p{font-size: .9rem;}
}
@media screen and (max-width: 1199px){
    .box-coupon .cubo h3 span{display: inline;}
    .check-officina h3{font-size: 1.5rem;}
    .corpo-centrale .check-officina .col-lg-6 label{font-size: .8rem;}
    .custom-control {margin-bottom: 2%;}
}
@media screen and (max-width: 1130px){
    .box-coupon .cubo h3 span{display: block;}
}
@media screen and (max-width: 991px){
    .corpo-centrale .form-group{margin-bottom: 3%;}
    .corpo-centrale .box-coupon .cubo{padding: 15px;}
    .check-officina{margin-bottom: 5%;}
}
@media screen and (max-width: 800px){
    .box-coupon .cubo h3{font-size: 1.3rem;}
}
@media screen and (max-width: 790px){
    .footer-bottom p{font-size: .9rem;}
}
@media screen and (max-width: 767px){
    .boxfinedati{flex-direction: column;}
    .corpo-centrale .check-officina .access{flex-direction: column;}
    .corpo-centrale .check-officina .access button:nth-child(1){margin-bottom: 1rem;}
    .corpo-centrale .fine .success {font-size: 1.3rem;}
    .loginpage{margin: 0;width: unset;}
    .cerchio-check {margin: 5% auto;}
    .loginpage .col-xl-8{padding: 0;}
    .boxfine h3 {font-size: 1.3rem;}
    .loginpage .col-xl-4.first{position: absolute; top: 50%;left: 50%;background: rgba(255,255,255,.9); z-index: 2;width: 80%;transform: translate(-50%,-50%);border-radius: 5px;}
    .corpo-centrale .btn-success{width: 100%;}
    .footer-bottom{font-size: 1rem;margin-top: 5%;text-align: center;}
    .corpo-centrale .box-coupon .cubo{background-color: transparent;}
    .loginpage .col-xl-12 .corpo-centrale .partner, .corpo-centrale .partner{margin-bottom: 3%;}
    .loginpage .col-xl-12 .corpo-centrale .partner img:nth-child(1){width: 60%;}
    .loginpage .col-xl-12 .corpo-centrale .partner img:nth-child(2){width: 30%;}
    .loginpage .col-xl-12 .etichetta-protetto img{width: 10%;}
    .etichetta-protetto{margin-bottom: 5%;}
    .box-coupon .cubo h3 span{display: inline;}
}
@media screen and (max-width: 600px){
    .box-coupon .cubo h3 span{display: block;}
}
@media screen and (max-width: 575px){
    .etichetta-protetto{display: none;}
    .corpo-centrale .partner{margin-top: 5%; margin-bottom: 0;}
    .protetto-res{display: block; margin-bottom: 3%; margin-top: 1%;}
    .boxfine h3{font-size: 1.1rem;}
    .draw-check{border-right: 10px solid white;border-top: 10px solid white;height: 60px;width: 30px;}
    @keyframes checkmark {
      0% {height: 0;width: 0;opacity: 1;}
      20% {height: 0;width: 30px;opacity: 1;}
      40% {height: 60px;width: 30px;opacity: 1;}
      100% {height: 60px;width: 30px;opacity: 1;}
    }
    .cerchio-check{width: 100px; height: 100px;}
    .fine-controlli .btn-success{padding: 15px; font-size: .9rem;}
    .loginpage .col-xl-12 .corpo-centrale .partner img:nth-child(2){width: 40%;}
    .loginpage .col-xl-12 .corpo-centrale .partner img:nth-child(1){width: 100%; margin-bottom: 1rem;}
    .loginpage .col-xl-12 .corpo-centrale .partner{flex-direction: column;margin-bottom: 0;}
    .etichetta-protetto p { font-size: .6rem;}
}
@media screen and (max-width: 500px){
    .boxfine h3 span{display: block;}
    .boxfine p{font-size: .9rem;}
    .corpo-centrale .box-coupon .cubo{border-color: transparent;padding: 0;}
    .footer-bottom p {font-size: .7rem;}
    .etichetta-protetto img { width: 15%;}
    .corpo-centrale .partner img:nth-child(2){width: 50%;}
    .check-officina h3 {font-size: 1.3rem;}
}
@media screen and (max-width: 450px){
    .fine-controlli .btn-success, .boxfine p{font-size: .8rem;}
}
@media screen and (max-width: 430px){
    .check-officina .controlli{padding: 25px 15px;}
}
@media screen and (max-width: 420px){
    .corpo-centrale .box-coupon p {font-size: .8rem;}
}
@media screen and (max-width: 405px){
    .fine-controlli .btn-success{padding: 15px 5px;}
}
@media screen and (max-width: 370px){
    .check-officina h3 {font-size: 1.1rem;}
}