input, select{
  background-color: $gray-dark;
  color: $gray-lighter;
  border: 1px solid $gray-light;
  font-family: $font-family-bold;

  &:focus{
    border-color: $teal-lighter;
  }

  &:-webkit-autofill {
    background-color: $gray-dark !important;
    @include box-shadow(0 0 0 50px $gray-dark inset !important);
    -webkit-text-fill-color: $gray-lighter;
  }

  &:-webkit-autofill:focus {
    @include box-shadow(0 0 0 50px $gray-dark inset !important);
    -webkit-text-fill-color: $gray-lighter;
  }
}

// fix for bootstrap-toggle plugin
.toggle{
  &.btn:active{
    box-shadow: none;
  }

  .toggle-group .btn{
    padding: 0px 5px;
  }
}