// out: false, sourceMap: false, main: ../style.less
@import "colors.less";
@import "fonts.less";
@font-family: 'Work Sans',
sans-serif;
@font-size: 18px;
@font-size-small: 14px;
@input-height: 48px;
.form-group {
    display: block;
    margin-bottom: 33px;
    label {
        display: block;
        color: @color-label-grey;
        font-size: @font-size;
        line-height: 1;
        font-family: @font-family;
        text-align: left;
        margin-bottom: 13px;
    }
    input,
    select {
        display: block;
        border-radius: 2px;
        border: solid 1px #dfdfdf;
        height: @input-height;
        line-height: 1.1;
        font-family: @font-family;
        color: @color-input-light;
        font-size: @font-size;
        background-color: @color-input-background;
        margin: 0 0px;
        padding-right: 0;
        padding-left: 20px;
        width: calc(~'100% - 20px');
    }
    select {
        padding: 0;
        width: 100%;
    }
    input.invalid {
        border-color: @color-scarlet;
    }
    small.error {
        text-align: left;
        display: block;
        color: @color-scarlet;
        font-size: @font-size-small;
        font-family: @font-family;
        line-height: 1;
        padding-left: 16px;
        margin: 2px 0;
    }
}

.text-center {
    text-align: center;
}

.block {
    display: block;
}

.block-center {
    margin: auto !important;
}