/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification 
for details on configuring this project to bundle and minify static web assets. */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 65px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

.myCalibri12 {
    font-size: 12px;
    font-family: Calibri;
}

.myCalibri14 {
    font-size: 14px;
    font-family: Calibri;
}

.myCalibri12BJD {
    font-size: 12px;
    font-family: Calibri;
    font-weight: bold;
    color: #20720D;
}

.myCalibri14BJD {
    font-size: 14px;
    font-family: Calibri;
    font-weight: bold;
    color: #20720D;
}

.myCalibri12BRed {
    font-size: 12px;
    font-family: Calibri;
    font-weight: bold;
    color: red;
}

#gridTraders .dx-datagrid {
    font: 12px Calibri;
}

#gridTraders .dx-datagrid-filter-row,
.dx-datagrid-filter-row .dx-editor-cell .dx-texteditor-input {
    font: 12px Calibri;    
}

#gridTraders .dx-menu-base .dx-icon {
    width: 12px;
    height: 12px;
    background-position: 0px 0px;
    background-size: 12px 12px;    
    padding: 0px;
    font-size: 12px;
    text-align: center;
    line-height: 12px;
}

/*ctz*/
#gridTraders .dx-menu-item {
    color: #fff;
    background-color: transparent;
    padding: 2px;
    text-align: left;
}

.dx-datagrid-headers .dx-header-row {
    background-color: #2b434b;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    font-family: Calibri;
    color: #fff;
}

.dx-header-row > td[role="columnheader"] > div.dx-datagrid-text-content {
    font-weight: bold;
    text-align: center;
    font-size: 12px;
    font-family: Calibri;
}

.dx-data-row {
    font-size: 12px;
    font-family: Calibri;
}

.dx-datagrid .dx-row > td {
    padding: 2pt !important;
}

.dx-datagrid-total-footer {
    font-weight: bold;
    font-size: 12px;
    font-family: Calibri;
    text-align: right;
}

#blocksubheader_container {
    text-align: center;
    width: 100%;
}

#blocksubheader1 {
    text-align: left;
    display: inline;
    width: 100%;
    background-color: #3e3e44;
    padding-top: 45px;
}

.submenu {
    padding-top: 3px;
    color: #fff;
}

.balancemenu {
    background-color: transparent;
    padding-top: 3px;
    color: #fff;
}

.balancemenu .dx-menu-item {
    background-color: #3e3e44;
    /*padding-top: 3px;*/
    color: #fff;
    font-weight: bold;
    font-family: Calibri;
    font-size: 15px;
}

.balancemenu .dx-menu-item-expanded {
    background-color: red;
}

.promissorynotemenu {
    background-color: transparent;
    padding-top: 3px;
    color: #fff;
}

.promissorynotemenu .dx-menu-item {
    background-color: #3e3e44;
    /*padding-top: 3px;*/
    color: #fff;
    font-weight: bold;
    font-family: Calibri;
    font-size: 15px;
}

.promissorynotemenu .dx-menu-item-expanded {
    background-color: red;
}

/*.submenu .dx-menu-item {    
    color: #fff;
    background-color:#2d2d30;
}*/
/*.submenu .dx-menu-item-selected {
    color: #20720D;
    background-color: transparent;
}*/
/*.submenu .dx-menu-item.dx-state-hover {
    color: #20720D;
    background-color: #2d2d30;
}*/
/* DropDownBox START */
#ddBoxTrader input[type=text] {
    color: #2d2d30;
}

#ddBoxBusinessUnit {
    font-size: 12px;
    font-family: Calibri;
    height: 25px;
}

#ddBoxBusinessUnit input[type=text] {
    font-size: 12px;
    font-family: Calibri;
    padding-bottom: 15px;
}

#ddBoxBusinessUnit .dx-placeholder {
    font-size: 12px;
    font-family: Calibri;
}

#ddBoxBusinessUnit .dx-placeholder:before {
    padding: 4px 5px 8px;
}

#ddBoxBrandNames {
    font-size: 12px;
    font-family: Calibri;
    height: 25px;
}

#ddBoxBrandNames input[type=text] {
    font-size: 12px;
    font-family: Calibri;
    padding-bottom: 15px;
}

#ddBoxBrandNames .dx-placeholder {
    font-size: 12px;
    font-family: Calibri;
}

#ddBoxBrandNames .dx-placeholder:before {
    padding: 4px 5px 8px;
}

#ddBoxSubCategories {
    font-size: 12px;
    font-family: Calibri;
    height: 25px;
}

#ddBoxSubCategories input[type=text] {
    font-size: 12px;
    font-family: Calibri;
    padding-bottom: 15px;
}

#ddBoxSubCategories .dx-placeholder {
    font-size: 12px;
    font-family: Calibri;
}

