keralawaterauthority/public/scss/components/_form.scss

.form-label {
    font-weight: $headings-font-weight;
}

.form-control {
    border-radius   : 5px;
    height          : 45px;
    border          : 1px solid $border-color;
    padding         : 0px 22px;
    font-size       : 14px;
    // font-weight  : 500;
    color           : $dark;
    // transition   : all 0.3s ease-in-out;
    background      : $white;



    span {
        margin-top: 0;
    }

    &::-webkit-input-placeholder {
        color: $body-color;
    }

    &:-ms-input-placeholder {
        color: $body-color;
    }

    &::placeholder {
        color: $body-color;
    }

    &:hover {
        box-shadow  : none !important;
        outline     : none;
        border-color: $border-color;
        color       : $dark;
        background  : $white;
    }

    &:focus,
    &:active,
    &.active {
        box-shadow  : none !important;
        outline     : none;
        border-color: $primary;
        color       : $dark;
        background  : $white;
    }
}


.form-select {
    border-radius   : 5px;
    height          : 45px;
    border          : 1px solid $border-color;
    padding         : 0px 22px;
    font-size       : 14px;
    // font-weight  : 500;
    color           : $dark;
    // transition   : all 0.3s ease-in-out;



    &:hover {
        box-shadow  : none !important;
        outline     : none;
        border-color: $border-color;
        color       : $dark;
    }

    &:focus,
    &:active,
    &.active {
        box-shadow  : none !important;
        outline     : none;
        border-color: $primary;
        color       : $dark;
    }
}

textarea.form-control {
    min-height: 100px;
}

input:-internal-autofill-selected {
    background      : lighten($body-bg, 2%) !important;
    background-image: none !important;
    color           : -internal-light-dark-color(black, white) !important;
}


.input-group-text {
    padding      : 11px 15px;
    background   : $white;
    margin-bottom: 0px !important;
    color        : $dark;
    border-color : $border-color;
    border-radius: 0px;
}

.input-group-append {
    .input-group-text {
        border-top-right-radius   : 5px;
        border-bottom-right-radius: 5px;
    }
}

.input-group-prepend {
    .input-group-text {
        border-top-left-radius   : 5px;
        border-bottom-left-radius: 5px;
    }
}


// Validation Error
label.error {
    color        : $danger;
    position     : absolute;
    bottom       : 0;
    margin-bottom: -22px;
    font-size    : 12px;
    font-weight  : 400;
}