@charset "UTF-8";

#dashboard .card-body {
    scrollbar-face-color: #aaa;
    scrollbar-track-color: transparent;
    scrollbar-width: thin;
    overflow-y: auto;
    max-height: 262px !important;
    scroll-behavior: smooth
}

#dashboard .card-body::-webkit-scrollbar {
    width: 6px
}

#dashboard .card-body::-webkit-scrollbar-track {
    border-radius: 20px;
    background: 0 0;
    -webkit-border-radius: 20px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

#dashboard .card-body::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background: #aaa;
    -webkit-border-radius: 20px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5)
}

#dashboard .card-body::-webkit-scrollbar-thumb:window-inactive {
    background: #aaa
}

.cimm_BreadCrumbs .breadcrumb {
    background: 0 0;
    padding: 0;
    margin: 15px 0
}

.cimm_BreadCrumbs .breadcrumb li {
    position: relative;
    padding: 0 0 0 15px
}

.cimm_BreadCrumbs .breadcrumb li a {
    color: #2d2d2d
}

.cimm_BreadCrumbs .breadcrumb li+li:before {
    content: "|";
    speak: none;
    position: absolute;
    z-index: 11;
    font-weight: 900;
    font-size: 10px;
    font-family: FontAwesomePro-Solid;
    top: 0;
    left: 0;
    color: #2d2d2d
}

.cimm_BreadCrumbs .breadcrumb li+li:before {
    padding: 0 5px
}

.cimm_BreadCrumbs .breadcrumb li:first-child {
    padding: 0
}

* {
    outline: 0
}

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: #013780
}

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

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

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

.required {
    color: #ee3426
}

.requiblack {
    color: #000
}

.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
}

dt,
label {
    font-weight: 400
}

dl,
p {
    margin: 0
}

a {
    color: #333;
    cursor: pointer
}

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

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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700
}

h1 {
    font-size: 48px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 26px
}

h4 {
    font-size: 20px
}

h5 {
    font-size: 18px
}

h6 {
    font-size: 16px
}

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

.cimm_bodyContentWrap .cimm_staticPageWrap ul {
    padding: 0 0 0 30px
}

.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
}

.row-space {
    margin: 15px 0;
    border: 0
}

.row-space:after,
.row-space:before {
    content: "";
    display: table
}

.row-space:after {
    clear: both
}

.dataTables_filter {
    text-align: right
}

.dataTables_paginate {
    text-align: right
}

.dataTables_paginate .pagination {
    margin: 0
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .descBody li {
        margin-left: 15px
    }

    .cimm_qtyWrap span .quantity {
        padding-top: 0;
        padding-bottom: 2px
    }
}

.border-0 {
    border: 0
}

.banner-static {
    width: 100%
}

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

@font-face {
    font-family: RobotoRegular;
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    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: 400;
    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: 400;
    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")
}