#ddBoxSubCategories .dx-placeholder:before {
    padding: 4px 5px 8px;
}

#ddBoxModelTypes {
    font-size: 12px;
    font-family: Calibri;
    height: 25px;
}

#ddBoxModelTypes input[type=text] {
    font-size: 12px;
    font-family: Calibri;
    padding-bottom: 15px;
}

#ddBoxModelTypes .dx-placeholder {
    font-size: 12px;
    font-family: Calibri;
}

#ddBoxModelTypes .dx-placeholder:before {
    padding: 4px 5px 8px;
}

#ddBoxModels {
    font-size: 12px;
    font-family: Calibri;
    height: 25px;
}

#ddBoxModels input[type=text] {
    font-size: 12px;
    font-family: Calibri;
    padding-bottom: 15px;
}

#ddBoxModels .dx-placeholder {
    font-size: 12px;
    font-family: Calibri;
}

#ddBoxModels .dx-placeholder:before {
    padding: 4px 5px 8px;
}

#dbDateFrom input[type=text] {
    font-size: 12px;
    font-family: Calibri;
}

#dbTrnDateFrom input[type=text] {
    font-size: 12px;
    font-family: Calibri;
}

#dbDueDateFrom input[type=text] {
    font-size: 12px;
    font-family: Calibri;
}

#dbDateTo input[type=text] {
    font-size: 12px;
    font-family: Calibri;
}

#dbTrnDateTo input[type=text] {
    font-size: 12px;
    font-family: Calibri;
}

#dbDueDateTo input[type=text] {
    font-size: 12px;
    font-family: Calibri;
}
/* DropDownBox END */

#numBoxCartQuantityDaily input[type=text] {
    font-size: 12px;
    font-family: Calibri;
    padding: 4px 2px 8px;
    text-align: right;
}

#numBoxCartQuantityWeekly input[type=text] {
    font-size: 12px;
    font-family: Calibri;
    padding: 4px 2px 8px;
    text-align: right;
}

#numBoxPIN1 input[type=text] {
    text-align: center;
}

#numBoxPIN2 input[type=text] {
    text-align: center;
}

#numBoxPIN3 input[type=text] {
    text-align: center;
}

#numBoxPIN4 input[type=text] {
    text-align: center;
}

/* Buttons START */
#btnPopupMessageOK {
    background-color: #20720D;
}

#btnPopupMessageDailyEmailOrderConfirmationNext {
    background-color: #20720D;
}

#btnPopupMessageWeeklyEmailOrderConfirmationNext {
    background-color: #20720D;
}

#btnPopupItemNewOldOK {
    background-color: #20720D;
}

#btnPopupPINCancel {
    background-color: #20720D;
}

#btnPopupPINOK {
    background-color: #20720D;
}

#btnUsernameChange {
    background-color: #20720D;
    font-size: 12px;
}

#btnUsernameSubmit {
    background-color: #20720D;
    font-size: 12px;
}

#btnUsernameCancel {
    background-color: #20720D;
    font-size: 12px;
}

#btnPasswordChange {
    background-color: #20720D;
    font-size: 12px;
}

#btnPasswordSubmit {
    background-color: #20720D;
    font-size: 12px;
}

#btnPasswordCancel {
    background-color: #20720D;
    font-size: 12px;
}

#btnOK {
    background-color: #20720D;
}

#btnSubmitAccountData {
    background-color: #20720D;
    font-size: 12px;
}

#btnUserDataSubmit {
    background-color: #20720D;
    font-size: 12px;
}

#btnUserDataCancel {
    font-size: 12px;
}

#btnUserDataCompose {
    background-color: #20720D;
    font-size: 12px;
}

#btnBillingDataCompose {
    background-color: #20720D;
    font-size: 12px;
}

#btnBillingDataSubmit {
    background-color: #20720D;
    font-size: 12px;
}

#btnBillingDataCancel {
    font-size: 12px;
}

#btnURecover {
    background-color: #20720D;
}

#btnUPRecover {
    background-color: #20720D;
}

#btnCheckStock {
    background-color: #20720D;    
}

#btnCheckStockDaily {
    background-color: #20720D;
}

#btnCheckStockWeekly {
    background-color: #20720D;
}

#btnSaveDaily .dx-button-content {
    padding: 0px;
    margin: 0px;
}

#btnRemoveDaily .dx-button-content {
    padding: 0px;
    margin: 0px;
}

#btnSaveWeekly .dx-button-content {
    padding: 0px;
    margin: 0px;
}

#btnRemoveWeekly .dx-button-content {
    padding: 0px;
    margin: 0px;
}

#btnFilterBy {
    background-color: #20720D;
}

#btnAllOrders {
    background-color: #20720D;
    color: #fff;
    font-size: 11px;
}

#btnAllOrdersClicked {
    background-color: #31a615;
    color: #fff;
    font-size: 11px;
}

