/* _________________________________________________________________ */
/* _________________________________________________________________ */
:root {
  --bs-body-bg: #F9FAFB;
  --navbar-bg: #194D9C;
  --footer-bg: #194D9C;
  --bs-font-sans-serif: "HubotRegular";
  --bs-btn-font-family: "HubotRegular";
  --bs-body-font-size: 14px;
  --font-size-lg: 16px;
  --bs-body-color: #0C254B;
  --bs-primary: #194D9C;
  --bs-primary-rgb: 25, 77, 156;
  --bs-primary-hover: rgb(32.044198895, 98.6961325967, 199.955801105);
  --bs-primary-active: rgb(59.3535911602, 124.5690607735, 223.6464088398);
  --bs-primary-disabled: rgb(191.2209944751, 212.4806629834, 244.7790055249);
  --bs-border-color: #E5E7EB;
  --bs-brand-border-color: #BDD3F4;
  --bs-border-color-translucent: #e5e7eb;
  --bs-link-color: #194D9C;
  --bs-link-hover-color: rgb(26.0689655172, 80.3793103448, 162.9310344828);
  --bs-success-rgb: 22, 163, 74;
  --bs-danger-rgb: 239, 68, 68;
  --bs-header-top: #194D9C;
  --bs-gray-50: #F2F6FD;
  --bs-gray-100: #F3F4F6;
  --bs-gray-200: #E5E7EB;
  --bs-gray-300: #D1D5DB;
  --bs-gray-400: #9CA3AF;
  --bs-gray-500: #6B7280;
  --bs-gray-600: #4B5563;
  --bs-gray-700: #374151;
  --bs-gray-800: #111827;
  --bs-gray-900: #194D9C;
  --text-text: #194D9C;
  --text-text-light: #6B7280;
  --bs-red-500: #f11f10;
  --bs-btn-hover-color: rgb(32.044198895, 98.6961325967, 199.955801105);
  --bs-btn-active-color: rgb(59.3535911602, 124.5690607735, 223.6464088398);
  --bs-btn-active-border-color: #E5E7EB;
}

.btn {
  --bs-btn-border-radius: 6px;
  --bs-btn-padding-x: 16px;
  --bs-btn-padding-y: 10px;
  --bs-btn-font-weight: 500;
  --bs-btn-color:var(--bs-gray-900);
}

.btn-group-sm > .btn, .btn-sm {
  --bs-btn-padding-y: 7px;
  --bs-btn-padding-x: 16px;
  --bs-btn-border-radius: 6px;
}

.btn-primary {
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: var(--bs-primary-hover);
  --bs-btn-hover-bg: var(--bs-primary-hover);
  --bs-btn-hover-border-color: var(--bs-primary-hover);
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
  --bs-btn-active-color: var(--bs-white);
  --bs-btn-active-bg: var(--bs-primary-active);
  --bs-btn-active-border-color: var(--bs-primary-active);
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: var(--bs-white);
  --bs-btn-disabled-bg: var(--bs-primary-disabled);
  --bs-btn-disabled-border-color: var(--bs-primary-disabled);
}

.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
  --bs-btn-disabled-color: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}

.btn-outline-secondary {
  --bs-btn-color: #0C254B;
  --bs-btn-border-color: var(--bs-gray-300);
}

.btn-success {
  --bs-btn-color: var(--bs-white);
}

.btn-secondary {
  --bs-btn-color: var(--bs-white);
}

.btn-danger {
  --bs-btn-color: var(--bs-white);
}

.btn-light {
  --bs-btn-bg: var(--bs-gray-100);
}

/*__________________________________Heading Setting_______________________________________*/
/*__________________________________Navigation Setting_______________________________________*/
/*$navigationbar: (
    navbar: (
        nav_bg: $primary_color,
        nav_border-size: 0,
        nav_border-pos: all,
        nav_border-color: $border-color,
        nav_border-radius: 0,
        nav_padding: 15px 32px 15px 15px,
        nav_lf-color: inherit,
        nav_lf-size: $font_md,
        nav_lf-family: $default_font-family,
        nav_lf-uppercase: true,
        nav_lh-bg: $white,
        nav_lhf-color: inherit,
        subnav_bg: transparent,
        subnav_lf-color: inherit,
        subnav_lf-size: $font_md,
        subnav_lf-family: $default_font-family,
        subnav_lf-uppcase: false,
        subnav_lh-bg: $secondary_color,
        subnav_lhf-color: inherit,
    ),
);*/
/*______________________________Breadcrumb Setting_______________________________________*/
/*______________________________Left Navigation Setting_______________________________________*/
/*___________________________________Footer Setting___________________________________________*/
/*$footer: (
    footer_top: (
        bg: $secondary_color,
        border-pos: bottom,
        border-color: $white,
        border-size: 2px,
        f-color: inherit,
        f-size: 14px,
        f-family: $default_font-family,
        f-uppercase: false,
        tf-size: 16px,
        tf-color: inherit,
        tf-family: $default_font-family,
        tf-uppercase: false,
    ),
    footer_mid: (
        bg: $secondary_color,
        border-pos: top,
        border-color: $primary_color,
        border-size: 5,
        f-color: inherit,
        f-size: 14px,
        f-family: $default_font-family,
        f-uppercase: false,
        tf-size: $font_md,
        tf-color: inherit,
        tf-family: $default_font-family,
        tf-uppercase: true,
    ),
    footer_down: (
        bg: $primary_color,
        border-pos: top,
        border-color: $secondary_color,
        border-size: 2px,
        f-color: inherit,
        f-size: 14px,
        f-family: $default_font-family,
        f-uppercase: false,
        tf-size: 16px,
        tf-color: inherit,
        tf-family: $default_font-family,
        tf-uppercase: false,
    ),
);

//Footer a heading (hf = heading font)

$copyright_font-color: $white;
$copyright_font-Size: $font_xs;
*/
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* MODULES *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
/*__________________________________Buttons Setting_______________________________________*/
/*__________________________________Headdings Setting_______________________________________*/
/*________________________________________ Slick Slider _______________________________________*/
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* PAGES *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
/* Check Box and Radio btn border color*/
/*__________________________________ Category Page Setting_______________________________________*/
/*__________________________________ Item Detail Page Setting_______________________________________*/
/*$login_form-bg: $lightgray;
$myaccount_menu-bg: $lightgray;*/
/*@mixin breadcrumb {
    .breadcrumb {
        @each $breadcrumb_name, $breadcrumb_value in $breadcrumb {
            $brcub-ff: map-get($breadcrumb_value, brcmb-ff);
            $brcub-fs: map-get($breadcrumb_value, brcmb-fs);
            $brcub-fc: map-get($breadcrumb_value, brcmb-fc);

            @include font($family: $brcub-ff, $size: $brcub-fs);

            @if $brcub-fc != "inherit" {
                color: $brcub-fc !important;
            } @else {
                color: set-font-color($body-bg) !important;
            }
        }
    }
}*/
/* Mixin for Responsive Breakpoint */
/* End Mixin for Responsive Breakpoint */
/*______________________________________ Custom Buttons ___________________________________*/
/*______________________________________ End Custom Buttons ___________________________________*/
/** @format */
* {
  outline: none;
}

html {
  text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  height: 100%;
}

.blockElement {
  display: block;
}

.hideMe,
.showInDevice,
[v-cloak] {
  display: none;
}

.clear {
  clear: both;
}

.clearAfter::after {
  clear: both;
  display: block;
  content: "";
}

.alignCenter {
  text-align: center;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}

.noBorder {
  border: none !important;
}

.dropdown-backdrop {
  cursor: wait;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%;
  z-index: unset;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
  background: #194D9C;
}

abbr[data-original-title],
abbr[title] {
  cursor: text;
  border-bottom: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.required {
  color: var(--bs-red-500);
}

.requiblack {
  color: #000;
}

/* no-gutters Class Rules */
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^=col-],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
  position: relative;
}

dl,
p {
  margin: 0px;
}

.text-wrap {
  word-break: break-word;
}

footer ul, header ul, :not(.cimm_staticPageWrap) ul,
footer ul li, header ul li, :not(.cimm_staticPageWrap) ul li,
footer ol, header ol, :not(.cimm_staticPageWrap) ol,
footer ol li, header ol li, :not(.cimm_staticPageWrap) ol li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.cimm_bodyContentWrap .cimm_staticPageWrap ul {
  padding: 0;
}
.cimm_bodyContentWrap .cimm_staticPageWrap ul li {
  list-style-type: disc;
}
.cimm_bodyContentWrap .cimm_staticPageWrap ol {
  padding: 0 0 0 30px;
}
.cimm_bodyContentWrap .cimm_staticPageWrap ol li {
  list-style-type: decimal;
}

.text-disabled {
  color: #CCC;
}
.text-disabled:hover, .text-disabled:focus {
  color: #CCC;
}

.row-space {
  margin: 15px 0px;
  border: 0px;
}
.row-space:before, .row-space:after {
  content: "";
  display: table;
}
.row-space:after {
  clear: both;
}

.dataTables_filter {
  text-align: right;
}

.list-inline {
  display: flex;
  justify-content: flex-end;
  column-gap: 5px;
}

.font-sm {
  font-size: 12px;
  color: var(--bs-gray-800);
}

.far {
  font-family: "FontAwesomePro-Regular" !important;
}

/*input[type='file' i] {
    appearance: none;
    background-color: initial;
    cursor: default;
    align-items: baseline;
    color: inherit;
    text-overflow: ellipsis;
    white-space: pre;
    text-align: start !important;
    padding: initial;
    overflow: hidden !important;
}
input::file-selector-button {
    padding: 0.5em;
    border: thin solid grey;
    border-radius: 4px;
    background: #013780;
    color: #ffffff;
}*/
.browse-container {
  position: relative;
  display: flex;
}

.browse-container input[type=file] {
  opacity: 0;
  width: 0.1px;
  height: 0.1px;
  position: absolute;
  overflow: hidden;
  z-index: -1;
}

.form_spex {
  border: 1px solid lightgray;
  padding-bottom: 15px;
}

.form_spex input#file-input {
  display: none;
}

.vdp-datepicker__calendar {
  top: 35px;
}

.docLayout .btn-link {
  color: #2d2d2d !important;
}

.docLayout .btn-link.text-disabled {
  color: #337ab7 !important;
}

.docLayout .btn-link.text-disabled:focus {
  text-decoration: none;
}

input[type=number].sort-group-spex::-webkit-outer-spin-button,
input[type=number].sort-group-spex::-webkit-inner-spin-button {
  -webkit-appearance: inner-spin-button !important;
}

input[type=number].sort-group-spex::-webkit-inner-spin-button {
  opacity: 1;
}

.labelWidth {
  width: 70%;
}

.datepick {
  background-color: white !important;
}

.selectdoc {
  padding: 0;
  width: max-content;
}

/* IE10+ CSS styles go here */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .descBody li {
    margin-left: 15px;
  }
  .cimm_qtyWrap span .quantity {
    padding-top: 0px;
    padding-bottom: 2px;
  }
}
.banner-static {
  width: 100%;
}

/**********new**********/
body:not(.modal-open) {
  padding-right: 0 !important;
}

.fs-12 {
  font-size: 12px;
}

.fs-14 {
  font-size: 14px;
}

.fs-18 {
  font-size: 18px;
}

.fs-20 {
  font-size: 20px;
}

.fw-500 {
  font-weight: 500;
}

.p-32 {
  padding: 32px;
}

.px-32 {
  padding-right: 32px !important;
  padding-left: 32px !important;
}

.gap-12 {
  gap: 12px;
}

.gap-32 {
  gap: 32px;
}

.lh-28 {
  line-height: 28px;
}

.text-gray-50 {
  color: var(--bs-gray-50);
}

.text-gray-500 {
  color: var(--bs-gray-500);
}

.text-gray-700 {
  color: var(--bs-gray-700);
}

.text-gray-900 {
  color: var(--bs-gray-800);
}

.form-control::-moz-placeholder {
  color: var(--bs-gray-500);
}

.form-control::placeholder {
  color: var(--bs-gray-500);
}

.no-wrap {
  white-space: nowrap;
}

.showOnPrint, .flexOnPrint {
  display: none;
}

.bg-gray-100 {
  background-color: var(--bs-gray-100);
}

a {
  text-decoration: none;
}
a:focus, a:hover {
  text-decoration: none;
}

.custom-scroll::-webkit-scrollbar {
  width: 8px;
}
.custom-scroll::-webkit-scrollbar-track {
  background: #FFF;
  border-radius: 9px;
}
.custom-scroll::-webkit-scrollbar-thumb {
  background: #E5E7EB;
  border-radius: 9px;
}
.custom-scroll::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.form-control, .form-select {
  box-shadow: none !important;
  border: 1px solid var(--bs-gray-300);
}

.form-select {
  padding: 10px 32px 10px 12px;
}

.form-control {
  padding: 9px 12px;
  color: #6B7280;
  font-family: "HubotRegular";
}

.btn-file::-webkit-file-upload-button {
  display: none;
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.data-loading {
  animation-duration: 1.25s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #ccc;
  background: linear-gradient(to right, #eeeeee 10%, #dddddd 18%, #eeeeee 33%);
  background-size: 800px 104px;
  height: 20px;
  position: relative;
}
.data-loading-price {
  height: 32px;
}
.data-loading-fav {
  height: 37px;
}

.min-body-height {
  min-height: 250px;
}

pre {
  clear: both;
  background-color: #ffffcc;
  padding: 5px;
  border: solid 1px #fed17e;
  white-space: normal;
}

.invalid input, .invalid select, .invalid textarea {
  border-color: var(--bs-red-500);
}
.invalid small {
  color: var(--bs-red-500);
}

@font-face {
  font-family: "RobotoRegular";
  font-display: auto;
  font-style: normal;
  font-weight: normal;
  src: url("https://cdnassets.unilogcorp.com/fonts/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdnassets.unilogcorp.com/fonts/Roboto-Regular-webfont.woff") format("woff"), url("https://cdnassets.unilogcorp.com/fonts/Roboto-Regular-webfont.ttf") format("truetype"), url("https://cdnassets.unilogcorp.com/fonts/Roboto-Regular-webfont.svg#robotoregular") format("svg");
}
@font-face {
  font-family: "RobotoBlack";
  font-display: auto;
  font-style: normal;
  font-weight: normal;
  src: url("https://cdnassets.unilogcorp.com/fonts/Roboto-Black-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdnassets.unilogcorp.com/fonts/Roboto-Black-webfont.woff") format("woff"), url("https://cdnassets.unilogcorp.com/fonts/Roboto-Black-webfont.ttf") format("truetype"), url("https://cdnassets.unilogcorp.com/fonts/Roboto-Black-webfont.svg#robotoblack") format("svg");
}
@font-face {
  font-family: "RobotoCondensedBold";
  font-display: auto;
  font-style: normal;
  font-weight: normal;
  src: url("https://cdnassets.unilogcorp.com/fonts/RobotoCondensed-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdnassets.unilogcorp.com/fonts/RobotoCondensed-Bold-webfont.woff") format("woff"), url("https://cdnassets.unilogcorp.com/fonts/RobotoCondensed-Bold-webfont.ttf") format("truetype"), url("https://cdnassets.unilogcorp.com/fonts/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold") format("svg");
}
/*@include font-face(FontAwesomeBrandsRegular, 'https://cdn.cimm2.com/fonts/fontawesome/FontAwesome5Brands-Regular', normal, normal, eot woff ttf svg, FontAwesome5Brands-Regular);
@include font-face(FontAwesomeDuotone-Solid, 'https://cdn.cimm2.com/fonts/fontawesome/FontAwesome5Duotone-Solid', normal, normal, eot woff ttf svg, FontAwesome5Duotone-Solid);
@include font-face(FontAwesomePro-Light, 'https://cdn.cimm2.com/fonts/fontawesome/FontAwesome5Pro-Light', normal, normal, eot woff ttf svg, FontAwesome5Pro-Light);
@include font-face(FontAwesomePro-Regular, 'https://cdn.cimm2.com/fonts/fontawesome/FontAwesome5Pro-Regular', normal, normal, eot woff ttf svg, FontAwesome5Pro-Regular);
@include font-face(FontAwesomePro-Solid, 'https://cdn.cimm2.com/fonts/fontawesome/FontAwesome5Pro-Solid', normal, normal, eot woff ttf svg, FontAwesome5Pro-Solid);
@include font-face(Glyphicons-Halflings, 'https://cdnassets.unilogcorp.com/fonts/glyphicons-halflings-regular', normal, normal, eot woff ttf svg, glyphicons_halflingsregular);*/
@font-face {
  font-family: "HubotRegular";
  font-display: auto;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/HubotSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/HubotSans-Regular.woff") format("woff"), url("../fonts/HubotSans-Regular.ttf") format("truetype"), url("../fonts/HubotSans-Regular.svg#hubotregular") format("svg");
}
@font-face {
  font-family: "HubotMedium";
  font-display: auto;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/HubotSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/HubotSans-Medium.woff") format("woff"), url("../fonts/HubotSans-Medium.ttf") format("truetype"), url("../fonts/HubotSans-Medium.svg#hubotmedium") format("svg");
}
@font-face {
  font-family: "HubotBold";
  font-display: auto;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/HubotSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/HubotSans-Bold.woff") format("woff"), url("../fonts/HubotSans-Bold.ttf") format("truetype"), url("../fonts/HubotSans-Bold.svg#hubotbold") format("svg");
}
@font-face {
  font-family: "HubotBlack";
  font-display: auto;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/HubotSans-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/HubotSans-Black.woff") format("woff"), url("../fonts/HubotSans-Black.ttf") format("truetype"), url("../fonts/HubotSans-Black.svg#hubotblack") format("svg");
}
@font-face {
  font-family: "HubotSemiBold";
  font-display: auto;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/HubotSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/HubotSans-SemiBold.woff") format("woff"), url("../fonts/HubotSans-SemiBold.ttf") format("truetype"), url("../fonts/HubotSans-SemiBold.svg#hubotsemibold") format("svg");
}
@font-face {
  font-family: "HubotExtraBold";
  font-display: auto;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/HubotSans-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/HubotSans-ExtraBold.woff") format("woff"), url("../fonts/HubotSans-ExtraBold.ttf") format("truetype"), url("../fonts/HubotSans-ExtraBold.svg#hubotextrabold") format("svg");
}
@font-face {
  font-family: "HubotLight";
  font-display: auto;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/HubotSans-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/HubotSans-Light.woff") format("woff"), url("../fonts/HubotSans-Light.ttf") format("truetype"), url("../fonts/HubotSans-Light.svg#hubotlight") format("svg");
}
/*________________Categories_____________________*/
/*________________Footer navigation link_____________________*/
body {
  position: relative;
  height: 100%;
  font-optical-sizing: auto;
  overflow-x: hidden;
  outline: none;
  font-style: normal;
}

.cimm_header .warehousePhone {
  color: var(--bs-primary);
}
.cimm_header .location-wrap {
  justify-content: center !important;
}
.cimm_header .location-wrap button {
  color: #fff !important;
  font-size: 14px;
}

.cimm_header_top {
  background: var(--bs-header-top);
  font-weight: 500;
  min-height: 32px;
  color: #fff;
}
.cimm_header_top .cimm_header_top-menu ul li {
  position: relative;
}
.cimm_header_top .cimm_header_top-menu ul li:hover {
  background: var(--bs-gray-100);
}
.cimm_header_top .cimm_header_top-menu ul li:hover .dropdown-menu {
  display: block;
}
.cimm_header_top .cimm_header_top-menu ul li:last-child a {
  padding: 7px 0px 7px 14px;
}
.cimm_header_top .cimm_header_top-menu ul li .dropdown-menu {
  left: auto;
  right: 0;
}
.cimm_header_top .cimm_header_top-menu ul li .dropdown-menu li {
  border-bottom: 1px solid #a1a1a1;
}
.cimm_header_top .cimm_header_top-menu ul li .dropdown-menu li:last-child {
  border-bottom: none;
}
.cimm_header_top .cimm_header_top-menu ul li a {
  color: var(--bs-body-color);
  padding: 7px 14px;
  display: inline-block;
  font-size: 12px;
}

.cimm_header_mid {
  padding-top: 24px;
  padding-bottom: 24px;
  background: var(--bs-white);
}
.cimm_header_mid .cimm_logo {
  width: 153px;
  height: 48px;
  position: relative;
}
.cimm_header_mid .cimm_logo img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.cimm_searchForm button, .cimm_searchForm .form-control {
  border-color: var(--bs-brand-border-color) !important;
  background: var(--bs-gray-50) !important;
}
.cimm_searchForm button {
  padding: 8px 8px 10px 8px;
}
.cimm_searchForm img {
  height: 30px;
  width: auto;
}

.myAccountMenu {
  width: 290px;
}
.myAccountMenu li {
  line-height: 30px;
}
.myAccountMenu li a {
  font-weight: normal;
  color: #0C254B;
  font-size: 16px;
  padding: 1px 10px;
  display: flex;
  align-items: center;
}
.myAccountMenu li svg {
  margin-right: 6px;
}
.myAccountMenu li.logoutBtn {
  padding: 10px 12px 12px 12px;
}
.myAccountMenu li.logoutBtn a {
  background: var(--bs-body-color);
  color: var(--bs-white);
  padding: 10px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  justify-content: center;
}

.dropdown.brancLocationDropdown {
  max-width: 300px;
  width: 300px;
  left: auto;
  right: 0;
  top: 36px;
}

.shipLocationDropdown {
  max-width: 450px;
  width: 450px;
}

.warehouse_listWrap {
  background: var(--bs-white);
  padding: 0 10px;
  max-height: 325px;
  overflow: auto;
  min-width: 350px;
}

.warehouse_list {
  padding: 0 0 0 25px;
  position: relative;
  border-bottom: 1px solid var(--bs-border-color);
  cursor: pointer;
}
.warehouse_list:last-child {
  border-bottom: 0;
}
.warehouse_list label {
  display: block;
  border-radius: 5px;
  padding: 10px;
}

.shipText {
  position: relative;
  padding-right: 8px;
  margin-right: 8px;
}
.shipText:after {
  content: "";
  width: 1px;
  height: 16px;
  background: #9CA3AF;
  display: block;
  position: absolute;
  right: 0;
}

.shipLocationBtn {
  max-width: 120px;
}

nav.navbar {
  background: var(--navbar-bg);
}
nav.navbar .cimm_nav > ul > li {
  position: relative;
  cursor: pointer;
}
nav.navbar .cimm_nav > ul > li > span {
  display: flex;
  position: relative;
}
nav.navbar .cimm_nav > ul > li > span.haveChildMenu > a {
  padding: 8px 36px 8px 16px;
}
nav.navbar .cimm_nav > ul > li > span > a {
  padding: 8px 16px;
  font-family: "HubotBold";
  text-transform: uppercase;
}
nav.navbar .cimm_nav > ul > li a {
  text-decoration: none;
  color: var(--bs-white);
  font-size: var(--font-size-lg);
  font-weight: 500;
  border-radius: 5px;
}
nav.navbar .cimm_nav > ul > li em, nav.navbar .cimm_nav > ul > li svg {
  position: absolute;
  right: 8px;
  top: calc(50% - 11px);
  color: var(--bs-white);
}
nav.navbar .cimm_nav > ul > li:hover > span > a, nav.navbar .cimm_nav > ul > li:hover > span em {
  background: var(--bs-white);
}
nav.navbar .cimm_nav > ul > li:hover > .dropdown-menu {
  display: block;
  padding: 20px 5px;
}
nav.navbar .cimm_nav > ul > li .dropdown-menu {
  padding: 5px;
  min-width: 300px;
  border-radius: 0 0 4px 4px;
  border-width: 0px;
  position: absolute;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  top: 100%;
  background: #F9FAFB;
}
nav.navbar .cimm_nav > ul > li .dropdown-menu ul {
  width: 300px;
}
nav.navbar .cimm_nav > ul > li .dropdown-menu ul li {
  position: static;
}
nav.navbar .cimm_nav > ul > li .dropdown-menu ul li:hover {
  background: var(--bs-gray-200);
  border-radius: 5px;
}
nav.navbar .cimm_nav > ul > li .dropdown-menu ul li:hover > .dropdown-menu {
  display: block;
  left: 100%;
  top: 0;
  margin: 0;
  padding: 0;
}
nav.navbar .cimm_nav > ul > li .dropdown-menu ul li > span {
  display: block;
  position: relative;
}
nav.navbar .cimm_nav > ul > li .dropdown-menu ul li > span > a {
  padding: 8px 10px;
  display: block;
  color: var(--bs-body-color);
  font-size: var(--bs-body-font-size);
  font-weight: 400;
}
nav.navbar .cimm_nav > ul > li .dropdown-menu ul li > span em, nav.navbar .cimm_nav > ul > li .dropdown-menu ul li > span svg {
  color: var(--bs-body-color);
  font-size: 14px;
  top: calc(50% - 9px);
  fill: var(--bs-body-color);
  right: 14px;
}

.nav_headingBlock {
  font-size: 18px;
  padding: 8px 10px;
  text-align: center;
  position: relative;
  font-weight: 600;
}
.nav_headingBlock svg {
  position: absolute;
  left: 10px;
  top: 13px;
  transform: rotate(0deg) !important;
}

.nav-rightView a {
  background: #548DE4;
  padding: 9px;
  font-family: HubotSemiBold;
  color: #fff;
  border-radius: 4px;
  margin: 0 0 0 2px;
}

.cimm_BreadCrumbs .breadcrumb {
  font-weight: 500;
  padding: 12px 0;
  color: var(--text-text-light);
  line-height: 18px;
  font-size: 12px;
}
.cimm_BreadCrumbs .breadcrumb li {
  display: none;
}
.cimm_BreadCrumbs .breadcrumb li:nth-last-child(2) {
  display: block;
}
.cimm_BreadCrumbs .breadcrumb li:nth-last-child(2):before {
  display: none;
}
.cimm_BreadCrumbs .breadcrumb h1 {
  font-size: 12px;
  margin: 0;
  color: var(--bs-gray-500);
  font-family: "HubotMedium";
}
.cimm_BreadCrumbs .breadcrumb li + li:before {
  content: "";
  margin: 0 12px;
  vertical-align: middle;
  height: 12px;
  width: 2px;
  display: inline-block;
  background: #D0D5DD;
  transform: rotate(25deg);
}
.cimm_BreadCrumbs .breadcrumb a {
  color: var(--bs-gray-800);
  text-decoration: underline;
  font-family: "HubotMedium";
}

.cimm_leftnav-wrap {
  flex: 0 0 284px;
  margin-right: 24px;
}
.cimm_leftnav-wrap .cimm_leftnav-dashboard-wrap {
  flex: 0 0 348px;
}

.cimm_leftnav {
  background: var(--bs-white);
}

.cimm_filter_block-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  padding: 12px 24px 12px 16px;
  position: relative;
  cursor: pointer;
  font-family: "HubotMedium";
  color: var(--bs-gray-800);
}
.cimm_filter_block-title:after, .cimm_filter_block-title:before {
  content: "";
  position: absolute;
  top: 17px;
  border-radius: 6px;
  background: #6b7280;
  height: 9px;
  width: 2px;
  transition: all 0.2s;
}
.cimm_filter_block-title:after {
  right: 14px;
  transform: rotate(135deg);
}
.cimm_filter_block-title:before {
  right: 20px;
  transform: rotate(225deg);
}
.cimm_filter_block-title.collapsed:after {
  right: 14px;
  transform: rotate(45deg);
}
.cimm_filter_block-title.collapsed:before {
  right: 20px;
  transform: rotate(315deg);
}
.cimm_filter_block-container {
  overflow-y: auto;
  margin-bottom: 12px;
}
.cimm_filter_block-container:not(.myAccountLeftMenu) {
  max-height: 238px;
}
.cimm_filter_block-container ul {
  padding: 6px 11px 6px 16px;
}
.cimm_filter_block-container ul li {
  line-height: 16px;
  padding: 6px 0;
}
.cimm_filter_block-container ul li a {
  display: flex;
  align-items: center;
  color: var(--bs-gray-800);
}
.cimm_filter_block-container ul li svg {
  margin-right: 6px;
}
.cimm_filter_block-container .cimm_refinedMultiFilterResults ol li {
  padding: 5px 20px;
  text-transform: capitalize;
}
.cimm_filter_block-container .cimm_refinedMultiFilterResults ol li span.Refine-value {
  display: block;
  padding-left: 15px;
}
.cimm_filter_block-container ul.myAccountLeftMenu li {
  line-height: 22px;
}
.cimm_filter_block-container ul.myAccountLeftMenu li em {
  width: 20px;
  margin-right: 10px;
  text-align: center;
}

.cimm_filter .cimm_filter-block .cimm_refinedMultiFilterResults ol li span.Refine-value,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_refinedMultiFilterResults ol li span.Refine-value {
  position: relative;
}

.right_attribute .refine-value {
  position: relative;
  padding-right: 16px;
  margin-right: 8px;
}

.right_attribute .refine-value .removeFilter {
  top: 0;
  right: 0;
}

footer .cimm_footer_mid {
  background: var(--footer-bg);
  color: var(--bs-white);
  padding: 32px 0;
}
footer .cimm_footer_mid a {
  color: var(--bs-gray-50);
}
footer .cimm_footer_mid a:hover {
  color: var(--bs-white);
}
footer .cimm_footer_mid h5 {
  display: none;
}
footer .cimm_footer_down {
  padding: 24px 10px;
  line-height: 20px;
}
footer .cimm_footer_down a {
  color: #0C254B;
}

.cimm_category_bannercont .cimm_category-banners {
  margin-bottom: 20px;
  min-height: 180px;
  border: 1px solid #a1a1a1;
  vertical-align: middle;
  text-align: center;
  line-height: 180px;
}
.cimm_category_bannercont .cimm_category-banners .slick-list {
  padding: 0;
}

.cimm_ctegory-description {
  text-align: justify;
}

.cimm_category-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px;
}