@font-face {
    font-family: FontAwesomeBrandsRegular;
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    src: url(https://cdn.cimm2.com/fonts/fontawesome/FontAwesome5Brands-Regular.eot?#iefix) format("embedded-opentype"), url(https://cdn.cimm2.com/fonts/fontawesome/FontAwesome5Brands-Regular.woff) format("woff"), url(https://cdn.cimm2.com/fonts/fontawesome/FontAwesome5Brands-Regular.ttf) format("truetype"), url(https://cdn.cimm2.com/fonts/fontawesome/FontAwesome5Brands-Regular.svg#FontAwesome5Brands-Regular) format("svg")
}

@font-face {
    font-family: FontAwesomeDuotone-Solid;
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    src: url(https://cdn.cimm2.com/fonts/fontawesome/FontAwesome5Duotone-Solid.eot?#iefix) format("embedded-opentype"), url(https://cdn.cimm2.com/fonts/fontawesome/FontAwesome5Duotone-Solid.woff) format("woff"), url(https://cdn.cimm2.com/fonts/fontawesome/FontAwesome5Duotone-Solid.ttf) format("truetype"), url(https://cdn.cimm2.com/fonts/fontawesome/FontAwesome5Duotone-Solid.svg#FontAwesome5Duotone-Solid) format("svg")
}

@font-face {
    font-family: FontAwesomePro-Light;
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    src: url(https://cdn.cimm2.com/fonts/fontawesome/FontAwesome5Pro-Light.eot?#iefix) format("embedded-opentype"), url(https://cdn.cimm2.com/fonts/fontawesome/FontAwesome5Pro-Light.woff) format("woff"), url(https://cdn.cimm2.com/fonts/fontawesome/FontAwesome5Pro-Light.ttf) format("truetype"), url(https://cdn.cimm2.com/fonts/fontawesome/FontAwesome5Pro-Light.svg#FontAwesome5Pro-Light) format("svg")
}

@font-face {
    font-family: FontAwesomePro-Regular;
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    src: url(https://cdn.cimm2.com/fonts/fontawesome/FontAwesome5Pro-Regular.eot?#iefix) format("embedded-opentype"), url(https://cdn.cimm2.com/fonts/fontawesome/FontAwesome5Pro-Regular.woff) format("woff"), url(https://cdn.cimm2.com/fonts/fontawesome/FontAwesome5Pro-Regular.ttf) format("truetype"), url(https://cdn.cimm2.com/fonts/fontawesome/FontAwesome5Pro-Regular.svg#FontAwesome5Pro-Regular) format("svg")
}

@font-face {
    font-family: FontAwesomePro-Solid;
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    src: url(https://cdn.cimm2.com/fonts/fontawesome/FontAwesome5Pro-Solid.eot?#iefix) format("embedded-opentype"), url(https://cdn.cimm2.com/fonts/fontawesome/FontAwesome5Pro-Solid.woff) format("woff"), url(https://cdn.cimm2.com/fonts/fontawesome/FontAwesome5Pro-Solid.ttf) format("truetype"), url(https://cdn.cimm2.com/fonts/fontawesome/FontAwesome5Pro-Solid.svg#FontAwesome5Pro-Solid) format("svg")
}

@font-face {
    font-family: "Glyphicons Halflings";
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    src: url(https://cdnassets.unilogcorp.com/fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(https://cdnassets.unilogcorp.com/fonts/glyphicons-halflings-regular.woff) format("woff"), url(https://cdnassets.unilogcorp.com/fonts/glyphicons-halflings-regular.ttf) format("truetype"), url(https://cdnassets.unilogcorp.com/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")
}

.mTop-0 {
    margin-top: 0 !important
}

.mRight-0 {
    margin-right: 0 !important
}

.mBottom-0 {
    margin-bottom: 0 !important
}

.mLeft-0 {
    margin-left: 0 !important
}

.marginX-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.marginY-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.margin-1 {
    margin: 4px !important
}

.mTop-1 {
    margin-top: 4px !important
}

.mRight-1 {
    margin-right: 4px !important
}

.mBottom-1 {
    margin-bottom: 4px !important
}

.mLeft-1 {
    margin-left: 4px !important
}

.marginX-1 {
    margin-right: 4px !important;
    margin-left: 4px !important
}

.marginY-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important
}

.margin-2 {
    margin: 8px !important
}

.mTop-2 {
    margin-top: 8px !important
}

.mRight-2 {
    margin-right: 8px !important
}

.mBottom-2 {
    margin-bottom: 8px !important
}

.mLeft-2 {
    margin-left: 8px !important
}

.marginX-2 {
    margin-right: 8px !important;
    margin-left: 8px !important
}

.marginY-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important
}

.margin-3 {
    margin: 16px !important
}

.mTop-3 {
    margin-top: 16px !important
}

.mRight-3 {
    margin-right: 16px !important
}

.mBottom-3 {
    margin-bottom: 16px !important
}

.mLeft-3 {
    margin-left: 16px !important
}

.marginX-3 {
    margin-right: 16px !important;
    margin-left: 16px !important
}

.marginY-3 {
    margin-top: 16px !important;
    margin-bottom: 16px !important
}

.margin-4 {
    margin: 24px !important
}

.mTop-4 {
    margin-top: 24px !important
}

.mRight-4 {
    margin-right: 24px !important
}

.mBottom-4 {
    margin-bottom: 24px !important
}

.mLeft-4 {
    margin-left: 24px !important
}

.marginX-4 {
    margin-right: 24px !important;
    margin-left: 24px !important
}

.marginY-4 {
    margin-top: 24px !important;
    margin-bottom: 24px !important
}

.margin-5 {
    margin: 48px !important
}

.mTop-5 {
    margin-top: 48px !important
}

.mRight-5 {
    margin-right: 48px !important
}

.mBottom-5 {
    margin-bottom: 48px !important
}

.mLeft-5 {
    margin-left: 48px !important
}

.marginX-5 {
    margin-right: 48px !important;
    margin-left: 48px !important
}

.marginY-5 {
    margin-top: 48px !important;
    margin-bottom: 48px !important
}

.padding-0 {
    padding: 0
}

.pTop-0 {
    padding-top: 0
}

.pRight-0 {
    padding-right: 0
}

.pBottom-0 {
    padding-bottom: 0
}

.pLeft-0 {
    padding-left: 0
}

.paddingX-0 {
    padding-right: 0;
    padding-left: 0
}

.paddingY-0 {
    padding-top: 0;
    padding-bottom: 0
}

.padding-1 {
    padding: 4px
}

.pTop-1 {
    padding-top: 4px
}

.pRight-1 {
    padding-right: 4px
}

.pBottom-1 {
    padding-bottom: 4px
}

.pLeft-1 {
    padding-left: 4px
}

.paddingX-1 {
    padding-right: 4px;
    padding-left: 4px
}

.paddingY-1 {
    padding-top: 4px;
    padding-bottom: 4px
}

.padding-2 {
    padding: 8px
}

.pTop-2 {
    padding-top: 8px
}

.pRight-2 {
    padding-right: 8px
}

.pBottom-2 {
    padding-bottom: 8px
}

.pLeft-2 {
    padding-left: 8px
}

.paddingX-2 {
    padding-right: 8px;
    padding-left: 8px
}

.paddingY-2 {
    padding-top: 8px;
    padding-bottom: 8px
}

.padding-3 {
    padding: 16px
}

.pTop-3 {
    padding-top: 16px
}

.pRight-3 {
    padding-right: 16px
}

.pBottom-3 {
    padding-bottom: 16px
}

.pLeft-3 {
    padding-left: 16px
}

.paddingX-3 {
    padding-right: 16px;
    padding-left: 16px
}

.paddingY-3 {
    padding-top: 16px;
    padding-bottom: 16px
}

.padding-4 {
    padding: 24px
}

.pTop-4 {
    padding-top: 24px
}

.pRight-4 {
    padding-right: 24px
}

.pBottom-4 {
    padding-bottom: 24px
}

.pLeft-4 {
    padding-left: 24px
}

.paddingX-4 {
    padding-right: 24px;
    padding-left: 24px
}

.paddingY-4 {
    padding-top: 24px;
    padding-bottom: 24px
}

.padding-5 {
    padding: 48px
}

.pTop-5 {
    padding-top: 48px
}

.pRight-5 {
    padding-right: 48px
}

.pBottom-5 {
    padding-bottom: 48px
}

.pLeft-5 {
    padding-left: 48px
}

.paddingX-5 {
    padding-right: 48px;
    padding-left: 48px
}

.paddingY-5 {
    padding-top: 48px;
    padding-bottom: 48px
}

.margin-auto {
    margin: auto !important
}

header .cimm_header {
    position: relative
}

header .cimm_header .cimm_header_top {
    background: #e0dfdf;
    border-radius: 0;
    border: 0;
    border-bottom: 2pxpx solid #fff;
    color: #000;
    font-family: RobotoRegular;
    font-size: 12px;
    font-weight: 400
}

header .cimm_header .cimm_header_top .shipBranchWrapper>.dropdown>a,
header .cimm_header .cimm_header_top p>a {
    color: #000;
    font-family: RobotoRegular;
    font-size: 12px;
    font-weight: 400
}

header .cimm_header .cimm_header_top .cimm_signWrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    margin: 15px 0
}

header .cimm_header .cimm_header_top .cimm_signWrap>li {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 125px
}

header .cimm_header .cimm_header_top .cimm_signWrap>li>a,
header .cimm_header .cimm_header_top .cimm_signWrap>li>a span {
    font-family: RobotoRegular;
    font-size: 12px;
    font-weight: 400;
    color: #000;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

header .cimm_header .cimm_header_top .cimm_signWrap>li>a>span.imgBox {
    display: block;
    position: relative;
    width: 60px;
    height: 60px;
    margin: 0 auto 8px auto;
    background: #013780;
    border-radius: 5px;
    border: 0 solid #a1a1a1;
    box-shadow: unset;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    -ms-box-shadow: unset
}

header .cimm_header .cimm_header_top .cimm_signWrap>li>a>span.imgBox>em {
    display: none
}

header .cimm_header .cimm_header_top .cimm_signWrap>li>a>span.imgBox.icon_cart:after,
header .cimm_header .cimm_header_top .cimm_signWrap>li>a>span.imgBox.icon_help:after,
header .cimm_header .cimm_header_top .cimm_signWrap>li>a>span.imgBox.icon_myaccount:after {
    transform: translate(-50%, -50%)
}

header .cimm_header .cimm_header_top .cimm_signWrap>li>a>span.imgBox.icon_myaccount:after {
    content: "";
    speak: none;
    position: absolute;
    z-index: 11;
    font-weight: 900;
    font-size: 36px;
    font-family: FontAwesomePro-Regular;
    top: 50%;
    left: 50%;
    color: #fff
}

header .cimm_header .cimm_header_top .cimm_signWrap>li>a>span.imgBox.icon_cart:after {
    content: "";
    speak: none;
    position: absolute;
    z-index: 11;
    font-weight: 900;
    font-size: 32px;
    font-family: FontAwesomePro-Solid;
    top: 50%;
    left: 50%;
    color: #fff
}

header .cimm_header .cimm_header_top .cimm_signWrap>li>a>span.imgBox.icon_help:after {
    content: "";
    speak: none;
    position: absolute;
    z-index: 11;
    font-weight: 900;
    font-size: 32px;
    font-family: FontAwesomePro-Solid;
    top: 50%;
    left: 50%;
    color: #fff
}

header .cimm_header .cimm_header_mid {
    background: #fff;
    border-radius: 0;
    border: 0;
    border-top: 0 solid #2d2d2d;
    color: #000;
    font-family: RobotoRegular;
    font-size: 12px;
    font-weight: 400
}

header .cimm_header .cimm_header_mid .shipBranchWrapper>.dropdown>a,
header .cimm_header .cimm_header_mid p>a {
    color: #000;
    font-family: RobotoRegular;
    font-size: 12px;
    font-weight: 400
}

header .cimm_header .cimm_header_mid .cimm_signWrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    margin: 15px 0
}

header .cimm_header .cimm_header_mid .cimm_signWrap>li {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 125px
}

header .cimm_header .cimm_header_mid .cimm_signWrap>li>a,
header .cimm_header .cimm_header_mid .cimm_signWrap>li>a span {
    font-family: RobotoRegular;
    font-size: 12px;
    font-weight: 400;
    color: #000;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

header .cimm_header .cimm_header_mid .cimm_signWrap>li>a>span.imgBox {
    display: block;
    position: relative;
    width: 60px;
    height: 46px;
    margin: 2px auto;
    background: 0 0;
    border-radius: 0;
    border: 0 solid #a1a1a1;
    box-shadow: unset;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    -ms-box-shadow: unset
}

header .cimm_header .cimm_header_mid .cimm_signWrap>li>a>span.imgBox>em {
    display: none
}

header .cimm_header .cimm_header_mid .cimm_signWrap>li>a>span.imgBox.icon_cart:after,
header .cimm_header .cimm_header_mid .cimm_signWrap>li>a>span.imgBox.icon_help:after,
header .cimm_header .cimm_header_mid .cimm_signWrap>li>a>span.imgBox.icon_myaccount:after {
    transform: translate(-50%, -50%)
}

header .cimm_header .cimm_header_mid .cimm_signWrap>li>a>span.imgBox.icon_myaccount:after {
    content: "";
    speak: none;
    position: absolute;
    z-index: 11;
    font-weight: 900;
    font-size: 36px;
    font-family: FontAwesomePro-Solid;
    top: 50%;
    left: 50%;
    color: #000
}

header .cimm_header .cimm_header_mid .cimm_signWrap>li>a>span.imgBox.icon_cart:after {
    content: "";
    speak: none;
    position: absolute;
    z-index: 11;
    font-weight: 900;
    font-size: 32px;
    font-family: FontAwesomePro-Solid;
    top: 50%;
    left: 50%;
    color: #000
}

header .cimm_header .cimm_header_mid .cimm_signWrap>li>a>span.imgBox.icon_help:after {
    content: "";
    speak: none;
    position: absolute;
    z-index: 11;
    font-weight: 900;
    font-size: 32px;
    font-family: FontAwesomePro-Solid;
    top: 50%;
    left: 50%;
    color: #000
}

header .cimm_header .cimm_header_top .cimm_header_top-phone ul li {
    padding: 10px
}

header .cimm_header .cimm_header_top .cimm_header_top-menu {
    text-align: right
}

header .cimm_header .cimm_header_top .cimm_header_top-menu ul li {
    text-transform: capitalize;
    display: inline-block;
    position: relative
}

header .cimm_header .cimm_header_top .cimm_header_top-menu ul li:hover ul {
    display: block
}

header .cimm_header .cimm_header_top .cimm_header_top-menu ul li ul.dropdown-menu {
    padding: 0
}

header .cimm_header .cimm_header_top .cimm_header_top-menu ul li ul.dropdown-menu li {
    border-bottom: 1px solid #a1a1a1;
    width: 100%
}

header .cimm_header .cimm_header_top .cimm_header_top-menu ul li ul.dropdown-menu li a {
    color: #2d2d2d;
    padding: 5px 10px
}

header .cimm_header .cimm_header_top .cimm_header_top-menu ul li a {
    color: #fff;
    padding: 10px;
    display: block
}

header .cimm_header .cimm_header_mid .cimm_logo {
    width: 250px;
    height: 120px;
    position: relative;
    display: inline-block
}

header .cimm_header .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_signWrap>li {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 100px
}

.cimm_signWrap>li>a {
    display: block;
    font-weight: 700
}

.cimm_signWrap>li.cartCountDisplayLi a span.cartCountrefresh {
    display: block
}

.cimm_signWrap>li.cartCountDisplayLi a svg {
    width: 35px;
    fill: #fff;
    position: absolute;
    top: 10px;
    left: 5px
}

.cimm_signWrap>li:first-child {
    width: 125px
}

.myAccountMenu li a em,
.slideDropMenu li a em {
    margin-right: 10px;
    font-size: 16px;
    width: 20px;
    text-align: center
}

.myAccountMenu {
    top: 48px;
    background: #ccc;
    right: 38px;
    width: 275px;
    left: auto;
    border: 1px solid #a1a1a1;
    border-radius: 2px;
    padding: 0;
    z-index: 9999
}

.myAccountMenu li {
    width: 100%;
    text-transform: none;
    font-family: RobotoRegular;
    text-align: left
}

.myAccountMenu li a {
    font-weight: 400;
    color: #2d2d2d;
    font-size: 16px;
    padding: 3px 10px
}

.myAccountMenu li.loginLink {
    margin-top: 15px;
    padding: 15px 0;
    background: #fff;
    text-align: center
}

.myAccountMenu li.loginLink a {
    background: #2d2d2d;
    color: #fff;
    display: inline-block;
    padding: 10px
}

.myAccountMenu li:last-child {
    border-bottom: none
}

.myAccountMenu li.logoutBtn {
    background: 0 0;
    text-align: center
}

.myAccountMenu li.logoutBtn a {
    background: #2d2d2d;
    color: #fff;
    display: inline-block;
    padding: 12px;
    margin: 25px 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.loginWindow {
    position: absolute;
    top: 50px;
    background: #fff;
    right: 38px;
    width: 370px;
    min-height: 300px;
    left: auto;
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
    border: 1px solid #a1a1a1;
    font-family: RobotoRegular;
    font-size: 12px;
    z-index: 10000
}

.loginWindow form {
    background: #ccc;
    padding: 18px
}

.loginWindow form .form-control {
    height: 42px;
    box-shadow: none;
    border: 1px solid #a1a1a1;
    border-radius: 2px
}

.loginWindow form .form-group label {
    text-transform: uppercase
}

.loginWindow ul,
.loginWindow ul li {
    width: 100%;
    text-transform: none;
    font-family: RobotoRegular
}

.loginWindow .rememberLogWrap {
    text-transform: none;
    padding-top: 6px
}

.calendarFilterWrap .tableHeader ul.calendarFilterHead .loginWindow .rememberLogWrap li,
.loginWindow .rememberLogWrap .btnFinish,
.loginWindow .rememberLogWrap .button,
.loginWindow .rememberLogWrap .calendarFilterWrap .tableHeader ul.calendarFilterHead li,
.loginWindow .rememberLogWrap .multiTab .multiTabContent .buttonWrap .btnNext,
.loginWindow .rememberLogWrap .multiTab .multiTabContent .buttonWrap .btnPrevious,
.loginWindow .rememberLogWrap .multiTab .multiTabContent+.buttonWrap .btnNext,
.loginWindow .rememberLogWrap .multiTab .multiTabContent+.buttonWrap .btnPrevious,
.multiTab .multiTabContent .buttonWrap .loginWindow .rememberLogWrap .btnNext,
.multiTab .multiTabContent .buttonWrap .loginWindow .rememberLogWrap .btnPrevious,
.multiTab .multiTabContent+.buttonWrap .loginWindow .rememberLogWrap .btnNext,
.multiTab .multiTabContent+.buttonWrap .loginWindow .rememberLogWrap .btnPrevious {
    width: 192px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.loginWindow .customCheckBox span {
    text-transform: capitalize
}

.loginWindow .forgotPassword {
    font-family: RobotoRegular;
    margin-top: 15px;
    font-weight: 400;
    text-decoration: underline;
    text-align: right
}

.loginWindow .register_link {
    padding: 26px 18px
}

.cimm_searchWrapper {
    text-align: center;
    margin: 45px 0 0 0;
    position: relative
}

.cimm_searchWrapper input[type=text] {
    border: 1px solid #a1a1a1;
    border-radius: 0;
    font-family: RobotoRegular
}

.cimm_searchWrapper .cimm_searchIcon {
    border: 1px solid #a1a1a1;
    border-radius: 0;
    width: 47px
}

header .cimm_header .header_2021 {
    position: relative
}

header .cimm_header .header_2021 .cimm_header_top {
    background: #e0dfdf;
    border-radius: 0;
    border: 0;
    border-bottom: 2pxpx solid #fff;
    color: #000;
    font-family: RobotoRegular;
    font-size: 12px;
    font-weight: 400
}

header .cimm_header .header_2021 .cimm_header_top .shipBranchWrapper>.dropdown>a,
header .cimm_header .header_2021 .cimm_header_top p>a {
    color: #000;
    font-family: RobotoRegular;
    font-size: 12px;
    font-weight: 400
}

header .cimm_header .header_2021 .cimm_header_top .cimm_signWrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    margin: 15px 0
}

header .cimm_header .header_2021 .cimm_header_top .cimm_signWrap>li {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 125px
}

header .cimm_header .header_2021 .cimm_header_top .cimm_signWrap>li>a,
header .cimm_header .header_2021 .cimm_header_top .cimm_signWrap>li>a span {
    font-family: RobotoRegular;
    font-size: 12px;
    font-weight: 400;
    color: #000;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

header .cimm_header .header_2021 .cimm_header_top .cimm_signWrap>li>a>span.imgBox {
    display: block;
    position: relative;
    width: 60px;
    height: 60px;
    margin: 0 auto 8px auto;
    background: #013780;
    border-radius: 5px;
    border: 0 solid #a1a1a1;
    box-shadow: unset;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    -ms-box-shadow: unset
}

header .cimm_header .header_2021 .cimm_header_top .cimm_signWrap>li>a>span.imgBox>em {
    display: none
}

header .cimm_header .header_2021 .cimm_header_top .cimm_signWrap>li>a>span.imgBox.icon_cart:after,
header .cimm_header .header_2021 .cimm_header_top .cimm_signWrap>li>a>span.imgBox.icon_help:after,
header .cimm_header .header_2021 .cimm_header_top .cimm_signWrap>li>a>span.imgBox.icon_myaccount:after {
    transform: translate(-50%, -50%)
}

header .cimm_header .header_2021 .cimm_header_top .cimm_signWrap>li>a>span.imgBox.icon_myaccount:after {
    content: "";
    speak: none;
    position: absolute;
    z-index: 11;
    font-weight: 900;
    font-size: 36px;
    font-family: FontAwesomePro-Regular;
    top: 50%;
    left: 50%;
    color: #fff
}

header .cimm_header .header_2021 .cimm_header_top .cimm_signWrap>li>a>span.imgBox.icon_cart:after {
    content: "";
    speak: none;
    position: absolute;
    z-index: 11;
    font-weight: 900;
    font-size: 32px;
    font-family: FontAwesomePro-Solid;
    top: 50%;
    left: 50%;
    color: #fff
}

header .cimm_header .header_2021 .cimm_header_top .cimm_signWrap>li>a>span.imgBox.icon_help:after {
    content: "";
    speak: none;
    position: absolute;
    z-index: 11;
    font-weight: 900;
    font-size: 32px;
    font-family: FontAwesomePro-Solid;
    top: 50%;
    left: 50%;
    color: #fff
}

header .cimm_header .header_2021 .cimm_header_mid {
    background: #fff;
    border-radius: 0;
    border: 0;
    border-top: 0 solid #2d2d2d;
    color: #000;
    font-family: RobotoRegular;
    font-size: 12px;
    font-weight: 400
}

header .cimm_header .header_2021 .cimm_header_mid .shipBranchWrapper>.dropdown>a,
header .cimm_header .header_2021 .cimm_header_mid p>a {
    color: #000;
    font-family: RobotoRegular;
    font-size: 12px;
    font-weight: 400
}

header .cimm_header .header_2021 .cimm_header_mid .cimm_signWrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    margin: 15px 0
}

header .cimm_header .header_2021 .cimm_header_mid .cimm_signWrap>li {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 125px
}

header .cimm_header .header_2021 .cimm_header_mid .cimm_signWrap>li>a,
header .cimm_header .header_2021 .cimm_header_mid .cimm_signWrap>li>a span {
    font-family: RobotoRegular;
    font-size: 12px;
    font-weight: 400;
    color: #000;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

header .cimm_header .header_2021 .cimm_header_mid .cimm_signWrap>li>a>span.imgBox {
    display: block;
    position: relative;
    width: 60px;
    height: 46px;
    margin: 2px auto;
    background: 0 0;
    border-radius: 0;
    border: 0 solid #a1a1a1;
    box-shadow: unset;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    -ms-box-shadow: unset
}

header .cimm_header .header_2021 .cimm_header_mid .cimm_signWrap>li>a>span.imgBox>em {
    display: none
}

header .cimm_header .header_2021 .cimm_header_mid .cimm_signWrap>li>a>span.imgBox.icon_cart:after,
header .cimm_header .header_2021 .cimm_header_mid .cimm_signWrap>li>a>span.imgBox.icon_help:after,
header .cimm_header .header_2021 .cimm_header_mid .cimm_signWrap>li>a>span.imgBox.icon_myaccount:after {
    transform: translate(-50%, -50%)
}

header .cimm_header .header_2021 .cimm_header_mid .cimm_signWrap>li>a>span.imgBox.icon_myaccount:after {
    content: "";
    speak: none;
    position: absolute;
    z-index: 11;
    font-weight: 900;
    font-size: 36px;
    font-family: FontAwesomePro-Solid;
    top: 50%;
    left: 50%;
    color: #000
}

header .cimm_header .header_2021 .cimm_header_mid .cimm_signWrap>li>a>span.imgBox.icon_cart:after {
    content: "";
    speak: none;
    position: absolute;
    z-index: 11;
    font-weight: 900;
    font-size: 32px;
    font-family: FontAwesomePro-Solid;
    top: 50%;
    left: 50%;
    color: #000
}

header .cimm_header .header_2021 .cimm_header_mid .cimm_signWrap>li>a>span.imgBox.icon_help:after {
    content: "";
    speak: none;
    position: absolute;
    z-index: 11;
    font-weight: 900;
    font-size: 32px;
    font-family: FontAwesomePro-Solid;
    top: 50%;
    left: 50%;
    color: #000
}

header .cimm_header .header_2021 .cimm_header_top {
    padding: 10px 15px;
    opacity: 1
}

header .cimm_header .header_2021 .cimm_header_mid .headerWrapper {
    padding: 5px 0
}

header .cimm_header .header_2021 .cimm_header_mid .headerWrapper .cimm_logo {
    width: 220px;
    height: 62px;
    margin: 10px 0;
    position: relative;
    display: inline-block
}

header .cimm_header .header_2021 .cimm_header_mid .headerWrapper .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
}

header .cimm_header .header_2021 .cimm_stickyPageWrap {
    min-height: 100%;
    margin: 0 auto -358px auto;
    width: 100%;
    padding-top: 192px
}

header .cimm_header .header_2021 .cimm_stickyPageWrap:after {
    content: "";
    display: block
}

header .cimm_header .header_2021 .cms_staticTable .cimm_stickyPageWrap {
    padding: 0
}

header .cimm_header .header_2021 .cimm_signWrap>li {
    vertical-align: middle;
    max-width: 140px;
    width: auto
}

header .cimm_header .header_2021 .cimm_signWrap>li>a {
    padding: 0 10px;
    display: block;
    color: #555;
    font-weight: 700
}

header .cimm_header .header_2021 .cimm_signWrap>li>a .dropdown-menu.loginWindow[data-acsb-dropdown],
header .cimm_header .header_2021 .cimm_signWrap>li>a .dropdown-menu.myAccountMenu[data-acsb-dropdown] {
    left: auto !important
}

header .cimm_header .header_2021 .cimm_signWrap>li.cartCountDisplayLi a span.cartCountrefresh_2021 {
    background: #013780;
    color: #fff !important;
    padding: 1px;
    border-radius: 50%;
    height: 20px;
    min-width: 20px;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    z-index: 12
}

header .cimm_header .header_2021 .myAccountMenu li a em,
header .cimm_header .header_2021 .slideDropMenu li a em {
    margin-right: 10px;
    font-size: 16px;
    width: 20px;
    text-align: center
}

header .cimm_header .header_2021 body.acsb-keynav .cimm_signWrap ul.dropdown-menu li.divider {
    height: 1px !important;
    min-height: 1px !important
}

header .cimm_header .header_2021 .myAccountMenu {
    right: 0;
    left: auto;
    background: #ccc;
    width: 295px;
    border: 1px solid #555;
    border-radius: 4px;
    padding: 12px !important;
    top: 85px;
    z-index: 999
}

header .cimm_header .header_2021 .myAccountMenu li a {
    font-weight: 400;
    color: #2d2d2d;
    font-size: 16px;
    padding: 2px 5px;
    line-height: 26px
}

header .cimm_header .header_2021 .myAccountMenu li a.btn-login:hover {
    background: #013780
}

header .cimm_header .header_2021 .myAccountMenu li.divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

header .cimm_header .header_2021 .myAccountMenu li.loginLink {
    margin-top: 15px;
    padding: 15px 0;
    background: #fff;
    text-align: center
}

header .cimm_header .header_2021 .myAccountMenu li.loginLink a {
    background: #2d2d2d;
    color: #fff;
    display: inline-block;
    padding: 10px
}

header .cimm_header .header_2021 .myAccountMenu li:last-child {
    border-bottom: none;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important
}

header .cimm_header .header_2021 .myAccountMenu li.logoutBtn {
    background: 0 0;
    text-align: center;
    margin-top: 10px
}

header .cimm_header .header_2021 .myAccountMenu li.logoutBtn a {
    background: #013780;
    color: #fff !important;
    display: inline-block;
    padding: 5px 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    width: 100%;
    border-radius: 5px;
    margin: 5px 0
}

header .cimm_header .header_2021 .loginWindow {
    top: 60px;
    right: 0;
    left: auto;
    background: #fff;
    width: 370px;
    min-height: 300px
}

header .cimm_header .header_2021 .loginWindow form {
    padding: 18px
}

header .cimm_header .header_2021 .loginWindow form .text-danger {
    color: #ee3426;
    margin-bottom: 6px
}

header .cimm_header .header_2021 .loginWindow form .form-control {
    height: 42px;
    box-shadow: none;
    border: 1px solid #a1a1a1;
    border-radius: 2px
}

header .cimm_header .header_2021 .loginWindow form .form-group {
    position: relative
}

header .cimm_header .header_2021 .loginWindow form .form-group.invalid input {
    border-color: #ee3426
}

header .cimm_header .header_2021 .loginWindow form .form-group label {
    font-size: 14px
}

header .cimm_header .header_2021 .loginWindow ul,
header .cimm_header .header_2021 .loginWindow ul li {
    width: 100%;
    text-transform: none;
    font-family: RobotoRegular
}

header .cimm_header .header_2021 .loginWindow .rememberLogWrap {
    text-transform: none;
    padding-top: 6px
}

.calendarFilterWrap .tableHeader ul.calendarFilterHead header .cimm_header .header_2021 .loginWindow .rememberLogWrap li,
.multiTab .multiTabContent .buttonWrap header .cimm_header .header_2021 .loginWindow .rememberLogWrap .btnNext,
.multiTab .multiTabContent .buttonWrap header .cimm_header .header_2021 .loginWindow .rememberLogWrap .btnPrevious,
.multiTab .multiTabContent+.buttonWrap header .cimm_header .header_2021 .loginWindow .rememberLogWrap .btnNext,
.multiTab .multiTabContent+.buttonWrap header .cimm_header .header_2021 .loginWindow .rememberLogWrap .btnPrevious,
header .cimm_header .header_2021 .loginWindow .rememberLogWrap .btnFinish,
header .cimm_header .header_2021 .loginWindow .rememberLogWrap .button,
header .cimm_header .header_2021 .loginWindow .rememberLogWrap .calendarFilterWrap .tableHeader ul.calendarFilterHead li,
header .cimm_header .header_2021 .loginWindow .rememberLogWrap .multiTab .multiTabContent .buttonWrap .btnNext,
header .cimm_header .header_2021 .loginWindow .rememberLogWrap .multiTab .multiTabContent .buttonWrap .btnPrevious,
header .cimm_header .header_2021 .loginWindow .rememberLogWrap .multiTab .multiTabContent+.buttonWrap .btnNext,
header .cimm_header .header_2021 .loginWindow .rememberLogWrap .multiTab .multiTabContent+.buttonWrap .btnPrevious {
    width: 192px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

header .cimm_header .header_2021 .loginWindow .customCheckBox span {
    text-transform: capitalize
}

header .cimm_header .header_2021 .loginWindow .forgotPassword {
    font-family: RobotoRegular;
    margin-top: 15px;
    font-weight: 400;
    text-decoration: underline;
    text-align: right
}

header .cimm_header .header_2021 .loginWindow .register_link {
    padding: 0 18px 26px 18px
}

header .cimm_header .header_2021 .cimm_searchWrapper {
    text-align: center;
    margin: 20px auto 10px auto;
    position: relative;
    max-width: 880px;
    border: 1px solid rgba(60, 60, 60, .2);
    border-radius: 5px;
    padding: 8px 0;
    box-shadow: 0 5px 7px rgba(60, 60, 60, .2)
}

header .cimm_header .header_2021 .cimm_searchWrapper input[type=text] {
    border: 0;
    border-radius: 5px;
    font-family: RobotoRegular;
    box-shadow: none;
    float: left;
    width: calc(100% - 50px);
    padding: 0 0 0 15px
}

header .cimm_header .header_2021 .cimm_searchWrapper .cimm_searchIcon {
    width: 50px;
    color: #555 !important;
    float: left;
    background: 0 0;
    border: 0;
    font-size: 20px;
    padding: 2px 10px 0 10px !important;
    border-radius: 0;
    border-left: 1px solid #555;
    box-shadow: none
}

header .cimm_header .header_2021 .cimm_searchWrapper .cimm_searchIcon:active,
header .cimm_header .header_2021 .cimm_searchWrapper .cimm_searchIcon:active:hover,
header .cimm_header .header_2021 .cimm_searchWrapper .cimm_searchIcon:focus,
header .cimm_header .header_2021 .cimm_searchWrapper .cimm_searchIcon:hover {
    border: 0;
    background: 0 0;
    outline: 0;
    box-shadow: none
}

header .cimm_header .header_2021 .cimm_searchForm .cimm_voiceSearch {
    max-width: 50px;
    float: left;
    width: 50px;
    padding-top: 4px;
    color: #555
}

header .cimm_header .header_2021 .cimm_searchForm .cimm_voiceSearch em {
    border-radius: 50%
}

header .cimm_header .header_2021 .branchLinks i {
    font-size: 24px;
    float: left;
    margin-right: 6px
}

header .cimm_header .header_2021 .branchLinks b {
    color: #013780
}

header .cimm_header .header_2021 .branchLinks b span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 48px;
    display: inline-block;
    vertical-align: bottom
}

header .cimm_header .header_2021 .shipBranchWrapper {
    margin: 20px auto;
    font-size: 14px;
    font-family: RobotoRegular
}

header .cimm_header .header_2021 .shipBranchWrapper.col-lg-2>.dropdown {
    width: 100%
}

header .cimm_header .header_2021 .shipBranchWrapper>.dropdown {
    float: left;
    width: 50%
}

header .cimm_header .header_2021 .shipBranchWrapper>.dropdown:nth-child(2) {
    border-left: 1px solid #a1a1a1;
    padding-left: 12px
}

@media all and (max-width:480px) {
    header .cimm_header .header_2021 .shipBranchWrapper .shipLocationDrop .dropdown-menu {
        left: auto;
        right: 0
    }
}

header .cimm_header .header_2021 .searchBarWrapper .stickyMobileHeader:not(.expand) .ac_results {
    display: none !important
}

nav.navbar {
    background: #013780;
    border-radius: 0;
    border: 0 solid #a1a1a1;
    margin: 0
}

nav.navbar .cimm_nav>ul>li>span {
    display: inline-block;
    position: relative
}

nav.navbar .cimm_nav>ul>li>span>a {
    white-space: normal;
    padding: 15px 32px 15px 15px;
    display: block;
    text-transform: uppercase;
    color: #fff;
    font-family: RobotoRegular;
    font-size: 14px
}

nav.navbar .cimm_nav>ul>li>span em {
    position: absolute;
    right: 0;
    top: 5px;
    display: inline-block;
    padding: 20px 14px
}

nav.navbar .cimm_nav>ul>li>span em:after {
    content: "";
    speak: none;
    position: absolute;
    z-index: 11;
    font-weight: 900;
    font-size: 20px;
    font-family: FontAwesomePro-Solid;
    top: 10px;
    right: 10px;
    color: #2d2d2d
}

nav.navbar .cimm_nav>ul>li>span em:after {
    color: #fff
}

nav.navbar .cimm_nav>ul>li .dropdown-menu {
    background: #fff;
    padding: 5px;
    min-width: 275px;
    border-radius: 0;
    border-width: 0
}

nav.navbar .cimm_nav>ul>li .dropdown-menu ul {
    width: 278px;
    vertical-align: top;
    display: inline-block
}

nav.navbar .cimm_nav>ul>li .dropdown-menu ul li {
    position: relative
}

nav.navbar .cimm_nav>ul>li .dropdown-menu ul li:hover {
    background: #2d2d2d
}

nav.navbar .cimm_nav>ul>li .dropdown-menu ul li:hover>span em,
nav.navbar .cimm_nav>ul>li .dropdown-menu ul li:hover>span>a {
    color: #fff
}

nav.navbar .cimm_nav>ul>li .dropdown-menu ul li:hover>span em {
    position: absolute;
    right: 0;
    top: 5px;
    display: inline-block;
    padding: 20px 14px
}

nav.navbar .cimm_nav>ul>li .dropdown-menu ul li:hover>span em:after {
    content: "";
    speak: none;
    position: absolute;
    z-index: 11;
    font-weight: 900;
    font-size: 20px;
    font-family: FontAwesomePro-Solid;
    top: 0;
    right: 10px;
    color: #2d2d2d
}

nav.navbar .cimm_nav>ul>li .dropdown-menu ul li:hover>span em:after {
    color: #fff
}

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;
    font-family: RobotoRegular;
    font-size: 14px;
    display: block;
    color: #000
}

nav.navbar .cimm_nav>ul>li .dropdown-menu ul li>span>a else {
    text-transform: capitalize
}

nav.navbar .cimm_nav>ul>li .dropdown-menu ul li>span em {
    position: absolute;
    right: 0;
    top: 5px;
    display: inline-block;
    padding: 20px 14px
}

nav.navbar .cimm_nav>ul>li .dropdown-menu ul li>span em:after {
    content: "";
    speak: none;
    position: absolute;
    z-index: 11;
    font-weight: 900;
    font-size: 20px;
    font-family: FontAwesomePro-Solid;
    top: 10px;
    right: 10px;
    color: #2d2d2d
}

nav.navbar .cimm_nav>ul>li .dropdown-menu ul li>span em:after {
    color: #fff
}

nav.navbar .cimm_nav>ul>li .dropdown-menu ul li>.dropdown-menu {
    display: none
}

nav.navbar .cimm_nav>ul>li .dropdown-menu .cimm_inlineButton {
    display: inline-block
}

nav.navbar .cimm_nav>ul>li ul.dropdown-menu>li {
    padding: 4px 0
}

nav.navbar .cimm_nav>ul>li ul.dropdown-menu>li .dropdown-menu {
    display: none
}

nav.navbar .cimm_nav>ul>li:hover>span em:after {
    content: "";
    speak: none;
    position: absolute;
    z-index: 11;
    font-weight: 900;
    font-size: 20px;
    font-family: FontAwesomePro-Solid;
    color: #2d2d2d
}

nav.navbar .cimm_nav>ul>li:hover>span>a,
nav.navbar .cimm_nav>ul>li:hover>span>em:after {
    background: #fff;
    color: #000
}

nav.navbar .cimm_nav>ul>li:hover .dropdown-menu {
    display: block
}

.nav_headingBlock {
    display: none
}

nav.navbar .cimm_nav>ul>li:nth-last-child(3)>.dropdown-menu {
    left: -165px
}

nav.navbar .cimm_nav>ul>li:nth-last-child(3)>.dropdown-menu li>.dropdown-menu {
    top: 0;
    left: -100%;
    margin: 0;
    border-radius: 0
}

nav.navbar .cimm_nav>ul>li .dropdown-menu.shopbybrand,
nav.navbar .cimm_nav>ul>li .dropdown-menu.shopbymanuf,
nav.navbar .cimm_nav>ul>li .dropdown-menu.shopbyprod {
    width: 855px
}

.cimm_leftnav {
    background: #fff;
    border-radius: 0;
    border: 0 solid #a1a1a1;
    padding: 0;
    overflow: hidden
}

.cimm_leftnav .cimm_filter .cimm_filter-block,
.cimm_leftnav .cimm_filter .cimm_search-block {
    background: 0 0;
    border-radius: 0;
    border: 0;
    border-bottom: 0 solid #a1a1a1;
    overflow: hidden;
    padding: 12px 0;
    margin: 0 0 12px 0;
    position: relative
}

.cimm_leftnav .cimm_filter .cimm_filter-block .cimm_filter-block-title,
.cimm_leftnav .cimm_filter .cimm_filter-block .cimm_myaccount-block-title,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter-block-title,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_myaccount-block-title,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_search-block-title {
    cursor: pointer;
    position: relative;
    background: 0 0;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #a1a1a1;
    padding: 5px;
    margin: 0;
    text-transform: uppercase;
    font-family: RobotoCondensedBold;
    font-size: 16px;
    color: #000
}

.cimm_leftnav .cimm_filter .cimm_filter-block .cimm_filter-block-title.clearBtn:after,
.cimm_leftnav .cimm_filter .cimm_filter-block .clearBtn.cimm_myaccount-block-title:after,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter-block-title.clearBtn:after,
.cimm_leftnav .cimm_filter .cimm_search-block .clearBtn.cimm_myaccount-block-title:after,
.cimm_leftnav .cimm_filter .cimm_search-block .clearBtn.cimm_search-block-title:after {
    content: ""
}

.cimm_leftnav .cimm_filter .cimm_filter-block .cimm_filter-block-title:after,
.cimm_leftnav .cimm_filter .cimm_filter-block .cimm_myaccount-block-title:after,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter-block-title:after,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_myaccount-block-title:after,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_search-block-title:after {
    content: "";
    speak: none;
    position: absolute;
    z-index: 11;
    font-weight: 900;
    font-size: 16px;
    font-family: FontAwesomePro-Solid;
    top: 12%;
    right: 10px;
    color: #013780
}

.cimm_leftnav .cimm_filter .cimm_filter-block .cimm_filter-block-title.collapsed:after,
.cimm_leftnav .cimm_filter .cimm_filter-block .collapsed.cimm_myaccount-block-title:after,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter-block-title.collapsed:after,
.cimm_leftnav .cimm_filter .cimm_search-block .collapsed.cimm_myaccount-block-title:after,
.cimm_leftnav .cimm_filter .cimm_search-block .collapsed.cimm_search-block-title:after {
    content: "";
    speak: none;
    position: absolute;
    z-index: 11;
    font-weight: 900;
    font-size: 16px;
    font-family: FontAwesomePro-Solid;
    top: 12%;
    right: 10px;
    color: #013780
}

.cimm_leftnav .cimm_filter .cimm_filter-block .cimm_filter_block-container,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter_block-container {
    padding: 0
}

.cimm_leftnav .cimm_filter .cimm_filter-block .cimm_filter_block-container .filterTextBox,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter_block-container .filterTextBox {
    margin: 10px 0
}

.cimm_leftnav .cimm_filter .cimm_filter-block .cimm_filter_block-container .slimScrollDiv,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter_block-container .slimScrollDiv {
    margin-top: 10px
}

.cimm_leftnav .cimm_filter .cimm_filter-block .cimm_filter_block-container ul,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter_block-container ul {
    padding-right: 16px
}

.cimm_leftnav .cimm_filter .cimm_filter-block .cimm_filter_block-container ul li,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter_block-container ul li {
    padding: 5px 0
}

.cimm_leftnav .cimm_filter .cimm_filter-block .cimm_filter_block-container ul li a,
.cimm_leftnav .cimm_filter .cimm_filter-block .cimm_filter_block-container ul li label span,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter_block-container ul li a,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter_block-container ul li label span {
    font-family: RobotoRegular;
    font-size: 12px;
    color: #000;
    text-transform: capitalize
}

.cimm_leftnav .cimm_filter .cimm_filter-block .cimm_filter_block-container ul li a:hover,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter_block-container ul li a:hover {
    text-decoration: underline
}

.cimm_leftnav .cimm_filter .cimm_filter-block .cimm_myaccount-block-title:after,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_myaccount-block-title:after {
    content: ""
}

.cimm_leftnav .cimm_filter .cimm_filter-block .myAccountLeftMenu>li,
.cimm_leftnav .cimm_filter .cimm_search-block .myAccountLeftMenu>li {
    padding: 5px 0
}

.cimm_leftnav .cimm_filter .cimm_filter-block .myAccountLeftMenu>li>a,
.cimm_leftnav .cimm_filter .cimm_search-block .myAccountLeftMenu>li>a {
    font-family: RobotoRegular;
    font-size: 12px !important;
    color: inherit !important
}

.cimm_leftnav .cimm_filter .cimm_filter-block .myAccountLeftMenu>li>a.btn-login,
.cimm_leftnav .cimm_filter .cimm_search-block .myAccountLeftMenu>li>a.btn-login {
    background: unset;
    box-shadow: unset;
    display: block;
    padding: 0 0 0 33px !important;
    text-align: left
}

.cimm_leftnav .cimm_filter .cimm_filter-block .myAccountLeftMenu>li>a.btn-login em,
.cimm_leftnav .cimm_filter .cimm_search-block .myAccountLeftMenu>li>a.btn-login em {
    position: absolute;
    left: 0;
    top: 4px
}

.cimm_leftnav .cimm_filter .cimm_filter-block .myAccountLeftMenu>li>a.btn-login:hover,
.cimm_leftnav .cimm_filter .cimm_search-block .myAccountLeftMenu>li>a.btn-login:hover {
    background: 0 0 !important
}

.cimm_leftnav .cimm_filter .cimm_filter-block .myAccountLeftMenu>li.divider,
.cimm_leftnav .cimm_filter .cimm_search-block .myAccountLeftMenu>li.divider {
    line-height: 0;
    padding: 0
}

.cimm_leftnav .cimm_filter .cimm_search-block .cimm_search-block-title:after {
    content: ""
}

.cimm_leftnav .cimm_filter .cimm_search-block .cimm_searchWithin input.form-control {
    border-right-width: 0
}

.cimm_leftnav .cimm_filter .cimm_search-block .cimm_searchWithin .input-group-btn button.btn-search {
    background: 0 0;
    border: 1px solid #a1a1a1
}

.cimm_filter .cimm_filter-block .cimm_refinedMultiFilterResults ol li,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_refinedMultiFilterResults ol li {
    padding: 5px 20px;
    text-transform: capitalize
}

.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 {
    display: block;
    padding-left: 15px
}

.cimm_filter .cimm_filter-block .cimm_filter-block-title+div>ul,
.cimm_leftnav .cimm_filter .cimm_filter-block .cimm_myaccount-block-title+div>ul,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter-block .cimm_search-block-title+div>ul,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_filter-block-title+div>ul,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_myaccount-block-title+div>ul,
.cimm_leftnav .cimm_filter .cimm_search-block .cimm_search-block-title+div>ul {
    padding: 10px 0
}

.cimm_filter .cimm_filter-block ul li,
.cimm_leftnav .cimm_filter .cimm_search-block ul li {
    padding: 3px 0
}

.cimm_filter .cimm_filter-block ul.myAccountLeftMenu li,
.cimm_leftnav .cimm_filter .cimm_search-block ul.myAccountLeftMenu li {
    line-height: 22px
}

.cimm_filter .cimm_filter-block ul.myAccountLeftMenu li em,
.cimm_leftnav .cimm_filter .cimm_search-block ul.myAccountLeftMenu li em {
    width: 20px;
    margin-right: 10px;
    text-align: center
}

.cimm_filter .cimm_filter-block .slimScrollBar,
.cimm_leftnav .cimm_filter .cimm_search-block .slimScrollBar {
    width: 11px !important;
    right: 3px !important
}

.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
}

.cimm_filter-scrollbar {
    scrollbar-face-color: #aaa;
    scrollbar-track-color: transparent;
    scrollbar-width: thin;
    overflow-y: auto;
    max-height: 210px !important;
    scroll-behavior: smooth
}

.cimm_filter-scrollbar::-webkit-scrollbar {
    width: 6px
}

.cimm_filter-scrollbar::-webkit-scrollbar-track {
    border-radius: 20px;
    background: 0 0;
    -webkit-border-radius: 20px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.cimm_filter-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background: #aaa;
    -webkit-border-radius: 20px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5)
}

.cimm_filter-scrollbar::-webkit-scrollbar-thumb:window-inactive {
    background: #aaa
}

footer .cimm_footer_top {
    background: #2d2d2d;
    border-radius: 0;
    border: 0;
    border-bottom: 2pxpx solid #fff;
    color: #fff;
    font-family: RobotoRegular;
    font-size: 14px;
    font-weight: 400
}

footer .cimm_footer_top .cimm_footer-copyright,
footer .cimm_footer_top a:not(.btn),
footer .cimm_footer_top p {
    color: #fff;
    font-family: RobotoRegular;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize
}

footer .cimm_footer_top .footerCol h3 {
    position: relative
}

footer .cimm_footer_top .footerCol h3 a {
    color: #fff;
    font-family: RobotoRegular;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 1px
}

footer .cimm_footer_top .footerCol h3 em {
    display: none;
    position: absolute;
    top: 2px;
    right: 10px;
    width: 35px;
    height: 35px;
    padding: 5px;
    text-align: center;
    color: #fff
}

footer .cimm_footer_top ul li a {
    font-family: RobotoRegular;
    font-size: 14px;
    font-weight: 400;
    padding: 3px 0;
    display: block
}

footer .cimm_footer_top ul li a.cimm_button {
    padding: 10px;
    font-size: 16px;
    width: 220px;
    margin: 10px 0
}

footer .cimm_footer_mid {
    background: #2d2d2d;
    border-radius: 0;
    border: 0;
    border-top: 5px solid #013780;
    color: #fff;
    font-family: RobotoRegular;
    font-size: 14px;
    font-weight: 400
}

footer .cimm_footer_mid .cimm_footer-copyright,
footer .cimm_footer_mid a:not(.btn),
footer .cimm_footer_mid p {
    color: #fff;
    font-family: RobotoRegular;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize
}

footer .cimm_footer_mid .footerCol h3 {
    position: relative
}

footer .cimm_footer_mid .footerCol h3 a {
    color: #fff;
    font-family: RobotoRegular;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px
}

footer .cimm_footer_mid .footerCol h3 em {
    display: none;
    position: absolute;
    top: 2px;
    right: 10px;
    width: 35px;
    height: 35px;
    padding: 5px;
    text-align: center;
    color: #fff
}

footer .cimm_footer_mid ul li a {
    font-family: RobotoRegular;
    font-size: 14px;
    font-weight: 400;
    padding: 3px 0;
    display: block
}

footer .cimm_footer_mid ul li a.cimm_button {
    padding: 10px;
    font-size: 16px;
    width: 220px;
    margin: 10px 0
}

footer .cimm_footer_down {
    background: #013780;
    border-radius: 0;
    border: 0;
    border-top: 2pxpx solid #2d2d2d;
    color: #fff;
    font-family: RobotoRegular;
    font-size: 14px;
    font-weight: 400
}

footer .cimm_footer_down .cimm_footer-copyright,
footer .cimm_footer_down a:not(.btn),
footer .cimm_footer_down p {
    color: #fff;
    font-family: RobotoRegular;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize
}

footer .cimm_footer_down .footerCol h3 {
    position: relative
}

footer .cimm_footer_down .footerCol h3 a {
    color: #fff;
    font-family: RobotoRegular;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 1px
}

footer .cimm_footer_down .footerCol h3 em {
    display: none;
    position: absolute;
    top: 2px;
    right: 10px;
    width: 35px;
    height: 35px;
    padding: 5px;
    text-align: center;
    color: #fff
}

footer .cimm_footer_down ul li a {
    font-family: RobotoRegular;
    font-size: 14px;
    font-weight: 400;
    padding: 3px 0;
    display: block
}

footer .cimm_footer_down ul li a.cimm_button {
    padding: 10px;
    font-size: 16px;
    width: 220px;
    margin: 10px 0
}

footer .cimm_footer_mid {
    height: 300px;
    overflow-x: overlay
}

footer .cimm_footer_mid .footerCol h3 {
    position: relative;
    margin: 15px 0;
    font-weight: 400
}

footer .cimm_footer_mid .footerCol h3 em {
    position: absolute;
    top: 2px;
    right: 10px;
    width: 10px;
    height: 10px;
    display: none
}

footer .cimm_footer_mid .footerCol ul li a {
    padding: 3px 0;
    display: block
}

footer .cimm_footer_mid .footerCol ul li a.btn-signup {
    padding: 10px;
    font-size: 16px;
    margin-top: 18px
}

footer .cimm_footer_down {
    padding: 20px 10px
}

footer .cimm_footer_down .cimm_footer-copyright {
    margin: 0;
    letter-spacing: 1px
}

footer .cimm_footer_down .cimm_footer-copyright a {
    text-decoration: underline
}

.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-item .cimm_category-itemimage {
    height: 200px
}

.cimm_category-item .cimm_category-itemname {
    min-height: 60px;
    margin-bottom: 10px
}

.cimm_category-item .cimm_category-itemname a:hover {
    color: #013780;
    text-decoration: underline
}

.cimm_category-item {
    margin-bottom: 20px;
    background: #fff;
    border-radius: 5px;
    border: 0 solid #a1a1a1;
    box-shadow: unset;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    -ms-box-shadow: unset
}

.cimm_category-item .cimm_category-itemimage {
    height: 200px;
    position: relative;
    background: 0 0;
    border-radius: 0;
    border: 1px solid #a1a1a1;
    box-shadow: unset;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    -ms-box-shadow: unset
}

.cimm_category-item .cimm_category-itemimage a {
    display: block
}

.cimm_category-item .cimm_category-itemimage a img {
    height: 100%;
    padding: 0;
    max-width: 100%;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: auto
}

.cimm_category-item .cimm_category-itemname {
    margin: 0;
    padding: 10px;
    min-height: 60px;
    margin-bottom: 10px;
    font-weight: 400;
    background: 0 0;
    border-radius: 10px;
    border: 0 solid #a1a1a1
}

.cimm_category-item .cimm_category-itemname a {
    display: block;
    font-family: RobotoRegular;
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    text-align: center
}

.cimm_listGridTopControls {
    padding: 15px 0;
    border-bottom: 1px solid #a1a1a1
}

.cimm_listGridTopControls .cimm_listGridTopLeftCtrls {
    padding: 10px 0
}

.cimm_listGridTopControls .cimm_listGridTopRightCtrls form {
    display: inline;
    margin-right: 10%
}

.cimm_listGridTopControls .cimm_listGridTopRightCtrls form .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 130px
}

.cimm_listGridTopControls .cimm_listGridTopRightCtrls form .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) li>a {
    padding: 3px 15px
}