#btnBackorders {
    background-color: #20720D;
    color: #fff;
    font-size: 11px;
}

#btnBackordersClicked {
    background-color: #31a615;
    color: #fff;
    font-size: 11px;
}

#btnCompleted {
    background-color: #20720D;
    color: #fff;
    font-size: 11px;
}

#btnCompletedClicked {
    background-color: #31a615;
    color: #fff;
    font-size: 11px;
}

#btnAggregate {
    background-color: #20720D;
    color: #fff;
    font-size: 11px;
}

#btnAggregateClicked {
    background-color: #31a615;
    color: #fff;
    font-size: 11px;
}

#btnCompaniesCancel {
    background-color: #20720D;
    font-size: 12px;
}

#btnBusinessUnitCancel {
    background-color: #20720D;
    font-size: 12px;
}

#btnCancel {
    background-color: #20720D;
}

#btnMachineManufacturerCancel {
    background-color: #20720D;
}

#btnMachineCategoryCancel {
    background-color: #20720D;
}

#btnMachineGroupCancel {
    background-color: #20720D;
}

#btnMachineModelCancel {
    background-color: #20720D;
}

#btnCancelBrandNames {
    background-color: #20720D;
}

#btnCancelSubCategories {
    background-color: #20720D;
}

#btnCancelModelTypes {
    background-color: #20720D;
}

#btnCancelModels {
    background-color: #20720D;
}

#btnAccLevelCancel {
    background-color: #20720D;
    font-size: 12px;
}

#btnSearch {
    background-color: #20720D;
}

#btnSelect {
    background-color: #20720D;
}

#btnBack {
    background-color: #20720D;
}

#btnShowAllBrandNames {
    background-color: #20720D;
    font-size: 12px;
}

#btnShowAllSubCategories {
    background-color: #20720D;
    font-size: 12px;
}

#btnSignUp {
    background-color: #20720D;
}

#btnNewPIN {
    background-color: #20720D;
}

#btnNext {
    background-color: #20720D;
}

#btnSubmit {
    background-color: #20720D;
}

#btnSubmitFinal {
    background-color: #20720D;
}

#btnDailyClearYes {
    background-color: #20720D;
}

#btnWeeklyClearYes {
    background-color: #20720D;
}

#btnDailySubmitFinal {
    background-color: #20720D;
}

#btnWeeklySubmitFinal {
    background-color: #20720D;
}

#btnPriceList {
    background-color: #20720D;
    font-size: 18px;
}

#btnOrder {
    background-color: #20720D;
    font-size: 18px;
}

#btnOils {
    background-color: #20720D;
    font-size: 18px;
}

#btnBatteries {
    background-color: #20720D;
    font-size: 18px;
}

#btnAddToDailyCart {
    background-color: #20720D;
}

#btnAddToWeeklyCart {
    background-color: #20720D;
}

#btnFactoryAddToDailyCart {
    background-color: #20720D;
}

#btnFactoryAddToWeeklyCart {
    background-color: #20720D;
}

#btnStockAddToDailyCart {
    background-color: #20720D;
}

#btnStockAddToWeeklyCart {
    background-color: #20720D;
}

#btnNewOrder {
    background-color: #20720D;
}

#btnDailySubmitFinal {
    background-color: #20720D;
}

#btnDailySubmit {
    background-color: #20720D;
}

#btnWeeklySubmitFinal {
    background-color: #20720D;
}

#btnWeeklySubmit {
    background-color: #20720D;
}
/* Buttons END */
/* TextBox START */
#txtBoxUsername {
    max-width: 300px;
    align-content: center;
}

#txtBoxPassword {
    max-width: 300px;
}

#txtBoxConfirmPassword {
    max-width: 300px;
}

#txtBoxItemCode input[type=text] {
    font-size: 12px;
    font-family: Calibri;
    padding: 4px 5px 8px;
}

#txtBoxItemCode .dx-placeholder {
    font-size: 12px;
    font-family: Calibri;
}

#txtBoxItemCode .dx-placeholder:before {
    padding: 4px 5px 8px;
}

#txtBoxItemCodeLike input[type=text] {
    font-size: 12px;
    font-family: Calibri;
    padding: 4px 5px 8px;
}

#txtBoxItemCodeLike .dx-placeholder {
    font-size: 12px;
    font-family: Calibri;
}

#txtBoxItemCodeLike .dx-placeholder:before {
    padding: 4px 5px 8px;
}

#txtBoxItemDescr input[type=text] {
    font-size: 12px;
    font-family: Calibri;
    height: 25px;
    padding: 4px 5px 8px;
}

#txtBoxItemDescr .dx-placeholder {
    font-size: 12px;
    font-family: Calibri;
}

#txtBoxItemDescr .dx-placeholder:before {
    padding: 4px 5px 8px;
}

