a.nav-link {
    color: #221E20;
    font-weight: bold;
    font-size: 14px;
    font-family: filson-pro;
    font-weight: 400;
}

.submenu-btn {
    width: 30px;
    height: 30px;
    position: relative;
    border-radius: 100%;
    transition: .25s all ease-in-out;
    background-color: #D9D9D9;
    text-align: center;
    padding-top: 8px;
    display: block !important;
    margin: 0 auto;
}

.submenu-btn:hover {
    cursor: pointer;
    background-color: #AFAFAF;
}

.broadlume-banner {
    width: 300px;
    height: 50px;
    margin: auto;
    /*margin-left: 550px;*/
    line-height: 5;
}

.dx-swatch-broadlume-scheme .dx-icon-export-to {
    font: 14px/1 DXIcons;

}

/*.dx-icon-export-to::before {
    content: "\f05f";
}*/
.dx-swatch-broadlume-scheme .dx-icon-export-to::before {
    content: "\f05f";
}

/*.dx-datagrid-export-button .dx-icon-export-to:before {
}*/

dyautocomplete span.select2,
recordtype span.select2-selection,
input[type="password"],
input[type="number"],
input[type="email"],
input[type="tel"],
select.form-control {
    background: #FFFFFF;
    border: 1px solid #747474;
    background: transparent;
    border: none;
    border-radius: 6px;
    padding: 5px 10px;
    height: 40px;
    font-weight: 300;
    font-size: 15px;
    line-height: 22px;
    color: #221E20;
}

.select2-container .select2-selection--single,
.select2-container .select2-selection--multiple {
    height: 48px !important;

    border: 1px solid #747474;
    border-radius: 6px;
    line-height: 40px;
}

span.icon-bar {
    background-color: black !important;
}

.form-control-static {
    min-height: 48px;
}

span.icon-bar {
    background-color: black !important;
}

body label {
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    font-family: Calibri;
}

body input[type="text"] {
    height: 14px;
    min-width: 210px;
    background: transparent;
    border: unset;
}


.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    /*font-family: calibri;*/
    /*font-weight: bold;*/

    font-family: filson-pro, sans-serif;
    color: #221E20;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}

/*BL-393* -- start*/