.cimm_listGridTopControls .cimm_listGridTopRightCtrls form .selected span {
    font-size: 18px;
    font-weight: 600
}

.cimm_listGridTopControls .cimm_listGridTopRightCtrls #ItemsperPageForm {
    margin-right: 0
}

.cimm_listGridTopControls .cimm_listGridTopRightCtrls #ItemsperPageForm .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 60px;
    display: none
}

.listGridContainer .prodImage .spin-figure {
    width: 220px
}

.listGridContainer .listView {
    width: 100%;
    min-height: 260px;
    border: 1px solid #a1a1a1;
    padding: 15px 10px;
    border-radius: 2px;
    margin-top: 25px;
    outline: 5px solid #f5f5f5
}

.listGridContainer .listView ul li {
    float: left
}

.listGridContainer .listView ul li.sessionImg {
    width: 250px;
    margin-right: 20px
}

.listGridContainer .listView ul li.sessionImg a {
    display: block
}

.listGridContainer .listView ul li.sessionImg a .prodImage {
    width: 100%;
    position: relative;
    height: 220px
}

.listGridContainer .listView ul li.sessionImg a .prodImage img {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 2px;
    margin: auto;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 220px
}

.listGridContainer .listView ul li.sessionDesp {
    width: calc(100% - 270px);
    float: left;
    min-height: 220px;
    position: relative
}

.listGridContainer .listView ul li.sessionDesp ul {
    float: left;
    width: 50%;
    padding-right: 5px
}

.listGridContainer .listView ul li.sessionDesp ul li {
    width: 100%;
    float: none;
    font-size: 12px;
    padding: 0 0 5px 0;
    font-family: RobotoRegular
}

.listGridContainer .listView ul li.sessionDesp ul li.grpList ul {
    position: relative;
    padding: 0;
    border: none;
    float: none;
    width: 100%
}

.listGridContainer .listView ul li.sessionDesp .listGridItemDesc {
    padding: 8px 0;
    font-weight: 700;
    font-size: 17px;
}

.listGridContainer .listView ul li.sessionDesp .listGridItemDesc a {
    font-weight: 600
}

.listGridContainer .listView ul li.sessionDesp .itemCountList {
    margin: 20px 20px 0 0;
    text-align: right
}

.calendarFilterWrap .tableHeader .listGridContainer .listView ul.calendarFilterHead li.sessionDesp .itemCountList li,
.listGridContainer .listView .calendarFilterWrap .tableHeader ul.calendarFilterHead li.sessionDesp .itemCountList li,
.listGridContainer .listView ul li.sessionDesp .itemCountList .btnFinish,
.listGridContainer .listView ul li.sessionDesp .itemCountList .button,
.listGridContainer .listView ul li.sessionDesp .itemCountList .multiTab .multiTabContent .buttonWrap .btnNext,
.listGridContainer .listView ul li.sessionDesp .itemCountList .multiTab .multiTabContent .buttonWrap .btnPrevious,
.listGridContainer .listView ul li.sessionDesp .itemCountList .multiTab .multiTabContent+.buttonWrap .btnNext,
.listGridContainer .listView ul li.sessionDesp .itemCountList .multiTab .multiTabContent+.buttonWrap .btnPrevious,
.multiTab .multiTabContent .buttonWrap .listGridContainer .listView ul li.sessionDesp .itemCountList .btnNext,
.multiTab .multiTabContent .buttonWrap .listGridContainer .listView ul li.sessionDesp .itemCountList .btnPrevious,
.multiTab .multiTabContent+.buttonWrap .listGridContainer .listView ul li.sessionDesp .itemCountList .btnNext,
.multiTab .multiTabContent+.buttonWrap .listGridContainer .listView ul li.sessionDesp .itemCountList .btnPrevious {
    display: inline-block;
    padding: 8px;
    font-family: RobotoRegular;
    letter-spacing: normal;
    font-size: 14px;
    width: 205px;
    border-radius: 2px
}

.calendarFilterWrap .tableHeader .listGridContainer .listView ul.calendarFilterHead li.sessionDesp .itemCountList li em,
.listGridContainer .listView .calendarFilterWrap .tableHeader ul.calendarFilterHead li.sessionDesp .itemCountList li em,
.listGridContainer .listView ul li.sessionDesp .itemCountList .btnFinish em,
.listGridContainer .listView ul li.sessionDesp .itemCountList .button em,
.listGridContainer .listView ul li.sessionDesp .itemCountList .multiTab .multiTabContent .buttonWrap .btnNext em,
.listGridContainer .listView ul li.sessionDesp .itemCountList .multiTab .multiTabContent .buttonWrap .btnPrevious em,
.listGridContainer .listView ul li.sessionDesp .itemCountList .multiTab .multiTabContent+.buttonWrap .btnNext em,
.listGridContainer .listView ul li.sessionDesp .itemCountList .multiTab .multiTabContent+.buttonWrap .btnPrevious em,
.multiTab .multiTabContent .buttonWrap .listGridContainer .listView ul li.sessionDesp .itemCountList .btnNext em,
.multiTab .multiTabContent .buttonWrap .listGridContainer .listView ul li.sessionDesp .itemCountList .btnPrevious em,
.multiTab .multiTabContent+.buttonWrap .listGridContainer .listView ul li.sessionDesp .itemCountList .btnNext em,
.multiTab .multiTabContent+.buttonWrap .listGridContainer .listView ul li.sessionDesp .itemCountList .btnPrevious em {
    margin-right: 12%
}

.listGridContainer .listView ul li.sessionDesp .itemCountGrid {
    display: none
}

.listGridContainer .listView ul li.prodModeItemCountGrid {
    width: 100%
}

.listGridContainer .listView ul li.productModeItemsDiv {
    width: 100%;
    margin-top: 10px
}

.listGridContainer .listView ul li.selectCompareGroupBlock {
    width: 100%;
    float: none;
    padding-top: 6px;
    clear: both
}

.listGridContainer .listView ul li.selectCompareGroupBlock .itemDetailInfoList a {
    padding-left: 20px;
    position: relative;
    background: #fff;
    border-radius: 10px
}

.listGridContainer .listView ul li.selectCompareGroupBlock .itemDetailInfoList a:after {
    content: "";
    height: 14px;
    width: 14px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 1px;
    border: 1px solid #a1a1a1
}

.listGridContainer .listView ul 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
}

.listGridContainer .gridView {
    width: calc((100% / 3) - 1.5%);
    float: left;
    margin: 25px .5% 0 .5%;
    position: relative;
    height: 725px
}

.listGridContainer .gridView .gridFixHeight {
    padding: 15px;
    height: 725px;
    border: 1px solid #a1a1a1;
    outline: 5px solid #f2f2f2;
    width: 100%
}

.listGridContainer .gridView:nth-child(3n+2) {
    margin: 25px 1.2% 0 1.2%
}

.listGridContainer .gridView ul li {
    width: 100%
}

.listGridContainer .gridView ul li.sessionImg {
    width: 100%
}

.listGridContainer .gridView ul li.sessionImg a {
    display: block
}

.listGridContainer .gridView ul li.sessionImg a .prodImage {
    width: 100%;
    position: relative;
    height: 220px
}

.listGridContainer .gridView ul li.sessionImg a .prodImage img {
    height: 220px;
    padding: 2px;
    max-width: 100%;
    display: block;
    vertical-align: middle;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: auto
}

.listGridContainer .gridView ul li.sessionDesp {
    width: 100%;
    margin-top: 10px;
    position: static
}

.listGridContainer .gridView ul li.sessionDesp ul li {
    padding: 0 0 5px;
    font-size: 12px
}

.listGridContainer .gridView ul li.sessionDesp ul li.hideToHover {
    display: none
}

.listGridContainer .gridView ul li.sessionDesp .listGridItemDesc {
    font-weight: 700;
    font-size: 16px;
    padding: 8px 0
}

.listGridContainer .gridView ul li.sessionDesp .listGridItemDesc a {
    font-weight: 600
}

.listGridContainer .gridView ul li.sessionDesp .itemCountList {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    display: none
}

.listGridContainer .gridView ul li.sessionDesp .itemCountGrid {
    position: absolute;
    bottom: 15px;
    text-align: center;
    width: 100%;
    left: 0
}

.listGridContainer .gridView ul li.sessionDesp .itemCountGrid a {
    display: inline-block;
    padding: 8px;
    width: 80%;
    font-family: RobotoRegular;
    letter-spacing: normal;
    font-size: 14px;
    border-radius: 2px
}

.listGridContainer .gridView ul li.sessionDesp .itemCountGrid a em {
    margin-right: 5%
}

.listGridContainer .gridView ul li.prodModeItemCountGrid,
.listGridContainer .gridView ul li.productModeItemsDiv {
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
    left: 0
}

.listGridContainer .gridView ul li.prodModeItemCountGrid .itemDetailInfoList,
.listGridContainer .gridView ul li.productModeItemsDiv .itemDetailInfoList {
    background: #013780;
    width: 180px;
    margin: 0 auto;
    padding: 10px
}

.listGridContainer .gridView ul li.prodModeItemCountGrid .itemDetailInfoList a,
.listGridContainer .gridView ul li.productModeItemsDiv .itemDetailInfoList a {
    color: #fff;
    font-family: RobotoBlack;
    letter-spacing: 1px;
    text-transform: uppercase
}

.listGridContainer .gridView ul li.prodModeItemCountGrid .itemCountList,
.listGridContainer .gridView ul li.productModeItemsDiv .itemCountList {
    display: none
}

.listGridContainer .gridView ul li.selectCompareGroupBlock {
    display: none
}

.listGridContainer .cimm_productModeDetailWrap ul li {
    float: none
}

.cimm_mainContentEnclosure .row .container {
    width: 100%
}

.bulkActionBtn {
    max-width: 200px
}

.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, .59) 46%, #fff 78%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(46%, rgba(255, 255, 255, .59)), color-stop(78%, #fff));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .59) 46%, #fff 78%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .59) 46%, #fff 78%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .59) 46%, #fff 78%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .59) 70%, #fff 90%)
}

.assignedStaticPageWrap .overlay:after {
    font-family: "Font Awesome 5 Free";
    content: "\f103  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: "\f102  Show Less";
    color: #46acee;
    font-size: 16px;
    font-weight: 900
}

.exitWarning {
    background: #777;
    height: 30px
}

.cimm_itemdetail {
    margin-bottom: 15px
}

.cimm_itemdetail .cimm_itemdetail-imgcontainer {
    width: 400px;
    float: left;
    margin-right: 20px
}

.cimm_itemdetail .cimm_itemdetail-imgcontainer.verticalThumblist .cimm_itemdetail-image {
    float: left
}

.cimm_itemdetail .cimm_itemdetail-imgcontainer.verticalThumblist .cimm_itemdetail_thumblist .slick-list {
    padding: 0 10px
}

.cimm_itemdetail .cimm_itemdetail-imgcontainer.verticalThumblist .cimm_itemdetail_thumblist .slick-prev {
    top: 350px;
    width: 30px;
    height: 15px;
    left: 35px
}

.cimm_itemdetail .cimm_itemdetail-imgcontainer.verticalThumblist .cimm_itemdetail_thumblist .slick-prev:before {
    content: "\f107";
    font-size: 30px;
    position: relative;
    top: -6px
}

.cimm_itemdetail .cimm_itemdetail-imgcontainer.verticalThumblist .cimm_itemdetail_thumblist .slick-next {
    top: 25px;
    width: 30px;
    height: 15px;
    left: 35px
}

.cimm_itemdetail .cimm_itemdetail-imgcontainer.verticalThumblist .cimm_itemdetail_thumblist .slick-next:before {
    font-size: 30px;
    content: "\f106";
    position: relative;
    top: -8px
}

.cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail-image {
    width: 300px;
    text-align: center;
    position: relative;
    margin: 0 auto;
    padding: 0
}

.cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail-image .imgForSend {
    display: block;
    width: 300px;
    height: 300px;
    border: 1px solid #a1a1a1;
    position: relative
}

.cimm_itemdetail .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 .cimm_itemdetail-imgcontainer a.imgEnlargeIcon {
    position: absolute;
    top: 3px;
    right: 6px;
    color: #eee;
    font-size: 24px;
    z-index: 12
}

.cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail_thumblist {
    float: left;
    width: 100px;
    padding: 30px 0 0 0
}

.cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail_thumblist .cimm_slideItemImg {
    padding-bottom: 20px;
    height: auto;
    position: relative
}

.cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail_thumblist .cimm_slideItemImg.threesixtydegreeimg {
    background: transparent url(../images/360_3.png) no-repeat center 93%;
    background-size: 65%
}

.cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail_thumblist .cimm_slideItemImg a {
    position: relative;
    border: 1px solid #a1a1a1;
    height: 80px;
    display: block
}

.cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail_thumblist .cimm_slideItemImg a:focus {
    outline: transparent
}

.cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail_thumblist .cimm_slideItemImg a img {
    max-height: 78px
}

.cimm_itemdetail .cimm_itemDescription {
    width: calc(100% - 420px);
    float: left
}

.cimm_itemdetail .cimm_itemDescription .itemDetailUtility .detailreview {
    float: left
}

.cimm_itemdetail .cimm_itemDescription .itemDetailUtility .prodSharePrintBtnWrap {
    float: right;
    position: relative
}

.cimm_itemdetail .cimm_itemDescription .itemDetailUtility .prodSharePrintBtnWrap>a {
    color: #555;
    margin: 0 3px;
    vertical-align: middle;
    font-size: 16px
}

.cimm_itemdetail .cimm_itemDescription .itemDetailUtility .prodSharePrintBtnWrap a#sharePageTrigger:hover+ol {
    display: block
}

.cimm_itemdetail .cimm_itemDescription .itemDetailUtility .prodSharePrintBtnWrap ol {
    position: absolute;
    background: #fff;
    z-index: 2;
    padding: 4px;
    top: 28px;
    right: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px
}

.cimm_itemdetail .cimm_itemDescription .itemDetailUtility .prodSharePrintBtnWrap ol.sharePageWrap {
    width: 0;
    overflow: hidden;
    padding: 0
}

.cimm_itemdetail .cimm_itemDescription .itemDetailUtility .prodSharePrintBtnWrap ol.sharePageWrap.sharePageWrapTog {
    box-shadow: 0 0 6px 1px #6f6f6f;
    padding: 6px;
    width: auto;
    max-width: 95px;
    overflow: visible;
    -webkit-transition: scale .1s ease-in-out;
    -moz-transition: scale .1s ease-in-out;
    -o-transition: scale .1s ease-in-out;
    transition: scale .1s ease-in-out
}