#txtBoxModelLike input[type=text] {
    font-size: 12px;
    font-family: Calibri;
    padding: 4px 5px 8px;
}

#txtBoxModelLike .dx-placeholder {
    font-size: 12px;
    font-family: Calibri;
}

#txtBoxModelLike .dx-placeholder:before {
    padding: 4px 5px 8px;
}

#txtBoxPhoneCode input[type=text] {
    text-align: center;
}

#txtBoxMobileCode input[type=text] {
    text-align: center;
}

#txtBoxAppMobileCode input[type=text] {
    text-align: center;
}

#txtBoxBalanceBuying01S input[type=text] {
    text-align: right;
    height: 25px;
    font-family: Calibri;
    font-size: 12px;
    padding-right: 3px;
}

#txtBoxBalanceBuying01SD input[type=text] {
    text-align: right;
    height: 25px;
    font-family: Calibri;
    font-size: 12px;
    padding-right: 3px;
}

#txtBoxBalanceBuying02S input[type=text] {
    text-align: right;
    height: 25px;
    font-family: Calibri;
    font-size: 12px;
    padding-right: 3px;
}

#txtBoxBalanceBuying02SD input[type=text] {
    text-align: right;
    height: 25px;
    font-family: Calibri;
    font-size: 12px;
    padding-right: 3px;
}

#txtBoxBalanceBuying03S input[type=text] {
    text-align: right;
    height: 25px;
    font-family: Calibri;
    font-size: 12px;
    padding-right: 3px;
}

#txtBoxBalanceBuying03SD input[type=text] {
    text-align: right;
    height: 25px;
    font-family: Calibri;
    font-size: 12px;
    padding-right: 3px;
}

#txtBoxBalanceBuying04S input[type=text] {
    text-align: right;
    height: 25px;
    font-family: Calibri;
    font-size: 12px;
    padding-right: 3px;
}

#txtBoxBalanceBuying04SD input[type=text] {
    text-align: right;
    height: 25px;
    font-family: Calibri;
    font-size: 12px;
    padding-right: 3px;
}

#txtBoxBalanceBuying05S input[type=text] {
    text-align: right;
    height: 25px;
    font-family: Calibri;
    font-size: 12px;
    padding-right: 2px;
}

#txtBoxBalanceBuying05SD input[type=text] {
    text-align: right;
    height: 25px;
    font-family: Calibri;
    font-size: 12px;
    padding-right: 3px;
}

#txtBoxBalanceBuying02F input[type=text] {
    text-align: right;
    height: 25px;
    font-family: Calibri;
    font-size: 12px;
    padding-right: 3px;
}

#txtBoxQuantityDaily input[type=text] {
    text-align: right;
    height: 25px;
    font-family: Calibri;
    font-size: 12px;
    padding-right: 3px;
}

#txtBoxQuantityWeekly input[type=text] {
    text-align: right;
    height: 25px;
    font-family: Calibri;
    font-size: 12px;
    padding-right: 3px;
}
/* TextBox END */
/*.dx-texteditor-input {
    text-align: center;
    color: red
}*/
.UserInfo {
    font-size: 14px;
    font-weight: bold;
    font-family: Calibri;
    color: #fff;
}

/* Checkbox*/
#chkBoxInventory, #chkBoxCosting, #chkBoxShowCancelled, #chkBoxZeroes, #chkBoxHideColumns {
    font-size: 12px;
}


#chkBoxDailyOrderConfirmationEmail .dx-checkbox-text {
    font-size: 14px;
    font-family: Calibri;
}

#chkBoxRememberMe .dx-checkbox-text {
    /*margin-left: -22px;
    padding-left: 0px;*/
    font-size: 12px;
    font-family: Calibri;
}

#chkBoxHasStock .dx-checkbox-text {
    /*margin-left: -22px;
    padding-left: 0px;*/
    font-size: 12px;
    font-family: Calibri;
}

#chkBoxShowAll .dx-checkbox-text {
    /*margin-left: -22px;
    padding-left: 0px;*/
    font-size: 12px;
    font-family: Calibri;
}

#chkBoxOpenFaceValue .dx-checkbox-text {
    /*margin-left: -22px;
    padding-left: 0px;*/
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    font-family: Calibri;
}

#ddBoxCompanies .dx-dropdowneditor-button {
    width: 24px;
    padding: 1px;
    border-radius: 4px;
}

#ddBoxCompanies input[type=text] {
    font-size: 12px;
    font-family: Calibri;
}

#ddBoxCompanies .dx-placeholder {
    font-size: 10px;
    font-family: Calibri;
}

/* listCompanies*/
#listCompanies .dx-list-group-header {
    font-size: 12px;
    font-family: Calibri;
    font-weight: bold;
    padding: 20px 10px 0px 0px;
    /*border-top: 1px solid #ddd;*/
    border-bottom: 2px solid #ddd;
    background: rgba(238, 238, 238, 0.05);
    color: #333;
}