.sp_label {
    font-family: filson-pro, sans-serif;
    color: #221E20;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}

.form-group {
    margin-bottom: 5px !important;
}

.sp_row {
    padding: 0 0 5px !important;
}


.sp_header {
    font-family: filson-pro, sans-serif;
    color: #221E20;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}

body label {
    font-weight: bold;
}

.sp_active {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.sp_print_active {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end !important;
    text-align: right !important;
    /*margin-top: -8px !important;*/
    /*float: right;
        clear: both;
        width: 49%;
        text-align: right;
        margin-top: -40px;*/
}

dytext input[type="number"] {
    background: #FFFFFF;
    border: 1px solid #747474;
}

.modified_label {
    border: 1px solid #747474;
    border-radius: 6px;
    background-color: #fff;
    padding: 13px 12px;
    font-family: filson-pro, sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;

    width: 32%;

}

.qr_link a {
    font-family: filson-pro, sans-serif;
    color: #221E20;
    font-weight: 300;
    font-size: 10px;
    line-height: 22px;
    border: 1px solid #747474;
    border-radius: 6px;
    background-color: #fff;
    padding: 13px 12px;
    display: block;
    white-space: nowrap;
    overflow: auto;
    width: 100%;
}

.dropdown-vendor .select2-container .select2-selection--single .select2-selection__rendered,
.select2-container .select2-selection--single .select2-selection__rendered {
    /* inner select */
    background: #D1D1D1;
    padding: 5px 3px;
    border-radius: 30px;
    font-family: filson-pro, sans-serif;
    color: #221E20;
    font-weight: 400;
    font-size: 15px;
    border: 1px solid #747474;
    display: inline !important;
}

.dropdown-vendor .select2-container .select2-selection--multiple .select2-selection__rendered,
.select2-container .select2-selection--multiple .select2-selection__rendered {
    /* inner select */
    padding: 5px 3px;
    font-family: filson-pro, sans-serif;
    color: #221E20;
    font-weight: 400;
    font-size: 15px;
    margin: 0;
}

.dropdown-vendor .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice,
.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    /* inner select */
    background: #D1D1D1;
    padding: 5px 3px;
    border-radius: 30px;
    font-family: filson-pro, sans-serif;
    color: #221E20;
    font-weight: 400;
    font-size: 15px;
    border: 1px solid #747474;
    line-height: normal;
    display: inline !important;
    margin: 0;
}

.dropdown-vendor .select2-container .select2-selection--multiple .select2-selection__rendered,
.select2-container .select2-selection--multiple .select2-selection__rendered {
    list-style-type: none;
}


.select2-container .select2-selection--single,
.select2-container .select2-selection--multiple {
    /* main select */
    font-family: filson-pro, sans-serif;
    color: #747474;
    font-weight: 300;
    font-size: 16px;
    border: 1px solid #747474 !important;
    border-radius: 6px !important;
    line-height: 40px;
    width: 100%;
}


.sp_display_assignment {
    font-family: filson-pro, sans-serif;
    color: #221E20;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    display: flex;
}

input[name="display_assignment"] {
    font-family: filson-pro, sans-serif;
    color: #221E20;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    border: 1px solid #747474;
    border-radius: 6px;
    background-color: #fff;
    padding: 13px 12px;
}

.sp_marketing_url {
    font-family: filson-pro, sans-serif;
    color: #221E20;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    display: flex;
}

input[name="marketing_page_url"] {
    font-family: filson-pro, sans-serif;
    color: #221E20;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    border: 1px solid #747474;
    border-radius: 6px;
    background-color: #fff;
    padding: 13px 12px;
}

.sp_sample_swatches {
    font-family: filson-pro, sans-serif;
    color: #221E20;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    display: flex;
}

.sp_sample_board {
    font-family: filson-pro, sans-serif;
    color: #221E20;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    display: flex;
}

.sp_pricing_model {
    font-family: filson-pro, sans-serif;
    color: #221E20;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    display: flex;
}

input[name="pricing_model"] {
    font-family: filson-pro, sans-serif;
    color: #221E20;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    border: 1px solid #747474;
    border-radius: 6px;
    background-color: #fff;
    padding: 13px 12px;
}

.sp_margin {
    font-family: filson-pro, sans-serif;
    color: #221E20;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    display: flex;
}

input[name="margin"] {
    font-family: filson-pro, sans-serif;
    color: #221E20;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    border: 1px solid #747474;
    border-radius: 6px;
    background-color: #fff;
    padding: 13px 12px;
}

.sp_base {
    font-family: filson-pro, sans-serif;
    color: #221E20;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    display: flex;
}

input[name="base"] {
    font-family: filson-pro, sans-serif;
    color: #221E20;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    border: 1px solid #747474;
    border-radius: 6px;
    background-color: #fff;
    padding: 13px 12px;
}


.sp_unit_cost {
    font-family: filson-pro, sans-serif;
    color: #221E20;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    display: flex;
}

input[name="unit_cost"] {
    font-family: filson-pro, sans-serif;
    color: #221E20;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    border: 1px solid #747474;
    border-radius: 6px;
    background-color: #fff;
    padding: 13px 12px;
}

.sp_qty_cost {
    font-family: filson-pro, sans-serif;
    color: #221E20;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    display: flex;
}

input[name="qty_cost"] {
    font-family: filson-pro, sans-serif;
    color: #221E20;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    border: 1px solid #747474;
    border-radius: 6px;
    background-color: #fff;
    padding: 13px 12px;
}

.sp_qty_required {
    font-family: filson-pro, sans-serif;
    color: #221E20;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    display: flex;
}

input[name="qty_required"] {
    font-family: filson-pro, sans-serif;
    color: #221E20;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    border: 1px solid #747474;
    border-radius: 6px;
    background-color: #fff;
    padding: 13px 12px;
}

.sp_freight {
    font-family: filson-pro, sans-serif;
    color: #221E20;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    display: flex;
}

input[name="freight"] {
    font-family: filson-pro, sans-serif;
    color: #221E20;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    border: 1px solid #747474;
    border-radius: 6px;
    background-color: #fff;
    padding: 13px 12px;
}

.sp_overbill {
    font-family: filson-pro, sans-serif;
    color: #221E20;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    display: flex;
}

input[name="overbill"] {
    font-family: filson-pro, sans-serif;
    color: #221E20;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    border: 1px solid #747474;
    border-radius: 6px;
    background-color: #fff;
    padding: 13px 12px;
}

.sp_ignore {
    font-family: filson-pro, sans-serif;
    color: #221E20;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    display: flex;
}

.sp_dyyesno {
    position: relative !important;
    display: flex !important;
    vertical-align: middle !important;
    flex-direction: row !important;
    justify-content: space-between;
}

/*BL-393* -- end*/

/* start: for grids that don't use custom views, move the filter-panel to the top */
.legacy-grid .dx-datagrid>.dx-datagrid-header-panel {
    order: 0;
}

.legacy-grid .dx-datagrid>.dx-datagrid-filter-panel {
    order: 1;
    border-bottom: 1px solid #d1d1d1;
}

.legacy-grid .dx-datagrid>.dx-datagrid-headers {
    order: 2;
    border-top: 1px solid #d1d1d1;
}

.legacy-grid .dx-datagrid>.dx-datagrid-rowsview {
    order: 3;
}
/* end: for grids that don't use custom views, move the filter-panel to the top */

/* start: style devextreme grid toolbar when using custom views */
dygrid#Grid.custom-view-grid .dx-toolbar,
dygrid#Grid.custom-view-grid .dx-datagrid-header-panel {
    background-color: #eeeeee;
}

dygrid#Grid.custom-view-grid .dx-swatch-broadlume-scheme .dx-toolbar-item-content .dx-button,
dygrid#Grid.custom-view-grid .dx-toolbar-item-content .dx-button {
    background-color: transparent;
    border-style: none;
    border-radius: 50%;
    padding: 3px;
}