.cimm_category-col {
  padding: 0 8px;
  margin-bottom: 16px;
  -ms-flex-preferred-size: 300px;
  flex-basis: 300px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.cimm_category-itemimage a {
  background: #fff;
  border-radius: 50%;
  min-width: 241px;
  max-width: 241px;
  max-height: 241px;
  width: 100%;
}
.cimm_category-itemimage img {
  width: auto;
  border-radius: 50%;
}

.cimm_category-title {
  min-height: 60px;
  color: var(--text-text);
  font-size: 16px;
  line-height: 24px;
  padding: 2px 16px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: "HubotBlack";
  text-transform: uppercase;
}
.cimm_category-title:hover {
  color: var(--bs-gray-900);
}

.listGridContainer {
  margin: -8px;
}
.listGridContainer > * {
  background: var(--bs-white);
  border-radius: 6px;
  position: relative;
  margin: 8px;
}
.listGridContainer .gridView {
  -ms-flex-preferred-size: 295px;
  flex-basis: 295px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  flex-direction: column;
  justify-content: space-between;
}
.listGridContainer .gridView .itemInfo_wrap {
  flex-direction: column;
}
.listGridContainer .gridView .prodImage {
  height: 250px;
  margin: 0 0 10px 0;
  width: auto;
  flex: 0 0 auto;
}
.listGridContainer .gridView .prodImage img {
  max-height: 250px;
}
.listGridContainer .gridView .productTitle {
  max-width: 230px;
  font-size: 16px;
  line-height: 24px;
  font-family: "HubotBlack";
  text-transform: uppercase;
  color: var(--text-text);
}
.listGridContainer .gridView .sessionDesp {
  padding-top: 24px;
}
.listGridContainer .gridView .sessionDesp .listGridItemDesc {
  padding-top: 8px;
  color: var(--bs-gray-800);
}
.listGridContainer .gridView .itemCountGrid {
  margin: 15px 0 60px 0;
}
.listGridContainer .gridView .prodModeItemCountGrid,
.listGridContainer .gridView .productModeItemsDiv,
.listGridContainer .gridView .productModeItemsDiv {
  width: 100%;
  position: absolute;
  bottom: 0;
  text-align: center;
  left: 0;
}
.listGridContainer .gridView .prodModeItemCountGrid .itemDetailInfoList,
.listGridContainer .gridView .productModeItemsDiv .itemDetailInfoList,
.listGridContainer .gridView .productModeItemsDiv .itemDetailInfoList {
  background: #194D9C;
  width: 180px;
  margin: 0 auto;
  padding: 10px;
}
.listGridContainer .gridView .prodModeItemCountGrid .itemDetailInfoList a,
.listGridContainer .gridView .productModeItemsDiv .itemDetailInfoList a,
.listGridContainer .gridView .productModeItemsDiv .itemDetailInfoList a {
  color: #fff;
  font-family: "HubotBlack";
  letter-spacing: 1px;
  text-transform: uppercase;
}
.listGridContainer .gridView .prodModeItemCountGrid .itemCountList,
.listGridContainer .gridView .productModeItemsDiv .itemCountList,
.listGridContainer .gridView .productModeItemsDiv .itemCountList {
  display: none;
}
.listGridContainer .gridView .selectCompareGroupBlock {
  display: none;
}
.listGridContainer .listView {
  width: 100%;
  min-height: 300px;
  align-items: center;
  justify-content: space-between;
}
.listGridContainer .listView .itemInfo_wrap {
  align-items: center;
}
.listGridContainer .listView .beforeLoginBtn {
  margin-top: 78px !important;
}
.listGridContainer .listView .productTitle {
  font-family: "HubotBlack";
  text-transform: uppercase;
  color: var(--text-text);
}
.listGridContainer .listView .sessionDesp {
  min-height: 180px;
  position: relative;
  padding: 0 24px;
  max-width: 800px;
}
.listGridContainer .listView .sessionDesp .sku-avail-wrap {
  display: flex;
  /*align-items: end;
  justify-content: space-between;*/
  flex-direction: column;
  flex-wrap: wrap;
  max-width: 500px;
}
.listGridContainer .listView .sessionDesp .skuStyle {
  margin: 12px 0 0 0;
}
.listGridContainer .listView .sessionDesp .itemCountList {
  margin: 20px 20px 0 0;
  text-align: right;
}
.listGridContainer .listView .sessionDesp .itemCountList .button, .listGridContainer .listView .sessionDesp .itemCountList .calendarFilterWrap .tableHeader ul.calendarFilterHead li, .calendarFilterWrap .tableHeader ul.calendarFilterHead .listGridContainer .listView .sessionDesp .itemCountList li {
  display: inline-block;
  padding: 8px;
  font-family: "HubotRegular";
  letter-spacing: normal;
  font-size: 14px;
  width: 205px;
  border-radius: 2px;
}
.listGridContainer .listView .sessionDesp .itemCountList .button em, .listGridContainer .listView .sessionDesp .itemCountList .calendarFilterWrap .tableHeader ul.calendarFilterHead li em, .calendarFilterWrap .tableHeader ul.calendarFilterHead .listGridContainer .listView .sessionDesp .itemCountList li em {
  margin-right: 12%;
}
.listGridContainer .listView .sessionDesp .listGridItemDesc {
  color: var(--bs-gray-800);
}
.listGridContainer .listView .item-price-block {
  flex: 0 0 250px;
  padding-top: 6px;
  text-align: right;
}
.listGridContainer .listView li.prodModeItemCountGrid {
  width: 100%;
}
.listGridContainer .listView li.productModeItemsDiv {
  width: 100%;
  margin-top: 10px;
}
.listGridContainer .listView li.selectCompareGroupBlock {
  width: 100%;
  float: none;
  padding-top: 6px;
  clear: both;
}
.listGridContainer .listView li.selectCompareGroupBlock .itemDetailInfoList a {
  padding-left: 20px;
  position: relative;
  background: #fff;
  border-radius: 10px;
}
.listGridContainer .listView li.selectCompareGroupBlock .itemDetailInfoList a:after {
  content: "";
  height: 14px;
  width: 14px;
  background: #fff;
  position: absolute;
  left: 0;
  top: 1px;
  border: 1px solid #a1a1a1;
}
.listGridContainer .listView li.selectCompareGroupBlock .itemDetailInfoList a.active:before {
  width: 0;
  height: 0;
  border-top: 7px solid #000;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  position: absolute;
  left: 2px;
  top: 5px;
  content: "";
  z-index: 11;
}

.availability {
  min-width: 122px;
}

.cimm_mainContentEnclosure {
  width: 100%;
}
.cimm_mainContentEnclosure .cimm_page-title {
  margin: 0px 0 20px 0;
}
.cimm_mainContentEnclosure .row .container {
  width: 100%;
}

.listGridItemDesc {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 20px;
  color: var(--bs-gray-800);
}

.prodImage {
  position: relative;
  height: 250px;
  width: 250px;
  flex: 0 0 250px;
  margin: 0 24px 0 0;
}
.prodImage img {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  margin: auto;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 250px;
}

.skuStyle {
  margin: 12px 0;
  line-height: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  color: var(--bs-gray-800);
}

.packDesc {
  color: #ed7118;
}

.btn-view {
  border: none;
}
.btn-view.active {
  border: none;
  background: var(--bs-gray-100);
}
.btn-view.active svg path {
  stroke: var(--bs-body-color);
}

.assignedStaticPageWrap {
  height: 210px;
  overflow: hidden;
  position: relative;
}
.assignedStaticPageWrap .overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  cursor: pointer;
  z-index: 5;
  background: rgba(255, 255, 255, 0);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.59) 46%, rgb(255, 255, 255) 78%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(46%, rgba(255, 255, 255, 0.59)), color-stop(78%, rgb(255, 255, 255)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.59) 46%, rgb(255, 255, 255) 78%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.59) 46%, rgb(255, 255, 255) 78%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.59) 46%, rgb(255, 255, 255) 78%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.59) 70%, rgb(255, 255, 255) 90%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#ffffff", GradientType=0 );
}
.assignedStaticPageWrap .overlay:after {
  font-family: "Font Awesome 5 Free";
  content: "Show More";
  color: #46acee;
  font-size: 16px;
  position: absolute;
  left: 45%;
  bottom: 20px;
  font-weight: 900;
}
.assignedStaticPageWrap .recal_overlay:after {
  font-family: "Font Awesome 5 Free";
  content: "Show Less";
  color: #46acee;
  font-size: 16px;
  font-weight: 900;
}

.exitWarning {
  background: var(--bs-gray-400);
  height: 30px;
}

.propwarningmsg i {
  color: #bdaf00;
  margin-right: 5px;
}

.productGroupBtn .dropdown-menu {
  width: 220px;
  padding: 0;
}
.productGroupBtn ul {
  padding: 5px;
  background: var(--bs-white);
  max-height: 220px;
  overflow-x: auto;
}
.productGroupBtn ul li {
  width: 100%;
  border-bottom: 1px solid var(--bs-border-color);
}
.productGroupBtn ul li.groupSelect {
  border: none;
}
.productGroupBtn ul li:last-child, .productGroupBtn ul li:nth-child(1) {
  border: none;
}
.productGroupBtn ul li a {
  color: var(--bs-body-color);
  display: block;
  padding: 5px;
  white-space: normal;
  word-break: break-all;
}
.productGroupBtn ul li a:hover {
  background: var(--bs-primary);
  color: var(--bs-white) !important;
}

.custparNoBtn > a {
  color: #0C254B;
}
.custparNoBtn > a:hover {
  text-decoration: underline;
}
.custparNoBtn ul {
  width: 100%;
  padding: 5px;
}
.custparNoBtn ul li label {
  width: 100%;
}
.custparNoBtn ul li:last-child {
  border: none;
}
.custparNoBtn ul li a {
  color: #0C254B;
  text-transform: capitalize;
  display: block;
  padding: 5px;
  white-space: normal;
  word-break: break-all;
}
.custparNoBtn ul li a:hover {
  background: #194D9C;
  color: #fff;
}

.cimm_itemdetail-imgcontainer {
  flex: 0 0 100%;
  max-width: 330px;
  margin: 0 auto;
}
.cimm_itemdetail-imgcontainer .cimm_itemdetail-image {
  position: relative;
}
.cimm_itemdetail-imgcontainer .cimm_itemdetail-image .imgForSend {
  display: block;
  width: 250px;
  height: 250px;
  position: relative;
  background: var(--bs-white);
}
.cimm_itemdetail-imgcontainer .cimm_itemdetail-image img {
  max-height: 330px;
  position: absolute;
  max-width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 2px;
  margin: auto;
}
.cimm_itemdetail-imgcontainer a.imgEnlargeIcon {
  position: absolute;
  top: 3px;
  right: 6px;
  font-size: 24px;
  z-index: 12;
  display: none;
}

.cimm_itemdetail_thumblist {
  width: 90px;
  margin: 0 4px 0 -4px;
  overflow: hidden;
}
.cimm_itemdetail_thumblist .slick-list {
  padding: 0;
}
.cimm_itemdetail_thumblist .slick-next, .cimm_itemdetail_thumblist .slick-prev {
  width: 20px;
  height: 40px;
  left: calc(50% - 14px);
  transform: rotate(270deg);
}
.cimm_itemdetail_thumblist .slick-next {
  top: 35px;
}
.cimm_itemdetail_thumblist .slick-prev {
  top: auto;
  bottom: -10px;
}
.cimm_itemdetail_thumblist .cimm_slideItemImg {
  padding: 0;
  margin: 4px;
}
.cimm_itemdetail_thumblist .cimm_slideItemImg.threesixtydegreeimg {
  position: relative;
}
.cimm_itemdetail_thumblist .cimm_slideItemImg.threesixtydegreeimg .icon_360 {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background: rgba(255, 255, 255, 0.5);
  padding: 3px 0;
}
.cimm_itemdetail_thumblist .cimm_slideItemImg.threesixtydegreeimg .icon_360 img {
  width: auto;
  margin: auto;
}
.cimm_itemdetail_thumblist .cimm_slideItemImg a {
  position: relative;
  height: 74px;
  display: block;
}
.cimm_itemdetail_thumblist .cimm_slideItemImg a:focus {
  outline: transparent;
}
.cimm_itemdetail_thumblist .cimm_slideItemImg a img {
  max-height: 72px;
}

.btn-tweet {
  background: #000;
  color: var(--bs-white);
  font-size: 12px;
  padding: 4px;
  border-radius: 4px;
}
.btn-tweet:hover {
  color: var(--bs-white);
}

.prodSharePrintBtnWrap {
  position: relative;
  /*a#sharePageTrigger:hover + ol {
    display: block;
  }
  ol {
    position: absolute;
    background: $white;
    z-index: 2;
    padding: 4px;
    top: 28px;
    right: 0px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    &.sharePageWrap {
      width: 0;
      overflow: hidden;
      padding: 0;
      &.sharePageWrapTog {
        box-shadow: 0px 0px 6px 1px #6f6f6f;
        padding: 6px;
        width: auto;
        max-width: 95px;
        overflow: visible;
        -webkit-transition: scale 0.1s ease-in-out;
        -moz-transition: scale 0.1s ease-in-out;
        -o-transition: scale 0.1s ease-in-out;
        transition: scale 0.1s ease-in-out;
        .custom-twitter-share-button a {
          display: inline-block;
          position: relative;
          height: 20px;
          padding: 1px 8px 1px 6px;
          background-color: $blue;
          color: $white;
          overflow: hidden;
          .btn-icon {
            position: absolute;
            width: 16px;
            height: 13px;
            top: 50%;
            left: 6px;
            margin-top: -6px;
            background: url(../images/twitter-share.png) 1px center
              no-repeat;
            background-size: 13px;
          }
          .btn-text {
            display: inline-block;
            padding: 2px 3px 0 20px;
            position: relative;
            font-family: "arial";
            top: -2px;
            font-weight: bold;
          }
        }
      }
    }
    li {
      line-height: 20px;
      margin-top: 5px;
      &:first-child {
        margin-top: 0;
      }
      div {
        display: block;
      }
    }
  }*/
}
.prodSharePrintBtnWrap .fb_iframe_widget_fluid span {
  height: 20px !important;
  width: 100% !important;
}
.prodSharePrintBtnWrap .fb_iframe_widget iframe, .prodSharePrintBtnWrap .fb_iframe_widget span {
  height: 20px !important;
  width: auto !important;
}
.prodSharePrintBtnWrap button {
  color: var(--bs-gray-700);
  font-size: 12px;
  gap: 6px;
  font-weight: 500;
  font-family: "HubotMedium";
}
.prodSharePrintBtnWrap .sharePageWrap {
  min-width: 100px;
}

.cimm_prodDetailTitle {
  line-height: 32px;
}

.cimm_itemShortDesc {
  line-height: 24px;
  font-size: 16px;
  max-width: 600px;
  color: var(--bs-gray-800);
}

.documentStack li {
  max-width: 145px;
}

.review_block {
  margin: 20px 0;
  background-color: rgb(228.735, 228.735, 228.735);
  border: 1px solid #a1a1a1;
  padding: 15px;
  border-radius: 3px;
}
.review_block h3 {
  margin-bottom: 20px;
}
.review_block > ul > li {
  border-bottom: 1px solid #a1a1a1;
  padding: 10px 0px;
}
.review_block > ul > li:nth-last-child(2) {
  border-bottom: 0px;
}
.review_block p {
  word-break: break-word;
}

.filterSelOptions .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 200px;
}

.filterSelOptions {
  margin-bottom: 10px;
}

.ratingModalWrap .modal-header {
  padding: 10px 15px 0;
}
.ratingModalWrap .modal-header h3 {
  margin: 0;
}
.ratingModalWrap .modal-body ul li div {
  width: 100% !important;
}

#featureSection ul {
  padding-left: 16px;
}
#featureSection ul li {
  list-style-type: disc;
  float: none;
}

#documentsSection ul li a label {
  display: block;
  text-align: center;
  margin: 10px 0 0 0;
  font-weight: 600;
}

.cimm_pdfLink {
  display: none;
}

.cloneImg {
  float: left;
  margin: 10px 0;
}

.cloneTitle {
  float: left;
  width: calc(100% - 300px);
}
.cloneTitle h2 {
  font-size: 24px;
  font-family: "HubotBlack";
}

.cloneAddtocartWrap {
  float: right;
  text-align: right;
}
.cloneAddtocartWrap ul li {
  padding: 3px 0;
}

.zoomContainer {
  z-index: 10;
}

.tabelImage a {
  position: relative;
  display: inline-block;
}

.cimm_itemdetail-image .spin-figure {
  width: 360px;
}

