:root {
  --lotus-default-color: #fdef00;
  --lotus-default-color-light: #fdef00;
  --lotus-default-bg-color: var(--lotus-default-color);
  --lotus-default-border-color: var(--lotus-default-color);

  --lotus-default-color-rgb: rgb(254, 232, 0);


  --cms-default-theme-color: #212529;
  --cms-default-theme-bg-color: var(--cms-default-theme-color);
  --cms-default-theme-border-color: var(--cms-default-theme-color);

  --cms-black: #000000;
  --cms-white: #ffffff;

}


.uppercase{
  text-transform: uppercase;
}

.size-10{
  font-size:10px!important;
}
.size-12{
  font-size:12px!important;
}
.size-14{
  font-size:14px!important;
}
.size-16{
  font-size:16px!important;
}
.size-18{
  font-size:18px!important;
}
.size-20{
  font-size:20px!important;
}
.size-30{
  font-size:30px!important;
}

.lotus-yellow{
  color:var(--lotus-default-color)!important;
}

.bg-lotus-yellow{
  background-color:var(--lotus-default-bg-color) !important;
  border-color:var(--lotus-default-border-color) !important;
}

.border2px-lotus-yellow{
  border:2px solid var(--lotus-default-border-color) !important;
}


.button-lotus-yellow{
  background-color:var(--lotus-default-bg-color) !important;
  border-color:var(--lotus-default-border-color) !important;
  color:var(--cms-default-theme-color)!important;
}

.button-lotus-yellow:hover{
  background-color:var(--cms-default-theme-bg-color) !important;
  border-color:var(--cms-default-theme-border-color) !important;
  color: var(--lotus-default-color)!important;

}

.lg-button-lotus-yellow{
  background-color:var(--cms-default-theme-bg-color)!important;
  border:2px solid var(--lotus-default-border-color) !important;
  color: var(--lotus-default-color)!important;

}
.lg-button-lotus-yellow:hover{
  background-color: var(--lotus-default-bg-color)!important;
  color:var(--cms-default-theme-color)!important;
}


.lg-button-lotus-yellow2{
  background-color:var(--lotus-default-bg-color) !important;
  border-color:var(--lotus-default-border-color) !important;
  color: var(--cms-default-theme-color)!important;

}
.lg-button-lotus-yellow2:hover{
  background-color: var(--lotus-default-color-light)!important;
  color:var(--cms-default-theme-color)!important;
}



.targa-seriale{
  width:100%;text-align:center;padding:5px;border:1px solid #ffffff;letter-spacing:2px;
}

.targa-auto{
  width:100%;text-align:left;padding:0px;border-radius:5px;
  background-image: url('../img/bg-lotus-silver.jpg');
  background-position:center;
  background-size: cover;
}

.item-targa{
  border-bottom:1px solid #000000; padding:6px 10px;
}

.targa-num{
  border:1px solid #c0c0c0; border-radius:5px;
}


.accordion-item {
background-color: var(--cms-black)!important;
}

.accordion-button:focus {
  box-shadow: none;
  border-color: var(--lotus-default-color-rgb);
}


.accordion-button:not(.collapsed) {
  background-color: var(--cms-default-theme-bg-color);
  color: var(--cms-white)!important;
  border-color:var(--cms-default-theme-border-color);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 rgb(0, 0, 0);

}

.accordion-button:after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fee800'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

.link-header{
  color: #7a858e!important;
}
.link-header:hover{
  color: var(--cms-white)!important;
}
.text-secondary:hover{
  color:var(--cms-white)!important;
}


.input-astext{
  background-color: var(--cms-default-theme-bg-color)!important;
  color:var(--cms-white)!important;
  padding-left:0px!important;
  padding-right:0px!important;
  padding-top:7px!important;
  padding-bottom:7px!important;
  border-color: none!important;
  margin:0px;
  border:0px;
  text-align:center;

}

.img-thumb{
  width:100%;
  min-height:70px;
  background-position: center;
  background-size:cover;
  border-bottom-left-radius: 5px!important;
  border-top-left-radius: 5px!important;
}

.gdbg-yb-right{
  border-radius: 5px;
  background: var(--lotus-default-color-rgb);
  background: linear-gradient(225deg, rgba(254,232,0,1) 0%, rgba(33,37,41,0.8799894957983193) 19%);
  color:var(--cms-white)!important;
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
}