#listCompanies .dx-list-item {
    font-size: 12px;
    font-family: Calibri;
}

#ddBoxBusinessUnit .dx-dropdowneditor-button {
    width: 24px;
    padding: 1px;
    border-radius: 4px;
}

#ddBoxBusinessUnit input[type=text] {
    font-size: 12px;
    font-family: Calibri;
}

#ddBoxBusinessUnit .dx-placeholder {
    font-size: 10px;
    font-family: Calibri;
}

/* listBusinessUnit*/
#listBusinessUnit .dx-list-group-header {
    font-size: 12px;
    font-family: Calibri;
    font-weight: bold;
    padding: 20px 10px 0px 0px;
    /*border-top: 1px solid #ddd;*/
    border-bottom: 2px solid #ddd;
    background: rgba(238, 238, 238, 0.05);
    color: #333;
}

#listBusinessUnit .dx-list-item {
    font-size: 12px;
    font-family: Calibri;
}

#accordionGeneral .dx-accordion-item-title {
    color: #333;
    padding: 9px 4px;
    font-family: Calibri;
    font-size: 12px;
    font-weight: bold;
}

#accordionGeneral .dx-accordion-item-body {
    padding: 4px 4px 12px;
    font-family: Calibri;
    font-size: 12px;
}

#accordionPartsPerModel .dx-accordion-item-title {
    color: #333;
    padding: 9px 4px;
    font-family: Calibri;
    font-size: 12px;
    font-weight: bold;
}

#accordionPartsPerModel .dx-accordion-item-body {
    padding: 4px 4px 12px;
    font-family: Calibri;
    font-size: 12px;
}

#accordionDate .dx-accordion-item-title {
    color: #333;
    padding: 9px 4px;
    font-family: Calibri;
    font-size: 12px;
    font-weight: bold;
}

#accordionDate .dx-accordion-item-body {
    padding: 4px 4px 12px;
    font-family: Calibri;
    font-size: 12px;
}

#accordionItem .dx-accordion-item-title {
    color: #333;
    padding: 9px 4px;
    font-family: Calibri;
    font-size: 12px;
    font-weight: bold;
}

#accordionItem .dx-accordion-item-body {
    padding: 4px 4px 12px;
    font-family: Calibri;
    font-size: 12px;
}

#accordionFeatures .dx-accordion-item-title {
    color: #333;
    padding: 9px 4px;
    font-family: Calibri;
    font-size: 12px;
    font-weight: bold;
}

#accordionFeatures .dx-accordion-item-body {
    padding: 4px 4px 12px;
    font-family: Calibri;
    font-size: 12px;
}

#accordionSubCategories .dx-accordion-item-title {
    color: #333;
    padding: 9px 4px;
    font-family: Calibri;
    font-size: 12px;
    font-weight: bold;
}

#accordionSubCategories .dx-accordion-item-body {
    padding: 4px 4px 12px;
    font-family: Calibri;
    font-size: 12px;
}

#accordionTrnDate .dx-accordion-item-title {
    color: #333;
    padding: 9px 4px;
    font-family: Calibri;
    font-size: 12px;
    font-weight: bold;
}

#accordionTrnDate .dx-accordion-item-body {
    padding: 4px 4px 12px;
    font-family: Calibri;
    font-size: 12px;
}

#accordionDueDate .dx-accordion-item-title {
    color: #333;
    padding: 9px 4px;
    font-family: Calibri;
    font-size: 12px;
    font-weight: bold;
}

#accordionDueDate .dx-accordion-item-body {
    padding: 4px 4px 12px;
    font-family: Calibri;
    font-size: 12px;
}


#accordionStatus .dx-accordion-item-title {
    color: #333;
    padding: 9px 4px;
    font-family: Calibri;
    font-size: 12px;
    font-weight: bold;
}

#accordionStatus .dx-accordion-item-body {
    padding: 4px 4px 12px;
    font-family: Calibri;
    font-size: 12px;
}

#accordionPeriod .dx-accordion-item-title {
    color: #333;
    padding: 9px 4px;
    font-family: Calibri;
    font-size: 12px;
    font-weight: bold;
}

#accordionPeriod .dx-accordion-item-body {
    padding: 4px 4px 12px;
    font-family: Calibri;
    font-size: 12px;
}

#accordionAccounts .dx-accordion-item-title {
    color: #333;
    padding: 9px 4px;
    font-family: Calibri;
    font-size: 12px;
    font-weight: bold;
}

#accordionAccounts .dx-accordion-item-body {
    padding: 4px 4px 12px;
    font-family: Calibri;
    font-size: 12px;
}


/**/
#listBusinessUnit .dx-list-item {
    font-family: Calibri;
    font-size: 12px;
    font-weight: normal;
}

