.forms {
    form {
        background-color: #eff5f7;
        max-width: 50%;
        margin: 0 auto;
        @include p-base;
        padding: 0;
        display: flex;
        flex-flow: row wrap;
        .form-group {
            display: flex;
            flex: 0 1 auto;
            min-width: 25%;
            max-width: 33%;
            margin: 1rem 0;
            padding: 0 $padding-div;
            justify-content: flex-start;
            align-items: baseline;
            &.col {
                flex-direction: column;
                align-items: flex-start;
                justify-content: flex-start;
                //padding: 0;
                input + label {
                    display: inline-block;
                }
            }
            &.w100 {
                width: 100%;
                max-width: 100%;
                &.flex-end {
                    justify-content: flex-end;
                }
            }
            label {
                @include p-base;
            }
            input {
                @include p-base;
                border: 2px solid #cdcdcd;
                border-radius: 4px;
                &[type=radio] {
                    margin: 0 .5rem;
                    &::after { 
                    display: inline-flex;}
                }            
                &[type=checkbox] {
                    margin: 0 .5rem;
                    &::after { 
                        display: inline-flex;}
                }
            }
            select {
                @include p-base;
                border: 2px solid #cdcdcd;
                border-radius: 4px;
            }
            textarea {
                @include p-base;
                border: 2px solid #cdcdcd;
                border-radius: 4px;
            }
        }
    }
}