/*=== Default Form ===*/

@function form-control-height() {
  @return calc(2.25rem + 27px);
}
.form-control,
.input-text {
    height: form-control-height();
    padding: 14px 30px;
    outline: 0;
    background-color: #222222;
    border: 1px solid #35373a;
    color: #686a6f;
    font-size: 0.9rem;
    width: 100%;
    &::placeholder {
        color: #686a6f;
        opacity: 1;
    }
    &:-ms-input-placeholder {
        color: #686a6f;
    }
    &::-ms-input-placeholder {
        color: #686a6f;
    }
    &:focus{
        background-color: #222222;
        box-shadow: none;
        border:transparent;
    }
}
textarea {
    &.form-control {
        height: auto;
        padding-top: 15px;
        padding-bottom: 15px;
    }
}