.baseelementrow.retract > .col > .innerrow {
  display: none;
}

.baseelementrow.retract > .childdiv {
  display: none;
}

.baseelementrow:not(.retract) > .btncol .collapsebtn {
  background: linear-gradient(90deg, #027f8e, #0493A4, #03a2b5);
  color: white;
  border-color: #0493A4;
}

.baseelementrow.retract > .btncol .collapsebtn {
  background: white;
  color: #0493A4;
  border-color: #0493A4;
}

.baseelementrow:not(.retract) > .btncol .bi-arrows-expand {
  display: none;
}

.baseelementrow.retract > .btncol .bi-arrows-collapse {
  display: none;
}

.baseelementrow.retract > .btncol {
  display: flex;
  flex-direction: row-reverse;
}

#templates {
  display: none;
}

#formpreview {
  color: #0493A4;
}

#formpreview .input-group-text {
  text-wrap: auto;
  max-width: 45%;
  background: linear-gradient(90deg, #027f8e, #0493A4, #03a2b5);
  color: white;
  border-color: #0493A4;
}

#formpreview input:not([type="checkbox"]), #formpreview select {
  color: #0493A4;
  border-color: #0493A4;
}

#formpreview input[type="radio"], #formpreview input[type="checkbox"] {
  background-color: #0493A4;
  border-color: #0493A4;
}

.form-switch input:checked {
  background-color: #0493A4;
  border-color: #027f8e;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important;
}