.cimm_itemdetail .cimm_itemDescription .itemDetailUtility .prodSharePrintBtnWrap ol.sharePageWrap.sharePageWrapTog .custom-twitter-share-button a {
    display: inline-block;
    position: relative;
    height: 20px;
    padding: 1px 8px 1px 6px;
    background-color: #00a9e7;
    color: #fff;
    overflow: hidden
}

.cimm_itemdetail .cimm_itemDescription .itemDetailUtility .prodSharePrintBtnWrap ol.sharePageWrap.sharePageWrapTog .custom-twitter-share-button a .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
}

.cimm_itemdetail .cimm_itemDescription .itemDetailUtility .prodSharePrintBtnWrap ol.sharePageWrap.sharePageWrapTog .custom-twitter-share-button a .btn-text {
    display: inline-block;
    padding: 2px 3px 0 20px;
    position: relative;
    font-family: arial;
    top: -2px;
    font-weight: 700
}

.cimm_itemdetail .cimm_itemDescription .itemDetailUtility .prodSharePrintBtnWrap ol li {
    line-height: 20px;
    margin-top: 5px
}

.cimm_itemdetail .cimm_itemDescription .itemDetailUtility .prodSharePrintBtnWrap ol li:first-child {
    margin-top: 0
}

.cimm_itemdetail .cimm_itemDescription .itemDetailUtility .prodSharePrintBtnWrap ol li div {
    display: block
}

.cimm_itemdetail .cimm_itemDescription .detailreview_printWrap {
    padding: 10px 0
}

.cimm_itemdetail .cimm_itemDescription ul li {
    padding: 3px 0
}

.cimm_itemdetail .cimm_prodDetailTitle {
    margin: 0;
    padding: 5px 0;
    font-family: RobotoBlack;
    text-transform: uppercase;
    font-size: 14px
}

.cimm_itemdetail .cimm_itemShortDesc {
    line-height: 22px;
    margin-bottom: 6px;
    font-weight: bold; 
    font-size: 16px;  
}

.cimm_itemdetail ul li.quantityWrap strong {
    font-size: 20px;
    float: left;
    margin: 0 15px 15px 0
}

.cimm_itemdetail ul li.quantityWrap span a {
    background: #e5e5e5;
    padding: 5px 10px;
    float: left;
    height: 30px;
    border: 1px solid #2d2d2d;
    cursor: pointer
}

.cimm_itemdetail ul li.quantityWrap span a i {
    color: #2d2d2d;
    font-size: 16px
}

.cimm_itemdetail ul li.quantityWrap span input {
    float: left;
    width: 60px;
    text-align: center;
    height: 30px;
    border-top: 1px solid #2d2d2d;
    border-bottom: 1px solid #2d2d2d;
    border-width: 1px;
    border-style: ridge;
    font-weight: 700;
    font-size: 18px
}

.cimm_itemdetail ul li.detailButtonWrap div a:not(.popMsg) {
    display: block
}

.cimm_itemdetail ul li.detailButtonWrap div.custparNoBtn,
.cimm_itemdetail ul li.detailButtonWrap div.productGroupBtn {
    font-size: 14px
}

.cimm_itemdetail ul li.detailButtonWrap div.custparNoBtn>a,
.cimm_itemdetail ul li.detailButtonWrap div.productGroupBtn>a {
    color: #2d2d2d
}

.cimm_itemdetail ul li.detailButtonWrap div.custparNoBtn>a:hover,
.cimm_itemdetail ul li.detailButtonWrap div.productGroupBtn>a:hover {
    text-decoration: underline
}

.cimm_itemdetail ul li.detailButtonWrap div.custparNoBtn ul,
.cimm_itemdetail ul li.detailButtonWrap div.productGroupBtn ul {
    width: 100%;
    padding: 5px
}

.cimm_itemdetail ul li.detailButtonWrap div.custparNoBtn ul li,
.cimm_itemdetail ul li.detailButtonWrap div.productGroupBtn ul li {
    width: 100%;
    border-bottom: 1px solid #a1a1a1;
    text-align: left
}

.cimm_itemdetail ul li.detailButtonWrap div.custparNoBtn ul li label,
.cimm_itemdetail ul li.detailButtonWrap div.productGroupBtn ul li label {
    width: 100%
}

.cimm_itemdetail ul li.detailButtonWrap div.custparNoBtn ul li:last-child,
.cimm_itemdetail ul li.detailButtonWrap div.productGroupBtn ul li:last-child {
    border: none
}

.cimm_itemdetail ul li.detailButtonWrap div.custparNoBtn ul li.alignCenter,
.cimm_itemdetail ul li.detailButtonWrap div.productGroupBtn ul li.alignCenter {
    text-align: center
}

.cimm_itemdetail ul li.detailButtonWrap div.custparNoBtn ul li input,
.cimm_itemdetail ul li.detailButtonWrap div.productGroupBtn ul li input {
    height: 35px;
    padding: 10px 6px;
    width: 100%
}

.cimm_itemdetail ul li.detailButtonWrap div.custparNoBtn ul li a,
.cimm_itemdetail ul li.detailButtonWrap div.productGroupBtn ul li a {
    color: #2d2d2d;
    text-transform: capitalize;
    display: block;
    padding: 5px;
    white-space: normal;
    word-break: break-all
}

.cimm_itemdetail ul li.detailButtonWrap div.custparNoBtn ul li a:hover,
.cimm_itemdetail ul li.detailButtonWrap div.productGroupBtn ul li a:hover {
    background: #013780;
    color: #fff
}

.cimm_itemdetail ul li.detailButtonWrap div.custparNoBtn ul {
    width: 100%
}

.cimm_itemdetail ul li.detailButtonWrap div.addToCartFloat {
    float: none
}

.detailPage {
    width: 75%;
    margin: 20px auto
}

.detailPage .multiTabHeading li a {
    text-transform: uppercase
}

.documentStack {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start
}

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

.documentStack li a {
    display: block
}

.documentStack li a>img {
    border: 1px solid #e3e3e3;
    background: #f1f1f1;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 5px
}

.documentStack li a strong {
    display: block
}

.review_block {
    margin: 20px 0;
    background-color: #e5e5e5;
    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 0
}

.review_block>ul>li:nth-last-child(2) {
    border-bottom: 0
}

.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)
}

.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
}

.cartBtnWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

.cartBtnWrap .dropdown-backdrop {
    display: none
}

.cartBtnWrap .bootstrap-select.btn-group .dropdown-menu {
    z-index: 998 !important
}

.cartBtnWrap .bootstrap-select.btn-group .dropdown-menu li {
    width: 100%;
    text-align: left;
    margin: 0 !important
}

.cartBtnWrap li {
    display: inline-block;
    vertical-align: middle;
    margin: 2px !important;
    min-width: 95px;
    max-width: 125px;
    text-align: center;
    flex: 1 1 100px
}

.cartBtnWrap li:last-child {
    margin: 0 !important
}

.cartBtnWrap li a,
.cartBtnWrap li label {
    color: #2d2d2d
}

.cartBtnWrap li em {
    display: block;
    text-align: center;
    font-size: 18px
}

.cartBtnWrap li .dropdown-menu.customDropDown>li {
    max-width: unset
}

.lineItemComments input {
    padding: 3px 5px;
    max-width: 100%;
    width: 200px;
    border-radius: 3px
}

.cartItemRow {
    background: #fff;
    padding: 15px 0;
    border-radius: 6px;
    margin-bottom: 15px;
    line-height: 20px;
    border: 1px solid #a1a1a1
}

.cartItemRow .cimm_cartProdDescription {
    padding-right: 15px;
    line-height: 22px
}

.cartItemRow .cimm_cartProdDescription p {
    line-height: 16px;
    margin-top: 3px
}

.cartItemRow .cimm_cartProdDescription a {
    color: #013780;
    text-decoration: underline
}

.cartItemRow .cimm_cartProdImg {
    border: 1px solid #a1a1a1;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    max-width: 200px
}

.cartItemRow .cimm_cartProdImg label {
    position: absolute;
    top: 6px;
    left: 6px
}

.cartItemRow .cimm_cartProdImg a {
    display: inline-block;
    width: 100%
}

.cartItemRow .cimm_cartProdImg a>span {
    height: 160px;
    position: relative;
    background: 0 0;
    display: inline-block;
    width: 100%
}

.cartItemRow .cimm_cartProdImg img {
    height: auto;
    padding: 2px;
    max-width: 100%;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 180px
}

.cartItemRow .priceAndAvailBlock li {
    line-height: 25px
}

.cartItemRow .priceAndAvailBlock .productGroupBtn {
    font-size: 12px;
    text-align: left
}

.cartItemRow .shipviaBlock {
    float: left;
    width: 20%;
    display: none
}

.cartItemRow a.itemLink {
    text-decoration: none;
    color: #2d2d2d
}

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

.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 #013780;
    border-radius: 4px;
    color: #013780;
    width: 100%
}

.productAvail .customRadioBtn input[type=radio]+span:after,
.productAvail .customRadioBtn input[type=radio]+span:before,
.shipviaBlock .customRadioBtn input[type=radio]+span:after,
.shipviaBlock .customRadioBtn input[type=radio]+span:before {
    height: 10px;
    width: 10px;
    top: 7px;
    left: 4px
}

.productAvail .customRadioBtn input[type=radio]:checked+span,
.shipviaBlock .customRadioBtn input[type=radio]:checked+span {
    color: #013780;
    border-color: #013780
}

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

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

.cartSummary_Heading {
    font-size: 16px;
    font-family: RobotoRegular;
    font-weight: 600;
    border-bottom: 1px solid #a1a1a1;
    margin-bottom: 10px;
    padding-bottom: 10px
}

.cartSummary_Total {
    font-size: 16px;
    font-family: RobotoRegular;
    font-weight: 600;
    border-top: 1px solid #a1a1a1;
    border-bottom: 1px solid #a1a1a1;
    margin: 10px 0;
    padding: 10px 0
}

.cartSummary_Label {
    font-family: RobotoRegular;
    float: left;
    width: 50%
}

.cartSummary_Value {
    text-align: right;
    font-weight: 600
}

.cartSummary_Wrap table {
    width: 100%
}

:not(td).cartSummary_Value {
    float: left;
    width: 50%
}

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

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

.shippInst:before {
    content: "*";
    position: absolute;
    left: 0
}

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

#loginModal .modal-header {
    border-bottom: 0
}

#loginModal .form_space {
    padding: 20px 75px 60px 75px
}

#loginModal .form_space .modal-title {
    margin-bottom: 20px
}

#loginModal .form_space .modal-body {
    border-radius: 5px;
    border: 1px solid #a1a1a1
}

#loginModal .form_space .modal-body .btn {
    font-size: 20px
}

#cartWrap {
    margin: 0
}

#cartWrap thead>tr>th {
    border-bottom: 1px solid #a1a1a1
}

#cartWrap tbody>tr>td {
    border-top: none;
    border-bottom: 1px solid #a1a1a1;
    line-height: 20px;
    vertical-align: top
}

#cartWrap tbody>tr>td:nth-child(4) {
    text-transform: uppercase
}

#cartWrap tbody>tr>td>a>img {
    border: 1px solid #a1a1a1;
    border-radius: 5px
}

.cartTable+div {
    margin-top: 6px
}

.cartTable .dataTables_length {
    font-size: 14px
}

.cartTable .dataTables_length label {
    display: none
}

.cartTable .dataTables_length ul {
    display: inline-block
}

.cartTable .dataTables_length ul li {
    display: inline-block;
    margin: 0 3px;
    padding-right: 9px;
    position: relative;
    cursor: pointer
}

.cartTable .dataTables_length ul li.active {
    font-weight: 600
}

.cartTable .dataTables_length ul li:after {
    content: "|";
    position: absolute;
    right: 0
}

.cartTable .dataTables_length ul li:last-child {
    margin: 0 3px;
    padding: 0
}

.cartTable .dataTables_length ul li:last-child:after {
    display: none
}

.cartTable table {
    width: 100%
}

.cartTable table tbody>tr>td {
    border-bottom: none;
    padding: 0
}

.customPaginatoinTable .pagination a {
    color: #2d2d2d;
    font-size: 14px;
    padding: 0 6px;
    border: 1px solid #a1a1a1;
    border-radius: 3px;
    background: #fff;
    margin: 0 2px
}

.customPaginatoinTable .pagination .active a {
    background-color: #013780;
    border-color: #013780;
    color: #fff
}

.customPaginatoinTable .pagination .previous a {
    background: 0 0;
    border: none
}

.customPaginatoinTable .pagination .previous a:before {
    content: "\f053";
    font-weight: 900;
    font-size: 12px;
    font-family: "Font Awesome 5 Free";
    margin-right: 7px;
    color: #013780
}

.customPaginatoinTable .pagination .next a {
    background: 0 0;
    border: none
}

.customPaginatoinTable .pagination .next a:after {
    content: "\f054";
    font-weight: 900;
    font-size: 12px;
    font-family: "Font Awesome 5 Free";
    margin-left: 5px;
    color: #013780
}

.ccExpirationDate label {
    display: block
}

.ccExpirationDate select+span {
    position: relative;
    padding: 0 15px
}

.ccExpirationDate select+span::after {
    content: "/";
    font-size: 32px;
    position: absolute;
    bottom: -15px;
    left: 32%;
    opacity: .5
}

.cart-count {
    font-size: 16px;
    text-transform: lowercase
}

.checkout_itemList {
    scrollbar-face-color: #aaa;
    scrollbar-track-color: transparent;
    scrollbar-width: thin;
    overflow-y: auto;
    max-height: 350px !important;
    scroll-behavior: smooth
}

.checkout_itemList::-webkit-scrollbar {
    width: 6px
}

.checkout_itemList::-webkit-scrollbar-track {
    border-radius: 20px;
    background: 0 0;
    -webkit-border-radius: 20px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.checkout_itemList::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background: #aaa;
    -webkit-border-radius: 20px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5)
}

.checkout_itemList::-webkit-scrollbar-thumb:window-inactive {
    background: #aaa
}

.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: 3px;
    text-decoration: none;
    color: #fff;
    line-height: 28px;
    width: 45px;
    height: 45px;
    top: 0;
    padding: 11px;
    background: #013780
}

.eventCalendar-wrap .arrow:hover {
    opacity: .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 {
    left: 0
}

.eventCalendar-wrap .prev:after {
    content: "\f0d9";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 5px;
    left: 18px;
    color: #fff;
    font-size: 24px;
    font-weight: 900
}

.eventCalendar-wrap .next {
    right: 0
}

.eventCalendar-wrap .next:after {
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 5px;
    left: 18px;
    color: #fff;
    font-size: 24px;
    font-weight: 900
}

.eventsCalendar-currentTitle .monthTitle {
    display: block;
    text-align: center
}

.eventsCalendar-monthWrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100% !important
}

.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: 20px
}

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

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

.calendarFilterWrap {
    width: 75%;
    float: left;
    margin-left: 1%
}

.calendarFilterWrap .tableHeader {
    background: #e5e5e5
}

.calendarFilterWrap .tableHeader h2 {
    margin: 0;
    color: #2d2d2d;
    font-size: 14px;
    padding: 0 15px;
    line-height: 45px
}

.calendarFilterWrap .tableHeader ul.calendarFilterHead li {
    float: left;
    background: #a1a1a1;
    border-left: 2px solid #e5e5e5;
    width: 100px
}

.calendarFilterWrap .tableHeader ul.calendarFilterHead li.active,
.calendarFilterWrap .tableHeader ul.calendarFilterHead li:hover {
    background: #013780;
    color: #fff
}

.calendarFilterWrap .tableHeader ul.calendarFilterHead li label {
    margin: 0;
    display: block;
    cursor: pointer
}

.calendarFilter .calendarFilterHead {
    color: #013780
}

.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: #013780
}

.calendarFilter h4 a {
    color: #013780
}

.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: #013780;
    font-size: 15px;
    border-top: 1px solid #bdbdbd;
    padding-top: 5px
}

.calendarFilter span.pull-right {
    color: #013780;
    font-size: 14px;
    margin-top: 4px
}

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

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

.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: #013780
}

.eventRightContent p a {
    color: #013780
}

.eventRightContent p a.mailtoLink {
    color: #013780;
    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: #013780
}

#events_Table_wrapper #events_Table_filter,
#events_Table_wrapper .dataTables_info,
#events_Table_wrapper .dataTables_length,
#events_Table_wrapper .dataTables_paginate {
    display: none
}

#events_Table_wrapper #events_Table th {
    background: #2e3b44;
    color: #fcda5d;
    border-right: 1px solid #fff;
    font-size: 14px;
    display: none
}

#events_Table_wrapper #events_Table td {
    border: 0;
    padding: 10px 15px;
    border-bottom: 1px solid #ccc
}

#events_Table_wrapper #events_Table td:nth-child(2) {
    width: 41%
}

#events_Table_wrapper #events_Table td.calendarDetail {
    text-align: right
}

#events_Table_wrapper #events_Table td.calendarDetail a {
    color: #013780;
    display: block
}

#events_Table_wrapper #events_Table td p {
    margin: 5px 0 0 0
}

#events_Table_wrapper #events_Table td p a:hover {
    color: #013780
}

#events_Table_wrapper #events_Table td.sorting_1 p.allEvent {
    font-size: 16px
}

#events_Table_wrapper #events_Table td span.location a {
    color: #013780;
    font-size: 14px;
    margin: 5px 0 8px 0;
    display: block
}

#events_Table_wrapper #events_Table .group td {
    color: #013780;
    font-size: 15px;
    border-top: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
    padding: 8px 0;
    display: table-cell;
    font-weight: 600
}

#location {
    display: none
}

.group td a:not(.cimm_inlineButton) {
    color: #013780
}

.eventsCalendar-slider {
    height: 235px !important;
    width: 24%;
    float: left;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px
}

.eventsCalendar-currentTitle {
    line-height: 45px;
    background: #013780;
    margin: 0 0 2px 0
}

.eventsCalendar-currentTitle .monthTitle {
    font-size: 16px;
    text-decoration: none;
    color: #fff;
    font-family: RobotoBlack;
    text-transform: uppercase;
    letter-spacing: 1px
}

.eventsCalendar-daysList {
    zoom: 1;
    padding: 0;
    width: 100%
}

.eventsCalendar-daysList.showAsWeek li {
    font-weight: 700;
    height: auto;
    margin: 0
}

.eventsCalendar-daysList.showAsWeek li.eventCalendar-current {
    background: #013780
}

.eventsCalendar-daysList.showAsWeek li.eventCalendar-current a {
    color: #fff
}

.eventsCalendar-daysList.showAsWeek.empty {
    min-height: 20px
}

.eventsCalendar-daysList:after {
    clear: both
}

.eventsCalendar-daysList:after,
.eventsCalendar-daysList:before {
    content: "";
    display: table
}

.eventsCalendar-daysList li.dayWithEvents a {
    color: #013780;
    font-weight: 700
}

.eventsCalendar-day-header {
    text-align: center;
    background: #fff;
    color: #013780;
    padding: 4px 0;
    margin-bottom: 3px !important
}

.eventsCalendar-day a {
    text-decoration: none;
    color: #000
}

.eventsCalendar-day a:hover {
    background: #a9a9a9
}

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

.showAsWeek .eventsCalendar-day a {
    line-height: 22px;
    color: #000;
    font-weight: 400
}

li.eventsCalendar-day.dayWithEvents a:hover {
    background: #e5e5e5;
    color: #000
}

li.eventsCalendar-day.current a:hover {
    background-color: #013780;
    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: 400;
    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: 0 0 5px 0;
    margin: 0;
    clear: both;
    border-top: 1px solid #bdbdbd
}

.eventsCalendar-list li time {
    line-height: 20px;
    margin: 10px 0
}

.eventsCalendar-list li time em {
    color: #013780;
    font-weight: 700;
    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: #013780;
    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: 400;
    text-shadow: 0 0 3px #aaa
}

.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 0 !important
}

.eventsDetail_Calendar-list li div ul {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    color: #000 !important
}

.eventsDetail_Calendar-list li div p a:hover {
    color: #013780
}

.eventsDetail_Calendar-list li time {
    margin: 10px 0 !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: 700 !important;
    text-decoration: none !important;
    margin: 10px 0 !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: 700 !important;
    box-shadow: 0 0 10px #ccc !important;
    text-shadow: 0 0 3px #aaa !important
}

.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: 700;
    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
}

pre {
    clear: both;
    background-color: #ffc;
    padding: 5px;
    border: solid 1px #fed17e;
    overflow: auto
}

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

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

@media (max-width:768px) {
    .goingEvents {
        width: 49%;
        float: right;
        margin-left: 0
    }

    .eventsCalendar-slider {
        width: 100%
    }

    .calendarFilterWrap {
        width: 100%;
        float: none;
        margin-left: 0;
        clear: both
    }
}

@media (max-width:480px) {

    .eventsCalendar-slider,
    .goingEvents {
        width: 100%;
        float: none
    }
}

.upcomingEvents a {
    color: #013780
}

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

#slideLeft,
.cimm_slide {
    position: absolute;
    top: 20px;
    left: 0;
    height: calc(100% - 40px);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    width: 100%;
    background: #fff;
    opacity: 1;
    overflow: auto;
    padding: 0 20px;
    z-index: 1001
}

#slideLeft h2,
.cimm_slide h2 {
    padding: 12px 30px;
    text-align: center;
    cursor: pointer;
    position: relative;
    font-size: 24px;
    font-weight: 200;
    margin: 0;
    color: #2d2d2d
}

#slideLeft h2 em,
.cimm_slide h2 em {
    position: absolute;
    left: 5px;
    color: #888
}

#slideLeft li,
.cimm_slide li {
    position: relative
}

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

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

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

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

.cimm_slideMobileNavIcon {
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 113;
    text-align: center
}

.cimm_slideMobileNavIcon a {
    height: 25px;
    width: 25px;
    position: absolute;
    left: 15px;
    bottom: 0
}

.cimm_slideMobileNavIcon span {
    display: block;
    position: absolute;
    right: 0;
    height: 2px;
    width: 25px;
    background: #444;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.cimm_slideMobileNavIcon span:after {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    width: 25px;
    height: 2px;
    background-color: #444;
    top: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.cimm_slideMobileNavIcon span.active {
    top: 20px;
    right: 8px;
    width: 12px
}

.cimm_slideMobileNavIcon span.active:after {
    left: -6px;
    top: -6px;
    width: 12px
}

.sleekNavigationLinks {
    width: 300px;
    position: fixed;
    z-index: 10000;
    bottom: 0;
    top: 0;
    left: -450px;
    transition: .5s ease;
    -ms-transition: .5s ease;
    -moz-transition: .5s ease;
    -webkit-transition: .5s ease;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    background: #fff
}

.sleekNavigationLinks ul {
    margin: 0;
    padding: 0;
    background: #fff;
    height: calc(100% - 80px);
    overflow-x: auto
}

.sleekNavigationLinks ul li {
    position: relative;
    margin: 0;
    padding: 0
}

.sleekNavigationLinks ul li a {
    font-size: 14px;
    display: block;
    padding: 10px 40px 10px 5px
}

.sleekNavigationLinks ul li a:hover em {
    padding: 10px 8px 10px 12px;
    color: #000;
    right: 0
}

.sleekNavigationLinks ul li a em {
    position: absolute;
    right: 4px;
    padding: 10px 8px 10px 8px;
    top: 4px;
    cursor: pointer;
    transition: padding .25s ease, right .25s ease
}

.sleekNavigationLinks ul li em {
    position: absolute;
    top: 0;
    right: 0;
    color: #2d2d2d;
    padding: 14px 10px 14px 14px
}

.sleekNavigationLinks ul li ul {
    display: none
}

.sleekNavigationLinks ul li.myAccountList ul {
    display: block
}

.sleekNavigationLinks ul li.menuHead {
    background: #444;
    color: #fff;
    margin: 0;
    padding: 8px 10px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600
}

#slideLeft {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    background: #fff;
    padding: 10px;
    transition: cubic-bezier(.25, .1, .25, 1);
    -webkit-transition: left .5s cubic-bezier(.2, .05, .05, .8);
    height: 100%;
    overflow: auto
}

