body.modal-open {
    overflow: hidden !important;
}

.dvAddToHome {
	background: #fff;
    width: 100%;
    position: fixed;
    height: 47px;
    padding: 4px;
    z-index: 1060;
    text-align: right;
    bottom: 0;
    box-shadow: 0px -4px 3px rgba(204, 204, 204, 0.4);
}

.addToHomeClose {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	font-size: 20px;
	cursor: pointer;
}

.tblIgnoreYScroll{
	overflow-y: hidden;	
}

.m-header-woutsign {
    height: 150px !important;
}

.m-page--fluid .m-header, .m-page--wide .m-header {
    background-size: cover;
}

.m-page--fluid .m-header, .m-page--wide .m-header {
    background-color: #fff;
}

.m-header--fixed .m-body-woutsign {
    padding-top: 181px !important;
}

.m-header--fixed .m-body-backoffice {
    padding-top: 145px !important;
}

.myCustBoxShadow{
	box-shadow: 0 1px 15px 1px rgba(69, 65, 78, 0.5) !important;
}

.vAlignMiddle{
	vertical-align: middle !important;
}

.vAlignTop{
	vertical-align: top !important;
}

.pdRight3{
	padding-right: 3px !important;
}

.pdRight4{
	padding-right: 4px !important;
}

.pdright5{
	padding-right: 5px !important;
}

.pdright8{
	padding-right: 8px !important;
}

.pdright9{
	padding-right: 9px !important;
}

.pdright13{
	padding-right: 13px !important;
}

.pdRight15{
	padding-right:15px !important;
}

.pdright16{
	padding-right: 16px !important;
}

.pdright25{
	padding-right: 25px !important;
}

.pdright30{
	padding-right: 30px !important;
}

.pd1_5 {
	padding: 1px 5px !important;
}

.pd13Dot5 {
	padding: 13.5px !important;
}

.top0{
	top :0px;
}

.businessNameTitleDiv {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 315px;
}

.btn-outline.white{
	border:1px solid white;
	background:transparent;
	color: white;
}

.btn-outline.white:hover{
	background:white;
	color:#111111;	
}

.fntBlack{
	color:#2f353b !important;
}

.fntSz0_98rem{
	font-size: 0.98rem !important;
}

.fntSz1rem{
	font-size: 1rem !important;
}

.fntSz1_2rem{
	font-size: 1.2rem !important;
}

.fntSz1_07rem{
	font-size: 1.07rem !important;
}

.fntSz12px{
	font-size: 12px !important;
}

.fntSz14px{
	font-size: 14px !important;
}

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

.fntSz20px{
	font-size: 20px !important;
}

.fntSz24px{
	font-size: 24px !important;
}

.fntSz1_1rem{
	font-size: 1.1rem !important;
}

.fntSz1_3rem{
	font-size: 1.3rem !important;
}

.dotLine{
	border-bottom: solid 1px #ccc;
	width: 100%;
	position: relative;
	display: block;
	height: 12px;
	padding-top: 8px;
	padding-bottom: 10px;
	margin-bottom:12px;
}

.errorMessage li{
	list-style: none;
}

#middlemessage{
	text-align: center;
}

.custIcOnlyBtn{
	width: 37px !important;
	height: 37px !important;
}

#btnProductSortDesc, #btnProductSortAsc {
	margin-left: -3px;
}

.ordGuideSortingBtn{
	margin-left: -6px;
}

.mg0{
	margin:0px;
}

.mg0auto{
	margin:0 auto !important;
}

.mgLeft0{
	margin-left:0px !important;
}

.mgLeft4{
	margin-left:4px !important;
}

.mgLeft5{
	margin-left:5px !important;
}

.mgLeft8{
	margin-left:8px !important;
}

.mgLeft9{
	margin-left:9px !important;
}

.mgLeft10{
	margin-left:10px !important;
}

.mgLeft11{
	margin-left:11px !important;
}

.mgLeft12{
	margin-left:12px !important;
}

.mgLeft14{
	margin-left:14px !important;
}

.mgLeft16{
	margin-left:16px !important;
}

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

.mgLeft26{
	margin-left:26px !important;
}

.mgLeft27{
	margin-left:27px !important;
}

.mgLeft28{
	margin-left:28px !important;
}

.mgLeft30{
	margin-left:30px !important;
}

.mgLeft32{
	margin-left:32px !important;
}

.mgLeft32Per{
	margin-left:32% !important;
}

.mgLeft23{
	margin-left: 23px !important;
}

.mgLeft40{
	margin-left: 40px !important;
}

.mgLeft42Per{
	margin-left: 42%;
}

.mgLeft44Per{
	margin-left: 44%;
}

.mgLeft90Per{
	margin-left: 90%;
}

.mgLeftMin3{
	margin-left: -3px !important;
}

.mgLeftMin9{
	margin-left: -9px !important;
}

.mgRight0{
	margin-right: 0px !important;
}

.mgRight4{
	margin-right: 4px !important;
}

.mgRight8{
	margin-right: 8px !important;
}

.mgRight10 {
	margin-right: 10px !important;
}

.mgRight12 {
	margin-right: 12px !important;
}

.mgRight20{
	margin-right: 20px !important;
}

.pd0{
	padding:0px;
}

.pd0Imp{
	padding: 0px !important;
}

.pd5{
	padding:5px !important;
}

.pd8{
	padding:8px !important;
}

.pd15{
	padding:15px !important;
}

.pd16{
	padding:16px !important;
}

.pd10{
	padding:10px !important;
}

.pd65rem1rem{
	padding: .65rem 1rem;
}

.pdTop3{
	padding-top: 3px !important;
}

.pdTop4{
	padding-top: 4px !important;
}

.pdTop5{
	padding-top:5px;
}

.pdTop8{
	padding-top:8px;
}

.pdTop10{
	padding-top:10px;
}

.pdTop11{
	padding-top:11px;
}

.pdTop12{
	padding-top:12px;
}

.pdTop15{
	padding-top:15px;
}

.pdTop16{
	padding-top:16px;
}

.pdTop19{
	padding-top:19px !important;
}

.pdTop22{
	padding-top:22px;
}

.pdTop25{
	padding-top:25px;
}

.pdTop0{
	padding-top:0px !important;
}

.pdBottom0{
	padding-bottom:0px;
}

.pdBottom0Imp{
	padding-bottom:0px !important;
}

.pdBottom8{
	padding-bottom:8px !important;
}

.pdBottom10{
	padding-bottom:10px !important;
}

.pdBottom16{
	padding-bottom:16px !important;
}

.pdRight0{
	padding-right:0px;
}

.pdRight0Imp{
	padding-right:0px !important;
}

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

.pdLeft0{
	padding-left:0px;
}

.pdLeft0Imp{
	padding-left:0px !important;
}

.pdLeft2{
	padding-left:2px;
}

.pdLeft3{
	padding-left:3px !important;
}

.pdLeft4{
	padding-left:4px !important;
}

.pdLeft5{
	padding-left:5px !important;
}

.pdLeft8{
	padding-left:8px !important;
}

.pdLeft8Per{
	padding-left:8% !important;
}

.pdLeft10{
	padding-left: 10px;
}

.pdLeft12{
	padding-left: 12px !important;
}

.pdLeft15{
	padding-left:15px !important;
}

.pdLeft16{
	padding-left:16px !important;
}

.pdLeft20{
	padding-left:20px;
}

.pdLeft30{
	padding-left:30px;
}

.pd9 {
	padding: 9px !important;
}

.pdLeft140{
	padding-left: 140px;
}

.pd10_15{
	padding: 10px 15px !important
}

.tAlignCenter{
	text-align: center;
}

.tAlignCenterImp{
	text-align: center !important;
}

.tAlignLeft{
	text-align: left;
}

.tAlignLeftImp{
	text-align: left !important;
}

.tAlignRight{
	text-align: right;
}

.tAlignRightImp {
	text-align: right !important;
}

.hgt5{
	height: 5px;
}

.hgt8{
	height: 8px;
}

.hgt8Imp{
	height: 8px !important;
}

.hgt80{
	height: 80px;
}

.hgt27{
	height: 27px;
}

.hgt21{
	height: 21px;
}

.hgt30{
	height: 30px;
}

.hgt32{
	height: 32px;
}

.hgt35{
	height: 35px;
}

.hgt38{
	height: 38px;
}

.hgt39{
	height: 39px;
}

.hgt51{
	height: 51px !important;
}

.hgt65{
	height: 65px !important;
}

.hgt85{
	height: 85px !important;
}

.hgt100{
	height: 100px !important;
}

.hgt300{
	height: 300px;
}

.hgt300Imp{
	height: 300px !important;
}

.hgt200{
	height: 200px;
}

.hgt220{
	height: 220px;
}

.hgt225 {
	height: 225px;
}

.hgt250{
	height: 250px;
}

.minHgt300{
	min-height: 300px;
}

.mgBottom0{
	margin-bottom: 0px !important;
}

.mgBottom3{
	margin-bottom:3px;
}

.mgBottom4{
	margin-bottom:4px !important;
}

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

.mgBottom8{
	margin-bottom: 8px !important;
}

.mgBottom10{
	margin-bottom: 10px !important;
}

.mgBottom20{
	margin-bottom: 20px !important;
}

.mgBottom25{
	margin-bottom: 25px !important;
}

.mgBottom16{
	margin-bottom: 16px !important;
}

.mgBottoM18{
	margin-bottom: -18px;
}

.fntSZ11{
	font-size: 11px !important;
}

.fntSZ24{
	font-size: 24px !important;
}

.fntSZ28{
	font-size: 28px !important;
}

.fntSZ22{
	font-size: 22px !important;
}

.adImageOuterDiv{
	padding:8px;
	text-align:center;
}

.blockUI{
	z-index: 9999999 !important;
}

.m-header {
    height: 100px !important;
}

.wrdWrapAny {
	word-wrap: anywhere;
}

.multiSelect2MaxHgt {
	overflow-y: auto;
	max-height: 42px;
}

.txtSmallWdthCst{
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
}

.imgURLTxtWrpDV {
  display: inline-block;
  padding-left: 8px;
  padding-right: 8px;
}

#navBarWraper{
	background: #fff;
    box-shadow: 0 1px 15px 1px rgba(69, 65, 78, 0.1);
    height: 100px;
    position: fixed;
    top: 91px;
    width: 100%;
    z-index: 50;
    margin-top: 6px;
    padding-top: 30px;
}

#navBarWraperBack{
	background: #fff;
    box-shadow: 0 1px 15px 1px rgba(69, 65, 78, 0.1);
    height: 70px;
    position: fixed;
    top: 94px;
    width: 100%;
    z-index: 50;
    margin-top: 6px;
    padding-top: 3px;
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-nav__link-icon > i::before {
    background: none;
    color:#333439;
    font-size: 2rem;
    font-weight: 400;
}