.sirv-spin-button.fullscreen {
  background-image: url(https://scripts.sirv.com/spin/graphics/buttons06.png);
}

.sirv-spin-button.fullscreen-exit {
  background-image: url(https://scripts.sirv.com/spin/graphics/buttons06.png);
}

#customcursor .spin-figure.desktop.zoom-in {
  cursor: url(https://sirv.sirv.com/docs/zoom5.png?h=32), zoom-in;
}

#customcursor .sirv-spin-container.desktop .magnifier.inner,
#customcursor .sirv-spin-fullscreen.desktop .magnifier.inner {
  cursor: url(https://sirv.sirv.com/docs/drag5.png?h=32), zoom-out;
}

.select_attributeBody {
  max-width: 218px;
}
.select_attributeBody div.select_attributeList {
  cursor: pointer;
  padding: 5px;
  font-size: 16px;
  color: #194D9C;
  text-decoration: underline;
  font-family: "HubotBlack";
}
.select_attributeBody .toggle_attributeList {
  padding: 8px 30px 8px 16px;
  line-height: 20px;
  border-radius: 6px;
  position: relative;
  width: 100%;
  text-align: left;
  color: var(--bs-gray-900);
}
.select_attributeBody .toggle_attributeList svg {
  position: absolute;
  top: calc(50% - 4px);
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}
.select_attributeBody .slideBlock {
  max-height: 400px;
  overflow: auto;
}

#productModeItemContent .tablesWrap,
.productModeItemContent .tablesWrap {
  border: 1px solid var(--bs-border-color);
  border-radius: 5px;
}
#productModeItemContent .tablesWrap > table,
.productModeItemContent .tablesWrap > table {
  margin: 0 !important;
  min-width: 1250px;
}
#productModeItemContent .tablesWrap > table tbody,
.productModeItemContent .tablesWrap > table tbody {
  background: var(--bs-gray-50);
}
#productModeItemContent .tablesWrap > table tbody tr td,
.productModeItemContent .tablesWrap > table tbody tr td {
  border-color: var(--bs-white);
}
#productModeItemContent .tablesWrap > table tbody tr:last-child td,
.productModeItemContent .tablesWrap > table tbody tr:last-child td {
  border-bottom: none;
}
#productModeItemContent .previous.disabled,
.productModeItemContent .previous.disabled {
  display: none;
}

.multiSelectForm .btn {
  color: var(--bs-gray-900);
}

.productdetail_list .page-link {
  padding: 5px;
  border: 0;
}
.productdetail_list div.dt-container div.dt-paging {
  margin: 0 0px 0 16px;
}
.productdetail_list .pagination > .active > button {
  background: transparent;
  border: 0;
}

.cartItemRow {
  padding: 32px 32px 32px 0px;
  border-radius: 8px;
  margin-bottom: 16px;
  border: 1px solid var(--bs-border-color);
}
.cartItemRow .cart-price-wrap > span {
  line-height: 20px;
}
.cartItemRow .cimm_cartProdImg {
  padding: 24px 24px 0 24px;
}
.cartItemRow .cimm_cartProdImg a {
  height: 155px;
  width: 155px;
  position: relative;
  background: 0 0;
  display: inline-block;
}
.cartItemRow .cimm_cartProdImg img {
  height: auto;
  max-width: 100%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 180px;
}
.cartItemRow .shipviaBlock {
  float: left;
  width: 20%;
  display: none;
}
.cartItemRow a.itemLink {
  text-decoration: none;
  color: #2d2d2d;
  font-size: 20px;
}

.shipVia {
  display: inline-block;
  line-height: normal;
}

.cartSummary_Heading {
  font-size: 20px;
  color: var(--bs-gray-800);
}
.cartSummary_Total {
  font-size: 16px;
  font-family: "HubotRegular";
  font-weight: 600;
  border-top: 1px solid #a1a1a1;
  border-bottom: 1px solid #a1a1a1;
  margin: 10px 0;
  padding: 10px 0;
}

.productAvail .customRadioBtn,
.shipviaBlock .customRadioBtn {
  width: 100%;
  font-size: 11px;
}
.productAvail .customRadioBtn span,
.shipviaBlock .customRadioBtn span {
  padding: 6px 6px 7px 22px;
  position: relative;
  border: 1px solid #194D9C;
  border-radius: 4px;
  color: #194D9C;
  width: 100%;
}
.productAvail .customRadioBtn input[type=radio] + span:before,
.productAvail .customRadioBtn input[type=radio] + span:after,
.shipviaBlock .customRadioBtn input[type=radio] + span:before,
.shipviaBlock .customRadioBtn input[type=radio] + span:after {
  height: 10px;
  width: 10px;
  top: 7px;
  left: 4px;
}
.productAvail .customRadioBtn input[type=radio]:checked + span,
.shipviaBlock .customRadioBtn input[type=radio]:checked + span {
  color: #194D9C;
  border-color: #194D9C;
}

.branchAvail,
.forPickup {
  display: inline-block;
}

.supporting-icon {
  position: absolute;
  right: 10px;
  top: 8px;
  pointer-events: none;
}

.bootstrap-datetimepicker-widget .glyphicon-chevron-up, .bootstrap-datetimepicker-widget .glyphicon-chevron-down {
  position: relative;
}
.bootstrap-datetimepicker-widget .glyphicon-chevron-up::after, .bootstrap-datetimepicker-widget .glyphicon-chevron-up::after, .bootstrap-datetimepicker-widget .glyphicon-chevron-up::before, .bootstrap-datetimepicker-widget .glyphicon-chevron-up::before, .bootstrap-datetimepicker-widget .glyphicon-chevron-down::after, .bootstrap-datetimepicker-widget .glyphicon-chevron-down::after, .bootstrap-datetimepicker-widget .glyphicon-chevron-down::before, .bootstrap-datetimepicker-widget .glyphicon-chevron-down::before {
  content: "";
  position: absolute;
  top: 22px;
  border-radius: 6px;
  background: var(--bs-black);
  height: 9px;
  width: 2px;
  transition: all 0.2s;
}
.bootstrap-datetimepicker-widget .glyphicon-chevron-up::before {
  right: 30px;
  transform: rotate(225deg);
}
.bootstrap-datetimepicker-widget .glyphicon-chevron-up::after {
  right: 24px;
  transform: rotate(135deg);
}
.bootstrap-datetimepicker-widget .glyphicon-chevron-down::after {
  right: 30px;
  transform: rotate(135deg);
}
.bootstrap-datetimepicker-widget .glyphicon-chevron-down::before {
  right: 24px;
  transform: rotate(225deg);
}

.checkout-table {
  max-height: 400px;
  overflow: auto;
}

.hidden {
  display: none;
}

.eventCalendar-wrap {
  position: relative;
  overflow: hidden;
  z-index: 0;
  width: 100%;
  float: left;
  font-size: 14px;
}
@media all and (max-width: 768px) {
  .eventCalendar-wrap {
    width: auto;
    float: none;
  }
}
.eventCalendar-wrap .arrow {
  position: absolute;
  z-index: 5;
  top: 20px;
  text-decoration: none;
  color: #fff;
  line-height: 28px;
  width: 30px;
  height: 30px;
  border: 1px solid var(--bs-border-color);
  border-radius: 6px;
}
.eventCalendar-wrap .arrow:hover {
  opacity: 0.7;
}
.eventCalendar-wrap .arrow span {
  height: 0;
  width: 0;
  font-size: 0;
  line-height: 0;
  float: left;
  text-indent: -5000px;
}
.eventCalendar-wrap .arrow.prev span {
  border-left-width: 0;
  border-right: 6px solid #fff;
}
.eventCalendar-wrap .prev:after {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1.5em" height="1.5em" viewBox="0 0 24 24"><path fill="currentColor" d="m15.914 17.5l-5.5-5.5l5.5-5.5L14.5 5.086L7.586 12l6.914 6.914z"/></svg>');
  color: #6B7280;
  position: absolute;
  top: 2px;
  left: 2px;
}
.eventCalendar-wrap .next {
  right: 20px;
}
.eventCalendar-wrap .next:after {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1.5em" height="1.5em" viewBox="0 0 24 24"><path fill="currentColor" d="m8.086 17.5l5.5-5.5l-5.5-5.5L9.5 5.086L16.414 12L9.5 18.914z"/></svg>');
  color: #6B7280;
  position: absolute;
  top: 2px;
  left: 2px;
}

.eventsCalendar-monthWrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100% !important;
  padding: 20px;
}
.eventsCalendar-monthWrap.currentMonth {
  z-index: 1;
  overflow: hidden;
}

.eventsCalendar-daysList {
  display: table;
  width: 100%;
}
.eventsCalendar-daysList.showAsWeek {
  display: block;
}
.eventsCalendar-daysList li {
  display: table-cell;
}
.eventsCalendar-daysList li a {
  padding: 0;
  display: block;
  text-align: center;
  min-width: 7px;
}
.eventsCalendar-daysList.showAsWeek li {
  display: block;
  float: left;
  width: 14.28%;
  height: 30px !important;
}

.eventsCalendar-loading {
  display: block;
  min-width: 100px;
  height: 40px;
  line-height: 40px;
}

.eventsCalendar-subtitle {
  padding-left: 5px;
  font-weight: bold;
  font-size: 120%;
}

/********************extra CSS************************/
.calendarFilterWrap .tableHeader h2 {
  margin: 0;
  color: var(--bs-primary);
  font-weight: 500;
  font-size: 16px;
  padding: 18px 0 0 0;
  line-height: 24px;
}
.calendarFilterWrap .tableHeader ul.calendarFilterHead li {
  float: left;
  border: 1px solid var(--bs-border-color);
  border-radius: 8px;
  box-shadow: unset;
  padding: 10px 18px !important;
  margin-right: 10px;
  position: relative;
  text-align: center;
  background: var(--bs-white);
}
.calendarFilterWrap .tableHeader ul.calendarFilterHead li:hover, .calendarFilterWrap .tableHeader ul.calendarFilterHead li.active {
  background: #194D9C;
  color: #fff;
}
.calendarFilterWrap .tableHeader ul.calendarFilterHead li label {
  margin: 0;
  display: block;
  cursor: pointer;
  color: var(--bs-gray-800);
}

.calendarFilter .calendarFilterHead {
  color: #194D9C;
}
.calendarFilter .calendarFilterHead h2 {
  margin: 10px 0 6px 0;
  font-size: 16px;
  display: inline-block;
  position: relative;
  margin-right: 15px;
}
.calendarFilter h4 {
  margin: 3px 0;
  color: #194D9C;
}
.calendarFilter h4 a {
  color: #194D9C;
}
.calendarFilter ul li {
  margin: 8px 0;
  border-top: 1px solid #bdbdbd;
  padding: 4px 0 0 20px;
}
.calendarFilter h2 > i.left {
  position: absolute;
  left: 0;
  top: 3px;
}
.calendarFilter h2 > i.right {
  position: absolute;
  right: 0;
  top: 3px;
}
.calendarFilter h5 {
  color: #194D9C;
  font-size: 15px;
  border-top: 1px solid #bdbdbd;
  padding-top: 5px;
}
.calendarFilter span.pull-right {
  color: #194D9C;
  font-size: 14px;
  margin-top: 4px;
}

.eventsCalendar-list-wrap h2 {
  margin: 0;
  border-bottom: 1px solid #dfdfdf;
  color: #194D9C;
  text-transform: uppercase;
}

.eventsCalendarHead {
  width: 100%;
  text-align: center;
  font-size: 16px;
  text-transform: uppercase;
  color: #194D9C;
}

.cimm_subTitleev {
  font-size: 14px;
  height: 30px;
}
.cimm_subTitleev h2 {
  float: left;
  font-size: 18px;
  margin: 0;
}

.cimm_shownev {
  font-size: 14px;
}
.cimm_shownev a {
  text-decoration: underline;
}
.cimm_shownev a i {
  padding: 0 5px 0 0;
}

.eventsSidebar {
  background: #e9e9e9;
  color: #000;
  padding: 10px;
}

.eventRightContent h3 {
  margin: 0 0 10px 0;
  color: #194D9C;
}
.eventRightContent p a {
  color: #194D9C;
}
.eventRightContent p a.mailtoLink {
  color: #194D9C;
  font-size: 12px;
}

ul.eventInfoBlock li {
  padding: 3px 0;
}

.event_desc ul {
  padding: 0 0 0 22px;
}
.event_desc ul li {
  list-style-type: disc;
}
.event_desc ol {
  padding: 0 0 0 22px;
}
.event_desc ol li {
  list-style-type: decimal;
}
.event_desc img {
  max-width: 100%;
  height: auto;
}

form#eventForm h2 {
  color: #194D9C;
}

#events_Table_wrapper #events_Table_filter,
#events_Table_wrapper .dt-length,
#events_Table_wrapper .dt-info,
#events_Table_wrapper .dt-paging,
#events_Table_wrapper .dt-search {
  display: none;
}
#events_Table_wrapper #events_Table {
  border-spacing: 0 8px;
}
#events_Table_wrapper #events_Table th {
  display: none;
}
#events_Table_wrapper #events_Table tr td {
  border: 1px solid var(--bs-border-color);
  background: var(--bs-white);
  border-radius: 6px;
  padding: 32px;
}
#events_Table_wrapper #events_Table tr td p {
  margin: 0 0 5px 0;
}
#events_Table_wrapper #events_Table tr td p a:hover {
  color: #194D9C;
}
#events_Table_wrapper #events_Table tr td.sorting_1 p.allEvent {
  font-size: 16px;
}
#events_Table_wrapper #events_Table tr td span.location a {
  color: #194D9C;
  font-size: 14px;
  margin: 5px 0 8px 0;
  display: block;
}
#events_Table_wrapper #events_Table .group td {
  color: #194D9C;
  font-size: 15px;
  border-top: 1px solid #bdbdbd;
  border-bottom: 1px solid #bdbdbd;
  padding: 8px 0;
  display: table-cell;
  font-weight: 600;
}

.date-location {
  max-width: 320px;
  width: 100%;
}

/* Theme CSS */
.eventsCalendar-slider {
  height: 280px !important;
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  padding: 20px;
  border: 1px solid var(--bs-border-color);
  border-radius: 6px;
  background: var(--bs-white);
}

.eventsCalendar-currentTitle {
  line-height: 30px;
  margin: 0 0px 20px 0px;
}
.eventsCalendar-currentTitle .monthTitle {
  display: block;
  text-align: center;
  font-size: 20px;
  text-decoration: none;
  font-weight: 600;
  line-height: 30px;
  color: var(--bs-gray-800);
}

.eventsCalendar-daysList {
  zoom: 1;
  padding: 0;
  width: 100%;
}
.eventsCalendar-daysList.showAsWeek li {
  height: auto;
  margin: 0;
  font-size: 16px;
  color: var(--bs-gray-500);
}
.eventsCalendar-daysList.showAsWeek li.eventCalendar-current {
  background: #194D9C;
}
.eventsCalendar-daysList.showAsWeek li.eventCalendar-current a {
  color: #fff;
}
.eventsCalendar-daysList.showAsWeek.empty {
  min-height: 20px;
}
.eventsCalendar-daysList:after {
  clear: both;
}
.eventsCalendar-daysList:before, .eventsCalendar-daysList:after {
  content: "";
  display: table;
}
.eventsCalendar-daysList li.dayWithEvents a {
  font-weight: 500;
  color: var(--bs-primary);
}

.eventsCalendar-day-header {
  text-align: center;
  color: #6B7280;
  padding: 4px 0px;
  margin-bottom: 10px !important;
}

.eventsCalendar-day a {
  text-decoration: none;
  color: var(--bs-gray-900);
}
.eventsCalendar-day a:hover {
  background: #a9a9a9;
}

.showAsWeek .eventsCalendar-day {
  border-left-width: 0;
}

.showAsWeek .eventsCalendar-day a {
  line-height: 30px;
  color: var(--bs-gray-800);
  font-size: 18px;
}

li.eventsCalendar-day.dayWithEvents a:hover {
  background: rgb(228.735, 228.735, 228.735);
  color: #000;
}

li.eventsCalendar-day.current a:hover {
  background-color: #194D9C;
  color: #fff;
}

.eventsCalendar-loading {
  border-radius: 4px;
  margin: 5px auto;
  padding: 0 10px;
  background-color: #aec5d6;
  color: #fff;
  width: 200px;
  text-align: center;
  font-weight: normal;
  box-shadow: 0 0 10px #ccc;
  text-shadow: 0 0 3px #aaa;
  z-index: 4;
}
.eventsCalendar-loading.error {
  background-color: red;
}

.eventsCalendar-subtitle {
  padding-top: 10px;
  color: #2f4d9c;
}

.goingEvents {
  width: 22.5%;
  float: right;
  margin-left: 2.5%;
  position: relative;
  margin-bottom: 15px;
  overflow: hidden;
  display: none;
}

.eventsCalendar-list-content {
  margin-top: 15px;
}
.eventsCalendar-list-content.scrollable {
  height: 100px;
  overflow-y: auto;
  margin: 0 5px 5px 0;
}

.eventsCalendar-list {
  margin: 0;
  padding: 0;
  z-index: 1;
  position: relative;
  list-style-type: none;
}
.eventsCalendar-list.oldEventList {
  z-index: 2;
}
.eventsCalendar-list li {
  padding: 0px 0 5px 0;
  margin: 0;
  clear: both;
  border-top: 1px solid #bdbdbd;
}
.eventsCalendar-list li time {
  /* font-size: 10px; */
  line-height: 20px;
  margin: 10px 0px;
}
.eventsCalendar-list li time em {
  color: #194D9C;
  font-weight: bold;
  padding-bottom: 10px;
  font-style: normal;
}
.eventsCalendar-list li time small {
  font-size: 10px;
  float: left;
  background-color: #807e7e;
  color: #fff;
  padding: 0 5px 0 4px;
  margin: 0 0 0 3px;
}
.eventsCalendar-list li .eventTitle {
  color: #194D9C;
  margin: 4px 0 0 0;
  font-size: 15px;
}
.eventsCalendar-list li .eventDesc {
  clear: both;
  font-size: 90%;
  line-height: 1.5em;
}
.eventsCalendar-list .eventsCalendar-noEvents {
  font-size: 120%;
  border-radius: 4px;
  margin: 5px;
  padding: 5px;
  background-color: #6873b7;
  color: #fff;
  text-align: center;
  font-weight: normal;
  text-shadow: 0 0 3px #aaa;
}

/*--------------Event Detail-----------------*/
.eventsDetail_Calendar-list {
  margin: 0 !important;
  padding: 0 !important;
  list-style-type: none !important;
}
.eventsDetail_Calendar-list li:first-child {
  border: 0;
}
.eventsDetail_Calendar-list li div {
  padding: 5px 0px !important;
}
.eventsDetail_Calendar-list li div ul {
  padding: 0px !important;
  margin: 0px !important;
  list-style: none !important;
  color: #000 !important;
}
.eventsDetail_Calendar-list li div p a:hover {
  color: #194D9C;
}
.eventsDetail_Calendar-list li time {
  margin: 10px 0px !important;
}
.eventsDetail_Calendar-list li time small {
  font-size: 10px !important;
  float: left !important;
  background-color: #807e7e !important;
  color: #fff !important;
  padding: 0 5px 0 4px !important;
  margin: 0 0 0 3px !important;
}
.eventsDetail_Calendar-list li .eventDetail_Title {
  display: block !important;
  clear: both !important;
  color: #0061aa !important;
  font-weight: bold !important;
  text-decoration: none !important;
  margin: 10px 0px !important;
}
.eventsDetail_Calendar-list li .eventDetail_Title:hover {
  text-decoration: underline !important;
}
.eventsDetail_Calendar-list li .eventDetail_Desc {
  clear: both !important;
  margin: 4px 0 5px 0 !important;
  font-size: 80% !important;
  line-height: 1.5em !important;
}
.eventsDetail_Calendar-list .eventsDetail_Calendar-noEvents {
  font-size: 120% !important;
  border-radius: 4px !important;
  margin: 5px !important;
  padding: 5px !important;
  background-color: #ccc !important;
  color: #fff !important;
  text-align: center !important;
  font-weight: bold !important;
  box-shadow: 0 0 10px #ccc !important;
  text-shadow: 0 0 3px #aaa !important;
}

/*---------------- End Event Detail----------*/
/*.bt {
	font-size: 12px;
	display: block;
	clear: both;
	text-align: center;
	margin-top: 10px;
	padding: 9px 34px 11px;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	color: #ffffff;
	background-color: #698B10;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#89B814), to(#698B10));
	background-image: -moz-linear-gradient(top, #89B814, #698B10);
	background-image: -ms-linear-gradient(top, #89B814, #698B10);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #89B814), color-stop(100%, #698B10));
	background-image: -webkit-linear-gradient(top, #89B814, #698B10);
	background-image: -o-linear-gradient(top, #89B814, #698B10);
	background-image: linear-gradient(top, #89B814, #698B10);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89B814', endColorstr='#698B10', GradientType=0);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border: 1px solid #698B10;
	border-color: #698B10 #698B10 #465F05;
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-webkit-transition: 0.1s linear all;
	-moz-transition: 0.1s linear all;
	-ms-transition: 0.1s linear all;
	-o-transition: 0.1s linear all;
	transition: 0.1s linear all;
}
.bt:hover {
	background-position: 0 -15px;
	text-decoration: none;
}*/
/* end of theme css */
.features li {
  margin-bottom: 3px;
}

#thanksPanel li {
  margin-bottom: 0;
}

#introPanel {
  padding-top: 20px;
}

.poweredBy img {
  float: left;
  margin-right: 3px;
}
.poweredBy .data {
  float: left;
}
.poweredBy .name {
  font-weight: bold;
  color: #555;
  text-decoration: none;
  display: block;
  margin-top: 28px;
}
.poweredBy .twitter {
  text-decoration: none;
  display: block;
  float: left;
}

.features {
  padding-left: 20px;
  float: left;
}

#appLogo {
  margin-right: 30px;
}

#license {
  width: 300px;
  float: right;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
}

.eventInfoBlock td {
  padding: 5px 0;
}

.eventCalendar-wrap .moreEvents {
  text-transform: uppercase;
}

/* end of demo page */
@media (max-width: 480px) {
  .goingEvents,
  .eventsCalendar-slider {
    width: 100%;
    float: none;
  }
}
.upcomingEvents a {
  color: #194D9C;
}

.upcomingEvents h3:hover {
  text-decoration: underline;
}

.registerNow {
  font-size: 16px !important;
}

.eventLocation {
  text-align: center;
}

.textAlign {
  font-size: 16px;
}

.calendarFilterHead li.active label {
  color: #fff !important;
}

.controlStyle::placeholder {
  color: #111827 !important;
}

.radioBotn .customRadioBtn {
  margin-left: 12px;
}

.cimm_slide, #slideLeft {
  position: absolute;
  top: 20px;
  left: 0;
  height: calc(100% - 40px);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  width: 100%;
  background: #fff;
  opacity: 1;
  overflow: auto;
  padding: 0 20px;
  z-index: 1001;
}
.cimm_slide h2, #slideLeft h2 {
  padding: 12px 30px;
  text-align: center;
  cursor: pointer;
  position: relative;
  font-size: 24px;
  font-weight: 200;
  margin: 0;
  color: #0C254B;
}
.cimm_slide h2 em, #slideLeft h2 em {
  position: absolute;
  left: 5px;
  color: #888;
}
.cimm_slide li, #slideLeft li {
  position: relative;
}

.cimm_slideWrap {
  width: 200px;
  position: relative;
  height: 150px;
  overflow: hidden;
}

.moveRight.cimm_slide, .moveRight#slideLeft {
  left: 100%;
  opacity: 0;
  visibility: hidden;
}

.moveLeft.cimm_slide, .moveLeft#slideLeft {
  left: -100%;
  opacity: 0;
  visibility: hidden;
}

.cimm_slideIconWrap {
  position: absolute;
  height: 25px;
  width: 25px;
  left: 20px;
  top: 30px;
  pointer-events: none;
}

#slideLeft {
  position: fixed;
  top: 0;
  left: -100%;
  width: 100%;
  background: #fff;
  padding: 10px;
  transition: cubic-bezier(0.25, 0.1, 0.25, 1);
  -webkit-transition: left 0.5s cubic-bezier(0.2, 0.05, 0.05, 0.8);
  height: 100%;
  overflow: auto;
}
#slideLeft h2 {
  text-align: left;
}
#slideLeft.active {
  left: 0;
}

.card-data {
  border-radius: 6px;
  border: 1px solid var(--bs-gray-200);
  background: var(--bs-white);
  padding: 24px;
}

.locationDetailsLeftmenu {
  max-width: 372px;
  flex: 0 0 372px;
}

#panel {
  height: 500px;
  width: 100%;
  overflow: hidden;
  position: relative;
}

#googleMap, #map_canvas {
  height: 500px;
  width: 100%;
  overflow: hidden;
}

#map_canvas {
  position: absolute;
  top: 0;
}

.locationDetailList {
  line-height: 26px;
  padding: 0 0 10px 30px;
}

.gm-style-iw-chr button {
  height: 18px !important;
}

.warehouseInfo-title {
  font-weight: 500;
  line-height: 20px;
  padding: 5px 24px 5px 0;
  position: relative;
  cursor: pointer;
  color: var(--bs-gray-900);
  font-size: 16px;
}
.warehouseInfo-title.titleToggle:after, .warehouseInfo-title.titleToggle:before {
  content: "";
  position: absolute;
  top: 22px;
  border-radius: 6px;
  background: #6b7280;
  height: 9px;
  width: 2px;
  transition: all 0.2s;
}
.warehouseInfo-title.titleToggle:after {
  right: 22px;
  transform: rotate(135deg);
}
.warehouseInfo-title.titleToggle:before {
  right: 28px;
  transform: rotate(225deg);
}
.warehouseInfo-title.titleToggle.collapsed:after {
  transform: rotate(45deg);
}
.warehouseInfo-title.titleToggle.collapsed:before {
  transform: rotate(315deg);
}
.warehouseInfo .panel {
  border-bottom: 1px solid var(--bs-gray-200);
}

.store-list-group {
  border-radius: 6px;
  border: 1px solid var(--bs-gray-200);
  background: var(--bs-white);
}
.store-list-group .warehouseInfo-title {
  padding: 16px 20px;
}
.store-list-group > p {
  border-bottom: 1px solid var(--bs-gray-200);
  padding: 18px;
}

.locationDataWrap .store-list div {
  cursor: pointer;
  color: #194D9C;
  font-family: "HubotRegular";
  position: relative;
}

.location-search input {
  height: 34px;
  padding: 5px 10px;
  float: left;
  margin-right: 3px;
}
.location-search .cimm_inlineButton {
  height: 34px;
  display: inline-block;
}

.store-list-warehouse .panel:first-child .warehouseInfo-title {
  color: var(--text-text-light);
}
.store-list-warehouse .warehouseInfo-title {
  padding: 12px 8px 12px 24px;
}

.card {
  border-radius: 2px;
  border: 1px solid var(--bs-border-color);
}
.card-title {
  margin: 0;
  font-weight: 600;
}
.card-title_wrapper {
  border-bottom: 1px solid var(--bs-border-color);
  font-weight: 500;
}
.card-body.custom-scroll {
  height: 285px;
  overflow-y: auto;
  overflow-x: hidden;
}
.card-body table td, .card-body table th {
  padding: 14px;
}
.card .actionIcon {
  font-size: 18px;
}

.profileImage {
  width: 124px;
  height: 124px;
  overflow: hidden;
}
.profileImage img {
  width: 100%;
}

.uploadImage_wrap-cust .uploadImage, .uploadImage_wrap-cust .uploadFile {
  width: 100%;
  cursor: pointer;
  position: relative;
}
.uploadImage_wrap-cust .uploadImage span, .uploadImage_wrap-cust .uploadFile span {
  display: block;
  padding: 4px;
  color: #194D9C;
  position: absolute !important;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.uploadImage_wrap-cust .uploadImage input, .uploadImage_wrap-cust .uploadFile input {
  opacity: 0;
  height: 25px;
  width: 100%;
  cursor: pointer;
  border: none;
}
.uploadImage_wrap .uploadImage, .uploadImage_wrap .uploadFile {
  border: 2px solid #0C254B;
  height: 35px;
  cursor: pointer;
  position: relative;
}
.uploadImage_wrap .uploadImage span, .uploadImage_wrap .uploadFile span {
  text-align: center;
  display: block;
  padding: 6px;
  color: #0C254B;
  position: absolute !important;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.uploadImage_wrap .uploadImage input, .uploadImage_wrap .uploadFile input {
  opacity: 0;
  height: 35px;
  width: 100%;
  cursor: pointer;
  border: none;
}
.uploadImage_wrap .button, .uploadImage_wrap .calendarFilterWrap .tableHeader ul.calendarFilterHead li, .calendarFilterWrap .tableHeader ul.calendarFilterHead .uploadImage_wrap li, .uploadImage_wrap .btn {
  margin-right: 3px;
  height: 35px;
  padding: 5px 10px;
  border-radius: 0px;
}
.uploadImage_wrap .button:hover, .uploadImage_wrap .calendarFilterWrap .tableHeader ul.calendarFilterHead li:hover, .calendarFilterWrap .tableHeader ul.calendarFilterHead .uploadImage_wrap li:hover, .uploadImage_wrap .button:focus, .uploadImage_wrap .calendarFilterWrap .tableHeader ul.calendarFilterHead li:focus, .calendarFilterWrap .tableHeader ul.calendarFilterHead .uploadImage_wrap li:focus, .uploadImage_wrap .button:active, .uploadImage_wrap .calendarFilterWrap .tableHeader ul.calendarFilterHead li:active, .calendarFilterWrap .tableHeader ul.calendarFilterHead .uploadImage_wrap li:active, .uploadImage_wrap .btn:hover, .uploadImage_wrap .btn:focus, .uploadImage_wrap .btn:active {
  border-radius: 0;
}

.dealer-group {
  color: var(--bs-gray-900);
  background: var(--bs-white);
  padding: 8px;
  border-radius: 8px;
  border: 1px solid var(--bs-gray-200);
}
.dealer-group a {
  color: var(--bs-gray-900);
  display: flex;
  gap: 16px;
  align-items: center;
}
.dealer-group-heading {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  padding: 12px 16px;
  margin: 0;
}
.dealer-group-body {
  display: flex;
  padding: 6px 0px 6px 16px;
  align-items: flex-start;
  flex-direction: column;
}
.dealer-group-body > * {
  padding: 6px 8px;
  align-items: center;
  gap: 16px;
}

.compareTableWrap .table thead tr th {
  text-align: center;
  padding: 12px 16px;
}
.compareTableWrap .table thead tr th:first-child {
  text-align: left;
}
.compareTableWrap .table tbody tr td {
  width: 120px;
  text-align: center;
  padding: 12px 16px;
  color: var(--bs-gray-800);
}
.compareTableWrap .table tbody tr td:first-child {
  text-align: left;
}
.compareTableWrap .table tbody tr td a.comprProdTitle {
  display: block;
}
.compareTableWrap .table tbody tr td .btn-group {
  margin: 3px 4px 3px 0;
}
.compareTableWrap .table tbody tr td .btn-group + span button {
  margin-bottom: 3px 0;
}
.compareTableWrap .pushbtnGroup button {
  background: #fff;
  color: var(--bs-gray-800);
  font-family: "HubotSemiBold";
  border-color: var(--bs-gray-300) !important;
}

.different.active {
  background: #ff5555;
  color: #fff;
}

.similar.active {
  background: #9df59d;
  color: #0C254B;
}

#wizardRFQ {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
  border-radius: 6px;
  overflow: hidden;
  background: var(--bs-white);
  padding-top: 14px;
}
#wizardRFQ .multiTabHeading {
  max-width: 300px;
  flex: 0 0 300px;
  justify-content: space-between;
  padding: 0 6px;
}
#wizardRFQ .multiTabHeading li {
  list-style: none;
}
#wizardRFQ .multiTabHeading li a {
  text-align: center;
  color: #194D9C;
  background: transparent;
}
#wizardRFQ .multiTabHeading li a.active b {
  background: var(--bs-primary);
  border: 2px solid var(--bs-primary);
  color: var(--bs-white);
}
#wizardRFQ .multiTabHeading li a b {
  width: 30px;
  display: inline-block;
  height: 30px;
  line-height: 26px;
  color: var(--bs-primary);
  border-radius: 100%;
  border: 1px solid var(--bs-primary);
  position: relative;
  z-index: 1;
  background: var(--bs-white);
  outline: 6px solid #f3f4f6;
}
#wizardRFQ .multiTabHeading li a.done b {
  background: var(--bs-primary);
  border-color: var(--bs-primary);
  color: var(--bs-primary);
}
#wizardRFQ .multiTabHeading li a.done b:after {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1.2em" height="1.3em" viewBox="0 0 448 512"><path fill="white" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7l233.4-233.3c12.5-12.5 32.8-12.5 45.3 0z"/></svg>');
  font-weight: 900;
  position: absolute;
  left: 4px;
  top: 3px;
}
#wizardRFQ .multiTabHeading::before {
  content: "";
  display: block;
  height: 1px;
  background: #194D9C;
  position: absolute;
  width: calc(100% - 40px);
  top: 50%;
  z-index: 0;
  left: 20px;
}
#wizardRFQ .multiTabHeading slide {
  display: none;
}
#wizardRFQ .multiTabContent > div {
  border: none;
}
#wizardRFQ .multiTabContent + .buttonWrap {
  padding: 0 24px 24px 24px;
  background: #fff;
  text-align: left;
}
#wizardRFQ .multiTabContent + .buttonWrap .btnNext {
  margin-right: 0;
}

