.formelements { padding: 20px; background: #eaeaea; border: 1px solid #d9d9d9; }
.formelements .element { margin-bottom: 10px; }
.formelements .elementlabel { font-size: 16px; font-weight: bold; }
.formelements sup { color: #ff0000; }

.formelements  .sl_val { font-size: 18px; font-weight: bold; }

.btn.pills { min-width: 60px; height: 40px; font-size: 15px;; line-height: 40px; background: #888; padding: 0; padding-left: .50rem; padding-right: .50rem; margin-right: 2px; margin-top: 5px; margin-bottom: 5px; }
.btn.pills.focus.active  { background: #09a223; }
.btn.pills.active  { background: #09a223 !important; }


.ui-datepicker-calendar TD:has(.ui-state-active) { background: #09a223; color: #fff; }
.input-group-prepend { background: #fff; cursor: pointer; }
.input-group-prepend i { color: #333; font-size: 18px; }

.custom-control-input~.custom-control-label::before {
color: #999;
border-color: #999;
background-color: transparent;
box-shadow: none;
}

.custom-control-input:checked~.custom-control-label::before {
color: #999;
border-color: #999;
background-color: transparent;
box-shadow: none;
}

.custom-radio .custom-control-input .custom-control-label::after { 
    
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='4' fill='%23aaa'/%3E%3C/svg%3E");

}
.custom-radio .custom-control-input:checked~.custom-control-label::after { 
    
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='4' fill='%2309a223'/%3E%3C/svg%3E");

}

.custom-control-label { line-height: 25px; }
.form-control-lg { background-color: #fff; background-image:none; color: #222; font-size: 16px; }