.form-control {
    font-family: Poppins !important;
}

.businessNamesRow{
	border-bottom: 1px solid #ebedf2;
    padding: 5px;
}

.businessNamesRow:last-child {
  border-bottom: none;
}

.disableTab{
	pointer-events:none;
	opacity: 0.67;
}

.disableTab > a > span{
	color:#ccc;
}

.m-body .m-content{
	padding-top:39px;
}

.input-group-prepend {
    margin-right: 0;
}

div[id^="catalogSearchImgDiv"] img{
	background: #fff;
    height: 80px;
    /* object-fit: cover; */
    object-fit: contain;
    width: 80px;
}

#cartTotalVal, #quoteCartTotalValue {
    /* margin-top: -25px; */
    margin-left: -5px;
}

.custItemStockInfo{
	cursor:pointer;
}

.cStocIcOGuide{
	position: absolute;
	margin-left: -8px;
}

.imageStyleDiv{
	text-align: center; 
	border-radius: 50%; 
	margin: 0px auto 10px; 
	padding: 21px; 
	width: 95px; 
	background: #fafafa; 
	border: 1px solid #e0e0e0;
}

div[id^="ordersheetSearchImgDiv"] img{
	background: #fff;
    height: 80px;
    /* object-fit: cover; */
    object-fit: contain;
    width: 80px;
}

.m--font-info {
    color: #000 !important;
}

.m--list-price{
	color:red !important;
}

.boldRedFont{
	color:red !important;
	font-weight: bold;
}

.errorNotificationRed{
	color: #f4516c !important;
	font-weight: 500;
}

.brdSolidRed {
	border: 1px solid #f4516c !important;
}

.redFont{
	color:#a94442 !important;
}

.blueFont{
	color:blue !important;
	font-weight: bold;
}

.redFontBld{
	color:red !important;
	font-weight: bold;
}

.greenFontBld{
	color:green !important;
	font-weight: bold;
}

.yellowFontBld{
	color:yellow !important;
	font-weight: bold;
}


.m--badge--blue {
	background-color: #007bff !important;
	color: #fff;
}

.m--badge--red {
	background-color: red !important;
	color: #fff;
}

.m--badge--green {
	background-color: green !important;
	color: #fff;
}

.m--badge--yellow {
	background-color: yellow !important;
	color: #000;
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-topbar__userpic img{
	width:41px !important;
	height:41px !important;
	max-width: 41px !important;
}

.m-card-user .m-card-user__pic img {
    height: 70px !important;
    width: 70px !important;
}

#loginErrorDiv{
	display:none;
}

.vAlignspan span {
    display: inline-block;
    font-weight: 400;
    padding-top: 7px;
}

.closeIconEnableManageOrderOpenOrders{
	color: #de3b3b;
}
.closeIconDisableManageOrdersOpenOrders{
	color: #515151;
}
.checkIconManageOrderOpenOrders{
	color: #515151;
}

.delLocDropWrapper{
	width: 360px !important;
	z-index: 1115 !important;
}

.thatsAll {
	font-weight: bold;
	margin-top: 20px;
	padding: 5px;
	pointer-events:none;
}

#selectedDelLocName{
	/* max-width: 350px; */
	max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.m-portlet {
	border: 1px solid #dadbd9;
    border-radius: 5px;
}

.objFitContain {
    object-fit: contain;
}

.disable{
	pointer-events:none !important;
	opacity: 0.3;
}

.borderBottomTransparent{
	border-bottom: transparent !important;
}

.custSideBarClose{
	right: 15px !important;
    top: 8px !important;
}

.divHeaderSideBar{
    margin-top: 15px;
    padding: 5px;
}

.quoteDetailsClose{
	font-size: 16px;
    margin-top: 15px;
    position: absolute;
    right: 0;
    cursor: pointer;
    color:#b8bece;
}

.quoteDetailsClose :hover{
	color:#000;
}

.notextdecoration{
	text-decoration: none !important;
}

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

.mngOrdPortHead{
	height: 3.1rem !important;
	padding:0 !important;
	border-bottom: 1px solid #dadbd9 !important;
}

.modal-lg-cust {
    max-width: 1045px;
}

.modal-lg-cust-big {
    max-width: 1080px;
}

.modal-lg-cust-big-1192 {
    max-width: 1192px;
}

.modal-nrm-cust {
    max-width: 760px;
}

.bdTop0{
	border-top: 0 !important;
}

.bdBottom0{
	border-bottom: 0 !important;
}

.mgTop0{
	margin-top:0px !important;
}

.mgTop1Rem{
	margin-top:1rem !important;
}

.mgTop5{
	margin-top:5px;
}

.mgTop3{
	margin-top:3px;
}

.mgTop4{
	margin-top:4px;
}

.mgTop8{
	margin-top:8px;
}

.mgTopM1{
	margin-top:-1px !important;
}

.mgTopM2{
	margin-top:-2px !important;
}

.mgTopM3{
	margin-top:-3px !important;
}

.mgTopM9{
	margin-top:-9px;
}

.mgTop9_6{
	margin-top:9.6px;
}

.mgTop10{
	margin-top:10px;
}

.mgTop12{
	margin-top:12px;
}

.mgTop16{
	margin-top:16px;
}

.mgTop20{
	margin-top:20px !important;
}

.mgTop24{
	margin-top:24px !important;
}

.mgTop25{
	margin-top:25px !important;
}

.mgTop50{
	margin-top:50px !important;
}

.mgTopMin35 {
	margin-top: -35px;
}

.mgTopMin20 {
	margin-top: -20px;
}

.mgTop1_5Rem {
	margin-top: 1.5rem;
}

.mgBottom0_5Rem {
	margin-top: .5rem;
}

.hgt2{
	height: 2px;
}

.catalogClearBtn, .clearRefineSearch, .actorderclearbtn, .categoryClearBtn,.purchaseOrderClearBtn{
	cursor: pointer;
}

.cursPointer{
	cursor: pointer;
}

.searchResultError{
	text-align: center;
	width: 100%;
}

.resultError{
	text-align: center;
	width: 100%;
}

.alert.m-alert--outline.alert-additem {
    color: #fff;
    background-color: #575962;
    border-color: #575962;
    font-weight: 400;
}

.alert-additem:not(.m-alert--outline) {
    color: #f6fcfb;
    background-color: #575962;
    border-color: #575962
}

.alert.m-alert--outline.alert-errornotification {
    color: #fff;
    background-color: #cc0000;
    border-color: #cc0000;
    font-weight: 400;
}

.alert-errornotification:not(.m-alert--outline) {
    color: #fff;
    background-color: #cc0000;
    border-color: #cc0000;
    max-width: 300px;
    font-weight: 400;
}

.error{
	color:#f4516c !important;
	font-size: 0.95rem !important;
	font-weight: 600;
}

.errorMessage {
    color:#f4516c !important;
    font-size: .9rem;
    /*font-weight: 600;*/
    /* padding-left: 0; */
}

.errorMessageEmail {
    color:#f4516c !important;
    font-size: .85rem;
}

.promoErrorsPanel{
	color:#f4516c !important;
    font-weight: 600;
}

.custBackgDiv{
	background: #f7f8fa;
    padding: 10px;
    border: 1px solid #ccc;
}

#managequoteordererror li{
	list-style: none;
}
	
.panellabel li{
	list-style: none;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    pointer-events:none;
    opacity: 0.4;
}

del {
    color: red;
}

.m-badge.m-badge--deldate{
	background-color:transparent;
	border:1px solid #34bfa3;
	color:#34bfa3;
	font-weight:600;
}

#customerAddress{
	color:#000;
}

.hidediv {
    display: none;
}

.navbarIconDiv{
	text-align: center; 
	height: 29px !important;
}

.navBarIconSize{
	font-size: 25px !important;
}

.navBarTextDiv{
	padding: 0px !important;
	height: 0px !important; 
	font-weight: 800 ! important;
}

#home-li{
	width: 46px;
}

#ordersheet-li{
	padding-right: 0;
    width: 150px;
}

#orders-li{
	padding-left: 0;
    width: 48px;
}

#managequotes-li{
	width: 48px;
}

.navICCatalog{
	margin-left: 9px;
}

.navICMyOrder{
	margin-left: 13px;
}

.navICQuickOrder {
    margin-left: 25px;
}

.navICCreateOrder {
    margin-left: 5px;
}

.navICOrderGuide{
	margin-left: 33px;
}

.navICOrders{
	margin-left: 13px;
}

.navICQTDetails{
	margin-left: 35px;
}

.navICMngQT{
	margin-left: 14px;
}

.m-nav .m-nav__item > .m-nav__link .m-nav__link-icon {
    color: #9e9e9e !important;
}

.custPortletBodyPadding{
	padding: 8px !important;
}

#divProductBrands, #divProductBrandsMob{
	max-height: 250px;
    overflow-x: hidden;
    overflow-y: visible;
}

.custTextDeco:hover{
	cursor:pointer;
	text-decoration: underline !important;
}

.nextDelDateNavBarSpan{
	display: block;
    margin-bottom: 4px;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 14px;
    position: absolute;
    width: 378px;
    text-align:center;
    top: -3px;
}

.selectCustTxt {
	font-size: 12px;
	margin-top: 2px;
	margin-bottom: 2px;
}

.nextDelDateNavBarSpanMob{
	display: block;
    margin-bottom: 4px;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: -25pxpx;
    position: relative;
    width: auto;
    top: -3px;
}

.nextDelDateNavBarSpanCst{
	display: block;
    margin-bottom: 4px;
    margin-left: auto !important;
    margin-right: auto !important;
    position: relative;
    width: 352px;
    top: -3px;
}

.nextDelDateNavBarSpanBack{
	display: block;
    margin-bottom: 4px;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 22px;
    position: relative;
    width: 380px;
}

.distBanner{
	height: 100px;
    object-fit: fill;
    width: 100%;
}

.distMobBanner{
	height: 100px;
    object-fit: cover;
    width: 100%;
}

.bannerDesktop{
	display: block;
}

.bannerMobile{
	display: none;
}

#select2-catSubCatSelection-container{
	color: #fff !important;
	font-weight: bold;
}

.transBorder{
	border: 1px solid transparent !important;
}

.transBackg{
	background:transparent !important;
}

.fontWhite{
	color: #fff !important;
}

.bgWhite{
	background: #fff !important;
}

.bgColorRed {
	background-color: red !important;
}

.bgEF {
	background: #efefef;
}

.bgF6 {
	background: #f6f6f6;
}

