/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~layout~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#Statebar {
    height: 100%;
    box-sizing: border-box;
    border-top: 92px solid transparent;
    padding: 6px 0px 0px 0px !important;
}

.state {
    height: 100%;
}

.layoutForm {
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px; 
    height: 100%;
    /*overflow:auto;*/
    box-sizing: border-box;
    position: relative;
}

.layoutGroup {
    display: inline-block;
    vertical-align: top !important;
}

.groupDiv {
    /*white-space:nowrap;*/ 
}

.layoutGroupLabel {
	padding-left: 4px;		
	margin-bottom: -3px;
	height: 19px;	
	padding-bottom: 20px;
	padding-top: 5px;
}

.columnDiv {
    display: inline-block;
    vertical-align: top;
}


.layoutItem {
    padding: 7px 4px 7px 4px;    
    box-sizing: border-box;
}

.lx-device-desktop .layoutItem {
    padding: 3px 4px 3px 4px;
}

.controlLabel {
    white-space: nowrap;
    font-weight: normal;
    padding-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.controlEditor {  
    padding-right: 10px;
}

.labeledControlDiv {
    margin-top: 2px;
}

.bootstControlLabel {
	font-weight: normal;    
    padding-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 7px;
}

.bootstLayoutGroup {
    display: block;
}

.bootstBreak {
    width: 100% !important;
    float: left;
}

/*hidden group*/
.layoutGroupHidden, tr.layoutGroupHidden > td {
    min-height: 0px;
    height: 0px;
    padding: 0px !important;
    overflow: hidden;
    margin: 0px;
    border: 0px;    
}

div.layoutGroupHidden {
    width: 0px;
    margin-top:-2px;
}

/*----------DocumentsMenuLayout-------------*/
.documents-menu-layout-form, .documents-menu-layout-form .layoutItem/*, .widget-content .layoutItem*/ {
    padding: 0px;
    overflow: hidden;
}