#slideLeft h2 {
    text-align: left
}

#slideLeft.active {
    left: 0
}

#map_canvas {
    width: 100%;
    top: -100%
}

.locationZipcode {
    width: 100%;
    margin-bottom: 20px
}

.labelWrap {
    float: left;
    width: 95px;
    margin: 6px 15px 0 0;
    text-align: right
}

.inputWrap {
    float: left;
    width: calc(100% - 110px)
}

.inputWrap input {
    width: 100%;
    padding: 5px
}

.locationSearch+a {
    color: #013780;
    text-decoration: underline;
    display: block;
    text-align: right;
    margin: 14px 0
}

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

.location-search .cimm_inlineButton {
    height: 34px;
    display: inline-block
}

.locationDataWrap {
    margin-bottom: 20px
}

.locationDataWrap .store-list li:first-child {
    padding: 0 0 10px
}

.locationDataWrap .store-list li div {
    cursor: pointer;
    color: #013780;
    font-family: RobotoRegular;
    position: relative
}

.locationDataWrap .store-list li div span.iconToggle {
    float: left;
    margin-right: 10px;
    font-size: 20px
}

.locationDataWrap .store-list li div span.pull-left {
    width: 62%;
    color: #013780;
    font-family: RobotoRegular
}

.locationDataWrap .store-list li div span.productTitle {
    position: relative;
    top: 2px
}

.locationDataWrap .store-list li div span.pull-right {
    width: 26%
}

.locationDataWrap .store-list li .locationDetailList li {
    padding: 2px 2px 2px 20px
}

.locationDataWrap .store-list li .locationDetailList li.Phone {
    margin: 10px 0
}

.locationDataWrap .store-list li .locationDetailList li.Note {
    display: none
}

.crdirections {
    text-decoration: underline
}

.locDetailWrap ul li {
    padding: 3px 0
}

.locationDetails {
    font-size: 14px
}

.locationDetails .searchHeading {
    font-size: 16px;
    color: #013780;
    margin: 0 0 16px 0
}

.locationDetails .locationHeading {
    font-size: 20px;
    color: #013780;
    text-transform: uppercase;
    margin: 0 0 12px 0
}

.card {
    background: #fff;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 30px;
    border: 1px solid #a1a1a1
}

.card-title {
    margin: 0;
    font-weight: 500
}

.card-title_wrapper {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #a1a1a1
}

.card-body {
    height: 262px;
    overflow-y: auto;
    overflow-x: hidden
}

.card .actionIcon {
    font-size: 18px
}

.user_profile p {
    margin-top: 6px
}

.user_profile p span {
    display: inline-block;
    vertical-align: top
}

.user_profile p span.userName {
    font-size: 18px;
    display: block;
    color: #013780
}

.user_profile .card-body a {
    color: #013780;
    margin-top: 8px
}

.profileImage {
    width: 90px;
    height: 90px;
    border-radius: 100%;
    overflow: hidden;
    margin: 0 auto
}

.profileImage img {
    width: 100%
}

.recentOrderItems .productTitle {
    color: #013780;
    font-size: 16px
}

.uploadImage_wrap-cust .uploadFile,
.uploadImage_wrap-cust .uploadImage {
    width: 100%;
    cursor: pointer;
    position: relative
}

.uploadImage_wrap-cust .uploadFile span,
.uploadImage_wrap-cust .uploadImage span {
    display: block;
    padding: 4px;
    color: #013780;
    position: absolute !important;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.uploadImage_wrap-cust .uploadFile input,
.uploadImage_wrap-cust .uploadImage input {
    opacity: 0;
    height: 25px;
    width: 100%;
    cursor: pointer;
    border: none
}

.calendarFilterWrap .tableHeader ul.calendarFilterHead .uploadImage_wrap-cust li,
.multiTab .multiTabContent .buttonWrap .uploadImage_wrap-cust .btnNext,
.multiTab .multiTabContent .buttonWrap .uploadImage_wrap-cust .btnPrevious,
.multiTab .multiTabContent+.buttonWrap .uploadImage_wrap-cust .btnNext,
.multiTab .multiTabContent+.buttonWrap .uploadImage_wrap-cust .btnPrevious,
.uploadImage_wrap-cust .btn,
.uploadImage_wrap-cust .btnFinish,
.uploadImage_wrap-cust .button,
.uploadImage_wrap-cust .calendarFilterWrap .tableHeader ul.calendarFilterHead li,
.uploadImage_wrap-cust .multiTab .multiTabContent .buttonWrap .btnNext,
.uploadImage_wrap-cust .multiTab .multiTabContent .buttonWrap .btnPrevious,
.uploadImage_wrap-cust .multiTab .multiTabContent+.buttonWrap .btnNext,
.uploadImage_wrap-cust .multiTab .multiTabContent+.buttonWrap .btnPrevious {
    margin-right: 3px;
    padding: 4px 10px;
    text-transform: capitalize;
    font-size: 12px
}

.calendarFilterWrap .tableHeader ul.calendarFilterHead .uploadImage_wrap-cust li:active,
.calendarFilterWrap .tableHeader ul.calendarFilterHead .uploadImage_wrap-cust li:focus,
.calendarFilterWrap .tableHeader ul.calendarFilterHead .uploadImage_wrap-cust li:hover,
.multiTab .multiTabContent .buttonWrap .uploadImage_wrap-cust .btnNext:active,
.multiTab .multiTabContent .buttonWrap .uploadImage_wrap-cust .btnNext:focus,
.multiTab .multiTabContent .buttonWrap .uploadImage_wrap-cust .btnNext:hover,
.multiTab .multiTabContent .buttonWrap .uploadImage_wrap-cust .btnPrevious:active,
.multiTab .multiTabContent .buttonWrap .uploadImage_wrap-cust .btnPrevious:focus,
.multiTab .multiTabContent .buttonWrap .uploadImage_wrap-cust .btnPrevious:hover,
.multiTab .multiTabContent+.buttonWrap .uploadImage_wrap-cust .btnNext:active,
.multiTab .multiTabContent+.buttonWrap .uploadImage_wrap-cust .btnNext:focus,
.multiTab .multiTabContent+.buttonWrap .uploadImage_wrap-cust .btnNext:hover,
.multiTab .multiTabContent+.buttonWrap .uploadImage_wrap-cust .btnPrevious:active,
.multiTab .multiTabContent+.buttonWrap .uploadImage_wrap-cust .btnPrevious:focus,
.multiTab .multiTabContent+.buttonWrap .uploadImage_wrap-cust .btnPrevious:hover,
.uploadImage_wrap-cust .btn:active,
.uploadImage_wrap-cust .btn:focus,
.uploadImage_wrap-cust .btn:hover,
.uploadImage_wrap-cust .btnFinish:active,
.uploadImage_wrap-cust .btnFinish:focus,
.uploadImage_wrap-cust .btnFinish:hover,
.uploadImage_wrap-cust .button:active,
.uploadImage_wrap-cust .button:focus,
.uploadImage_wrap-cust .button:hover,
.uploadImage_wrap-cust .calendarFilterWrap .tableHeader ul.calendarFilterHead li:active,
.uploadImage_wrap-cust .calendarFilterWrap .tableHeader ul.calendarFilterHead li:focus,
.uploadImage_wrap-cust .calendarFilterWrap .tableHeader ul.calendarFilterHead li:hover,
.uploadImage_wrap-cust .multiTab .multiTabContent .buttonWrap .btnNext:active,
.uploadImage_wrap-cust .multiTab .multiTabContent .buttonWrap .btnNext:focus,
.uploadImage_wrap-cust .multiTab .multiTabContent .buttonWrap .btnNext:hover,
.uploadImage_wrap-cust .multiTab .multiTabContent .buttonWrap .btnPrevious:active,
.uploadImage_wrap-cust .multiTab .multiTabContent .buttonWrap .btnPrevious:focus,
.uploadImage_wrap-cust .multiTab .multiTabContent .buttonWrap .btnPrevious:hover,
.uploadImage_wrap-cust .multiTab .multiTabContent+.buttonWrap .btnNext:active,
.uploadImage_wrap-cust .multiTab .multiTabContent+.buttonWrap .btnNext:focus,
.uploadImage_wrap-cust .multiTab .multiTabContent+.buttonWrap .btnNext:hover,
.uploadImage_wrap-cust .multiTab .multiTabContent+.buttonWrap .btnPrevious:active,
.uploadImage_wrap-cust .multiTab .multiTabContent+.buttonWrap .btnPrevious:focus,
.uploadImage_wrap-cust .multiTab .multiTabContent+.buttonWrap .btnPrevious:hover {
    border-radius: 0
}

.uploadImage_wrap .uploadFile,
.uploadImage_wrap .uploadImage {
    border: 2px solid #2d2d2d;
    height: 35px;
    cursor: pointer;
    position: relative
}

.uploadImage_wrap .uploadFile span,
.uploadImage_wrap .uploadImage span {
    text-align: center;
    display: block;
    padding: 6px;
    color: #2d2d2d;
    position: absolute !important;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.uploadImage_wrap .uploadFile input,
.uploadImage_wrap .uploadImage input {
    opacity: 0;
    height: 35px;
    width: 100%;
    cursor: pointer;
    border: none
}

.calendarFilterWrap .tableHeader ul.calendarFilterHead .uploadImage_wrap li,
.multiTab .multiTabContent .buttonWrap .uploadImage_wrap .btnNext,
.multiTab .multiTabContent .buttonWrap .uploadImage_wrap .btnPrevious,
.multiTab .multiTabContent+.buttonWrap .uploadImage_wrap .btnNext,
.multiTab .multiTabContent+.buttonWrap .uploadImage_wrap .btnPrevious,
.uploadImage_wrap .btn,
.uploadImage_wrap .btnFinish,
.uploadImage_wrap .button,
.uploadImage_wrap .calendarFilterWrap .tableHeader ul.calendarFilterHead li,
.uploadImage_wrap .multiTab .multiTabContent .buttonWrap .btnNext,
.uploadImage_wrap .multiTab .multiTabContent .buttonWrap .btnPrevious,
.uploadImage_wrap .multiTab .multiTabContent+.buttonWrap .btnNext,
.uploadImage_wrap .multiTab .multiTabContent+.buttonWrap .btnPrevious {
    margin-right: 3px;
    height: 35px;
    padding: 5px 10px;
    border-radius: 0
}

.calendarFilterWrap .tableHeader ul.calendarFilterHead .uploadImage_wrap li:active,
.calendarFilterWrap .tableHeader ul.calendarFilterHead .uploadImage_wrap li:focus,
.calendarFilterWrap .tableHeader ul.calendarFilterHead .uploadImage_wrap li:hover,
.multiTab .multiTabContent .buttonWrap .uploadImage_wrap .btnNext:active,
.multiTab .multiTabContent .buttonWrap .uploadImage_wrap .btnNext:focus,
.multiTab .multiTabContent .buttonWrap .uploadImage_wrap .btnNext:hover,
.multiTab .multiTabContent .buttonWrap .uploadImage_wrap .btnPrevious:active,
.multiTab .multiTabContent .buttonWrap .uploadImage_wrap .btnPrevious:focus,
.multiTab .multiTabContent .buttonWrap .uploadImage_wrap .btnPrevious:hover,
.multiTab .multiTabContent+.buttonWrap .uploadImage_wrap .btnNext:active,
.multiTab .multiTabContent+.buttonWrap .uploadImage_wrap .btnNext:focus,
.multiTab .multiTabContent+.buttonWrap .uploadImage_wrap .btnNext:hover,
.multiTab .multiTabContent+.buttonWrap .uploadImage_wrap .btnPrevious:active,
.multiTab .multiTabContent+.buttonWrap .uploadImage_wrap .btnPrevious:focus,
.multiTab .multiTabContent+.buttonWrap .uploadImage_wrap .btnPrevious:hover,
.uploadImage_wrap .btn:active,
.uploadImage_wrap .btn:focus,
.uploadImage_wrap .btn:hover,
.uploadImage_wrap .btnFinish:active,
.uploadImage_wrap .btnFinish:focus,
.uploadImage_wrap .btnFinish:hover,
.uploadImage_wrap .button:active,
.uploadImage_wrap .button:focus,
.uploadImage_wrap .button:hover,
.uploadImage_wrap .calendarFilterWrap .tableHeader ul.calendarFilterHead li:active,
.uploadImage_wrap .calendarFilterWrap .tableHeader ul.calendarFilterHead li:focus,
.uploadImage_wrap .calendarFilterWrap .tableHeader ul.calendarFilterHead li:hover,
.uploadImage_wrap .multiTab .multiTabContent .buttonWrap .btnNext:active,
.uploadImage_wrap .multiTab .multiTabContent .buttonWrap .btnNext:focus,
.uploadImage_wrap .multiTab .multiTabContent .buttonWrap .btnNext:hover,
.uploadImage_wrap .multiTab .multiTabContent .buttonWrap .btnPrevious:active,
.uploadImage_wrap .multiTab .multiTabContent .buttonWrap .btnPrevious:focus,
.uploadImage_wrap .multiTab .multiTabContent .buttonWrap .btnPrevious:hover,
.uploadImage_wrap .multiTab .multiTabContent+.buttonWrap .btnNext:active,
.uploadImage_wrap .multiTab .multiTabContent+.buttonWrap .btnNext:focus,
.uploadImage_wrap .multiTab .multiTabContent+.buttonWrap .btnNext:hover,
.uploadImage_wrap .multiTab .multiTabContent+.buttonWrap .btnPrevious:active,
.uploadImage_wrap .multiTab .multiTabContent+.buttonWrap .btnPrevious:focus,
.uploadImage_wrap .multiTab .multiTabContent+.buttonWrap .btnPrevious:hover {
    border-radius: 0
}

body {
    position: relative;
    height: 100%;
    font-family: RobotoRegular;
    font-size: 12px;
    color: #2d2d2d;
    overflow-x: hidden;
    outline: 0
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #013780;
    border-color: #013780
}

#backToTop {
    text-align: center;
    width: 45px;
    height: 45px;
    background: #555;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    display: none;
    position: fixed;
    bottom: 75px;
    right: 30px;
    opacity: .6;
    z-index: 99
}

#backToTop a {
    display: block;
    position: relative;
    width: 45px;
    height: 45px;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s
}

#backToTop a:after {
    -webkit-animation-name: backToTop-arrow;
    animation-name: backToTop-arrow;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    z-index: 10
}

#backToTop a:after {
    content: "";
    speak: none;
    position: absolute;
    z-index: 11;
    font-weight: 900;
    font-size: 18px;
    font-family: FontAwesomePro-Solid;
    top: 10px;
    left: 14px;
    color: #fff
}

#backToTop:hover {
    opacity: 1;
    background: #2d2d2d
}

.cimm_stickyPageWrap:after {
    height: 355px
}

.cimm_bodyContentWrap {
    margin-bottom: 30px;
    height: 100%
}

.modal-title {
    position: relative;
    color: #2d2d2d
}

.modal-title .backBtn {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    font-size: 14px;
    color: #2d2d2d;
    cursor: pointer
}

.modal-title .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    font-size: 24px;
    color: #2d2d2d;
    opacity: 1
}

.modal-body {
    color: #2d2d2d
}

.modal-body ul li a.forgotPass {
    margin-top: 10px
}

.modal-body table tr td {
    word-break: break-all
}

.calendarFilterWrap .tableHeader ul.calendarFilterHead .modal-body table tr td li,
.modal-body table tr td .btnFinish,
.modal-body table tr td .button,
.modal-body table tr td .calendarFilterWrap .tableHeader ul.calendarFilterHead li,
.modal-body table tr td .multiTab .multiTabContent .buttonWrap .btnNext,
.modal-body table tr td .multiTab .multiTabContent .buttonWrap .btnPrevious,
.modal-body table tr td .multiTab .multiTabContent+.buttonWrap .btnNext,
.modal-body table tr td .multiTab .multiTabContent+.buttonWrap .btnPrevious,
.multiTab .multiTabContent .buttonWrap .modal-body table tr td .btnNext,
.multiTab .multiTabContent .buttonWrap .modal-body table tr td .btnPrevious,
.multiTab .multiTabContent+.buttonWrap .modal-body table tr td .btnNext,
.multiTab .multiTabContent+.buttonWrap .modal-body table tr td .btnPrevious {
    word-break: normal
}

.dummyHeight {
    height: 30px
}

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

.pgnation .pagebarUTH {
    text-align: right;
    padding: 6px 0 0 0;
    font-family: RobotoBlack
}

.pgnation .pagebarUTH span {
    color: #013780;
    font-size: 20px;
    padding: 0 3px
}

.pgnation .pagebarUTH a {
    color: #2d2d2d;
    font-size: 16px;
    padding: 0 3px
}

.pgnation .pagebarUTH a:hover {
    color: #013780
}

.priceSpan {
    font-family: RobotoBlack;
    font-size: 20px
}

.priceSpan img {
    width: auto !important;
    display: inline-block !important
}

.price {
    font-family: RobotoBlack;
    font-size: 16px
}

.price img {
    width: auto;
    display: inline-block
}

.cimm_BreadCrumbs .breadcrumb {
    background: 0 0;
    padding: 0;
    margin: 15px 0
}

.cimm_BreadCrumbs .breadcrumb li+li:before {
    content: "|"
}

.searchResults {
    color: #2d2d2d;
    font-family: RobotoRegular;
    font-size: 16px;
    font-weight: 700
}

.searchResults .spellCheckWrap {
    color: #013780
}

.searchResults .spellCheckWrap .spellCheckHighlight {
    font-style: italic
}

.quantity {
    width: 50px;
    text-align: center;
    height: 32px;
    padding: 5px;
    text-align: center
}

.productTitle {
    margin: 0;
    color: #2d2d2d;
    font-size: 18px;
    text-transform: uppercase;
    font-family: RobotoBlack
}

.cimm_compareControls {
    margin-top: 6px;
    display: block
}

.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: #2d2d2d;
    text-transform: capitalize;
    display: block;
    padding: 5px
}

.groupList ul li a:hover {
    background: #013780;
    color: #fff
}

.cimm_item-skus li {
    padding: 2px 0
}

.cimm_item-skus li strong {
    font-weight: 500
}

.cimm_item-skus li span {
    color: #013780;
    font-weight: 600
}

.cimm_qtyWrap span {
    display: inline-block
}

#generalModel .modal-dialog {
    min-width: 840px
}

#generalModel .modal-body {
    max-height: 500px;
    overflow-y: auto
}

.dataTables_wrapper {
    color: #2d2d2d
}

.productGroupPopWrap {
    color: #2d2d2d
}

.calendarFilterWrap .tableHeader ul.calendarFilterHead .productGroupPopWrap .addNewPgWrap li,
.multiTab .multiTabContent .buttonWrap .productGroupPopWrap .addNewPgWrap .btnNext,
.multiTab .multiTabContent .buttonWrap .productGroupPopWrap .addNewPgWrap .btnPrevious,
.multiTab .multiTabContent+.buttonWrap .productGroupPopWrap .addNewPgWrap .btnNext,
.multiTab .multiTabContent+.buttonWrap .productGroupPopWrap .addNewPgWrap .btnPrevious,
.productGroupPopWrap .addNewPgWrap .btnFinish,
.productGroupPopWrap .addNewPgWrap .button,
.productGroupPopWrap .addNewPgWrap .calendarFilterWrap .tableHeader ul.calendarFilterHead li,
.productGroupPopWrap .addNewPgWrap .multiTab .multiTabContent .buttonWrap .btnNext,
.productGroupPopWrap .addNewPgWrap .multiTab .multiTabContent .buttonWrap .btnPrevious,
.productGroupPopWrap .addNewPgWrap .multiTab .multiTabContent+.buttonWrap .btnNext,
.productGroupPopWrap .addNewPgWrap .multiTab .multiTabContent+.buttonWrap .btnPrevious {
    width: 130px;
    float: left
}

.productGroupPopWrap .addNewPgWrap input {
    width: calc(100% - 130px);
    float: left;
    height: 40px;
    padding: 5px 10px
}

.productGroupPopWrap .existingPgListWrap h4 {
    color: #013780
}

.productGroupPopWrap .existingPgListWrap ul li {
    width: 25%;
    display: inline-block
}

.productGroupPopWrap .selectedItemsWrap h4 {
    color: #013780
}

.productGroupPopWrap .selectedItemsWrap div {
    margin: 10px 0
}

.productGroupPopWrap .selectedItemsWrap div .row {
    border-bottom: 1px solid #a1a1a1
}

.productGroupPopWrap .selectedItemsWrap div .row a.delBtn {
    display: block
}

.productGroupPopWrap .submitProductGroup a {
    display: inline-block
}

.productGroupPopWrap .addNewPgResponse ul li a {
    color: #013780;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 700
}

.mulAddTocartWrap .addToCartHeaderContent a {
    color: #013780;
    font-size: 16px
}

.mulAddTocartWrap .addToCartHeaderContent a em {
    margin-right: 10px
}

.mulAddTocartWrap .muladdtoCartItemsWrap .muladdtoCartItems {
    padding: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #a1a1a1
}

.mulAddTocartWrap .popCheckout {
    margin-bottom: 10px
}

.cimm_salesBottomStrip ul {
    width: 40%;
    float: right
}

.cimm_salesBottomStrip ul li {
    color: #013780;
    font-size: 20px;
    font-weight: 700;
    text-align: right
}

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

.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 .uploadFile,
.uploadImage_wrap .uploadImage {
    border: 2px solid #2d2d2d;
    height: 35px;
    cursor: pointer;
    position: relative
}

.uploadImage_wrap .uploadFile span,
.uploadImage_wrap .uploadImage span {
    text-align: center;
    display: block;
    padding: 6px;
    color: #2d2d2d;
    position: absolute !important;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.uploadImage_wrap .uploadFile input,
.uploadImage_wrap .uploadImage 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
}

.searchBoxWrap {
    background: #2d2d2d
}

.searchBoxWrap .gotoWrap h4.header {
    float: left;
    color: #fff
}

.searchBoxWrap .gotoWrap .brandsShortCut li {
    float: left;
    margin: 12px 0 0 10px
}

.searchBoxWrap .gotoWrap .brandsShortCut li a {
    color: #fff
}

.searchBoxWrap .gotoWrap .brandsShortCut li a:hover {
    color: #013780
}

.cimm_brandAtoZletters {
    width: 100%;
    margin: 0;
    background: #013780
}

.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: 0 0
}

.cimm_brandAtoZletters.cimm_brandLetter ul {
    padding: 0
}

.cimm_brandAtoZletters.cimm_brandLetter ul li {
    padding: 0 6px 0 4px;
    border-right: 1px solid #2d2d2d;
    line-height: 14px;
    font-size: 14px
}

.cimm_brandAtoZletters.cimm_brandLetter ul li a {
    padding: 0 8px;
    color: #2d2d2d
}

.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: 1170px;
    z-index: 2
}

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

.hideOverflow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#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: #e5e5e5;
    padding: 20px;
    font-weight: 700
}

.registerRightBox h6 {
    font-size: 13px;
    color: #000
}

.registerRightBox ul li a {
    color: #013780
}

.registerRightBox ul li a:hover {
    text-decoration: underline
}

.registerLeftBox h5 {
    font-size: 13px;
    color: #000;
    font-weight: 700
}

.registerLeftBox label {
    color: #000;
    font-weight: 700;
    vertical-align: top
}

.registerLeftBox label a {
    color: #013780
}

.registerLeftBox ul {
    margin: 20px 0
}

.registerLeftBox ul li {
    line-height: 20px;
    color: #000
}

.registerLeftBox ul li>em {
    color: #eee;
    font-size: 18px
}

.registerLeftBox .accountSelectionWrap {
    background: #e5e5e5;
    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: RobotoBlack
}

.orderSummaryWrap a {
    color: #013780;
    text-decoration: underline;
    font-weight: 700
}

.orderSummaryWrap .table thead tr th {
    border-bottom: 1px solid #2d2d2d
}

.orderSummaryWrap .table tbody {
    text-align: center
}

.orderSummaryWrap .table tbody tr td p {
    font-size: 12px
}