.bgEE {
	background: #eeeeee;
}

.ordWidgetCancelBtn{
	height: 22px !important;
    width: 22px !important;
}

#mainCenterContent {
    padding-top: 7px;
}

@media(min-width:1025px) and (max-width:1200px) {
    .m-header-menu .m-menu__nav>.m-menu__item {
        padding: 0 20px !important;
    }
}

.deliverToDropDown{
	/* margin-top: 15px; */
    text-align: center;
    width: auto;
    /* max-width: 316px; */
}

.table-bordered td, .table-bordered th {
    border: 1px solid #ccc !important;
}

.table-bordered {
    border: 1px solid #ccc !important;
}

.table-bordered thead{
	background: #eee !important;
}

.table-bordered tbody{
	background: #fff !important;
}

#mngAccountWrapper .m-tabs-line{
	border-bottom: 1px solid #ccc !important;
}

.m-widget3 .m-widget3__item .m-widget3__body .m-widget3__text {
    color: #575962 !important;
}

#quickOrderEntryTable{
	max-height: 250px;
    overflow: auto;
}

.closeIconEnableQuickOrderEntry{
	color: #de3b3b;
}

.wdthAuto{
	width: auto !important;
}

.wdth10Per{
	width: 10% !important;
}

.wdth14PerImp{
	width: 14% !important;
}

.wdth16PerImp{
	width: 16% !important;
}

.wdth17Per{
	width: 17% !important;
}

.wdth18Per{
	width: 18% !important;
}

.wdth27Per{
	width: 27% !important;
}

.wdth30Per{
	width: 30% !important;
}

.wdth37Per{
	width: 37% !important;
}

.wdth38Per{
	width: 38% !important;
}

.wdth40Per{
	width: 40% !important;
}

.wdth70Per{
	width: 70% !important;
}

.wdth95Per{
	width: 95% !important;
}

.wdth53{
	width: 53px;
}

.wdth60{
	width: 60px;
}

.wdth75{
	width: 75px;
}

.wdth81{
	width: 81px !important;
}

.wdth90{
	width: 90px !important;
}

.wdth68Px{
	width: 68px;
}

.wdth100Px{
	width: 100px;
}

.wdth104Px{
	width: 104px;
}

.wdth100{
	width: 100%;
}

.wdth170{
	width: 170px !important;
}

.wdth190{
	width: 190px !important;
}

.wdth60Per{
	width: 60% !important;
}

.wdth75Per{
	width: 75% !important;
}

.wdth100PerImp{
	width: 100% !important;
}

.mnWdth100PerImp{
	min-width: 100% !important;
}

.wdth105{
	width: 105px;
}

.wdth120{
	width: 120px !important;
}

.wdth150{
	width: 150px !important;
}

.wdth75{
	width: 75px;
}

.wdth133{
	width: 133px !important;
}

.wdth145{
	width: 145px;
}

.wdth146{
	width: 146px !important;
}

.wdth155{
	width: 155px;
}

.wdth156{
	width: 156px !important;
}

.wdth158{
	width: 158px !important;
}

.wdth160{
	width: 160px !important;
}

.wdth210{
	width: 210px;
}

.wdth315{
	width: 315px;
}

.wdth350{
	width: 350px;
}

.wdth435{
	width: 435px;
}

.wdth14Per{
	width: 14%;
}

.wdth15Per{
	width: 15%;
}

.wdth40Per{
	width: 40%;
}

.wdth50Per{
	width: 50%;
}

.wdth47Per{
	width: 47%;
}

.wdth20Per{
	width: 20%;
}

.mxWidth100Per{
	max-width: 100% !important;
}

.dashedBorderBottom{
	border-bottom:0.07rem dashed #ebedf2;
}

.highZIndex{
	z-index: 1000000000;
}

.zIndex30{
	z-index: 30;
}

.zIndex1201{
	z-index: 1201;
}

.summaryTab-productimage {
    height: auto;
    max-height: 332px;
    max-width: 332px;
    width: auto;
}

#prodDetailsTabContent{
	background-color:#fff;
	padding:15px;
}

.prddetailsTabs{
	background-color:#e9ecf3;
	padding:15px;
}

.prodDetailTxtGraycolor{
	/* color:#9e9e9e; */
	color:#000;
	font-weight: bold;
}

#widgetWrapper{
	max-height:650px;
}
#sideBarContent{
	overflow: auto;
	overflow-x: hidden;
	/* margin-top: 6px; */
}

#orderWidgetBody {
	padding:6px !important;
}

.widgetItemWrapper { 
	border-bottom: 0.07rem solid #e0e0e0;
	margin-bottom: 6px;
	padding-bottom: 6px; 
}
.widgetItemWrapper:last-child { border-bottom: none; }
.widgetDesc{
	font-size: .85rem;
	color: #6f727d;
	font-weight: 500;
}
.widgetTitles{
	font-size: .85rem;
	color: #6f727d;
	font-weight: 500;
}
.widgetFntSize{
	font-size: .85rem;
}
.wdgtListPrice{
	width: 32%;
	padding-left: 15px;
}

.wdgtQty{
    width: 20%;
}
.wdgtTotal{
	width: 32%;
}

.wdgtDel{
	width: 8%;
	padding-top: 7px;
}

.btnBusinessAddNewCard {
	font-size: 10px !important;
	padding: 4px !important;
	margin-top: -5px;
}

.cardNmNum {
	float: left;
}

.lblExpires {
	margin-right: 40px;
	float: right;
}

.lblExpires::before {
    content: ".";
    visibility: hidden;
}

.cardStockOuterDiv{
	background: #f5f5f5;
	font-size: 9px;
	padding: 2px;
	height: auto;
	color:#000;
	margin-top:4px;
	border-radius: 4px;
	line-height: 11px;
	font-weight: 500;
}

.cardStockOuterWrapper{
	height: 25px;
	width: 122px;
	margin: 0 auto;
}

#specialorderlbl{
	position: absolute;
	left: 15px;
	top: 25px;
	font-weight: 600;
}

.productOrderDiv{
	background: #ffffff;
	border-radius:15px;
	margin: 0 auto;
    /* max-width: 400px; */
    padding:10px;
}

/* #brandbody{
	width:965px;
} */

#brand-photo{
	max-height: 200px;
	width: 200px;
}

.radioSplitList{
	margin: 0 auto;
    width: 85px;
}

#brandPhotoParentDiv{
	padding: 10px;
	background: #fff;
}

.rightTickColor{
	color: #4CAF50 !important;
}

.inventoryItemOuterDiv{
	background: #fff;
    border-radius: 5px;
    padding: 15px;
}

/* #parent-inventoryItem-div, #parent-pricing-div {
    border-right: 1px dashed #ccc;
} */

.pricingItemOuterDiv{
	background: #fff;
    border-radius: 5px;
    padding: 15px;
}

#pricingtab-leftdiv-upper-1, #pricingtab-leftdiv-upper-2, #productpricing-upper-2, #productpricingedit-upper-2, #promopricing-upper-3, #promopricingedit-upper-3, #pricingtab-rightdiv-upper-1{
	border-radius: 5px;
    padding: 15px;
    border: 1px solid #ccc;
}

.rightDashedBorder{
	 border-right: 1px dashed #ccc;
}

.boldFont{
	font-weight: bold;
}

#middlemessage img{
	width:100%;
}

#divHomePageText{
	padding-top: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-bottom: 0px !important;
}

#topmessage{
	padding:20px;
}

#divManagerButtons {
    margin-top: 9px;
}

.lightgreybackground {
    background: #fff2c1;
}

.ygtvcheck2 {
    background: rgba(0, 0, 0, 0) url("/fds/orderapp/v2.0/common/javascripts/yui/treeview/assets/check.png") no-repeat scroll 0 0;
    cursor: pointer;
    width: 16px;
}

.ygtvcheck0 {
    background: rgba(0, 0, 0, 0) url("/fds/orderapp/v2.0/common/javascripts/yui/treeview/assets/uncheck.png") no-repeat scroll 0 0;
    cursor: pointer;
    width: 16px;
}

.ygtvspacer {
    height: 22px !important;
    margin-right: 5px;
    width: 22px !important;
}

.anch {
    padding: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}

.evenrow-cm {
    background: #eef0ed;
}

.m-aside-header-menu-mobile{
	left: -195px !important;
}

/* .m-mobile-wrp-icon{
	color:#757575 !important;
} */

.leftMobileMenuWrapper, .leftMobileMenuWrapperBig, .leftMobileMenuWrapperBack{
	display:none;
}

.nav.nav-pills .nav-item, .nav.nav-tabs .nav-item {
    margin-left: 0px !important;
}

#availableDirRepList {
    border: 1px solid #ccc;
    height: auto;
    max-height: 70px;
    overflow: auto;
    text-align: left;
}


#availableDirRepList li {
    overflow: hidden;
    padding: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#availableManagerList {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    float: right;
    height: auto;
    left: -215px;
    margin-top: 20px;
    max-height: 100px;
    overflow: auto;
    position: absolute;
    text-align: left;
    width: 250px;
}

#availableManagerList li {
    padding: 8px;
}

#availableManagerList li:hover{
	background: #ffa000;
	color: #000;
	cursor: pointer;	
}

#avlMngrList {
    margin-top: -9px;
}

#addservicelocationdiv #streetaddressborderdiffernet {
    display: none;
}

.m-form__help {
    color: #7b7e8a !important;
}

#mngaccounts-editprofile-img img {
    width: 100%;
}

.modifyevenrow {
    background-color: #ece5b6 !important;
    color: #000000;
}

.modifyoddrow {
    background-color: #fff8c6 !important;
    color: #000000;
}

.panelspacer {
    clear: both;
    height: 8px;
}

.m-widget5 .m-widget5__item:last-child {
    border-bottom: 0 none !important;
}

.m-widget5 .m-widget5__item {
    border-bottom: 0.07rem solid #e0e0e0 !important;
}

/*.itmBorder {
	border-bottom: 0.07rem solid #e0e0e0 !important;
}

.itmBorder:last-child {
  border-bottom: none !important;
}*/

.m-messenger .m-messenger__seperator {
    border-bottom: none !important;
}

.bodyhighlightrow {
    background-color: #dbdbdb;
}

.static-info {
    margin-bottom: 10px;
}

.static-info .name {
    font-size: 14px;
    font-weight: 600;
    text-align: right;
}

.static-info .value {
    font-size: 14px;
    text-align: left;
}

.fntWeight300{
	font-weight: 300 !important;
}

.fntWeight500{
	font-weight: 500 !important;
}

.fntWeight600{
	font-weight: 600 !important;
}

#accProifleDetailsLeft{
	border-right:1px solid #ccc;
}

