.form-grid {
        margin: 0 0;
}    
.fg-block {   
        border-top: #F9F9F9 1px solid; 
        padding: 10px 0 20px 0; 
        margin: 0;           
        position: relative;      
        -webkit-box-sizing: border-box;     
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -transition: all 0.2s ease-in-out;    
        transition: all 0.2s ease-in-out;  
}         
.form-grid .fg-block:first-child {  
        border-top: none;  
}   
.form-grid .fg-row {   
        display: block; 
        margin: 0 100px;
        clear: both;
}        
.left-column .form-grid .fg-row {     
        margin: 0 0 0 100px;
}        
.form-grid .fg-block .fg-row:first-child {      
        padding-top: 10px;
}                   
.form-grid .fg-row:after,
.form-grid .fg-block:after {
        clear: both;     
        content: "";     
        display: table;  
        line-height: 0;
}                         
.form-grid .fg-label,
.form-grid .fg-control,
.form-grid .fg-label-control {  
        -webkit-box-sizing: border-box;     
        -moz-box-sizing: border-box;
        box-sizing: border-box;   
        position: relative;
}   
.form-grid .fg-label {
        display: block;
        clear: left;
        float: left;
}            
.form-grid .fg-label label {
        margin: 9px 0 0 0;
        display: block;  
        /* overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;   */
}                    
.form-grid .fg-label-checkbox {
        padding-left: 50px;
}            
.form-grid .fg-label-checkbox label {
        display: block;  
}
.form-grid .fg-label label i.fa {
        color: #DDD;            
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -transition: all 0.2s ease-in-out;    
        transition: all 0.2s ease-in-out;  
}              
.form-grid .fg-label label:hover i.fa {
        color: #FF0000;
}         
.form-grid .fg-control {    
        display: block;
        float: left;
}                       
.form-grid .fg-control .edit,
.form-grid .fg-label-control .edit {   
        display: block;
        -webkit-box-sizing: border-box;     
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 5px 0;
}     
.form-grid .error {
        color: #F00;
}                     

.form-grid .fg-buttons-row {
        padding: 20px 100px;  
        margin: 0;
}            
.form-grid .fg-buttons-row .fg-row {
        margin: 0;
        text-align: right;
}            

.form-grid h1,
.form-grid h2,
.form-grid h3,
.form-grid h4,
.form-grid h5,
.form-grid h6 {     
        font-size: 25px;
        font-weight: 300; 
        padding: 15px 100px 15px 100px; 
        margin: 0 0 10px 0;    
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none; 
}      
.form-grid h1 i.fa,
.form-grid h2 i.fa,
.form-grid h3 i.fa,
.form-grid h4 i.fa,
.form-grid h5 i.fa,
.form-grid h6 i.fa {    
        width: 35px;
        text-align: center;
        float: left;
        margin: 2px 4px 0 0;
}             
.form-grid h1 em,
.form-grid h2 em,
.form-grid h3 em,
.form-grid h4 em,
.form-grid h5 em,
.form-grid h6 em {    
        font-style: normal;
} 
         
@media (max-width: 1200px) {  
        .form-grid h1,
        .form-grid h2,
        .form-grid h3,
        .form-grid h4,
        .form-grid h5,
        .form-grid h6 {     
                padding-left: 80px; 
                padding-right: 80px; 
        } 
        .form-grid .fg-row,
        .form-grid .fg-buttons-row {  
                margin: 0 80px; 
        }                    
        .form-grid .fg-buttons-row {  
                padding: 80px 0; 
        }    
}                     
@media (max-width: 840px) {      
        .fg-control-b {
                width: 100%;
                float: none;
        }   
} 
@media (max-width: 750px) {   
        .form-grid h1,
        .form-grid h2,
        .form-grid h3,
        .form-grid h4,
        .form-grid h5,
        .form-grid h6 {     
                padding-left: 40px; 
                padding-right: 40px; 
        } 
        .form-grid .fg-row,
        .form-grid .fg-buttons-row {  
                margin: 0 40px; 
        }                    
        .form-grid .fg-buttons-row {  
                padding: 40px 0; 
        }   
        .fg-label, 
        .fg-control {
                width: 100%;
                float: none;
        }   
}    
@media (max-width: 640px) {   
        .form-grid .fg-buttons-row .button { 
                padding: 0;     
                margin: 20px 0 0 0; 
                width: 100%;
        }    
}  

@media (max-width: 480px) {  
        .form-grid h1,
        .form-grid h2,
        .form-grid h3,
        .form-grid h4,
        .form-grid h5,
        .form-grid h6 {     
                padding-left: 20px; 
                padding-right: 20px; 
        } 
        .form-grid .fg-row,
        .form-grid .fg-buttons-row {  
                margin: 0 20px; 
        }                    
        .form-grid .fg-buttons-row {  
                padding: 20px 0; 
        }    
}