#listBusinessUnit .dx-list-item-content, .dx-list .dx-empty-message {
    padding: 5px 5px;
}

#listBusinessUnit .dx-list-search {
    margin-bottom: 5px;
    font-family: Calibri;
    font-size: 12px;
}

    #listBusinessUnit .dx-list-search input[type=text] {
        padding-top: 2px;
    }

    #listBusinessUnit .dx-list-search .dx-placeholder {
        font-family: Calibri;
        font-size: 12px;
    }

#listBusinessUnit .dx-list.dx-list-with-search .dx-scrollable-wrapper {
    height: 25px;
}

#listBusinessUnit .dx-button-mode-contained {
    padding: 0px 10px;
    background-color: #fff;
    border-color: #20720D;
    color: #333;
}

    #listBusinessUnit .dx-button-mode-contained.dx-state-hover {
        background-color: #20720D;
        color: #fff;
        border-color: #ddd;
    }

#listBusinessUnit .dx-list-next-button .dx-button .dx-button-content {
    padding: 7px 0px 8px;
    width: 100%;
    /*padding: 4px;*/
    font-size: 11px;
    font-family: Calibri;
}

#listBusinessUnit .dx-checkbox-icon {
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: 1px solid #ddd;
    background-color: #fff;
}

#listBusinessUnit .dx-searchbox {
    height: 30px;
}

#listBusinessUnit .dx-searchbox .dx-placeholder {
    padding-top: 2px;
    font-size: 12px;
    font-family: Calibri;
}

#listBusinessUnit .dx-searchbox .dx-texteditor-input:before {
    padding-left: 30px;
    padding-top: 1px;
}

#listBusinessUnit .dx-searchbox .dx-placeholder:before {
    padding-left: 33px;
    padding-top: 5px;
}

#listBusinessUnit .dx-searchbox .dx-icon-search {
    font: 12px/1 DXIcons;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    width: 18px;
    height: 18px;
    background-position: 8px 8px;
    background-size: 12px 12px;
    padding-top: 11px;
    font-size: 12px;
    text-align: center;
    line-height: 12px;
    font-size: 14px;
    color: #999999;
}

#listBrandNames .dx-list-item {
    font-family: Calibri;
    font-size: 12px;
    font-weight: normal;
}

#listBrandNames .dx-list-item-content, .dx-list .dx-empty-message {
    padding: 5px 5px;
}

#listBrandNames .dx-list-search {
    margin-bottom: 5px;
    font-family: Calibri;
    font-size: 12px;
}

#listBrandNames .dx-list-search input[type=text] {
    padding-top: 2px;
}

#listBrandNames .dx-list-search .dx-placeholder {
    font-family: Calibri;
    font-size: 12px;
}

#listBrandNames .dx-list.dx-list-with-search .dx-scrollable-wrapper {
    height: 25px;
}

#listBrandNames .dx-button-mode-contained {
    padding: 0px 10px;
    background-color: #fff;
    border-color: #20720D;
    color: #333;
}

#listBrandNames .dx-button-mode-contained.dx-state-hover {
    background-color: #20720D;
    color: #fff;
    border-color: #ddd;
}

#listBrandNames .dx-list-next-button .dx-button .dx-button-content {
    padding: 7px 0px 8px;
    width: 100%;
    /*padding: 4px;*/
    font-size: 11px;
    font-family: Calibri;
}

#listBrandNames .dx-checkbox-icon {
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: 1px solid #ddd;
    background-color: #fff;
}

#listBrandNames .dx-searchbox {
    height: 30px;
}

#listBrandNames .dx-searchbox .dx-placeholder {
    padding-top: 2px;
    font-size: 12px;
    font-family: Calibri;
}

#listBrandNames .dx-searchbox .dx-texteditor-input:before {
    padding-left: 30px;
    padding-top: 1px;
}

#listBrandNames .dx-searchbox .dx-placeholder:before {
    padding-left: 33px;
    padding-top: 5px;
}

#listBrandNames .dx-searchbox .dx-icon-search {
    font: 12px/1 DXIcons;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    width: 18px;
    height: 18px;
    background-position: 8px 8px;
    background-size: 12px 12px;
    padding-top: 11px;
    font-size: 12px;
    text-align: center;
    line-height: 12px;
    font-size: 14px;
    color: #999999;
}

/**/
#listSubCategories .dx-list-item {
    font-family: Calibri;
    font-size: 12px;
    font-weight: normal;
}

#listSubCategories .dx-list-item-content, .dx-list .dx-empty-message {
    padding: 5px 5px;
}

#listSubCategories .dx-list-search {
    margin-bottom: 5px;
    font-family: Calibri;
    font-size: 12px;
}

