@import "node_modules/bootstrap/scss/custom-forms";

.custom-control-description {
  font-size: 0.9rem;
  line-height: 2;
}

.custom-control-indicator {
  top: .37rem;
}

.custom-control-input:checked~.custom-control-indicator {
  background-color: $primary-color;
}

.custom-control-input:focus~.custom-control-indicator {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px $primary-color-comp;
}

.custom-select {
  &.form-control-lg {
    height: 51px!important;
  }

  &[multiple] {
    height: auto!important;
    min-height: 51px!important;
  }

  &:focus {
    border-color: $primary-color-comp;
  }
}