.form-c {
    input, select{
        height:50px;
        line-height: 50px;
    }
    input, textarea, select {
        border-radius:0 !important;
        border-color:rgba($gray, .5) !important;
    }
}


[form-name] {
    display:none;
}
[form-active] {
    display:block;
}


.form-a {
    input, textarea, select {
        background-color:rgba($lightGray, 1) !important;
    }
}


#join-form {
    [uk-close] {
        height:40px;
        width:40px;
        line-height:20px;
        text-align: center;
        border:1px solid #FFF;
        border-radius:50%;
        @extend .trans;
        background-color:#FFF;
    }
    .modal-title {
        box-shadow:0px 2px 7px 0px rgba(0,0,0,.5);
    }
    input, select {
        height:45px;
        line-height:45px;
    }
    input, select, textarea, button {
        border-radius:8px;
    }
    .form-box {
        width:500px;
        border-radius: 0 0 20px 20px;
        overflow:hidden;
        box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.3);
        @media #{$maxSmall} {
            width:90%;
        }
    }
    label {
        font-weight: normal;
    }
}


.x-input {
    height: 50px;
    border-radius: 10px !important;
}