.borderRight1{
	border-right:1px solid #ebddf2;
}

.custBottomDollarDiv{
	height: 37px;
    padding-top: 9px;
    padding-right: 4px;
}

.dspNone{
	display: none !important;
}

.txtWidth60{
	width: 60px;
}

.txtWidth65{
	width: 65px;
}

.txtWidth75{
	width: 75px;
}

.txtWidth100{
	width: 100px;
}

.txtPadding0_50{
	padding: 0.50rem !important;
}

.normPdBottom15{
	padding-bottom: 15px;
}

.dspInline{
	display:inline !important;
}

.dspInlineBock{
	display:inline-block !important;
}

.twitter-typeahead .tt-menu {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 15px 1px rgba(69, 65, 78, 0.2);
}
.twitter-typeahead .tt-menu {
    border: 0 none;
    border-radius: 4px;
    margin: 0;
    min-width: 100%;
    padding: 5px 0;
}

.twitter-typeahead .tt-menu .tt-dataset .tt-suggestion {
    color: #575962;
    cursor: pointer;
}
.twitter-typeahead .tt-menu .tt-dataset .tt-suggestion {
    font-size: 1rem;
    padding: 5px 15px;
}

.twitter-typeahead .tt-menu .tt-dataset .tt-suggestion .tt-highlight {
    color: #27282c;
    font-weight: 500;
}

#addnewusererrors .errorMessage {
    padding-left: 15px;
}

.m-datatable.m-datatable--default > .m-datatable__pager{
	padding: 10px;
}

.m-card-profile .m-card-profile__pic img{
	max-width: 100px !important;
}

.rightIconsText{
	color: #676c7b;
	font-size: 1.07rem;
    font-weight: 400;
    cursor: pointer;
}

.headerUserImageDiv{
	display: inline-block;
    padding: 0 12px;
    vertical-align: middle;
    margin-top: -10px;
    text-align: center;
}

.headerUserName{
	font-size: 1.07rem;
    font-weight: 400;
}

#userProfilePicHead img{
	height: 41px !important;
    max-width: 41px !important;
    width: 41px !important;
}

.m-portlet .m-portlet__head { 
    height: 3.6rem !important;
    padding: 0px 7px 0px 15px !important;
}

.m-port_head_cst_height {
	height: 2.8rem !important;
}

.widgetHeadPad {
	padding: 0px 7px 0px 7px !important;
}

.catalogFilterTitleText{
	/* border-bottom: 1px solid #000000; */
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.catalogFilterTitleText:hover{
	text-decoration: none !important
}

.catalogFilterClearAllText{
    text-transform: uppercase;
    letter-spacing: 1px;
}

.catalogFilterClearAllText:hover{
    text-decoration: none;
}

.custBtnPadding{
	padding: 0.65rem 0.3rem !important;
}

.visibleOnlySmallDevice{
	display: none;
}

.mobCatalogFiltersWrapperDiv{
	/* opacity:0.5; */
  	background: #f5f5f5; 
  	/* width:100%; */
  	width:320px;
  	height:100%; 
  	z-index: 100001;
  	top:0; 
  	/* left:0; */
  	right:0; 
  	position:fixed;
  	padding: 10px;
  	letter-spacing: 1px;
  	overflow-x: hidden;
	overflow-y: auto;
	box-shadow: 0 1px 15px 1px rgba(69, 65, 78, 0.3);
}

.mobCatalogFiltersHeaderSpan{
	font-weight:500;
	font-size:1.5rem;
	color: #333;
	text-transform: uppercase;
}

.mobCatalogFiltersHeaderSubSpan{
	font-weight:500;
	font-size:1.1rem;
	color: #333;
	text-transform: uppercase;
}

.mobCatalogFiltersHeader{
	border-bottom: 1px solid #333;
}

#product-photo{
	
	/*background: #fff;
    padding: 8px;
    text-align: center;*/
	background: #fff;
	padding: 8px;
	text-align: center;
	display: inline-block;
}

.popover{
	z-index: 1050 !important;
}

.twitter-typeahead .tt-menu .tt-dataset .tt-suggestion:hover {
    background: #eeeeee !important;
}

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

.form-control, .form-control[readonly] {
    border-color: #e0e0e0 !important;
}

.custTextBorderColor{
	border-color: #ebedf2 !important;
}

.custCatalogPkgFonts{
	font-size: 0.92rem !important;
	font-weight: 400;
}

.managerNameDetailDiv{
	max-height: 100px;
	overflow-y: auto;
	overflow-x: hidden;
}

.m-portlet .m-portlet__body{
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 16px;
	padding-bottom: 16px;
}

.m-portlet-body-cust{
	padding-left: 25px !important;
	padding-right: 25px !important;
	padding-top: 16px !important;
	padding-bottom: 16px !important;
}

input[type="file"] {
    max-width: 205px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.actionMessage {
    padding-left: 0;
    margin-bottom: 0;
}

.actionMessage li {
    list-style: none;
}

.m-datatable.m-datatable--default>.m-datatable__table>.m-datatable__head .m-datatable__row>.m-datatable__cell>span>i {
    right: 0 !important;
}

#showReportInPopupDiv{
	border: 1px solid #ccc;
	padding: 20px;
	overflow: auto;
}

#helpContents{
	width: auto;
    height: auto;
    display: none;
    background: #fff;
    border-right: none;
  	top: 44%;
  	position: fixed;
    right: 0 !important;
    box-shadow: 0 0 15px 1px rgba(69,65,78,.2);
    z-index: 1010;
}

#helpContents li {
  padding: 10px;
  cursor: pointer;
  text-align: left;
  font-size: 12px;
  list-style: none;
}

#listHelpTopics{
	padding: 0;
	text-align: center;
	margin-bottom: 0;
}

.helpCloseDiv{
    padding: 5px;
    cursor: pointer;
    display: none;
}

.helpCloseDiv:hover{
	background: #E0E0E0;
}

.productApproxWeightBottom{
	text-align: left;
	float: right;
	width: 135px;
}

#btnHelp{
	cursor:pointer;
}

#activeorderprofitdiv{
	padding-bottom: 15px;
}
	
#activeordertotaldiv{
	padding-bottom: 15px;
}

.pd0MgAuto{
	padding: 0;
	margin: 0 auto;
}

.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell, .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__foot .m-datatable__row > .m-datatable__cell, .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell{
	padding: 5px 10px !important;
}

.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell {
    padding: 16px 10px !important;
}

.addOrdBtnCatalogDiv{
	margin-top: 8px;
	position: relative;
}

.custTxtRedableOnly{
	border: none;
	pointer-events: none;
	padding: 0;
	text-align: center;
}

.tAlignLastCenter{
	text-align-last:center !important;
}

.m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-text {
    font-weight: 500 !important;
}

.m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-icon{
    font-weight: 600 !important;
}

.m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link [class*=" flaticon-"]::before, [class^="flaticon-"]::before{
	font-weight: bold !important;
}

#btnChangeBusiness{
	margin-left:-6px;
	height: 38px;
}

#btnChangeBusiness > i{
	/* font-size: 24px !important; */
	font-weight: 500 !important;
}

.quotePendingChanges, .quotePendingChangesMob{
	color:red;
}

#openOrdersBody > .table-responsive{
	min-height: 150px;
}

.modal-body{
	-webkit-overflow-scrolling: touch;
}

.custCardBrandSpacig{
	margin-top: -3px !important;
	position: absolute;
}

.custCardDescriptionSpacing{
	margin-top: 5px;
}

.select2-container--default .select2-results>.select2-results__options{
    max-height: 300px !important;
}

.optionGroup {
    font-weight: bold;
}
    
.optionChild {
    padding-left: 25px !important;
}

.m-card-user__email{
	word-wrap: anywhere;
	word-break: break-word;
	font-size: 12px !important;
}

.bannerWrapperDiv {
  width:100%;
  height: 100px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.bannerOverlay:before{
  position: absolute;
  content:" ";
  top:0;
  left:0;
  width:100%;
  height:100%;
  display: block;
  z-index:0;
}

.bannerOverlayMob:before{
  position: absolute;
  content:" ";
  top:0;
  left:0;
  width:100%;
  height:100%;
  display: block;
  z-index:0;
}

.bannerWrapperDiv * {
    position: relative;
    /* hack */
}

.posRelative{
	position: relative !important;
}

.bannerImage{
	background-attachment: fixed;
	background-size: 100% 100px;
	object-fit: contain;
	background-repeat: no-repeat;
	background-clip: border-box;
}

.mobBannerImage{
	background-attachment: fixed;
	background-size: 100% 100px;
	object-fit: contain;
	background-repeat: no-repeat;
	background-clip: border-box;
}

/*.logoOnBanner{
	position: absolute;
	z-index: 100;
	height: 80px;
	padding: 10px;
	border-radius: 15px;
}*/

.logoOnBanner{
	position: relative;
	z-index: 100;
	height: 100px;
	/* height: 80px; */
	/* padding: 10px;
	border-radius: 15px; */
}

.logoOnBannerMob{
	position: relative;
	z-index: 100;
	/* height: 100px; */
	height: 80px;
	/* padding: 10px;
	border-radius: 15px; */
}

.bannerLogoOuterSpan{
	width: 100%;
	position: absolute;
	height: 100%;
}

.m-divider{
	text-align: center;
}

.m-divider > span{
	background: #ccc;
	height: 1px;
	flex: 1;
	width: 80%;
	margin-top: 30px;
	margin-bottom: 30px;
	display: inline-block;
}

.custFontOrange{
	color:#BF360C;
}

.custFontRed{
	color:#f44336;
}

.custFontblue{
	color:blue;
}

.custFontGreen{
	color: green;
}

.prodDetailPhotoOuter{
	/*border-radius: 8px;
	border: 1px solid #ccc;
	padding: 8px;
	max-width: 390px;
	position: relative;
	min-height: 345px;
	max-height: 345px;*/

	border-radius: 8px;
	border: 1px solid #ccc;
	padding: 8px;
	width: 465px;
	position: relative;
	display: table-cell;
	vertical-align: middle;
	height: 390px;
	max-height: 390px;
	text-align: center;
	max-width: 465px;
}

.prdUploadPhotoLink{
	display: block;
	bottom: 10px;
	position: absolute;
}

#cmbWgtSplNm{
	margin-bottom: 8px;
}

.shipByParcelListView {
	width: 130px !important;
	margin: auto !important;
}

.custCheckoutBtn {
	line-height: 1.8 !important;
	font-size: 1.3rem !important;
	font-weight: 500 !important;
}

.swal2-popup .swal2-content {
    color: #212121 !important;
}