.job-form #wizardRFQ .multiTabHeading::before {
  width: calc(100% - 120px);
  top: 30%;
  left: 80px;
}

.block-heading {
  top: -15px;
}

.maxQty input, .minQty input, #rowsPerPage {
  width: 94px;
}

.quickAddFormWrap > svg {
  position: absolute;
  right: -10px;
  top: -10px;
  z-index: 1;
  padding: 5px;
}

.quickAddFormCol {
  display: none;
}

.barcodeItemListWrap {
  flex-wrap: wrap;
  background: #fff;
}
.barcodeItemListWrap > * {
  width: 50%;
  padding: 3px 15px 3px 22px;
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
}
.barcodeItemListWrap > * svg {
  height: 62px;
  width: 100%;
}
.barcodeItemListWrap .barcodeItemList {
  page-break-inside: avoid;
  /*&:nth-child(2n+2) {
    margin-left: 16px;
  }*/
}
.barcodeItemListWrap .barcodeItemList p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  height: 28px;
}
.barcodeItemListWrap .barcodeItemList:before {
  content: "";
  width: 15px;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0;
  color: var(--bs-primary);
  background: var(--bs-primary);
}
.barcodeItemListWrap .barcodeImg {
  padding: 0 10px 0 0;
  width: calc(100% - 80px);
}
.barcodeItemListWrap .barcodeItemImg {
  width: 80px;
}
.barcodeItemListWrap .barcodeItemImg img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 80px;
}
.barcodeItemListWrap.tenItems > * {
  padding: 7px 15px 7px 22px;
}
.barcodeItemListWrap.tenItems > * svg {
  height: 95px;
}
.barcodeItemListWrap.tenItems .barcodeItemList p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 17px;
  line-height: 21px;
  text-align: center;
  height: 83px;
}

.scanBookItemListWrap {
  flex-wrap: wrap;
  background: #fff;
  margin: 0;
  /*.barcodeImg {
    width: calc(100% - 80px);
  }*/
}
.scanBookItemListWrap > * {
  width: calc(33.33% - 16px);
  margin: 20px 8px 0px 8px;
  padding: 10px;
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #a1a1a1;
  border-radius: 5px;
  flex-direction: column;
}
.scanBookItemListWrap > * svg {
  height: 68px;
  width: 100%;
}
.scanBookItemListWrap .scanBookItemList {
  page-break-inside: avoid;
}
.scanBookItemListWrap .scanBookItemList.odd {
  margin: 20px 8px 100px 8px;
}
.scanBookItemListWrap .scanBookItemList p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  height: 80px;
  margin-top: 20px;
}
.scanBookItemListWrap .scanBookItemImg img {
  width: auto;
  height: 150px;
}
.scanBookItemListWrap.sixItems > * {
  width: calc(50% - 16px);
}
.scanBookItemListWrap.sixItems > * svg {
  height: 68px;
}
.scanBookItemListWrap.sixItems .scanBookItemImg img {
  height: 150px;
}
.scanBookItemListWrap.sixItems .barcodeImg {
  width: calc(100% - 40px);
}

/*.cimm_invoiceList{
    > .datepicker_block {
        display: inline-block;
    }
    .dataTables_wrapper{
        position: relative;
    }
    > .dt-buttons{
        position: absolute;
        right: 0;
        top: -41px;
    }
}

.cimm_invoiceAgeingSummari {
    div.dt-container{
        .dt-buttons{
            display: block;
            float: none;
            clear: both;
            margin-bottom: 15px;
            text-align: right;
        }
    }
}

.cimm_invoiceList div.dt-container > div.dt-length,
.cimm_invoiceAgeingSummari div.dt-container div.dt-length{
    float: left;
}
.cimm_invoiceList div.dt-container > div.dt-filter,
.cimm_invoiceAgeingSummari div.dt-container div.dt-filter{
    float: right;
}

.cimm_invoiceList div.dt-container > div.dt-length,
.cimm_invoiceList div.dt-container > div.dt-filter,
.cimm_invoiceAgeingSummari div.dt-container div.dt-length,
.cimm_invoiceAgeingSummari div.dt-container div.dt-filter {
    margin-bottom: 15px;
}*/
.ordered_items-wrap {
  padding: 15px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: flex-start;
}
.ordered_items-wrap .orderd_item {
  padding: 10px;
  position: relative;
  margin-bottom: 20px;
  width: 32%;
  align-items: stretch;
  border-radius: 5px;
  background: #fff;
  border: 1px solid #a1a1a1;
}
.ordered_items-wrap .orderd_item .media .media-left a img {
  width: 62px;
  border: 1px solid #a1a1a1;
  border-radius: 5px;
}

.shippInst {
  font-size: 10px;
  line-height: 14px;
  margin: 12px 0;
  padding-left: 8px;
  position: relative;
}
.shippInst:before {
  content: "*";
  position: absolute;
  left: 0;
}

.orderSummaryWrap .cartSummary_Heading a {
  color: #333333;
  text-decoration: none;
  font-size: 12px;
  font-weight: 300;
}

.promoCodeLink {
  text-decoration: underline;
  color: #194D9C;
  font-size: 14px;
  font-weight: 600;
}

.whiteBgBlock {
  border: 1px solid var(--bs-border-color);
  background: #fff;
  padding: 12px;
  line-height: 22px;
  margin-bottom: 15px;
  border-radius: 5px;
}

#cartWrap thead > tr > th {
  border-bottom: 1px solid #a1a1a1;
}
#cartWrap tbody > tr > td {
  border-top: none;
  line-height: 20px;
  vertical-align: top;
}
#cartWrap tbody > tr > td:nth-child(4) {
  text-transform: uppercase;
}

.main {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.main.mainWebview {
  justify-content: start;
}

#backToTop {
  text-align: center;
  width: 45px;
  height: 45px;
  background: var(--bs-gray-900);
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  display: none;
  position: fixed;
  bottom: 75px;
  right: 30px;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  z-index: 99;
  cursor: pointer;
}
#backToTop:after, #backToTop:before {
  content: "";
  position: absolute;
  top: 15px;
  border-radius: 6px;
  background: #FFF;
  height: 14px;
  width: 4px;
}
#backToTop:after {
  right: 16px;
  transform: rotate(135deg);
}
#backToTop:before {
  right: 24px;
  transform: rotate(225deg);
}
#backToTop:hover {
  opacity: 1;
  background: #0C254B;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}

.cimm_bodyContentWrap {
  margin-bottom: 30px;
}

/*___________________Poup Modal____________________*/
.modal-title {
  position: relative;
  color: var(--text-text);
}
.modal-title .backBtn {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 20px;
  height: 20px;
  font-size: 14px;
  color: #0C254B;
  cursor: pointer;
}
.modal-title .close {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 20px;
  height: 20px;
  font-size: 24px;
  color: #0C254B;
  opacity: 1;
}

.modal-body {
  color: #0C254B;
}
.modal-body .form-label {
  color: var(--bs-gray-800);
}
.modal-body .form-control {
  color: var(--bs-gray-500);
}
.modal-body ul li a.forgotPass {
  margin-top: 10px;
}
.modal-body table tr td {
  word-break: break-all;
}
.modal-body table tr td .button, .modal-body table tr td .calendarFilterWrap .tableHeader ul.calendarFilterHead li, .calendarFilterWrap .tableHeader ul.calendarFilterHead .modal-body table tr td li {
  word-break: normal;
}

.dummyHeight {
  height: 30px;
}

.fixIt, #fixedHead {
  position: fixed;
  background: #fff;
  width: 100%;
  z-index: 999;
  top: 0;
  -webkit-transition: top 0.5s ease-in-out;
  -moz-transition: top 0.5s ease-in-out;
  -o-transition: top 0.5s ease-in-out;
  transition: top 0.5s ease-in-out;
}

/*___________________Pagination____________________*/
.pagination > li > a, .pagination > li > span, .pagination > li button {
  padding: 12px 16px;
  border: 1px solid var(--bs-border-color);
  background: var(--bs-white);
  line-height: 16px;
  color: var(--bs-body-color);
  display: inline-block;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover,
.pagination > .active > button,
.pagination > .active > button:focus,
.pagination > .active > button:hover {
  background: var(--bs-gray-200);
  color: var(--bs-body-color);
  border: 1px solid var(--bs-border-color);
}

.pgnation .pagebarUTH {
  display: flex;
}
.pgnation .pagebarUTH > * {
  border: 1px solid var(--bs-border-color);
  background: var(--bs-white);
  line-height: 16px;
  padding: 12px 16px;
  border-right: none;
}
.pgnation .pagebarUTH > *:last-child {
  border-right: 1px solid var(--bs-border-color);
  border-radius: 0 6px 6px 0;
}
.pgnation .pagebarUTH > *:first-child {
  border-radius: 6px 0 0 6px;
}
.pgnation .pagebarUTH span {
  background: var(--bs-gray-200);
  color: var(--bs-body-color);
}
.pgnation .pagebarUTH a {
  color: var(--bs-body-color);
}
.pgnation .pagebarUTH a:hover {
  background: var(--bs-gray-200);
}

/*___________________Price____________________*/
.priceSpan {
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  color: #111827;
}
.priceSpan img {
  width: auto !important;
  display: inline-block !important;
}

.price {
  font-family: "HubotBlack";
  font-size: 16px;
}
.price img {
  width: auto;
  display: inline-block;
}

/*___________________Search Results____________________*/
.searchResults .spellCheckWrap {
  color: #194D9C;
}
.searchResults .spellCheckWrap .spellCheckHighlight {
  font-style: italic;
}

.cimm_page-title {
  font-size: 22px;
  line-height: 32px;
  font-family: "HubotBlack";
  text-transform: uppercase;
}

.flex-ghost {
  height: 0 !important;
  min-height: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border: 0 !important;
}

.quantity {
  width: 30px;
  text-align: center;
  height: 41px;
  padding: 5px;
  border: 1px solid var(--bs-border-color);
  border-radius: 0;
  border-left: none;
  border-right: none;
  color: var(--bs-gray-700);
  font-weight: 500;
  font-size: 16px;
  background: #fff;
}

.productTitle {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  max-width: 100%;
  font-family: "HubotBlack";
  color: var(--text-text);
  text-transform: uppercase;
}

.btn-product-group {
  font-family: "HubotMedium";
  color: var(--bs-gray-800);
  padding-top: 5px;
  padding-bottom: 5px;
}

.productTitle-lg {
  font-size: 20px;
  line-height: 30px;
}

.cimm_productHead {
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 38px;
  color: var(--bs-gray-500);
  margin-bottom: 36px;
}

.popMsg {
  background: #6b6a6a !important;
  padding: 5px;
  border-radius: 4px;
  position: absolute;
  width: 250px;
  top: 25px;
  font-size: 14px;
  color: #fff !important;
  z-index: 1001;
  right: 0;
}

.cartBtnWrap .popMsg {
  right: -125px;
}

.register-form {
  max-width: 928px;
}

.groupList {
  cursor: pointer;
  position: relative;
  font-size: 14px;
}
.groupList ul {
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  background: #fff;
  border: 1px solid #a1a1a1;
}
.groupList ul li {
  width: 100%;
  border-bottom: 1px solid #a1a1a1;
}
.groupList ul li:last-child {
  border: none;
}
.groupList ul li input {
  height: 35px;
  padding: 10px;
  width: 100%;
}
.groupList ul li a {
  color: #0C254B;
  text-transform: capitalize;
  display: block;
  padding: 5px;
}
.groupList ul li a:hover {
  background: #194D9C;
  color: #fff;
}

#generalModel .modal-body {
  overflow-y: auto;
}

.selectedItemsWrap .row {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--bs-border-color);
}
.selectedItemsWrap .row:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.password-rules svg path {
  fill: var(--bs-primary);
}

/*
.dataTables_wrapper {
    color: $default_font-color;
}
.productGroupPopWrap {
    color: $default_font-color;
    .existingPgListWrap {
        h4 {
            color: $primary_color;
        }
        ul {
            li {
                width: 25%;
                display: inline-block;
            }
        }
    }

    .submitProductGroup a {
        display: inline-block;
    }
    .addNewPgResponse {
        ul {
            li {
                a {
                    color: $primary_color;
                    text-transform: capitalize;
                    font-size: 16px;
                    font-weight: bold;
                }
            }
        }
    }
}*/
#systemMatchups_wrapper .dt-length, #systemMatchups_wrapper .dt-search {
  display: none;
}

.muladdtoCartItems {
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: 1px solid var(--bs-border-color);
}
.muladdtoCartItems:last-child {
  padding: 0;
  margin-bottom: 0;
  border-bottom: none;
}

.cimm_salesBottomStrip ul li {
  color: #194D9C;
  font-size: 20px;
  font-weight: bold;
  text-align: right;
}

.cimm_instructions {
  width: 70%;
  margin: 40px auto;
}
.cimm_instructions ul {
  list-style-type: disc;
  padding-left: 30px;
}
.cimm_instructions ul li {
  list-style-type: disc;
}
.cimm_instructions ul li em {
  vertical-align: middle;
}

.cimm_refreshList {
  font-size: 16px;
  margin-bottom: 10px;
}

.profileImage img {
  width: 100%;
}

.uploadImage_wrap .uploadImage, .uploadImage_wrap .uploadFile {
  border: 2px solid #0C254B;
  height: 35px;
  cursor: pointer;
  position: relative;
}
.uploadImage_wrap .uploadImage span, .uploadImage_wrap .uploadFile span {
  text-align: center;
  display: block;
  padding: 6px;
  color: #0C254B;
  position: absolute !important;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.uploadImage_wrap .uploadImage input, .uploadImage_wrap .uploadFile input {
  opacity: 0;
  height: 35px;
  width: 100%;
  cursor: pointer;
  border: none;
}
.uploadImage_wrap .btn {
  margin-right: 3px;
  float: left;
  height: 35px;
  padding: 5px 10px;
}

.userInfoWrap {
  height: 160px;
}
.userInfoWrap h4 {
  position: absolute;
  bottom: 0;
  margin: 0;
  font-size: 14px;
}

.cimm_brandAtoZletters {
  width: 100%;
  margin: 0;
  background: #194D9C;
}
.cimm_brandAtoZletters ul {
  margin: 5px 0;
  border-radius: 6px;
  padding: 0 10px;
}
.cimm_brandAtoZletters ul li {
  display: inline-block;
  padding: 10px 5px;
}
.cimm_brandAtoZletters ul li a {
  color: #fff;
}
.cimm_brandAtoZletters.cimm_brandLetter {
  background: none;
}
.cimm_brandAtoZletters.cimm_brandLetter ul {
  padding: 0;
}
.cimm_brandAtoZletters.cimm_brandLetter ul li {
  padding: 0 6px 0 4px;
  border-right: 1px solid #0C254B;
  line-height: 14px;
  font-size: 14px;
}
.cimm_brandAtoZletters.cimm_brandLetter ul li a {
  padding: 0 8px;
  color: #0C254B;
}
.cimm_brandAtoZletters.cimm_brandLetter ul li:first-child {
  padding: 0 6px 0 0;
}
.cimm_brandAtoZletters.cimm_brandLetter ul li:first-child a {
  padding: 0 8px 0 0;
}
.cimm_brandAtoZletters.cimm_brandLetter ul li:last-child {
  border-right: none;
}

.cimm_brandAtoZletters.fixIt {
  position: fixed;
  top: 0;
  max-width: calc(100% - 30px);
  z-index: 2;
}

#sharePop .modal-body {
  max-height: 190px;
  overflow: auto;
}

/*#updateSelectedItems {
  -ms-transform: translate(-210px, 0%);
  -webkit-transform: translate(-210px, 0%);
  transform: translate(-210px, 0%);
}

#updateSelectedItems.slideBtns-hide {
  -ms-transform: translate(-239px, 100%);
  -webkit-transform: translate(-239px, 100%);
  transform: translate(-239px, 100%);
}*/
.fixed {
  position: fixed;
  top: -50px;
  width: 100%;
  background: #fff;
  z-index: 115;
  padding: 5px 0;
}
.fixed ul {
  max-width: 1180px;
  margin: 0 auto;
}

.brandsListRow {
  border-bottom: 1px solid #a1a1a1;
}
.brandsListRow.grid-item {
  border: 0;
}

.registerRightBox {
  background: rgb(228.735, 228.735, 228.735);
  padding: 20px;
  font-weight: bold;
}
.registerRightBox h6 {
  font-size: 13px;
  color: #000;
}
.registerRightBox ul li a {
  color: #194D9C;
}
.registerRightBox ul li a:hover {
  text-decoration: underline;
}

.registerLeftBox h5 {
  font-size: 13px;
  color: #000;
  font-weight: bold;
}
.registerLeftBox label {
  color: #000;
  font-weight: bold;
  vertical-align: top;
}
.registerLeftBox label a {
  color: #194D9C;
}
.registerLeftBox ul {
  margin: 20px 0;
}
.registerLeftBox ul li {
  line-height: 20px;
  color: #000;
}
.registerLeftBox ul li > em {
  color: rgb(238.425, 238.425, 238.425);
  font-size: 18px;
}
.registerLeftBox .accountSelectionWrap {
  background: rgb(228.735, 228.735, 228.735);
  padding: 10px;
  display: inline-block;
  margin: 0 0 20px;
}
.registerLeftBox label.customCheckBox {
  margin-bottom: 20px;
}

.orderSummaryWrap h3 {
  margin: 0 0 6px 0;
  text-transform: uppercase;
  font-size: 14px;
  font-family: "HubotBlack";
}
.orderSummaryWrap a {
  color: #194D9C;
  font-weight: 700;
}
.orderSummaryWrap .table thead tr th {
  border-bottom: 1px solid #0C254B;
}
.orderSummaryWrap .table tbody {
  text-align: center;
}
.orderSummaryWrap .table tbody tr td p {
  font-size: 12px;
}
.orderSummaryWrap .cimm_salesBottomStrip {
  border-top: 1px solid #0C254B;
  padding: 6px 0 10px 0;
}
.orderSummaryWrap .cimm_salesBottomStrip ul {
  width: 100%;
  float: none;
}
.orderSummaryWrap .cimm_salesBottomStrip ul li {
  font-size: 18px;
}
.orderSummaryWrap .cimm_salesBottomStrip ul li .priceLabel {
  float: left;
  text-transform: capitalize;
}
.orderSummaryWrap .cimm_salesBottomStrip ul li .priceValue {
  float: right;
}

.actionIcon {
  background: none;
  border: 0;
  font-size: 22px;
  padding: 0;
  margin: 0 6px;
  color: #194D9C;
}
.actionIcon:active {
  color: #194D9C;
}

.copyPaste {
  width: 100%;
  height: 200px;
}

#example1 {
  height: 280px;
  overflow: auto;
}

.quickcartclass li {
  list-style-type: decimal;
  margin-left: 15px;
}
.quickcartclass li ul li {
  display: block;
  float: none;
  position: relative;
}
.quickcartclass li ul li:after {
  content: "";
  height: 6px;
  width: 6px;
  background: #585858;
  position: absolute;
  left: -12px;
  border-radius: 50%;
  top: 6px;
}
.quickcartclass a {
  color: #194D9C;
  font-weight: 600;
}

.cimm_regCapthaWrap {
  margin-bottom: 10px;
}
.cimm_regCapthaWrap input {
  float: left;
  padding: 4px 10px;
  width: 50%;
  height: 30px;
}
.cimm_regCapthaWrap input[type=button] {
  float: left;
}

.cimm_multiAddcart {
  width: 150px;
}

.cartHead h5 {
  float: left;
  margin: 0;
  padding: 4px 15px 8px;
  background: #194D9C;
}
.cartHead h5 a {
  padding: 0 !important;
  font-size: 12px !important;
}
.cartHead h5 a.active {
  text-decoration: underline;
}

.cartBody {
  padding: 10px;
}

#quickOrderPadDrop {
  width: 342px;
  border: 0;
}

#headerCopyPasteText {
  width: 100%;
  height: 150px;
}

#ManagePurchaseAgent_wrapper .dt-buttons {
  float: left;
  margin-bottom: 10px;
}
#ManagePurchaseAgent_wrapper .dataTables_filter {
  float: right;
  margin-bottom: 5px;
}

.fileUploadDescription a {
  background: none !important;
  color: #194D9C !important;
  padding: 0 !important;
  font-size: 14px !important;
  font-weight: bold;
}

.grid-item {
  width: 20%;
  height: auto;
  float: left;
  margin-bottom: 25px;
}

.tog_myAccount {
  cursor: pointer;
}

.tog_myAccount span {
  float: right;
}

.modalPopOverlay {
  display: none;
  height: 100%;
  width: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.3);
  z-index: 116;
  justify-content: center;
  align-items: center;
}

.pleaseWaitOverlay {
  display: none;
  height: 100%;
  width: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1056;
  justify-content: center;
  align-items: center;
  padding: 10px;
}

.pleaseWaitBlock {
  max-width: 500px;
  width: 100%;
  padding: 15px;
  border-radius: 6px;
}

.loadAfter {
  height: 100%;
  width: 100%;
  position: fixed;
  background: rgb(255, 255, 255);
  z-index: 112;
  cursor: wait;
}
.loadAfter img {
  max-width: 100%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.loadAfter i {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 48px;
  height: 48px;
}

#multipleResult .bulkActionBtn {
  width: 190px;
  margin: 20px auto;
}

.cimm_resultSelect {
  background: rgb(228.735, 228.735, 228.735);
  padding: 5px 10px;
}
.cimm_resultSelect a {
  color: #194D9C;
  font-weight: 600;
}

.cimm_genericSearch {
  padding: 10px 5px;
  margin: 0 0 15px 0;
  border: 1px solid #a1a1a1;
}
.cimm_genericSearch a {
  color: #194D9C;
  font-weight: 600;
}

.multipleResult {
  font-size: 12px;
  text-align: center;
  padding: 8px;
  background: rgb(228.735, 228.735, 228.735);
}

.poppupEnabled {
  overflow: hidden;
}

.compareWrap .cimm_multiAddcart {
  float: right;
  margin-right: 20px;
}

.divWrap {
  margin-top: 10px;
}

#customerPartNumSubmit {
  left: auto;
  right: 0;
  width: 300px;
  z-index: 99;
}

div.dataTables_wrapper .cartPagination div.dataTables_paginate {
  text-align: left;
}

.cartTotalBlock {
  color: #194D9C;
  font-size: 20px;
  font-weight: bold;
  text-align: right;
}

.eMailLogo {
  background: #fff;
  padding: 10px;
  border-top: 2px solid #a1a1a1;
  border-bottom: 2px solid #a1a1a1;
  margin-bottom: 20px;
}

#sortByForm .dropdown-menu {
  z-index: 99;
}

.dropdown-menu.customDropDown {
  padding: 5px;
  background: #fff;
  border: 1px solid #a1a1a1;
  min-width: 250px;
}
.dropdown-menu.customDropDown li {
  width: 100%;
  border-bottom: 1px solid #a1a1a1;
  text-align: left;
  padding: 3px 0;
  /*input{
  	height: 35px;
  	padding: 10px;
  	width: 100%;
  }*/
}
.dropdown-menu.customDropDown li a {
  color: #0C254B !important;
  text-transform: capitalize;
  display: block;
  padding: 5px;
}
.dropdown-menu.customDropDown li a:hover {
  background: #194D9C;
  color: #fff !important;
}
.dropdown-menu.customDropDown li.text-center {
  text-align: center;
}