.list-group-item-check:checked + .list-group-item{
  background-color:#fdef00!important;
  border-color: #fdef00!important;
  color:#000000!important;
}

.list-group-item{
  background-color: var(--cms-black)!important;
  color:var(--cms-white)!important;
  border-color: var(--cms-black)!important;
}


.checkout-button{
  background-color: #17a2b8!important;
  border-color: #17a2b8!important;
}
.checkout-button:hover{
  background-color: #17aec5!important;
  border-color: #17aec5!important;
}

@media all and (max-width:480px) {
  .btn-block-mobile { width: 100%; display:block; }
  
  .onlydesktop { display: none!important; };
}   


@media all and (min-width:1000px) {
  .cust-col-targa{
    border-left:2px solid #141414;
    padding-left:20px;
  }
}   

@media all and (max-width:1000px) {
  .cust-col-targa{
    border-top:2px solid #141414;
    padding-top:30px;
    margin-top:50px;
  }
}   





.cust-btn-header {
  text-transform: uppercase;
  color: var(--cms-black)!important;
}

.cust-btn-header:hover,
.cust-btn-header:active {
  color: var(--cms-black)!important;
  text-decoration: none;
}

#totale{
background-color:#fde90c;
border-color: #fde90c;
font-size:40px;
font-weight:bold;
color:#000000;
border-top-left-radius: 0px!important;
border-top-right-radius: 0px!important;
}

#carrello{
border-bottom-left-radius: 0px!important;
border-bottom-right-radius: 0px!important;
}


#table-items{
color: var(--cms-white)!important;
}


.card-riepilogo{
background-color:#fde90c;
border-color: #fde90c;
color:var(--cms-black);
}

.alert-cust{
background-color: #fde90c!important;
color: var(--cms-black)!important;
border-color:#fde90c!important;
font-size:18px!important;
padding: 10px 0px 10px 0px !important;
margin-bottom:10px !important;

}

.btop-dashed{
border:1px dashed solid var(--cms-white);
}

#logged-menu .dropdown-item:active{
  background-color: var(--cms-default-theme-bg-color)!important;
  color: var(--lotus-default-color)!important;
}

#form-registra .is-invalid{
  color:var(--lotus-default-color)!important;

}
#form-registra .form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label {
  color: var(--lotus-default-color)!important;
}
#form-registra .form-control.is-invalid, .was-validated .form-control:invalid {
  color:var(--cms-default-theme-color)!important;
}

#form-seriale .is-invalid{
  color:var(--lotus-default-color)!important;

}
#form-seriale .form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label {
  color: var(--lotus-default-color)!important;
}
#form-seriale .form-control.is-invalid, .was-validated .form-control:invalid {
  color:var(--cms-default-theme-color)!important;
}

#invia-ordine .is-invalid{
  color:var(--lotus-default-color)!important;

}
#invia-ordine .form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label {
  color: var(--lotus-default-color)!important;
}
#invia-ordine .form-control.is-invalid, .was-validated .form-control:invalid {
  color:var(--cms-default-theme-color)!important;
}

/* datatables */
#datatable-lotus .active>.page-link, #datatable-lotus .page-link.active{
background-color: var(--lotus-default-bg-color)!important;
border-color:#4f565c!important;
color:var(--cms-default-theme-color)!important;
}

#datatable-lotus .page-link{
background-color:#6C757D!important;
color:var(--cms-white)!important;
border-color:#4f565c;
}

#datatable-lotus table, #datatable-lotus .form-control{
  margin-top:10px!important;
}

#datatable-lotus table.dataTable>tbody>tr.selected>* {
  box-shadow: inset 0 0 0 9999px rgb(254, 232, 0)!important;
  color:var(--cms-default-theme-color)!important;
}


#lista-stati .list-group-item{
background-color: var(--cms-black)!important;
border-color:var(--cms-default-theme-border-color)!important;
}

#lista-stati .form-check-input:checked {
  background-color: var(--lotus-default-bg-color)!important;
  border-color: var(--lotus-default-border-color)!important;
}

#lista-stati .form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23000000'/%3e%3c/svg%3e");
}

#div-edit-ordine .form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

#div-edit-ordine .form-check-input:checked {
  background-color: #fdef00;
  border-color: #fdef00;
}