.VehicleGroupDefinitionContainer                            { width: 100%; height: 100%; }
.VehicleGroupDefinitionContainerWrapper                     { position: relative; left:0; top: 0; width: 100%; height: 100%; }
.VehicleGroupDefinitionContainerBody                        { position: absolute; left:0; top: 0; width: 100%; height: 100%; background-color: #FFFFFF; }
.VehicleGroupDefinitionListContainer                        { float: left; width: calc(100% - 500px); width: -moz-calc(100% - 500px); width: -webkit-calc(100% - 500px); height: 688px; }
.VehicleGroupDefinitionGridHeaderCountInfo, .VehicleGroupDefinitionEditorHeaderCountInfo { float: right; width: 50%; font-family: 'Segoe UI'; font-size: 14px; font-weight: bold; color: #475969; height: 27px; line-height: 27px; margin-right: 20px; text-align: right; }
.VehicleGroupDefinitionGridContainer                        { float: left; width: calc(100%); width: -moz-calc(100%); width: -webkit-calc(100%); height: 661px; }
.VehicleGroupDefinitionGridContainer > .dx-datagrid         { float: left; width: calc(100% - 40px); width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); height: calc(100% - 40px); height: -moz-calc(100% - 40px); height: -webkit-calc(100% - 40px); margin: 20px; }
.VehicleGroupDefinitionGridContainer .dx-datagrid-rowsview  { height: calc(100% - 60px) !important; height: -moz-calc(100% - 60px) !important; height: -webkit-calc(100% - 60px) !important;}
.VehicleGroupDefinitionTreeContainer                        { float: left; width: 500px; height: 100%; border-left: 1px solid #dddddd; overflow-y: auto;}
.VehicleGroupDefinitionTreeInnerContainer                   { float: left; width: calc(100% - 10px); width: -moz-calc(100% - 10px); width: -webkit-calc(100% - 10px); height: 100%; margin-left: 10px;}
.VehicleGroupDefinitionTreeTitle                            { float: left; width: 100%;  height: 30px; line-height: 30px; font-weight: bold;}
.VehicleGroupDefinitionTree                                 { float: left; width: 100%; height: calc(100% - 40px); height: -moz-calc(100% - 40px); height: -webkit-calc(100% - 40px); margin-top: 10px;}
.VehicleGroupDefinitionTreeLine                             { width: 100%; height: 36px; line-height: 36px; display: flex; }
.VehicleGroupDefinitionTreeLineLabel                        { float: left; width: calc(100% - 10px); width: -moz-calc(100% - 10px); width: -webkit-calc(100% - 10px); height: 100%; text-overflow: ellipsis; word-wrap: normal; white-space: nowrap; overflow: hidden }
.VehicleGroupDefinitionTreeLineButton                       { float: right;width: 36px; margin: 0 5px 0 0 !important; }
.VehicleGroupDefinitionTreeLineButton .dx-icon              { margin-right: 0 !important; }
.VehicleGroupDefinitionTreeLineButtonGroup                  { display: flex;}
.VehicleGroupDefinitionEditorContainer                      { float: left; width: 500px; height: 100%; border-left: 1px solid #dddddd;}
.VehicleGroupDefinitionEditorButtonContainer                { float: left; width: 48px; position: relative; top: calc(50% - 46px); top: -webkit-calc(50% - 46px); top: -moz-calc(50% - 46px);}
.VehicleGroupDefinitionEditorButton                         { margin: 5px !important; }
.VehicleGroupDefinitionEditorInnerContainer                 { float: left; width: calc(100% - 48px); width: -moz-calc(100% - 48px); width: -webkit-calc(100% - 48px); height: 100%;}
.VehicleGroupDefinitionEditorHeader                         { float: left; width: 100%; margin-bottom: 5px; font-size: 12pt; line-height: 30px; color: #3e5267;}
.VehicleGroupDefinitionEditorText                           { float: left; width: 50%;  }
.VehicleGroupDefinitionEditorShowAll                        { padding-left:10px; width: 50%; }
.VehicleGroupDefinitionEditorTagSelector                    { float: left; width: calc(50% - 10px); width: -moz-calc(50% - 10px); width: -webkit-calc(50% - 10px); margin-left: 10px;}
.VehicleGroupDefinitionEditorGrid                           { float: left; width: 100%; height: calc(100% - 122px); height: -moz-calc(100% - 122px); height: -webkit-calc(100% - 122px); margin: 5px 0; }
.VehicleGroupDefinitionEditorGrid > .dx-datagrid            { width: 100%; height: 100%; }
.VehicleGroupDefinitionEditorGrid .dx-datagrid-rowsview     { height: calc(100% - 70px) !important; height: -moz-calc(100% - 70px) !important; height: -webkit-calc(100% - 70px) !important;}
.VehicleGroupDefinitionEditorSaveButton                     { float: right; margin: 0 5px !important;}
.VehicleGroupDefinitionEditorCancelButton                   { float: right; margin: 0 5px !important;}
.VehicleGroupDefinitionEditorBulkSaveButton                 { float: left; margin:0; max-width: 250px;}
.VehicleGroupDefinitionTree.dx-treeview .dx-treeview-node.dx-treeview-item-with-checkbox .dx-checkbox,
.VehicleGroupDefinitionTree.dx-treeview .dx-treeview-toggle-item-visibility {margin-top: 5px; }
.VehicleGroupDefinitionTree.dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item {  background-color: #f5f5f5; }
.VehicleGroupDefinitionTree.dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item * {  color: #000; }

.VehicleGroupDefinitionEditorHeader .dx-invalid-message { width: 100% !important; }

.VehicleGroupDefinitionEditorHeader .dx-invalid-message > .dx-overlay-content { max-width: 100% !important; }

.VehicleGroupDefinitionBulkInsert { float: left; height: 100%; width: 100%; }
.VehicleGroupDefinitionBulkInsertContainer { float: left; height: 100%; width: 100%; }
.VehicleGroupDefinitionDeviceInfoList { float: left; width: 100%; height: calc(100% - 50px) !important; height: -moz-calc(100% - 50px) !important; height: -webkit-calc(100% - 50px) !important; }
.VehicleGroupDefinitionBulkInsertButtonContainer{ float:left; width:100%; height:auto; padding:10px 0 10px 0; }
.VehicleGroupDefinitionBulkInsertSaveButton { float: right; margin: 0 5px !important; }
.VehicleGroupDefinitionBulkInsertCancelButton { float: right; }
.VehicleGroupDefinitionBulkInsertOkButton { float: left;margin-left: 130px; }
.VehicleGroupDefinitionBulkInsertMessageBlock { float: left; width: 100%; height: auto; margin: 0 0 10px 0; }
.VehicleGroupDefinitionBulkInsertMessageSeperator { width: 100%; height: 1px; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxIiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMSAzNiI+DQogIDxsaW5lIGlkPSJsaW5lIiB5Mj0iMzYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2RjZGNkYyIgc3Ryb2tlLXdpZHRoPSIxIi8+DQo8L3N2Zz4NCg=='); float: left; margin: 7px 0px 7px 0px;}
.VehicleGroupDefinitionBulkInsertMessage { float: left; width: 100%; height: auto; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAABHNCSVQICAgIfAhkiAAAAZ9JREFUSEu9lsFVwkAQhv/hkKtLB1iB8SA5ChWoFYAV+KyAKYEOhAqkA7hJ8CB0oB2sR/Q9x7eBICSbZA0JuRLe9+3szD8hnOjhN6WwxjMIPgiP3NYjg6ZT8CP4F6YA+Tseyb2RqF3ACo8sRHOgm/ULzNUERDfpSsuKA+3XKsChGgHUs8HhocOXWtcm4AKvrQmz4AJ8kictc/K4KpVXgOdqCKKHZNkjOEmH23q5/1ulArxQfQg9ucJ3V2BGhdboCeGDAz0pkw1l4JFAak63AfEfibLwjUCoZgBdHwAb0uUrPXORyIJv/it3RRWlQdg0s3h2CBMNQjfZMEkhflUd/NDUKupYSco+Qb4EL5QPifJdpQQc4X9NGCoGaGBJLGslqoIfBFFOcml4OI/Do0p4KglzJJbw0MU3Wpllh4w50H2Xxs0NIutURA0t7yAo652XhFt3wTYXzGheuJ2m3Mlzd4G7xHHw3G3IL6olDVqmMyJ2Px5euI5Nx4vQzBJUq/iDwu2ast8q3IZpCakMXliB2NukpQgNCWLG8Xb/g+LYCvwCF3nrGUTUKGsAAAAASUVORK5CYII='); background-position: top; background-repeat: no-repeat; text-align: center; padding-top: 35px; }
.VehicleGroupDefinitionBulkInsertError { float: left; width: 100%; height: auto; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAYAAAAfrhY5AAAABHNCSVQICAgIfAhkiAAAAdlJREFUSEutlz1Lw1AUht+TtptClfYPODk6q0PFVhyqkyDo4u7k5iKiv8LVQfAHuNgsLu7dRKFQNyEihY4pHrmJSZs2uV+5IVO+nvc9N+fjEgBwe/UCXuUcjC+EYZdeRiNx3eXBuyun8KpdgD/I/74W36YIjMoNPFoGs7j26loAtxsPAB3CoyWAxXlPfnBG3GkOQLSWunQs4B98EJmbQt6pF6wLeA9AB0Qz99xEIB8s1pmfyQ/2iVv1Omq1JwBbLgUUg3/fADohP+hHdl0L0AFHP1wSa1cCdMEZuIsImIAX4GUEmIJz4TYCbMCFcBMBtmApXEsA8ydAcwVEpM80nWQleqay5D8mzQLGOFu59MFK58o0nNer6Th5TelcW4AhWNt5KiDuTjlrbNcL9J0XgVNl5gK04JLuhDLNSAlX5PFPmW4ohasKCMJwWKYdF8JVYNGPtQqRZCbMheuClWmoGMkW4KbgMgIycFuwrYDpJFNYQPSahI2AeIZzBDYVQNFOgqp38UA/c1jU6szriqmY/GCbeK/5CNCxS7BWBJh3iDuNWxBdpYNsSccLXTYvAoIRTjbjNY/cYwOMIYDLpIDIphCTe9mBhAdgOko3DSYfKvMstxstTCb9ZBf8B6VV1yUtvQJPAAAAAElFTkSuQmCC'); background-position: top; background-repeat: no-repeat; padding-top: 35px; text-align: center; }

.VehicleGroupDefinitionTree .dx-treeview-item {
    gap: 8px;
    padding: 5px 0px;
    margin: 0;
}

.VehicleGroupDefinitionTree .dx-treeview-item .dx-treeview-item-content {
    flex: 1 1 auto;
    order: 2;
    width: 90%;
}