.searchZero p {
  font-size: 20px;
  font-weight: 600;
}
.searchZero p a:not(.cimm_inlineButton) {
  color: #194D9C;
  text-decoration: underline;
}

.clearenceTag {
  background: url(../images/Clearance_Icon.png) no-repeat 0 0;
  height: 65px;
  width: 65px;
  display: block;
  background-size: contain;
  position: absolute;
  top: 0;
}
.clearenceTag.clearenceTagSmall {
  height: 45px;
  width: 45px;
}

.tabelImage a {
  display: inline-block;
  position: relative;
}

.loadMore {
  text-align: center;
  margin: 15px 0 15px 0;
  font-size: 16px;
}

/*.overflowHidden{
    overflow: hidden;
    white-space: nowrap;
}*/
#OrdersHistoryTable_wrapper .dataTables_filter {
  display: none;
}

#OrdersHistoryDetails #endDate, #OrdersHistoryDetails #startDate, #InvoiceHistoryDetails #endDate, #InvoiceHistoryDetails #startDate {
  background: url(../images/calIcon.png) 96%/20px no-repeat;
  border-radius: 4px;
  cursor: pointer;
  margin-left: -5px;
}

.borderLine {
  border-left: 1px solid #194D9C;
  height: 300px;
  position: absolute;
  left: 50%;
  margin-left: -3px;
}

.eventsiteresult {
  display: none;
}

#searchResultsStatic .btntab li.active a {
  background-color: #194D9C;
  color: #fff;
}

#searchResultsStatic .btntab li a {
  background-color: #CE2129;
  color: #000;
}

.multiTab {
  width: 100%;
}

.multiTab ul.btntab {
  position: relative;
}

.multiTab ul.btntab li {
  float: left;
}

.multiTab ul.btntab li a {
  padding: 10px 15px;
  display: block;
}

.invDetPrintPage .printInvoice {
  font-size: 16px;
  padding: 4px;
}
.invDetPrintPage .printInvoice em {
  margin-right: 3px;
}
.invDetPrintPage .table-bordered {
  border-color: #2d2d2d !important;
}
.invDetPrintPage .table-bordered > thead > tr > th, .invDetPrintPage .table-bordered > tbody > tr > td {
  border-color: #2d2d2d !important;
  min-height: 35px;
}
.invDetPrintPage .table-bordered > thead > tr > th:nth-child(6), .invDetPrintPage .table-bordered > tbody > tr > td:nth-child(6) {
  text-transform: uppercase;
}
.invDetPrintPage .addrSection {
  border: 1px solid #2d2d2d;
  padding: 4px;
}
.invDetPrintPage .addrSection .addrHeading {
  font-weight: 900;
  font-size: 14px;
}
.invDetPrintPage .invNumDet {
  border: 1px solid #2d2d2d;
}
.invDetPrintPage .invNumDet li {
  padding: 4px;
}
.invDetPrintPage .invNumDet li:not(:last-child) {
  border-bottom: 1px solid #2d2d2d;
}

#snackbar {
  visibility: hidden;
  min-width: 500px;
  background-color: #fff;
  border-color: green;
  color: green;
  text-align: left;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 9999;
  left: 58%;
  top: 30px;
  font-size: 14px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

#snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

.addrSyncToastinfo .toast-info {
  width: 850px;
  font-size: 12px;
  font-weight: bold;
  flex-wrap: nowrap;
  text-align: center;
  background-position: 10% !important;
  background-color: #E0FFFF;
  float: left;
}

.addrSynctoatrtitle {
  display: none;
}

.toast-custom {
  background-image: none !important;
  padding: 1px 18px 2px 2px !important;
  text-align: center;
  background-color: #E0FFFF;
}

.toast-top-full-width {
  top: 0;
  right: 466px;
  width: 758px;
  max-width: 1018px;
}

.toast-close-button {
  position: relative;
  right: -0.25em;
  top: -0.05em;
  float: right;
  font-size: 20px;
  font-weight: solid;
  color: #007791;
  -webkit-text-shadow: 0 1px 0 #fff;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.8;
  line-height: 1;
  text-align: center;
}

#toast-container.toast-top-full-width > div {
  top: 5px;
  right: -63px;
  width: 82%;
  height: 30px;
  margin-left: auto;
  margin-right: auto;
  border: 2px solid #04749B;
  color: #007791;
  font-size: 14px;
  border-radius: 4px;
  text-align: center;
}

.requiredField::after {
  content: "*";
  color: red;
  margin-left: 2px;
}

.showHidePassordSecion {
  position: relative;
}

#modalLoginForm .btn-close {
  position: absolute;
  top: 14px;
  right: 14px;
}

.fw-semibold {
  font-family: "HubotSemiBold";
  font-weight: normal !important;
}

.fw-500 {
  font-family: "HubotMedium";
  font-weight: normal !important;
}

.fw-lighter, .fw-normal {
  font-family: "HubotLight";
  font-weight: normal !important;
}

.fw-bold {
  font-family: "HubotBold";
  font-weight: normal !important;
}

.fw-bolder {
  font-family: "HubotBlack";
  font-weight: normal !important;
}

.letter-space-xs {
  letter-spacing: 0.2px;
}

.line-height-lg {
  line-height: 24px;
}

.loginCartWrapper .btn {
  color: #0C254B;
  font-size: 14px;
}

.btn-primary {
  font-family: "HubotBlack";
  text-transform: uppercase;
  font-size: 14px;
  padding: 9px 15px;
}
.btn-primary:hover {
  color: #fff;
}

.cimm_listGridTopControls {
  color: var(--bs-gray-800);
}
.cimm_listGridTopControls .searchResults {
  color: var(--bs-gray-800);
}
.cimm_listGridTopControls .cimm_compareControls .btn {
  color: var(--bs-gray-800);
}

.cutomTCBanner .jssora05l, .cutomTCBanner .jssora05r {
  display: none !important;
}

.customTooltip {
  color: var(--bs-gray-800);
}

#productDetailList.skuStyle {
  font-size: 16px;
}

.btn:focus-visible {
  color: #fff !important;
}

.registrationBlock .registerTitle {
  padding: 40px 0 32px;
  margin: 0 !important;
  text-transform: uppercase;
}
.registrationBlock .registerTitle h4 {
  font-family: "HubotBlack";
  font-size: 20px;
}
.registrationBlock.multiTab .multiTabHeading {
  padding: 0 64px;
}
.registrationBlock.multiTab .multiTabContent > div {
  border: 0;
  font-size: 14px;
}

.cimm_formBtn a {
  height: 40px;
  font-family: "HubotBold";
  font-size: 14px;
  color: var(--bs-gray-800);
}
.cimm_formBtn .btn-primary {
  height: 40px;
  font-family: "HubotBlack";
}

.cimm_cartProdDescription .skuStyle > div:nth-child(1) {
  width: 35%;
}
.cimm_cartProdDescription .skuStyle > div:nth-child(2) {
  width: 40%;
}
.cimm_cartProdDescription .skuStyle > div:nth-child(3) {
  width: 20%;
}
.cimm_cartProdDescription .form-control {
  font-size: 14px;
  padding: 7px 12px;
}

#checkoutView {
  color: #111827;
}

#pickupAddress .form-control {
  color: #111827;
}

/*#normalHead{
    position: relative;
    z-index: 999;
}
// .myactdropicon{
// 	vertical-align: -0.167em;
// }*/
/*.header .cimm_header .header_2021 .cimm_header_mid .cimm_signWrap>li>a>span.imgBox.icon_quickOrder:after {
  content: "\f46d";
  speak: none;
  position: absolute;
  z-index: 11;
  font-weight: 900;
  font-size: 34px;
  font-family: FontAwesomePro-Solid;
  top: 0;
  left: 25%;
  color: #000;
}
cimm_widget-wrapper{
    .cimm_widget-header{
        background: $tertiary_color;
        .cimm_widget-title, .viewAllLink{
            padding: 0px 10px;
        }
        div.dataTables_length select {
            width: auto !important;
        }
    }
    table.dataTable{
        margin-top: 0px !important;
        &.table-bordered td:last-child{
            padding-right: 30px;
        }
    }
}
.static_reg_form {
    max-width: 1200px;
    margin: 0 auto;
    form {
        max-width: 1100px;
    }
}
.cartTotal_Top{
	text-align: right;
	margin-bottom: 25px;
	span {
		background: $border-color;
		color: $white !important;
		border-radius: 2px;
	}
}*/
.fontColor {
  color: #111827;
}

#reqDate::placeholder {
  color: #111827;
}

.radioButton {
  margin-left: 20px !important;
}

.btn-addtocart {
  background: #194D9C;
  border-radius: 4px;
  border: 1px solid rgb(10.9116022099, 33.6077348066, 68.0883977901);
  font-family: "HubotBlack" !important;
  font-size: 14px !important;
  color: #fff;
  text-transform: uppercase !important;
  box-shadow: unset;
  padding: 6px 12px !important;
  margin: 0;
  position: relative;
  text-align: center;
}
.btn-addtocart:hover, .btn-addtocart:active, .btn-addtocart:focus, .btn-addtocart:active:focus {
  background: transparent;
  border-radius: 4px;
  border: 1px solid rgb(59.3535911602, 124.5690607735, 223.6464088398);
  background: rgb(10.9116022099, 33.6077348066, 68.0883977901);
  color: #fff;
}
.btn-addtocart::before {
  content: none;
}

.btn-continueshop {
  background: #194D9C;
  border-radius: 4px;
  border: 0px solid rgb(10.9116022099, 33.6077348066, 68.0883977901);
  font-family: "HubotRegular" !important;
  font-size: 14px !important;
  color: #ffffff;
  text-transform: capitalize !important;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4);
  padding: 6px 12px !important;
  margin: 10px 0;
  position: relative;
  text-align: center;
}
.btn-continueshop:hover, .btn-continueshop:active, .btn-continueshop:focus, .btn-continueshop:active:focus {
  background: transparent;
  border-radius: 4px;
  border: 0px solid rgb(59.3535911602, 124.5690607735, 223.6464088398);
  background: rgb(10.9116022099, 33.6077348066, 68.0883977901);
  color: #ffffff;
}
.btn-continueshop::before {
  content: none;
}

.btns-disable {
  cursor: not-allowed !important;
  background: var(--bs-gray-200);
  color: var(--bs-gray-400);
  border-color: var(--bs-gray-200);
}
.btns-disable:hover {
  background: var(--bs-gray-200);
  border-color: var(--bs-gray-200);
}

.text-disable {
  cursor: not-allowed !important;
  color: var(--bs-gray-400) !important;
}

button,
input[type=submit] {
  -moz-appearance: none;
  -webkit-appearance: none;
  -appearance: none;
  font-family: "HubotRegular";
  outline: none;
}
button:active,
input[type=submit]:active {
  outline: none;
  color: #fff;
}

.form-group .bootstrap-select .btn.dropdown-toggle {
  text-transform: capitalize;
  font-weight: normal;
  font-family: "HubotRegular";
}

.button, .calendarFilterWrap .tableHeader ul.calendarFilterHead li {
  padding: 5px 10px;
}

.cimm_inlineButton {
  padding: 7px 12px;
  display: inline-block;
}

.viewallBlueBtn {
  background: #013780;
  color: #FFF;
  padding: 6px 25px;
  display: inline-block;
  margin-bottom: 10px;
  font-size: 14px;
  font-family: HubotLight;
  font-weight: 300;
}

.refreshBtn {
  color: #194D9C;
  font-size: 24px;
}

.myProductGroupbutton {
  position: relative;
  padding: 0px 0px 0px 10px !important;
  text-decoration: underline !important;
  display: inline-block;
  font-size: 14px;
  color: #194D9C !important;
}
.myProductGroupbutton:before {
  content: "+";
  position: absolute;
  left: 0px;
}

/*.slideBtns-hide {
    -ms-transform: translate(0px, 100%);
    -webkit-transform: translate(0px, 100%);
    transform: translate(0px, 100%);
    opacity: 0;
}

.slideBtns {
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
}

.slideBtns.btns-disable {
    opacity: 0.8;
}*/
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 30px;
}

/* Hide default HTML checkbox */
.switch input {
  display: none;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(228.735, 228.735, 228.735);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: 1;
  padding: 5px 7px;
  color: #fff;
}

.slider:before {
  position: absolute;
  content: "";
  z-index: -1;
  height: 30px;
  width: 60px;
  left: 0;
  bottom: 0;
  background-color: rgb(85.425, 85.425, 85.425);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider:before {
  background-color: #005c39;
}

input:focus + .slider {
  box-shadow: 0 0 1px #005c39;
}

input:checked + .slider.active:before {
  -webkit-transform: translateX(60px);
  -ms-transform: translateX(60px);
  transform: translateX(60px);
}

.light-ripple, .dark-ripple {
  overflow: hidden;
  transition: 0.1s ease-in;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
}
.light-ripple:hover, .dark-ripple:hover {
  cursor: pointer;
}

.lRipple, .dRipple {
  background-color: rgba(255, 255, 255, 0.45);
  border-radius: 100%;
  height: 50px;
  width: 50px;
  margin-top: -25px;
  margin-left: -25px;
  position: relative;
  -webkit-transform: scale(0);
  transform: scale(0);
  position: absolute;
}

.dRipple {
  background-color: rgba(88, 88, 88, 0.28);
}

.animate {
  -webkit-animation: ripple 0.4s linear;
  animation: ripple 0.4s linear;
}

@-webkit-keyframes ripple {
  100% {
    -webkit-transform: scale(12);
    transform: scale(12);
    background-color: transparent;
  }
}
@keyframes ripple {
  100% {
    -webkit-transform: scale(12);
    transform: scale(12);
    background-color: transparent;
  }
}
.cimm_block-title {
  color: #0C254B;
  font-family: "HubotBold";
  font-size: 18px;
  font-weight: normal;
  text-transform: capitalize;
  background: transparent;
  border-radius: 0px;
  border: 0px;
  border-bottom: 0px solid #a1a1a1;
  margin: 0px;
  padding: 0px;
  position: relative;
  word-break: break-all;
}
.cimm_block-title:before, .cimm_block-title:after {
  content: "";
  display: table;
}
.cimm_block-title:after {
  clear: both;
}

.cimm_slider-title {
  color: #0C254B;
  font-family: "HubotBlack";
  font-size: 22px;
  font-weight: normal;
  text-transform: uppercase;
  background: transparent;
  border-radius: 0px;
  border: 0px;
  border-bottom: 0px solid #a1a1a1;
  margin: 32px 0px;
  padding: 0px;
  position: relative;
  word-break: break-all;
}
.cimm_slider-title:before, .cimm_slider-title:after {
  content: "";
  display: table;
}
.cimm_slider-title:after {
  clear: both;
}

/*.cimm_btnGroupEnclosure {
    margin: 25px auto;
    padding-bottom: 30px;
    border-bottom: 1px solid $black;
    > ul {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-around;
        text-align: center;
        align-items: flex-start;
        @include responsive_max-width(sm){
            flex-direction: column;
        }
        @include responsive_max-width(xs){
            flex-direction: column;
        }
        > li {
            padding: unset;
            position: relative;
            max-width: 185px;
            // flex: 1 1 0px;
            &:last-child {
                padding-right: 0;
            }
            a:not(.btn) {
                color: $primary_color;
                font-size: 16px;
                background: none;
                cursor: pointer;
                em {
                    margin-right: 10px;
                    font-size: 18px;
                }
            }
            .popMsg{
                right: auto;
            }
            @include responsive_max-width(sm){
                max-width: unset;
                flex: auto;
            }
            @include responsive_max-width(xs){
                max-width: unset;
                flex: auto;
            }
        }
    }
}*/
/***********************Form Design***********************/
textarea {
  resize: vertical;
}

.form-group .dropdown-menu {
  z-index: 999;
}

.cimm_advancedSearchFilter {
  margin-bottom: 10px;
  border: 1px solid #ccc;
  padding: 5px;
  background: #333333;
}
.cimm_advancedSearchFilter input {
  width: 100%;
  padding: 5px 10px;
  margin-bottom: 10px;
}
.cimm_advancedSearchFilter div {
  margin-bottom: 10px;
}
.cimm_advancedSearchFilter a {
  display: block;
}

/*#reqDate{
	background: url('../images/calIcon.png') no-repeat;
	background-position: 96% 50%;
    background-size: 20px;
}*/
/**********************custom check box*************************/
.inline-radiobtn label.customRadioBtn {
  display: inline-block !important;
  margin: 0px 5px;
  position: static;
  pointer-events: all;
}

.customRadioBtn {
  position: relative;
  cursor: pointer;
  margin: 0;
}
.customRadioBtn span {
  padding: 0 0 0 20px;
}
.customRadioBtn span span {
  display: block;
}
.customRadioBtn input[type=radio] {
  height: 0;
  width: 0;
  visibility: hidden;
  opacity: 0;
}
.customRadioBtn input[type=radio] + span:before, .customRadioBtn input[type=radio] + span:after {
  content: "";
  position: absolute;
  height: 12px;
  width: 12px;
  top: calc(50% - 8px);
  left: 0;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
}
.customRadioBtn input[type=radio] + span:before {
  border: 2px solid transparent;
}
.customRadioBtn input[type=radio] + span:after {
  display: block;
  border: 2px solid #a1a1a1;
}
.customRadioBtn input[type=radio]:checked + span:after, .customRadioBtn input[type=radio]:checked + span:before {
  border: 2px solid #194D9C;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.customRadioBtn input[type=radio]:checked + span:before {
  background: #194D9C;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
}
.customRadioBtn input[type=radio]:disabled + span:after {
  border: 2px solid rgb(238.425, 238.425, 238.425);
  cursor: not-allowed;
}
.customRadioBtn input[type=radio]:disabled:checked + span:before {
  background: rgb(238.425, 238.425, 238.425);
  border: 2px solid rgb(238.425, 238.425, 238.425);
}

.customCheckBox {
  position: relative;
  display: inline-block;
  padding-left: 22px;
  cursor: pointer;
  line-height: 16px;
  margin: 0;
  color: var(--bs-gray-800);
  font-weight: 500;
}
.customCheckBox input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
  opacity: 0;
  padding: 0;
  margin: 0;
  position: absolute;
}

.customCheckBox2,
ul.cimm_formContent li label.customCheckBox2 {
  position: relative;
  display: inline-block;
  padding-left: 0;
  cursor: pointer;
  line-height: 12px;
  left: 0;
  pointer-events: auto;
  z-index: 2;
}
.customCheckBox2 span,
ul.cimm_formContent li label.customCheckBox2 span {
  vertical-align: top;
  color: var(--bs-gray-700);
}

.customCheckBox a, .customCheckBox2 a {
  color: var(--bs-gray-700);
}
.customCheckBox input[type=checkbox] + span::before, .customCheckBox2 input[type=checkbox] + span::before {
  content: "";
  background: #fff;
  position: absolute;
  height: 0px;
  width: 2px;
  top: 5px;
  left: 6px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.customCheckBox input[type=checkbox] + span::after, .customCheckBox2 input[type=checkbox] + span::after {
  content: "";
  position: absolute;
  width: 14px;
  display: block;
  height: 14px;
  border: 1px solid #2d2d2d;
  top: 0px;
  left: 0;
  background: #FFF;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-radius: 4px;
  border: 1px solid var(--bs-gray-500);
}
.customCheckBox input[type=checkbox]:checked + span::after, .customCheckBox2 input[type=checkbox]:checked + span::after {
  border: 1px solid var(--bs-primary);
  background: var(--bs-primary);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.customCheckBox input[type=checkbox]:checked + span::before, .customCheckBox2 input[type=checkbox]:checked + span::before {
  background: var(--bs-primary);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  height: 8px;
  top: 2px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #FFF;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.customCheckBox input[type=checkbox][disabled], .customCheckBox2 input[type=checkbox][disabled] {
  cursor: not-allowed;
}
.customCheckBox input[type=checkbox][disabled][checked] + span::after, .customCheckBox input[type=checkbox][disabled][checked] + span::before, .customCheckBox2 input[type=checkbox][disabled][checked] + span::after, .customCheckBox2 input[type=checkbox][disabled][checked] + span::before {
  background: var(--bs-gray-300);
}
.customCheckBox input[type=checkbox][disabled] + span::after, .customCheckBox2 input[type=checkbox][disabled] + span::after {
  border: 1px solid var(--bs-gray-300);
  cursor: not-allowed;
}
.customCheckBox input[type=checkbox][disabled] + span::before, .customCheckBox2 input[type=checkbox][disabled] + span::before {
  cursor: not-allowed;
}

.cimm_popupLogin .customCheckBox:focus, .cimm_popupLogin a:focus {
  outline: 2px solid #BCE6FB;
}

ul.cimm_formContent > li > span > input[type=checkbox],
.customCheckBox2 input[type=checkbox] {
  opacity: 0;
  margin: 0 4px 0px 2px;
  cursor: pointer;
  position: relative;
  z-index: 2;
}

ul.cimm_formContent li label.customCheckBox2 span {
  line-height: 18px;
}

.customCheckBox.customRightChkBox {
  padding: 0 22px 0 0;
}

.customCheckBox.customRightChkBox input[type=checkbox] + span:before {
  left: 100%;
  margin: 0 0 0 -10px;
}

.customCheckBox.customRightChkBox input[type=checkbox] + span:after, .customCheckBox2.customRightChkBox input[type=checkbox] + span:after {
  left: 100%;
  margin: 0 0 0 -16px;
}

.customCheckBox.customRightChkBox input[type=checkbox]:checked + span:before, .customCheckBox2.customRightChkBox input[type=checkbox]:checked + span:before {
  left: 100%;
  margin: 0 0 0 -10px;
}

.pgCheckboxWrap {
  width: 110px;
  margin: 0 auto;
}

.customCheckBoxRight {
  position: relative;
  display: inline-block;
  padding-right: 22px;
  cursor: pointer;
  line-height: 16px;
  color: #28343C;
}

.customCheckBoxRight input[type=checkbox] {
  display: none;
}

.customCheckBoxRight input[type=checkbox] + span:before {
  content: "";
  background: #fff;
  position: absolute;
  height: 0px;
  width: 3px;
  top: 5px;
  right: 6px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.customCheckBoxRight input[type=checkbox] + span:after {
  content: "";
  position: absolute;
  width: 14px;
  display: block;
  height: 14px;
  border: 1px solid #000;
  top: 0;
  right: 0;
  background: #FFF;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.customCheckBoxRight input[type=checkbox]:checked + span:after {
  border: 1px solid #4079aa;
  background: #4079aa;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.customCheckBoxRight input[type=checkbox]:checked + span:before {
  background: #4079aa;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: 2px solid #fff;
  border-right: 2px solid #FFF;
  height: 9px;
  top: 2px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.customCheckBoxRight input[type=checkbox]:disabled + span:after {
  border: 2px solid #D2D2D2;
  cursor: not-allowed;
}

.customCheckBoxRight input[type=checkbox]:disabled + span:before {
  background: #fff;
  top: 2px;
  left: 2px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(0deg);
  height: 14px;
  width: 14px;
  cursor: not-allowed;
}

.bootstrap-select.btn-group .dropdown-menu.inner {
  max-height: 300px !important;
}

#cartPopModel p {
  margin: 5px 0px;
}
#cartPopModel p .ATCPartNumber {
  word-break: break-all;
}

.table > tbody > tr > td {
  vertical-align: middle;
}
.table > thead > tr > th {
  vertical-align: middle;
}
.table#usersList tbody tr td {
  vertical-align: top;
}
.table#usersList tbody tr td span {
  width: 95px;
  display: block;
  word-break: break-all;
}
.table .btn {
  white-space: nowrap;
}

.table.customBorderTable thead tr th {
  text-transform: uppercase;
  border: none;
  border-top: 1px solid #a1a1a1 !important;
  text-align: center;
}
.table.customBorderTable thead tr th:first-child {
  text-align: left;
}
.table.customBorderTable tbody tr:last-child td {
  border-bottom: 1px solid #a1a1a1;
}
.table.customBorderTable tbody td {
  border: none;
  border-top: 1px solid #a1a1a1;
  position: relative;
  vertical-align: middle;
  text-align: center;
  font-size: 12px;
}
.table.customBorderTable tbody td:after {
  content: "";
  width: 1px;
  min-height: 90%;
  height: 110px;
  background: #a1a1a1;
  position: absolute;
  top: 5px;
  right: 0;
}
.table.customBorderTable tbody td a.updateLink {
  display: block;
  text-decoration: underline;
}
.table.customBorderTable tbody td:last-child:after {
  content: none;
}
.table.customBorderTable tbody td .cimm_cartProdDescription {
  width: 280px;
  text-align: left;
  min-height: 110px;
}
.table.customBorderTable tbody td .cimm_cartProdDescription input {
  padding: 2px 5px;
}

.tableWrapper,
.tablesWrap {
  max-width: 100%;
  overflow-y: auto;
}

.subscriptionBlock_2021 .productGroupBtn ul li:nth-child(1) {
  border-bottom: 1px solid #a1a1a1;
}

.subscriptionBlock_2021 .productGroupBtn ul li a.btn {
  color: #ffffff;
}

.sort-head {
  cursor: pointer;
}

#pModeItemContent .cimm_siteTableEnclosure .dt-layout-full {
  overflow-x: auto;
}
#pModeItemContent .cimm_siteTableEnclosure .dataTable {
  min-width: 1500px;
}

