/* this file will have common css used across websites */
h1, h2, h3, h4, h5, h6, img { margin: 0; padding: 0; border: 0; }
/* common tags accross the site */
html { font-size:87.5% }
body { font-size: 14px; color:var(--primaryDefault); line-height: 1.42857143; font-weight: normal; }
a { cursor: pointer; color: #1D50C3; }
/*A:link { color: #1D50C3; text-decoration: underline; }
A:visited { color: #1D50C3; text-decoration: underline; } */
A:hover { color: #CC0000; text-decoration: underline; }
.lss { color: #3333FF; text-decoration: none; }
A.lss:link { color: #3333FF; }
A.lss:visited { color: #3333FF; }
A.lss:hover { color: var(--primaryDefault); text-decoration: underline; }
/* colored text */
h3, .body12b, .body10bcolor, .arial10BoldNoUnd, .menuhead, .body12bNoUnd, .body8bcolor { color: var(--teal); }
/* arial font group **/
/*css start for fix bootstrap 4 issue*/
td, th { padding: 0; }
/*css end for fix bootstrap 4 issue*/
.menuhead { font-size: 18px; }
.body12bNoUnd { font-size: 16px; text-decoration: none; }
h3 { font-size: 14px; font-weight: normal; }
.body12b { font-size: 16px; font-weight: 400; }
.body10, .body10space, .body10b, .body10bcolor, .bullet10, .arial10, .arial10BoldNoUnd { font-size: 14px; font-weight: normal; line-height: 1.5 !important; }
.body9, .bullet9 { font-size: 14px; font-weight: normal; line-height: 16px; }
.body10b, .body10bcolor, .arial10BoldNoUnd, .body8b, .body8bcolor, .body9b, .body12bNoUnd, .menuhead { font-weight: var(--text-bold); }
/* verdana font group */
.body9b { font-size: 14px; }
.body85 { font-size: 13px; } .body8, .body8b, .body8bcolor, .body8space { font-size: 13px; line-height: 15px; }
.body7, .bullet7 { font-size: 12px; }
.bullet10 { margin: 0px 0px 3px 8px; text-indent: -8px; }
.bullet9 { margin: 0px 0px 3px 9px; text-indent: -9px; }
.bullet { font-size: 13px; line-height: 16px; margin: 0px 0px 4px 9px; text-indent: -9px; }
.bullet7 { margin: 0px 0px 4px 8px; text-indent: -8px; }
.body8space, .body10space { margin: 6px 0px 12px 0px; }
.sidebar { background-color: #996633; }
.rule { background-color: #E5E5E5; height: 1px; }
.vrule { border-left: 1px solid #E9E9E9; }
.trhead { font-size: 13px; font-weight: bold; padding: 3px 0px 3px 0px; background-color: #48546A; color: #FFFFFF; }
A.trhead:link, A.trhead:visited { color: #FFFFFF; text-decoration: underline; }
A.trhead:hover { color: #AEB2FE; text-decoration: underline; }
.trcolor, .trlight, .trwhite { font-size: 14px; color: #000000; font-weight: normal; }
.trcolor { background-color: #C7D8FA; }
.trlight { background-color: #EDF2FC; }
.trwhite { background-color: #FFFFFF; }
.atr1, .atrtop {font-size: 14px; font-weight: normal; height: 22px; }
.atr1 {background-color: #F8F3E9; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #F8F3E9; }
.atrtop { border-top: 1px solid #CFC9C4; }
.atrt0, .atrt { font-size: 14px; font-weight: bold; line-height: 20px; background-color: #E8E3D9; }
.atrt0 { border-top: 1px solid #6B5C4F; }
.atrt { border-bottom: 1px solid #6B5C4F; }
.atr { font-size: 14px; line-height: 18px; font-weight: normal; border-bottom: 1px solid #E6DBD1; }
.price0 { font-size: 14px; line-height: 18px; font-weight: normal; border-bottom: 1px solid #E6DBD1; background-color: #F8F3E9; }
.price1 {font-size: 14px; line-height: 18px; font-weight: normal; border-bottom: 1px solid #E6DBD1; background-color: #E6EBF1; }
.roundrect { display: none; font-size: 14px; font-weight: normal; color:var(--primaryDefault); width: 681px; margin: 5px 2px 2px; position: absolute; border: none !important; z-index: 997; background: #ffffff; padding: 15px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -webkit-box-shadow: 0px 5px 20px 0px #333; box-shadow: 0px 5px 20px 0px #333; }
/* search box start */
.atr0_bar { font-size: 14px; font-weight: normal; background-color: #FFFFFF; border-bottom: 1px solid #C7D8FA; padding: 2px 0px 2px 0px; height: 18px; }
.atr1_bar { font-size: 14px; font-weight: normal; background-color: #EDF2FF; border-bottom: 1px solid #C7D8FA; padding: 2px 0px 2px 0px; height: 18px; }
.atr0_bar_ultra { border-right: none !important; vertical-align: middle; padding: 0; border-bottom: 1px solid #DDD; }
.atr0_bar_ultra a { color: #555555; text-decoration: none; font-size: 13px; display: block; padding: 5px 0 6px 7px; position: relative; font-weight: normal }
.atr0_bar_ultra a:hover { color: #AA0E11; }
.atr1_bar_ultra { font-size: 14px; font-weight: normal; background-color: #EDF2FF; border-bottom: 1px solid #DDDDDD; padding: 0px 6px 0px 6px; height: 30px; }
.body10_ultra { font-size: 14px; font-weight: normal; background-color: #FFFFFF; padding: 0px 6px 0px 6px; height: 30px; color: #AA0E11; }
.body10b_ultra { font-size: 14px; font-weight: bold; background-color: #FFFFFF; padding: 0px 6px 0px 6px; height: 30px; color: #AA0E11; border-bottom: 1px solid #DDD; }
.body10b_darkgray_ultra { font-size: 14px; font-weight: bold; background-color: #FFFFFF; padding: 0px 6px 0px 6px; height: 20px; color: var(--primaryDefault); }
.body10b_black_ultra { font-size: 14px; font-weight: bold; background-color: #FFFFFF; padding: 0px 6px 2px 10px !important; color: #000000; }
.body8_ultra { font-size: 14px; font-weight: normal; background-color: #FFFFFF; padding: 0px 6px 0px 6px; min-height: 18px; color: var(--primaryDefault); }
.body8b_ultra { background-color: #FFFFFF; padding: 0px 6px 0px 6px; height: 30px; padding-bottom: 3px; }
.body8b_ultra a { /*color: #1D50C3; */ text-decoration: none; font-size: 13px; display: block; padding: 5px 0 6px 7px; position: relative; font-weight: bold }
.body7_ultra { font-size: 13px; font-weight: normal; background-color: #FFFFFF; padding: 0px 6px 0px 6px; height: 16px; color: var(--primaryDefault); }
.close-btn-cont { font-weight: normal; padding-right: 0; padding-bottom: 10px; clear: both; overflow: hidden; }
.close-btn-cont a { float: right; width: 66px; height: 22px; background: transparent url(/img/src/searchcloselabel.gif) no-repeat 0 0; margin: 0; outline: none; display: block; }
.close-btn-cont a:hover { background: transparent url(/img/src/searchcloselabel.gif) no-repeat 0 -22px; }
.pop-a-btn { text-decoration: none !important; color: #000 !important; } /*used in bootstrap popover for a tag button*/
#divSampleProduct { margin: 1px 0 0; font-weight: bold; text-align: left; float: left;font-size: 14px; width: 305px; overflow: hidden; text-overflow: ellipsis; line-height: 19px; white-space: nowrap; }
/* search box end */
.white { color: #FFF; }
#colorschemetable0 > tbody > tr > td > a { border: 2px solid #fff; }
#colorschemetable1 > tbody > tr > td > a { border: 2px solid #fff; }
a.colorboxActive { border-color: #FF9900 !important; /*box-shadow: 0px 0px 6px #FF9900; */ }
/*Colorbox Custom Css*/
#cboxOverlay { background: #000 !important; opacity: 0.6 !important; filter: alpha(opacity = 60) !important; }
/*#cboxClose { top: 0 !important; background: url(/companies/MyAssetTag/close_btn.png) no-repeat 0 0 !important;width:30px !important;height:30px !important; }
#cboxClose:hover { background:url(/companies/MyAssetTag/close_btn.png) no-repeat 0 0 !important; }
*/
#SS_ToolTip_CaptionTbl td , #SS_ToolTip_ContentTbl td { padding:2px 5px; }
#cboxLoadedContent { margin-bottom: 0 !important; }
ul.ss_menu { float: right; padding: 0 0px 0px 0; margin-bottom: 8px; }
ul.ss_menu li { display: inline; float: left; padding-right: 10px; margin-right: 10px; }
ul.ss_menu li span { display: block; line-height: 19px; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.ss_menu .fa { padding-right: 7px; color: #000000; font-size: 15px }
.ss_menu .fa:hover { color: #CC0000 }
.tagbackoptions a { border:2px solid #fff; padding: 4px; }
.mnp_slideshow a img { width:420px; }
/*Colorbox Custom Css*/
/*for fix bootstrap 4 btn issue*/
.btn { white-space:nowrap }
.hidden { display:none !important; }
.hide { display:none !important; }
.show { display:block !important; }
.img-responsive { display: block; max-width: 100%; height: auto; }
.center-block { display: block; margin: 0 auto; }
.popover-header { padding: 8px 14px; font-size: 14px; font-weight: var(--text-bold); color:#000; }
.popover-body { padding: 9px 14px; }
.pull-left{float:left;}
.pull-right{float:right;}
/*.modal-backdrop.show { opacity: .25; display:none !important; } */
/*.modal-backdrop.fade { z-index:1040; } */
/*sstooltip css start*/
div.ssqtip-default > .tooltip-inner {font-size: 12px;line-height: 18px;font-family: var(--ss-font-sans-serif);}
div.ssqtip-yellow > .tooltip-inner{background-color: #fff; border-color: #ccc;}
div.ssqtip-yellow.bs-tooltip-top .arrow:before {border-top-color: #ccc;}
div.ssqtip-yellow.bs-tooltip-right .arrow:before {border-right-color: #ccc;}
div.ssqtip-yellow.bs-tooltip-left .arrow:before {border-left-color: #ccc;}
div.ssqtip-yellow.bs-tooltip-bottom .arrow:before {border-bottom-color: #ccc;}
div.ssqtip-yellow > .tooltip-inner > .ssqtip-titlebar{background-color: #f2f2f2;font-weight: var(--text-bold);font-size:14px;}
/*sstooltip css end*/
@media (max-width: 1100px) {#back-top { display: none } }
@media (max-width: 1200px) { }
@media screen and (max-width: 1380px) {.top-nav-search .search_icon input[type="text"] { width: 107px!important; }
.top-nav-search .search_icon { width: 155px !important; }
.top-nav-search { left: -181px!important; padding: 20px 4px!important; }
}
@media screen and (max-width: 1340px) {.top-nav-search, .top-nav-Complogo { display: none !important; }
}
/*Custom bootstrap css start here */
/* don't change container width and padding. If changes required, do it in the site's relevant header */
button, input, optgroup, select, textarea { color: initial; }
/*.row [class*="-"] {padding-left:0; padding-right:0; } */
.body-container { padding: 20px; background-color: #ffffff; }
.body-container:after { clear: both; }
.body-container:before, .body-container:after { display: table; line-height: 0; content: ""; }
.container{padding-left:0; padding-right:0; max-width:950px;}
/*.panelHeadA { background-color: #990000; font-size: 13px; font-weight: bold; line-height: 16px; color: #FFFFFF; padding: 4px 5px 4px 8px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; }
.panelBodyA { background-color: #FFFFCC; border-bottom: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999; overflow: visible; height: auto; font-size: 14px; line-height: 16px; padding: 7px 7px 9px 7px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } */
.panelHeadB, .panelHeadA { font-size: 15px; font-weight: var(--text-bold); line-height: 20px; color: var(--primaryDefault); padding: 0 0 10px; height: auto; }
.panelBodyB, .panelBodyA { overflow: visible; height: 100%; font-size: 14px; line-height: 22px;}
.panelHeadC { /* green myparkingsign http://beta.myparkingsign.com/no-parking-signs */ background: url(/img/src/190-hdr-green-40.png) no-repeat top; height: 29px; font-size: 13px; font-weight: bold; line-height: 17px; color: #000; padding: 6px 5px 6px 8px; }
.panelBodyC { /* fawn */ background-color: #F3ECD2; border-bottom: 1px solid #E9D8AA; border-left: 1px solid #E9D8AA; border-right: 1px solid #E9D8AA; overflow: visible; height: auto; font-size: 14px; line-height: 16px; padding: 7px 7px 7px 7px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; }
.panelFawn { /* fawn */ background-color: #F3ECD2; border: 1px solid #E9D8AA; overflow: visible; height: auto; font-size: 14px; line-height: 16px; padding: 8px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
/* css added by vijay for dynamic menu */
ul.dynamic_menu { padding: 0; margin: 0; list-style: none; }
ul.dynamic_menu li { float: left; padding-left: 7px; margin-left: 7px; border-left: 1px solid #fff; }
ul.dynamic_menu li:first-child { padding-left: 0; margin-left: 0; border-left: 0px; }
ul.dynamic_menu li a{ color: #fff; text-decoration: none; font-size: 13px; font-weight: bold; }
ul.dynamic_menu li a:hover, ul.dynamic_menu li a:focus { color: #FFFF66; text-decoration: none; border-bottom: 1px solid #F90; }
/* used in showprice.ascx */
table.pricerj {font-size: 14px; color: var(--primaryDefault); }
table.pricerj thead tr th { background-color: #C7D8FA; padding: 3px 5px 3px 10px; text-align: right; }
table.pricerj tbody tr td { background-color: #FFF; border-bottom: 1px solid #ccc; padding: 4px 5px 4px 10px; text-align: right; }
/* New Added for Commen Footer Bottom used in includefooterbottom.ascx */
.footer_bottom { margin: 0px auto; max-width: 910px; }
.footer_bottom_sprite { background-image: url(/img/src/sprite_footer-bottom.png); }
.footer_bottom ul { margin: 0; padding:0px }
.footer_bottom ul li { list-style-type: none; border-right: 1px solid #cccccc; padding-right: 20px; padding-left: 20px; display: inline-block; vertical-align: top; min-height: 90px; }
.footer_bottom ul li:first-child { padding-left: 0px; }
.footer_bottom ul li:last-child { padding-right: 0px; border: none; }
.footer_bottom ul li dl { padding: 0px 10px 0px 0px; }
.ss-footer .footer_bottom .body9 { font-size: 12px; }
.ss-footer .footer_bottom .body8, .ss-footer .footer_bottom .body8b { font-size:12px; }
.bbb { background-position: 0 -224px; width: 192px; height: 52px; display: block; }
.secure_checkout { background-position: 0 0; width: 160px; height: 26px; display: block; margin-top: 5px; }
span.paypal_varified { background-position: -100px -121px; width: 78px; height: 78px; display: block; margin-top: 5px; margin-left: 10px; }
.paypal_checkout { background-position: 0 -32px; width: 143px; height: 37px; display: block; }
.top_retailer { background-position: -181px -40px; width: 94px; height: 90px; display: block; }
.padd { padding: 30px 0px 0px 10px; }
/*----back-to-top-------*/
#back-top { position: fixed; bottom: 120px; right: 20px; }
#back-top a { width: 44px; height:44px; display: flex; align-items:center;justify-content:center; text-align: center; font: 13px/100% Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; color: var(--primaryDefault); -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; font-size:0;background: rgba(0,0,0,0.5) ; border-radius:100%;
}
#back-top span { display: inline-block; background-color:#fff!important; width: 25px;height: 25px; mask-position: center;
-webkit-mask-image:url('data:image/svg+xml,');
mask-image:url('data:image/svg+xml,');
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
}
#back-top a:hover { background-color:#3f51b5 }
#back-top a:hover span { background-color: #fff!important; }
/* end here Commen Footer Bottom used in includefooterbottom.ascx */
@media only screen and (min-width: 481px) and (max-width: 992px) {.paypal_varified { display: none; }
.footer_bottom { text-align: center; }
/*.footer_bottom ul li { display: inline-block; float:none } */}
/* Force IE10 and below to size images correctly
remove for resolve other page image width issue in ie browser
.img-responsive { width: 100% \9; } */
/*for table responsive*/
.ss-responsive-table table { width: 100%; }
.ss-responsive-table .table-condensed>thead>tr>th { padding: 3px }
/*css for footer bottom position fix*/
html { height: 100%; margin: 0; padding: 0; }
body { position: relative; min-height: 100%; }
.ss-footer {/* position: absolute;*/ bottom: 0; left: 0; width: 100%; padding-bottom: 20px; z-index: 1; }
/*.body-container { padding-bottom: 210px; } */
#price_comparison, #floatingSticky { z-index: 2; }
#back-top, #recent_products { z-index: 1001 }
/* Extra Small devices (mobiles, 768px and down) */
@media(max-width:767px) { /* Force table to not be like tables anymore */
.ss-responsive-table table, .ss-responsive-table thead, .ss-responsive-table tbody, .ss-responsive-table th, .ss-responsive-table td, .ss-responsive-table tr { display: block; }
/* Hide table headers (but not display: none; , for accessibility) */
.ss-responsive-table thead tr { position: absolute; top: -9999px; left: -9999px; }
.ss-responsive-table tr { border: 1px solid #ccc; }
.ss-responsive-table td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 45% !important; white-space: normal; text-align: left; }
.ss-responsive-table td:after { content: "\00a0"; }
.ss-responsive-table td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold; }
.ss-responsive-table .table-bordered>tbody>tr>td, .ss-responsive-table .table-bordered { border: 0; border-bottom: 1px solid #ddd; }
/*
Label the data
*/
.ss-responsive-table td:before { content: attr(data-title); color: #000000; }
}
/* Small devices (tablets, 768px and up) */
@media(min-width:768px) {/*.body-container { padding-bottom: 337px; } */
body.has-fullWidth .body-container { padding-bottom: 0; }
body.has-fullWidth .ss-footer { position:relative }
/*for fix bootstrap 4 modal width issue*/
.modal-600 .modal-dialog { max-width:600px; }
}
/* Medium devices (desktops, 992px and up) */
@media(min-width:992px) { }
/* Large devices (large desktops, 1200px and up) */
@media(min-width:1200px) { }
/* for department page callout, zoom, quick look and price links */
table.callouttable td, table.callouttable th { border-bottom: 1px solid #ccc; padding: 1px 5px; }
table tr.dept-icon-row td { font-size: 13px; padding: 5px 0px 5px 0px; }
table tr.dept-icon-row td:nth-child(1) { width: 25%; padding-left: 2px; }
table tr.dept-icon-row td:nth-child(2) { width: 50%; white-space: nowrap; text-align: center }
table tr.dept-icon-row td:nth-child(3) { width: 25%; text-align: right; padding-right: 2px; }
table tr.dept-icon-row2 td { font-size: 13px; padding: 5px 0px 5px 0px; }
table tr.dept-icon-row2 td:nth-child(1) { width: 50%; padding-left: 2px; }
table tr.dept-icon-row2 td:nth-child(2) { width: 50%; padding-right: 2px; text-align: right; white-space: nowrap; }
/*for adder 3M style added by vijay*/
.m3 { font-weight: bold; color: #DD0000; font-size: 14px;letter-spacing: -1px; }
/*.btn-default-blue { color: #1D50C3 !important; } */
.stickycontent { display: block; width: 100%; position: relative; }
#floatingSticky { position: absolute; display:table-cell; right: -235px; }
@media screen and (max-width: 1330px){ #floatingSticky { display: none !important; } }
.price_comparison_inner { border-radius:6px; border: #C4C4C4 1px solid; padding: 5px; }
#floatingSticky .videoDHU { margin-top:0px; }
#floatingSticky .videoDHU .videotab { display:none }
#floatingSticky .videoDHU .videoThumb { border:0px }
#floatingSticky .videoDHU .videoThumb { padding:0; }
#floatingSticky .videoDHU .videoThumb .cf .vcontent { margin-top: 5px; background-color: #F5F5F5; padding: 1px 5px 4px; border-radius: 4px; }
#floatingSticky .related-video { position: absolute; top: -6px; background: url(/img/src/related-video.png) no-repeat; width: 84px; height: 83px; right: -7px; z-index: 46; }
#floatingSticky:before, #floatingSticky:after { display: table; line-height: 0; content: ""; }
/*for remove border live chat agents icon */
.SnapABug_transcriptLine > img { border:0px !important; }
.plates-sizes td { vertical-align:middle !important; }
/* header icon fixes start */
.header-top-right .header_icon_box, .header-top-right a.header_icon_box { display: block; font-size: 13px; font-weight: bold; text-decoration: none; color: #b00; line-height: 16px; }
.header-top-right .header_icon_box > em.fa { font-size: 17px; color: #000; display: inline-block; vertical-align: middle; width: 19px; text-align: center; height: 17px; text-align: right; line-height: 15px; }
.header-top-right .header_icon_box:hover em.fa { color: #b00 !important; }
.header-top-right .header_icon_box + .mobile { margin-left: 24px; }
/* header icon fixes end */
#freeShippingLink { cursor: pointer; }
/*custom radio and checkbox css start here*/
input[type=checkbox].ss-custom-checkbox,input[type=radio].ss-custom-radio { position:absolute; outline:none; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity:0; width: 20px; height: 20px; margin: 0; z-index: 2 }
input[type=checkbox].ss-custom-checkbox[disabled],input[type=radio].ss-custom-radio[disabled] { cursor:not-allowed; }
input[type=checkbox].ss-custom-checkbox[disabled] + label,input[type=radio].ss-custom-radio[disabled] + label { cursor:not-allowed; }
input[type=checkbox].ss-custom-checkbox[disabled] + label:before,input[type=radio].ss-custom-radio[disabled] + label:before { filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity:0.5; }
input[type=checkbox].ss-custom-checkbox:focus + label:before,input[type=radio].ss-custom-radio:focus + label:before { box-shadow:0 0 15px rgba(0,0,0,0.2); }
input[type=checkbox].ss-custom-checkbox:checked + label:after,input[type=radio].ss-custom-radio:checked + label:after { filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity:1; }
input[type=checkbox].ss-custom-checkbox + label,input[type=radio].ss-custom-radio + label { position:relative; cursor:pointer; padding-left:28px; font-weight:normal; z-index: 1; vertical-align: top; font-size: 14px; }
input[type=checkbox].ss-custom-checkbox + label:before,input[type=radio].ss-custom-radio + label:before { position:absolute; left:0; top:-1px; content:''; background:#f1f1f1; width:20px; height:20px; display:block; border-radius:3px; border:2px solid #666; }
input[type=checkbox].ss-custom-checkbox + label:after,input[type=radio].ss-custom-radio + label:after { content:'\2714'; position:absolute; top:-1px; left:0; width:20px; height:20px; line-height:20px; text-align:center; color:#fff; background:#36c6d3; border-radius:3px; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity:0; -moz-transition:all 0.2s; -o-transition:all 0.2s; -webkit-transition:all 0.2s; transition:all 0.2s; }
/*========== Radios ==========*/
input[type=radio].ss-custom-radio + label:before { border-radius:20px; }
input[type=radio].ss-custom-radio + label:after { background:#36c6d3; content:''; top:4px; left:5px; width:10px; height:10px; border-radius:10px; }
/*custom radio and checkbox css end here*/
/* for fix modal z-index issue*/
/*.modal.fade { z-index: 1401; }*/
.asseenlive { font-size: 11px; }
.footer-main .footer-links { font-size:11px; }
.search-products ul.pagination { margin:0px !important; }
.search-products .search-results-heading { padding: 11px 0px 0px 0px !important; }
.search-products { padding: 15px 0px 8px 0px; }
#main-search-results-cont ol, #main-search-results-cont ul { list-style: none; padding-left: 0; }
.top-nav-search { padding: 10px 6px !important; top: 63px!important; }
body.cutom-wizard-desktop .header-menu.menu-fixed .top-nav-search, .top-nav-search { display: none; }
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .page-item.active .page-link {
background-color: var(--teal); border-color: var(--teal);color:#fff;}
.pagination > li > a, .pagination > li > span{color:var(--teal);}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{color:var(--teal);background: none; border-color: var(--teal);}
.pagination>li>a, .pagination>li>span, .pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover{border:1px solid var(--teal);}
/*pages bottom right review sticky z-index fix for all sites*/
#___ratingbadge_0 { font-size:11px!important;
z-index: 100002 !important
}
#___ratingbadge_0 iframe{ font-size:11px;}
/*.header-inner-cont .header-top-right{height:85px;}*/
/*media query for header width:start*/
/*@media (min-width:768px) {.header-inner-cont, .header_options, .top_link_inner, .header-container {margin-left:auto!important; margin-right:auto!important;width: 100%!important;max-width: 750px!important; }
}*/
.search-panel .search-list li.search-active>a { color: var(--teal);}
@media (min-width: 992px) {
body.cutom-wizard-desktop .ss-footer > .container, body.ss_fullWidth_view .ss-footer > .container { max-width: 1350px; }
}
/*media query for header width:end*/
@media (max-width: 1849px) { body.cutom-wizard-desktop .header-menu.menu-fixed .top-nav-Complogo, .top-nav-Complogo { display: none; }
}
/*form size zoom gallery zooming issue*/
.header-inner-cont .header-top-right {height:85px;}
a[data-zoom-id] img, .mz-thumb img {padding-bottom: 0 !important;}
/*remove label margin */
.divMatOptions .btn-success label{ margin-bottom:0}
/*for fix chat bubble issue*/
@media (min-width: 768px) {
.ss-footer .footer_bottom {padding-top: 42px;}
}
@media (max-width: 1520px){
.ss-footer .footer_bottom{text-align:center;}
}
/*for fix chat bubble issue*/
.modal-title{font-size:1.371rem;}
.close{font-size:1.714rem}
/*CSS added for single column searchbox custom changes start here on 08/02/2024 by vishal sharma*/
.singleColumnSearch:not(.ss_SearchPanel){ position: relative; }
.header_options .singleColumnSearch #divsearchhelpbar { top: 100%; left: 0; width: 100% !important; max-height: 72vh !important; overflow-y: auto; }
.header_options .singleColumnSearch #divsearchhelpbar::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px;background-color: #F5F5F5;}
.header_options .singleColumnSearch #divsearchhelpbar::-webkit-scrollbar {width: 8px;background-color: #F5F5F5;}
.header_options .singleColumnSearch #divsearchhelpbar::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #858585;}
.header_options .singleColumnSearch #divsearchhelpbar::-webkit-scrollbar-thumb:hover {background-color: #555;}
.singleColumnSearch .searchcloseBtn{display:none!important}
.navbar-search-box .search-panel .search_title{ padding-bottom:8px;}
.search-panel .search-results .searchProduct_col::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px;background-color: #F5F5F5;}
.search-panel .search-results .searchProduct_col::-webkit-scrollbar {width: 8px;background-color: #F5F5F5;}
.search-panel .search-results .searchProduct_col::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #858585;}
.search-panel .search-results .searchProduct_col::-webkit-scrollbar-thumb:hover {background-color: #555;}
.search-panel .search-list + .search_title{padding-top:5px;}
.search_suggestion .search-list li a{ padding-bottom:3px; position:relative;}
.search_suggestion .search-list li a:after{content: "";position: absolute;bottom: 0;left: 0;right: 0;transform: scale(0);-webkit-transform: scale(0);height: 1px;background: var(--primarycolor);transition: .3s;}
.search_suggestion .search-list li a:hover:after{transform: scale(1);-webkit-transform: scale(1);}
/*CSS added for single column searchbox custom changes end here on 08/02/2024 by vishal sharma*/