.ybform * {
  b-order-radius: 0px;
}
.ybform label.titolo{
  font-weight: 600;
  text-transform: uppercase;
  font-size: 80%;
  background: var(--blue-10);
  padding-left:5px;
  padding-right:5px;
  position: relative;
  color: var(--blue);
}

.ybform .nav-link{
  background: var(--blue-10);
  color: var(--blue);
  text-decoration: none !important;
}

.ybform .nav-link.active{
  background: var(--blue);
  color: #FFF;
}

.ybform h2{ font-size: 1.6rem; margin-top:22px; margin-bottom: 12px; }
.ybform h2 span{ display: inline-block; background: var(--blue-10); color: var(--blue); padding: 5px 10px; }

.ybform .card h2{ margin-top: 0px; margin-bottom: 0px; }

.ybform h4{ font-size: 1.3rem; font-weight: 600; color: var(--blue); margin-top: 12px;}

.ybform .form-box{ border: 1px solid var(--blue-10); padding: 10px; }

.ybform .form-box.barca-box-div.alert_is_invalid{ border: 1px solid var(--red); }

.ybform .help-form{ cursor: pointer; position: absolute; top: 3px; right: 5px; font-size: 0.8rem; line-height: 24px; text-align: center; background:#00345911; width: 24px; height: 24px; border-radius: 20px; color: var(--blue); display: block; }
.ybform .help-form i{}
.ybform .help-form:hover{ background: var(--blue); color: #FFF; }

.ybform .input-group-text{
  border-radius: 0px;
}

.ybform .form-control {
 
  b-order: 0px;
  bo-rder-bottom: 1px solid #ced4da;
  border-radius: 0px;
  
}

.ybform .label-checkbox{
  margin-top: 36px;
  line-height: 25px;
}

.ybform .list-group-item{ text-decoration: none; color: var(--blue-70); border-collapse: transparent }
.ybform .list-group-item.active{ background: var(--blue); border-color: var(--blue); color: #FFF; font-weight: 600; }

.ybform .select2 *
{
    border-radius: 0px !important;
}

.ybform .select2-container--default .select2-selection--multiple{
  border-color: #ced4da; 
}

.ybform .select2-container--default.select2-container--focus .select2-selection--multiple,
.ybform .select2-container .select2-selection--single{
  font-size: 1rem;
  height: auto;
  border-color: #ced4da;
  border-radius: 0 !important;
}


.ybform .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: inherit;
  font-family: inherit;
  font-size: inherit;
  color: #495057;
}

.ybform .select2-container--default .select2-selection--single .select2-selection__arrow{
  top: 7px;
  right: 4px;
}

.ybform .selec-tion{ border-radius: 0px; line-height: 1.6rem }

.ybform .select2-container--default .select2-selection--multiple .select2-selection__choice{
  background: #090;
  border: 0px;
  color: #FFF;
}
.ybform .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
  color:#FFF;
}

.select2-container--default .select2-results__option--highlighted[aria-selected]{
  background-color: var(--blue) !important;
}

.ybform .select2-search--inline {
    display: contents; /*this will make the container disappear, making the child the one who sets the width of the element*/
}

.ybform .select2-search__field:placeholder-shown {
    width: 100% !important; /*makes the placeholder to be 100% of the width while there are no options selected*/
    font-size: 1rem !important;
    padding: auto !important;
}

.ybform .alert-blue{ background: var(--blue-10); color: var(--blue); border-radius: 0px; }
.ybform .alert-blue.sctw{ border-left: 4px solid var(--orange); color: var(--blue); font-weight: 600; }

.ybform .bt-n{ border-radius: 0px; }


.ybform .datepicker{ padding: .375rem .75rem;  }

.ybform input[type=radio] + label{ margin-right: 10px; padding-left: 5px; padding-right: 5px; cursor: pointer; }
.ybform input[type=radio]:checked + label{ background: var(--blue-10); color: var(--blue); }

.ybform .is-invalid + .select2-container--default .select2-selection--multiple{
  border-color: #dc3545;
  padding-right: calc(1.5em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.ybform .is-valid + .select2-container--default .select2-selection--multiple{
  border-color: #28a745;
  padding-right: calc(1.5em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.off-form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/* errori form */
.ybform.was-validated select:valid + .select2-container .select2-selection,
.ybform.was-validated .is-valid + .select2-container .select2-selection{ border-color: #28a745 !important; }

.ybform.was-validated select:invalid + .select2-container .select2-selection,
.ybform.was-validated select:invalid + .select2-container .select2-selection,
.ybform.was-validated .is-invalid + .select2-container .select2-selection{ border-color: var(--red) !important; }


.ybform select:required .select2-container--default.select2-container--focus .select2-selection--multiple,
.ybform select:required .select2-container .select2-selection--single,
.ybform select:required .select2-container--default .select2-selection--single,
.ybform select:required .select2-container .select2-selection--single,
.ybform :required {
  border-left: 3px solid var(--orange) !important;
}

.ybform select:required + span.select2{ border-left: 3px solid var(--orange) !important; }