.orderSummaryWrap .cimm_salesBottomStrip {
    border-top: 1px solid #2d2d2d;
    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: 0 0;
    border: 0;
    font-size: 22px;
    padding: 0;
    margin: 0 6px;
    color: #013780
}

.actionIcon:active {
    color: #013780
}

.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: #013780;
    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
}

.select_attributeBody>ul>li.selectOptions {
    float: left;
    width: 31.33%;
    margin-bottom: 20px;
    padding: 0;
    margin-right: 2%
}

.select_attributeBody>ul>li.selectOptions .slideBlock {
    width: 100%;
    margin: 0
}

.select_attributeBody>ul>li.selectOptions .slideBlock li {
    width: 100%;
    margin-right: 0;
    float: none;
    padding: 5px 0
}

.select_attributeBody>ul>li.selectOptions .slideBlock.open {
    display: block
}

.select_attributeBody>ul>li div.select_attributeList {
    cursor: pointer;
    padding: 5px;
    font-size: 16px;
    color: #013780;
    text-decoration: underline;
    font-family: RobotoBlack
}

.select_attributeBody>ul>li div.toggle_attributeList {
    display: inline-block;
    padding: 6px 25px 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #a1a1a1;
    border-radius: 4px;
    color: #333;
    background-color: #fff;
    width: 100%;
    position: relative
}

.select_attributeBody>ul>li div.toggle_attributeList .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle
}

.select_attributeBody>ul>li ul {
    padding: 5px;
    overflow: auto
}

.select_attributeBody>ul>li ul li {
    width: 30%;
    margin-right: 10px;
    float: left;
    padding: 4px 5px 4px
}

.cimm_multiAddcart {
    width: 150px
}

.modalPopOverlay,
.site-overlay {
    display: none;
    height: 100%;
    width: 100%;
    position: fixed;
    background: rgba(0, 0, 0, .18);
    z-index: 116;
    cursor: wait
}

.cartHead h5 {
    float: left;
    margin: 0;
    padding: 4px 15px 8px;
    background: #013780
}

.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
}

#ManagePurchaseAgent_wrapper .dataTables_filter {
    float: right;
    margin-bottom: 5px
}

#ManagePurchaseAgent_wrapper table tbody tr td a.cimm_inlineButton {
    float: left;
    height: 30px
}

#ManagePurchaseAgent_wrapper table tbody tr td label.switch {
    float: right
}

.fileUploadDescription a {
    background: 0 0 !important;
    color: #013780 !important;
    padding: 0 !important;
    font-size: 14px !important;
    font-weight: 700
}

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

.tog_myAccount {
    cursor: pointer
}

.tog_myAccount span {
    float: right
}

.modalPopOverlay,
.site-overlay {
    display: none;
    height: 100%;
    width: 100%;
    position: fixed;
    background: rgba(0, 0, 0, .3);
    z-index: 112;
    cursor: wait
}

.loadAfter {
    height: 100%;
    width: 100%;
    position: fixed;
    background: #fff;
    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
}

.site-overlay {
    display: none;
    height: 100%;
    width: 100%;
    position: fixed;
    background: rgba(0, 0, 0, .3);
    z-index: 112;
    cursor: wait
}

#multipleResult .bulkActionBtn {
    width: 150px;
    margin: 0 auto 12px auto
}

.cimm_resultSelect {
    background: #e5e5e5;
    padding: 5px 10px
}

.cimm_resultSelect a {
    color: #013780;
    font-weight: 600
}

.cimm_genericSearch {
    padding: 10px 5px;
    margin: 0 0 15px 0;
    border: 1px solid #a1a1a1
}

.cimm_genericSearch a {
    color: #013780;
    font-weight: 600
}

.multipleResult {
    font-size: 12px;
    text-align: center;
    padding: 8px;
    background: #e5e5e5
}

.poppupEnabled {
    overflow: hidden
}

#googleMap,
#map_canvas,
#panel {
    height: 500px;
    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: #013780;
    font-size: 20px;
    font-weight: 700;
    text-align: right
}

.cartTotal_Top {
    text-align: right;
    margin-bottom: 25px
}

.cartTotal_Top span {
    background: #a1a1a1;
    color: #fff !important;
    border-radius: 2px
}

.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: 220px
}

.dropdown-menu.customDropDown li {
    width: 100%;
    border-bottom: 1px solid #a1a1a1;
    text-align: left;
    padding: 3px 0
}

.dropdown-menu.customDropDown li input {
    height: 35px;
    padding: 10px;
    width: 100%
}

.dropdown-menu.customDropDown li a {
    color: #2d2d2d !important;
    text-transform: capitalize;
    display: block;
    padding: 5px
}

.dropdown-menu.customDropDown li a:hover {
    background: #013780;
    color: #fff !important
}

.dropdown-menu.customDropDown li.text-center {
    text-align: center
}

.dropdown-menu {
    z-index: 998
}

.searchZero p {
    font-size: 20px;
    font-weight: 600
}

.searchZero p a:not(.cimm_inlineButton) {
    color: #013780;
    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
}

.cimm_staticPageWrap .container-fluid {
    padding: 0
}

.locationDataWrap .panel {
    margin: 0;
    box-shadow: none
}

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

.overflowHidden {
    overflow: hidden;
    white-space: nowrap
}

.pagination>li>a,
.pagination>li>span {
    padding: 6px 8px
}

#OrdersHistoryTable_wrapper .dataTables_filter {
    display: none
}

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

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

.eventsiteresult {
    display: none
}

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

#searchResultsStatic .btntab li a {
    background-color: #f9f9f9;
    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>tbody>tr>td,
.invDetPrintPage .table-bordered>thead>tr>th {
    border-color: #2d2d2d !important;
    min-height: 35px
}

.invDetPrintPage .table-bordered>tbody>tr>td:nth-child(6),
.invDetPrintPage .table-bordered>thead>tr>th: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
}

#normalHead {
    position: relative;
    z-index: 999
}

.btn-primary,
.btnFinish,
.button,
.calendarFilterWrap .tableHeader ul.calendarFilterHead li,
.cimm_inlineButton,
.multiTab .multiTabContent .buttonWrap .btnNext,
.multiTab .multiTabContent .buttonWrap .btnPrevious,
.multiTab .multiTabContent+.buttonWrap .btnNext,
.multiTab .multiTabContent+.buttonWrap .btnPrevious {
    background: #013780;
    border-radius: 4px;
    border: 1px solid #000c1b;
    font-family: RobotoRegular !important;
    font-size: 14px !important;
    color: #fff;
    text-transform: capitalize !important;
    box-shadow: unset;
    padding: 6px 12px !important;
    margin: 0;
    position: relative;
    text-align: center
}

.btn-primary:active,
.btn-primary:active:focus,
.btn-primary:focus,
.btn-primary:hover,
.btnFinish:active,
.btnFinish:active:focus,
.btnFinish:focus,
.btnFinish:hover,
.button:active,
.button:active:focus,
.button:focus,
.button:hover,
.calendarFilterWrap .tableHeader ul.calendarFilterHead li:active,
.calendarFilterWrap .tableHeader ul.calendarFilterHead li:active:focus,
.calendarFilterWrap .tableHeader ul.calendarFilterHead li:focus,
.calendarFilterWrap .tableHeader ul.calendarFilterHead li:hover,
.cimm_inlineButton:active,
.cimm_inlineButton:active:focus,
.cimm_inlineButton:focus,
.cimm_inlineButton:hover,
.multiTab .multiTabContent .buttonWrap .btnNext:active,
.multiTab .multiTabContent .buttonWrap .btnNext:active:focus,
.multiTab .multiTabContent .buttonWrap .btnNext:focus,
.multiTab .multiTabContent .buttonWrap .btnNext:hover,
.multiTab .multiTabContent .buttonWrap .btnPrevious:active,
.multiTab .multiTabContent .buttonWrap .btnPrevious:active:focus,
.multiTab .multiTabContent .buttonWrap .btnPrevious:focus,
.multiTab .multiTabContent .buttonWrap .btnPrevious:hover,
.multiTab .multiTabContent+.buttonWrap .btnNext:active,
.multiTab .multiTabContent+.buttonWrap .btnNext:active:focus,
.multiTab .multiTabContent+.buttonWrap .btnNext:focus,
.multiTab .multiTabContent+.buttonWrap .btnNext:hover,
.multiTab .multiTabContent+.buttonWrap .btnPrevious:active,
.multiTab .multiTabContent+.buttonWrap .btnPrevious:active:focus,
.multiTab .multiTabContent+.buttonWrap .btnPrevious:focus,
.multiTab .multiTabContent+.buttonWrap .btnPrevious:hover {
    background: 0 0;
    border-radius: 4px;
    border: 1px solid #0262e5;
    background: #000c1b;
    color: #fff
}

.btn-secondary {
    background: #013780;
    border-radius: 4px;
    border: 1px solid #000c1b;
    font-family: RobotoRegular !important;
    font-size: 14px !important;
    color: #fff;
    text-transform: capitalize !important;
    box-shadow: unset;
    padding: 6px 12px !important;
    margin: 10px 0;
    position: relative;
    text-align: center
}

.btn-secondary:active,
.btn-secondary:active:focus,
.btn-secondary:focus,
.btn-secondary:hover {
    background: 0 0;
    border-radius: 4px;
    border: 1px solid #0262e5;
    background: #000c1b;
    color: #fff
}

.btn-addtocart {
    background: #013780;
    border-radius: 4px;
    border: 1px solid #000c1b;
    font-family: RobotoRegular !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:active,
.btn-addtocart:active:focus,
.btn-addtocart:focus,
.btn-addtocart:hover {
    background: 0 0;
    border-radius: 4px;
    border: 1px solid #0262e5;
    background: #000c1b;
    color: #fff
}

.btn-addtocart::before {
    content: none
}

.btn-viewallchoice {
    background: #013780;
    border-radius: 4px;
    border: 0 solid #000c1b;
    font-family: RobotoRegular !important;
    font-size: 14px !important;
    color: #fff;
    text-transform: capitalize !important;
    box-shadow: unset;
    padding: 10px 30px !important;
    margin: 5px 0;
    position: relative;
    text-align: center
}

.btn-viewallchoice:active,
.btn-viewallchoice:active:focus,
.btn-viewallchoice:focus,
.btn-viewallchoice:hover {
    background: 0 0;
    border-radius: 4px;
    border: 0 solid #0262e5;
    background: #000c1b;
    color: #fff
}

.btn-viewallchoice::before {
    content: none
}

.btn-continueshop {
    background: #013780;
    border-radius: 4px;
    border: 0 solid #000c1b;
    font-family: RobotoRegular !important;
    font-size: 14px !important;
    color: #fff;
    text-transform: capitalize !important;
    box-shadow: 0 3px 6px #00000066;
    padding: 6px 12px !important;
    margin: 10px 0;
    position: relative;
    text-align: center
}

.btn-continueshop:active,
.btn-continueshop:active:focus,
.btn-continueshop:focus,
.btn-continueshop:hover {
    background: 0 0;
    border-radius: 4px;
    border: 0 solid #0262e5;
    background: #000c1b;
    color: #fff
}

.btn-continueshop::before {
    content: none
}

button,
input[type=submit] {
    -moz-appearance: none;
    -webkit-appearance: none;
    -appearance: none;
    font-family: RobotoRegular;
    outline: 0
}

button:active,
input[type=submit]:active {
    outline: 0;
    color: #fff
}

.form-group .bootstrap-select .btn.dropdown-toggle {
    text-transform: capitalize;
    font-weight: 400;
    font-family: RobotoRegular
}

.compareSimDiffBtns.active {
    background: #013780
}

.btnFinish,
.button,
.calendarFilterWrap .tableHeader ul.calendarFilterHead li,
.multiTab .multiTabContent .buttonWrap .btnNext,
.multiTab .multiTabContent .buttonWrap .btnPrevious,
.multiTab .multiTabContent+.buttonWrap .btnNext,
.multiTab .multiTabContent+.buttonWrap .btnPrevious {
    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: RobotoRegular;
    font-weight: 300
}

.btn-addtocart {
    vertical-align: unset
}

.btn-addtocart.btns-disable {
    opacity: .3
}

.btns-disable {
    cursor: not-allowed !important;
    opacity: .8
}

.btns-disable:hover {
    text-decoration: none
}

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

.cimm_btnGroupEnclosure {
    margin: 25px auto;
    padding-bottom: 30px;
    border-bottom: 1px solid #000
}

.cimm_btnGroupEnclosure>ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    text-align: center;
    align-items: flex-start
}

@media all and (max-width:768px) {
    .cimm_btnGroupEnclosure>ul {
        flex-direction: column
    }
}

@media all and (max-width:480px) {
    .cimm_btnGroupEnclosure>ul {
        flex-direction: column
    }
}

.cimm_btnGroupEnclosure>ul>li {
    padding: unset;
    position: relative;
    max-width: 185px
}

.cimm_btnGroupEnclosure>ul>li:last-child {
    padding-right: 0
}

.cimm_btnGroupEnclosure>ul>li a:not(.btn) {
    color: #013780;
    font-size: 16px;
    background: 0 0;
    cursor: pointer
}

.cimm_btnGroupEnclosure>ul>li a:not(.btn) em {
    margin-right: 10px;
    font-size: 18px
}

.cimm_btnGroupEnclosure>ul>li .popMsg {
    right: auto
}

@media all and (max-width:768px) {
    .cimm_btnGroupEnclosure>ul>li {
        max-width: unset;
        flex: auto
    }
}

@media all and (max-width:480px) {
    .cimm_btnGroupEnclosure>ul>li {
        max-width: unset;
        flex: auto
    }
}

.myProductGroupbutton {
    position: relative;
    padding: 0 0 0 10px !important;
    text-decoration: underline !important;
    display: inline-block;
    font-size: 14px;
    color: #013780 !important
}

.myProductGroupbutton:before {
    content: "+";
    position: absolute;
    left: 0
}

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

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

.slideBtns.btns-disable {
    opacity: .8
}

.switch {
    position: relative;
    display: inline-block;
    width: 120px;
    height: 30px
}

.switch input {
    display: none
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e5e5e5;
    -webkit-transition: .4s;
    transition: .4s;
    z-index: 1;
    padding: 5px 10px 5px 7px;
    color: #fff
}

.slider:before {
    position: absolute;
    content: "";
    z-index: -1;
    height: 30px;
    width: 60px;
    left: 0;
    bottom: 0;
    background-color: #555;
    -webkit-transition: .4s;
    transition: .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)
}

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

.dark-ripple:hover,
.light-ripple:hover {
    cursor: pointer
}

.dRipple,
.lRipple {
    background-color: rgba(255, 255, 255, .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, .28)
}

.animate {
    -webkit-animation: ripple .4s linear;
    animation: ripple .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_page-title {
    color: #000;
    font-family: RobotoCondensedBold;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    background: 0 0;
    border-radius: 0;
    border: 0;
    border-bottom: 0 solid #a1a1a1;
    margin: 0 0 15px 0;
    padding: 15px 0;
    position: relative;
    word-break: break-all
}

.cimm_page-title:after,
.cimm_page-title:before {
    content: "";
    display: table
}

.cimm_page-title:after {
    clear: both
}

.cimm_block-title,
.cimm_blockHeading {
    color: #2d2d2d;
    font-family: RobotoCondensedBold;
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
    background: 0 0;
    border-radius: 0;
    border: 0;
    border-bottom: 0 solid #a1a1a1;
    margin: 0;
    padding: 0;
    position: relative;
    word-break: break-all
}

.cimm_block-title:after,
.cimm_block-title:before,
.cimm_blockHeading:after,
.cimm_blockHeading:before {
    content: "";
    display: table
}

.cimm_block-title:after,
.cimm_blockHeading:after {
    clear: both
}

.cimm_slider-title {
    color: #2d2d2d;
    font-family: RobotoRegular;
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
    background: 0 0;
    border-radius: 0;
    border: 0;
    border-bottom: 0 solid #a1a1a1;
    margin: 15px 0;
    padding: 0;
    position: relative;
    word-break: break-all
}

.cimm_slider-title:after,
.cimm_slider-title:before {
    content: "";
    display: table
}

.cimm_slider-title:after {
    clear: both
}

.cimm_CaroBlockTitle {
    color: #2d2d2d;
    font-family: RobotoRegular;
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
    background: 0 0;
    border-radius: 0;
    border: 0;
    border-bottom: 0 solid #a1a1a1;
    margin: 10 0 15px 0;
    padding: 0;
    position: relative;
    word-break: break-all
}

.cimm_CaroBlockTitle:after,
.cimm_CaroBlockTitle:before {
    content: "";
    display: table
}

.cimm_CaroBlockTitle:after {
    clear: both
}

input {
    font-family: RobotoRegular;
    border: 1px solid #a1a1a1
}

textarea {
    resize: vertical
}

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

.cimm_advancedSearchFilter {
    margin-bottom: 10px;
    border: 1px solid #ccc;
    padding: 5px;
    background: #333
}

.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
}

.inline-radiobtn label.customRadioBtn {
    display: inline-block !important;
    margin: 0 5px;
    position: static;
    pointer-events: all
}

.customRadioBtn {
    position: relative;
    cursor: pointer;
    margin: 0
}

.customRadioBtn span {
    padding: 0 0 0 20px
}

.customRadioBtn input[type=radio] {
    display: none
}

.customRadioBtn input[type=radio]+span:after,
.customRadioBtn input[type=radio]+span:before {
    content: "";
    position: absolute;
    height: 12px;
    width: 12px;
    top: 2px;
    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 #013780;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.customRadioBtn input[type=radio]:checked+span:before {
    background: #013780;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.customRadioBtn input[type=radio]:disabled+span:after {
    border: 2px solid #eee;
    cursor: not-allowed
}

.customRadioBtn input[type=radio]:disabled:checked+span:before {
    background: #eee;
    border: 2px solid #eee
}

.customCheckBox {
    position: relative;
    display: inline-block;
    padding-left: 22px;
    cursor: pointer;
    line-height: 16px;
    margin: 0
}

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

.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
}

.customCheckBox input[type=checkbox]+span:before,
.customCheckBox2 input[type=checkbox]+span:before {
    content: "";
    background: #fff;
    position: absolute;
    height: 0;
    width: 3px;
    top: 6px;
    left: 5px;
    -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 .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.customCheckBox input[type=checkbox]+span:after,
.customCheckBox2 input[type=checkbox]+span:after {
    content: "";
    position: absolute;
    width: 12px;
    display: block;
    height: 12px;
    border: 2px solid #2d2d2d;
    top: 1px;
    left: 0;
    background: #fff;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.customCheckBox input[type=checkbox]:checked+span:after,
.customCheckBox2 input[type=checkbox]:checked+span:after {
    border: 1px solid #013780;
    background: #013780;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

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

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

.customCheckBox input[type=checkbox]:disabled+span:after,
.customCheckBox2 input[type=checkbox]:disabled+span:after {
    border: 1px solid #d2d2d2;
    cursor: not-allowed
}

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

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

.customCheckBox input[type=checkbox]:disabled,
.customCheckBox2 input[type=checkbox]:disabled {
    cursor: not-allowed
}

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: 0;
    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 .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .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 .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.customCheckBoxRight input[type=checkbox]:checked+span:after {
    border: 1px solid #4079aa;
    background: #4079aa;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .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 .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .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(0);
    height: 14px;
    width: 14px;
    cursor: not-allowed
}

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

#cartPopModel p {
    margin: 5px 0
}

#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.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
}

.compareTableWrap .table thead tr th {
    text-align: center
}

.compareTableWrap .table thead tr th:first-child {
    text-align: left
}

.compareTableWrap .table tbody tr td {
    width: 120px;
    text-align: center
}

.compareTableWrap .table tbody tr td:first-child {
    text-align: left
}

.compareTableWrap .table tbody tr td a.comprProdTitle {
    display: block
}

.compareTableWrap .pushbtnGroup {
    display: block;
    text-align: center
}

.compareTableWrap .pushbtnGroup li {
    display: inline-block
}

.compareTableWrap .different.active {
    background: #f55;
    color: #fff
}

.compareTableWrap .similar.active {
    background: #9df59d;
    color: #2d2d2d
}

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

#productModeItemContent .tablesWrap,
.productModeItemContent .tablesWrap {
    overflow: unset !important
}

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

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

.sort-head {
    cursor: pointer
}

@media only screen and (max-width:992px) {

    .rwd-table tbody,
    .rwd-table td,
    .rwd-table th,
    .rwd-table thead,
    .rwd-table tr,
    table.rwd-table {
        display: block
    }

    .rwd-table thead tr {
        display: none
    }

    .table.rwd-table td {
        border: 1px solid #eee !important;
        position: relative;
        padding: 8px 8px 8px 50%;
        white-space: normal;
        text-align: left;
        word-wrap: break-word;
        min-height: 20px
    }

    .table.rwd-table td[colspan] {
        padding: 20px 8px;
        text-align: center
    }

    .rwd-table td:before {
        position: absolute;
        top: 8px;
        left: 6px;
        max-width: 48%;
        padding-right: 10px;
        text-align: left;
        font-weight: 700
    }

    .rwd-table td:before {
        content: attr(data-th)
    }

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

    #ShipDiv .col-sm-5,
    #ShipDiv .col-sm-6,
    #ShipDiv .col-sm-7,
    #salesrepModal .col-sm-5,
    #salesrepModal .col-sm-6,
    #salesrepModal .col-sm-7 {
        width: 100%;
        text-align: center;
        margin-bottom: 6px
    }

    #ShipDiv .dataTables_filter,
    #ShipDiv .dataTables_paginate,
    #salesrepModal .dataTables_filter,
    #salesrepModal .dataTables_paginate {
        text-align: center
    }

    #ShipDiv .form-inline .form-control,
    #salesrepModal .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .rwd-table .table-skuBlock {
        width: 100%
    }
}

.autosuggestdiv,
.table_quoterequest tbody tr td {
    position: relative
}

.autosuggestdiv .autosuggestspan,
.table_quoterequest tbody tr td .autosuggestspan {
    position: absolute;
    background: #fff;
    z-index: 99;
    background: #fafafa;
    border: 1px solid #eee
}

.autosuggestdiv .autosuggestspan>ul,
.table_quoterequest tbody tr td .autosuggestspan>ul {
    min-width: 665px;
    max-height: 250px;
    overflow: auto
}

.autosuggestdiv .autosuggestspan>ul::-webkit-scrollbar,
.table_quoterequest tbody tr td .autosuggestspan>ul::-webkit-scrollbar {
    width: 4px
}

.autosuggestdiv .autosuggestspan>ul::-webkit-scrollbar-track,
.table_quoterequest tbody tr td .autosuggestspan>ul::-webkit-scrollbar-track {
    background: #fff
}

.autosuggestdiv .autosuggestspan>ul::-webkit-scrollbar-thumb,
.table_quoterequest tbody tr td .autosuggestspan>ul::-webkit-scrollbar-thumb {
    background: #adadad
}

.autosuggestdiv .autosuggestspan>ul.rowul>li,
.table_quoterequest tbody tr td .autosuggestspan>ul.rowul>li {
    min-height: 50px;
    font-family: RobotoRegular;
    padding: 5px;
    display: table;
    border-bottom: 1px solid #eee
}

.autosuggestdiv .autosuggestspan>ul.rowul>li:hover,
.table_quoterequest tbody tr td .autosuggestspan>ul.rowul>li:hover {
    background: #b5b5b5;
    cursor: pointer
}

.autosuggestdiv .autosuggestspan>ul.rowul>li.active,
.table_quoterequest tbody tr td .autosuggestspan>ul.rowul>li.active {
    background: #b5b5b5;
    cursor: pointer
}

.autosuggestdiv .autosuggestspan>ul.rowul>li>span,
.table_quoterequest tbody tr td .autosuggestspan>ul.rowul>li>span {
    vertical-align: top;
    text-align: left;
    padding: 5px;
    width: 185px;
    display: table-cell
}

.autosuggestdiv .autosuggestspan>ul.rowul>li>span.itemdescspan,
.table_quoterequest tbody tr td .autosuggestspan>ul.rowul>li>span.itemdescspan {
    width: 50.5%
}

