@import "~styles/my-career-styles/variables";

.form-group {
    margin-bottom: 21px;

    label {
        color: #58595B;
        font-family: $bodyFont;
        font-size: 14px;
        letter-spacing: 0;
        line-height: 21px;
        margin-bottom: 6px;
    }

    .form-control {
        box-sizing: border-box;
        height: 46px;
        font-family: $bodyFont;
        background-color: #FFFFFF;
        border-radius: 4px;
        border: 2px solid #E0E0E0;
        box-shadow: none !important;
        transition: .3s;

        &:focus, &:active {
            border: 2px solid #12A8DE !important;
        }


        &.ng-dirty.ng-valid, &.ng-touched.ng-valid {
            border: 1px solid #1DBA3C;
        }


        &.ng-dirty.ng-invalid, &.ng-touched.ng-invalid {
            border: 1px solid #e62a10;
        }

    }
}
