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

/*Vehicle Card*/
.VehicleWizard                  { float: left; width: 100%; height: 100%; }
.WizardScreen                   { float: left; width: 100%; height: 100%; }
.WizardScreen .WizardScreenScroll { float: left; width: 100%; height: calc(100% - 50px); height: -webkit-calc(100% - 50px); height: -moz-calc(100% -50px); }
.TankTypeScreen                 { float: left; width: 100%; height: 100%; }
.WizardScreen .leftScreen       { float: left; width: 37%; padding: 5px 2% 5px 5px; height: 100%; }
.WizardScreen .leftScreen .dx-field-item-label-content { max-width: 120px !important; white-space: nowrap !important; text-overflow: ellipsis !important; overflow: hidden !important; }
.WizardScreen .rightScreen      { float: left; width: 63%; padding: 5px 3px 5px 2%; height: 100%; border-left: 1px solid #ddd; }
.WizardScreen .bottomScreen     { float: left; width: calc(100%); width: -webkit-calc(100%); width: -moz-calc(100%); height: 40px; }
.WizardScreen .bottomScreen .button { float: right; margin-left: 5px; }

.WizardScreen .imageBoxLicensePlate                         { float: left; width: 100%; height: 100%; background: url(car.png) no-repeat center center; }
.WizardScreen .licensePlateImage                            { float: left; width: 103px; height: 103px; border: 1px solid #E3E3E3; box-sizing: border-box;}
.WizardScreen .licensePlateImageMiddle                      { float: left; width: 100%; height: 100%; }      
.WizardScreen .lblLicensePlate                              { float: left; width: 30%;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-size: 10pt;font-weight: bold;color: #333;margin-top: 5px; text-overflow: ellipsis; overflow: hidden;} 
.WizardScreen .txtBoxLicensePlate                           { float: left; width: 70%;} 
.WizardScreen .licensePlateContainer                        { float: left; width: calc(100% - 168px); width: -webkit-calc(100% - 168px); width: -moz-calc(100% - 168px); margin-left: 65px; margin-top: 30px;} 
.WizardScreen .leftScreenTop                                { float: left; width: 100%;} 

.WizardScreen .window           { float: left; width: 100%; height: 100%; }
.WizardScreen .imageMiddle      { float: left; width: 60%; height: 100%; min-width: 300px; min-height: 300px; margin-left: 20%; }
.WizardScreen .imageButton      { float: left; width: 50%; height: 60px; margin: 0 25%; }
.WizardScreen .imageButton .dx-fileuploader-input-wrapper      { text-align: center; }
.WizardScreen .imageButton .dx-fileuploader-button     { float: none !important;  }
.WizardScreen .imageButton .dx-fileuploader-input-container{ display: none; }
.WizardScreen .imageBox         { float: left; width: 100%; height: 300px; background: url(car.png) no-repeat center center; }
.WizardScreen .imageBox .dx-fileuploader-button { display: none; }
.WizardScreen .imageBox .dx-fileuploader-wrapper { padding: 0 !important; }
.WizardScreen .imageBox .dx-fileuploader-input-wrapper { padding: 0 !important; height: 100%; }
.WizardScreen .imageBox .dx-fileuploader-input-container { display: block !important; text-align: center; color: #678398; }
.WizardScreen .imageBox .dx-fileuploader-input-label { margin: 220px 0 0 0; padding: 14px 9px !important; }
.WizardScreen .dx-field-item-label-text,
.TankTypeScreen .dx-field-item-label-text
{ font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size:10pt; font-weight: bold; color: #333; }
.WizardScreen .dx-field-item-label-location-left,
.TankTypeScreen .dx-field-item-label-location-left
{ padding-right: 40px; }
.leftScreen div[leftForm]       { float: left; width: 100%; }
.rightScreen div[rightForm]       { float: left; width: 100%; }
.leftScreen .leftDetail         { float: left; width: 100%; height: 40px; margin-top: 40px; }
.leftDetail .detailButton       { float:left; width: 180px; margin-left: 142px; }
.leftDetail .detailText         { float:left; width: calc(100% - 142px); width: -webkit-calc(100% - 142px); width: -moz-calc(100% - 142px); margin-left: 142px; margin-top: 6px; color:#ccc; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size:10pt; }
.WizardScreen .customField      { width: 100%; height: 100%; display: flex; }
.customField .customFieldFull   { width: 100%; height: 100%; }
.customField .customFieldLeft   { width: 70%; height: 100%; }
.customField .customFieldRight  { width: calc(30% - 5px); width: -webkit-calc(30% - 5px); width: -moz-calc(30% - 5px); height: 100%; margin-left: 5px; }

.TankTypeScreen .window         { float: left; width: 100%; }
.TankTypeScreen .window[fuel]   { padding: 10px 0; height: calc(100% - 170px); height: -webkit-calc(100% - 170px); height: -moz-calc(100% - 170px); }
.TankTypeScreen .imageBox       { float: left; width: 100%; height: 90px; padding: 10px 0; }
.TankTypeScreen .imageBox .image{ float:left; height: 70px; width: 110px; padding:0 5px; cursor: pointer; }
.TankTypeScreen .imageBox img   { float:left; height: 70px; width: 100px; }
.TankTypeScreen .footerBox      { float:left; height: 40px; width: 100%; }
.TankTypeScreen .footerBox .button      { float:right; }
.TankTypeScreen .footerBox .dx-button   { margin-left: 10px; }
.BrandModelScreen {float: left; width: 100%; height: 100%;}
.BrandModelScreen .newBrandLine{ float: left; width: 100%; height: 35px;}
.BrandModelScreen .newBrandLine .brandName {float: left; width: 70%; height: 100%; }
.BrandModelScreen .newBrandLine .addBrand { float: left; width: 28%; height: 100%; }
.BrandModelScreen .brandGrid { float: left; /* height: calc(100% - 60px); height: -moz-calc(100% - 60px); height: -webkit-calc(100% - 60px);*/ height: 450px; margin: 10px 0 0 0; border-top: 1px solid #DDDDDD; }
.BrandModelScreen .brandGrid .dx-datagrid-rowsview .dx-row > .dx-master-detail-cell { padding: 15px !important; }
.BrandModelScreen .brandGrid .newModelLine { float: left; width: 100%; height: 35px; }
.BrandModelScreen .brandGrid .newModelLine .modelName { float: left; width: 70%; height: 100%; }
.BrandModelScreen .brandGrid .newModelLine .addModel { float: left; width: 28%; height: 100%; margin-left: 5px; }
.BrandModelScreen .brandGrid .modelGrid { float: left; width: 100%; height: 120px; margin: 5px 0 0 0; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; }
.BrandModelScreen .brandGrid .newModelHeader { float: left; width: 100%; height: 20px; }
.AssetTypeScreen { float: left; width: 100%; height: 100%; }
.AssetTypeScreen .newAssetTypeLine { float: left; width: 100%; height: auto; padding: 0 0 10px 0; }
.AssetTypeScreen .newAssetTypeLine .assetTypeProfile { float: left; width: 100%; height: 100%; }
.AssetTypeScreen .newAssetTypeLine .assetTypeName { float: left; width: 100%; height: 100%; }
.AssetTypeScreen .newAssetTypeLine .assetTypeSave { float: right; width: 25%; height: 100%; }
.AssetTypeScreen .assetTypeGrid { float: left; height: 550px; margin: 5px 0 0 0; width: 100%; border-top: 1px solid #DDDDDD; }
.WizardScreen .imageBoxLicensePlate .dx-fileuploader-button { display: none;}
.WizardScreen .imageBoxLicensePlate .dx-fileuploader-wrapper { padding: 0 !important; }
.WizardScreen .imageBoxLicensePlate .dx-fileuploader-input-wrapper { padding: 0 !important; height: 100%; }
.WizardScreen .imageBoxLicensePlate .dx-fileuploader-input-container { display: block !important; text-align: center; color: #678398; }
.WizardScreen .imageBoxLicensePlate .dx-fileuploader-input-label { margin: 220px 0 0 0; padding: 14px 9px !important; }
.WizardScreen .licensePlateDeleteButtonTemp { height:120px;}
.WizardScreen .licensePlateDeleteButton { color: #337ab7; padding-left: 20px; font-weight: bold; font-size: 9pt;}
.WizardScreen .licensePlateDeleteButton:hover { color: #000000; cursor: pointer;    }
.WizardScreen .licensePlateDeleteButtonImage { float: right; /*width: 40px; height: 24px;*/ /*background: url(delete.png) no-repeat center center;*/ margin-right: 343px; cursor:pointer;}
.WizardScreen .licensePlateDeleteButtonImageTemp { float: right; width: 40px; height: 24px;}
.additionalData-group {
    margin-top: -100px !important;
}

.newAssetTypeButton {
    margin-left: 142px;
    display: -webkit-flex;
}

.newAssetTypeButton .dx-button {
    width:100%;
}

.addNewBrandModel {
    margin-left: 160px;
    display: -webkit-flex;
}

.addNewBrandModel .dx-button {
        width: 100%;
}