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

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

.modal-header{display: flex; align-items: center;}

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

.loginpage{height: 100%;width: 100%;margin: 0;}
.loginpage .col-xl-8{padding: 0;}
#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
=================================================*/

.trigger-btn{display: none;}
.corpo-testo{
    animation: 2s ease;
	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 img{margin-bottom: 5%;}
.corpo-centrale .box-coupon h3 {color: #303030; margin-bottom: 0;font-weight: 400;}
.corpo-centrale .box-coupon h3 i{font-size: 1.1rem; cursor: pointer;}
.corpo-centrale .box-coupon p{color: #707070;}
.corpo-centrale .box-coupon .cubo, .corpo-centrale .dati-mancanti .cubo, .corpo-centrale .fine .cubo, .corpo-centrale .riepilogo .cubo{
	background-color: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 0 0 3px 3px;
    padding: 25px 28px;
    margin-bottom: 3%;
}
.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 .riepilogo .btn-success, .corpo-centrale .fine .btn-success{border-color: #28b81c;background: #28b81c;}
.corpo-centrale .fine .btn-success{border-radius: 50px; min-width: unset;}
.corpo-centrale .riepilogo .btn-success:hover, .corpo-centrale .fine .btn-success:hover{background-color: green;border-color: green;}
.corpo-centrale .fine .success{color: green;margin-bottom:.5rem;}
.footer-bottom{text-align: right;}
.corpo-centrale .red-box h2 {
    font-size: 2rem;
    color: white;
    margin-bottom: 0;
    font-weight: 300;
}
.corpo-centrale .red-box{
    background: rgb(226,4,31);
    background: linear-gradient(90deg, rgba(226,4,31,1) 0%, rgba(186,8,8,1) 100%);
    padding: 15px 30px;
    border-radius: 3px;
    margin-bottom: 1rem;
}
/*================================================
input default
=================================================*/

.corpo-centrale .dati-mancanti .form-group #targa{text-transform: uppercase;}
.corpo-centrale .form-group{
    padding: 6px;
    cursor: text;
    background-color: #fff;
    border: 1px solid #909090;
    border-radius: 3px;
    margin-bottom: 1rem;
}
.corpo-centrale .form-group select:focus-visible {
    outline: unset;
}
.corpo-centrale .form-group input, .corpo-centrale .form-group select{
    width: 100%;
    border: unset;
    padding: 0;
    height: 25px;
    font-weight: 700;
    color: #444444;
    background: transparent;
}
.corpo-centrale .form-control:focus{box-shadow:none;}
.corpo-centrale .form-group input::placeholder{color: #cacaca;}
.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;}

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

.loginpage .col-xl-12 .etichetta-protetto{margin-top: .5%;}
.loginpage .col-xl-12 .etichetta-protetto img{width: 3%;}
.loginpage .col-xl-12 .corpo-centrale img, .corpo-centrale .dati-mancanti .cubo, .corpo-centrale .riepilogo .cubo{margin-bottom: 1%;}
#nontrovato .modal-header{background: red; color: white;}
.btn-danger {background-color: #e22318; border-color:#e22318; color: #fff;font-size: 18px;}
.btn-danger:hover, .btn-danger:focus{background-color: #b41c13; border-color:#b41c13;}
#nontrovato .close{color: white;}
#nontrovato p{margin-bottom: .5rem;}
.dati-riepilogo h5{display: flex; justify-content: space-between; margin-bottom: 0;}
.dati-riepilogo{margin-bottom: 1%;}
.dati-riepilogo .cubo, .targa-riep h4{margin-bottom: 0;}
.loginpage .col-xl-12 .footer-bottom{text-align: center;}
.popover-body {color: #a94442 !important;}
.popover {border: 1px solid #a94442 !important;}
.bs-popover-bottom>.arrow::before {border-bottom-color: #a94442 !important;}
.fine .cubo{display: flex; align-items: center;}
.protetto-res{display: none;}
.istruzioni{color: #303030; font-size: 1.1rem;}

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

@media screen and (max-width: 1500px){
    .cubo h3{font-size: 1.5rem;}
    .corpo-centrale .fine .success {font-size: 1.2rem;}
}
@media screen and (max-width: 1380px){
    .fine h2{font-size: 1.7rem;}
}
@media screen and (max-width: 1280px){
    .cubo h3{font-size: 1.3rem;}
    .dati-mancanti p{font-size: .9rem;}
    .dati-riepilogo h5{font-size: 1rem;}
    .fine h2{font-size: 1.5rem;}
}
@media screen and (max-width: 1199px){
    .cubo h3{font-size: 1.75rem;}
    .loginpage .col-xl-12 .etichetta-protetto img {width: 5%;}
    .dati-mancanti p{font-size: 1rem;}
    .corpo-centrale .fine .success {font-size: 1.2rem;}
}
@media screen and (max-width: 1150px){
    .fine h2{font-size: 1.3rem;}
}
@media screen and (max-width: 1060px){
    .fine .cubo{text-align: center;}
    .fine h2 span{display: block;}
}
@media screen and (max-width: 991px){
    .fine h2 span{display: inline;}
    .corpo-centrale .red-box h2,.cubo h3{font-size: 1.5rem;}
    .corpo-centrale .box-coupon .cubo, .corpo-centrale .dati-mancanti .cubo, .corpo-centrale .fine .cubo{padding: 15px;}
    .fine h2{font-size: 1.5rem;}
    .fine .cubo {flex-direction: column;text-align: center;}
}
@media screen and (max-width: 800px){
    .cubo h3{font-size: 1.3rem;}
}
@media screen and (max-width: 767px){
    .istruzioni{font-size: 1rem;}
    .corpo-centrale .red-box{margin-bottom: 1%;}
    .loginpage .col-xl-12 .etichetta-protetto img {width: 8%;}
    .loginpage{margin: 0;width: unset;}
    .loginpage .col-xl-8{padding: 0;}
    .loginpage .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{margin-top: 5%;text-align: center;}
    .fine h2{font-size: 1.3rem;}
    .corpo-centrale .box-coupon .cubo, .corpo-centrale .dati-mancanti .cubo, .corpo-centrale .fine .cubo{background-color: transparent;}
}
@media screen and (max-width: 660px){
    .fine h2{font-size: 1.2rem;}
    .corpo-centrale .fine .success {font-size: 1.1rem;}
}
@media screen and (max-width: 600px){
    .fine h2{font-size: 1.3rem;}
    .fine h2 span{display: block;}
    .istruzioni{font-size: .9rem;}
}
@media screen and (max-width: 575px){
    .istruzioni br{display: none;}
    .dati-mancanti form .row:nth-child(2) .col-xl-3:last-child .form-group{margin-bottom: 0;}
    .corpo-centrale img.logo{margin-top: 5%;}
    .corpo-centrale img {margin-bottom: 0%;}
    .corpo-centrale .dati-mancanti .cubo{margin-bottom: 3%;}
    .loginpage .col-xl-12 .corpo-centrale img{margin-bottom: 0;}
    .etichetta-protetto{display: none;}
    .protetto-res{display: block; margin-bottom: 5%;}
    .loginpage .col-xl-12 .corpo-centrale .protetto-res{margin-bottom: 1%;}
    .corpo-centrale .riepilogo .btn-success{padding: 15px;}
    .etichetta-protetto p{font-size: .6rem;}
    .corpo-centrale .fine .success {font-weight: 700;}
    .corpo-centrale .fine .btn-success{padding: 15px;}
    .loginpage .col-xl-12 .corpo-centrale .fine img{margin-bottom: 5%;}
}
@media screen and (max-width: 520px){
    .corpo-centrale .fine .success {font-size: 1rem;}
}
@media screen and (max-width: 500px){
    .corpo-centrale .box-coupon .cubo, .corpo-centrale .dati-mancanti .cubo, .corpo-centrale .fine .cubo{border-color: transparent;padding: 0;}
    .footer-bottom p{font-size: .7rem;}
    .etichetta-protetto img{width: 15%;}
    .loginpage .col-xl-12 .etichetta-protetto img{width: 10%;}
}
@media screen and (max-width: 450px){
    .corpo-centrale .fine .success{font-size: .9rem;}
    .fine h2{font-size: 1.2rem;}
}
@media screen and (max-width: 415px){
    .dati-mancanti p{font-size: .9rem;}
    .corpo-centrale .fine .btn-success{font-size: 16px;}
    .corpo-centrale .dati-mancanti .btn-success{font-size: 1rem;}
}
@media screen and (max-width: 400px){
    .corpo-centrale .fine .success span{display: block;}
    .corpo-centrale .fine .success{background: green;border-radius: 5px;color: white;padding: 5px;}
    .corpo-centrale .riepilogo .btn-success{font-size: 16px;}
    .dati-riepilogo h5{font-size: .9rem;}
    .fine h2{font-size: 1.1rem;}
    .corpo-centrale .red-box h2,.targa-riep h4{font-size: 1.2rem;}
}
@media screen and (max-width: 360px){
    .corpo-centrale .riepilogo .btn-success, .corpo-centrale .fine .btn-success{font-size: 15px; padding: 15px 0;}
}