body {
  font-family: Graphik !important;
}

textarea {
  font-family: Graphik !important;
}

.select:before {
  font-family: Graphik !important;
}

strong {
  font-weight: 900;
}

.btn,
input[type="submit"] {
  background-color: #460069;
}

.btn:hover {
  background-color: #460069;
}

.rangeslider {
  background: white;
  border: 1px solid #FF9A14;
}
.rangeslider__fill {
    background: #FF9A14;
}

.rangeslider__handle {
  background: #460069;
}

.rangeslider_handle:hover {
  background: #460069;
}
.rangeslider__handle:active,
.rangeslider--active .rangeslider__handle {
  background: #460069;
}

header {
  background: #FCFFD6;
}

body {
  background: #BEC430;
}

.white-container {
  background: #FCFFD6;
}

.output-value {
  background: #FCFFD6;
  border: 1px solid #BEC430;
}

.results div.value {
  background: #FCFFD6 !important;
  -webkit-appearance: none;
  appearance: none;
}

.results div.value:last-of-type {
  background: #FCFFD6 !important;
  border: 2px solid #f5d942;
  -webkit-appearance: none;
  appearance: none;
}

/* .checkbox {
  display: block;
}

#tandc_error {
  display: block;
} */

.range-sliders button {
  border: 2px solid black
}

input {
  border-radius: 10px;
  border: 1px solid #f5c842;
}

input.readonly, input.readonly:focus {
  background:  #FCFFD6 !important;
  border: 1px solid black;
}

.tooltip:after,
[data-tooltip]:after {
  background-color: #bfc44e !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.tooltip:before,
[data-tooltip]:before {
  left: 50% !important;
  transform: translateX(-50%) !important;
  border-top-color: #bfc44e!important;
}

.contract-summary-container {
  background-color: #FCFFD6 !important;
}

/* Kazang editable field styling */
input:not([readonly]):not([disabled]),
select:not([readonly]):not([disabled]),
textarea:not([readonly]):not([disabled]),
input:not(.readonly),
select:not(:disabled),
input.error,
select.error,
textarea.error,
#company_registration_name:not(.readonly),
#company_registration_number:not(.readonly) {
  border-bottom: 2px solid #bfc44e !important;
  background-color: #F0F3D4 !important ;
}