.form-control-plaintext:focus,
.form-control-file:focus {
  outline: none;
}

.custom-select-lg {
  border-radius: $border-radius-lg;
}

.custom-select-sm {
  border-radius: $border-radius-sm;
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus,
.was-validated .custom-file-input:valid:focus ~ .custom-file-label,
.custom-file-input.is-valid:focus ~ .custom-file-label,
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before,
.custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 -1px 8px rgba($color-green-lighter, 0.6) !important;
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus,
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label,
.custom-file-input.is-invalid:focus ~ .custom-file-label,
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 -1px 8px rgba($color-red-lighter, 0.6) !important;
}

//.form-control {
//  -moz-box-shadow: none;
//  -webkit-box-shadow: none;
//  box-shadow: none;
//  border-radius: 2px;
//
//  &:hover:not(:focus) {
//    border-top: 1px solid #999;
//  }
//
//  &:focus {
//    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 -1px 8px rgba(102, 175, 233, 0.6);
//  }
//}
//
//.form-group-sm {
//  .form-control {
//    border-radius: 2px;
//  }
//}
//
//.cui-checkbox + .cui-checkbox:not(.d-block),
//.cui-radio+.cui-radio:not(.d-block) {
//  margin-left: 10px;
//}
//
//input[type=radio] {
//  margin: 3px 0 0;
//}
//
//.cui-radio {
//  position: relative;
//  padding-left: 20px;
//  cursor: pointer;
//
//  input {
//    display: none;
//
//    & + ins {
//      content: '';
//      display: block;
//      position: absolute;
//      top: 50%;
//      left: 0;
//      width: 16px;
//      height: 16px;
//      margin-top: -8px;
//      border: 1px solid #dbdbdb;
//      border-radius: 50%;
//    }
//
//    &:checked {
//      & + ins {
//        border: none;
//        background-color: $color-blue-lighter;
//        box-shadow: inset 0 4px 6px $color-blue;
//
//        &:before {
//          content: '';
//          display: block;
//          position: absolute;
//          top: 50%;
//          left: 50%;
//          width: 4px;
//          height: 4px;
//          margin-top: -2px;
//          margin-left: -2px;
//          border-radius: 50%;
//          background-color: $color-white;
//          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
//        }
//      }
//    }
//  }
//
//  &:hover input:not(:checked) + ins {
//    border-color: $color-blue-light;
//  }
//}
//
//.cui-checkbox {
//  @extend .cui-radio;
//
//  input {
//    & + ins {
//      border-radius: 1px;
//    }
//
//    &:checked {
//      & + ins {
//        &:before {
//          background-color: transparent;
//          border-radius: 0;
//          transform: rotate(-50deg);
//          width: 10px;
//          height: 5px;
//          border-bottom: 2px solid $color-white;
//          border-left: 2px solid $color-white;
//          border-bottom-left-radius: 1px;
//          left: 50%;
//          top: 50%;
//          margin-left: -5px;
//          margin-top: -3px;
//          box-shadow: -1px 3px 4px rgba(0, 0, 0, 0.2);
//        }
//      }
//    }
//  }
//}
//
//// select
//.cui-select {
//  user-select: none;
//
//  &.dropdown {
//    display: block;
//
//    &:not(.show):hover .dropdown-toggle {
//      border-top: 1px solid #999;
//    }
//
//    .dropdown-toggle {
//      height: 34px;
//      width: 100%;
//      position: relative;
//      border: 1px solid #ccc;
//      display: block;
//      border-radius: 2px;
//      cursor: pointer;
//
//      &:after {
//        content: '';
//        display: block;
//        position: absolute;
//        top: 50%;
//        margin-top: -3px;
//        right: 10px;
//        width: 0;
//        height: 0;
//        border-top: 6px solid $color-black-lighter;
//        border-right: 4px solid transparent;
//        border-bottom: 6px solid transparent;
//        border-left: 4px solid transparent;
//      }
//    }
//
//    .dropdown-menu {
//      width: 100%;
//      margin: 0;
//      border-radius: 2px;
//      border-color: #66afe9;
//      outline: 0;
//      padding: 0;
//
//      &[x-placement="bottom-start"] {
//        box-shadow: 0 4px 6px rgba(102, 175, 233, .4);
//        border-top-color: rgba(#66afe9, .2);
//        border-top-left-radius: 0;
//        border-top-right-radius: 0;
//        margin-top: -1px;
//      }
//
//      &[x-placement="top-start"] {
//        box-shadow: 0 -4px 6px rgba(102, 175, 233, .4);
//        border-bottom-color: rgba(#66afe9, .2);
//        border-bottom-left-radius: 0;
//        border-bottom-right-radius: 0;
//        margin-bottom: -1px;
//      }
//
//      li {
//        a {
//          cursor: pointer;
//
//          &:hover {
//            background-color: #66afe9;
//            color: $color-white;
//          }
//        }
//      }
//
//      .divider {
//        margin: 4px 0;
//      }
//
//      .dropdown-header {
//        position: relative;
//        padding: 0.25rem 1rem;
//
//        &:after {
//          content: '';
//          display: block;
//          position: absolute;
//          top: 50%;
//          left: 0;
//          width: 100%;
//          height: 0;
//          border-top: 1px solid rgba(#66afe9, .2);
//          z-index: 1;
//        }
//
//        span {
//          position: relative;
//          line-height: 2;
//          z-index: 2;
//          background-color: $color-white;
//        }
//      }
//
//      .dropdown-item {
//        padding: 0.25rem 1rem;
//        cursor: pointer;
//
//        &.selected {
//          background-color: rgba(#66afe9, .3);
//        }
//      }
//    }
//  }
//
//  &.show {
//    .dropdown-toggle {
//      border-color: #66afe9;
//      box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075),0 -1px 8px rgba(102, 175, 233, .6);
//
//      &:focus {
//        outline: 0;
//      }
//
//      &:after {
//        border-top-color: transparent;
//        border-bottom-color: $color-black-lighter;
//        margin-top: -9px;
//      }
//    }
//  }
//}
//
//select.cui-select {
//  visibility: hidden;
//}