.form-check .form-check-input:checked {
  background-color: var(--checkbox-checked-bg-color) !important;
  border-color: var(--checkbox-border-color) !important;
}
.form-check .form-check-input:focus {
  box-shadow: 0 0 0 0.2rem var(--checkbox-focus-boxshadow-color) !important;
}

.form-control:focus {
  border-color: var(--form-control-border-color) !important;
  box-shadow: 0 0 0 0.2rem var(--form-control-boxshadow-color) !important;
}

.info-icon {
  font-size: 1.3rem !important;
  color: var(--infoicon-font-color);
  cursor: default;
}

input[type=range]::-webkit-slider-runnable-track {
  background: var(--range-input-bg-color);
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: var(--range-input-bg-color);
}
input[type=range]::-moz-range-track {
  background: var(--range-input-bg-color);
}
input[type=range]::-ms-fill-lower, input[type=range]::-ms-fill-upper {
  background: var(--range-input-bg-color);
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]:focus::-ms-fill-lower, input[type=range]:focus::-ms-fill-upper {
  background: var(--range-input-bg-color);
}

.main-bg-button {
  background-color: var(--main-button-bg-color) !important;
  border-color: var(--main-button-border-color) !important;
  color: var(--main-button-font-color) !important;
}
.main-bg-button:focus, .main-bg-button.focus {
  box-shadow: 0 0 0 0.2rem var(--main-button-boxshadow-color) !important;
}
.main-bg-button .badge {
  color: var(--main-button-badge-font-color) !important;
  background-color: var(--main-button-badge-bg-color) !important;
}

.main-bg-button-inverse {
  background-color: var(--main-inverse-button-bg-color) !important;
  color: var(--main-inverse-button-font-color) !important;
  border-color: var(--main-inverse-button-border-color) !important;
}
.main-bg-button-inverse:focus, .main-bg-button-inverse.focus {
  box-shadow: 0 0 0 0.2rem var(--main-inverse-button-boxshadow-color) !important;
}
.main-bg-button-inverse .badge {
  color: var(--main-inverse-button-badge-font-color) !important;
  background-color: var(--main-inverse-button-badge-bg-color) !important;
}

.main-bg-color {
  background-color: var(--main-bg-color) !important;
}

.main-border-color {
  border-color: var(--main-border-color) !important;
}

.main-font-color {
  color: var(--main-font-color) !important;
}

.main-link-custom {
  color: var(--main-link-font-color) !important;
}

#main-navbar {
  background-color: var(--main-navbar-bg-color);
  color: var(--main-navbar-font-color);
  border-bottom: 1px solid var(--main-navbar-border-bottom-color);
}
#main-navbar #main-navbar-logo-image {
  content: var(--main-navbar-logo);
}
#main-navbar .navbar-toggler {
  border-color: var(--main-navbar-toggler-border-color);
}
#main-navbar .navbar-toggler .navbar-toggler-icon {
  background-image: var(--main-navbar-toggler-icon);
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--navlink-active-bg-color) !important;
  color: var(--navlink-active-font-color) !important;
}

.nav-pills .nav-link:not(.active) {
  background-color: var(--navlink-inactive-bg-color) !important;
  color: var(--navlink-inactive-font-color) !important;
}

.slider-handle {
  background-color: var(--slider-handle-gradient-start) !important;
  background-image: linear-gradient(to left, var(--slider-handle-gradient-start 0%), var(--slider-handle-gradient-end 100%)) !important;
}

.slider-selection {
  background: var(--slider-selection-color) !important;
}

.select2-container .select2-results__option--highlighted {
  background-color: var(--select2-selected-option-bg-color) !important;
  color: var(--select2-selected-option-font-color) !important;
}

.totabs > ul > li.ui-tabs-active {
  background-color: var(--active-tab-bg-color);
}

.ui-datepicker-today > .ui-state-highlight {
  background-color: var(--datepicker-current-day-bg-color) !important;
  color: var(--datepicker-current-day-font-color) !important;
}

.ui-datepicker-current-day > .ui-state-active {
  background-color: var(--datepicker-selected-day-bg-color) !important;
  color: var(--datepicker-selected-day-font-color) !important;
}

.validation-label,
label.error {
  color: var(--main-error-color);
}

.list-group-item-action:hover,
.list-group-item-action:focus {
  background-color: var(--listgroup-hover-bg-color) !important;
  color: var(--listgroup-hover-font-color) !important;
}

.main-bg-button:hover,
.open .dropdown-toggle.main-bg-button {
  background-color: var(--main-button-hover-bg-color) !important;
  color: var(--main-button-hover-font-color) !important;
  border-color: var(--main-button-hover-border-color) !important;
}

.main-bg-button:hover .badge, .main-bg-button:focus .badge {
  background-color: var(--main-button-hover-badge-bg-color) !important;
  color: var(--main-button-hover-badge-font-color) !important;
}

.main-bg-button-inverse:hover,
.open .dropdown-toggle.main-bg-button-inverse {
  background-color: var(--main-inverse-button-hover-bg-color) !important;
  color: var(--main-inverse-button-hover-font-color) !important;
}

.main-link-custom:hover, .main-link-custom:focus, .main-link-custom:active {
  color: var(--main-link-hover-font-color) !important;
}

.nav-pills > .nav-link:not(.active):hover {
  background-color: var(--navlink-hover-bg-color) !important;
  color: var(--navlink-hover-font-color) !important;
}
.nav-pills > .nav-link:not(.active):focus {
  box-shadow: var(--navlink-focus-boxshadow-color);
}

.select2-container .select2-selection:focus {
  box-shadow: var(--select2-focus-boxshadow-color);
}