//
// Form
//
.form {
  // .form-control
  &-control {
    border-color: $form-border-color;
    border-radius: .25rem;
    z-index: 1;
    font-size: 0.875rem;

    &:hover {
      border-color: rgba(150,176,178,.7);
    }
    &:focus {
      border-color: #289DF5;
      border-width: 2px;
      padding-top:.4375rem;
      padding-bottom:.4375rem;
      padding-right:.6875rem;
      padding-left:.6875rem;
      z-index: 2;
    }
    &:disabled {
      background-color: rgba(220,220,220,.4);
      border-color: $form-border-color;
      color: #7B98A7;
    }
    &-label {
      padding-top: .5rem;
      padding-bottom: .5rem;
      margin-bottom: 0
    }
    &::-webkit-input-placeholder,&::-moz-placeholder,&-ms-input-placeholder{
      color: inherit;
      opacity: .3
    }
    &-spin {
      position: absolute;
      z-index: 2;
      right: 10px;
      top: 50%;
      margin-top: -7px
    }

    .form-group-stack & {
      margin-top: -1px;
      position: relative;
      border-radius: 0;
    }
    &:active,&:focus {
      .form-group-stack & {
        z-index: 1;
      }
    }
    .input-group-sm>& {
      min-height: 1.95rem;
    }

    &:not(:first-child) {
      .input-group & {
        border-left:0;
      }
    }
    &:focus:not(:first-child) {
      .input-group & {
        border-left: 2px #289DF5 solid;
      }
    }

  }
  //form-validation
  &-validation {
    border-color: #ef193c;
  }
  //form-file
  &-file {
    position: relative;
  }
}
////input-group
.input-group {
  //input-group-addon
  &-addon {
    border-color: $form-border-color!important;
    background-color: rgba(23,167,251,.1);
    color: inherit
  }
  //input-group-btn
  &-btn {
    &>.btn:focus {
      border-color: #289DF5;
      border-width: 2px;
    }
  }

  &-sm>.form-control {
    min-height: 1.95rem
  }
}

//b-select
.b-select {
  position: relative;
  &>div{
    &:after {
      content: "keyboard_arrow_down";
      display: block;
      font-size: 1.25rem;
      line-height: 1.25;
      padding-top:.5rem;
      padding-bottom:.5rem;
      padding-right:.625rem;
      height: 100%;
      position: absolute;
      top: 0;
      bottom:0;
      right: 0;
      font-family: "Material Icons";
    }
  }
  &>select{
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    width: 100%;
    opacity: 0;
    height: 100%;
    z-index: 2;
    &:hover ~ div {
      border-color:rgba(150,176,178,.7);
    }
    &:focus{
      &~ div {
        border-color: #289DF5;
        border-width: 2px;
        padding-top:.4375rem;
        padding-bottom:.4375rem;
        padding-left:.6875rem;
        &:after {
          padding-top:.4375rem;
          padding-bottom:.4375rem;
          padding-right:.6875rem;
        }
      }
    }
  }
}

//custom-select
.custom-select {
  border-color: rgba(120,130,140,.13)
}

.active-checked {
  opacity: 0
}

.aside,input:checked+.active-checked {
  opacity: 1
}

.black .btn-default.form-control,.dark .btn-default.form-control,.grey .btn-default.form-control {
  background: 0 0!important;
  background-color: rgba(255,255,255,.1)!important;
  color: inherit!important
}


.row.no-gutter [class*=col-].form-control {
  padding-left:.75rem;
  padding-right:.75rem;
}