#listSubCategories .dx-list-search {
    margin-bottom: 5px;
    font-family: Calibri;
    font-size: 12px;
}

#listSubCategories .dx-list-search .dx-placeholder {
    font-family: Calibri;
    font-size: 12px;
}

#listSubCategories .dx-list.dx-list-with-search .dx-scrollable-wrapper {
    height: 25px;
}

#listSubCategories .dx-button-mode-contained {
    padding: 0px 10px;
    background-color: #fff;
    border-color: #20720D;
    color: #333;
}

#listSubCategories .dx-button-mode-contained.dx-state-hover {
    background-color: #20720D;
    color: #fff;
    border-color: #ddd;
}

#listSubCategories .dx-list-next-button .dx-button .dx-button-content {
    padding: 7px 0px 8px;
    width: 100%;
    /*padding: 4px;*/
    font-size: 11px;
    font-family: Calibri;
}

#listSubCategories .dx-checkbox-icon {
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: 1px solid #ddd;
    background-color: #fff;
}

#listSubCategories .dx-searchbox {
    height: 30px;
}

#listSubCategories .dx-searchbox .dx-placeholder {
    padding-top: 2px;
    font-size: 12px;
    font-family: Calibri;
}

#listSubCategories .dx-searchbox .dx-texteditor-input:before {
    padding-left: 30px;
    padding-top: 1px;
}

#listSubCategories .dx-searchbox .dx-placeholder:before {
    padding-left: 33px;
    padding-top: 5px;
}

#listSubCategories .dx-searchbox .dx-icon-search {
    font: 12px/1 DXIcons;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    width: 18px;
    height: 18px;
    background-position: 8px 8px;
    background-size: 12px 12px;
    padding-top: 11px;
    font-size: 12px;
    text-align: center;
    line-height: 12px;
    font-size: 14px;
    color: #999999;
}

/* Model Type*/
#listModelTypes .dx-list-item {
    font-family: Calibri;
    font-size: 12px;
    font-weight: normal;
}

#listModelTypes .dx-list-item-content, .dx-list .dx-empty-message {
    padding: 5px 5px;
}

#listModelTypes .dx-list-search {
    margin-bottom: 5px;
    font-family: Calibri;
    font-size: 12px;
}

#listModelTypes .dx-list-search input[type=text] {
    padding-top: 2px;
}

#listModelTypes .dx-list-search .dx-placeholder {
    font-family: Calibri;
    font-size: 12px;
}

#listModelTypes .dx-list.dx-list-with-search .dx-scrollable-wrapper {
    height: 25px;
}

#listModelTypes .dx-button-mode-contained {
    padding: 0px 10px;
    background-color: #fff;
    border-color: #20720D;
    color: #333;
}

#listModelTypes .dx-button-mode-contained.dx-state-hover {
    background-color: #20720D;
    color: #fff;
    border-color: #ddd;
}

#listModelTypes .dx-list-next-button .dx-button .dx-button-content {
    padding: 7px 0px 8px;
    width: 100%;
    /*padding: 4px;*/
    font-size: 11px;
    font-family: Calibri;
}

#listModelTypes .dx-checkbox-icon {
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: 1px solid #ddd;
    background-color: #fff;
}

#listModelTypes .dx-searchbox {
    height: 30px;
}

#listModelTypes .dx-searchbox .dx-placeholder {
    padding-top: 2px;
    font-size: 12px;
    font-family: Calibri;
}

#listModelTypes .dx-searchbox .dx-texteditor-input:before {
    padding-left: 30px;
    padding-top: 1px;
}

#listModelTypes .dx-searchbox .dx-placeholder:before {
    padding-left: 33px;
    padding-top: 5px;
}

#listModelTypes .dx-searchbox .dx-icon-search {
    font: 12px/1 DXIcons;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    width: 18px;
    height: 18px;
    background-position: 8px 8px;
    background-size: 12px 12px;
    padding-top: 11px;
    font-size: 12px;
    text-align: center;
    line-height: 12px;
    font-size: 14px;
    color: #999999;
}

/* Model */
#listModels .dx-list-item {
    font-family: Calibri;
    font-size: 12px;
    font-weight: normal;
}

#listModels .dx-list-item-content, .dx-list .dx-empty-message {
    padding: 5px 5px;
}

#listModels .dx-list-search {
    margin-bottom: 5px;
    font-family: Calibri;
    font-size: 12px;
}

#listModels .dx-list-search input[type=text] {
    padding-top: 2px;
}

#listModels .dx-list-search .dx-placeholder {
    font-family: Calibri;
    font-size: 12px;
}

#listModels .dx-list.dx-list-with-search .dx-scrollable-wrapper {
    height: 25px;
}

#listModels .dx-button-mode-contained {
    padding: 0px 10px;
    background-color: #fff;
    border-color: #20720D;
    color: #333;
}

    #listModels .dx-button-mode-contained.dx-state-hover {
        background-color: #20720D;
        color: #fff;
        border-color: #ddd;
    }

