.form.form-material {
    .form-field input:not([type='checkbox']),
    .form-field textarea, 
    .form-field select {
        padding: 2px 0px;
        border: 0px;
        border-bottom: 1px solid #C2C2C2;
        background: none;
    }
}

.form-field {
    .numeric {
        input {
            text-align: right;
        }
    }

    .money {
        font-size: 14px;
        color: #464646;
        display: flex;
        align-items: center;

        width: 100%;
        border: 1px solid #C2C2C2;
        background-color: #FEFEFF;
        padding: 5px 10px;

        .value {
            flex: 1 1 auto;

            input {
                border: 0 !important;
                background: none;
                text-align: right;
                padding-left: 0px !important;
                padding-right: 0px !important;
                width: 100%;   
                min-width: 15px;

            }
        }

        .currency {
            flex: 0 0 auto;
            padding: 5px 5px;
        }

        &.currency-left {
        }
        &.currency-right {
        }

    }
}


.form-field.big {
    .money {
        padding-left: 8px;
        padding-right: 8px;

        .currency {
            font-size: 26px;
            padding-top: 5px;
            padding-bottom: 5px;
            font-weight: 600;
        }


    }

}


.form-field.disabled {
    .money {
        .currency {
            color: #BABABA;
        }
    }
}

.form-field.error {
    .money {
        border-color: #FE6A6A;
    }
}

.inline-flex-form {
    margin: -10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;

    > * {
        flex: 1 1 auto;
        padding: 10px;
    }

    .form-field {
        margin: 0px !important;
    }
}

.inline-flex-form-even {
    margin: -10px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch; 

    > * {
        flex: 1 1 0;
        padding: 10px;
        min-width: 160px;
    }    

    .form-field-checkbox {
        label {
            display: block;
        }
        text-align: center;
    }

    .form-field {
        margin: 0px !important;
    }
}

.inline-form-field-separator {
    max-height:1px;
    margin: 0px !important;
    padding: 0px !important;
}

.form-field.required {
    label {
        font-weight: bolder;
    }
}