.border0 {
	border: 0 !important;
}

.signUIC {
	margin-right: 10px;
	font-size: 24px !important;
}

.lnhgt1_60 {
	line-height: 1.60 !important;
}

.lnhgt1_2 {
	line-height: 1.2 !important;
}

.lnhgt0_92 {
	line-height: 0.92 !important;
}

.g-recaptcha {
	margin: 0 auto !important;
}

.nFormPdRight8 {
	padding-right: 8px !important;
}

.nFormPdLeft8 {
	padding-left: 8px !important;
}

.nFormMgBottom8 {
    margin-bottom: 8px !important;
}

.expBr {
	display: none;
}

.ctgPlcHld {
	font-size: 12px;
	font-style: italic;
	padding-left: 17.8%;
	padding-top: 2px;
}

#mainSearchValidation {
	position: absolute;
	background:#fff;
	top: 73%;
	border: 1px solid rgba(0,0,0,.2);
	z-index: 49;
	padding: .5rem .75rem;
	left: 47%;
	border-radius: 5px;
}

.tagify {
	/* flex-wrap: nowrap !important; */
	--tags-border-color: none !important;
	padding: 2px 0px 0px 4px !important;
}

.tagify__tag-text {
    font-weight: 450 !important;
    padding: 1px;
}


div[id^="catalogPlImgDv"] img{
	background: #fff;
	width: 100%;
	object-fit: contain;
	max-height: 196px;
}

div[id^="ordersheetPlImgDv"] img{
	background: #fff;
	width: 100%;
	object-fit: contain;
	max-height: 196px;
}

.cstMPrtletBorder:not(:first-child) {
	border-left: 0px !important;
}

.cstNewCatgBtn {
	padding-top: 18px !important;
	padding-bottom: 18px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	width: 39px !important;
	height: 39px !important;
}

.cstNewCatgBtnSlider {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	width: 30px !important;
	height: 30px !important;
}

.mCstInput {
	width: 55px !important;
	padding: 5px !important;
	/* margin: 0 auto !important; */
}

.mCstInputSlider {
	width: 44px !important;
	padding: 2px !important;
	/* margin: 0 auto !important; */
}

.cstAddGuideAnch {
	color: #408244 !important;
}

.cstMainCardWrapper.hover {
	position: absolute;
	z-index: 15;
	cursor: pointer;
	box-shadow: 4px 4px 12px 4px rgba(0, 0, 0, 0.4);
}

.cstMainCardWrapperSlider.hover {
	_position: absolute;
	z-index: 15;
	cursor: pointer;
	box-shadow: 4px 4px 12px 4px rgba(0, 0, 0, 0.4);
}

.cardDesc {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.ctgQtyWPDv {
	display: none;
}

.pIMGOut {
    height: 200px;
    vertical-align: middle;
    text-align: center;
    display: inline-flex;
    width: 100%;
}

.brandName {
	font-weight: 600;
}

.bRadius10 {
	border-radius: 10px;
}

.bRadius0 {
	border-radius: 0px !important;
}

.bRadius8 {
	border-radius: 8px !important;
}

.chkFstNm {
	max-width: 48% !important;
}

.chkLstNm {
	max-width: 48% !important;
	margin-left: 10px;
}

.stripeTxtBox {
	border: 1px solid #e0e0e0;
	padding: 10px;
	border-radius: .25rem;
}

.stripeTxtBoxCreateAcc {
	border: 1px solid #e0e0e0;
	padding: 13.5px;
	border-radius: .25rem;
	-webkit-padding-after: 9px !important;
}

.tblItemOrderCustWidth{
	width: 190px !important;
}

.cstCloseBtnOuter {
	width: 15px;
    height: 15px;
}

.custCloseBtnModal {
	font-weight: 300 !important;
	font-size: 24px !important;
	position: absolute !important;
	right: 16px !important;
	top: -6px !important;
}

#btnCheckZipCode {
	padding: 13.5px !important;
	-webkit-padding-before: 11px !important;
	-webkit-padding-end: 11px !important;
	-webkit-padding-after: 11px !important;
	-webkit-padding-start: 11px !important;
}

.postalOutHeadWrap {
 	margin: 0 auto;
	width: 100%;
	position: absolute;
}

.postalWidgetWrapper{
	width: 400px;
	text-align: center;
	top: -3px;
	margin: 0 auto;
	padding: 16px;
	margin-top: -15px;
	border-radius: 3px;
}

.postalDesktopWrap {
	display:block;
}

.postalMobileWrap {
	display:none;
}

#unsignedCartWrapperRight {
	float:right;
	width:auto;
	margin-top: -12px;
	padding-right: 8px;
}

.editCustOrdBtn {
	position: relative;
	top: 8px;
	font-size: 11px;
}

.custItemEditTxt {
	padding: 5px !important;
	text-align: center;
}

.brdLeftDashed {
	border-left: 1px dashed #ccc;
}

.pulledOrdersWrapper {
	max-height: 325px;
	overflow: auto;
}

.newProgressOuter {
	height: 25px;
}

.newProgressText {
	font-weight: bold;
	height: 25px;
	font-size: 16px;
}

.newSpnLblExpire {
	display: block;
	margin-left: 28px;
}

.manageItemsPhotoBrdr {
	border: 1px solid #ccc;
	border-radius: 4px;
}

/*Ribbon*/
.ribbon-wrapper {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  left: 4px;
}

.ribbon-wrapper-hover {
  top: -3px !important;
  left: -3px !important;
}

.ribbon {
    font: bold 13px sans-serif;
    text-align: center;
    -webkit-transform: rotate(-45deg);
    -moz-transform:    rotate(-45deg);
    -ms-transform:     rotate(-45deg);
    -o-transform:      rotate(-45deg);
    position: relative;
    padding: 7px 0;
    top: 15px;
    left: -30px;
    width: 120px;
}

.ribbon-wrapper-listview {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  margin-top: -12px;
  margin-left: -11px;
}

.ribbon-listview {
    font: bold 12px sans-serif;
    color: #333;
    text-align: center;
    -webkit-transform: rotate(-45deg);
    -moz-transform:    rotate(-45deg);
    -ms-transform:     rotate(-45deg);
    -o-transform:      rotate(-45deg);
    position: relative;
    padding: 3px 0;
    top: 15px;
    left: -30px;
    width: 120px;
}

.ribbonPromoPriceSection {
	position: absolute;
	padding: 2px;
	font-size: 12px;
	margin-top: 174px;
	right: 15px;
	min-width: 50px;
	max-width: 60px;
	border-radius: 6px;
	font-weight: 400;
}

.ribbonPromoPriceSection-mgTop {
	margin-top: 174px;
}

.ribbonPromoPriceSection-hover-mgTop {
	margin-top: 174px !important;
	right: 12px !important;
}

.ribbonPromoPriceSection-hover {
	margin-top: 174px !important;
	right: 12px !important;
}

.ribbonPromoPriceSection-listview {
	padding: 2px;
	font-size: 12px;
	margin-top: 10px;
	min-width: 50px;
	max-width: 60px;
	border-radius: 6px;
	font-weight: 400;
}

.ribbon-wrapper-prdetail {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1055;
}

.ribbonPromoPriceSection-prdetail {
    position: absolute;
    padding: 2px;
    font-size: 12px;
    margin-top: -18px;
    min-width: 50px;
    max-width: 60px;
    border-radius: 6px;
    font-weight: 400;
    right: 12px;
	bottom: 12px;
}

.ribbonNew {
	width: 48%;
	height: 188px;
	position: absolute;
	float: left;
	margin-bottom: 30px;
	color: white;
	margin-left: -9px;
	top: -6px;
	font-size: 12px;
}

.ribbonNew:nth-child(even) {
	margin-right: 0%;
}

@media ( max-width : 500px) {
	.ribbonNew {
		width: 100%;
	}
	.ribbonNew:nth-child(even) {
		margin-right: 0%;
	}
}

.ribbonPromo {
	position: absolute;
	top: 15px;
	padding: 8px 10px;
	box-shadow: -1px 2px 3px rgba(0, 0, 0, .3);
}

.ribbonPromo:before, .ribbonPromo:after {
	/* content: ""; */
	position: absolute;
}

.ribbonPromo:before {
	width: 7px;
	height: 107%;
	top: 0;
	left: -7.5px;
	padding: 0 0 7px;
	background: inherit;
	border-radius: 5px 0 0 5px;
}

.ribbonPromo:after {
	width: 6px;
	height: 5px;
	bottom: -4px;
	left: -6.5px;
	background: lightblue;
	border-radius: 5px 0 0 5px;
}
/*Ribbon Ends*/

.multiImageOuterDv {
	max-height: 65px;
	overflow: hidden;
	max-width: 463px;
	white-space: nowrap;
	overflow-y: hidden;
	text-align: center;
}

.multiImg {
	border: 1px solid #ccc;
	padding: 5px;
	object-fit: contain;
	width: 50px;
	height: 50px;
	cursor: pointer;
}

.multiImg:not(:first-child) {
	margin-left: 5px;
}

.attributeBadge {
	font-size: 14px !important;
	padding: 5px !important;
	font-weight: 400 !important;
}

.attributeBadge:not(:first-child) {
	margin-left: 10px;
}

.profileBodyPd {
	padding-top: 5px !important;
	padding-left: 10px !important;
	padding-bottom: 10px !important;
	padding-right: 10px !important;
}

.profBodySeparator {
	margin: 10px 0px !important;
}

.profHeaderPd {
	padding: 15px 15px !important;
}

.ordrIdH3Pd {
	padding: 7px 0 7px 0 !important;
}

.btnUploadNewImagePLine {
	margin-left: 5px;
	height: 50px !important;
	width: 50px !important;
	bprder-radius: 0px !important;
}

.ordrWdgtSubHead1 {
	position: relative !important;
	margin-top: 0px !important;
}

.ordrWdgtSubHead2 {
	position: absolute !important;
	margin-top: -38px !important;
}

.m-datatable.m-datatable--default > .m-datatable__pager.m-datatable__pager--top {
	margin-bottom: 10px !important;
	margin-top: 10px !important;
}

