.cl-form-group {
  background-color: #f1f5f9;
  display: flex;
  border-color: #dce4ec;
  border-left: 1px solid #dce4ec;
  border-right: 1px solid #dce4ec;
  padding: .3rem;
  border-bottom: 1px solid #e0e8f2;
}

.cl-form-group.cl-form-group-vertical {
  flex-direction: column;
}

.cl-form-group.cl-form-group-vertical > .content {
  border-top: 1px solid #dbe2ec;
  border-left: 0px !important;
  width: 100% !important;
}

.cl-form-group.cl-form-group-vertical > .label{
  width: 100% !important;
}

.cl-form-group:first-of-type {
  border-top: 1px solid #dce4ec;
  border-top-left-radius: .3rem;
  border-top-right-radius: .3rem;
  margin-bottom: 0px;
}

.cl-form-group:last-of-type {
  border-bottom: 1px solid #dce4ec;
  border-bottom-left-radius: .3rem;
  border-bottom-right-radius: .3rem;
  margin-bottom: 1rem;
}

.cl-form-group .label {
  display: block;
  padding: .3rem .6rem;
  flex-grow: 1;
  width: 30%;
  font-size: 13px;


}

.cl-form-group .content {
  width: 70%;
  border-left: 1px solid #dbe2ec;
  font-size: 13px;

  
}

.cl-form-block .content > span,
.cl-form-block .content > p
{
      line-height: 1.7rem;
}

.cl-form-group .form-control:not([type="search"]) {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  border-radius: 0px;
}

.cl-form-group .form-control:focus:not([type="search"]) {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;

}

.cl-form-group .bootstrap-select .dropdown-toggle.btn-default {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;

}

.cl-form-block {
  width: 100%;
}

.cl-form-group:has(.form-control:disabled) {
  background-color: #e7ebee;
  color: #848484;
}


@media screen and (max-width:920px){
  .cl-form-group {
    flex-direction: column;
  }


  .cl-form-group .content {
    border-top: 0px!important;
    border-left: 0px !important;
    max-width: 100% !important;
    width: 100%!important;
  }

  .cl-form-group .label{
    width: 100% !important;
  }
}