@media only screen and (max-width: 992px) {
  /* Hide table headers (but not display: none;, for accessibility) */
  .table-bordered > :not(caption) > * {
    width: 100% !important;
  }
  .rwd-table colgroup {
    display: none;
  }
  .table.rwd-table > thead tr {
    display: none;
  }
  .table.rwd-table > tbody > tr > td {
    display: block;
    border: 1px solid #eee !important;
    position: relative;
    padding: 8px 8px 8px 50%;
    white-space: normal;
    text-align: left !important;
    word-wrap: break-word;
    min-height: 20px;
  }
  .table.rwd-table > tbody > tr > td[colspan] {
    padding: 20px 8px;
    text-align: center;
  }
  .table.rwd-table > tbody > tr > td:before {
    content: attr(data-th);
    position: absolute;
    top: 8px;
    left: 6px;
    max-width: 48%;
    padding-right: 10px;
    text-align: left;
    font-weight: bold;
  }
  .table.rwd-table > tbody > tr > td.dataTables_empty {
    padding: 8px !important;
    text-align: center !important;
  }
  .table.rwd-table > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color);
  }
  /*#salesrepModal,
  #ShipDiv {
      .col-sm-6,
      .col-sm-5,
      .col-sm-7 {
          width: 100%;
          text-align: center;
          margin-bottom: 6px;
      }
      .dataTables_filter,
      .dataTables_paginate {
          text-align: center;
      }
      .form-inline {
          .form-control {
              display: inline-block;
              width: auto;
              vertical-align: middle;
          }
      }
  }*/
  .rwd-table .table-skuBlock {
    width: 100%;
  }
}
.table_quoterequest tbody tr td,
.autosuggestdiv {
  position: relative;
}
.table_quoterequest tbody tr td .autosuggestspan,
.autosuggestdiv .autosuggestspan {
  position: absolute;
  background: #fff;
  z-index: 99;
  background: rgb(249.9, 249.9, 249.9);
  border: 1px solid rgb(237.5, 237.5, 237.5);
}
.table_quoterequest tbody tr td .autosuggestspan > ul,
.autosuggestdiv .autosuggestspan > ul {
  min-width: 665px;
  max-height: 250px;
  overflow: auto;
}
.table_quoterequest tbody tr td .autosuggestspan > ul::-webkit-scrollbar,
.autosuggestdiv .autosuggestspan > ul::-webkit-scrollbar {
  width: 4px;
}
.table_quoterequest tbody tr td .autosuggestspan > ul::-webkit-scrollbar-track,
.autosuggestdiv .autosuggestspan > ul::-webkit-scrollbar-track {
  background: #fff;
}
.table_quoterequest tbody tr td .autosuggestspan > ul::-webkit-scrollbar-thumb,
.autosuggestdiv .autosuggestspan > ul::-webkit-scrollbar-thumb {
  background: rgb(172.5, 172.5, 172.5);
}
.table_quoterequest tbody tr td .autosuggestspan > ul.rowul > li,
.autosuggestdiv .autosuggestspan > ul.rowul > li {
  min-height: 50px;
  font-family: "HubotRegular";
  padding: 5px;
  display: table;
  border-bottom: 1px solid rgb(237.5, 237.5, 237.5);
  width: 100%;
}
.table_quoterequest tbody tr td .autosuggestspan > ul.rowul > li:hover,
.autosuggestdiv .autosuggestspan > ul.rowul > li:hover {
  background: rgb(181.4, 181.4, 181.4);
  cursor: pointer;
}
.table_quoterequest tbody tr td .autosuggestspan > ul.rowul > li.active,
.autosuggestdiv .autosuggestspan > ul.rowul > li.active {
  background: rgb(181.4, 181.4, 181.4);
  cursor: pointer;
}
.table_quoterequest tbody tr td .autosuggestspan > ul.rowul > li > span,
.autosuggestdiv .autosuggestspan > ul.rowul > li > span {
  vertical-align: top;
  text-align: left;
  padding: 5px;
  width: 185px;
  display: table-cell;
}
.table_quoterequest tbody tr td .autosuggestspan > ul.rowul > li > span.itemdescspan,
.autosuggestdiv .autosuggestspan > ul.rowul > li > span.itemdescspan {
  width: 50.5%;
}

.inventeryRepItems .autosuggestdiv .autosuggestspan ul.rowul > li > span {
  width: 200px;
  display: inline-block;
}
.inventeryRepItems .autosuggestdiv .autosuggestspan ul.rowul > li > span:nth-child(4) {
  display: block;
  width: 100%;
}

.dataTables_empty {
  padding: 8px !important;
  text-align: center !important;
}

.dt-info {
  margin-bottom: 8px;
  padding-top: 0.85em;
}

table.table.dataTable {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

.dt-paging .pagination {
  justify-content: flex-end;
}

.dt-container .dt-length label {
  margin-right: 5px;
}

.multiTab {
  width: 100%;
}
.multiTab ul.multiTabHeading {
  position: relative;
  display: flex;
  padding: 12px;
  gap: 12px;
}
.multiTab ul.multiTabHeading li a {
  padding: 5px 8px;
  display: block;
  background: var(--bs-white);
  color: var(--bs-gray-800);
  font-size: 14px;
  border-radius: 6px;
}
.multiTab ul.multiTabHeading li a.active {
  background: var(--bs-gray-100);
  font-family: "HubotBold";
}
.multiTab ul.multiTabHeading slide {
  content: "";
  position: absolute;
  height: 2px;
  left: 0;
  background: var(--bs-primary);
  bottom: 0;
  transition: left 0.25s cubic-bezier(0.5, 0, 0.25, 1);
  -webkit-transition: left 0.25s cubic-bezier(0.5, 0, 0.25, 1);
  display: none;
}
.multiTab .multiTabContent {
  position: relative;
  width: 100%;
  z-index: 9;
  overflow: hidden;
}
.multiTab .multiTabContent.multitabcontenttwo {
  position: unset;
  z-index: unset;
}
.multiTab .multiTabContent > h3 {
  margin: 0;
  text-transform: uppercase;
  font-weight: bold;
  background: #ebebeb;
  color: #404040;
  padding: 10px 20px 10px 15px;
  position: relative;
  font-size: 14px;
  cursor: pointer;
  min-height: 36px;
  border-bottom: 1px solid rgb(85.425, 85.425, 85.425);
}
.multiTab .multiTabContent > h3:after {
  position: absolute;
  top: 12px;
  right: 6px;
  font-size: 12px;
}
.multiTab .multiTabContent > h3.active {
  background: #194D9C;
  color: #fff;
}
.multiTab .multiTabContent > h3.active:after {
  content: "";
  width: 8px;
  height: 8px;
  border-bottom: 2px solid;
  border-right: 2px solid;
  transform: rotate(45deg);
  right: 10px;
}
.multiTab .multiTabContent > h3:after {
  content: "";
  width: 8px;
  height: 8px;
  border-bottom: 2px solid;
  border-right: 2px solid;
  transform: rotate(45deg);
  right: 10px;
}
.multiTab .multiTabContent > div {
  padding: 24px;
  background: #fff;
  border: 1px solid var(--bs-gray-200);
  border-radius: 0 6px 6px 0;
  width: 100%;
  color: var(--bs-gray-800);
  font-size: 16px;
}
.multiTab .multiTabContent + .buttonWrap {
  text-align: right;
  margin-top: 0;
  padding: 10px 0 0 0;
}
.multiTab .multiTabContent + .buttonWrap .btnPrevious {
  margin-right: 20px;
}
.multiTab .multiTabContent + .buttonWrap .btnNext {
  margin-right: 20px;
  display: inline-block;
}
.multiTab .buttonWrap {
  text-align: right;
  margin-top: 15px;
}
.multiTab .buttonWrap .btnPrevious,
.multiTab .buttonWrap .btnNext {
  margin-right: 10px;
  display: inline-block;
  background: var(--bs-primary);
  color: var(--bs-white);
  padding: 7px 16px;
  border-radius: 3px;
}
.multiTab ul.multiTabHeading2 {
  position: relative;
  border-bottom: 2px solid #404040;
}
.multiTab ul.multiTabHeading2 li {
  float: left;
}
.multiTab ul.multiTabHeading2 li a {
  padding: 10px 15px;
  display: block;
  background: #ebebeb;
}
.multiTab ul.multiTabHeading2 li a.active {
  background: #404040;
  color: #fff;
}
.multiTab ul.multiTabHeading2 slide {
  content: "";
  position: absolute;
  height: 2px;
  left: 0;
  background: #194D9C;
  bottom: 0;
  transition: left 0.25s cubic-bezier(0.5, 0, 0.25, 1);
  -webkit-transition: left 0.25s cubic-bezier(0.5, 0, 0.25, 1);
  display: none;
}
.multiTab .multiTabContent2 {
  position: relative;
  width: 100%;
  z-index: 9;
  overflow: hidden;
  padding-top: 15px;
}
.multiTab .multiTabContent2 > h3 {
  margin: 0;
  text-transform: uppercase;
  font-weight: bold;
  background: #ebebeb;
  color: #404040;
  padding: 10px 15px;
  position: relative;
  font-size: 14px;
  cursor: pointer;
  height: 36px;
  border-bottom: 1px solid rgb(85.425, 85.425, 85.425);
}
.multiTab .multiTabContent2 > h3:after {
  position: absolute;
  top: 12px;
  right: 10px;
  font-size: 12px;
}
.multiTab .multiTabContent2 > h3.active {
  background: #404040;
  color: #fff;
}
.multiTab .multiTabContent2 > h3.active:after {
  content: "\e114";
  font-family: "Glyphicons Halflings";
}
.multiTab .multiTabContent2 > h3:after {
  content: "\e113";
  font-family: "Glyphicons Halflings";
}

.btnFinish {
  display: inline-block;
  background: var(--bs-primary);
  color: var(--bs-white);
  padding: 7px 16px;
  border-radius: 3px;
}
.btnFinish:hover {
  color: var(--bs-white);
}

.multiTabContent .hideBlock {
  position: absolute;
}

.multiTabContent .showBlock {
  position: relative;
}

#wizardCheckout .multiTabContent,
#wizardGuestCheckout .multiTabContent {
  overflow: visible;
}

#wizardCheckout .multiTabHeading li {
  width: 50%;
}
#wizardCheckout .multiTabHeading li::before {
  width: 52%;
  left: 38%;
  margin-left: -15%;
  top: 24px;
}
#wizardCheckout .multiTabHeading2 {
  border-bottom: 1px solid rgba(112, 112, 112, 0.2117647059);
}
#wizardCheckout .multiTabHeading2 > li > a {
  padding: 18px;
  font-size: 18px;
  font-family: "HubotRegular";
  font-weight: 600;
  background: transparent;
}
#wizardCheckout .multiTabHeading2 > li > a.active {
  font-weight: bold;
  color: #009acf;
  position: relative;
}
#wizardCheckout .multiTabHeading2 > li > a.active::after {
  content: "";
  bottom: -1px;
  left: 0px;
  position: absolute;
  height: 10px;
  width: 100%;
  background: #009acf;
}

#wizardCheckout .buttonWrap a,
#wizardGuestCheckout .buttonWrap a {
  font-size: 16px;
}
#wizardCheckout .buttonWrap a.btnPrevious,
#wizardGuestCheckout .buttonWrap a.btnPrevious {
  position: relative;
  padding-left: 30px !important;
  display: inline-block;
  margin: 5px 10px;
}
#wizardCheckout .buttonWrap a.btnPrevious::before,
#wizardGuestCheckout .buttonWrap a.btnPrevious::before {
  content: "\f0a8";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  left: 8px;
  font-weight: 900;
  top: 5px;
}
#wizardCheckout .buttonWrap a.btnFinish,
#wizardGuestCheckout .buttonWrap a.btnFinish {
  position: relative;
  padding-right: 40px !important;
  font-family: "HubotRegular";
}
#wizardCheckout .buttonWrap a.btnFinish::before, #wizardCheckout .buttonWrap a.btnFinish::after,
#wizardGuestCheckout .buttonWrap a.btnFinish::before,
#wizardGuestCheckout .buttonWrap a.btnFinish::after {
  position: absolute;
}
#wizardCheckout .buttonWrap a.btnFinish::before,
#wizardGuestCheckout .buttonWrap a.btnFinish::before {
  content: "\f07a";
  right: 15px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
#wizardCheckout .buttonWrap a.btnFinish::after,
#wizardGuestCheckout .buttonWrap a.btnFinish::after {
  font-size: 9px;
  content: "\f0a9";
  right: 8px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

#wizardCheckout,
#wizardGuestCheckout,
#wizardReg {
  background: #fff;
  padding: 15px 10px;
  border-radius: 8px;
  border: 1px solid #a1a1a1;
}
#wizardCheckout .multiTabHeading li::before,
#wizardGuestCheckout .multiTabHeading li::before,
#wizardReg .multiTabHeading li::before {
  content: "";
  display: block;
  height: 1px;
  background: #2d2d2d;
  position: absolute;
}
#wizardCheckout .multiTabHeading li a,
#wizardGuestCheckout .multiTabHeading li a,
#wizardReg .multiTabHeading li a {
  text-align: center;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 600;
  font-family: "HubotRegular";
  color: #000;
}
#wizardCheckout .multiTabHeading li a.active,
#wizardGuestCheckout .multiTabHeading li a.active,
#wizardReg .multiTabHeading li a.active {
  background: transparent;
}
#wizardCheckout .multiTabHeading li a.active b,
#wizardGuestCheckout .multiTabHeading li a.active b,
#wizardReg .multiTabHeading li a.active b {
  background: #194D9C;
  border: 2px solid #194D9C;
  color: #fff;
}
#wizardCheckout .multiTabHeading li a b,
#wizardGuestCheckout .multiTabHeading li a b,
#wizardReg .multiTabHeading li a b {
  width: 30px;
  display: inline-block;
  height: 30px;
  line-height: 26px;
  color: #000;
  border-radius: 100%;
  border: 2px solid #2d2d2d;
  position: relative;
  z-index: 1;
  background: #fff;
}
#wizardCheckout .multiTabHeading li a.done b,
#wizardGuestCheckout .multiTabHeading li a.done b,
#wizardReg .multiTabHeading li a.done b {
  font-size: 0;
  background: #2d2d2d;
  color: #fff;
  border-color: #2d2d2d;
}
#wizardCheckout .multiTabHeading li a.done b:after,
#wizardGuestCheckout .multiTabHeading li a.done b:after,
#wizardReg .multiTabHeading li a.done b:after {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 14px;
}
#wizardCheckout .multiTabHeading slide,
#wizardGuestCheckout .multiTabHeading slide,
#wizardReg .multiTabHeading slide {
  display: none;
}
#wizardCheckout .multiTabContent,
#wizardGuestCheckout .multiTabContent,
#wizardReg .multiTabContent {
  overflow: visible;
}
#wizardCheckout .multiTabContent > div,
#wizardGuestCheckout .multiTabContent > div,
#wizardReg .multiTabContent > div {
  border: none;
}

#cimm_regBlock ul.multiTabHeading, #searchResultsStatic ul.multiTabHeading {
  gap: 0 !important;
}
#cimm_regBlock ul.multiTabHeading li a.active, #searchResultsStatic ul.multiTabHeading li a.active {
  font-weight: 600;
  background: var(--bs-gray-100);
  font-family: "HubotSemiBold";
}
#cimm_regBlock ul.multiTabHeading li a, #searchResultsStatic ul.multiTabHeading li a {
  border: 1px solid var(--bs-border-color);
  border-radius: 3px 0 0 3px;
  font-size: 14px;
  font-family: "HubotRegular";
}
#cimm_regBlock ul.multiTabHeading li:nth-child(1) a, #searchResultsStatic ul.multiTabHeading li:nth-child(1) a {
  border-right: 0;
}

.ac_trending {
  position: absolute;
  background-color: #fff;
  z-index: 999;
  box-shadow: 0 2px 4px rgb(85.425, 85.425, 85.425);
  width: 100%;
  top: 34px;
  padding: 10px 0;
  text-align: left;
  font-size: 12px;
}
.ac_trending ul li {
  line-height: 24px;
  font-weight: 500;
  text-transform: capitalize;
}
.ac_trending ul li.ac_heading {
  color: #8e8e8e;
  padding: 0 15px;
}
.ac_trending ul li.ac_heading em {
  margin-right: 8px;
}
.ac_trending ul li a {
  display: block;
  padding: 0 15px;
  color: #0C254B;
}
.ac_trending ul li a:hover {
  background: rgb(228.735, 228.735, 228.735);
}

.ac_results {
  position: absolute;
  background-color: #f9fafb;
  z-index: 999;
  border-radius: 6px;
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
  width: 100%;
  top: 44px;
}
.ac_results ul li {
  text-align: left;
  margin: 0px;
  padding: 2px 0;
  cursor: pointer;
  color: #0C254B;
  font: menu;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  width: 100%;
}
.ac_results ul li.catheader, .ac_results ul li.catheader.ac_over {
  font-size: 16px;
  background-color: transparent;
  color: #194D9C;
  cursor: default;
  text-align: left;
  font-family: "HubotMedium";
}
.ac_results ul li.ac_over {
  background: #f9fafb;
}
.ac_results ul li strong {
  color: #194D9C;
}
.ac_results ul li.suggest {
  position: absolute;
  left: 100%;
  top: 0px;
  background: #fff;
  width: 450px;
  border: 1px solid var(--bs-border-color);
  box-shadow: 2px 2px 4px var(--bs-gray-600);
  padding: 10px;
  min-height: 150px;
  display: none;
}
.ac_results ul li.suggest.hideSuggest {
  display: none;
}
.ac_results ul li.suggest .cat-product {
  margin-top: 6px;
  padding-top: 8px;
  border-top: 1px solid #CCC;
}
.ac_results ul li.suggest .titleImg-container {
  min-height: 60px;
  text-align: left;
}
.ac_results ul li.suggest .titleImg-container .parent-title {
  color: #0C254B;
  float: left;
  width: calc(100% - 90px);
  font-size: 16px;
}
.ac_results ul li.suggest .titleImg-container a.title {
  color: #194D9C;
  font-family: "HubotBlack";
  letter-spacing: 1px;
  width: calc(100% - 90px);
  float: left;
  padding: 5px 0;
  text-transform: uppercase;
  font-size: 16px;
}
.ac_results ul li.suggest .titleImg-container img {
  width: 85px;
  float: right;
}
.ac_results ul li.suggest .cat-product .cat_img {
  width: 52px;
  height: 52px;
  margin-right: 10px;
  float: left;
  border: 1px solid rgb(228.735, 228.735, 228.735);
}
.ac_results ul li.suggest .cat-product .cat_img img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  text-align: center;
}
.ac_results ul li.suggest .cat-product .info {
  width: calc(100% - 62px);
  vertical-align: middle;
  float: left;
}
.ac_results ul li.suggest .cat-product .info .ac_titleWrap {
  width: 100%;
  float: left;
}
.ac_results ul li.suggest .cat-product .info .ac_titleWrap a {
  color: #0C254B;
  font-size: 16px;
  display: block;
  font-weight: bold;
  padding: 0 0 5px 0;
}
.ac_results ul li.suggest .cat-product .info .ac_titleWrap p {
  color: #0C254B;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ac_results ul li.suggest .cat-product .info .ac_priceWrap {
  width: 125px;
  float: left;
  margin-left: 10px;
}
.ac_results ul li.suggest .cat-product .info .ac_priceWrap .log-addTocart-btn {
  font-size: 12px;
  margin-top: 5px;
  height: auto;
}
.ac_results ul li.suggest a.button {
  float: right;
  width: auto;
  padding: 6px 10px;
  height: auto;
}
.ac_results ul li.suggest .autocomplete-cat a.button {
  float: left;
}
.ac_results .itemWraper {
  padding: 24px;
  width: 66%;
  float: left;
  background: #fff;
}
.ac_results .itemWraper label {
  font-size: 16px;
  color: #000;
}
.ac_results .itemWraper .prodWrap {
  margin-top: 12px;
}
.ac_results .itemWraper .prodWrap li {
  display: flex;
  width: 100%;
  gap: 24px;
  padding: 4px 0;
}
.ac_results .itemWraper .prodWrap li span {
  display: block;
  margin-top: 2px;
  width: 100%;
  font-size: 14px;
}
.ac_results .itemWraper .prodWrap li span.itemTitle {
  font-family: "HubotMedium";
  text-transform: uppercase;
  color: var(--bs-gray-900);
}
.ac_results .itemWraper .prodWrap li span.itemDesc {
  text-transform: capitalize;
  font-family: "HubotRegular";
  color: var(--bs-body-color);
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ac_results .itemWraper .prodWrap li img {
  width: 80px;
  height: 80px;
  display: block;
  border: 1px solid var(--bs-gray-200);
  border-radius: 2px;
}
.ac_results .itemWraper .prodWrap li.ac_over {
  background: #fff;
}
.ac_results .itemWraper .mfgWrap {
  padding-bottom: 5px;
}
.ac_results .itemWraper .mfgWrap li.ac_over {
  background: #fff;
}
.ac_results .itemWraper > a {
  background: #194D9C;
  color: #fff;
  padding: 6px 25px;
  display: inline-block;
  margin-bottom: 10px;
  font-size: 14px;
  font-family: "HubotRegular";
  font-weight: 300;
}

.catWrap {
  width: 34%;
  float: right;
  padding: 24px !important;
}
.catWrap div {
  text-align: left;
  font: menu;
  line-height: 24px;
}
.catWrap div strong {
  color: #194D9C;
}
.catWrap li:first-child {
  background: #f9fafb;
}

.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: -32px;
  display: block;
  width: 40px;
  height: 40px;
  margin-top: -22px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  z-index: 9;
}

.slick-prev:before,
.slick-next:before {
  font-family: "Font Awesome 5 Free";
  font-size: 38px;
  line-height: 1;
  opacity: 0.75;
  color: var(--bs-gray-600);
  font-weight: 900;
}

.slick-prev:before {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="2.5em" height="2.5em" viewBox="0 0 24 24"><path fill="rgba(209, 213, 219, 1)" d="m15.914 17.5l-5.5-5.5l5.5-5.5L14.5 5.086L7.586 12l6.914 6.914z"/></svg>');
}

.slick-next:before {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="2.5em" height="2.5em" viewBox="0 0 24 24"><path fill="currentColor" d="m8.086 17.5l5.5-5.5l-5.5-5.5L9.5 5.086L16.414 12L9.5 18.914z"/></svg>');
}

.slick-prev {
  right: 44px;
}

.slick-next {
  right: 0;
}

.slick-prev:hover:before,
.slick-next:hover:before {
  color: var(--bs-gray-900);
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
  margin: 8px;
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
}

.slick-vertical .slick-track {
  flex-direction: column;
}

.slick-initialized .slick-slide {
  display: block;
  height: auto;
}

.slick-slide img {
  display: block;
  width: 100%;
  max-width: 100%;
}