.prdPhoto {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.imgIngredients {
	width: auto;
	max-height: 200px;
	object-fit: contain;
	height: auto;
	max-width: 100%;
}

.sLocTopDvOuterMobVer {
	position: absolute;
	margin-left: 55px !important;
	margin-top: 8px;
	/*max-width: 200px;*/
}

.sLocTopDvOuterMobVerSmallest {
	position: relative;
	/*max-width: 400px;*/
	max-width: calc(100vw);
	display: table !important;
	margin: 0 auto;
}

.imgMultiUploadThumb {
	width: 100%;
	height:100px;
	max-height: 100px;
	object-fit: contain;
	padding: 8px;
}

.multiFileUpWrapDv {
	height: 100px;
	display: flex;
	justify-content: center;
	position: relative;
}

.multiFileUpFrmGrp {
	margin: 0 auto;
	position: absolute;
	top: 17%;
	padding: 5px;
}

.custom-file-label {
	white-space: nowrap;
	overflow: hidden;
	padding: .69rem 1rem !important;
	font-size: 11px !important;
}

.custom-file-label::after{
	/*padding: .69rem 0.5rem !important;
	font-size: 11px !important;*/
	display: none;
}

.imgCenter {
	margin-left: auto;
	display: block;
	margin-right: auto;
}

.disableBodyScroll {
	margin: 0 !important; 
	height: 100% !important; 
	overflow: hidden !important;
}

#modalUploadMultiProductLineImage form {
	display: contents;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {  
	#btnChangeBusiness{
		height: 37px !important;
	}
}

.cstFile::file-selector-button {
  padding: .2em .4em;
  border-radius: .2em;
  transition: 1s;
  cursor: pointer;
}

.cstFile {
    padding: 5px;
    font-size: 12px;
}

.multiImageWrapper {
    margin-left: -5px;
}

.txtBoxCustItemView {
	padding: 5px !important;
	line-height: 0.2 !important;
	font-size: 12px !important;
	height: 25px;
	width: 50px;
}

.custItemViewItemId {
	margin-top: 8%;
	display: inline-block;
}

.itmTotal {
	margin-top: 2px !important;
	display: inline-block;
}

#userDetailsWrapperRightSmall {
	display:none;
}

#dropdownMenuButton {
	-webkit-appearance: button-bevel;
}

.opacity1 {
	opacity: 1 !important;
}

#showallMarkuplink {
	float: left;
	width: 140px;
	margin-left: 19px;
}

.custItmBack {
	background: #f5f5f5;
	padding: 8px;
	border-radius: 2px;
}

.hrBorderTop {
	border-top: 1px solid #9e9e9e !important;
}

/* Item Slider Starts */
.topSliderBody {
    padding: 8px !important;
}

div.slider-carousel {
    width: 100%;
    margin: 0px;
    position: relative;
    overflow: hidden;
}

.slider-carousel .slider-carousel-viewport {
    width: 94.7%;
    min-height: 140px;
    height: 140px;
    white-space: nowrap;
    _overflow: hidden;
    position: relative;
    margin: 0;
    left: 32px;
    overflow: hidden;
	overflow-y: hidden;
}

.slider-carousel .slider-carousel-viewport:hover {
	overflow-x: scroll;
}

.topSliderBody .slider-carousel .slider-carousel-shelf {
    margin: 0 0 24px;
}

.topSliderBody .slider-carousel .slider-carousel-shelf-im {
   	margin: 0px 0 0px;
}

.slider-carousel .slider-carousel-shelf {
    display: inline-block;
    position: relative;
    left: 0;
    margin: 0 0 14px;
    padding: 0;
}

.slider-carousel .slider-carousel-shelf-im {
    display: inline-block;
    position: relative;
    left: 0;
    margin: 0 0 14px;
    padding: 0;
}

.a-ordered-list.a-horizontal:after, .a-ordered-list.a-horizontal:before, .a-unordered-list.a-horizontal:after, .a-unordered-list.a-horizontal:before, ol.a-horizontal:after, ol.a-horizontal:before, ul.a-horizontal:after, ul.a-horizontal:before {
    display: table;
    content: "";
    line-height: 0;
    font-size: 0;
}

.a-ordered-list.a-horizontal li, .a-unordered-list.a-horizontal li, ol.a-horizontal li, ul.a-horizontal li {
    display: inline-block;
    margin: 0 4px 0 0;
}

.topSliderBody .slider-carousel-card {
    min-height: 275px;
    min-width: 165px;
}

.topSliderBody .slider-carousel-card {
    text-align: center;
    min-width: 320px;
    max-width: 320px;
    max-height: 200px;
    overflow: hidden;
    margin: 0 10px 0 0;
    position: relative;
}

.slider-carousel .slider-carousel-card {
    vertical-align: top;
    min-height: 140px;
    _height: 200px;
}

.topSliderBody .slider-carousel-card-vertical {
    text-align: center;
    min-width: 230px;
    max-width: 230px;
    min-height: 150px;
    max-height: 315px;
    overflow: hidden;
    margin: 0 10px 0 0;
    position: relative;
    vertical-align: top;
}

.topSliderBody .slider-left {
    left: 16px;
    border-radius: 0 3px 3px 0;
    clip: rect(-10px,55px,140px,0);
    padding-right: 5px;
}

.topSliderBody .slider-right {
    right: 16px;
    border-radius: 3px 0 0 3px;
    clip: rect(-10px,45px,140px,-10px);
    padding-right: 5px;
}

.topSliderBody .slider-control-disabled {
    opacity: .5;
}

.topSliderBody .slider-control-disabled:hover {
    opacity: .8;
}

.topSliderBody .slider-carousel-control {
    position: absolute;
    top: 50px;
    background-color: #fff;
    height: 136px;
    line-height: 135px;
    width: 32px;
    text-align: center;
    box-shadow: 0 1px 3px #888;
    user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    display: none;
    cursor: pointer;
}

.topSliderBody .slider-carousel-control-vs {
    position: absolute;
    top: 50px;
    background-color: #fff;
    height: 312px;
    line-height: 312px;
    width: 32px;
    text-align: center;
    box-shadow: 0 1px 3px #888;
    user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    display: none;
    cursor: pointer;
}

.topSliderBody .slider-carousel-control-vs.slider-left {
    left: 16px;
    border-radius: 0 3px 3px 0;
    clip: rect(-10px,55px,313px,0);
    padding-right: 5px;
}

.topSliderBody .slider-carousel-control-vs.slider-right {
    right: 16px;
    border-radius: 3px 0 0 3px;
    clip: rect(-10px,45px,313px,-10px);
    padding-right: 5px;
}

.topSliderBody .slider-carousel-control-im {
    position: absolute;
    top: 40%;
    background-color: #fff;
    height: 55px;
    line-height: 125px;
    width: 32px;
    text-align: center;
    box-shadow: 0 1px 3px #888;
    user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    display: none;
    cursor: pointer;
}

.topSliderBody .slider-left .slider-arrow {
    background-position: -14px 0;
}

.topSliderBody .slider-arrow {
    display: inline-block;
    line-height: normal;
    vertical-align: top;
    position: relative;
    top: 50%;
    height: 22px;
    width: 13px;
    margin-top: -11px;
    font-weight: bold;
    font-size: 1.8rem;
    margin-left: -5px;
}

.slider-productimage {
	background: #fff;
	width: 100%;
	object-fit: contain;
	max-height: 109px;
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.slider-productimage-ho {
	background: #fff;
	width: 100%;
	object-fit: contain;
	max-height: 120px;
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.slider-pImgOuter-ho {
	width: 109px;
	height: 120px;
}

.slider-pImgOuter {
	width: 109px;
	height: 109px;
}

.sliderVerticalImgOuter {
	vertical-align: middle;
	display: inline-block;
}

.dspFlex {
	display: flex;
}

.sliderItemDesc {
	width: 193px;
	margin-left: 8px;
	overflow: hidden;
	/* text-overflow: ellipsis;
	display: -webkit-box; */
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	height: 55px;
	white-space: normal;
	text-align: left;
	word-break: break-word;
	font-size: 0.82rem !important;
	font-weight: 400;
}

.slider-your-price {
	width: 90px;
}

.sliderAddBtnPad {
	padding: 0.40rem 0.3rem !important;
}

.custSliderImage {
	max-width: 100% !important;
	width: 100% !important;
}

.dvHtmlSubText {
	text-align: left;
    padding: 8px;
    white-space: normal;
    
    overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.dvHtmlSubText p {
	margin-bottom: 0 !important;
}
/* Item Slider Ends */

#pricingtab-leftdiv-upper-1 .static-info .value, #pricingtab-leftdiv-upper-2 .static-info .value,
#productpricing-upper-2 .static-info .value, #productpricingedit-upper-2 .static-info .value,
#promopricing-upper-3 .static-info .value, #promopricingedit-upper-3 .static-info .value{
	padding-left: 0px !important;
}

#pricingtab-leftdiv-upper-1 .static-info .value select, #pricingtab-leftdiv-upper-2 .static-info .value select,
#productpricing-upper-2 .static-info .value select, #productpricingedit-upper-2 .static-info .value select{
	padding-left: 0.2rem !important;
}

#pricingtab-leftdiv-upper-1 .static-info .value input[type="text"], #pricingtab-leftdiv-upper-2 .static-info .value input[type="text"],
#productpricing-upper-2 .static-info .value input[type="text"], #productpricingedit-upper-2 .static-info .value input[type="text"],
#promopricing-upper-3 .static-info .value input[type="text"], #promopricingedit-upper-3 .static-info .value input[type="text"] {
	padding-left: 0.5rem !important;
}

.dvSliderColorSettings {
	width: 80px;
	margin-left: 35px;
	text-align: center;
	padding: 1px;
}

.slider-carousel .slider-carousel-viewport-im {
    width: 94.7%;
    white-space: nowrap;
    _overflow: hidden;
    position: relative;
    margin: 0;
    left: 32px;
    overflow: hidden;
	overflow-y: hidden;
}

.slider-carousel .slider-carousel-viewport-im:hover {
	overflow-x: scroll;
}

.topSliderBody .slider-carousel-card-im {
    text-align: center;
    overflow: hidden;
    margin: 0 10px 0 0;
    position: relative;
}

.slider-carousel .slider-carousel-card-im {
    vertical-align: top;
}

.upImgBtnDv {
	position: absolute;
	top: 5px;
}

.upImgBtn {
	height: 33px !important;
	padding: .45rem 0.6rem;
}

select.form-control {
	padding: .45rem 1rem !important;
}

#quoteDetailTblWrapper input[type="text"] {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

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

.bgColorFAFAFA {
	background-color: #FAFAFA;
}

.filter-option-inner {
	height : 20px !important;
}

.topSliderBody p:last-child {
  margin-bottom: 0;
}

.rotatorMobileImage {
	display: none;
}

.rotatorTabDeskImage {
	display: block;
}

.ogLabelDrpDwnWdth {
	width: 170px !important;
}

#oSheetHeadTools .bootstrap-select > .dropdown-toggle.btn-light, .bootstrap-select > .dropdown-toggle.btn-secondary {
	border-color: #bdbdbd;
}

.ogToolsDesktop {
	display: inline-block !important;
}

.ogToolsMobile {
	display: none !important;
}

