/*
*   RENDER TEMPLATE
*/
input[type="file"] {
    cursor: pointer;
}
#EFormTemplateWrapper .form-horizontal .form-group {
    margin-left: 0; 
    margin-right: 0;
}
.eformControlWrapper div.eformLabelHook > label.eformLabel.text-left {
    left: 0;
}
.eformControlWrapper div.eformLabelHook > label.eformLabel.text-right {
    right: 0;
    padding-right: 5px;
}
.eformControlWrapper .eformLabel {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding-right: 4px;
}
.eformControlWrapper .eformLabelHook {
    width: 100%;
    min-height: 30px;
}
.eformControlWrapper label:not(.switch) {
    width: 100%;
    word-wrap: break-word;
}
.eformControlGroup {
    /*padding-right: 12px;*/
}
.eformControlGroup>div[class*="col-xs-"] {
    padding-right: 10px;
    padding-left: 0px;
}
.eformControlGroup .select2-container .select2-selection--single {
    cursor: default;
}
.eformControlGroup .select2-container--bootstrap .select2-selection__clear{
    /*color: #ef0101;*/
    float: none;
    position: absolute;
    padding: 0px 3px;
    right: 15px;
    z-index: 1050;
}
/*
*   ICON TOOL DYNAMIC SECTION 
*/
.dynamicActionRow{
    margin-bottom: 10px;
}
/* color */
.dynamicActionRow .removeSection, table .removeSection{
    color: red;
}
.toolDynamicRow .addSection, table .addSection{
    color: green;
}
.toolDynamicRow .sortSection, table .sortSection{
    color: blue;
}
/* cursor */
.toolDynamicRow .sortSection,
.dynamicActionRow .removeSection, 
.toolDynamicRow .addSection {
    cursor: pointer;
}
/* font */
.dynamicActionRow .removeSection, 
.toolDynamicRow .addSection {
    font-size: 18px;
}
.toolDynamicRow .sortSection {
    font-size: 13px;
}
/* position */
.toolDynamicRow {
    position: relative;
}
.toolDynamicRow .sortSection,
.toolDynamicRow .addSection {
    position: absolute;
}
.toolDynamicRow .addSection{
    top: 0.5px;
    right: 21px;
}
.toolDynamicRow .sortSection{
     top: 1.4px;
    right: 42px;
}
.sectionChild .toolDynamicRow .addSection {
    top: -22px;
    right: 20px;
}
.sectionChild .toolDynamicRow .sortSection {
    top: -20px;
    right: 40px;
}
/*
*   END ICON TOOL DYNAMIC SECTION 
*/

#sectionTabContent .select2-container--bootstrap, #sectionCollapseContainer .select2-container--bootstrap  {
    width: 100%!important;
}
.removeRow:hover{
    cursor: pointer;
}
.section-header-title{
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}
#pageAction{
    margin-top: 10px;
    margin-bottom: 40px;
}
.headerTitleSection.error{
    color: red;
}
.landscapeSectionHeader {
    font-weight: bold;
    margin-bottom: 5px;
}
.sectionLandscapeClone .dynamicActionRow{
    position: relative;
    margin-bottom: 0;
}
.sectionLandscapeClone .dynamicActionRow .removeSection{
    position: absolute;
    right: -6px;
    top: 5px;
}

.landscapeToolDynamicRow .addSection {
    top: -18.5px;
    right: -5px;
}
.field-arrow,.row-header .row-order {
    cursor: pointer;
}

.file-control-status{
    position: absolute;
    top: 9px;
    right: 20px;
}
.file-control-loading {
    color: #5bc0de;
}
.file-control-success{
    color: green;
}

.sectionChild{
    padding: 0px 6px 0px;
    border-bottom: 1px solid #bbb;
}
.sectionChild .section-header-title{
    border-bottom: none;
    color: #aaa;
}
.sectionChild .dynamicActionRow {
    position: relative;
    top: -22px;
    display: inline-block;
    float: right;
    margin-bottom: 0px;
}
.sectionChild .col-xs-4 {
    width: 33.30323332%
} 

#EFormTemplateWrapper input[type=file]:focus {
    outline: none;
    box-shadow: none;
}

@-moz-document url-prefix() {
    #EFormTemplateWrapper input[type=file] {
        height: inherit;
        padding: 3px 10px;
    }
}
#sectionTabHeader {
    margin-bottom: 10px;
}
.table-control {
    margin: 5px 0;
}