dygrid#Grid.custom-view-grid .dx-button:hover,
dygrid#Grid.custom-view-grid .dx-button.custom-toolbar-button:hover {
    background-image: linear-gradient(rgb(0 0 0/10%) 0 0);
}

dygrid#Grid.custom-view-grid .dx-toolbar i {
    color: #a52f76;
}

dygrid#Grid.custom-view-grid .dx-button.custom-toolbar-button {
    color: white;
    background: #a52f76;
    padding: 1px 6px;
    border: .2rem solid #a52f76;
    border-radius: 100px;
    line-height: 20px;
    letter-spacing: .05rem;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

dygrid#Grid.custom-view-grid .dx-button.custom-toolbar-button:disabled {
    opacity: .55;
}

.grid-record-count {
    padding-right: 12px;
}
/* end: style devextreme grid toolbar when using custom views */

/* start: customize devextreme dialog */
.dx-popup-normal {
    padding: 25px;
}

.dx-toolbar.dx-popup-title {
    border-bottom: none !important;
}

.dx-popup-title.dx-toolbar .dx-toolbar-label {
    font-family: 'Moret' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 28px !important;
    line-height: 36px !important;
}

.dx-popup-content {
    font-size: 14px !important;
    font-family: filson-pro, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.dx-widget.dx-button-has-text {
    padding: 3px 4px;
}

.dx-button.dx-dialog-button,
.dx-button.dx-dialog-button.dx-button-mode-contained.dx-button-default.dx-state-hover,
.dx-button.dx-dialog-button.dx-button-mode-contained.dx-button-default.dx-state-focused,
.dx-button.dx-dialog-button.dx-button-mode-contained.dx-button-default.dx-state-active {
    color: #ffffff !important;
    background-color: #a52f76 !important;
    border: .2rem solid #a52f76;
    border-radius: 100px;
    line-height: 20px;
    letter-spacing: .05rem;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    box-shadow: none;
}
/* end: customize devextreme dialog */

/* BL-422: Save list modal: Start */
.grid-view-modal-container {
    padding: 0 !important;
    display: block;
    overflow: auto;
    width: 100%;
}

.grid-view-modal-container .modal-dialog {
    max-width: 800px;
    min-width: 450px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.grid-view-modal-container .modal-body {
    padding: 15px 15px 15px 19px;   /* 19px to make sure that the ident is same as the header */
}

.grid-view-modal-container .modal-body .list-name-wrapper label {
    background-color: transparent;
    color: var(--ash, #221E20);
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    font-family: 'filson-pro';
    padding: 0;
}

.grid-view-modal-container .bootstrap-dialog-title .bootstrap-dialog-title-inner {
    font-weight: 400;
}

.grid-view-modal-container .bootstrap-dialog-title .bootstrap-dialog-subtitle {
    font-family: 'filson-pro';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    color: #000;
    padding-left: 4px;
}

.grid-view-modal-container .modal-content {
    padding: Max(2.5vw, 15px) Max(3.5vw, 15px);
}

.grid-view-modal-container .bootstrap-dialog-close-button {
    display: none !important;
}

.grid-view-modal-container .modal-header {
    border-bottom: none;
}

.grid-view-modal-container .name-list-input {
    width: 80% !important;
    max-width: 460px;
}

.grid-view-modal-container .list-name-wrapper {
    margin-bottom: 40px;
}

.grid-view-modal-container .heading-h5 {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-transform: none;
    padding-bottom: 24px;
}

.grid-view-modal-container .name-list-input::-webkit-input-placeholder {
    color: var(--ash, #221E20) !important;
    opacity: 0.5 !important;
    font-size: 16px;
    font-style: normal;
    line-height: 22px;
}

.grid-view-modal-container .name-list-input:-ms-input-placeholder {
    color: var(--ash, #221E20) !important;
    opacity: 0.5 !important;
    font-size: 16px;
    font-style: normal;
    line-height: 22px;
}

.grid-view-modal-container .name-list-input::placeholder {
    color: var(--ash, #221E20) !important;
    opacity: 0.5 !important;
    font-size: 16px;
    font-style: normal;
    line-height: 22px;
}

.grid-view-modal-container .custom-radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.grid-view-modal-container .custom-radio .custom-control-input {
    margin-right: 10px;
}

.grid-view-modal-container .custom-radio .custom-control-label {
    font-family: 'filson-pro';
    cursor: pointer;
}

.grid-view-modal-container .custom-radio-container>.custom-radio:not(:last-child) {
    margin-bottom: 15px;
}

.grid-view-modal-container .custom-radio-container {
    padding-left: 25px;
}

.grid-view-modal-container .list-info {
    margin-top: 55px;
    color: #000;
    font-size: 16px;
    line-height: 22px;
}

.grid-view-modal-container .modal-footer {
    border-top: none;
}

.grid-view-modal-container .bootstrap-dialog-footer-buttons {
    margin-top: 20px;
    text-align: left;
}

.grid-view-modal-container .bootstrap-dialog-footer-buttons .btn:not(:last-child) {
    margin-right: 10px;
}

.grid-view-modal-container .bootstrap-dialog-footer-buttons .btn {
    padding: 13px 24px;
    border-radius: 100px;
    line-height: 20px;
    letter-spacing: .05rem;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    box-shadow: none;
}

.grid-view-modal-container .bootstrap-dialog-footer-buttons .btn-primary {
    background: #A52F76;
}

.grid-view-modal-container .bootstrap-dialog-footer-buttons .btn-default {
    color: #A52F76;
    background-image: none;
    border-color: transparent;
}

/* modify display properties of buttons that have icons */
.grid-view-modal-container .bootstrap-dialog-footer-buttons .btn:has(.fa) {
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.grid-view-modal-container .bootstrap-dialog-footer-buttons .fa {
    display: block;
    margin-right: 8px;
    font-size: 20px;
    line-height: 0.75;
}

@media screen and (max-width: 1023px) {
    .grid-view-modal-container .modal-dialog {
        max-width: 90vw;
        min-width: 345px;
    }
}

@media screen and (max-width: 767px) {
    .grid-view-modal-container .name-list-input {
        width: 100% !important;
        max-width: 100%;
    }

    .grid-view-modal-container .custom-radio-container {
        padding-left: 15px;
    }

    .grid-view-modal-container .list-info {
        margin-top: 30px;
    }
}

/* style for vanilla (non-devextreme) tables */
table.custom-table th,
table.custom-table td {
    font-size: 14px;
    line-height: 1.15;
}

table.custom-table td.delete-btn-wrapper {
    text-align: center;
}

table.custom-table td.delete-btn-wrapper button {
    padding-left: 0;
    padding-right: 0;
}

table.custom-table thead>tr>th,
table.custom-table tbody>tr>td {
    padding: 14px 8px;
}

table.custom-table tbody tr:not(:last-child) {
    border-bottom: 1px solid #D1D1D1;
}

table.custom-table thead tr th {
    border: 1px solid #D1D1D1;
    border-width: 0 1px 1px 0;
    vertical-align: middle;
}

table.custom-table thead tr th:last-child {
    border-right: 0;
}

table.custom-table tbody tr th:not(:last-child),
table.custom-table tbody tr td:not(:last-child) {
    border: 1px solid #D1D1D1;
    border-width: 0 1px 0 0;
}

table.custom-table tbody tr td>.btn {
    padding-top: 0;
    padding-bottom: 0;
}

table.custom-table thead tr th:nth-child(2),
table.custom-table tbody tr td:nth-child(2) {
    width: 30%;
}

table.custom-table thead tr th:nth-child(3),
table.custom-table thead tr th:nth-child(4),
table.custom-table tbody tr td:nth-child(3),
table.custom-table tbody tr td:nth-child(4) {
    width: 20%;
}

table.custom-table thead tr th:first-child,
table.custom-table tbody tr th {
    width: 6%;
}

table.custom-table thead tr th:nth-child(5),
table.custom-table thead tr th:nth-child(6),
table.custom-table tbody tr td:nth-child(5),
table.custom-table tbody tr td:nth-child(6) {
    width: 12%;
}
/* BL-422: View saved list modal: End */

/* BL-23: UI first pass polish items: Start */
#menu {
    display: flex;
    justify-content: space-between;
}

#menu>div {
    width: 100%;
}

.navbar:before,
.navbar:after {
    content: none !important;
    /* Override bootstrap issue */
}

nav .heading {
    font-size: .75em;
}

.header-left-container,
.header-right-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-left-container {
    width: 45%;
}

.header-right-container {
    width: 50%;
}

.header-left-container>*:not(.spacer) {
    padding: 5px 0;
}

#bl-logo {
    height: 35px;
}

table.view-saved-list-table thead tr th {
    border: 1px solid #D1D1D1;
    border-width: 0 1px 1px 0;
    vertical-align: middle;
}

.header-app-heading.heading-company-name {
    font-weight: 400;
    max-width: calc(100% / 2);
}

.spacer {
    display: inline-block;
    height: 38px;
    margin: 0 5px;
    width: 1px;
    background-color: #000;
}

.view-saved-list-table tbody tr td>.btn {
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-right {
    float: none !important;
}

.nav-menu {
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-grow: 2;
}

.nav-menu-item {
    padding-right: 3px;
    height: 50px;
    position: relative;
    top: 10px;
}

.nav-menu-item:last-of-type {
    padding-right: 0;
}

.nav-link:hover {
    text-decoration: none !important;
}

.nav-menu-item .has-submenu::after {
    font-family: "FontAwesome";
    font-weight: 400;
    content: "\f078";
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: .8em;
    position: relative;
    top: -1px;
    left: 3px;
    color: #007196;
}

.dropdown-menu {
    top: unset !important;
    left: unset !important;
    border: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

.nav-menu-item:hover .dropdown-menu,
.dropdown-menu:hover {
    display: block !important;
}

.dropdown-menu>li>a {
    font-size: 1em;
    color: #221E20 !important;
    padding: 6px 8px !important;
}

.mobile-nav-menu {
    display: none;
}

@media screen and (max-width: 1450px) {
    .header-left-container {
        width: 43%;
    }

    .header-right-container {
        width: 55%;
    }
}

@media screen and (max-width: 1200px) {
    nav .heading {
        font-size: .7em;
    }

    .header-app-heading.heading-company-name {
        max-width: 100%;
    }

    .header-app-heading {
        font-size: 0.75em;
    }

    .spacer {
        margin: 0 3px;
    }

    .header-right-container {
        display: none;
        height: 90vh;
        width: 100%;
        position: absolute;
        top: 90px;
        padding: 30px;
        background-color: #ffffff90;
        overflow: scroll;
        margin: 0;
        left: 0;
    }

    .nav-menu {
        display: none;
    }

    .header-left-container {
        width: 90%;
    }

    .navbar-toggle {
        position: relative;
        left: unset;
        padding-top: unset;
        float: right;
        display: block !important;
    }

    .nav-menu-item:hover .dropdown-menu,
    .dropdown-menu:hover {
        display: none !important;
    }

    .dropdown-menu {
        box-shadow: none !important;
        position: relative !important;
    }

    .open>a {
        display: block !important;
    }

    .mobile-nav-menu {
        display: block;
        list-style: none;
        padding: 0;
    }

    .mobile-nav-link {
        display: block;
        color: #221E20;
        text-transform: uppercase;
        font-size: 15px;
        padding: 5px 0;
    }

    .mobile-dropdown-menu {
        list-style: none;
        padding: 0;
    }

    .mobile-dropdown-menu li a {
        font-size: 14px;
        font-weight: 400;
    }
}

@media screen and (max-width: 1226px) {
    .header-left-container {
        width: 70%;
    }
}

@media screen and (max-width: 825px) {
    .header-left-container {
        width: 90%;
    }
}

@media screen and (max-width: 680px) {
    #menu {
        display: block;
    }

    .header-left-container {
        width: 100%;
    }

    .navbar-toggle {
        position: relative;
        left: 50%;
        padding-top: 30px;
        float: none !important;
    }
}

/* BL-23: UI first pass polish items: End */

/* BL-424:Sample Pricing [ERP X] | Product Item List>Save Views actions and icon improvements: Start */
.dx-swatch-broadlume-scheme .dx-button-mode-contained .dx-icon.fa-custom-icon-shade {
    color: #a52f76;
}
/* BL-424:Sample Pricing [ERP X] | Product Item List>Save Views actions and icon improvements: End */