.lBtnBorderRadius {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.rBtnBorderRadius {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.bootstrap-timepicker-hour {
	padding: 0px !important;
}

.bootstrap-timepicker-minute {
	padding: 0px !important;
}

.sliderImgOuter {
	width: 109px;
	height: 120px;
}

.sliderItemRight {
	width : 190px;
}

.sliderBtnCstPad {
	padding : .35rem .30rem !important;
}

.noBorder {
	border: none !important
}

.noBottomBorder {
	border-bottom: none !important
}

.noBackgroundColor {
	background-color: none !important;
}

.targetLinkHelper {
	line-height: 2;
  	font-size: 13px;
  	color: #494740;
}

/*Header Media Queries*/
@media (max-width: 365px) {
	#ogMainTitle {
		font-size: 16px !important;
	}	
}

@media (max-width: 420px) {
	.ogLabelDrpDwnWdth {
		width: 120px !important;
	}	
}

@media (max-width: 460px) {
	.ogToolsDesktop {
		display: none !important;
	}
	
	.ogToolsMobile {
		display: inline-block !important;
	}
}

@media (max-width: 480px) {
	.rotatorMobileImage {
		display: block !important;
	}
	
	.rotatorMobileImage img {
		width: 100% !important;
	}
	
	.rotatorTabDeskImage {
		display: none !important
	}
}

@media (max-width:501px) {
	.delLocDropWrapper {
	    width: 100% !important;
	}
	
	.leftMobileMenuWrapper{
		display:block;
		padding-left: 20px;
    	padding-top: 26px !important;
    	position: fixed;
    	z-index: 100;
    	cursor: pointer;
	}
	
	.leftMobileMenuWrapperBack {
		display:block;
		padding-left: 20px;
    	padding-top: 20px !important;
    	position: absolute;
    	z-index: 100;
    	cursor: pointer;
	}
	
	.leftMobileMenuWrapperBig {
		display: none;
	}
	
	.smallMobSLocDiv {
		position: relative !important;
		margin-top: 8px !important;
		height: 32px;
		margin-bottom: 3px !important;
	}
	
	#userProfilePicHead img {
	    height: 37px !important;
	    max-width: 37px !important;
	    width: 37px !important;
	    margin-top: 4px !important;
	}
	
	#userProfilePicHeadSmall img {
	    height: 37px !important;
	    max-width: 37px !important;
	    width: 37px !important;
	    margin-top: 4px !important;
	}
	
	#orderCartText {
		font-size: 1.0rem !important;
	}
	
	.headerUserName {
    	font-size: 1.0rem !important;
	}
	
	#servicelocationbar-topdiv-mob {
		display: none !important;
	}
	
	.mobTopRightUserDiv {
		position: absolute !important;
		right: 0 !important;
		top: -88px !important;
		height: 96px !important;
	}
	
	.m-header-menu-right {
        margin: 0px 0 0 10px !important;
    }
    
    .headerUserImageDiv {
    	margin-top: 13px !important;
    }
    
    .icTopMin12 {
    	top: -12px !important;
    }
    
    .icTopMin20 {
    	top: -20px !important;
    }
    
    .icTopMin50 {
    	top: -50px !important;
    }
    
    .smallMobLogo {
    	height: 60px !important;
		top: 10px !important;
		position: absolute !important;
		left: 60px !important;
    }
    
    .smallMobLogoUnsigned {
    	height: 60px !important;
		top: 10px !important;
		position: absolute !important;
		left: 10px !important;
    }
    
    .smallMobLogoUnsignedLeft {
    	height: 60px !important;
		top: 10px !important;
		left: 10px !important;
		margin-right: auto;
		display: block;
		
		/*position: absolute !important;*/
    }
    
    .smallMobLogoUnsignedCenter {
    	height: 60px !important;
		top: 10px !important;
		/*position: absolute !important;
		left: 10px !important;*/
		
		margin-left: auto;
		margin-right: auto;
		display: block;
    }
    
    .smallMobLogoUnsignedRight {
    	height: 60px !important;
		top: 10px !important;
		/*position: absolute !important;*/
		right: 10px !important;
		margin-left: auto;
		display: block;
    }
    
    #navBarWraper{
		padding-top:6px !important;
	}
	
	#selectedDelLocName {
	    width: 100%;
	}
	
	.sLocTopDvOuterMobVerSmallest {
		width: calc(100vw);
	}
	
	#userDetailsWrapperRightSmall {
		position: absolute;
		top: 20px;
		right: 16px;
		z-index: 1051;
		display:block;
	}
	
	.backUsrImgWrap {
		display: none !important;
	}
	
	.backOfficeHeader {
		display: none !important;
	}
	
	.m-header--fixed .m-body-backoffice {
	    padding-top: 77px !important;
	}
}

@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
	#userDetailsWrapperRightSmall {
		top: 10px;
	}
}}

@media (min-width:501px) {
	.smallMobSLocDiv {
		display: none;
	}
}

@media (max-width:400px) {
	#servicelocationbar-topdiv-mob{
		display:none !important;
	}
}

@media (min-width:968px){
	.addAdjust {
		padding-left: 0px !important;
	}
}

@media (max-width:768px){
	.bannerDesktop{
		display: none;
	}
	
	.bannerMobile{
		display: block;
	}
	
	#custOrdBodyRight{
		height:425px !important;
	}
	
	.select2-container--default .select2-results>.select2-results__options{
	    max-height: 150px !important;
	}
	
	.brdLeftDashed {
		border-left: none;
	}
	
	.hideCustmeElements {
		display:none;
	}
	
	.mgTopMin50 {
		margin-top: -50px;
	}
	
	.mZIndex105 {
		z-index: 105;
	}
	
	.mpdRight0 {
		padding-right: 0px !important;
	}
	
	#pricingtab-leftdiv-upper-1 .static-info .value, #pricingtab-leftdiv-upper-2 .static-info .value,
	#productpricing-upper-2 .static-info .value, #productpricingedit-upper-2 .static-info .value,
	#promopricing-upper-3 .static-info .value, #promopricingedit-upper-3 .static-info .value{
		padding-left: 15px !important;
	}
	
	.slider-left, .slider-right {
		display: none !important;
	}
	
	.slider-carousel .slider-carousel-viewport {
		width: 100% !important;
		left: 0px !important;
	}
	
	.slider-carousel .slider-carousel-viewport-im {
		width: 100% !important;
		left: 0px !important;
	}
	
	#oSheetHeadTools {
		padding-left: 8px !important;
	}
}

@media (max-width:1100px) {
	.distBanner{
		object-fit: cover !important;
    	width: 150vw !important;
	}
	
	.custCardDescriptionSpacing{
		margin-top: 40px !important;
	}
}

@media (max-width:1024px) {
	#btnCheckZipCode {
		-webkit-padding-before: 11px !important;
		-webkit-padding-end: 11px !important;
		-webkit-padding-after: 11px !important;
		-webkit-padding-start: 11px !important;
	}
	
	.m-aside-header-menu-mobile-close.m-aside-header-menu-mobile-close--skin-light {
	    background-color: #e0e0e0 !important;
	}
	
	.bannerWrapperDiv {
		height: 80px !important;
	}
}

@media (min-width:598px) and (max-width:1139px) {
	#mainSearchValidation{
		top: 60% !important;
	}
}

@media (min-width:495px) and (max-width:597px) {
	#mainSearchValidation{
		top: 75% !important;
		left: 38% !important;
	}
}

@media (min-width:1025px) and (max-width:1169px) {
	.tblItemOrderCustWidth{
		width: 27% !important;
	}
}

@media (max-width:494px) {
	#mainSearchValidation{
		top: 65% !important;
		left: 32% !important;
	}
}

@media (max-width:346px) {
	#mainSearchValidation{
		top: 58% !important;
		left: 28% !important;
	}
}

@media (min-width:992px) and (max-width:1024px) {
	#widgetWrapper{
		display: block !important;
	}
}

@media (min-width:1024px) and (max-width:1074px) {
	.summaryTab-productimage{
		max-height: 330px;
		max-width: 330px;
	}
}

@media (min-width:1026px) and (max-width:1074px) {
	.prodDetailPhotoOuter{
		/*max-width: 380px;*/
		max-width: 408px;
	}
}

@media (min-width:1025px) and (max-width:1130px) {
	/*.m-header-menu{
		display:none;
	}

	.serLocHideCustom{
		display:none !important;
	}
	
	.leftMobileMenuWrapper {
	    cursor: pointer;
	    display: block;
	    padding-left: 20px;
	    padding-top: 20px;
	    position: absolute;
	    z-index: 505;
	}*/
}

@media (min-width:501px) and (max-width:1025px) {
	.leftMobileMenuWrapperBig {
		display:block;
		padding-left: 20px;
    	padding-top: 26px !important;
    	position: absolute;
    	z-index: 505;
    	cursor: pointer;
	}
	
	.leftMobileMenuWrapperBack {
		display:block;
		padding-left: 20px;
    	padding-top: 20px !important;
    	position: absolute;
    	z-index: 100;
    	cursor: pointer;
	}
	
	.leftMobileMenuWrapper{
		display:none;
	}
	
	#navBarWraper{
		padding-top:3px !important;
	}
	
	.backUsrImgWrap {
		display: table !important;
	}
}

