.UserGroupDefinition {
    width: 100%;
    height: 100%;
}

.UserGroupDefinitionContainer {
    float: left;
    width: 100%;
    height: 100%;
}

.UserGroupDefinitionEditTreeList {
    float: left;
    width: 100%;
    height: 100%;
} 

.UserGroupDefinitionEditTreeListItem {
    float: left;
    width: 100%;
    height: 100%;
}

.UserGroupDefinitionEditTreeList .dx-treelist .dx-row > td {
    padding-top: 15px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
    padding-bottom: 15px !important;
}

.GroupDefinition_TabContainer {
    float: left;
    width: 100%;
    height: 100%;
}

.GroupDefinition_GroupTabs {
    float: left;
    width: 100%;
    height: 100%;
}

.NodeGroupTabContent {
    float: left;
    width: 100%;
}

.DriverGroupTabContent {
    float: left;
    width: 100%;
}

.dx-icon-custom-style {
    font-size: 24px;
    color: blue;
}

.treeListItemButtonContainer {
    width: 100%;
    float: right;
}

.treeListItemAddContainer {
    float: right;
    margin-right: 7px;
    cursor: pointer;
}

.treeListItemEditContainer {
    float: right;
    margin-right: 7px;
    cursor: pointer;
}

.treeListItemPairContainer {
    float: right;
    margin-right: 7px;
    cursor: pointer;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAASCAYAAACEnoQPAAAABHNCSVQICAgIfAhkiAAAAfZJREFUOE+NUl1IU2EYfp7vbLjh5rCMoZCyxdkEIbrwOiIiqwuFroTAm7qrKEgqc8IhgropooLIC7uoC0EIGoQKUd53NQhak/0oWESRUStt55zvjQ2cZmfN7/Lh+Xvf9yM8XvfNpXbDXX9IcLWQMc9hhq4Xj9vBvanFff6AvqcoJzTwtDCeHAEoTcXxVN5koPKCpKmFLwtOYgAWtZewitWTO66VOtta1xYUmBBRb4WcAuGZCMcF4bypi7ut3F2/X1+oAgJuunrECgSi+Wpz5kOvffEjnWlFHBew4Go8IGE3qmyXnbm/Fha/ko9I2J42iGMCzOdtdxBWX6XpzBuEjsvZcKQNMyQGNPissPRjGJP9ng3+OVXVJDqaaQ3tCj52tfuxtPxzDJP9v5qeaishfPbd7j1R9VyIlbLrnP5s9ZW3G3gm10iPxB//kptWkJManP1mq+Gvlvl9q0FjcZV1frElHnXSijyqBbOOETy1PNazumHAmPX+jPLhYKONitAgZZCUkCuYL34yhnDf/F37YbEb2QzB/Y3EVVzV+glEgPWKMbJy3XxSE3elCslAS+Vw42R0KSUXSYYESOfHe4fqtf+X2JPKxnxBzAFMaMGdYip5aUcLa7+Vj7Q79oICDrjC28WJ5OjOT2WJL+bLTYnIh9JE71Wvhn8ASHS2j4sODzsAAAAASUVORK5CYII=);
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 15px;
    background-size: 15px;
}

.treeListItemListContainer {
    float: right;
    margin-right: 7px;
    cursor: pointer;
}

.treeListItemDeleteContainer {
    float: right;
    cursor: pointer;
    margin-right: 7px;
}

.pairingPopupContainer {
    float: left;
    width: 100%;
    height: 100%;
}

    .pairingPopupContainer .header {
        height: 40px;
        width: 100%;
        border-bottom: 1px solid #ddd;
        float: left;
        font-size: 20px;
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis
    }

    .pairingPopupContainer .content {
        width: 100%;
        float: left;
        padding: 20px 0 20px 0;
        height: auto;
        max-height: 440px;
    }

        .pairingPopupContainer .content .vehicleGroups {
            min-height: 36px;
            max-height: 400px;
            height: auto;
            width: 100%;
            float: left;
        }         

    .pairingPopupContainer .footer {
        height: 40px;
        width: 100%;
        float: left;
    }

        .pairingPopupContainer .footer .save {
            height: 36px;
            width: 107px;
            float: right;
            margin-right: 5px;
        }

        .pairingPopupContainer .footer .cancel {
            height: 36px;
            width: 107px;
            float: right;
        }