/********************************************* DEFAULT POSITIONING ****************************************************/

div#config-generated-form.mhf .mhf-section .mhf-blocks:after{
    display: block;
    content: ' ';
    clear: both;
}

/*Block decoration and positioning*/
div#config-generated-form.mhf .mhf-section .mhf-block.active{
    display: inline-block;
}

div#config-generated-form.mhf .mhf-section .mhf-block.inactive{
    display: none;
}

div#config-generated-form.mhf .mhf-section .mhf-block.full{
    width: 100%;
}

div#config-generated-form.mhf .mhf-section .mhf-block.half{
    width: 48%;
    box-sizing: border-box;
}

div#config-generated-form.mhf .mhf-section .mhf-block.position-center{
    display: block;
    margin: auto;
}

div#config-generated-form.mhf .mhf-section .mhf-block.position-right{
    float: right;
}


div#config-generated-form.mhf .mhf-section .mhf-block.position-left{
    float: left;
}

div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input{
    margin: 0 0 10px;
    padding: 0;
}

div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.active{
    display: inline-block;
}

div#config-generated-form.mhf .mhf-section .mhf-block.vertical .mhf-input{
    width: 100%;
    min-height: 40px;
}

div#config-generated-form.mhf .mhf-section .mhf-block.horizontal .mhf-input{
    width: 48%;
}

div#config-generated-form.mhf .mhf-section .mhf-block.horizontal .mhf-input:nth-child(2n-1){
    margin-right: 4%;
}


/*mhf input decoration and positioning*/

div#config-generated-form.mhf .input>input{
    width: 100%;
    box-sizing: border-box;
    margin: 0;
}
div#config-generated-form.mhf .input>textarea{
    width: 100%;
    box-sizing: border-box;
    outline: none;
    resize: vertical;
}

div#config-generated-form.mhf .radio-block{
    padding: 0 15px 0 8px;
    line-height: 20px;
    vertical-align: middle;
    display: inline-block;
}
div#config-generated-form.mhf .radio-block:last-child{
    padding-right: 0;
}

div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input>.input.radio{
    min-width: 85px;
}

div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input>.input.date>*{
    width: 32%;
    display: inline-block;
    margin-right: 2%;
}
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input>.input.date>div:last-of-type,
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input>.input.date>:last-child{
    margin-right: 0;
}

div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input>*{
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
}

div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.required>label:before{
    content: '*';
    color: red;
    margin-right: 2px;
}

div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input>label.top{
    width: 100%;
}

div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input>label.top~.input{
    width: 100%;
}

div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.checkbox>label{
    /*width: 93%;*/
    max-width: 93%;
}

div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.checkbox>.input.checkbox{
    max-width: 5%;
    vertical-align: top;
}

div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.checkbox>.input.checkbox>input{
    display: none;
}



/*html input decoration and positioning*/

/****************************************************LABEL TO INPUT RATIO**********************************************/
/*default*/
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input>label{
    box-sizing: border-box;
    width: 28%;
    margin-right: 2%;
    font-weight: normal;
    font-size: 16px;
}
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input>.input{
    width: 70%;
    position: relative;
}


/*custom ratios*/
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l10-i90>label{ width: 9%; }
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l10-i90>.input{ width: 89%; }


div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l15-i85>label{ width: 14%; }
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l15-i85>.input{ width: 84%; }


div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l20-i80>label{ width: 19%; }
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l20-i80>.input{ width: 79%; }


div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l25-i75>label{ width: 24%; }
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l25-i75>.input{ width: 74%; }


div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l30-i70>label{ width: 29%; }
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l30-i70>.input{ width: 69%; }


div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l35-i65>label{ width: 34%; }
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l35-i65>.input{ width: 64%; }


div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l40-i60>label{ width: 39%; }
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l40-i60>.input{ width: 59%; }


div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l45-i55>label{ width: 44%; }
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l45-i55>.input{ width: 54%; }


div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l50-i50>label{ width: 49%; }
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l50-i50>.input{ width: 49%; }


div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l55-i45>label{ width: 54%; }
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l55-i45>.input{ width: 44%; }


div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l60-i40>label{ width: 59%; }
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l60-i40>.input{ width: 39%; }


div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l65-i35>label{ width: 64%; }
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l65-i35>.input{ width: 34%; }


div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l70-i30>label{ width: 69%; }
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l70-i30>.input{ width: 29%; }


div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l75-i25>label{ width: 74%; }
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l75-i25>.input{ width: 24%; }


div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l80-i20>label{ width: 79%; }
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l80-i20>.input{ width: 19%; }


div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l85-i15>label{ width: 84%; }
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l85-i15>.input{ width: 14%; }


div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l90-i10>label{ width: 89%; }
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l90-i10>.input{ width: 9%; }


div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l95-i5>label{ width: 94%; }
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l95-i5>.input{ width: 4%; }




/************************************************** END DEFAULT POSITIONING *******************************************/
/******************************************* HIDDEN ELEMENTS FOR STEP FUNCTIONALITY ***********************************/

/*div#config-generated-form.mhf .mhf-footer a.back{*/
    /*display: none;*/
/*}*/

/*div#config-generated-form.mhf .mhf-footer a.forward{*/
    /*display: none;*/
/*}*/

/*body div#config-generated-form.mhf div.header{*/
    /*display: none;*/
/*}*/

/***************************************** END HIDDEN ELEMENTS FOR STEP FUNCTIONALITY *********************************/
/*********************************************** INPUT BEHAVIOR FUNCTIONALITY *****************************************/

div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.inactive{
    display: none;
}

div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.active{
    display: inline-block;
}

/*div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.slowShowHide{*/
    /*display: inline-block;*/
    /*-webkit-transition: all .2s ease-in-out;*/
    /*-moz-transition: all .2s ease-in-out;*/
    /*-o-transition: all .2s ease-in-out;*/
    /*-ms-transition: all .2s ease-in-out;*/
    /*transition: all .2s ease-in-out;*/
/*}*/


/*div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.slowShowHide.inactive{*/
    /*display: none;*/
    /*height: 0;*/
    /*min-height: 0;*/
    /*padding: 0;*/
    /*margin: 0;*/
    /*overflow: hidden;*/
/*}*/
/*div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.slowShowHide.inactive>*{*/
    /*display: none;*/
/*}*/
/*div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.slowShowHide.active{*/
    /*display: block;*/
    /*height: 100%;*/
    /*min-height: inherit;*/
    /*padding: inherit;*/
    /*margin: inherit;*/
/*}*/
/*div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.slowShowHide.active>*{*/
    /*display: inherit;*/
/*}*/

/********************************************* END INPUT BEHAVIOR FUNCTIONALITY ***************************************/


/************************************************** ADAPTIVE FUNCTIONALITY ********************************************/
/*media*/
@media screen and (max-width: 700px){
    div#config-generated-form.mhf .mhf-section .mhf-block.horizontal .mhf-input{
        width: 100%;
        margin-left: 0;
    }
    div#config-generated-form.mhf .mhf-section .mhf-block.position-left{
        width: 100%;
        float: none;
    }
    div#config-generated-form.mhf .mhf-section .mhf-block.position-right{
        width: 100%;
        float: none;
    }
}
@media screen and (max-width: 520px){
    div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input>.input.radio{
        min-width: 135px;
    }
}
/************************************************ END ADAPTIVE FUNCTIONALITY ******************************************/