ul.slick-dots {
  position: absolute;
  bottom: 6px;
  width: 100%;
  text-align: center;
}
ul.slick-dots li {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
ul.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 10px;
  height: 10px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
ul.slick-dots li button::before {
  line-height: 20px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 10px;
  height: 10px;
  content: "";
  text-align: center;
  background: #194D9C;
  border-radius: 10px;
}
ul.slick-dots li.slick-active button:before {
  background: #797d82;
}

.cimm_sliderWrap .cimm_CaroBlockTitle {
  font-size: 22px;
  font-style: normal;
  line-height: 32px;
  color: #0C254B;
  margin-bottom: 36px;
  font-family: "HubotBlack";
  text-transform: uppercase;
}
.cimm_sliderWrap .cimm_caroWrap {
  margin: 0 -8px;
}
.cimm_sliderWrap .cimm_caroWrap.slick-vertical {
  margin: -15px 0 0 0;
  padding: 20px 0 30px 0 !important;
}
.cimm_sliderWrap .cimm_caroWrap.slick-vertical .slick-slide {
  margin: 15px 0 0 0;
}
.cimm_sliderWrap .cimm_caroWrap.slick-vertical .slick-slide[aria-hidden=true] {
  box-shadow: 0 0 0 #ababab;
}
.cimm_sliderWrap .cimm_caroWrap.slick-vertical .slick-next {
  top: 30px;
  height: 30px;
  width: 50px;
  left: 50%;
  margin-left: -25px;
}
.cimm_sliderWrap .cimm_caroWrap.slick-vertical .slick-next:before {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="2.5em" height="2.5em" viewBox="0 0 24 24"><path fill="currentColor" d="m8.086 17.5l5.5-5.5l-5.5-5.5L9.5 5.086L16.414 12L9.5 18.914z"/></svg>');
  line-height: 0.5;
}
.cimm_sliderWrap .cimm_caroWrap.slick-vertical .slick-prev {
  top: calc(100% - 10px);
  height: 30px;
  width: 50px;
  left: 50%;
  margin-left: -25px;
}
.cimm_sliderWrap .cimm_caroWrap.slick-vertical .slick-prev:before {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="2.5em" height="2.5em" viewBox="0 0 24 24"><path fill="currentColor" d="m15.914 17.5l-5.5-5.5l5.5-5.5L14.5 5.086L7.586 12l6.914 6.914z"/></svg>');
  line-height: 0.5;
}
.cimm_sliderWrap .cimm_caroWrap li {
  float: left;
}
.cimm_sliderWrap .cimm_caroWrap li ul {
  padding: 0;
}
.cimm_sliderWrap .cimm_caroWrap li ul .sliderDescrip {
  min-height: 64px;
}
.cimm_sliderWrap .cimm_caroWrap li ul .sliderDescrip p {
  word-wrap: break-word;
}
.cimm_sliderWrap .cimm_caroWrap li ul li {
  float: none;
  list-style-type: none;
  margin: 0;
}
.cimm_sliderWrap .cimm_linkItemImg {
  height: 200px;
  width: 100%;
  position: relative;
}
.cimm_sliderWrap .cimm_linkItemImg a {
  display: block;
}
.cimm_sliderWrap .cimm_linkItemImg a img {
  max-width: 100%;
  width: auto;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-height: 200px;
}
.cimm_sliderWrap .cimm_linkItemDesp {
  padding: 5px 10px 10px 10px;
}
.cimm_sliderWrap .cimm_linkItemDesp li {
  float: none;
}
.cimm_sliderWrap .cimm_linkItemDesp li img {
  width: auto;
  display: inline-block;
}

.cimm_slideBrandImg {
  width: 100%;
  height: 62px;
  position: relative;
}
.cimm_slideBrandImg a {
  text-align: center;
  height: 100%;
}
.cimm_slideBrandImg a img {
  max-width: 100%;
  width: auto;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-height: 97px;
  height: auto;
  mix-blend-mode: multiply;
}

/********** using *********/
.cimm_centerImg {
  width: 100%;
  position: relative;
  display: block;
  height: 252px;
  background: #fff;
  margin-bottom: 24px;
}
.cimm_centerImg img {
  max-width: 100%;
  width: auto !important;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: 5px;
  max-height: 250px;
  height: auto;
}

.cimm_slideItemDesp {
  margin-top: 24px;
}

.cimm_category-image-6 {
  height: 172px;
}
.cimm_category-image-6 img {
  max-height: 172px;
}

.bannerContainer {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.sliderCaption {
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 75%;
  height: 100px;
  background: rgba(0, 0, 0, 0.6);
  color: #FFF;
  font-family: "HubotRegular";
  padding: 10px 13px;
}
.sliderCaption h2 {
  margin: 0px 0 5px 0;
}

@media print {
  @page {
    size: 8.3in 11.7in;
    margin: 48px 0mm;
  }
  body {
    height: auto;
    -webkit-print-color-adjust: exact;
    /*width: 1000px;*/
  }
  a[href]:after {
    content: none !important;
  }
  .container {
    -webkit-print-color-adjust: exact;
  }
  #leftMenu + .col-md-9 {
    width: 100%;
  }
  .showOnPrint {
    display: block;
  }
  .flexOnPrint, .barcodeItemListWrap, .scanBookItemListWrap {
    display: flex;
  }
  header,
  nav,
  footer,
  .hideForPrint,
  .cimm_BreadCrumbs,
  .imgEnlargeIcon,
  #linkedItemSectionContent,
  .multiTabHeading,
  .documentStack li a,
  .cimm_itemdetail_thumblist,
  .modal-backdrop,
  .grecaptcha-badge {
    display: none !important;
  }
  .cimm_pdfLink {
    display: block !important;
    color: #194D9C;
  }
  .cimm_itemDetailWrap .cimm_itemMainImage {
    width: 330px;
    float: left;
  }
  .cimm_itemDetailWrap .cimm_itemDescription {
    width: calc(100% - 350px);
    float: left;
  }
  .multiTab.detailPage .multiTabContent div ul.documentStack li {
    float: none;
    width: 100%;
    margin: 0;
    text-align: left;
  }
  .documentStack {
    flex-direction: column !important;
  }
  .documentStack li {
    width: 100%;
  }
  .multiTabContent > div {
    display: block !important;
    border: 0 !important;
    padding: 5px 0 !important;
  }
  .multiTabContent > h3 {
    display: block !important;
    border: 0 !important;
    padding: 15px 0 5px 0 !important;
    font-weight: 600 !important;
  }
  .multiTab .multiTabContent > h3:after,
  .multiTab .multiTabContent > h3.active:after {
    content: "";
  }
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-sm-12,
  .col-md-12 {
    width: 100%;
  }
  .col-sm-11,
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-sm-10,
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-sm-9,
  .col-md-9 {
    width: 75%;
  }
  .col-sm-8,
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-sm-7,
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-sm-6,
  .col-md-6 {
    width: 50%;
  }
  .col-sm-5,
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-sm-4,
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-sm-3,
  .col-md-3 {
    width: 25%;
  }
  .col-sm-2,
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-sm-1,
  .col-md-1 {
    width: 8.33333333%;
  }
  .ordered_items {
    overflow-y: unset;
  }
  .media-left {
    min-width: 75px;
  }
  .orderconfirmation_right a.btn {
    display: none;
  }
}
.groupHeading {
  background: #2d2d2d;
  color: #fff;
  padding: 8px 15px;
}
.groupHeading h5 {
  margin: 5px 0;
}

.edit-group-name {
  font-size: 12px;
  text-transform: capitalize;
  font-weight: 500;
  font-family: "HubotRegular";
  margin-left: 10px;
  display: inline-block;
  cursor: pointer;
}

.edit-price {
  color: #000;
  cursor: pointer;
}

.spexDescription {
  width: 50%;
}

.spexGroupInfo {
  border-top: 1px solid #a1a1a1;
  margin: 10px 0;
  padding: 6px 0 0 0;
}
.spexGroupInfo table {
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  margin: 8px 0 15px 0;
}

#paymentWiz .multiTabContent2 {
  overflow: visible;
}

#spexgroup .text-primary {
  color: #000;
}

.itemPerPage label {
  margin-bottom: 0;
  vertical-align: bottom;
}
.itemPerPage a.active {
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
}
.itemPerPage a:nth-child(2) {
  margin: 0 4px;
  padding: 0 7px;
  position: relative;
}
.itemPerPage a:nth-child(2):after, .itemPerPage a:nth-child(2):before {
  content: "";
  height: 10px;
  width: 1px;
  background: #222;
  position: absolute;
  right: 0;
  bottom: 3px;
}
.itemPerPage a:nth-child(2):after {
  right: 0;
}
.itemPerPage a:nth-child(2):before {
  left: 0;
}

input[type=checkbox].spex-switch {
  display: none;
}
input[type=checkbox].spex-switch:disabled + label:after {
  border: 1px solid rgb(238.425, 238.425, 238.425);
  cursor: not-allowed;
  background: rgb(238.425, 238.425, 238.425);
  color: #000;
}
input[type=checkbox].spex-switch:disabled + label:before {
  border: 1px solid rgb(238.425, 238.425, 238.425);
  cursor: not-allowed;
}
input[type=checkbox].spex-switch + label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin: 0;
  height: 35px;
  width: 90px;
  text-align: center;
}
input[type=checkbox].spex-switch + label:before {
  content: "Yes";
  position: absolute;
  width: 50%;
  top: 0;
  left: 0px;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  border: 1px solid #a1a1a1;
  background: #fff;
  padding: 8px 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
}
input[type=checkbox].spex-switch + label:after {
  content: "No";
  position: absolute;
  width: 50%;
  top: 0;
  left: 50%;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  border: 1px solid #194D9C;
  background: #194D9C;
  color: #fff;
  padding: 8px 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
}
input[type=checkbox]:checked.spex-switch + label:before {
  content: "No";
  position: absolute;
  left: 50%;
  border: 1px solid #a1a1a1;
  background: #fff;
}
input[type=checkbox]:checked.spex-switch + label:after {
  content: "Yes";
  position: absolute;
  left: 0;
  border: 1px solid #194D9C;
  background: #194D9C;
  color: #fff;
}
input[type=checkbox]:checked.spex-switch:disabled + label:after {
  border: 1px solid rgb(238.425, 238.425, 238.425);
  cursor: not-allowed;
  background: rgb(238.425, 238.425, 238.425);
  color: #000;
}
input[type=checkbox]:checked.spex-switch:disabled + label:before {
  border: 1px solid rgb(238.425, 238.425, 238.425);
  cursor: not-allowed;
}

.form_spex {
  border: 1px solid lightgray;
  padding-bottom: 15px;
}

.form_spex input#file-input {
  display: none;
}

.vdp-datepicker__calendar {
  top: 35px;
}

.dropdown .open + .dropdown-menu,
.dropdown .open + p + .dropdown-menu {
  display: block;
}

.owner-filter {
  text-align: right;
}
@media all and (max-width: 768px) {
  .owner-filter {
    text-align: left;
    padding: 10px 0px;
  }
  .owner-filter select.form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
}

@media all and (max-width: 768px) {
  .itemPerPage .form-group {
    width: auto;
    margin: auto;
    display: inline-block;
    vertical-align: middle;
  }
}
.search_list {
  text-align: right;
}
@media all and (max-width: 480px) {
  .search_list {
    text-align: left;
    padding: 10px 0px;
  }
}

.subscriptionBlock_2021 .productGroupBtn ul li:nth-child(1) {
  border-bottom: 1px solid #a1a1a1;
}
.subscriptionBlock_2021 .productGroupBtn ul li a.btn {
  color: #fff !important;
}

.multiTab .multiTabContent.multitabcontenttwo {
  position: unset !important;
}

.addSpexProductGroup .productGroupBtn p a {
  font-size: 13px;
}
.addSpexProductGroup .productGroupBtn p a em {
  font-size: 14px;
}
.addSpexProductGroup .productGroupBtn p.mb-2 {
  display: none;
}

.actionBtnSection {
  position: relative;
}
.actionBtnSection .action-btns.stickyActionBtns {
  position: fixed;
  top: 30%;
  width: 14%;
}

.actionSelectDropdown.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  text-align: center;
}

.actionSelectDropdown.bootstrap-select.btn-group .dropdown-menu li.disabled.selected,
.actionSelectDropdown.bootstrap-select.btn-group .dropdown-toggle .caret {
  display: none;
}

.actionSelectDropdown.bootstrap-select > .dropdown-toggle.bs-placeholder {
  color: inherit !important;
}

#spexTable .fa-calendar-alt:before {
  content: "\f073";
  position: absolute;
  z-index: 3;
  right: 10px;
  top: 10px;
}

.spex_layout .text-disabled {
  color: #194D9C !important;
}

.spex_layout .btn-link {
  color: #ccc;
}

.cat-nav.nav-pills {
  background: #254460;
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.6);
  padding: 0 !important;
}
.cat-nav.nav-pills li {
  width: 16.6666666667%;
  text-align: center;
  position: relative;
}
.cat-nav.nav-pills li.active:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 15px solid #194D9C;
}
.cat-nav.nav-pills li.active > a,
.cat-nav.nav-pills li.active a:focus,
.cat-nav.nav-pills li.active a:hover {
  background: #194D9C;
  border-radius: 0;
}
.cat-nav.nav-pills li a {
  color: #fff;
  font-size: 16px;
  padding: 15px 10px;
}
.cat-nav.nav-pills li a:focus, .cat-nav.nav-pills li a:hover {
  background: #194D9C;
  border-radius: 0;
}

.cat-tab-content {
  margin: 20px 0 100px 0;
}

.move {
  cursor: move;
}

.delete {
  cursor: pointer;
}

.onoffswitch {
  position: relative;
  width: 45px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.onoffswitch-checkbox {
  display: none;
}
.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border-radius: 12px;
  height: 24px;
}
.onoffswitch-switch {
  display: block;
  width: 20px;
  margin: 2px;
  background: #ffffff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  border-radius: 10px;
  transition: all 0.3s ease-in 0s;
}
.onoffswitch-inner {
  display: block;
  width: 90px;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
  content: "";
  display: block;
  float: left;
  width: 22px;
  height: 24px;
  padding: 0;
  line-height: 18px;
  box-sizing: border-box;
}
.onoffswitch-inner:before {
  padding-left: 10px;
  background: #194D9C;
  width: 45px;
}
.onoffswitch-inner:after {
  padding-right: 10px;
  background: var(--bs-gray-200);
  width: 45px;
}

.swithcWrapper > span {
  vertical-align: top;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
}

.fluid-block {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  background: #fff;
  margin: 0 -50vw;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
  min-height: 40px;
  padding: 5px 0px;
}
.fluid-block .cimm_page-title {
  display: inline-block;
  margin: 0;
  text-transform: capitalize;
  font-family: HubotRegular;
  padding: 10px 0;
}

.loading {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.showPassword,
.showPagePassword {
  position: absolute;
  right: 10px;
  bottom: 12px;
  text-decoration: underline;
}

.customCheckBox_new {
  position: absolute;
  left: 5px;
  top: 50%;
  margin-top: -11px;
}
.customCheckBox_new [type=radio]:checked,
.customCheckBox_new [type=radio]:not(:checked) {
  left: 0;
}

.search_warehouse {
  width: 100%;
  padding: 8px 38px 8px 8px;
  border-radius: 4px;
}

.warehouse_search {
  padding: 10px;
}
.warehouse_search button {
  position: absolute;
  right: 26px;
  background: transparent;
  border: none;
  padding: 9px;
  color: #2d2d2d;
}

.selectedWarehouse {
  padding: 8px 15px 10px 15px;
}

.distance {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #194D9C;
  font-weight: 600;
}

.customCheckBox_new_checked:after {
  content: "";
  height: 3px;
  width: 8px;
  position: absolute;
  top: 0px;
  left: -3px;
  background: #40dc27;
  transform: rotate(48deg);
}

.customCheckBox_new_checked:before {
  content: "";
  height: 3px;
  width: 17px;
  position: absolute;
  top: -2px;
  left: 0;
  background: #40dc27;
  transform: rotate(-45deg);
}

.compareTableWrap {
  padding: 20px 0;
}
.compareTableWrap .tableWrapper table {
  background: #fff;
}

.addNewShip {
  min-height: 97px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  padding: 25px 0 0 0;
  color: #194D9C;
  cursor: pointer;
}

.mfgSearchIcon {
  font-size: 20px;
  position: absolute;
  right: 22px;
  top: 15px;
}

.addedToTheCart {
  color: #666;
  font-weight: 600;
}

.addedToTheCart {
  color: #666;
  font-weight: 600;
}

.supIcon {
  position: relative;
  padding-right: 12px;
}
.supIcon i + i {
  position: absolute;
  font-size: 10px;
  top: 4px;
  right: -1px;
}

.form-inline .form-group.sortSelectBox {
  min-width: 160px;
}
.form-inline .form-group.privilegesSelectBox {
  min-width: 225px;
}

.btn-group.bootstrap-select .dropdown-backdrop {
  display: none;
}

.regBlockHeading {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 22px;
}

.pulse {
  animation: pulse-animation 1.5s infinite;
}

span.uomSpan {
  font-size: 12px;
  font-family: "HubotRegular";
  color: #666;
}

.grecaptcha-badge {
  z-index: 10;
}

.groupIcon {
  position: relative;
  padding-right: 12px;
}
.groupIcon .supIcon {
  font-size: 10px;
  position: absolute;
}

.cartSelect.customCheckBox {
  padding: 18px 0 0 0;
}
.cartSelect.customCheckBox input[type=checkbox] + span:after {
  left: 15px;
}
.cartSelect.customCheckBox input[type=checkbox] + span:before {
  left: 20px;
}

.edit-group-name {
  font-size: 12px;
  text-transform: capitalize;
  font-weight: 500;
  font-family: "HubotRegular";
  margin-left: 10px;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.5);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .cimm_voiceSearch {
    display: none;
  }
  .cimm_searchWrapper input[type=text] {
    width: calc(100% - 50px);
  }
}
.orderconfirmation .fluid-block .btn-contshopping {
  font-size: 11px;
  padding-top: 6px;
}
.orderconfirmation .card > h4 {
  margin-top: 0px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  color: #2d2d2d;
  font-size: 16px;
  font-family: "HubotBlack";
  border-bottom: 1px solid #a1a1a1;
}
.orderconfirmation_left {
  background: #fff;
  border-radius: 10px;
}
.orderconfirmation_left h3 {
  padding: 10px;
  background: #a1a1a1;
  font-size: 18px;
  color: #fff;
  border-radius: 10px 10px 0px 0px;
  margin: 0px;
}
.orderconfirmation_left h3 span {
  font-weight: normal;
}
.orderconfirmation_left h3 i {
  margin: 0px 10px;
}
.orderconfirmation_items .card {
  padding: 10px;
  display: flex;
}
.orderconfirmation_items .card .card_item-image img {
  border: 1px solid #a1a1a1;
  border-radius: 5px;
  max-width: 100%;
}
.orderconfirmation_items .card .card_item-descr {
  padding: 0px 5px;
}
.orderconfirmation_items .card .card_item-descr p {
  margin: 5px 0px;
  word-break: break-all;
}
.orderconfirmation_items .card .card_item-descr p:first-child {
  margin-top: 0px;
}
.orderconfirmation_items .card .card_item-descr p.formatPrice {
  font-weight: bold;
}
.orderconfirmation_items .card .card_item-descr p.orderConfTitle {
  height: 34px;
}
.orderconfirmation_items .card .card_item-descr p:nth-child(2) {
  min-height: 52px;
}
.orderconfirmation_right .card {
  margin-bottom: 15px;
  border: 0px;
}
.orderconfirmation_right .card .table-borderless tbody + tbody,
.orderconfirmation_right .card .table-borderless td,
.orderconfirmation_right .card .table-borderless th,
.orderconfirmation_right .card .table-borderless thead th {
  border: 0;
  padding: 2px 5px;
}
.orderconfirmation_right .card table.card_summary tbody tr td {
  width: 50%;
}
.orderconfirmation_right .card table.card_summary tbody tr:last-child td {
  padding-top: 20px;
  position: relative;
}
.orderconfirmation_right .card table.card_summary tbody tr:last-child td::before {
  top: 15px;
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  background-color: #a1a1a1;
}
.orderconfirmation_right .btn {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4);
}

#wizardGuestCheckout .multiTabHeading li,
#wizardReg .multiTabHeading li {
  width: 32%;
}
#wizardGuestCheckout .multiTabHeading li::before,
#wizardReg .multiTabHeading li::before {
  width: 62%;
  left: 32%;
  margin-left: -15%;
  top: 24px;
}

.priceInfoBlock {
  width: 220px;
  float: left;
  background: #fff;
  padding: 12px;
  min-height: 340px;
  border-radius: 5px;
}

.skuInfoBlock {
  float: left;
  width: calc(100% - 235px);
  margin: 0 15px 0 0;
  background: #fff;
  padding: 12px;
  min-height: 340px;
  border-radius: 5px;
}