.inventeryRepItems .autosuggestdiv .autosuggestspan {
    left: 23%
}

.inventeryRepItems .autosuggestdiv .autosuggestspan ul.rowul {
    min-width: 620px
}

.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
}

.multiTab {
    width: 100%
}

.multiTab ul.multiTabHeading {
    position: relative
}

.multiTab ul.multiTabHeading li {
    float: left
}

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

.multiTab ul.multiTabHeading li a.active {
    background: #e5e5e5;
    color: #2d2d2d;
    text-transform: uppercase
}

.multiTab ul.multiTabHeading .slide {
    content: "";
    position: absolute;
    height: 2px;
    left: 0;
    background: #013780;
    bottom: 0;
    transition: left .25s cubic-bezier(.5, 0, .25, 1);
    -webkit-transition: left .25s cubic-bezier(.5, 0, .25, 1)
}

.multiTab .multiTabContent {
    position: relative;
    width: 100%;
    z-index: 9;
    overflow: hidden
}

.multiTab .multiTabContent>h3 {
    margin: 0;
    text-transform: uppercase;
    font-weight: 700;
    background: #ebebeb;
    color: #404040;
    padding: 10px 20px 10px 15px;
    position: relative;
    font-size: 14px;
    cursor: pointer;
    min-height: 36px;
    border-bottom: 1px solid #555
}

.multiTab .multiTabContent>h3:after {
    position: absolute;
    top: 12px;
    right: 6px;
    font-size: 12px
}

.multiTab .multiTabContent>h3.active {
    background: #404040;
    color: #fff
}

.multiTab .multiTabContent>h3.active:after {
    content: "";
    font-family: "Glyphicons Halflings"
}

.multiTab .multiTabContent>h3:after {
    content: "";
    font-family: "Glyphicons Halflings"
}

.multiTab .multiTabContent>div {
    padding: 20px;
    background: #fff;
    border: 2px solid #e5e5e5
}

.multiTab .multiTabContent .buttonWrap {
    text-align: right;
    margin-top: 15px
}

.multiTab .multiTabContent .buttonWrap .btnNext,
.multiTab .multiTabContent .buttonWrap .btnPrevious {
    margin-right: 10px;
    display: inline-block
}

.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 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: #013780;
    bottom: 0;
    transition: left .25s cubic-bezier(.5, 0, .25, 1);
    -webkit-transition: left .25s cubic-bezier(.5, 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: 700;
    background: #ebebeb;
    color: #404040;
    padding: 10px 15px;
    position: relative;
    font-size: 14px;
    cursor: pointer;
    height: 36px;
    border-bottom: 1px solid #555
}

.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: "";
    font-family: "Glyphicons Halflings"
}

.multiTab .multiTabContent2>h3:after {
    content: "";
    font-family: "Glyphicons Halflings"
}

.btnFinish {
    margin-right: 0;
    display: inline-block
}

.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 #70707036
}

#wizardCheckout .multiTabHeading2>li>a {
    padding: 18px;
    font-size: 18px;
    font-family: RobotoRegular;
    font-weight: 600;
    background: 0 0
}

#wizardCheckout .multiTabHeading2>li>a.active {
    font-weight: 700;
    color: #009acf;
    position: relative
}

#wizardCheckout .multiTabHeading2>li>a.active::after {
    content: "";
    bottom: -1px;
    left: 0;
    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: RobotoRegular
}

#wizardCheckout .buttonWrap a.btnFinish::after,
#wizardCheckout .buttonWrap a.btnFinish::before,
#wizardGuestCheckout .buttonWrap a.btnFinish::after,
#wizardGuestCheckout .buttonWrap a.btnFinish::before {
    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: RobotoRegular;
    color: #000
}

#wizardCheckout .multiTabHeading li a.active,
#wizardGuestCheckout .multiTabHeading li a.active,
#wizardReg .multiTabHeading li a.active {
    background: 0 0
}

#wizardCheckout .multiTabHeading li a.active b,
#wizardGuestCheckout .multiTabHeading li a.active b,
#wizardReg .multiTabHeading li a.active b {
    background: #013780;
    border: 2px solid #013780;
    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 li a.active,
#searchResultsStatic ul.multiTabHeading li a.active {
    background-color: #013780;
    color: #fff
}

#cimm_regBlock ul.multiTabHeading li a,
#searchResultsStatic ul.multiTabHeading li a {
    background-color: #f9f9f9;
    color: #000
}

.ac_trending {
    position: absolute;
    background-color: #fff;
    z-index: 999;
    box-shadow: 0 2px 4px #555;
    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: #2d2d2d
}

.ac_trending ul li a:hover {
    background: #e5e5e5
}

.ac_results {
    position: absolute;
    background-color: #fff;
    border: 1px solid #555;
    z-index: 999;
    box-shadow: 0 2px 4px #555;
    width: 100%;
    top: 34px
}

.ac_results ul li {
    text-align: left;
    margin: 0;
    padding: 6px 10px;
    cursor: pointer;
    color: #2d2d2d;
    font: menu;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    width: 100%
}

.ac_results ul li.catheader,
.ac_results ul li.catheader.ac_over {
    font-size: 14px;
    background-color: #013780;
    color: #fff;
    cursor: default;
    text-align: left
}

.ac_results ul li.ac_over {
    background: #e6e6e6
}

.ac_results ul li strong {
    color: #013780
}

.ac_results ul li.suggest {
    position: absolute;
    left: 100%;
    top: -1px;
    background: #fff;
    width: 450px;
    border: 1px solid #555;
    padding: 0;
    min-height: 424px;
    box-shadow: 2px 2px 4px #555;
    padding: 10px;
    min-height: 150px
}

.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: #2d2d2d;
    float: left;
    width: calc(100% - 90px);
    font-size: 16px
}

.ac_results ul li.suggest .titleImg-container a.title {
    color: #013780;
    font-family: RobotoBlack;
    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: 50px;
    height: 50px;
    margin-right: 10px;
    float: left;
    border: 1px solid #e5e5e5
}

.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% - 60px);
    vertical-align: middle;
    float: left
}

.ac_results ul li.suggest .cat-product .info .ac_titleWrap {
    width: calc(100% - 135px);
    float: left
}

.ac_results ul li.suggest .cat-product .info .ac_titleWrap a {
    color: #2d2d2d;
    font-size: 16px;
    display: block;
    font-weight: 700;
    padding: 0 0 5px 0
}

.ac_results ul li.suggest .cat-product .info .ac_titleWrap p {
    color: #2d2d2d;
    font-size: 14px
}

.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 .multiTab .multiTabContent .buttonWrap a.btnNext,
.ac_results ul li.suggest .multiTab .multiTabContent .buttonWrap a.btnPrevious,
.ac_results ul li.suggest .multiTab .multiTabContent+.buttonWrap a.btnNext,
.ac_results ul li.suggest .multiTab .multiTabContent+.buttonWrap a.btnPrevious,
.ac_results ul li.suggest a.btnFinish,
.ac_results ul li.suggest a.button,
.multiTab .multiTabContent .buttonWrap .ac_results ul li.suggest a.btnNext,
.multiTab .multiTabContent .buttonWrap .ac_results ul li.suggest a.btnPrevious,
.multiTab .multiTabContent+.buttonWrap .ac_results ul li.suggest a.btnNext,
.multiTab .multiTabContent+.buttonWrap .ac_results ul li.suggest a.btnPrevious {
    float: right;
    width: auto;
    padding: 6px 10px;
    height: auto
}

.ac_results ul li.suggest .autocomplete-cat .multiTab .multiTabContent .buttonWrap a.btnNext,
.ac_results ul li.suggest .autocomplete-cat .multiTab .multiTabContent .buttonWrap a.btnPrevious,
.ac_results ul li.suggest .autocomplete-cat .multiTab .multiTabContent+.buttonWrap a.btnNext,
.ac_results ul li.suggest .autocomplete-cat .multiTab .multiTabContent+.buttonWrap a.btnPrevious,
.ac_results ul li.suggest .autocomplete-cat a.btnFinish,
.ac_results ul li.suggest .autocomplete-cat a.button,
.multiTab .multiTabContent .buttonWrap .ac_results ul li.suggest .autocomplete-cat a.btnNext,
.multiTab .multiTabContent .buttonWrap .ac_results ul li.suggest .autocomplete-cat a.btnPrevious,
.multiTab .multiTabContent+.buttonWrap .ac_results ul li.suggest .autocomplete-cat a.btnNext,
.multiTab .multiTabContent+.buttonWrap .ac_results ul li.suggest .autocomplete-cat a.btnPrevious {
    float: left
}

.catWrap {
    width: 35%;
    float: left
}

.catWrap div {
    text-align: left;
    font: menu;
    line-height: 24px
}

.catWrap div strong {
    color: #013780
}

.catWrap li:first-child {
    background: #e6e6e6
}

.ac_results .itemWraper {
    padding-top: 22px;
    width: 65%;
    float: left;
    background: #e6e6e6
}

.ac_results .itemWraper .prodWrap li {
    display: inline-block;
    width: 25%
}

.ac_results .itemWraper .prodWrap li span {
    display: block;
    margin-top: 5px;
    height: 50px
}

.ac_results .itemWraper .prodWrap li img {
    width: 100%;
    display: block
}

.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: #013780;
    color: #fff;
    padding: 6px 25px;
    display: inline-block;
    margin-bottom: 10px;
    font-size: 14px;
    font-family: RobotoRegular;
    font-weight: 300
}

.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-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 45%;
    display: block;
    width: 30px;
    height: 50px;
    margin-top: -22px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: #fff;
    z-index: 9
}

.bxslider .slick-prev {
    left: 0
}

.slick-prev {
    left: 20px;
    box-shadow: 1px 2px 10px -1px #adadad
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -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;
    padding: 5px
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -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-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:after {
    clear: both;
    display: block;
    content: ""
}

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

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

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

.slick-next {
    right: 5px;
    box-shadow: 1px 2px 10px -1px #adadad
}

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: 0;
    background: 0 0
}

ul.slick-dots li button::before {
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    content: "";
    text-align: center;
    background: #013780;
    border-radius: 10px
}

ul.slick-dots li.slick-active button:before {
    background: #797d82
}

.slick-next:hover,
.slick-prev:hover {
    background: #fff;
    box-shadow: 1px 2px 10px 1px #adadad
}

.slick-next:hover:before,
.slick-prev:hover:before {
    color: #e5e5e5
}

.slick-next:before,
.slick-prev:before {
    font-family: "Font Awesome 5 Free";
    font-size: 38px;
    line-height: 1;
    opacity: .75;
    color: #2d2d2d;
    font-weight: 900
}

.slick-prev::before {
    content: "\f104"
}

.slick-next:hover:before,
.slick-prev:hover:before {
    color: #555
}

.slick-next::before {
    content: "\f105"
}

.cimm_stickyPageWrap {
    min-height: 100%;
    margin: 0 auto -355px auto;
    width: 100%
}

.cimm_stickyPageWrap:after {
    content: "";
    display: block
}

.cimm_sliderWrap {
    overflow: hidden
}

.cimm_sliderWrap .cimm_CaroBlockTitle {
    letter-spacing: 1px
}

.cimm_sliderWrap .cimm_CaroBlockTitle label {
    background: #fff;
    position: relative;
    z-index: 1
}

.cimm_sliderWrap .cimm_caroWrap {
    margin: 0 0 0 -15px;
    padding: 0 !important
}

.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: "\f106";
    line-height: .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: "\f107";
    line-height: .5
}

.cimm_sliderWrap .cimm_caroWrap .slick-slide {
    margin: 0 0 0 15px;
    box-shadow: 0 0 6px #adadad;
    border-radius: 3px
}

.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: 100px;
    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: 100px
}

.cimm_slideItemImg {
    width: 100%;
    height: 200px;
    position: relative
}

.cimm_slideItemImg a {
    text-align: center;
    height: 100%
}

.cimm_slideItemImg a img {
    max-width: 100%;
    width: auto;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-height: 198px
}

.cimm_slideItemDesp {
    padding: 10px
}

.cimm_slideItemDesp .productTitle {
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    min-height: 40px;
    height: 40px
}

.cimm_slideItemDesp ul li {
    margin: 0 0 5px 0
}

.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, .6);
    color: #fff;
    font-family: RobotoRegular;
    padding: 10px 13px
}

.sliderCaption h2 {
    margin: 0 0 5px 0
}

@media print {
    body {
        height: auto;
        width: 1000px
    }

    a[href]:after {
        content: none !important
    }

    .container {
        -webkit-print-color-adjust: exact
    }

    .cimm_footerEnclosure,
    .cimm_stickyPageWrap:after {
        height: 0
    }

    .cimm_stickyPageWrap {
        margin: 0
    }

    #leftMenu+.col-md-9 {
        width: 100%
    }

    #linkedItemSectionContent,
    .cimm_BreadCrumbs,
    .cimm_itemdetail_thumblist,
    .documentStack li a,
    .hideForPrint,
    .imgEnlargeIcon,
    .multiTabHeading,
    footer,
    header,
    nav {
        display: none !important
    }

    .cimm_pdfLink {
        display: block !important;
        color: #013780
    }

    .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.active:after,
    .multiTab .multiTabContent>h3:after {
        content: ""
    }

    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .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-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left
    }

    .col-md-12,
    .col-sm-12 {
        width: 100%
    }

    .col-md-11,
    .col-sm-11 {
        width: 91.66666667%
    }

    .col-md-10,
    .col-sm-10 {
        width: 83.33333333%
    }

    .col-md-9,
    .col-sm-9 {
        width: 75%
    }

    .col-md-8,
    .col-sm-8 {
        width: 66.66666667%
    }

    .col-md-7,
    .col-sm-7 {
        width: 58.33333333%
    }

    .col-md-6,
    .col-sm-6 {
        width: 50%
    }

    .col-md-5,
    .col-sm-5 {
        width: 41.66666667%
    }

    .col-md-4,
    .col-sm-4 {
        width: 33.33333333%
    }

    .col-md-3,
    .col-sm-3 {
        width: 25%
    }

    .col-md-2,
    .col-sm-2 {
        width: 16.66666667%
    }

    .col-md-1,
    .col-sm-1 {
        width: 8.33333333%
    }
}

.cimm_itemTitle {
    margin: 5px 0;
    color: #2d2d2d;
    font-size: 18px;
    text-transform: uppercase;
    font-family: RobotoBlack
}

.itemDesc {
    line-height: normal;
    padding: 2px 0
}

.skuBlock {
    line-height: 20px
}

.table-skuBlock {
    width: 35%
}

.itemContainer {
    display: flex;
    flex-wrap: wrap
}

.itemContainer .gridView {
    display: flex;
    flex-direction: column;
    flex: 0 0 32%;
    max-width: 32%;
    margin: 10px 0;
    border: 1px solid #a1a1a1;
    padding: 15px
}

.itemContainer .gridView:nth-child(3n+2) {
    margin: 10px 2%
}

.itemContainer .gridView .toggleProductMode {
    display: none
}

.itemContainer .gridView .viewChoices {
    height: 34px;
    margin-top: 10px
}

.itemContainer .gridView .viewChoices button {
    position: absolute;
    bottom: 0
}

.itemContainer .listView {
    margin: 10px 0;
    border: 1px solid #a1a1a1;
    padding: 15px;
    width: 100%;
    display: table
}

.itemContainer .listView .sessionImg {
    width: 250px;
    float: left;
    margin-right: 20px
}

.itemContainer .listView .sessionDesp {
    width: calc(100% - 270px);
    float: left;
    min-height: 220px;
    position: relative
}

.itemContainer .listView .priceButton,
.itemContainer .listView .skuBlock {
    float: left;
    width: 50%;
    padding-right: 5px
}

.toggleProductMode {
    clear: both
}

.toggleProductModeLink {
    padding-left: 20px;
    position: relative
}

.toggleProductModeLink:after {
    content: "";
    height: 14px;
    width: 14px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 1px;
    border: 1px solid #a1a1a1
}

.toggleProductModeLink.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
}

.sessionDesp {
    height: 100%;
    position: relative
}

.packDesc {
    color: #ed7118
}

.cimm_priceWrap {
    margin: 2px 0
}

.cimm_qtyBtnWrap>div {
    display: inline-block
}

.cimm_qtyBtnWrap .addToCart_wrap {
    margin-left: 2px
}

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

.productGroupBtn {
    cursor: pointer;
    position: relative;
    margin: 5px 0;
    font-size: 14px
}

.productGroupBtn span {
    font-size: 14px
}

.productGroupBtn a.log-addTocart-btn {
    color: #fff
}

.productGroupBtn a.log-addTocart-btn:hover {
    text-decoration: none
}

.productGroupBtn a em {
    margin-right: 4px
}

.productGroupBtn a:hover {
    text-decoration: underline
}

.productGroupBtn ul {
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0;
    width: 100% !important;
    padding: 5px;
    background: #fff;
    border: 1px solid #a1a1a1;
    max-height: 220px;
    overflow-x: auto
}

.productGroupBtn ul li {
    width: 100%;
    border-bottom: 1px solid #a1a1a1
}

.productGroupBtn ul li.groupSelect {
    border: none
}

.productGroupBtn ul li:last-child,
.productGroupBtn ul li:nth-child(1) {
    border: none
}

.productGroupBtn ul li input {
    height: 35px;
    padding: 10px 6px;
    width: 100%
}

.productGroupBtn ul li a {
    color: #2d2d2d;
    text-transform: capitalize;
    display: block;
    padding: 5px;
    white-space: normal;
    word-break: break-all
}

.productGroupBtn ul li a:hover {
    background: #013780;
    color: #fff
}

.custparNoBtn {
    font-size: 14px
}

.custparNoBtn>a {
    color: #2d2d2d
}

.custparNoBtn>a:hover {
    text-decoration: underline
}

.custparNoBtn ul {
    width: 100%;
    padding: 5px
}

.custparNoBtn ul li {
    width: 100%;
    border-bottom: 1px solid #a1a1a1;
    text-align: left
}

.custparNoBtn ul li label {
    width: 100%
}

.custparNoBtn ul li:last-child {
    border: none
}

.custparNoBtn ul li.text-center {
    text-align: center
}

.custparNoBtn ul li input {
    height: 35px;
    padding: 10px 6px;
    width: 100%
}

.custparNoBtn ul li a {
    color: #2d2d2d;
    text-transform: capitalize;
    display: block;
    padding: 5px;
    white-space: normal;
    word-break: break-all
}

.custparNoBtn ul li a:hover {
    background: #013780;
    color: #fff
}

.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
}

.itemPerPage label {
    margin-bottom: 0;
    vertical-align: bottom
}

.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: RobotoRegular;
    margin-left: 10px
}

.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
}

.productGroup-open.productGroupBtn ul {
    top: calc(100% - 25px)
}

.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 #eee;
    cursor: not-allowed;
    background: #eee;
    color: #000
}

input[type=checkbox].spex-switch:disabled+label:before {
    border: 1px solid #eee;
    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: 0;
    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 .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .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 #013780;
    background: #013780;
    color: #fff;
    padding: 8px 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .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 #013780;
    background: #013780;
    color: #fff
}

input[type=checkbox]:checked.spex-switch:disabled+label:after {
    border: 1px solid #eee;
    cursor: not-allowed;
    background: #eee;
    color: #000
}

input[type=checkbox]:checked.spex-switch:disabled+label:before {
    border: 1px solid #eee;
    cursor: not-allowed
}

.text-disabled {
    color: #ccc
}

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

.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 0
    }

    .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 0
    }
}

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

.subscriptionBlock_2021 .productGroupBtn ul li a.btn {
    color: #fff !important
}

.cat-nav.nav-pills {
    background: #254460;
    box-shadow: 0 1px 8px rgba(0, 0, 0, .6);
    padding: 0 !important
}

.cat-nav.nav-pills li {
    width: calc(100% / 6);
    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 #013780
}

.cat-nav.nav-pills li.active a:focus,
.cat-nav.nav-pills li.active a:hover,
.cat-nav.nav-pills li.active>a {
    background: #013780;
    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: #013780;
    border-radius: 0
}

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

.shadow {
    box-shadow: 0 0 6px rgba(0, 0, 0, .15)
}

.move {
    cursor: move
}

.delete {
    cursor: pointer
}

.onoffswitch {
    position: relative;
    width: 40px;
    -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: 10px
}

.onoffswitch-switch {
    display: block;
    width: 20px;
    margin: 2px;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 16px;
    border-radius: 10px;
    transition: all .3s ease-in 0s
}

.onoffswitch-inner {
    display: block;
    width: 90px;
    margin-left: -100%;
    transition: margin .3s ease-in 0s
}

.onoffswitch-inner:after,
.onoffswitch-inner:before {
    content: '';
    display: block;
    float: left;
    width: 22px;
    height: 18px;
    padding: 0;
    line-height: 18px;
    box-sizing: border-box
}

.onoffswitch-inner:before {
    padding-left: 10px;
    background: #013780;
    width: 40px
}

.onoffswitch-inner:after {
    padding-right: 10px;
    background: #2d2d2d;
    width: 40px
}

.swithcWrapper>span {
    vertical-align: top
}

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

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

.fluid-block {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    background: #fff;
    margin: 0 -50vw;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    margin-bottom: 20px;
    min-height: 40px;
    padding: 5px 0
}

.fluid-block .cimm_page-title {
    display: inline-block;
    margin: 0;
    text-transform: capitalize;
    font-family: RobotoRegular;
    padding: 10px 0
}

.fluid-block .cimm_listGridTopControls {
    border: unset
}

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

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

.warehouse_listWrap {
    background: #eee;
    padding: 15px;
    max-height: 350px;
    overflow: auto
}

.warehouse_list {
    padding: 0 0 0 30px;
    position: relative;
    margin-top: 15px
}

.warehouse_list label {
    display: block;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .3)
}

.customCheckBox_new {
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -11px
}

.customCheckBox_new [type=radio]:checked,
.customCheckBox_new [type=radio]:not(:checked) {
    left: 0
}

.brancLocationDropdown,
.shipLocationDropdown {
    max-width: 350px;
    width: 350px;
    margin: 0 auto;
    overflow: hidden
}

.brancLocationDropdown strong,
.shipLocationDropdown strong {
    font-weight: 600
}

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

.warehouse_search {
    padding: 10px
}

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

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

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

.customCheckBox_new_checked:after {
    content: '';
    height: 3px;
    width: 8px;
    position: absolute;
    top: 0;
    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 {
    background: #fff;
    padding: 10px;
    border-radius: 5px
}

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

.active:active {
    background: 0 0 !important
}

.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
}

.modal-dialog {
    max-height: 90vh;
    overflow-y: auto;
    overflow-x: hidden
}

.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
}

.view_all-link {
    color: #337ab7;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    position: absolute;
    right: 15px;
    top: 50%
}

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

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

.grecaptcha-badge {
    z-index: 10
}

.groupIcon {
    position: relative;
    padding-right: 12px
}

.groupIcon .supIcon {
    font-size: 10px;
    position: absolute
}

.lineItemComments {
    padding: 3px 5px;
    max-width: 100%;
    width: 200px;
    border-radius: 3px
}

.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: RobotoRegular;
    margin-left: 10px
}

@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, .5)
    }

    100% {
        box-shadow: 0 0 0 20px transparent
    }
}

@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 .orderStatus>.alert {
    font-size: 16px;
    font-weight: 700
}

.orderconfirmation .card {
    border: 1px solid #a1a1a1
}

.orderconfirmation .card>h4 {
    margin-top: 0;
    margin-bottom: 10px;
    padding-bottom: 10px;
    color: #2d2d2d;
    font-size: 16px;
    font-family: RobotoBlack;
    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 0 0;
    margin: 0
}

.orderconfirmation_left h3 span {
    font-weight: 400
}

.orderconfirmation_left h3 i {
    margin: 0 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: 0 5px
}

.orderconfirmation_items .card .card_item-descr p {
    margin: 5px 0;
    word-break: break-all
}

.orderconfirmation_items .card .card_item-descr p:first-child {
    margin-top: 0
}

.orderconfirmation_items .card .card_item-descr p.formatPrice {
    font-weight: 700
}

.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: 0
}

.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: 0 3px 6px #00000066
}

