/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 19-sep-2016, 15:58:45
    Author     : sysloc
*/
 

.appbuilderform{
    padding: 2%;
    display: block; 
    width: 99%;
}

.appbuilderform h2{
    font-size: 20px;
}

.appbuilderform .APPBF-text, .appbuilderform .APPBF-textarea, .appbuilderform .APPBF-checkbox-group,{
    margin: 1% 2%;
    min-height: 55px;
}

.appbuilderform input[type="text"], .appbuilderform input[type="password"]{
    width: 100%;
}

.appbuilderform input[type="email"]{
    width: 100%;
}

.appbuilderform input[type="tel"]{
    width: 100%;
}

.appbuilderform label{
    width: 100%;
    font-weight: bold
}

.APPBF-text{
    width: 44%;
    display: inline-block; 
}

.APPBF-textarea{
    width: 96%;
    display: inline-block;        
}

.APPBF-select{
    width: 44%;
    display: inline-block; 
}

.APPBF-header{
    width: 96%;
    display:block;
}

.APPBF-submit {
    width: 96%;
    display: inline-block;     
}

.APPBF-checkbox {
    width: 96%;
    display: inline-block;     
}

.APPBF-checkbox label{
    font-weight: normal;   
}

.APPBF-checkbox-group .checkbox label{
    font-weight: normal;   
}


.APPBF-radio-group .radio label{
    font-weight: normal;   
}

.APPBF-hidden{
    display: none;
}

.appbuilderform select{
    width: 100%;
}

.appbuilderform textarea{
    width:100%;
    height: 80px;
}


.appbuilderform input[type="submit"]{
    float: right;
    margin-right: 3%;
    background: transparent none repeat scroll 0% 0%;
    box-shadow: none;
    border-radius: 0px;
    /*border-color: #000;
    border: 2px solid #222222;
    color: #222222;*/
	border: 2px solid;
    font-weight: bold;
	cursor: pointer;
}

.appbuilderform div.checkbox{
	min-height: auto;
}
.appbuilderform div.radio{
	min-height: auto;
}

.appbuilderform-ok {
    display: none;
}

.appbuilderform-ko {
    display: none;
}


@media only screen and (max-width: 768px) {
    
    .appbuilderform{
        padding: 0;
        width: 100%;
    }
    
    .APPBF-text{
        margin: 1% 0;
        width: 100%;
    }

    .APPBF-textarea{
        margin: 1% 0;
        width: 100%;
    }

    .APPBF-select{
        margin: 1% 0;
        width: 100%;
    }

    .APPBF-submit {
        margin: 1% 0;
        width: 100%; 
    }
    
    .APPBF-checkbox {
        margin: 1% 0;
        width: 100%; 
    }
    
    .g-recaptcha{
        display: inline-block;
        transform:scale(0.77);
        -webkit-transform:scale(0.77);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    }
}