.groupsTreeOuterContainer       { float: left; width: 100%; height: 100%; overflow: hidden; }
.groupsTreeTools                { float: left; width: 100%; height: 36px; }
.groupsTreeDisplayType          { float: left; width: 142px; height: 36px; }
/*.groupsTreeSearcher             { float: left; width: 180px; height: 36px; margin-left: 5px; }*/

.groupsTreeSearcher             { float: left; width: calc(100% - (142px + 5px)); width: -webkit-calc(100% - (142px + 5px)); width: -moz-calc(100% - (142px + 5px)); height: 36px; margin-left: 5px; }
/*.GroupsTreeEdit                 { float: left; width: calc(100% - (142px + 180px + 10px)); margin-left: 5px; }*/
.VehicleGroupDefinitionEdit     { height: 500px; width :500px;}
.groupsTreeContainer            { float: left; width: 100%; height: calc(100% - 96px); height: -webkit-calc(100% - 96px); overflow-x: hidden; overflow-y: auto; margin-top: 10px;}
.groupsTreeBody                 { float: left; width: 100%; display: inline-block; }
.groupsTreeBottomTools          { float: left; width: 100%; height: 40px; margin-top: 10px;}
.groupsTreeSwitch               { float: right; margin-top:8px; }
.groupsTreeSwitchCaption        { float: right; line-height: 24px; margin-right: 10px; vertical-align: middle; margin-top:8px; }
.groupsTreeApply                { float: right; width: 142px; margin-top: 2px; }
.GroupsTreeEdit {
    float: left;
    width: calc(100% - (142px + 5px));
    width: -webkit-calc(100% - (142px + 5px));
    width: -moz-calc(100% - (142px + 5px));
    margin-top: 2px;
}
.AAPI-ExTreeNodeText            { cursor:pointer; }