#listModels .dx-list-next-button .dx-button .dx-button-content {
    padding: 7px 0px 8px;
    width: 100%;
    /*padding: 4px;*/
    font-size: 11px;
    font-family: Calibri;
}

#listModels .dx-checkbox-icon {
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: 1px solid #ddd;
    background-color: #fff;
}

#listModels .dx-searchbox {
    height: 30px;
}

#listModels .dx-searchbox .dx-placeholder {
    padding-top: 2px;
    font-size: 12px;
    font-family: Calibri;
}

#listModels .dx-searchbox .dx-texteditor-input:before {
    padding-left: 30px;
    padding-top: 1px;
}

#listModels .dx-searchbox .dx-placeholder:before {
    padding-left: 33px;
    padding-top: 5px;
}

#listModels .dx-searchbox .dx-icon-search {
    font: 12px/1 DXIcons;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    width: 18px;
    height: 18px;
    background-position: 8px 8px;
    background-size: 12px 12px;
    padding-top: 11px;
    font-size: 12px;
    text-align: center;
    line-height: 12px;
    font-size: 14px;
    color: #999999;
}

/**/
#listItems {
    border: 1px solid #d8d8d8;
    padding: 2px 2px 5px 2px;
}

#listItems .dx-button-mode-contained {
    padding: 0px 10px;
    background-color: #fff;
    border-color: #20720D;
    color: #333;
}

#listItems .dx-button-mode-contained.dx-state-hover {
    background-color: #20720D;
    color: #fff;
    border-color: #ddd;
}

#listItemsDetails {
    border: 1px solid #d8d8d8;
    padding: 2px 2px 5px 2px;
}

#listItemsDetails .dx-button-mode-contained {
    padding: 0px 10px;
    background-color: #fff;
    border-color: #20720D;
    color: #333;
}

#listItemsDetails .dx-button-mode-contained.dx-state-hover {
    background-color: #20720D;
    color: #fff;
    border-color: #ddd;
}


/* Lookup */
#lookupRoleKates .dx-lookup {    
    border: 1px solid #ddd;
    background: #fff;
}

#lookupRoleKates .dx-lookup-arrow:before {
    content: '\f001';
}


#lookupCompanies .dx-lookup {
    height: 25px;
    border: 1px solid #ddd;
    background: #fff;
}

#lookupCompanies .dx-lookup-arrow:before {
    content: '\f001';
}

#lookupCompanies .dx-lookup-field {
    padding: 3px 34px 8px 9px;
    font-family: Calibri;
    font-size: 12px;
}

#lookupCompanies .dx-lookup-popup-wrapper .dx-popup-content {
    top: 0;
    padding: 0;
}

#lookupCompanies .dx-list-search {
    margin-bottom: 5px;
    font-family: Calibri;
    font-size: 12px;
}

#lookupCompanies .dx-list-search input[type=text] {
    padding-top: 2px;
}

#lookupCompanies .dx-list-search .dx-placeholder {
    font-family: Calibri;
    font-size: 12px;
}

#lookupCompanies .dx-list.dx-list-with-search .dx-scrollable-wrapper {
    height: 25px;
}

#selBoxOrderStatus {
    font-size: 12px;
    font-family: Calibri;
    height: 25px;
}

#selBoxOrderStatus input[type=text] {
    font-size: 12px;
    font-family: Calibri;
    padding-bottom: 15px;    
}

#selBoxOrderStatus .dx-placeholder:before {
    font-size: 10px;
    padding: 4px 5px 8px;
}

#selBoxOrderStatus .dx-placeholder {
    font-size: 12px;
    font-family: Calibri;
}

.title {
    float: left;
    font-family: Calibri;
    font-size: 14px;
    font-weight: bold;
    color: #20720D
}

.description {
    float: left;
    font-family: Calibri;
    font-size: 12px;
}


/* Popup */
#popup {
    padding: 10px;    
}

#popup ul {
    list-style-type: none;
    text-align: center;
    font-size: 0;
}

#popup ul li {
    display: inline-block;
    width: 160px;
    margin: 10px;
    font-size: 14px;
}

#popup ul li img {
    width: 100px;
}

.button-info {
    margin: 10px;
}

.popup p {
    margin-bottom: 10px;
    margin-top: 0;
}

/* Round panel*/
.outer {
    border-radius: 20px;
    background-color: #eeeeee;
    border-color: #222222;
    border-style: solid;
    border-width: 2px;
    overflow: hidden;
}

.heading {
    text-align: center;
    background-color: #3e3e44;
    border-bottom: solid #222222 2px;
    color: #ffffff;
    padding: 4px;
    font-weight: bold;
}

.outer p {
    margin: 10px;    
}