.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);
}
.WizardScreen .VehicleAssignmentLeftForm {
    float: left;
    width: 37%;
    padding: 5px 2% 5px 5px;
    height: 100%;
}

.WizardScreen .VehicleAssignmentRightForm {
    float: left;
    width: 63%;
    padding: 5px 3px 5px 2%;
    height: 100%;
    border-left: 1px solid #ddd;

}
.WizardScreen .VehicleAssignmentButtons {
    float: right;
    width: calc(100%);
    width: -webkit-calc(100%);
    width: -moz-calc(100%);
    height: 40px;
}
.WizardScreen .VehicleAssignmentButtons .VehicleAssignmentSaveButton {
    float:right;
    height:100%;
}
.WizardScreen .VehicleAssignmentButtons .VehicleAssignmentCancelButton {
    float:right;
    height : 100%;
    margin-left: 5px;
}

@media screen and  (max-width:1366px) {
    .customFieldFull {
        max-width: 205px !important;
    }
}
@media screen and (min-width:1367px) and (max-width:1583px) {

    .customFieldFull {
        max-width: 211px !important;
    }
}
@media screen and (min-width:1584px) {
    .customFieldFull {
        max-width: 360px !important;
    }
}
.custom-driver-tagbox-wrapper .dx-tagbox .dx-tag-container {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        white-space: nowrap !important;
        display: block !important;
        max-height: 36px;
    }

    .custom-driver-tagbox-wrapper .dx-tagbox {
        width: 100% !important;
        max-height: 40px;
    }