@media (max-width:1025px) {
	.m-aside-header-menu-mobile {
		border: 1px solid #bdbdbd !important;
	}
	
    #navBarWraper{
		top: 74px !important;
		z-index: 110 !important;
		height: 75px !important;
	}

	.m-header--fixed-mobile .m-topbar {
	    margin-top: 0 !important;
	    top: 0 !important;
		padding-top: 0 !important;
	}

	
	.m-topbar{
		box-shadow: none !important;
	}

	.m-body .m-content {
	    padding-top: 5px !important;
	}
	
	.nextDelDateNavBarSpan {
		margin-top:0 !important;
		top: 40px !important;
		width: auto !important;
	}
	
	.m-aside-header-menu-mobile{
		width: 195px !important;
	}
	
	.m-aside-header-menu-mobile-close{
		left: 7px !important;
		top: 86px !important;
		display:none !important;
	}
	
	.logButtonsMobile{
		padding-top: 14px;
	}
	
	.m-header--fixed .m-body-woutsign {
	    padding-top: 175px !important;
	}
	
	.right0{
		right:0 !important;
	}
	
	.left0{
		left:0 !important;
	}
	
	#topMenuWrapperUl {
	    /* padding-top: 160px; */
	    text-align: center;
	}
	
	#home-li {
    	margin-top: 2px;
    }
    
    #reports-li, #manageorders-li {
    	margin-top: 7px;
    }

	#home-li,#ordersheet-li,#orders-li,#quotedetails-li,#managequotes-li {
	    width: auto !important;
	}

	#serviceLocWrapperMenuDiv {
	    height: 158px;
	    overflow-x: hidden;
	    position: fixed;
	}

	.m-aside-header-menu-mobile .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-icon, .m-aside-header-menu-mobile .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-icon{
		text-align:center !important;
	}
	
	.m-dropdown.m-dropdown--mobile-full-width.m-dropdown--align-center > .m-dropdown__wrapper, .m-dropdown.m-dropdown--mobile-full-width > .m-dropdown__wrapper{
		left: auto !important;
		width: 200px !important;
	}
	
	.summaryTab-productimage {
	    max-width: 235px !important;
		max-height: 185px;
	}
	
	.prodDetailPhotoOuter{
		max-width:425px;
	}

	.deliverToDropDown{
	    float: left;
		width: 100% !important;
	}
	
	#selectedDelLocName {
	    max-width: 265px;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}
	
	.m-card-user__name{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 125px;
	}
	
	.postalWidgetWrapper{
		margin-top: 3px !important;
		position: relative !important;
		z-index: 101;
	}
	
	#unsignedCartWrapperRight {
		float: right;
		width: auto;
		margin-top: -3px !important;
		padding-right: 16px;
		position: absolute;
		right: 130px;
	}
	
	.mobPdRight0 {
		padding-right: 0px !important;
	}
	
	.mobTabUserIneerWdth {
		width: 225px !important;
	}
	
	.m-dropdown.m-dropdown--mobile-full-width.m-dropdown--align-center > .m-dropdown__wrapper, .m-dropdown.m-dropdown--mobile-full-width > .m-dropdown__wrapper {
    	right: 8px !important;
	}
	
	.m-aside-header-menu-mobile {
		top: 80px !important;
	}
	
	
	.m-header {
	    height: 80px !important;
	}
	
	.distBanner {
    	height: 80px !important;
    }
    
    #mainBackOfficeContent {
	    /*padding-top: 22px !important;*/
	    padding-top: 0px !important;
	}
	
	#navBarWraperBack {
		top: 75px !important;
	}
	
	.m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-light .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__heading, .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-light .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link {
	    background-color: #e0e0e0 !important;
	}
	
	.mobCurrentOrdWrapper {
		/*padding-top: 16px;
		padding-bottom: 16px;*/
	}
	
	.mobItemLayoutWrapper:not(:last-child) {
		border-bottom: 1px solid #ccc;
	}
	
	.mobItemLayoutWrapper {
		padding-bottom: 8px;
	}
	
	.mobItemLayoutWrapper:not(:first-child) {
		padding-top: 8px;
	}
	
	.widgetDescItmDetails{
		font-size: 1rem;
		color: #6f727d;
		font-weight: 500;
	}
	
	.m-widget5 .m-widget5__item .m-widget5__content .m-widget5__section {
	    display: table-cell;
	    vertical-align: top;
	    padding-left: 1.43rem;
	    padding-top: 0.3rem;
	}
	
	.mWdgtImg {
		max-height: 70px !important;
	}
	
	.m-widget5 .m-widget5__item .m-widget5__pic > img {
	    width: 5.6rem;
	}
}

@media (max-width:880px) {
	.postalOutHeadWrap {
		width: auto !important;
		margin-left: 16px;
	}	
		
	.postalWidgetWrapper{
		margin-top: 3px !important;
		position: relative !important;
		z-index: 101;
		width: 375px !important;
	}
}

@media (max-width:630px) {
	.postalDesktopWrap {
		display:none;
	}
	
	.postalMobileWrap {
		display:block;
	}
}

@media (max-width:991px) {
	.visibleOnlySmallDevice{
		display: block;
	}
	
	.rightDashedBorder{
		 border-right: none !important;
	}
	
	.custCardDescriptionSpacing{
		margin-top: 0px !important;
	}
	
	.prodDetailPhotoOuter{
		max-width: 100% !important;
		width: 100%;
		display: block;
		max-height: 290px;
	}
	
	.multiImageOuterDv {
		width: 100%;
		max-width: 100%;
		display: block;
		margin-bottom: 16px;
	}
	
	.nFormPdRight8 {
		padding-left: 8px !important;
	}
	
	.nFormPdLeft8 {
		padding-right: 8px !important;
	}
	
	.nFormMgBottom8 {
	    margin-bottom: 0px !important;
	}
	
	.nFormMobPdRight8 {
		padding-left: 8px !important;
	}
	
	.nFormMobPdLeft8 {
		padding-right: 8px !important;
	}
	
	.mobMgBottom8 {
		margin-bottom: 8px !important;
	}
	
	.ctgQtyWPDv {
		display: block;
	}
	
	.custSortSize {
		width: calc(100vw - 110px) !important;
	}
}

@media (min-width:884px) and (max-width:991px) {
	.chkFstNm {
		max-width: 49% !important;
	}
	
	.chkLstNm {
		max-width: 49% !important;
		margin-left: 10px;
	}
}

@media (min-width:768px) and (max-width:884px) {
	.chkFstNm {
		max-width: 49% !important;
	}
	
	.chkLstNm {
		max-width: 48% !important;
		margin-left: 12px;
	}
}

@media (min-width:635px) and (max-width:768px) {
	.chkFstNm {
		max-width: 49% !important;
	}
	
	.chkLstNm {
		max-width: 49% !important;
		margin-left: 10px;
	}
}

@media (min-width:575px) and (max-width:635px) {
	.chkFstNm {
		max-width: 48% !important;
	}
	
	.chkLstNm {
		max-width: 49% !important;
		margin-left: 12px;
	}
}

@media (max-width:868px) {
	.custCardDescriptionSpacing{
		margin-top: 10px !important;
	}
}

@media (min-width:995px) {
	.chkCustPortWdth{
		max-width: 49% !important;
	}
	
	.chkCustPortMgLeft18{
		margin-left: 18px;
	}
}

@media (max-width:796px) {
	.custCardDescriptionSpacing{
		margin-top: 30px !important;
	}
}

@media (max-width:768px) {
	#accProifleDetailsLeft{
		border-right: none !important;
	}
	
	.borderRight1{
		border-right: none !important;
	}
	
	.static-info .name {
    	text-align: left !important;
	}
	
	.mobPdBottom10{
		padding-bottom: 10px;
	}
	
	.mobPdBottom15{
		padding-bottom: 15px;
	}
	
	.mobPdLeft15{
		padding-left: 15px !important;
	}
	
	.mobPdLeft0{
		padding-left: 0px !important;
	}
	
	.mobMgLeft0{
		margin-left: 0px !important;
	}
	
	#brand-photo{
		width: 100% !important;
	}
	
	.rightIconsText{
		font-size: 12px !important;
	}
	
	.mobautoheight.hgt220{
		height:auto !important;
	}
	
	#activeOrderCheckoutBtnMob, #indexContinueOrderingBtnMob, #activeOrderDeleteBtnMob, #saveneworderdtlsMob {
		width: 100% !important
	}
	
	.mWdth80Per {
		width: 80%;
	}
}

@media (max-width:320px) {
	#btnSignIn, #btnSignUp{
		border:2px solid transparent !important;	
	}
	
	.rightIconsText{
		font-size: 12px !important;
	}
	
	.refineByBadgeMg{
		margin-top: 5px;
	}
	
	.custCardDescriptionSpacing{
		margin-top: 15px !important;
	}
	
	.summaryTab-productimage {
	    max-width: 180px !important;
	}
}

@media (max-width:378px) {
	#btnSignIn, #btnSignUp{
		border:2px solid transparent !important;	
	}
	
	.rightIconsText{
		font-size: 12px !important;
	}
}

@media (max-width:419px) {
	#saveneworderdtls, #saveneworderdtlsTab{
		margin-top: 10px;
	}
	
	#btnSignIn, #btnSignUp{
		border:2px solid transparent !important;	
	}
	
	.rightIconsText{
		font-size: 12px !important;
	}
}

@media (min-width:321px) and (max-width:378px) {
	.summaryTab-productimage{
		max-width: 255px !important;
	}
	
	.prodDetailPhotoOuter {
		max-height: 215px !important;
	}
}

@media (min-width:394px) and (max-width:419px) {
	#saveneworderdtls, #saveneworderdtlsTab{
		margin-top: 0px;
	}
}

@media (min-width:549px) and (max-width:574px) {
	#indexContinueOrderingBtn, #indexContinueOrderingBtnTab{
		margin-top: 0px !important;
	}
}

@media (min-width:769px) and (max-width:1025px) {
	.logoOnBanner{
		height: 80px;
	}
}

@media (max-width:498px){
	.lblExpires {
		float: left !important;
		margin-left: -6px;
	}
	
	.expBr {
		display: block;
	}
}

@media (max-width:575px){	
	.mobMgBottom15{
		margin-bottom: 15px !important;
	}
	
	.chkFstNm {
		max-width: 100% !important;
	}
	
	.chkLstNm {
		max-width: 100% !important;
		margin-left: 0px;
	}
	
	.custMarkupDiv {
		padding-left: 0;
		margin-top: 22px;
	}
	
	#showallMarkuplink {
		float: left;
		margin-left: 2px;
		margin-top: -18px;
	}
}

@media (max-width:574px){ 
	#indexContinueOrderingBtn, #indexContinueOrderingBtnTab{
		margin-top: 10px;
	}
	#orderContactLastName{
		margin-top: 10px;
	}
	
	#txtOrderHistoryDate, #historySearchInptGrp{
		margin-top: 10px;
	}
	
	.rightIconsText{
		font-size: 12px !important;
	}
	
	.dataCatagWrapper{
		padding-bottom:10px !important;
	}
	
	.ctgPlcHld {
	    padding-left: 3% !important;
	    padding-right: 0 !important;
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) {
	.m-nav.m-nav--inline > .m-nav__item > .m-nav__link {
	    padding: 0 !important;
	}
	
	#cartTotalVal{
		margin-top: 0px !important;
    }
    
    .backRightWrapper {
		margin-top: 10px;
    }
}

@media screen and (-webkit-max-device-pixel-ratio:1) and (min-color-index:0) {
	input[type=text], input[type=password], input[type=number] { 
		padding: 0.50rem 1rem;
		line-height: 1.60;
	}
}

@media (min-width:401px) and (max-width:574px) {
	#selectedDelLocName{
		max-width: 140px;
	}
}

@supports (-webkit-overflow-scrolling: touch) {
  	input[type=text], input[type=password], input[type=number] { 
		padding: 0.50rem 1rem;
		line-height: 1.60;
	} 
}

.txtError {
  border: 1px solid red !important;
}