/*.cimm_itemdetail {
  .cimm_itemDescription {
    ul {
      li {
        .filterSizeContent {
          display: inline-block;
          padding: 6px;
          margin: 2px 2px 6px;
          position: relative;
          top: 7px;
          width: auto;
          height: auto;
          text-align: center;
          border: 1px solid $border-color;
          cursor: pointer;
          border-radius: 3px;
          &.filterBlockActive {
            background: $white;
            a {
              color: $secondary-color;
            }
          }
          &.filterBlockDisable {
            pointer-events: none !important;
            opacity: 0.3;
            cursor: not-allowed !important;
          }
        }
        .filterBlockSelected,
        .filterSizeContent:hover {
          border-color: $primary_color;
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
          background: $primary_color;
          a {
            color: $white;
          }
        }
      }
    }
  }
}*/
.ship_card-wrapper {
  /* Let's get this party started */
  /* Track */
  /* Handle */
  padding: 15px 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
}
.ship_card-wrapper {
  scrollbar-face-color: #aaaaaa;
  scrollbar-track-color: transparent;
  scrollbar-width: thin;
  overflow-y: auto;
  max-height: 400px !important;
  scroll-behavior: smooth;
}
.ship_card-wrapper::-webkit-scrollbar {
  width: 6px;
}
.ship_card-wrapper::-webkit-scrollbar-track {
  border-radius: 20px;
  background: transparent;
  -webkit-border-radius: 20px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.ship_card-wrapper::-webkit-scrollbar-thumb {
  border-radius: 20px;
  background: #aaaaaa;
  -webkit-border-radius: 20px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.ship_card-wrapper::-webkit-scrollbar-thumb:window-inactive {
  background: #aaaaaa;
}
.ship_card-wrapper .ship_card {
  padding: 10px;
  position: relative;
  margin-bottom: 20px;
  margin: 10px;
  width: 30%;
  align-items: stretch;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  background: #fff;
}
@media all and (max-width: 1024px) {
  .ship_card-wrapper .ship_card {
    width: 32%;
  }
}
@media all and (max-width: 980px) {
  .ship_card-wrapper .ship_card {
    width: 49%;
  }
}
@media all and (max-width: 768px) {
  .ship_card-wrapper .ship_card {
    width: 100%;
  }
}
@media all and (max-width: 480px) {
  .ship_card-wrapper .ship_card {
    width: 100%;
  }
}
.ship_card-wrapper .ship_card .customCheckBox_new {
  top: 8px;
  margin: 0;
  left: 10px;
}
.ship_card-wrapper .ship_card .ship_edit a {
  color: #194D9C;
  font-weight: 600;
}
.ship_card-wrapper .ship_card .ship_details {
  padding-left: 20px;
  border-bottom: 1px solid #a1a1a1;
  margin-bottom: 6px;
  min-height: 74px;
  cursor: pointer;
}
.ship_card-wrapper .ship_card .ship_details label {
  cursor: pointer;
}

.ordered_items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  /* Let's get this party started */
  /* Track */
  /* Handle */
}
.ordered_items {
  scrollbar-face-color: #aaaaaa;
  scrollbar-track-color: transparent;
  scrollbar-width: thin;
  overflow-y: auto;
  max-height: 400px !important;
  scroll-behavior: smooth;
}
.ordered_items::-webkit-scrollbar {
  width: 6px;
}
.ordered_items::-webkit-scrollbar-track {
  border-radius: 20px;
  background: transparent;
  -webkit-border-radius: 20px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.ordered_items::-webkit-scrollbar-thumb {
  border-radius: 20px;
  background: #aaaaaa;
  -webkit-border-radius: 20px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.ordered_items::-webkit-scrollbar-thumb:window-inactive {
  background: #aaaaaa;
}
.ordered_items-card {
  position: relative;
  margin: 10px 5px;
  width: 31%;
  align-items: stretch;
  border: 1px solid #a1a1a1;
  border-radius: 5px;
  background: #fff;
  padding: 10px;
}
@media all and (max-width: 1024px) {
  .ordered_items-card {
    width: 31%;
  }
}
@media all and (max-width: 980px) {
  .ordered_items-card {
    width: 47%;
  }
}
@media all and (max-width: 768px) {
  .ordered_items-card {
    width: 100%;
  }
}
@media all and (max-width: 480px) {
  .ordered_items-card {
    width: 100%;
  }
}
.ordered_items-card .media-object {
  width: 65px;
  border: 1px solid #a1a1a1;
  border-radius: 5px;
}

@media (min-width: 576px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 100%;
  }
  .modal-sm {
    --bs-modal-width: 384px;
  }
  .cimm_itemdetail-imgcontainer {
    max-width: 410px;
  }
  .cimm_itemdetail-imgcontainer .cimm_itemdetail-image .imgForSend {
    width: 330px;
    height: 330px;
  }
  .cimm_header_mid .cimm_logo {
    width: 153px;
    height: 72px;
  }
  .cimm_searchForm button {
    padding: 8px 16px 10px 16px;
  }
  .cimm_searchForm img {
    height: auto;
    width: auto;
  }
  #wizardRFQ .multiTabHeading {
    max-width: 500px;
    flex: 0 0 500px;
  }
  .job-form #wizardRFQ .multiTabHeading {
    max-width: 600px;
    flex: 0 0 600px;
  }
  .job-form #wizardRFQ .multiTabHeading::before {
    top: 35%;
  }
}
@media (min-width: 768px) {
  footer .cimm_footer_mid {
    padding: 64px 0;
  }
  .event-venue-data {
    flex: 0 0 260px;
  }
  .register-form .reg-form-data {
    padding: 32px 64px 40px !important;
  }
  .quickAddFormCol {
    display: block;
  }
  .gap-md-8 {
    gap: 8px;
  }
  .gap-md-12 {
    gap: 12px;
  }
  .gap-md-32 {
    gap: 32px;
  }
}
@media (min-width: 992px) {
  .cimm_itemDescription {
    padding-left: 30px;
    flex: 0 1 100%;
  }
  .cart-price-section {
    flex: 0 0 350px;
  }
  .cimm_searchForm {
    margin: 0 24px;
  }
  .cimm_BreadCrumbs .breadcrumb li {
    display: block;
  }
  .cimm_BreadCrumbs .breadcrumb li:nth-last-child(2):before {
    display: inline-block;
  }
  .cimm_BreadCrumbs .breadcrumb li a {
    text-decoration: none;
  }
  .cimm_BreadCrumbs .breadcrumb .active {
    display: flex;
    align-items: center;
  }
  .eventsCalendar-slider {
    width: 24%;
  }
  .calendarFilterWrap .tableHeader h2 {
    padding: 10px 15px 0 15px;
    color: var(--bs-gray-800);
    font-size: 18px;
  }
  .multiTab ul.multiTabHeading li a {
    padding: 10px 16px;
    font-size: 16px;
  }
  #cimm_regBlock ul.multiTabHeading li a {
    padding: 6.5px;
  }
}
@media (max-width: 1200px) {
  .nav-rightView {
    flex-flow: column;
  }
  .nav-rightView span {
    display: flex;
  }
  .nav-rightView span a {
    background: transparent;
    color: var(--bs-body-color);
    padding: 5px 14px;
    display: inline-block;
    font-family: "HubotBold";
    text-transform: uppercase;
    font-size: var(--font-size-lg);
    margin: 0;
  }
  .compareTableWrap .table tbody tr td .btn-group {
    margin-bottom: 6px;
  }
  .cimm_cartProdDescription .skuStyle > div {
    width: 100% !important;
  }
}
@media (min-width: 1200px) {
  nav.navbar .cimm_nav > ul > li {
    padding: 12px 0;
  }
  nav.navbar .cimm_nav > ul > li:hover > span > a, nav.navbar .cimm_nav > ul > li:hover > span em {
    background: #0F3061;
  }
  nav.navbar .cimm_nav > ul > li .dropdown-menu ul li {
    position: relative;
  }
  nav.navbar .cimm_nav > ul > li .dropdown-menu ul li > span > a {
    padding: 6px 20px 6px 30px;
  }
  nav.navbar .cimm_nav > ul > li .dropdown-menu.sideBySideMenu {
    padding: 0;
    min-height: 528px;
  }
  nav.navbar .cimm_nav > ul > li .dropdown-menu.sideBySideMenu ul {
    height: 100%;
    transition: 0.2s ease-in-out all;
    box-shadow: none;
    padding: 10px 0 !important;
  }
  nav.navbar .cimm_nav > ul > li .dropdown-menu.sideBySideMenu ul li {
    position: static;
    padding: 0 10px;
  }
  nav.navbar .cimm_nav > ul > li .dropdown-menu.sideBySideMenu ul li:hover {
    background: transparent;
  }
  nav.navbar .cimm_nav > ul > li .dropdown-menu.sideBySideMenu ul li:hover > span a {
    background: var(--bs-header-top);
  }
  nav.navbar .cimm_nav > ul > li .dropdown-menu.sideBySideMenu ul li ul {
    border-left: 1px solid var(--bs-border-color);
  }
  .cimm_itemdetail-imgcontainer {
    max-width: 624px;
    margin: 0;
  }
  .cimm_itemdetail-imgcontainer .cimm_itemdetail-image img {
    max-height: 448px;
  }
  .cimm_itemdetail-imgcontainer .cimm_itemdetail-image .imgForSend {
    width: 512px;
    height: 512px;
    padding: 32px;
  }
  .cimm_itemDescription {
    padding-left: 48px;
  }
  .cimm_itemdetail_thumblist {
    width: 112px;
    max-height: 512px;
    margin: 0 -8px;
  }
  .cimm_itemdetail_thumblist .cimm_slideItemImg {
    margin: 8px;
  }
  .cimm_itemdetail_thumblist .cimm_slideItemImg a {
    height: 96px;
  }
  .cimm_itemdetail_thumblist .cimm_slideItemImg a img {
    max-height: 94px;
    width: 100%;
    height: 100%;
  }
  .itemdetail-price-wrap {
    display: flex;
    height: 185px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }
  .ac_results {
    width: 100%;
  }
  .ac_results ul li.suggest {
    display: block;
  }
}
@media only screen and (min-width: 1400px) {
  .container-fluid.container-fluid-cust {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .container, .container-lg, .container-md, .container-sm {
    max-width: 1320px;
  }
  .container-xl {
    max-width: 1456px;
  }
  .container-xxl {
    max-width: 1680px;
    padding-left: 56px;
    padding-right: 56px;
  }
  .cimm_searchForm {
    margin: 0 64px;
  }
  .item-info-wrapper {
    padding: 0 112px;
  }
  .cart-price-section {
    flex: 0 0 488px;
  }
  .cimm_brandAtoZletters.fixIt {
    max-width: calc(100% - 120px);
  }
}
@media only screen and (min-width: 1600px) {
  .flex-xxxl-row {
    flex-direction: row !important;
  }
  .align-items-xxxl-end {
    align-items: flex-end !important;
  }
  .gap-xxxl-5 {
    gap: 3rem !important;
  }
  .gap-xxxl-0 {
    gap: 0 !important;
  }
}
@media all and (max-width: 1199px) {
  /*********************** responsive menu style start **************************/
  nav.navbar {
    width: 300px;
    position: fixed;
    z-index: 1050;
    bottom: 0;
    top: 0;
    left: -450px;
    transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    background: var(--bs-white);
    display: flex;
    align-items: flex-start;
  }
  nav.navbar.active {
    left: 0;
  }
  nav.navbar .cimm_nav {
    padding: 0;
  }
  nav.navbar .cimm_nav > ul {
    position: relative;
    width: 100%;
  }
  nav.navbar .cimm_nav > ul > li {
    position: static;
    line-height: 28px;
  }
  nav.navbar .cimm_nav > ul > li.menu-header svg {
    right: auto;
    left: 10px;
    transform: rotate(0);
    top: calc(50% - 14px);
  }
  nav.navbar .cimm_nav > ul > li svg {
    transform: rotate(270deg);
    padding: 6px;
    height: 30px;
    width: 30px;
    top: calc(50% - 15px);
  }
  nav.navbar .cimm_nav > ul > li svg path {
    fill: var(--bs-body-color);
  }
  nav.navbar .cimm_nav > ul > li span {
    display: block;
  }
  nav.navbar .cimm_nav > ul > li span.haveChildMenu > a {
    padding: 5px 14px;
  }
  nav.navbar .cimm_nav > ul > li span a {
    color: var(--bs-body-color);
    padding: 5px 14px;
    display: inline-block;
  }
  nav.navbar .cimm_nav > ul > li .dropdown-menu {
    display: block;
    top: 0;
    left: 320px !important;
    height: 100vh;
    width: 300px;
    padding: 0 0 10px 0;
    overflow-x: hidden;
    overflow-y: auto;
    transition: left 0.3s ease;
    -ms-transition: left 0.3s ease;
    -moz-transition: left 0.3s ease;
    -webkit-transition: left 0.3s ease;
    background: #fff;
    border: none;
    margin: 0;
  }
  nav.navbar .cimm_nav > ul > li .dropdown-menu.accountMenu li a {
    color: var(--bs-body-color);
    padding: 5px 14px;
    display: block;
    position: relative;
  }
  nav.navbar .cimm_nav > ul > li .dropdown-menu.accountMenu li a svg {
    transform: rotate(0deg);
    right: 18px;
  }
  nav.navbar .cimm_nav > ul > li .dropdown-menu.slideDropMenu {
    left: 0 !important;
  }
  nav.navbar .cimm_nav > ul > li .dropdown-menu.shopbyprod, nav.navbar .cimm_nav > ul > li .dropdown-menu.shopbymanuf, nav.navbar .cimm_nav > ul > li .dropdown-menu.shopbybrand {
    width: 300px;
    padding-bottom: 50px;
  }
  nav.navbar .cimm_nav > ul > li .dropdown-menu li:hover {
    background: transparent !important;
  }
  nav.navbar .cimm_nav > ul > li .dropdown-menu li:hover span a,
  nav.navbar .cimm_nav > ul > li .dropdown-menu li:hover span em:after {
    color: var(--bs-body-color);
    cursor: pointer;
  }
  nav.navbar .cimm_nav > ul > li .dropdown-menu li span a, nav.navbar .cimm_nav > ul > li .dropdown-menu li span em:after {
    color: var(--bs-body-color) !important;
  }
  nav.navbar .cimm_nav > ul > li .dropdown-menu li span a {
    padding: 4px 10px !important;
  }
  nav.navbar .cimm_nav > ul > li .dropdown-menu li span em {
    top: 0px !important;
  }
  nav.navbar .cimm_nav > ul > li .dropdown-menu li span em::after {
    top: 10px !important;
  }
  nav.navbar .cimm_nav > ul > li .dropdown-menu ul {
    width: 100%;
  }
  /*********************** responsive menu style end **************************/
  .cimm_instructions {
    float: none;
    width: 100%;
    text-align: left;
  }
  .table_quoterequest tbody tr td .autosuggestspan,
  .autosuggestdiv .autosuggestspan {
    left: 0px;
  }
  .table_quoterequest tbody tr td .autosuggestspan > ul,
  .autosuggestdiv .autosuggestspan > ul {
    min-width: auto;
  }
  .table_quoterequest tbody tr td .autosuggestspan > ul > li,
  .autosuggestdiv .autosuggestspan > ul > li {
    border-bottom: 1px solid #cfcfcf;
  }
  .inventeryRepItems .autosuggestdiv .autosuggestspan {
    left: 0px;
    width: 100%;
  }
  .inventeryRepItems .autosuggestdiv .autosuggestspan > ul.rowul {
    min-width: 100%;
  }
  .inventeryRepItems .autosuggestdiv .autosuggestspan > ul.rowul > li {
    border-bottom: 1px solid #cfcfcf;
    width: 100%;
  }
  .inventeryRepItems .autosuggestdiv .autosuggestspan > ul.rowul > li span {
    display: block;
  }
  /* .cimm_searchWrapper {
    margin: 0;
  }
  .nav_headingBlock {
    padding: 10px 10px 10px 40px !important;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    position: relative;
    display: block;
    i {
      position: absolute;
      left: 12px;
      top: 15px;
    }
  }
  .icon-bar {
    background-color: $gray-dark;
    width: 100%;
    height: 4px !important;
    width: 28px !important;
  }
  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 5px;
  }
  .navbar-toggle {
    display: block;
  }
  */
}
@media all and (max-width: 1024px) {
  .webViewSearchWrap .cimm_searchWrapper {
    width: calc(100% - 38px);
    float: left;
    margin: 0 0 18px;
  }
  .webViewSearchWrap .cimm_searchWrapper .webViewSearch.cimm_searchForm {
    border-radius: 4px;
    background: rgb(228.735, 228.735, 228.735);
    box-shadow: inset 1px 1px 1px rgb(173.4, 173.4, 173.4);
  }
  .webViewSearchWrap .cimm_searchWrapper .webViewSearch.cimm_searchForm input[type=text] {
    border: 0;
    font-family: HubotRegular;
    width: calc(100% - 85px);
    float: left;
    background: #e5e5e5;
    height: 30px;
    margin-top: 1px;
    padding: 5px;
  }
  .webViewSearchWrap .cimm_searchWrapper .webViewSearch.cimm_searchForm .cimm_searchIcon,
  .webViewSearchWrap .cimm_searchWrapper .webViewSearch.cimm_searchForm .cimm_cameraIcon {
    display: inline-block;
    border: 0px;
    padding: 5px 4px;
    background: transparent;
    width: auto;
  }
  .webViewSearchWrap .cimm_searchWrapper .webViewSearch.cimm_searchForm .cimm_searchIcon em,
  .webViewSearchWrap .cimm_searchWrapper .webViewSearch.cimm_searchForm .cimm_cameraIcon em {
    font-size: 20px;
    color: #bababa;
  }
  .webViewSearchWrap .cimm_searchWrapper .mobileCartCountWrap .glyphicon-log-in {
    font-size: 18px;
    color: #bababa;
  }
  .multiTab .multiTabContent .buttonWrap .btnPrevious:hover,
  .multiTab .multiTabContent .buttonWrap .btnNext:hover {
    background: #194D9C;
  }
  .btnFinish:hover {
    background: #194D9C;
  }
  #ManagePurchaseAgent_wrapper .dataTables_filter {
    float: none;
    width: 100%;
  }
  .showFromTab,
  .footerCol h4 em {
    display: block;
  }
  .priceSpan {
    font-size: 18px;
  }
  .fixOnApp .cimm_bodyContentWrap {
    margin-bottom: 50px;
  }
  .fixOnApp header {
    position: fixed;
    width: 100%;
    top: 0;
    background: #fff;
    padding-top: 10px;
    z-index: 111;
  }
  .fixOnApp .cimm_bodyContentWrap {
    padding: 100px 0 55px 0;
    margin: 0;
  }
  .fixOnApp .cimm_headerLeft {
    margin: 0 !important;
  }
  .fixOnApp #slideLeft,
  .fixOnApp .cimm_slide {
    height: 100%;
  }
  .fixOnApp #slideLeft ul,
  .fixOnApp .cimm_slide ul {
    height: calc(100% - 100px);
    overflow-x: auto;
  }
  .table_quoterequest tbody tr td .autosuggestspan,
  .autosuggestdiv .autosuggestspan {
    left: 0px;
  }
  .table_quoterequest tbody tr td .autosuggestspan > ul,
  .autosuggestdiv .autosuggestspan > ul {
    min-width: auto;
  }
  .table_quoterequest tbody tr td .autosuggestspan > ul > li,
  .autosuggestdiv .autosuggestspan > ul > li {
    border-bottom: 1px solid #cfcfcf;
  }
  .inventeryRepItems .autosuggestdiv .autosuggestspan {
    left: 0px;
    width: 100%;
  }
  .inventeryRepItems .autosuggestdiv .autosuggestspan > ul.rowul {
    min-width: 100%;
  }
  .inventeryRepItems .autosuggestdiv .autosuggestspan > ul.rowul > li {
    border-bottom: 1px solid #cfcfcf;
    width: 100%;
  }
  .inventeryRepItems .autosuggestdiv .autosuggestspan > ul.rowul > li span {
    display: block;
  }
  /*
  .listGridContainer .gridView ul li.sessionDespTwo ul li p input {
    width: 45px;
  }
  .listGridContainer .gridView ul li.sessionDespTwo ul li p {
    margin-right: 10px;
  }
  .cimm_productCategory .cimm_categoryItemBlock a p {
    height: 60px;
    padding: 5px;
  }
  .hideForIpad {
    display: none;
  }
  .navbar-toggle {
    display: block;
    margin: 0;
  }
  .cimm_inlineButton {
    letter-spacing: 0.5px;
  }
    .hideForDeviceslg{
    display: none !important;
  }
    .cartTotal_Top a.hideForIpad {
    display: none;
  }*/
}
@media all and (max-width: 980px) {
  footer .cimm_footer_mid .footerCol h3 em {
    display: block;
    font-size: 16px;
  }
  .documentStack li {
    width: 24%;
  }
  .ac_results {
    top: 32px;
  }
  .table.customBorderTable tbody tr:last-child td {
    border-bottom: none;
  }
  .table.customBorderTable tbody td:after {
    content: none;
  }
  .table.customBorderTable tbody td .cimm_cartProdDescription {
    width: 100%;
  }
  .orderSummaryWrap {
    margin-top: 30px;
  }
  .detailPage {
    width: 100%;
  }
  .showInDevice {
    display: block;
  }
  .hideForDevices {
    display: none !important;
  }
  .cimm_blockHeading + ul {
    margin-bottom: 15px;
  }
  #recentorders .slick-prev {
    top: 48%;
    left: 10px;
  }
  #recentorders .slick-next {
    bottom: inherit;
    top: 48%;
    right: 10px;
  }
  .custom_lineform {
    margin-bottom: 14px;
    text-align: left;
  }
  .custom_lineform.form-inline .form-group,
  .custom_lineform.form-inline .form-control {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    width: auto;
  }
  .table_quoterequest tbody tr td .autosuggestspan,
  .autosuggestdiv .autosuggestspan {
    left: 0px;
  }
  .table_quoterequest tbody tr td .autosuggestspan > ul,
  .autosuggestdiv .autosuggestspan > ul {
    min-width: auto;
  }
  .table_quoterequest tbody tr td .autosuggestspan > ul > li,
  .autosuggestdiv .autosuggestspan > ul > li {
    border-bottom: 1px solid #cfcfcf;
  }
  .inventeryRepItems .autosuggestdiv .autosuggestspan {
    left: 0px;
    width: 100%;
  }
  .inventeryRepItems .autosuggestdiv .autosuggestspan > ul.rowul {
    min-width: 100%;
  }
  .inventeryRepItems .autosuggestdiv .autosuggestspan > ul.rowul > li {
    border-bottom: 1px solid #cfcfcf;
    width: 100%;
  }
  .inventeryRepItems .autosuggestdiv .autosuggestspan > ul.rowul > li span {
    display: block;
  }
  /*
  header .cimm_header .cimm_headerMidContent .cimm_searchWrapper {
    margin: 0;
  }
  .toggle_content {
    display: none;
  }
  .listGridContainer {
    .listView {
      ul {
        li {
          &.sessionDesp {
            width: 100%;
            clear: both;
            ul {
              width: 100%;
              clear: both;
            }
          }
        }
      }
    }
  }
  .cimm_listGridTopControls .cimm_listGridTopRightCtrls {
    width: 100%;
    float: none;
  }
  footer,
  .cimm_footerEnclosure,
  footer .footerMiddelContent {
    height: auto;
    margin: 0;
  }
  .cimm_itemdetail
    .cimm_itemdetail-imgcontainer.verticalThumblist
    .cimm_itemdetail_thumblist
    .slick-prev {
    top: 49%;
    width: 25px;
    height: 50px;
    left: -25px;
  }
  .cimm_itemdetail
    .cimm_itemdetail-imgcontainer.verticalThumblist
    .cimm_itemdetail_thumblist
    .slick-next {
    top: 49%;
    width: 25px;
    height: 50px;
    left: 100%;
  }
  .cimm_itemdetail
    .cimm_itemdetail-imgcontainer.verticalThumblist
    .cimm_itemdetail_thumblist
    .slick-next:before {
    content: "\f105";
    top: 0;
  }
  .cimm_itemdetail
    .cimm_itemdetail-imgcontainer.verticalThumblist
    .cimm_itemdetail_thumblist
    .slick-prev:before {
    content: "\f104";
    top: 0;
  }
  .cimm_itemdetail
    .cimm_itemdetail-imgcontainer.verticalThumblist
    .cimm_itemdetail-image {
    float: none;
  }
    */
}
@media all and (max-width: 768px) {
  .cartItemRow .cimm_cartProdImg {
    margin-bottom: 20px;
    max-width: 100%;
  }
  #sortByForm .dropdown-menu {
    left: 0px;
  }
  .calendarFilter ul li {
    border: none;
  }
  .documentStack li {
    width: 30%;
  }
  .cimm_salesBottomStrip ul {
    width: 100%;
  }
  .form-inline-sm .form-group {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
  }
  .grpNameEditWrap {
    text-align: left;
  }
  .ac_results .itemWraper,
  .ac_results ul {
    width: 100%;
  }
  #sortByForm .dropdown-menu {
    left: 0;
  }
  .tableScroll {
    overflow-x: scroll;
  }
  .tableScroll .table {
    width: 800px;
  }
  #events_Table_wrapper #events_Table td {
    border: none;
  }
  .listGridContainer .gridView {
    width: 48%;
    width: 48%;
  }
  .listGridContainer .gridView:nth-child(3n+2) {
    margin: 25px 0.5% 0 0.5%;
  }
  .listGridContainer .gridView:nth-child(2n+2) {
    margin: 25px 0.5% 0 2.5%;
  }
  #events_Table_wrapper #events_Table td,
  .storeListTable td {
    display: block;
  }
  .storeListTable td,
  .storeListTable td a.button {
    text-align: center;
    margin: 0 auto;
  }
  #events_Table_wrapper #events_Table td.calendarDetail a:not(.link),
  .storeListTable td a.button {
    width: 220px;
    display: block;
    text-align: center;
  }
  .table.customBorderTable tbody td .cimm_cartProdDescription {
    width: 100%;
  }
  /*.cimm_btnGroupEnclosure ul li {
    padding: 0;
    display: block;
    text-align: center;
    margin: 15px 0;
  }*/
  .userInfoWrap {
    height: 200px;
    margin-top: 10px;
  }
  .userInfoWrap b,
  .userInfoWrap span {
    width: 100%;
    float: none;
  }
  .uploadImage_wrap .uploadFile span,
  .uploadImage_wrap .uploadImage span {
    font-size: 12px;
    padding: 5px;
  }
  #ManagePurchaseAgent_wrapper table tbody tr td a.cimm_inlineButton,
  #ManagePurchaseAgent_wrapper table tbody tr td label.switch {
    float: none;
    margin: 10px 0;
    width: 120px;
    display: block;
  }
  .listGridContainer .gridView ul li.sessionDespTwo ul li p {
    width: 48%;
  }
  #updateCartForm .cimm_salesBottomStrip {
    width: 100%;
    margin: 0;
  }
  #productSearchForm input[type=text] {
    width: calc(100% - 205px);
    display: inline-block;
  }
  .searchZero a {
    margin: 2px 0;
    vertical-align: middle;
  }
  .table_quoterequest tbody tr td .autosuggestspan,
  .autosuggestdiv .autosuggestspan {
    left: 0px;
  }
  .table_quoterequest tbody tr td .autosuggestspan > ul,
  .autosuggestdiv .autosuggestspan > ul {
    min-width: auto;
  }
  .table_quoterequest tbody tr td .autosuggestspan > ul > li,
  .autosuggestdiv .autosuggestspan > ul > li {
    border-bottom: 1px solid #cfcfcf;
  }
  .inventeryRepItems .autosuggestdiv .autosuggestspan {
    left: 0px;
    width: 100%;
  }
  .inventeryRepItems .autosuggestdiv .autosuggestspan > ul.rowul {
    min-width: 100%;
  }
  .inventeryRepItems .autosuggestdiv .autosuggestspan > ul.rowul > li {
    border-bottom: 1px solid #cfcfcf;
    display: block;
  }
  .inventeryRepItems .autosuggestdiv .autosuggestspan > ul.rowul > li span {
    display: block;
  }
  /*
  .compareTableWrap {
    .pushbtnGroup {
      li {
        a{
          display: inline-block;
        }
      }
    }
  }
  .cimm_productCategory .cimm_categoryItemBlockWrap .cimm_categoryItemBlock {
    width: 47%;
  }
  .cimm_productCategory
    .cimm_categoryItemBlockWrap
    .cimm_categoryItemBlock:nth-child(3n + 2) {
    margin: 25px 0.5% 0;
  }
  .cimm_productCategory
    .cimm_categoryItemBlockWrap
    .cimm_categoryItemBlock:nth-child(2n + 2) {
    margin: 25px 0.5% 0 4.5%;
  }
  .cimm_staticPageWrap{
    .container-fluid{
        padding: 0;
    }
  }
  header .cimm_header .cimm_headerMidContent .cimm_storeLocator h6 {
    margin: 10px 0 !important;
  }
    */
}
@media (max-width: 667px) {
  .textAlign {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .textAlign td {
    display: block;
    width: 100%;
    padding-bottom: 8px;
    border: none;
  }
}
@media all and (max-width: 480px) {
  .cartItemRow {
    padding: 32px;
  }
  #events_Table tbody tr {
    flex-direction: column;
  }
  #events_Table_wrapper #events_Table td.calendarDetail a:not(.link),
  .storeListTable td a.button {
    text-align: start;
  }
  #events_Table_wrapper #events_Table td:nth-child(2) {
    align-items: start;
  }
  .bootstrap-select.btn-group .dropdown-menu {
    width: 100%;
    min-width: max-content !important;
  }
  .bootstrap-select.btn-group .dropdown-menu ul li a {
    white-space: inherit;
  }
  /*#updateSelectedItems{
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }*/
  .form-control#editedName {
    width: 100%;
    margin-bottom: 8px;
  }
  .bulkActionBtn {
    margin: 0 auto;
  }
  .calendarFilterWrap .tableHeader h2 {
    float: none !important;
    width: 100%;
    text-align: center;
  }
  .documentStack li {
    width: 50%;
  }
  .select_attributeBody > ul > li.selectOptions {
    width: 100%;
    margin-right: 0;
  }
  .calendarFilterWrap .tableHeader .calendarFilterHead {
    float: none !important;
    width: 270px;
    margin: 0 auto;
  }
  .calendarFilterWrap .tableHeader ul.calendarFilterHead li {
    width: auto;
  }
  .uploadImage_wrap .uploadFile span,
  .uploadImage_wrap .uploadImage span {
    font-size: 10px;
    padding: 8px 2px;
  }
  .marketingMaterial label,
  .clearform {
    margin-top: 8px;
  }
  #productSearchForm .cimm_inlineButton {
    margin-top: 10px;
  }
  #productSearchForm input[type=text] {
    width: 100%;
    margin-bottom: 12px;
  }
  .multiTab.detailPage .multiTabContent div {
    padding: 10px;
  }
  .table_quoterequest tbody tr td .autosuggestspan,
  .autosuggestdiv .autosuggestspan {
    left: 0px;
  }
  .table_quoterequest tbody tr td .autosuggestspan > ul,
  .autosuggestdiv .autosuggestspan > ul {
    min-width: auto;
  }
  .table_quoterequest tbody tr td .autosuggestspan > ul > li,
  .autosuggestdiv .autosuggestspan > ul > li {
    border-bottom: 1px solid #cfcfcf;
  }
  .inventeryRepItems .autosuggestdiv .autosuggestspan {
    left: 0px;
    width: 100%;
  }
  .inventeryRepItems .autosuggestdiv .autosuggestspan > ul.rowul {
    min-width: 100%;
  }
  .inventeryRepItems .autosuggestdiv .autosuggestspan > ul.rowul > li {
    border-bottom: 1px solid #cfcfcf;
    width: 100%;
  }
  .inventeryRepItems .autosuggestdiv .autosuggestspan > ul.rowul > li span {
    display: block;
  }
  #customerPartNumSubmit {
    left: 0;
  }
  /*
  .compareTableWrap .pushbtnGroup {
    text-align: center;
    li {
      text-align: left;
      width: auto;
      a.cimm_inlineButton {
        display: inline-block;
      }
    }
  }
  .cimm_productCategory .cimm_categoryItemBlockWrap .cimm_categoryItemBlock,
  .cimm_productCategory
    .cimm_categoryItemBlockWrap
    .cimm_categoryItemBlock:nth-child(3n + 2),
  .cimm_productCategory
    .cimm_categoryItemBlockWrap
    .cimm_categoryItemBlock:nth-child(2n + 2) {
    margin: 25px 1% 0 1%;
    width: 98%;
  }
    .listGridContainer .gridView,
  .listGridContainer .gridView:nth-child(3n + 3),
  .listGridContainer .gridView:nth-child(2n + 2),
  .listGridContainer .gridView:nth-child(3n + 1),
  .listGridContainer .gridView:nth-child(3n + 2) {
    width: 100%;
    float: none;
    height: auto;
    min-height: 350px;
    margin: 25px 0 0 0;
    .gridFixHeight {
      height: auto;
    }
    ul li.sessionDesp {
      .itemCountGrid {
        position: inherit;
        text-align: center;
        width: 100%;
        bottom: 0px;
      }
    }
  }
  header .cimm_header .header_2021 .cimm_searchWrapper{
    width: 100%;
  }
  .cimm_listGridTopControls {
    .cimm_listGridTopRightCtrls {
      display: block;
      margin: 0;
      text-align: center;
      form {
        width: 100%;
        float: none;
        text-align: center;
        display: block;
        margin: 10px 0;
      }
      + .row {
        text-align: center;
      }
    }

    .table-bordered {
      border: none !important;
      tbody {
        tr {
          border: none !important;
        }
      }
    }
  }
    .cartTotal_Top span {
    margin-bottom: 10px;
    font-size: 16px;
  }
  .cartTotal_Top {
    text-align: left;
  }
  .cartTotal_Top a {
    margin: 0 !important;
  }*/
}
@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
  #generalModel .modal-body {
    max-height: 320px;
  }
  #customerPartNumSubmit {
    left: 0;
  }
}
@media all and (max-width: 767px) {
  .actionBtnWrap {
    text-align: left !important;
    margin-top: 10px;
  }
  .date_from {
    position: relative;
    display: table;
  }
}