#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
}

.priceInfoBlock .detailButtonWrap .custparNoBtn a>span,
.priceInfoBlock .detailButtonWrap .productGroupBtn a>span {
    padding-right: 0
}

.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 #a1a1a1;
    cursor: pointer;
    border-radius: 3px
}

.cimm_itemdetail .cimm_itemDescription ul li .filterSizeContent.filterBlockActive {
    background: #fff
}

.cimm_itemdetail .cimm_itemDescription ul li .filterSizeContent.filterBlockActive a {
    color: #2d2d2d
}

.cimm_itemdetail .cimm_itemDescription ul li .filterSizeContent.filterBlockDisable {
    pointer-events: none !important;
    opacity: .3;
    cursor: not-allowed !important
}

.cimm_itemdetail .cimm_itemDescription ul li .filterBlockSelected,
.cimm_itemdetail .cimm_itemDescription ul li .filterSizeContent:hover {
    border-color: #013780;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    background: #013780
}

.cimm_itemdetail .cimm_itemDescription ul li .filterBlockSelected a,
.cimm_itemdetail .cimm_itemDescription ul li .filterSizeContent:hover a {
    color: #fff
}

.ship_card-wrapper {
    padding: 15px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start
}

.ship_card-wrapper {
    scrollbar-face-color: #aaa;
    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: 0 0;
    -webkit-border-radius: 20px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.ship_card-wrapper::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background: #aaa;
    -webkit-border-radius: 20px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5)
}

.ship_card-wrapper::-webkit-scrollbar-thumb:window-inactive {
    background: #aaa
}

.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, .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: #013780;
    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
}

.ordered_items {
    scrollbar-face-color: #aaa;
    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: 0 0;
    -webkit-border-radius: 20px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.ordered_items::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background: #aaa;
    -webkit-border-radius: 20px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5)
}

.ordered_items::-webkit-scrollbar-thumb:window-inactive {
    background: #aaa
}

.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 all and (max-width:1200px) {
    .container {
        width: 100%;
        max-width: 100%
    }

    .cimm_bodyContentWrap>.container {
        padding-bottom: 20px
    }

    .cimm_btnGroupEnclosure,
    .cimm_instructions {
        float: none;
        width: 100%;
        text-align: left
    }

    .cimm_mobileNavIconWrap {
        float: left;
        margin: 3px 8px 0 0
    }

    .cimm_mobileNavIconWrap button {
        position: relative;
        float: right;
        padding: 0;
        margin: 2px 0;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px
    }

    .cimm_searchWrapper {
        margin: 0
    }

    header .cimm_header .header_2021 .cimm_header_mid .headerWrapper .cimm_mobileNavIconWrap {
        margin: 18px 8px 0 0
    }

    header .cimm_header .header_2021 .cimm_header_mid .headerWrapper .cimm_logo {
        margin: 0 auto
    }

    header .cimm_header .header_2021 .cimm_header_mid .headerWrapper .searchBarWrapper {
        width: 100%
    }

    header .cimm_header .header_2021 .cimm_header_mid .headerWrapper .loginCartWrapper .cimm_signWrap>li.mTop-2 {
        margin-top: 0 !important
    }

    header .cimm_header .cimm_header_mid .cimm_logo {
        margin: 0 auto
    }

    .icon-bar {
        background-color: #333;
        width: 100%;
        height: 4px !important;
        width: 28px !important
    }

    .navbar-toggle .icon-bar+.icon-bar {
        margin-top: 5px
    }

    nav.navbar .cimm_nav>ul>li .dropdown-menu ul li {
        position: static
    }

    nav.navbar {
        width: 300px;
        position: fixed;
        z-index: 1000;
        bottom: 0;
        top: 0;
        left: -450px;
        transition: .3s ease;
        -ms-transition: .3s ease;
        -moz-transition: .3s ease;
        -webkit-transition: .3s ease;
        overflow-x: hidden;
        overflow-y: auto;
        height: 100%;
        background: #fff
    }

    nav.navbar.active {
        left: 0
    }

    nav.navbar .cimm_nav>ul {
        float: none;
        position: relative;
        margin: 0 -15px
    }

    nav.navbar .cimm_nav>ul>li {
        position: static;
        float: none
    }

    nav.navbar .cimm_nav>ul>li span {
        display: block
    }

    nav.navbar .cimm_nav>ul>li span a {
        color: #444;
        padding: 10px 40px 10px 15px
    }

    nav.navbar .cimm_nav>ul>li span em {
        top: 0;
        right: 5px;
        padding: 20px 16px;
        cursor: pointer
    }

    nav.navbar .cimm_nav>ul>li span em:after {
        color: #444
    }

    nav.navbar .cimm_nav>ul>li:hover {
        background: 0 0
    }

    nav.navbar .cimm_nav>ul>li:hover>span em:after {
        content: "";
        speak: none;
        position: absolute;
        z-index: 11;
        font-weight: 900;
        font-size: 20px;
        font-family: FontAwesomePro-Solid;
        color: #444
    }

    nav.navbar .cimm_nav>ul>li:hover>span a,
    nav.navbar .cimm_nav>ul>li:hover>span em:after {
        background: #fff;
        color: #444;
        cursor: pointer
    }

    nav.navbar .cimm_nav>ul>li .dropdown-menu {
        padding: 10px 0;
        display: block;
        top: 0;
        left: 320px !important;
        height: 100vh;
        width: 300px;
        padding: 0 0 10px 0;
        overflow-x: hidden;
        overflow-y: auto;
        transition: left .3s ease;
        -ms-transition: left .3s ease;
        -moz-transition: left .3s ease;
        -webkit-transition: left .3s ease;
        background: #fff;
        border: none;
        margin: 0
    }

    nav.navbar .cimm_nav>ul>li .dropdown-menu.slideDropMenu {
        left: 0 !important
    }

    nav.navbar .cimm_nav>ul>li .dropdown-menu.shopbybrand,
    nav.navbar .cimm_nav>ul>li .dropdown-menu.shopbymanuf,
    nav.navbar .cimm_nav>ul>li .dropdown-menu.shopbyprod {
        width: 300px;
        padding-bottom: 50px
    }

    nav.navbar .cimm_nav>ul>li .dropdown-menu li {
        position: static
    }

    nav.navbar .cimm_nav>ul>li .dropdown-menu li:hover {
        background: 0 0 !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: #444;
        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: #444 !important
    }

    nav.navbar .cimm_nav>ul>li .dropdown-menu li span a {
        padding: 10px 40px 10px 15px
    }

    nav.navbar .cimm_nav>ul>li .dropdown-menu li span em {
        top: 0 !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%
    }

    .nav_headingBlock {
        padding: 10px 10px 10px 40px !important;
        font-size: 22px;
        font-weight: 600;
        text-align: center;
        position: relative;
        display: block
    }

    .nav_headingBlock i {
        position: absolute;
        left: 12px;
        top: 15px
    }

    .navbar-toggle {
        display: block
    }

    .autosuggestdiv .autosuggestspan,
    .table_quoterequest tbody tr td .autosuggestspan {
        left: 0
    }

    .autosuggestdiv .autosuggestspan>ul,
    .table_quoterequest tbody tr td .autosuggestspan>ul {
        min-width: auto
    }

    .autosuggestdiv .autosuggestspan>ul>li,
    .table_quoterequest tbody tr td .autosuggestspan>ul>li {
        border-bottom: 1px solid #cfcfcf
    }

    .inventeryRepItems .autosuggestdiv .autosuggestspan {
        left: 0;
        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
    }
}

@media all and (max-width:1024px) {
    .hideForDeviceslg {
        display: none !important
    }

    .cartTotal_Top a.hideForIpad {
        display: none
    }

    .webViewSearchWrap .cimm_searchWrapper {
        width: calc(100% - 38px);
        float: left;
        margin: 0 0 18px
    }

    .webViewSearchWrap .cimm_searchWrapper .webViewSearch.cimm_searchForm {
        border-radius: 4px;
        background: #e5e5e5;
        box-shadow: inset 1px 1px 1px #adadad
    }

    .webViewSearchWrap .cimm_searchWrapper .webViewSearch.cimm_searchForm input[type=text] {
        border: 0;
        font-family: RobotoRegular;
        width: calc(100% - 85px);
        float: left;
        background: #e5e5e5;
        height: 30px;
        margin-top: 1px;
        padding: 5px
    }

    .webViewSearchWrap .cimm_searchWrapper .webViewSearch.cimm_searchForm .cimm_cameraIcon,
    .webViewSearchWrap .cimm_searchWrapper .webViewSearch.cimm_searchForm .cimm_searchIcon {
        display: inline-block;
        border: 0;
        padding: 5px 4px;
        background: 0 0;
        width: auto
    }

    .webViewSearchWrap .cimm_searchWrapper .webViewSearch.cimm_searchForm .cimm_cameraIcon em,
    .webViewSearchWrap .cimm_searchWrapper .webViewSearch.cimm_searchForm .cimm_searchIcon em {
        font-size: 20px;
        color: #bababa
    }

    .webViewSearchWrap .cimm_searchWrapper .mobileCartCountWrap .glyphicon-log-in {
        font-size: 18px;
        color: #bababa
    }

    .multiTab .multiTabContent .buttonWrap .btnNext:hover,
    .multiTab .multiTabContent .buttonWrap .btnPrevious:hover {
        background: #013780
    }

    .btnFinish:hover {
        background: #013780
    }

    .cimm_bodyContentWrap .container {
        box-shadow: none
    }

    .cimm_inlineButton {
        letter-spacing: .5px
    }

    #ManagePurchaseAgent_wrapper .dataTables_filter {
        float: none;
        width: 100%
    }

    .navbar-toggle {
        display: block;
        margin: 0
    }

    .hideForIpad {
        display: none
    }

    #generalModel .modal-dialog {
        min-width: auto
    }

    .footerCol h4 em,
    .showFromTab {
        display: block
    }

    .listGridContainer .gridView ul li.sessionDespTwo ul li p input {
        width: 45px
    }

    .listGridContainer .gridView ul li.sessionDespTwo ul li p {
        margin-right: 10px
    }

    ul.breadcrumb li {
        display: none
    }

    .breadcrumb li a {
        text-decoration: underline
    }

    .breadcrumb li+li:before {
        content: "\f104";
        font-family: "Font Awesome 5 Free";
        font-size: 18px;
        color: #2d2d2d;
        font-weight: 900
    }

    ul.breadcrumb li:nth-last-child(2) {
        display: block
    }

    .cimm_BreadCrumbs .breadcrumb li:nth-last-child(2):before {
        content: "";
        padding: 0
    }

    .cimm_productCategory .cimm_categoryItemBlock a p {
        height: 60px;
        padding: 5px
    }

    .priceSpan {
        font-size: 18px
    }

    .fixOnApp.cimm_stickyPageWrap:after {
        display: none
    }

    .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
    }

    .autosuggestdiv .autosuggestspan,
    .table_quoterequest tbody tr td .autosuggestspan {
        left: 0
    }

    .autosuggestdiv .autosuggestspan>ul,
    .table_quoterequest tbody tr td .autosuggestspan>ul {
        min-width: auto
    }

    .autosuggestdiv .autosuggestspan>ul>li,
    .table_quoterequest tbody tr td .autosuggestspan>ul>li {
        border-bottom: 1px solid #cfcfcf
    }

    .inventeryRepItems .autosuggestdiv .autosuggestspan {
        left: 0;
        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
    }
}

@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%
    }

    .cimm_brandAtoZletters.fixIt {
        left: 0
    }

    .dropdownFixedWidth {
        max-width: 220px
    }

    .orderSummaryWrap {
        margin-top: 30px
    }

    .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_itemDescription,
    .cimm_itemdetail .cimm_itemdetail-imgcontainer {
        float: none;
        width: 100%
    }

    .cimm_itemdetail .cimm_itemDescription ul.text-right {
        text-align: left
    }

    .cimm_footerEnclosure,
    .cimm_stickyPageWrap,
    .cimm_stickyPageWrap:after,
    footer,
    footer .footerMiddelContent {
        height: auto;
        margin: 0
    }

    .detailPage {
        width: 100%
    }

    .cimm_itemdetail .cimm_itemdetail-imgcontainer.verticalThumblist .cimm_itemdetail-image {
        float: none
    }

    .cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail_thumblist,
    .cimm_itemdetail .cimm_itemdetail-imgcontainer.verticalThumblist .cimm_itemdetail_thumblist {
        width: 260px;
        margin: 15px auto 0 auto;
        float: none;
        padding: 0
    }

    .cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail_thumblist .cimm_slideItemImg a img {
        max-height: 80px
    }

    .cimm_itemdetail .cimm_itemdetail-imgcontainer.verticalThumblist .cimm_itemdetail_thumblist li {
        margin: 0 0 0 15px
    }

    .cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail_thumblist .slick-list,
    .cimm_itemdetail .cimm_itemdetail-imgcontainer.verticalThumblist .cimm_itemdetail_thumblist .slick-list {
        padding: 0;
        margin: 0 0 0 -15px
    }

    header .cimm_header .cimm_headerMidContent .cimm_searchWrapper {
        margin: 0
    }

    .showInDevice {
        display: block
    }

    .hideForDevices {
        display: none !important
    }

    .cimm_listGridTopControls .cimm_listGridTopRightCtrls {
        width: 100%;
        float: none
    }

    .cimm_blockHeading+ul {
        margin-bottom: 15px
    }

    #recentorders .slick-prev {
        top: 48%;
        left: 10px
    }

    #recentorders .slick-prev:before {
        content: "\f104"
    }

    #recentorders .slick-next {
        bottom: inherit;
        top: 48%;
        right: 10px
    }

    #recentorders .slick-next:before {
        content: "\f105"
    }

    .cimm_itemdetail .cimm_itemdetail-imgcontainer.verticalThumblist .cimm_itemdetail_thumblist .slick-next,
    .cimm_itemdetail .cimm_itemdetail-imgcontainer.verticalThumblist .cimm_itemdetail_thumblist .slick-prev {
        top: 35%;
        width: 25px;
        height: 50px
    }

    .cimm_itemdetail .cimm_itemdetail-imgcontainer.verticalThumblist .cimm_itemdetail_thumblist .slick-next {
        left: 100%
    }

    .cimm_itemdetail .cimm_itemdetail-imgcontainer.verticalThumblist .cimm_itemdetail_thumblist .slick-prev {
        left: -25px
    }

    .cimm_itemdetail .cimm_itemdetail-imgcontainer.verticalThumblist .cimm_itemdetail_thumblist .slick-prev:before {
        content: "\f104";
        top: -1px
    }

    .cimm_itemdetail .cimm_itemdetail-imgcontainer.verticalThumblist .cimm_itemdetail_thumblist .slick-next:before {
        content: "\f105";
        top: -1px
    }

    .toggle_content {
        display: none
    }

    .listGridContainer .listView ul li.sessionDesp {
        width: 100%;
        clear: both
    }

    .listGridContainer .listView ul li.sessionDesp ul {
        width: 100%;
        clear: both
    }

    .custom_lineform {
        margin-bottom: 14px;
        text-align: left
    }

    .custom_lineform.form-inline .form-control,
    .custom_lineform.form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
        width: auto
    }

    .autosuggestdiv .autosuggestspan,
    .table_quoterequest tbody tr td .autosuggestspan {
        left: 0
    }

    .autosuggestdiv .autosuggestspan>ul,
    .table_quoterequest tbody tr td .autosuggestspan>ul {
        min-width: auto
    }

    .autosuggestdiv .autosuggestspan>ul>li,
    .table_quoterequest tbody tr td .autosuggestspan>ul>li {
        border-bottom: 1px solid #cfcfcf
    }

    .inventeryRepItems .autosuggestdiv .autosuggestspan {
        left: 0;
        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
    }
}

@media all and (max-width:768px) {
    #sortByForm .dropdown-menu {
        left: 0
    }

    .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
    }

    .compareTableWrap .pushbtnGroup li a {
        display: inline-block
    }

    .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
    }

    #events_Table_wrapper #events_Table td:last-child {
        border-bottom: 1px solid #ccc
    }

    .listGridContainer .gridView {
        width: 48%;
        width: calc((100% / 2) - 2%)
    }

    .listGridContainer .gridView:nth-child(3n+2) {
        margin: 25px .5% 0 .5%
    }

    .listGridContainer .gridView:nth-child(2n+2) {
        margin: 25px .5% 0 2.5%
    }

    .cimm_productCategory .cimm_categoryItemBlockWrap .cimm_categoryItemBlock {
        width: 47%
    }

    .cimm_productCategory .cimm_categoryItemBlockWrap .cimm_categoryItemBlock:nth-child(3n+2) {
        margin: 25px .5% 0
    }

    .cimm_productCategory .cimm_categoryItemBlockWrap .cimm_categoryItemBlock:nth-child(2n+2) {
        margin: 25px .5% 0 4.5%
    }

    header .cimm_header .cimm_headerMidContent .cimm_storeLocator h6 {
        margin: 10px 0 !important
    }

    #events_Table_wrapper #events_Table td,
    .storeListTable td {
        display: block;
        width: 100% !important
    }

    .multiTab .multiTabContent .buttonWrap .storeListTable td a.btnNext,
    .multiTab .multiTabContent .buttonWrap .storeListTable td a.btnPrevious,
    .multiTab .multiTabContent+.buttonWrap .storeListTable td a.btnNext,
    .multiTab .multiTabContent+.buttonWrap .storeListTable td a.btnPrevious,
    .storeListTable td,
    .storeListTable td .multiTab .multiTabContent .buttonWrap a.btnNext,
    .storeListTable td .multiTab .multiTabContent .buttonWrap a.btnPrevious,
    .storeListTable td .multiTab .multiTabContent+.buttonWrap a.btnNext,
    .storeListTable td .multiTab .multiTabContent+.buttonWrap a.btnPrevious,
    .storeListTable td a.btnFinish,
    .storeListTable td a.button {
        text-align: center;
        margin: 0 auto
    }

    #events_Table_wrapper #events_Table td.calendarDetail a:not(.link),
    .multiTab .multiTabContent .buttonWrap .storeListTable td a.btnNext,
    .multiTab .multiTabContent .buttonWrap .storeListTable td a.btnPrevious,
    .multiTab .multiTabContent+.buttonWrap .storeListTable td a.btnNext,
    .multiTab .multiTabContent+.buttonWrap .storeListTable td a.btnPrevious,
    .storeListTable td .multiTab .multiTabContent .buttonWrap a.btnNext,
    .storeListTable td .multiTab .multiTabContent .buttonWrap a.btnPrevious,
    .storeListTable td .multiTab .multiTabContent+.buttonWrap a.btnNext,
    .storeListTable td .multiTab .multiTabContent+.buttonWrap a.btnPrevious,
    .storeListTable td a.btnFinish,
    .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
    }

    .cimm_itemdetail-imgcontainer {
        margin-bottom: 30px
    }

    #productSearchForm input[type=text] {
        width: calc(100% - 205px);
        display: inline-block
    }

    .searchZero a {
        margin: 2px 0;
        vertical-align: middle
    }

    .autosuggestdiv .autosuggestspan,
    .table_quoterequest tbody tr td .autosuggestspan {
        left: 0
    }

    .autosuggestdiv .autosuggestspan>ul,
    .table_quoterequest tbody tr td .autosuggestspan>ul {
        min-width: auto
    }

    .autosuggestdiv .autosuggestspan>ul>li,
    .table_quoterequest tbody tr td .autosuggestspan>ul>li {
        border-bottom: 1px solid #cfcfcf
    }

    .inventeryRepItems .autosuggestdiv .autosuggestspan {
        left: 0;
        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
    }
}

@media all and (max-width:480px) {
    .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
    }

    header .cimm_header .header_2021 .cimm_searchWrapper {
        width: 100%
    }

    #updateSelectedItems {
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .form-control#editedName {
        width: 100%;
        margin-bottom: 8px
    }

    .compareTableWrap .pushbtnGroup {
        text-align: center
    }

    .compareTableWrap .pushbtnGroup li {
        text-align: left;
        width: auto
    }

    .compareTableWrap .pushbtnGroup li a.cimm_inlineButton {
        display: inline-block
    }

    .bulkActionBtn {
        margin: 0 auto
    }

    .calendarFilterWrap .tableHeader h2 {
        float: none !important;
        width: 100%;
        text-align: center
    }

    .documentStack li {
        width: 50%
    }

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

    .cartTotal_Top {
        text-align: left
    }

    .cartTotal_Top a {
        margin: 0 !important
    }

    .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: 90px
    }

    .listGridContainer .gridView,
    .listGridContainer .gridView:nth-child(2n+2),
    .listGridContainer .gridView:nth-child(3n+1),
    .listGridContainer .gridView:nth-child(3n+2),
    .listGridContainer .gridView:nth-child(3n+3) {
        width: 100%;
        float: none;
        height: auto;
        min-height: 350px;
        margin: 25px 0 0 0
    }

    .listGridContainer .gridView .gridFixHeight,
    .listGridContainer .gridView:nth-child(2n+2) .gridFixHeight,
    .listGridContainer .gridView:nth-child(3n+1) .gridFixHeight,
    .listGridContainer .gridView:nth-child(3n+2) .gridFixHeight,
    .listGridContainer .gridView:nth-child(3n+3) .gridFixHeight {
        height: auto
    }

    .listGridContainer .gridView ul li.sessionDesp .itemCountGrid,
    .listGridContainer .gridView:nth-child(2n+2) ul li.sessionDesp .itemCountGrid,
    .listGridContainer .gridView:nth-child(3n+1) ul li.sessionDesp .itemCountGrid,
    .listGridContainer .gridView:nth-child(3n+2) ul li.sessionDesp .itemCountGrid,
    .listGridContainer .gridView:nth-child(3n+3) ul li.sessionDesp .itemCountGrid {
        position: inherit;
        text-align: center;
        width: 100%;
        bottom: 0
    }

    .cimm_listGridTopControls .cimm_listGridTopRightCtrls {
        display: block;
        margin: 0;
        text-align: center
    }

    .cimm_listGridTopControls .cimm_listGridTopRightCtrls form {
        width: 100%;
        float: none;
        text-align: center;
        display: block;
        margin: 10px 0
    }

    .cimm_listGridTopControls .cimm_listGridTopRightCtrls+.row {
        text-align: center
    }

    .cimm_listGridTopControls .table-bordered {
        border: none !important
    }

    .cimm_listGridTopControls .table-bordered tbody tr {
        border: none !important
    }

    .cimm_itemdetail .cimm_itemdetail-imgcontainer .cimm_itemdetail-image img {
        max-height: 300px !important
    }

    .uploadImage_wrap .uploadFile span,
    .uploadImage_wrap .uploadImage span {
        font-size: 10px;
        padding: 8px 2px
    }

    .clearform,
    .marketingMaterial label {
        margin-top: 8px
    }

    #productSearchForm .cimm_inlineButton {
        margin-top: 10px
    }

    #productSearchForm input[type=text] {
        width: 100%;
        margin-bottom: 12px
    }

    .multiTab.detailPage .multiTabContent div {
        padding: 10px
    }

    .cimm_productCategory .cimm_categoryItemBlockWrap .cimm_categoryItemBlock,
    .cimm_productCategory .cimm_categoryItemBlockWrap .cimm_categoryItemBlock:nth-child(2n+2),
    .cimm_productCategory .cimm_categoryItemBlockWrap .cimm_categoryItemBlock:nth-child(3n+2) {
        margin: 25px 1% 0 1%;
        width: 98%
    }

    .autosuggestdiv .autosuggestspan,
    .table_quoterequest tbody tr td .autosuggestspan {
        left: 0
    }

    .autosuggestdiv .autosuggestspan>ul,
    .table_quoterequest tbody tr td .autosuggestspan>ul {
        min-width: auto
    }

    .autosuggestdiv .autosuggestspan>ul>li,
    .table_quoterequest tbody tr td .autosuggestspan>ul>li {
        border-bottom: 1px solid #cfcfcf
    }

    .inventeryRepItems .autosuggestdiv .autosuggestspan {
        left: 0;
        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
    }
}

@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
    }

    .order_btn {
        margin-top: 5px
    }
}