/* fonts */ /* museo sans */ @font-face{ font-family: 'museosans100'; src: url('/font/museosans-100-webfont.eot'); src: url('/font/museosans-100-webfont.eot?#iefix') format('embedded-opentype'), url('/font/museosans-100-webfont.woff') format('woff'), url('/font/museosans-100-webfont.ttf') format('truetype'), url('/font/museosans-100-webfont.svg#webfont') format('svg'); } @font-face{ font-family: 'museosans100italic'; src: url('/font/museosans-100italic-webfont.eot'); src: url('/font/museosans-100italic-webfont.eot?#iefix') format('embedded-opentype'), url('/font/museosans-100italic-webfont.woff') format('woff'), url('/font/museosans-100italic-webfont.ttf') format('truetype'), url('/font/museosans-100italic-webfont.svg#webfont') format('svg'); } @font-face{ font-family: 'museosans300'; src: url('/font/museosans-300-webfont.eot'); src: url('/font/museosans-300-webfont.eot?#iefix') format('embedded-opentype'), url('/font/museosans-300-webfont.woff') format('woff'), url('/font/museosans-300-webfont.ttf') format('truetype'), url('/font/museosans-300-webfont.svg#webfont') format('svg'); } @font-face{ font-family: 'museosans300italic'; src: url('/font/museosans-300italic-webfont.eot'); src: url('/font/museosans-300italic-webfont.eot?#iefix') format('embedded-opentype'), url('/font/museosans-300italic-webfont.woff') format('woff'), url('/font/museosans-300italic-webfont.ttf') format('truetype'), url('/font/museosans-300italic-webfont.svg#webfont') format('svg'); } @font-face{ font-family: 'museosans500'; src: url('/font/museosans-500-webfont.eot'); src: url('/font/museosans-500-webfont.eot?#iefix') format('embedded-opentype'), url('/font/museosans-500-webfont.woff') format('woff'), url('/font/museosans-500-webfont.ttf') format('truetype'), url('/font/museosans-500-webfont.svg#webfont') format('svg'); } @font-face{ font-family: 'museosans500italic'; src: url('/font/museosans-500italic-webfont.eot'); src: url('/font/museosans-500italic-webfont.eot?#iefix') format('embedded-opentype'), url('/font/museosans-500italic-webfont.woff') format('woff'), url('/font/museosans-500italic-webfont.ttf') format('truetype'), url('/font/museosans-500italic-webfont.svg#webfont') format('svg'); } @font-face{ font-family: 'museosans700'; src: url('/font/museosans-700-webfont.eot'); src: url('/font/museosans-700-webfont.eot?#iefix') format('embedded-opentype'), url('/font/museosans-700-webfont.woff') format('woff'), url('/font/museosans-700-webfont.ttf') format('truetype'), url('/font/museosans-700-webfont.svg#webfont') format('svg'); } @font-face{ font-family: 'museosans700italic'; src: url('/font/museosans-700italic-webfont.eot'); src: url('/font/museosans-700italic-webfont.eot?#iefix') format('embedded-opentype'), url('/font/museosans-700italic-webfont.woff') format('woff'), url('/font/museosans-700italic-webfont.ttf') format('truetype'), url('/font/museosans-700italic-webfont.svg#webfont') format('svg'); } @font-face{ font-family: 'museosans900'; src: url('/font/museosans-900-webfont.eot'); src: url('/font/museosans-900-webfont.eot?#iefix') format('embedded-opentype'), url('/font/museosans-900-webfont.woff') format('woff'), url('/font/museosans-900-webfont.ttf') format('truetype'), url('/font/museosans-900-webfont.svg#webfont') format('svg'); } @font-face{ font-family: 'museosans900italic'; src: url('/font/museosans-900italic-webfont.eot'); src: url('/font/museosans-900italic-webfont.eot?#iefix') format('embedded-opentype'), url('/font/museosans-900italic-webfont.woff') format('woff'), url('/font/museosans-900italic-webfont.ttf') format('truetype'), url('/font/museosans-900italic-webfont.svg#webfont') format('svg'); } /*end museo sans */ @font-face { font-family: 'museo300'; src: url('/font/museo300-webfont.eot'); src: url('/font/museo300-webfont.eot?#iefix') format('embedded-opentype'), url('/font/museo300-webfont.woff') format('woff'), url('/font/museo300-webfont.ttf') format('truetype'), url('/font/museo300-webfont.svg#museo_300regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'museo500'; src: url('/font/museo500-webfont.eot'); src: url('/font/museo500-webfont.eot?#iefix') format('embedded-opentype'), url('/font/museo500-webfont.woff') format('woff'), url('/font/museo500-webfont.ttf') format('truetype'), url('/font/museo500-webfont.svg#museo_500regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'museo700'; src: url('/font/museo700-webfont.eot'); src: url('/font/museo700-webfont.eot?#iefix') format('embedded-opentype'), url('/font/museo700-webfont.woff') format('woff'), url('/font/museo700-webfont.ttf') format('truetype'), url('/font/museo700-webfont.svg#museo_700regular') format('svg'); font-weight: normal; font-style: normal; } input[type="button"], input[type="submit"], a{outline:none;} /* small up to 640px for mobile*/ @media only screen{ #email-list-modal{padding:2.5rem .5rem;position: absolute;top: 0 !important;overflow: scroll;overflow-x: hidden;height: auto;} #email-list-modal label{margin-bottom:0px; font-weight:bold; font-size:16px; color:#000000;} #email-list-modal .checkbox-label{font-weight:normal; font-size:12px; color:#4d4d4d;} .reveal-modal .close-reveal-modal{color:#de5529;} textarea.email-textarea{height:100px !important;} #email-list-modal button.product-buttons-email{width:120px !important;} button.products-button-close{color:#de552a; background:#ffffff !important; border:none !important;} a.learn-more{font-size:14px !important;} body{color:#0d0d0d;} /* error */ span.error, small.error{color:#ff0000; background:none; font-style:normal; padding:0; padding:0; margin-top:-10px; font-size:11px; font-family:'museo500';} /* placeholder */ #desktop-search::-webkit-input-placeholder{color: #ffffff !important;} #desktop-search:-moz-placeholder {color:#ffffff !important} #desktop-search::-moz-placeholder {color:#ffffff !important} #desktop-search:-ms-input-placeholder{color:#ffffff !important} ::-webkit-input-placeholder{color: #cccccc !important;} :-moz-placeholder {color:#cccccc !important} ::-moz-placeholder {color:#cccccc !important} :-ms-input-placeholder{color:#cccccc !important} html, body{min-height:100%; height:100%;} body{font-family:museo500, Arial, Verdana, Geneva, sans-serif; position:relative;} .off-canvas-wrap{height:auto !important; height:100%; min-height:100%;} /* header area */ header{background-color:#223167; height:84px;} .right-small{border-left:none;} .right-small a{height:3.125rem; width:3.125rem; display:block;} .right-small img{margin-left:15px; width:20px; margin-top:-3px;} .left-small{border-right:none;} .menu-drop-mobile{background-color:#223168; /* position:absolute; top:0; width:100%; z-index:1000; */ padding-top:60px; padding-left:0; padding-right:0; padding-bottom:0; min-height:0; border:none; border-radius:0;} .avatar-section{background-color:#394677; padding-top:5px; padding-bottom:5px;} .avatar-section img.avatar-round{-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; width:50px; margin-right:10px;} .avatar-section span{color:#ffffff; font-size:14px; font-family:museo700;} .menu-drop-mobile ul{margin:0; padding:0;} .menu-drop-mobile ul li{list-style:none; border-bottom:1px solid #ffffff; margin-bottom:0;} .menu-drop-mobile ul li:last-child{border-bottom:none;} .menu-drop-mobile ul li a{padding:15px 0; font-family:museo500; color:#ffffff; display:block; font-size:14px;} .menu-drop-mobile ul li a .product-list-number{color:#609dc9; border:1px solid #609dc9; width:35px; height:35px; text-align:center; text-align:center; border-radius:50%; display:inline-block; position:absolute; padding-top:7px; margin-left:10px; margin-top:-7px;} .menu-drop-mobile .close-reveal-modal{left:1rem; color:#ffffff; font-weight:bold;} .reveal-modal-bg{background: rgba(0, 0, 0, 0.01);} #loadingContainer { display:none; } div.aspnetLoading { width:100%; height:100%; position:fixed; left:0; top:0; margin:0; filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity:0.2; opacity:0.2; background-color:#000; z-index:99999; } img.aspnetLoading { width:40px; height:40px; position:fixed; left:50%; top:50%; margin:-20px 0 0 -20px; z-index:10001; } /* search area */ #search-drop-mobile{min-height:55px; padding-top:10px; padding-bottom:10px; background-color:#008bc1; top:50px; padding-left:0; padding-right:0; border:none; border-radius:0; box-shadow:none;} .search-area{border-bottom:1px solid #ffffff; margin-bottom:10px;} #search-drop-mobile input{background-color:#008bc1; border:none; margin-bottom:0; padding-bottom:10px; box-shadow:none; color:#ffffff; font-family:museo500; letter-spacing:1.5px;} #search-drop-mobile input:focus{background-color:#008bc1;} #search-drop-mobile .mobile-search{background-color:#115e94; top:-50px; right:0; position:absolute;} #search-drop-mobile .mobile-search img{margin-top:14px;} #search-drop-mobile ul{margin:20px 0 0 0; padding:0;} #search-drop-mobile ul li{list-style:none; display:block; margin-bottom:8px; line-height:1.2rem;} #search-drop-mobile ul li:last-child{font-style:italic; font-family:museo700; margin-top:25px; color:#ffffff; font-size:0.875rem;} #search-drop-mobile ul li a{color:#ffffff; font-size:0.875rem; line-height:0.875rem; display:block; padding:.5rem;} #search-drop-mobile ul li a:hover{background:#0b7aa5;} #search-drop-mobile ul li a span{font-family:museo500; font-weight:bold; display:block;} /* desktop search results */ .desktop-search-results{display:none;} .search-go{position:absolute; right:1rem; top:15px; border:1px solid #ffffff; background:#008bc1; padding:0.5rem 1.25rem !important;opacity:1 !important; margin-top:-15px;} .search-go:hover{background:#ffffff; color:#008bc1;} /* footer */ .footer-push{margin-bottom:355px;} .footer{background:url(../images/footer-kcp-logo-background.png) top left no-repeat #223167;height:355px; margin-top:20px; padding:25px; color:#ffffff; text-align:center; font-size:14px; position:absolute; bottom:0;} .footer{background-size:180px; background-position:-75px 255px;} .footer p{font-size:14px;} .footer img{width:250px;} .footer a{display:block; text-align:center; color:#ffffff; text-decoration:underline;} footer { position: relative; margin-top: 100px; } /* content section */ /*inner pages */ .page-content-area{margin-top:20px;} .inner-pages > div{padding-left:} /* pages */ .rounded-box, .whole-box .rounded-half-box{background-color:#ffffff; border-radius:12px; margin-bottom:20px;} .whole-box .rounded-half-box{margin-bottom:0;} .inner-pages .rounded-box, .whole-box .rounded-half-box{padding:15px 10px;} .inner-pages .rounded-half-box h4{color:#0d0d0d; font-family:museo500; font-size:20px; line-height:23px;} .inner-pages .rounded-half-box:first-child{border-bottom-right-radius:0; border-bottom-left-radius:0; position:relative;} input.search-input{padding-left:0; padding-right:0; border:0; border-bottom:1px solid #000000; box-shadow:none; color:#0d0d0d; padding-bottom:5px; font-family:'museo500';-webkit-text-fill-color: #0d0d0d;} input.search-input:focus{background:transparent;} input.search-input.error{border-bottom:1px solid #ff0000 !important; margin-bottom:15px !important;} button.search-competitor{height:35px; padding:5px 0 5px 0; font-family:museo300; margin-top:20px; font-family:'museo500';} .half-box-search{position:relative;} .half-box-autocomplete{display:none;} .half-box-search .half-box-autocomplete{top:37px; position:absolute; z-index:3; background:#f0f0f0; width:100%;} .half-box-search .half-box-autocomplete ul{margin:0; padding:0;} .half-box-search .half-box-autocomplete ul li{list-style:none;} .half-box-autocomplete a{padding:.3rem; background:none; font-size:12px; width:100%; display:block; padding-left:0.9375rem; padding-right:0.9375rem; color:#000000; border-bottom:1px solid #dadada;} .half-box-autocomplete a > span{color:#000000; font-family:'museo700'} .half-box-autocomplete a > span.autocomplete-manufacturer{font-size:10px; font-family:'museo500';font-family:'italic';} .half-box-autocomplete a:hover{background:#008bc1; color:#ffffff;} .half-box-autocomplete a:hover > span{color:#ffffff;} .inner-pages .rounded-half-box:last-child{border-top-left-radius:0; border-top-right-radius:0;} .inner-pages .half-box-container{height:100%; border:1px solid #e4e4e4; border-left:none; border-top:none; border-right:none; padding-bottom:30px;} .inner-pages .half-box-container p.disclaimer{color:#b2b2b2; width:100%; font-size:12px; font-family:'museo500';} .inner-pages .half-box-container p.disclaimer strong{color:#999999;} .rounded-half-box .divider{width:30px; height:30px; text-align:center; padding-top:1px; border-radius:50%; background-color:#000000; color:#ffffff; font-size:18px; position:absolute; right:46%; bottom:0px;} /* inner pages tool results */ .innerpage-result-header{border-top:none;/*border-top:1px solid #dddddd;*/ margin-top:20px; padding-top:20px; margin-bottom:20px; font-family:'museo500';} .innerpage-result-header span{color:#0d0d0d; font-family:'museo700' !important;} .inner-pages .rounded-box.rounded-box-results{padding:15px 10px 0px 10px; border-bottom: 1px solid #cccccc;} .rounded-box-results a{color:#de542a; font-family:'museo500';} .rounded-box-results a:hover{text-decoration:underline;} .rounded-box-results a.add-to-list{display:block;color:#de542a; margin-bottom:10px; font-family:'museo500';} .rounded-box-results a.add-to-list img{margin-top:-5px; margin-right:10px; width:18px;} h4.column-title{color:#0d0d0d; font-family:'museo500'; font-size:19px; line-height:23px;} .notelink{background:url('../images/edit.png')top left no-repeat; width:23px; height:23px;padding-left: 25px;padding-top: 7px;font-size: 0.95rem;} /* select special */ .psuedo-select{position:relative; margin-bottom:10px;} .psuedo-select select{opacity:0; margin-bottom:0;} .psuedo-select span{position:absolute; top:.55rem; left:2rem; font-family:'museo500';} .psuedo-select-cr span{left:8.33333%;} .psuedo-select-disabled{opacity:.5;} .product-name.myListProdName{height:80px;} .product-name.xrefProdName{/*max-width:245px;*/ max-width:95%; /*height: 70px;*/} .product-name{font-size:16px; line-height:1.2; color:#0d0d0d; margin-bottom:15px;} .product-name a span{font-family:'museo700' !important;} .product-name a{color:#0d0d0d; font-family:'museo500' !important;} .product-name a:hover{text-decoration:none;} .product-description.xrefProdDesc{height: 80px;} .product-description{font-size:13px; margin-bottom:0; color:#0d0d0d; margin-bottom:15px; font-family:'museo500';} .product-description span, .product-name span{color:#0d0d0d; font-family:'museo700' !important;} .product-image{float:left;position:relative;} .product-image > img{border:1px solid #dddddd; margin-bottom:15px;} .product-accreditation{/*float:right; width:43%;*/ font-family:'museo700' !important; font-size:16px;} ul.accreditation-logos{margin:0; padding:0;} ul.accreditation-logos li{list-style:none; width:35%; max-width:70px; float:left; margin-bottom:10px; margin-right:10px;} .product-quantity span{font-size:12px; display:block; font-family:'museo300';} .product-quantity span strong{font-family:'museo700' !important;} button.product-buttons{padding:7px 0px; background:#de552a; border:1px solid #de552a; margin-bottom:5px; font-size:13px; font-family:'museo500';} button.product-buttons:hover{background:#ffffff; border:1px solid #de552a; color:#de552a;} .product-buttons-download{width:49%;} .product-buttons-email{width:49%;} p.product-quantity.xrefProdQuantity { height: 60px; } .page-name{height:70px; display:table;margin-top:15px;} .page-name img{width:53px; margin-right:20px; display:inline;} .page-name span{font-size: 1.6rem; width: 60%; font-family: 'museo500'; display: inline-block; vertical-align: middle; line-height: normal;} #multiple-item-match{padding-left:10px; padding-right:10px;} .multiple-item-match-container p{font-family:'museo500';} .matched-entries > div:nth-child(odd){background-color:#efefef; border-bottom:1px solid #dadada; } .matched-entries > div:nth-child(even){border-bottom:1px solid #dadada;} .item-match-entry{font-size:13px; padding-top:10px; padding-bottom:10px;} .item-match-entry button{margin-bottom:10px; margin-top:10px;} /*.best-kc-match*/ .inner-page-results button.product-buttons{width:50%; border:1px solid #ffffff;} .product-lower-wrapper{margin-bottom:0px;} .product-lower-wrapper-image{float:left;width:100%;text-align:center;} .product-lower-wrapper-text{float:left;width:100%;} .product-lower-wrapper-image-container img{width:48%;} /*.product-lower-wrapper-text p{font-size:12px;margin-bottom: 2px;}*/ .product-lower-wrapper-text p{font-size:14px;font-family: 'museo300' !important;line-height: 23px;margin-bottom: 20px;} /*.product-lower-wrapper-text p label{font-weight:bold; width:108px; font-size:12px;float:left;}*/ .product-lower-wrapper-text p label{font-weight:bold; width:108px; font-size:14px;color:#000000;font-family: 'museo700' !important;float:left;} .sub-title-link{padding:0px; margin:0px; color:#008bc1 !important;font-size:14px;font-weight:normal;} .sub-title-pad{padding-left:15px;} /*css for myproduct dropdown and managelist*/ .my-product-list-container{width:100%; margin-bottom: 5px;} .manage-list{width:50%;margin-left:0px;color: #d65b2f;font-family: 'museo500';} .manage-list a{color: #d65b2f;} .my-product-list {color: #d65b2f;font-family:'museo500'} a.my-product-list{color: #d65b2f;padding-left: 2px;padding-top: 2px;padding-bottom: 2px;} .drop-down-product-list li a {color: #d65b2f;border-bottom:1px solid #e1e1e1;} .drop-down-product-list li a:hover{background-color:#ffffff;} .drop-down-product-list:before{display:none} .drop-down-product-list:after{display:none} .my-product-list-last {color: #0081c7 !important;border-bottom:0px !important;} #add-plus-sign{width: 3%;margin: 0px;margin-top: 5px;} .product-list-right-text{color:#d65b2f !important;font-size: 0.875rem !important;} /*.product-list-right-text-last{color:#0089c1 !important;font-size: 0.875rem !important;}*/ .ion-arrow-down-b{margin-left: 4px;} .fi-list-thumbnails{margin-right: 6px;} .myproductlist-header{margin-top: 0px;} #menu-icon-hamburger, .hamburder-icon{width:5%;margin-right: 8px;margin-left: 3px;} #arrow-down-orange{width: 13px; display:inline-block;margin-right:0px;position: absolute;right: 2px;top: 4px;} #myproductlist-text{color: #d65b2f;font-size: 0.875rem;width: 130px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;position: relative;} .drop-down-product-list{height:106px;overflow-x:hidden;overflow-y:scroll;left: 15px !important;width: 100% !important;max-width: 226px;} .my-list-buttons-bottom-row3 {text-align: center;margin-top: 5px;} .reorder-list{width:100%; background-color:#0081c7;font-family:'museo500';font-size:16px;} /*start of modal for reroder button*/ [draggable] { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; -khtml-user-drag: element; -webkit-user-drag: element; } .prodbox{ border-bottom: 1px solid #e1e1e1; padding:3px; margin:5px; background:#fff; color:#3f3f3f; } .prodbox.over { border: 2px dashed #000; } .line-border{display:none;} .panel{ border-width: 0px; background-color: #ffffff; padding-top: 0px; } .my-modal-width{width:100%; height: 400px; /*overflow: scroll;*/top: 0px !important; padding-left: 10px; padding-right: 10px;position: fixed;} .reorder-h1{padding-bottom: 15px; font-family: 'museo500' !important;font-size: 28px;color: #3f3f3f;} .mymodal-cross{color:#de552a !important;font-size: 2.5rem !important;top: 4px !important;font-weight: bold !important;margin-right: 8px;} .cancel-link{margin-top: 12px;display:inline-block;} .cancel-link a{color: #de5529;font-size: 12.8px;} .save-changes{background-color: #de5529;padding: 6px 76px;margin-top: 9px;margin-bottom: 0px;font-size: 12.8px;} .save-changes-button-wrapper{text-align: center;display: inline-block;margin-left: 26px;} .draggable-cross{float:right;margin-right: 10px;display:inline-block;} .reorder-mobile-scroll-container{overflow-y: scroll;overflow-x: hidden;height: 331px;width:100%;margin-top: -18px !important;} .reorder-mobile-text{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 85%;display: inline-block;} .draggableItem{width:100%;} /*end of reorder modal*/ /*start of mobile nav css*/ #qwerty{margin-left: 0px;margin-right: 0px;border-bottom: 0px;background: #de5529;} #qwerty.default-view, #qwerty.default-view li { background: transparent; } /*end of mobile nav css*/ /*start of rework of mobile modal reorderlist */ .reorder-product-wrapper-mob{ float:left;width:100%; border-bottom: 1px solid #e1e1e1; padding:3px; margin:5px; background:#fff; color:#3f3f3f; } .text-wrapper-mob{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 85%;display: inline-block;} .draggable-cross-mob{float:right;margin-right: 10px;display:inline-block;} /*end of rework of mobile modal reorderlist*/ .my-list-buttons button {padding: 8px 8px !important;} .reorder-list-button { font-size: 13px;} /*css for loader starts*/ .loader-parent{ background-color: rgba(0, 0, 0, 0.5); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9998; display:none; } .loader-parent-MyProduct #loaderDialog-MyProduct{ text-align: center;display:none;padding: 10px 0;border-radius: 10px;left: 28%;position: fixed;text-align: center;top: 45%;width: 160px;z-index:9999;background-color: #efebef;border: 1px solid #ffffff;} /*css for loader ends*/ /*css for create-new-list modal starts*/ .create-new-list-width{width:98%;margin-left: 1%;height: 450px;min-height: 100px;top: 65px !important;padding-top:0px;border-radius: 8px;position: fixed !important;} .my-product-list-container-modal{width:100%} .my-product-list-modal{color: #d65b2f;font-family:'museo500'} a.my-product-list-modal{color: #d65b2f} .my-product-list-last-modal{color: #0081c7 !important;border-bottom:0px !important;} .drop-down-product-list-modal{position: absolute;width: 104% !important; max-width: none;top: 27.188px !important;left: -2px !important;} .drop-down-product-list-modal li a {color: #d65b2f;border-bottom:1px solid #e1e1e1;} .drop-down-product-list-modal li a:hover{background-color:#ffffff;} .drop-down-product-list-modal:before{display:none} .drop-down-product-list-modal:after{display:none} .cancel-link-create{text-align: left;margin-top: 18px;} .cancel-link-create a{color: #de5529;font-size: 16px;} .save-changes-button-create-wrapper {text-align:right;} .save-changes-create {background-color: #de5529;padding: 8px 43px;margin-top: 11px;margin-bottom: 0px;} .save-changes-create:focus {background-color: #de5529;} .create-header{font-size: 26px;margin-top: 27px;margin-bottom: 25px;} .mymodal-cross-create{color: #de552a !important; font-size: 2.5rem !important;top: 2px !important;font-weight: bold !important;} .create-p1{margin-bottom: 4px;} .create-cancel-save-wrapper{margin-top: 30px;} .my-product-list-container-modal{border: 1px solid #e1e1e1;width: 104%; padding: 3px 8px;margin-left: -2px;} .create-new-list-import{ border: solid 1px #cccccc;height: 97px;overflow-x: hidden;overflow-y: scroll;padding-left: 13px;} .create-import-text{color: #d65b2f;padding: 5px;font-size: 0.875rem;font-family: 'museo500';border-bottom: 1px solid #e1e1e1;} .create-import-text input[type="checkbox"]{position: relative;left: -13px;top: 3px;margin: 0px;} /*css for create-new-list modal ends*/ /*css for email popup*/ .emailpopup-address{font-size: 14px;color: #8a8a8a;} .downloadlist-text-4{color: #006ecb;} /*create pdf enhancement*/ .downloadlist-text-1,.downloadlist-text-2{color: #4d4d4d;font-size: 0.875rem;font-weight: normal;line-height: 1.5;} .downloadlist-text-2-checkbox{margin-left: 8px !important;} .downloadlist-text-3{color: #8a8a8a;font-size: 0.875rem;font-weight: normal;line-height: 1.5;} .downloadlist-text-4{color:#006ecb;} .my-create-container-modal{border: 1px solid #e1e1e1;margin-bottom: 10px;width: 105%; padding: 12px 8px;margin-left: -2px;} .my-create-modal-dropdown-color-wrapper{display:inline-block;width:8%;} .my-create-modal-dropdown-color-container-1, .my-create-modal-dropdown-color-container-2, .my-create-modal-dropdown-color-container-3, .my-create-modal-dropdown-color-container-4, .my-create-modal-dropdown-color-container-5, .my-create-modal-dropdown-color-container-6, .my-create-modal-dropdown-color-container-7, .my-create-modal-dropdown-color-container-8, .my-create-modal-dropdown-color-container-9, .my-create-modal-dropdown-color-container-10, .my-create-modal-dropdown-color-container-11, .my-create-modal-dropdown-color-container-12, .my-create-modal-dropdown-color-container-13 {height:18px; width:8px;display:inline-block;} .my-create-modal-dropdown-color-container-1{background-color:#075B8C} .my-create-modal-dropdown-color-container-2{background-color:#126097} .my-create-modal-dropdown-color-container-3{background-color:#12539C} .my-create-modal-dropdown-color-container-4{background-color:#4699CE} .my-create-modal-dropdown-color-container-5{background-color:#0565AA} .my-create-modal-dropdown-color-container-6{background-color:#532883} .my-create-modal-dropdown-color-container-7{background-color:#0692B8} .my-create-modal-dropdown-color-container-8{background-color:#B63918} .my-create-modal-dropdown-color-container-9{background-color:#068491} .my-create-modal-dropdown-color-container-10{background-color:#8CBF2B} .my-create-modal-dropdown-color-container-11{background-color:#305E81} .my-create-modal-dropdown-color-container-12{background-color:#77A028} .my-create-modal-dropdown-color-container-13{background-color:#1F5079} .my-create-modal-dropdown-text-wrapper{display:inline-block;} .my-create-dropdown-header{width:100%;} .create-pdf-drop-down-arrow{float:right;position: relative;top: 6px;} .drop-down-create-list-modal{position: absolute;max-width: none;width: 105% !important;top: 35.188px !important; left: -2px !important;} .drop-down-create-list-modal:before{display:none} .drop-down-create-list-modal:after{display:none} .drop-down-create-list-modal li{border-bottom: 1px solid #e1e1e1;} .my-create-modal-dropdown-text{position: relative; top: -3px;} .downloadlist-text-3-br{display none;} .dropdown-header-create-box{color: #333333;font-size: 14px;} .dropdown-header-color-box{position: relative;top: 3px;margin-right: 6px;} .create-pdf-dropdown-scroll-container{overflow:scroll;height:119px;} #createPDFModal{top: 0px !important;position: fixed !important;overflow: scroll;height: auto;overflow-x: hidden;} #include-distributor-number-text{padding-right: 6px;} /*start of manage list modal*/ .mymanagelist{top: 70px ;min-height: 61vh ;padding-left: 20px;padding-right: 20px;border-radius: 8px;margin-left: 1%;width: 98%;} .mymodal-cross{margin-right: 0px;} .manage-list-save-button{background-color:#de552a !important;} button.manage-list-save-button:hover, button.manage-list-save-button:focus{background-color: #007095 !important;} .mymanagelist a{color:#de552a;} .managelist-header{font-size: 30px; margin-bottom:5px} .mymanagelist p{margin-bottom: 10px;} .mymanagelist-align1,.mymanagelist-align2,.mymanagelist-align3{margin-bottom:15px;} .mymanagelist-align1{margin-top:10px;} .manage-list-save-button{padding: 6px 28px; margin-bottom:8px;} .my-product-list-manage-list{ color: rgba(0, 0, 0, 0.75)!important;font-size: 14px;padding: 6px 10px;display:block;} .my-product-list-manage-list-change-view{color: rgba(0, 0, 0, 0.75)!important;font-size: 14px;width:100%;display:inline-block;} .my-product-list-manage-list-wrapper{border:1px solid #cccccc;margin-bottom: 14px;} .my-product-list-manage-list li{color:#aeaeae} .mymanagelist-input{border-color:#cccccc !important; box-shadow: none !important;} .myproduct-arrow{color:#464646;float:right;margin-right: 8px;margin-top: 5px;} .drop-down-manage-list {overflow: scroll;overflow-x: hidden;height: 107px;top: 35px !important;left: 0px !important;width: 100% !important; min-width:100% !important} .drop-down-manage-list li {color: #cccccc;border-bottom:1px solid #e1e1e1;font-weight: bold;} .drop-down-manage-list:before{display:none} .drop-down-manage-list:after{display:none} .myproductlist-text1{color: rgba(0, 0, 0, 0.75)!important;} /*create pdf enhancement extended css for email popup page*/ .my-create-container-modal-email {border: 1px solid #e1e1e1;margin-bottom: 10px;width: 100%;padding: 12px 8px;margin-left: -2px;} .drop-down-create-list-modal-email{position: absolute;max-width: none;width: 94% !important;top: 35.188px !important;left: 6px !important;} .drop-down-create-list-modal-email:before{display:none} .drop-down-create-list-modal-email:after{display:none} .downloadlist-text-1-email{font-weight: normal;font-size: 14px;color: #4d4d4d;margin-left:0px;} /*css for email popup*/ .emailpopup-address{font-size: 14px;color: #8a8a8a;} /*change view modal starts*/ .change-view-header{margin-bottom: 5px;} #change-view-modal{min-height: 27vh;padding-top: 17px;} .change-view-margin{margin-top: 52px;} .change-view-input{width: 106%!important;} .choose-view-btn{padding: 6px 60px;right: -8px;} .change-view-reset{margin-top: 4px;} .change-view-dis{margin-top:4px} /*change view modal ends*/ /*myproductlist-drop-text-wrap css starts*/ .myproductlist-drop-text-wrap{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; font-size: 16px !important; color: #d65b2f !important; width: 70% !important; border: 1px solid #d65b2f; padding-left: 6px; position: relative; } /*myproductlist-drop-text-wrap css ends*/ /*css for sku modal starts*/ .sku-modal{min-height: 52vh;} .sku-header{font-size: 25px;} .sku-text{font-size: 16px;margin-top: -10px;} .sku-text-1{display:inline-block;font-size: 15px;margin-bottom: 5px;} .sku-text-2{display:inline-block;font-size: 15px;} .sku-btn{width:100%;} .sku-text-space{padding-right:10px;} #add-distibutor-sku{margin-top: 9px;} .add-new-import-text{padding: 2px;font-size: 0.875rem;font-family: 'museo500';} .add-checkbox{padding-right:10px;} .add-new-last-text{color: #0081c7} .add-new-input-box{display:inline-block !important;width: 60%!important;margin-left: 13px!important;} .add-new-text-header{margin-bottom: 13px;} .add-new-cross{right: 32px;} .add-new-cancel-save wrapper{margin-top:0px} .add-new-modal{height: 453px;} .add-to-list-row{margin-top: 13px;} .add-new-list-import{overflow: scroll;overflow-x: hidden;height: 94px;border: solid 1px #cccccc;margin-bottom: 16px; overflow-y: visible;} /*css for sku modal ends*/ /*css for add new list header btn starts*/ #add-plus-sign-header{width: 10px;margin-top: -3px;margin-right: 5px;} /*css for add new list header btn ends*/ /*css for add to list header starts*/ .my-product-list-btn{color: #d65b2f;} /*css for add to list header ends*/ .my-list-buttons button { opacity:1 !important; } .reveal-modal-bg{pointer-events: none;} .f-dropdown {outline: 1px solid #e0dfe0;box-shadow: 0px 0px 63px #e0dfe0;} .my-list-buttons-bottom button, .my-list-buttons-bottom-row2 button, .my-list-buttons-bottom-row3 button{font-size:18px !important;} .align-downloadlist-text-2{margin-top:10px;} #align-downloadlist-text-2-input{margin-left: 8px;} #align-downloadlist-text-3-input{margin-left: 8px;} .fastenal-distributor-label{margin-left: 4px !important;} #distributorListName{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 124px;} .add-new-import-text-only{border-bottom: 1px solid #e1e1e1;padding-top: 5px;padding-bottom: 0px;} .myproduclist-static-word{font-size: 16px !important;color: #d65b2f !important;} .product-result-text-align{display: -webkit-box;/*-webkit-line-clamp: 2;*/-webkit-box-orient: vertical;overflow: hidden;} /*myactions-btn and modal starts*/ .home-my-actions-btn,.home-my-actions-btn:hover,.home-my-actions-btn:focus{ background-color: #008CBA; border:0px;padding-top: 6px; outline: 0px; padding-bottom: 6px; padding-left: 28px; padding-right: 28px; margin-bottom: 0px; font-size: 13px; font-weight: bold; border-radius: 5px; } .home-my-actions-btn-container{ height:auto; background-color: #ffffff; border-radius: 12px; margin-bottom: 20px; display:none; } .home-my-actions-btn-c-plus{ background:url("../images/sr-plus.png") no-repeat; background-color: #008CBA; background-size: 10px; background-position-x: 13px; background-position-y: 9px; } .home-my-actions-btn-h-plus{ background:url("../images/sr-minus.png") no-repeat; background-color: #008CBA; background-size: 10px; background-position-x: 13px; background-position-y: 13px; } .home-my-actions-btn-c-plus-tab{ background: url("../images/sr-plus.png") no-repeat !important; background-color: #0c8bc1 !important; background-size: 12px !important; background-position-x: 95% !important; background-position-y: 19px !important; } .home-my-actions-btn-h-plus-tab{ background:url("../images/sr-minus.png") no-repeat !important; background-color: #0c8bc1 !important; background-size: 12px !important; background-position-x: 95% !important; background-position-y: 24px !important; } .show-details-my-actions-plus{ background-image: url(/images/plus_orange_icon.png) !important; background-repeat: no-repeat !important; background-position-x: 227px !important; background-position-y: 14px !important; } .show-details-my-actions-minus{ background-image: url("../images/minus_orange_icon.png") !important; background-repeat: no-repeat !important; background-position-x: 227px !important; background-position-y: 14px !important; } .add-product-link-plus{ background-image: url(../images/plus.png) !important; background-repeat: no-repeat !important; background-position-x: 95% !important; background-position-y: 19px !important; } .add-product-link-minus{ background-image: url(../images/minus.png) !important; background-repeat: no-repeat !important; background-position-x: 95% !important; background-position-y: 22px !important; } .add-rewards-approval-plus{ background: url("../images/sr-plus.png") no-repeat !important; background-color: #0c8bc1 !important; background-size: 12px !important; background-position-x: 95% !important; background-position-y: 19px !important; } .add-rewards-approval-minus{ background:url("../images/sr-minus.png") no-repeat !important; background-color: #0c8bc1 !important; background-size: 12px !important; background-position-x: 95% !important; background-position-y: 24px !important; } .add-sample-approval-plus{ background: url("../images/sr-plus.png") no-repeat !important; background-color: #0c8bc1 !important; background-size: 12px !important; background-position-x: 95% !important; background-position-y: 19px !important; } .add-sample-approval-minus{ background:url("../images/sr-minus.png") no-repeat !important; background-color: #0c8bc1 !important; background-size: 12px !important; background-position-x: 95% !important; background-position-y: 24px !important; } .my-action-menu-icon-kcpzone{ width: 35px; position: relative; left: -5px; margin-right:0px; } span.underline-Id.data-text.data-text-upgraded{ color: #000000; text-decoration: none; } .my-action-accordian-align{color:#0d0d0d !important;} .my-action-accordian-tab-align{color:#ffffff !important;} /*myactions-btn and modal ends*/ /*reorder sample request and modal starts*/ .reorder-product-name-id{ font-size: .875rem !important; font-family: 'museo700'; } .request-history-reorder{color:#48a7d0;text-decoration:underline;font-weight:bold;} #reorder-modal-container{ padding-left: 15px; padding-right: 15px; max-width: 800px !important; border-radius: 10px; outline: none !important; padding-top: 61px; } .reorder-modal-header{ color: #5c4981; margin-top: 46px !important; line-height: 1; padding-left: 10px; } .reorder-product-overlay-p{ font-size: .8125rem; margin-bottom: 1.875rem; line-height: 1.5; padding-top: 10px; padding-left: 10px; font-weight: normal; font-family: museo300; } .reorder-product-list-container { max-height: none; } .reorder-product-list-area{ border-bottom: 1px solid rgb(221, 221, 221); padding: 10px 0; } .reorder-product-list-area img { height: 70px; } .reorder-product-discription{ padding-top: 6px; } .reorder-product-name-id{ font-size: .875rem !important; font-family: 'museo700'; margin-bottom: 0px; } .reorder-product-name-last{ font-size: .875rem !important; font-family: 'museo500'; line-height: 1; margin-bottom: 0px; } .reorder-sample-unavailable-text{ color: #F00; font-size: 0.70rem !important; font-weight: 300; font-family: 'museo500'; text-align: left; margin-bottom: 0; } button.reorder-product-buttons-addToCart{ width: 100% !important; padding-left: 10px; padding-right: 10px; padding-top: 7px; padding-bottom: 7px; max-width: 120px; border: none; background-color: #de5529; font-size: 13px; opacity: 0.7; } button.reorder-product-buttons-backToMyList{ width: 100%; background-color: rgb(0, 128, 199); border-color: rgb(0, 128, 199); } .reorder-select-label{ font-size: 0.8125rem; font-family: "museo300"; width: 51px; display: inline-block !important; } .reorder-quantity-holder{ padding-top: 15px; text-align: left; } .accordion-navigation > a:after { content:" "; } .accordion-navigation.active > a:after { content:" "; } /*myactions-btn and modal ends*/ /*add to cart successful modal starts*/ .reorder-add-title{color: #5c4981;} .order-details-box{ display: block; } .reorder-add-product-overlay-p{ font-size: 1.215rem; line-height: 1.6; font-weight: bold; font-family: museo300; color: #333333; } .reorder-add-product-buttons-goToCart{ width: 100%; padding: 7px 20px; background: #de552a; border: 1px solid #de552a; margin-bottom: 5px; font-size: 13px; margin-top: 72px; font-family: 'museo500';} /*reorder sample request and modal ends*/ .data-text-advance{ text-decoration: underline; color:#008CBA; } .pending-approval-align{ margin-left:0px } /*address book starts*/ .address-book-top-section{ margin-top: 22px; } .address-book-text1{ color:#000000; text-align: center; font-size: 20px; position: relative; left: 10px; } .address-book-text2{ color: #de5529; font-size: 12px; position: relative; left: -4px; top: 6px; } .address-book-input-search{ padding-left: 0; padding-right: 0; border: 0; box-shadow: none; color: #0d0d0d; padding-bottom: 5px; font-family: 'museo500'; -webkit-text-fill-color: #595959; font-weight: bold; font-size: 1rem; outline: none; width: 100%; border-bottom: 1px solid #008bc1; background-color: inherit; } .address-book-input-search::-webkit-input-placeholder { font-size: 12px; } .address-book-input-container{ margin-top: 21px; } .address-book-button1-container{ margin-top: 12px; } .address-book-button1{ padding-top: 5px; padding-bottom: 5px; padding-left: 42px; padding-right: 44px; width: 100%; } .address-book-bottom-section{ height:auto; background-color:#ffffff; } .address-book-common-row{ border-bottom:1px solid #7f7f7f; padding-top: 18px; padding-bottom: 11px; } .address-book-icon-container{ width: 30px; display: inline-block; /*margin-right: 2px;*/ } .address-book-icon-container:last-child{ /*padding-top:4px; display:block;*/ } .address-book-icon-wrapper .address-book-icon-container:nth-child(3) img{ margin-top: -3px; margin-left: 2px; } .address-book-icon-wrapper .address-book-icon-container:last-child{ text-align:left; } .address-book-icon{ width:75%; } .address-book-name{ font-size: 16px; color: #595959; font-weight: bold; } .address-book-company-name{ margin-top: -5px; font-size: 12px; color: #595959; } .address-book-common-last-row{ border-bottom:none; } .address-book-icon-wrapper{ float:right; width: 136px; word-break: break-all; } .my-profile-address-book-link{ text-decoration:underline; } .my-profile-address-book-link{ margin-left: 0px; font-size: 19px; display: block; } .address-book-bottom-line{ border: 1px solid #cccccc; width: 97%; margin: 0 auto; } .address-book-container .my-list-no-result{ margin-top: 40px; color: #005e97; } /*address book ends*/ /*address book edit contact starts*/ .address-header-text{ text-align: center; font-size: 22px; margin-top: 17px; } .address-edit-header-container{ background-color:#ecebeb; } .address-header-button-1{ text-align: center; margin-top: 16px; } .address-book-cancel{ color:#d65b2f; } .address-header-button-2{ margin-top: 14px; margin-bottom: 7px; } .address-save-button{ background-color: #de5529; padding: 4px 45px; } .address-book-edit-section-1{ margin-top: 18px; } .address-book-edit-section-1-header{ font-size: 14px; border-bottom: 1px solid #a6a6a6; padding-bottom: 2px; color: #404040; } .address-book-input-edit{ padding-left: 0; padding-right: 0; border: 0; box-shadow: none; color: #0d0d0d; padding-bottom: 5px; font-family: 'museo500'; -webkit-text-fill-color: #595959; font-weight: normal; font-size: 1rem; outline: none; width: 100%; border-bottom: 1px solid #eda08b; background-color: inherit } .address-book-input-edit::-webkit-input-placeholder { font-size: 12px; } .address-book-input-content-container{ margin-top: 8px; } .address-book-edit-section-2{ margin-top: 32px; } .address-book-edit-section-3{ margin-top: 29px; } .address-book-dropdown-edit{ border: none; background-color: white; border-bottom: 1px solid #eda08b; padding-left: 0px; font-size: 13px; -webkit-text-fill-color: #595959; margin-bottom: 0px; margin-top: -8px; background: url(/images/select_bg.jpg) right no-repeat; } .SMcontainer{ position: absolute; background: #ffffff; top: 51px; } .SMcontainer-wrapper{ height:0px; } .address-book-icon-containerAlign{ width: 75px; } #reorder-modal-container{ position: relative !important; top: 0px !important; visibility: visible !important; border-radius: 0px; } .reorder-link-close{ display:none; } .address-book-link-sample-request{ margin-left: 31px; margin-top: 34px; font-size: 16px; } .product-per-page-align{display:inline-block;} /*address book edit contact ends*/ /*sample request drop search result starts*/ .search-results-fName{ position: absolute !important; top: 37px; width: 95%; margin-left: 8px; z-index: 1002; left: 0; right: 0; margin-top: -1px; } .search-results-lName{ position: absolute !important; top: 99px; width: 95%; margin-left: 8px; z-index: 1002; left: 0; right: 0; margin-top: -1px; } .search-results-add-1{ position: absolute !important; top: 37px; width: 95%; margin-left: 8px; z-index: 1002; left: 0; right: 0; margin-top: -1px; } .search-results-add-2{ position: absolute !important; top: 99px; width: 95%; margin-left: 8px; z-index: 1002; left: 0; right: 0; margin-top: -1px; } .results-area-fName{ background-color: white; width: 100%; border: 1px solid #ed9782; } .results-area-fName ul{ padding: 0; margin-left: auto; margin-right: auto; max-width: 60.375rem; width: 100%; } .results-area-fName ul li { list-style: none; padding-left: 10px; padding-right: 0px; } .results-area-fName ul li a{ color:black; } /*.results-area-fName ul li:last-child { padding-left: 2.5rem; color: #ffffff; font-size: 14px; font-style: italic; font-weight: bold; padding-top: 20px; padding-bottom: 20px; font-family: 'museo700'; font-style: italic; list-style: none; padding-right: 0px; }*/ .results-area-fName ul li a:hover { background-color: lightgrey; } .address-book-edit-container{ background-color:white; } #myActionCounts{ display: inline; font-size: 14px !important; } .sub-header-approve-refferals.show-for-small-only{ margin-left: 14px; } /*sample request drop search result ends*/ .content-box.section-box.emptyCartContainer.min-Height{ min-height: 30px !important; } .data-text-text{ font-size: 0.9375rem; } .product-list-number-align{ margin-left: 18px !important; } .top-1.line-padding.line-padding-align{ padding-bottom: 3px; position: relative; top: 20px; } /*sample reject modal starts*/ #requestRejectSampleModal{ max-width: 800px; border-radius: 15px; min-height: 100vh; } #requestRejectSampleModal .modalTitle { font-family: 'museo500'; font-size: 1.625rem; color: #6d4274; margin-top: 0px !important; margin-bottom: 0px; line-height: 1; } #requestRejectSampleModal .lead.product-overlay-p, #requestRejectSampleModal .lead.product-overlay-p { font-family: 'museo300'; font-size: 1rem; color: #000; margin-bottom: 0; line-height: 1; padding-top: 20px; } #requestRejectSampleModal .comments-input { border: none; border-bottom: 1px solid #e3492e; box-shadow: none; font-size: .875rem; font-family: 'museo300'; color: #000; padding-left: 0; padding-top: 20px; margin-bottom: 0; } #requestRejectSampleModal .error-msg { font-size: 12px; color: #dd4b39; font-family: museo500; padding-left: 0px; margin-bottom: 1rem; display: block; visibility: hidden; } #requestRejectSampleModal .cross-img-holder { padding-top: 25px; } #requestRejectSampleModal .cross-img-holder, #requestRejectSampleModal .tick-img-holder { padding-top: 20px; padding-bottom: 35px; } #requestRejectSampleModal button.product-buttons-ok { padding: 7px 20px; background: #de552a; border: 1px solid #de552a; margin-bottom: 5px; font-size: .8125rem; font-family: 'museo500'; width: 80px; height: 30px; } #requestRejectSampleModal .overlay-cross { background: url(/images/pop-up-close.png) no-repeat; min-height: 22px; min-width: 22px; } /*sample reject modal ends*/ .addressBookPickup{ width:127px; } } @media only screen and (orientation:landscape) { /* .product-name.xrefProdName { max-width: 388px; } */ } @media only screen and (min-width: 48.000em) and (orientation:portrait) { .product-quantity span { font-size: 12px;display: block;font-family: 'museo500';} p.product-quantity.xrefProdQuantity { height: 70px; } } /* medium screens 768px up to 1024px */ @media only screen and (min-width: 48.000em){ .inner-page-results > .row > .columns:nth-child(1){padding-right:0;} .inner-page-results > .row > .columns:nth-child(2){padding-right:0.4675rem;padding-left:0.4675rem;} .inner-page-results > .row > .columns:nth-child(3){padding-left:0;} .inner-page-results > .row > .columns:nth-child(4){padding-right:0;} .inner-page-results > .row > .columns:nth-child(5){padding-right:0.4675rem;padding-left:0.4675rem;} .inner-page-results > .row > .columns:nth-child(6){padding-left:0;} .inner-page-results > .row > .columns:nth-child(7){padding-right:0;} .inner-page-results > .row > .columns:nth-child(8){padding-right:0.4675rem;padding-left:0.4675rem;} .inner-page-results > .row > .columns:nth-child(9){padding-left:0;} .product-accreditation{font-size:0.938em;} #email-list-modal input[type="text"]{margin-bottom:10px;} #email-list-modal{top: 34px !important;} input.send-me-a-copy{margin-left:-5px;} /* header menu hover */ .menu-title{background-color:#008bc1/*#223167*/; border-radius:8px; padding:5px 10px; margin-top:15px; font-size:18px; position:absolute; display:none; color:#ffffff;z-index:1003;border: 1px solid #ffffff} .menu-title span{display:block; font-size:12px;} /* reveal modal */ .reveal-modal-bg{background: rgba(0, 0, 0, 0.45);position:absolute;} .reveal-modal{max-width:55% !important;} .reveal-modal.medium { width: 62% !important;} .search-go{margin-top:0;} .search-go.active{-webkit-box-shadow: 0 0 12px 2px rgba(162,227,253,1);box-shadow: 0 0 12px 2px rgba(162,227,253,1);} #email-list-modal {overflow-x: hidden;overflow-y: hidden;} /* header area */ .desktop-logo{margin-top:25px;} ul.desktop-menu{float:right; margin-top:30px;} .desktop-menu li{float:left; text-align: right;list-style:none; font-size:10px; color:#ffffff; margin-right:10px;} .desktop-menu li > a{color:#ffffff;margin-top:4px; display:inline-block;} .desktop-menu li a:hover{text-decoration:underline; color:#ffffff;} .desktop-menu li:last-child{margin-left:10px; margin-right:0;} .desktop-menu li.desktop-avatar span{color:#ffffff;} .desktop-menu li img.avatar-round{width:25px; border-radius:50%; margin-right:5px;margin-left:-5px;} .product-list-number { color: #609dc9; border: 2px solid #609dc9; width: 28px; height: 28px; text-align: center; text-align: center; border-radius: 50%; display: inline-block; padding-top: 4px; margin-left: 2px; margin-top: -7px; } #createPDFModal{top: 190px !important;position: fixed !important;overflow-y: hidden;overflow: scroll;height: 0px;overflow-x: hidden;} /* search area */ .homepage-search{background-color:#008bc1; height:68px;} .search-area{margin-bottom:0;} .search-area input{margin-bottom:5px; background:url(../images/mobile-search-button.png) left 25px no-repeat transparent; background-size:15px; border:none; padding:1rem 0.5rem 0rem 25px; color:#ffffff; box-shadow:none; margin-bottom:0; height:49px;} .search-area input:focus{background:url(../images/mobile-search-button.png) left 25px no-repeat transparent; background-size:15px;} ::-webkit-input-placeholder {color: #ffffff;} :-moz-placeholder {color: #ffffff;} ::-moz-placeholder {color: #ffffff;} :-ms-input-placeholder{color:#ffffff;} .desktop-search-results{position:absolute; z-index:1002; left:0; right:0; margin-top:-1px; display:none;} .results-area{background-color:#008bc1; width:100%;} .results-area ul{padding:0; margin-left:auto; margin-right:auto; max-width:60.375rem; width:100%;} .results-area ul li{list-style:none; padding-left:0.9375rem; padding-right:0.9375rem;} .results-area ul li:last-child{padding-left:2.5rem; color:#ffffff; font-size:14px; font-style:italic; font-weight:bold; padding-top:20px; padding-bottom:20px; font-family:'museo700';font-style: italic;} .results-area ul li a{padding:5px 0 5px 25px; color:#ffffff; font-size:14px; display:block; font-family:'museo500';} .results-area ul li a span{font-family:'museo700';} .results-area ul li a:hover{background-color:#0b7aa5;} /* search modal */ #search-drop-mobile{border-radius:8px; padding:0px 3rem 10px 20px; } #search-drop-mobile .mobile-search{top:0; background-color:transparent;} #search-drop-mobile .mobile-search img{margin-top:15px;} .search-area input{padding-top:1.6rem; font-family:'museo500';} #search-drop-mobile ul li{width:100%;} #search-drop-mobile ul li a{padding-left:25px;} #search-drop-mobile ul li a span{display:inline-block;} /* footer */ .footer-push{margin-bottom:92px;} .footer{height:72px; background:none; background-color:#223167; padding:0; right:0; left:0;} .footer > .row{background:url(../images/footer-kcp-logo-background.png) top left no-repeat; background-size:140px; height:100%; background-position:0px -32px;} .footer p{float:left; font-size:9px; text-align:left; width:72%; float:left; margin-bottom:0; padding-left:160px; padding-top:20px; } .footer a{display:inline-block; font-size:9px;} .footer img{float:right; margin-bottom:0; width:25%; margin-top:20px; margin-right:10px;} /* banner area */ .homepage-banner{ height:120px; background:url(../images/homepage-banner-desktop.jpg) no-repeat 66% top #dae7ed; margin-bottom:20px; } .homepage-banner .banner-text{width:70%} /* global menu */ .menu-nav{padding-top:.5rem;padding-right:0px;} .menu-nav > .row > div:last-child{float:left;} .menu-entry{padding-right:0.75rem;padding-left:0; position:inherit; width:16.28% !important; /*opacity:.25;*/} .menu-entry:hover img, .menu-entry.active img{-webkit-box-shadow: 0 0 12px 2px rgba(162,227,253,1); box-shadow: 0 0 12px 2px rgba(162,227,253,1);} .menu-entry img{width:53px; width:53px; border-radius:50%; border:2px solid /*#77d2f5*/ #ffffff;} /* pages */ .inner-pages .rounded-box{padding:30px 20px;} .inner-pages .whole-box{display:table;} .inner-pages .rounded-half-box{padding:30px 20px; display:table-cell; position:inherit; float:none;} .inner-pages .rounded-half-box:first-child{border-top-left-radius:12px; border-bottom-left-radius:12px; border-top-right-radius:0; border-right:1px solid #e4e4e4; padding-bottom:0; padding-right:35px;} .inner-pages .rounded-half-box:last-child{border-top-right-radius:12px; border-bottom-right-radius:12px; border-bottom-left-radius:0; padding-left:50px; padding-bottom:30px; padding-right:10px;} .inner-pages .half-box-container{height:100%; padding-bottom:0; border:none;} .rounded-half-box .divider{width:35px; height:35px; padding-top:3px; border-radius:50%; background-color:#000000; color:#ffffff; font-size:18px; position:absolute; z-index:10; top:35px; right:-18px;} .inner-pages .half-box-container p.disclaimer{width:100%;} .competitor-product-description{font-size:14px;} .item-match-entry button{margin-bottom:10px; margin-top:0px;} .product-lower-wrapper{margin-bottom: 22px;} .product-lower-wrapper-image{width:40%;} .product-lower-wrapper-text{width:60%;margin-bottom: 26px;} .product-lower-wrapper-image-container img{width:72%;} /*.product-lower-wrapper-text p{margin: 2px;font-size:13px;}*/ .product-lower-wrapper-text p{margin-bottom: -1px;font-size: 14px;line-height: 22px;} /*.product-lower-wrapper-text p label{width: inherit;font-size:13px;}*/ .product-lower-wrapper-text p label{width: inherit;font-size:14px;} .first-label{padding-top: 14px;} /*css for create new list*/ .create-new-list-width { margin: 0 auto;top: 242px !important;max-width: 79% !important;height: 368px;} .create-new-list-input-text{margin-left: 1% !important;margin-top: 14px !important; } .copy-from{float: right;margin-right: 10px;} .create-p1 {margin-top: 18px;} .create-cancel-save-wrapper {margin-top: 80px;} /*css for myproduct dropdown and manage list*/ .my-product-list-container {width: 26%;} .manage-list{width: 20%;} .my-product-list {color: #d65b2f;} .drop-down-product-list li a {color: #d65b2f;} .drop-down-product-list li a:hover{background-color:#ffffff;} .drop-down-product-list:before{display:none} .drop-down-product-list:after{display:none} .my-product-list-last {color:#0089c1 !important;} .product-list-right-text{color:#d65b2f !important;font-size: 0.875rem !important;} .product-list-right-text-last{color:#0089c1 !important;font-size: 0.875rem !important;} #menu-icon-hamburger, .hamburder-icon{width:6%;margin-right: 8px;position: relative;top: -1px;} .my-list-buttons button{padding: 8px 8px !important;} .reorder-list-button{font-size: 13px;} /*css for modal tab view starts for reorder list button */ .prodbox{ border: 1px solid #008db8; padding:5px; margin:5px; background:#fff; width: 75%; border-radius: 3px; } .mymodal-cross{top: 20px !important;} .my-modal-width{width:74%;margin: 0 auto;top: 30px !important;height: auto;border-radius: 7px;position: fixed;} .draggable-cross{display:none;} .reorder-dt-scroll-container{overflow-y: scroll;overflow-x: hidden;width:100%;height: 330px;margin-top: -12px !important;} .reorder-h1 {font-size: 30px;} .dt-product-image-wrapper{display:inline-block;width: 35%;} .dt-product-image{margin-left: 30%;width: 50%;} .dt-product-text-wrapper{display:inline-block;width: 50%;} .dt-product-text{font-size: 15px;} .cancel-link {margin-top: 27px;margin-left: 16%;text-align:left;} .cancel-link a {font-size: 16px;} .save-changes-button-wrapper {margin-right: -4%;margin-top: 14px;} .save-changes { padding: 8px 26px; margin-top: 9px; font-size: 15px;} .reorder-list-dt-sub-heading{color: #8a8a8a;margin-top: -24px;font-size: 17px;} /*css for reorder list modal button ends*/ /*css starts for rework reorder list*/ .reorder-product-wrapper-dt{float:left;width:33%;} .reorder-product-container-dt{ width: 74%; border: 1px solid #008db8; padding:5px; margin:5px; background:#fff; border-radius: 3px; cursor: move;} .image-dt-wrapper{display:inline-block;width:40%} .text-dt-wrapper{display:inline-block;width:50%} .cancel-link-dt{float:left;margin-top: 14px; margin-left: 9%;} .cancel-link-dt a{font-size: 16px;color: #de5529;} .save-changes-button-wrapper-dt{float: right;margin-right: 10%;} /*css ends for rework reorder list*/ .text-dt-title{font-size: 14px;} .text-dt-sub-title{font-size:10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 70%;} /*.draggable-cross-dt {margin-top: -16px; width: 65%;}*/ .draggable-cross-dt {width: 65%;} .save-changes-top-btn{top: -27px;left: 7px;} /*css for email pop up*/ .includeDistributor{margin-left:-5px;} .addContactDetails{margin-`left: -5px;} .emailpopup-address{margin-bottom:10px;font-size: 0.675rem;} .downloadlist-text-3-br{display:none;} #email-list-modal {height: auto;} /* css for create pdf*/ .downloadlist-text-2{ font-size: 0.675rem;} .downloadlist-text-1{margin-left: 5%;font-size: 0.675rem;padding-top:12px;} .my-create-container-modal {width: 92%; margin-left:5%;} .drop-down-create-list-modal{width: 92% !important;left: 16px !important;} .downloadlist-text-3{margin-left:5%; font-size: 0.675rem;} .downloadlist-text-3-br{display:block;} .dropdown-header-color-box {margin-right: 6px;} #createPDFModal {height: auto;} /*css for scroll bar in tablet*/ /* ::-webkit-scrollbar { -webkit-appearance: none; } ::-webkit-scrollbar:vertical { width: 15px; } ::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff; } */ /*css for manage list modal*/ .mymanagelist{top: 32% !important; width:83%; margin:0 auto; min-height: 23vh; padding-top: 21px;} .managelist-header {font-size: 24px;margin-bottom: 10px;} .mymanagelist p {font-size: 16px;margin-top: 7px;} .mymanagelist-align2{padding-top:5px;position: relative;left: -25px;} .mymanagelist-align1 {margin-top: 5px;text-align: left;} .mymanagelist-align3{text-align:right;} /*css for manage list ends*/ .loader-parent-MyProduct #loaderDialog-MyProduct { text-align: center; display: none; padding: 10px 0; border-radius: 10px; left: 39%; position: fixed; text-align: center; top: 45%; width: 160px; z-index: 9999; background-color: #efebef; border: 1px solid #ffffff; } /*change view modal starts*/ .change-view-input{width: 100%!important;} .choose-view-btn{padding: 6px 94px;right: 0px;} /*change view modal ends*/ /*css for sku modal starts*/ .sku-modal{width: 85%;} .sku-header{font-size: 25px;width: 82%;} .sku-text-1{display:block;} .sku-text-2{display:block;} .sku-btn{width:80%;margin-top: 25px;} .sku-struct-1{padding-left: 11px;} /*css for sku modal ends*/ /*css for sku modal starts*/ .add-new-cancel-save-wrapper{margin-top:0px} .add-new-modal{max-width: 63% !important;height: 388px;} .add-new-btn{padding: 8px 68px;} /*css for sku modal ends*/ /*myproductlist-drop-text-wrap css starts*/ .myproductlist-drop-text-wrap{width: 66px !important;} /*myproductlist-drop-text-wrap css ends*/ .pagination-proper {width: auto;margin-top: -3px;} /*css for reorder modal starts*/ .reorder-modal-header{ margin-top: 0px !important; } .reorder-product-overlay-p{ font-size: 1rem; } .reorder-product-name-id{ font-size: 1rem !important; } .reorder-product-name-last{ font-size: 1rem !important; } .home-my-actions-btn{float:right;} .reorder-sample-unavailable-text{text-align:center;} button.reorder-product-buttons-addToCart{ /*background-color: #008CBA !important;*/ } .reorder-product-list-area{ border-bottom: none; } button.reorder-product-buttons-addToCart,button.reorder-product-buttons-addToCart:hover{ background-color: #de5529; color:#fff; opacity:1; } button.reorder-product-buttons-addToCart[disabled]:hover{ opacity:0.7; border:none; } #reorder-modal-container{ position: absolute !important; top: 91px !important; } #arrow-down-request-header{visibility:visible !important;} .reorder-add-product-buttons-goToCart { width: 22%; } .home-my-actions-btn-c-plus-tab { background: url(../images/plus_icon.png) no-repeat !important; background-size: 12px !important; background-position-x: 96% !important; background-position-y: 26px !important; } .home-my-actions-btn-h-plus-tab { background: url(../images/minus_icon.png) no-repeat !important; background-size: 12px !important; background-position-x: 96% !important; background-position-y: 30px !important; } .my-action-menu-icon-kcpzone{ margin-right:2px; } .tab-header-tab-dt{ display:inline-block !important; } .pending-approval-tab{ min-height: auto; } .my-action-dt-tab-txt1{ color:#e98a2d; position: relative; top: 3px; left: 16px; } .my-action-dt-tab-txt2{ color:#5c4981; position: relative; top: 3px; left: 16px; } .my-action-tab-desk-liner{ margin:0 auto; height:1px; border-bottom:1px solid #dddddd; width:97%; } .my-action-accordian-align,.my-action-accordian-tab-align{color:#767171 !important;} /*css for reorder modal ends*/ .pending-approval-align{ margin-left:40px; margin-right: 10px; } .sub-header-approve-refferals{ left: 28px; position: relative; top: -62px; color: #767171; } /*address book css starts*/ .address-book-logo{ display: inline-block !important; width: 56px; margin-right: 19px; } .address-book-text1{ color: #008bc1; font-size: 25px; text-align: left; left: 0px; top: -6px; width: 100%; } .address-book-text2{ top: 9px; left: -17px; font-size: 15px; } .address-book-search-section{ background-color: #ffffff; border-radius: 10px; margin-left: 15px; width: 70%; padding-bottom: 11px; } .address-book-button1{ padding-left: 25px; padding-right: 25px; position: relative; top: 8px; left: -24px; width: 112%; } .address-book-result-per-page-text{ color:#595959; } .product-per-page-align{ display:inline-block; } .address-book-pagination-container{ margin-top: 18px; } .address-book-search-section{ margin-top: 25px; } .pagination-proper-align{ float:left; } .address-book-bottom-section{ border-radius: 10px; margin-left: 15px; margin-right: 15px; } .address-book-tab-dt-icon{ display:inline-block; } .address-book-icon-container{ display:inline-block !important; } .address-book-name-company-container{ display:inline-block; } .address-book-icon { position: relative; top: -9px; } .address-book-dt-mail-container{ margin-top: 0px; display:inline-block; } .address-book-dt-mail{ text-decoration:underline; font-size: 13px; } .address-book-dt-street-container{ font-size:13px; margin-left: 0px; word-break: break-all; } .address-book-dt-street{ font-size: 13px; text-decoration:underline; } .address-book-common-row{ border:0px; } .order-details-box{ display: none !important; } /*address book css ends*/ /*address edit contact starts*/ .address-edit-header-container{ background-color:#ffffff; } .address-header-text { text-align: left; margin-left: 15px; font-size: 26px; } .address-header-button-1 { text-align: left; margin-top: 80px; margin-left: 29px; } .address-header-button-2 { margin-top: 77px; margin-bottom: -3px; text-align: right; } .address-book-edit-section-3 { margin-top: 17px; } .address-book-edit-section-1-header { font-size: 17px; } .address-book-input-edit::-webkit-input-placeholder { font-size: 13px; } .address-save-button { padding: 4px 58px; } .add-rewards-approval-plus{ background-image: url(../images/Plus-yellow.png) !important; background-color: #ffffff !important; background-position-y: 27px !important; } .add-rewards-approval-minus{ background-image: url(../images/Minus-yellow.png) !important; background-color: #ffffff !important; } .add-sample-approval-plus{ background-image: url(../images/Plus-purple.png) !important; background-color: #ffffff !important; background-position-y: 27px !important; } .add-sample-approval-minus{ background-image: url(../images/Minus-purple.png) !important; background-color: #ffffff !important; } .my-profile-address-book-link{ margin-left: 20px; font-size: 19px; display: inline-block; position: relative; top: -3px; } .address-book-logo{ } .reorder-link-close{ display:block; } .reorder-modal-container { position: absolute !important; top: 115px !important; } .reorder-product-list-container { max-height: 300px; overflow-x: hidden; overflow-y: auto; padding-top: 10px; padding-bottom: 10px; } .address-book-container .my-list-no-result{ margin-top: 40px; width: 50%; color: #005e97; } //margin-left: 15px; /*address edit contact ends*/ .gigyaform a.forgot-password.forgot-password-alignment{padding-left:0px;} .address-book-link-sample-request{ margin-left: -46px; font-size: 16px; margin-top: 7px; } /*.product-per-page-align{display:block;}*/ .add-rewards-approval-plus{ background-position-x: 56px !important; } .add-rewards-approval-minus{ background-position-x: 56px !important; } .add-sample-approval-plus{ background-position-x: 56px !important; } .add-sample-approval-minus{ background-position-x: 56px !important; } .product-list-number-align{ margin-left: -7px !important; } #orderDetailsModal{ position:absolute; top:100px !important; } #requestRejectSampleModal { min-height: 37vh; } } /* large screens up to 1440px */ @media only screen and (min-width: 64.063em){ .inner-page-results > .row > .columns:nth-child(1){padding-right:0.9375rem;} .inner-page-results > .row > .columns:nth-child(2){padding-right:0.9375rem;padding-left:0.9375rem;} .inner-page-results > .row > .columns:nth-child(3){padding-left:0.9375rem;} .inner-page-results > .row > .columns:nth-child(4){padding-right:0.9375rem;} .inner-page-results > .row > .columns:nth-child(5){padding-right:0.9375rem;padding-left:0.9375rem;} .inner-page-results > .row > .columns:nth-child(6){padding-left:0.9375rem;} .inner-page-results > .row > .columns:nth-child(7){padding-right:0.9375rem;} .inner-page-results > .row > .columns:nth-child(8){padding-right:0.9375rem;padding-left:0.9375rem;} .inner-page-results > .row > .columns:nth-child(9){padding-left:0.9375rem;} .product-accreditation{font-size:1em;} /* banner area */ .homepage-banner{ background:url(../images/homepage-banner-desktop.jpg) no-repeat top right #dae7ed; } ul.desktop-menu{float:right; margin-top:30px;margin-right: 0px;} /* pages */ .inner-pages .rounded-box.rounded-box-results{padding:25px 20px;} .desktop-menu li {font-size: 12px;} /* footer */ .footer p{letter-spacing: 1px; font-size:10px;} .footer a{font-size:10px;} .footer img{margin-top:15px;} /* modal */ .reveal-modal-bg{position:fixed;} .product-lower-wrapper{margin-bottom:0px;} .product-lower-wrapper-image{width:50%;} .product-lower-wrapper-text{width:50%;} .product-lower-wrapper-image-container img{width:65%;} /*font-size-15px*/ .product-lower-wrapper-text p{margin-bottom: 2px;font-size:14px;line-height: 23px;} /*font-size-15px*/ .product-lower-wrapper-text p label{font-size:14px;} .first-label{padding-top:32px;} /*css for my productlist and manage list*/ .my-product-list-container {width: 28%;} .manage-list{width: 21%;} .my-product-list {color: #d65b2f;} .drop-down-product-list li a {color: #d65b2f;} .drop-down-product-list li a:hover{background-color:#ffffff;} .drop-down-product-list:before{display:none} .drop-down-product-list:after{display:none} .my-product-list-last {color:#0089c1 !important;} .product-list-right-text{color:#d65b2f !important;font-size: 0.875rem !important;} .product-list-right-text-last{color:#0089c1 !important;font-size: 0.875rem !important;} .my-list-buttons button {padding: .5rem 1.2rem !important;} .reorder-list-button {font-size: 13px;} /*css for create new list*/ .create-new-list-width {top: 222px !important;max-width: 56% !important;height: 368px;} /*css for manage list modal*/ .mymanagelist{top: 39% !important; min-height: 20vh; width: 43%;} .managelist-header {font-size: 32px; margin-bottom:5px;} /*css for manage list ends*/ /*css for reorder list pop up starts*/ .my-modal-width {width: 35%;top: 10px !important;height: auto;border-radius: 7px;} .reorder-dt-scroll-container{height: 372px;} /*css for reorder list pop up ends*/ html[data-browser*="Trident"] .draggable-cross-dt{width:80%;} /*.draggable-cross-dt {margin-top: -28px;width: 80%;}*/ .draggable-cross-dt {width: 80%;} /*css for email pop up page*/ .include_notes{float:left;} .includeDistributor{float:left;margin-left:60px;} .addContactDetails{float:left;margin-left: -5px;} .emailpopup-address{float:left;margin-left: 25px;margin-bottom: 18px;color: #8a8a8a;width: 45%;} /*css for create pdf*/ .downloadlist-text-1{margin-left:0px;font-size: 0.875rem;margin-top: 10px;} .my-create-container-modal {width: 60%; margin-left: 2%;} .drop-down-create-list-modal {width: 60% !important;left: 14px !important;} .downloadlist-text-3 { margin-left: 2%;} .downloadlist-text-2 {font-size: 0.875rem;} .dropdown-header-color-box {margin-right: 23px;} #createPDFModal {top: 110px !important;position: fixed !important;overflow-x: hidden;overflow-y: hidden;} /*create pdf enhancement extended css for email popup page*/ .my-create-container-modal-email{margin-left: 5%;width:80%;} .drop-down-create-list-modal-email{left: 7% !important;width: 77% !important;} /*css for email pop up page*/ .include_notes{float:left;} .includeDistributor{float:left;margin-left:-5px;} .addContactDetails,.align-downloadlist-text-2{float:left;margin-left: -5px;} .align-downloadlist-text-3{margin-left:0px} .emailpopup-address{float:left;margin-left: 25px;margin-bottom: 18px;color: #8a8a8a;width: 65%;} .align-downloadlist-text-2 {margin-top: 0px;margin-top: 13px;} /*css for scroll bar in desktop*/ /* ::-webkit-scrollbar { -webkit-appearance: none; } ::-webkit-scrollbar:vertical { width: 15px; } ::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 0px; border: 2px solid #ffffff; } */ .loader-parent-MyProduct #loaderDialog-MyProduct{ text-align: center;display:none;padding: 10px 0; border-radius: 10px;left: 43%;position: fixed;text-align: center;top: 45%;width: 160px;z-index:9999; background-color: #efebef; border: 1px solid #ffffff; } /*change view modal starts*/ .change-view{min-height: 26vh!important;width: 65%;} /*change view modal ends*/ /*css for sku modal starts*/ .sku-modal{width: 64%;} .sku-header {margin-left: 18px;} /*css for sku modal ends*/ /*css for sku modal starts*/ .add-new-modal{top: 150px !important;max-width: 39% !important;height: 380px;} .add-new-btn {padding: 8px 75px;} /*css for sku modal ends*/ .address-book-link-sample-request { margin-left: -105px; font-size: 16px; margin-top: 7px; } .myproductlist-drop-text-wrap{width: 140px !important;border: 1px solid #d65b2f; padding-left:6px;position:relative;} .search-results-fName{ width: 442px; } #requestRejectSampleModal.reveal-modal.medium { width: 44% !important; } } @media only screen and (min-width: 1441px)and (max-width: 2560px){ .include-remove-margin{margin:0px !important;} .emailpopup-address{margin-left: 14%;} .drop-down-create-list-modal-email {width: 77% !important;left: 31px !important;} .create-new-list-width {max-width: 44% !important;} } .clear{clear:both;} .float-right{float:right;} .float-left{float:left;} .text-align-center{text-align:center;} .text-align-left{text-align:left;} .text-align-right{text-align:right;} .padding-left-zero{padding-left:0px;} .padding-right-zero{padding-right:0px;} .padding-bottom-zero{padding-bottom:0px;} @media only screen and (max-width: 767px){ /*css for scroll bar in mobile touch*/ ::-webkit-scrollbar { -webkit-appearance: default; } .manage-list { margin-top: 15px; margin-bottom: 15px; } .my-product-list-container{ position:relative; } .drop-down-product-list{ left:0 !important;} .myproduclist-static-word{ width: 30% !important; float: left; padding-top: 5px; } .myproductlist-drop-text-wrap{ width:70% !important; } .product-name-id{ font-family: "museo700"; margin-bottom: 5px; } .product-discription p{line-height:1;display: block;font-size: 0.875rem;} .quantity-holder .show-for-small-only{display:inline !important;} .quantity-holder span{font-size: 0.8125rem;font-family: "museo300";color: #000;} .product-list-area{padding:10px 0; border-bottom:1px solid #DDDDDD;} } @media only screen and (max-width: 370px){ #divForgotPasswordCaptcha{ margin-left:-17px; transform:scale(0.9); } } @media only screen and (min-width:768px) and (max-width:1024px){ #distributorListName{width:108px;} } @media only screen and (max-width: 48em){ } .comments-input-reject{ border: none !important; border-bottom: 1px solid #e3492e !important; box-shadow: none; font-size: .875rem; font-family: 'museo300'; color: #000; padding:0; margin:0; box-shadow:none !important; } .saveAddress{ padding:0px !important; margin:0; } .saveAddress .saveChkbox{ margin-bottom:0px; float:left; } .saveAddress span{ font-family:"museo500"; font-size:14px; font-weight:normal; line-height:normal; color:rgb(1,1,1); float:left; width:95%; padding-left:5px; } .error-list li{ font-family:museo500, Arial, Verdana, Geneva, sans-serif; font-size:14px; } .manageAddressBook{ color:#d65b2f; font-family:museo500; font-size:24px; line-height:24px; } .manageAddressBook:hover{ color:#d65b2f; cursor:pointer; } .sub-header-approve-refferals{ font-size: 16px; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; } button.btnDelete { margin-left: -70px; padding-top: 4px; padding-bottom: 4px; } a.add-to-list { display: block; color: #de542a; margin-bottom: 10px; font-family: 'museo500'; } a.product-remove-to-list img { margin-right: 5px; width: 20px; } .manageList-delete { top: 30% !important; min-height: 18vh; width: 43%; } /***** contact form *******/ .my-contact-form{ padding:25px !important; } .my-contact-form .logo-title{ width:98%; } .my-contact-form input[type="text"]{ border:none; border-bottom: 1px solid rgb(235, 153, 127); box-shadow:none; } .my-contact-form input[type="text"]:focus{ background:#fff; } .my-contact-form .btnContactUs{ background-color: #eb997f; padding:8px 80px !important; color: #fff; font-family: 'museo500'; border:none; margin-top: 20px; font-size:16px; } .divChangeaddress{ float: left; font-family: "museo300"; font-size: 0.875rem; text-decoration: underline; position: relative; top: 5px; } @media only screen and (min-width:768px) and (max-width:1024px){ .manageList-delete { top: 22% !important; min-height: 18vh; width: 58%; } } @media only screen and (max-width:767px){ a.add-to-list { font-size: 13px; } .address-book-icon-containerAlign{ width:auto; } .manageList-delete{ min-height: 30vh; padding-left: 20px; padding-right: 20px; border-radius: 8px; margin-left: 1%; width: 98% !important; } .text-wrapper-mob{ } .drag-icon{ width: 20%; text-align: right; position: relative; margin-top: -25px; z-index:10000; border:1px solid #ccc; text-align:center; } .reorder-product-wrapper-mob{ } .my-contact-form .btnContactUs{ width:100%; } .divChangeaddress{ float:right; top:-20px; } } select:focus, select:visited, select:active{ outline:auto; outline: 1px solid #e0dfe0 !important; } .hygy{ padding-left: 6px; padding-top: 12px; font-size:0.95rem !important; } @media screen and (min-device-width: 481px) and (orientation:landscape) { .downloadlist-text-1{ margin-left:0; } } .modalLabel{ font-size:16px; padding-bottom:10px; color:#0d0d0d; line-height:20px; } .wrapper{ background-color:blue; } .bell-icon{ position: relative; } .notification-count{ padding:0 4px; line-height:1.5; background: #fe3838; color: #fff; text-align: center; border-radius: 4px; font-size: 12px; font-family: "museo700"; position: absolute; top: 2px; left: 19px; } .right-small.bell-right { top:3px; right:82px; } /* For Cross Reference new requirement*/ /*CSS for product compare page starts here*/ .product-compare-wrapper{ background: #ebebea; padding-bottom:30px; } .product-compare-wrapper .page-header{ margin:20px 0; border-bottom:1px solid #dadada; } .product-compare-wrapper .page-header h3{ font-size:26px; font-family: 'museo500'; color: #005e97; margin-bottom: 20px; line-height: 26px; } .product-compare-wrapper .prod-comp-section{ background: #fff; border-radius: 12px; } .product-compare-wrapper .compare-tab{ padding:10px } .product-compare-wrapper .prod-comp-section table { width: 100%; border: none; border-collapse: collapse; margin-bottom:0; } .product-compare-wrapper .prod-comp-section table tr.even, table tr.alt, table tr:nth-of-type(even) { background: #fff; } .product-compare-wrapper .prod-comp-section table thead{ background: #fff; border-bottom: 1px solid #dadada; } .product-compare-wrapper .prod-comp-section table thead th, .product-compare-wrapper .prod-comp-section table tbody td{ text-align: center; } /*.product-compare-wrapper .prod-comp-section table thead th:first-child, .product-compare-wrapper .prod-comp-section table tbody td:first-child{ text-align: left; }*/ .product-compare-wrapper .prod-comp-section table tr{ border-bottom: 1px solid #dadada; } .product-compare-wrapper .prod-comp-section table tr:first-child td{ font-size: 16px; } .product-compare-wrapper .prod-comp-section table thead th{ font-family: "museo700"; font-size: 18px; } .product-compare-wrapper .prod-comp-section table tr td{ font-family: "museo500"; font-size: 14px; width:50%; } .product-compare-wrapper .prod-name{ min-height:35px; } .product-compare-wrapper .scatork-roll{ padding:0px; border:1px solid #dadada; height:100px; width:100px; } .product-compare-wrapper .scott-roll{ padding:0px; height :100px; width:100px; border:1px solid #dadada; } .product-compare-wrapper .add{ padding:0 0 15px 0; } .product-compare-wrapper .add span{ font-size:16px; font-family: 'museo500'; color: #e05133; padding-left:10px; vertical-align: sub; } .product-compare-wrapper .btns a{ font-size:13px; font-family: 'museo500'; color: #fff; background: #e05133; padding: 7px 31px; } .product-compare-wrapper .btns{ padding-bottom:10px; } .product-compare-wrapper .btns a.email{ padding: 7px 46px; } .product-compare-wrapper .prod-comp-section table tr.noborder{ border:none; } .product-compare-wrapper .prod-comp-section table tr td.bold{ font-family: "museo700"; } .addpadding td{ padding-left:25px; } .highlight{ background: #f9f9f9!important; } /*CSS for mobile starts*/ @media only screen and (max-width: 40em){ .product-compare-wrapper{ padding-bottom:20px; } .product-compare-wrapper .page-header{ margin:15px 0; } .product-compare-wrapper .prod-comp-section{ border-radius:8px; } .product-compare-wrapper .prod-comp-section table thead th, .product-compare-wrapper .prod-comp-section table tbody td{ font-size:16px; text-align: left; } .product-compare-wrapper .prod-comp-section table thead th:first-child, .product-compare-wrapper .prod-comp-section table tbody td:first-child { padding-left:0; vertical-align: text-top; } .product-compare-wrapper .prod-comp-section table tbody tr.addpadding td:first-child{ font-size: 14px; } .product-compare-wrapper .prod-comp-section table tbody tr.addpadding td{ padding-left:15px; } .product-compare-wrapper .product-table1{ padding-bottom: 0px; } .product-compare-wrapper .add{ padding:0; } .product-compare-wrapper .dwnld{ background: #e05133; color: #fff; padding: 6px 24px; } .product-compare-wrapper .email{ color: #fff; background: #e05133; padding: 6px 42px; margin-bottom:10px; } .product-compare-wrapper .btns-mob{ padding-bottom: 10px; } } /*CSS for mobile ends*/ /*CSS for product compare page ends here*/ /*new cross reference req end*/ /*CSS for mobile starts*/ @media only screen and (max-width: 40em){ .product-compare-wrapper{ padding-bottom:20px; background: #f2f0f1; } .product-compare-wrapper .compare-tab{ padding:10px; border-radius: 10px; border:1px solid #dadada; background: #fff; } .product-compare-wrapper .compare-tab .row { padding: 5px 0; } .product-compare-wrapper .compare-tab{ font-size: 14px; font-family: 'museo500'; } .product-compare-wrapper .compare-tab .headers{ font-family: "museo700"; font-size: 16px; } .product-compare-wrapper .compare-tab .borderbottom{ border:1px solid #dadada; } .highlight-sec1{ background: #f9f9f9; } .highlight-sec2{ background: antiquewhite; color: #000; } .product-compare-wrapper .add{ padding:0; } .product-compare-wrapper .dwnld{ background: #e05133; color: #fff; padding: 6px 26px; } .product-compare-wrapper .email{ color: #fff; background: #e05133; padding: 6px 42px; margin-bottom:10px; } .product-compare-wrapper .btns-mob{ padding-bottom: 10px; display: inline-block; } } @media only screen and (min-width:767px){ .desktop-menu li a.newOption{ } .new-{ background:yellow; color:red; position:absolute; top:20px; display:inline-block; float: left; left: 12px; padding: 2px 4px; border-radius: 6px; } } /*CSS for mobile ends*/ .separator{ margin-top: 5px; position: relative; display: inline-block; vertical-align: top; } /* new css starts*/ .column + .column:last-child, .columns + .column:last-child, .column + .columns:last-child, .columns + .columns:last-child { float: left; } /*@media screen and (-ms-high-contrast: active), all and (-ms-high-contrast: none) { .product-result-text-align { display: block; height: 45px; width: 100px; font-size: 16px; line-height: 1.3; position: relative; } .product-result-text-align:before { background: #FFFFFF; bottom: 0; position: absolute; right: 0; float: right; content: '\2026'; margin-left: -3rem; width: 2rem; } .product-result-text-align:after { content: ''; background: #FFFFFF; position: absolute; height: 50px; width: 100%; z-index: 1; } }*/ /*@-moz-document url-prefix() { .product-result-text-align { overflow: hidden; position: relative; height:40px; } .product-result-text-align:before { background: #FFFFFF; bottom: 0; position: absolute; right: 0; float: right; content: '\2026'; margin-left: -3rem; width: 3rem; } .product-result-text-align:after { content: ''; background: #FFFFFF; position: absolute; height: 50px; width: 100%; z-index: 1; } }*/ .inner-pages .rounded-box, .whole-box .rounded-half-box { border-bottom-right-radius: 10px !important; border-top-right-radius: 10px !important; border-top-left-radius: 10px !important; border-bottom-left-radius: 10px !important; } .cross-ref-parent .box-content-new .rounded-box { height: auto !important; } .cross-ref-parent .box-content-new .homepage-item-entry p { height: 90px !important; } .cross-ref-parent .homepage-item-entry span { color: #7e2c69; } .cross-ref-parent .marketing-resources-box-content a { background-color: #7e2c69; } #productSelectorModal .queAnsHover:hover, #productSelectorModal .queAnsHover:focus { background-color:#fefebe; } #productSelectorModal .prod_div { /* border-top: 4px solid #c42a2b; */ padding: 0px 0px 0px 0px !important; } #productSelectorModal .arrow_icon i { z-index: 1; } .product-details .product-detail-buttons .backToProSel { background-color: #7e2c69; height: 30px; padding-top: 9px; font-family: museo500; font-size: 12.8px; padding-left: 39px; padding-right: 38px; display:block !important; } .mainQuesProd .prod_div .prod_name { line-height: 24px !Important; font-size:20px } .backToStart .prod_name { line-height: 24px; font-size:20px } /*new design changes ends*/ .questionSection .backToStart{ text-align: right; padding-right: 5%; font-size:24px; } .questionSection .backToStart a{ color: #7f2a6b; } .queAnsHover .checkbox{ text-align:left; } .queAnsHover input[type="checkbox"]{ display: none; padding-top: 20px; } .queAnsHover input[type="checkbox"] + label{ font-size: 14px; color: #6d6d6d; font-weight: normal; padding-left: 35px; cursor: pointer; position: relative; line-height: 15px; } .queAnsHover input[type="checkbox"] + label:before{ content: ""; display: inline-block; width: 12px; height: 12px; background: #ffffff; position: absolute; z-index: 1; left: 0; cursor: pointer; top: 1px; border: 1px solid #6d6d6d; border-radius: 2px; } .queAnsHover input[type="checkbox"]:checked + label:after{ content: "\2714"; display: inline-block; position: absolute; left: 2px; top: 0px; font-size: 9px; color: #76ad37; cursor: pointer; z-index: 9999; } #productSelectorModal .questionSection .qWrapper .qestion { border-top: none !important; color:#ffffff !important; background-color: #223167!important; } /*new design changes ends*/ @media only screen and (min-width: 768px){ .half-box-search .half-box-autocomplete { width: 40%; } .psuedo-select-cr span { left: 4.33333%; } .footer-push { margin-bottom: 192px; } .psuedo-select select { width: 40%; } button.search-competitor.cr-search { width: 30% !important; } .cross-ref-parent .box-content-new .marketing-resources-box-title img { float:none !important; width: 85px; margin-bottom:20px; } .cross-ref-parent .marketing-resources-box-title { display: table; font-size: 18px; padding-left: 0px; } .cross-ref-parent .marketing-resources-box-content { margin-left: 0px; } .mainQuesProd { padding-left: 20px; padding-top: 20px; height: auto; overflow: hidden; background-color: rgba(0,0,0,0.09); } #productSelectorModal .prod_div { /*width: 20%;*/ /* border: 1px solid; */ display: inline; } #productSelectorModal .product_div { width: 183px !important; margin-right: 20px !important; margin-bottom: 0px !important; } #productSelectorModal .product_div p { font-size: 19px !important; text-align: center!important; margin-bottom: 0px!important; font-family: inherit!important; } #productSelectorModal .prod_img { border: 2px solid rgba(0,0,0,0.20) !important; height: 166px !important; width:100%; } } @media only screen and (max-width: 767px){ input.search-input { width: 100% !important; } .footer-push { margin-bottom: 455px; } button.search-competitor.cr-search { width: 100% !important; } .cross-ref-parent .box-content-new .marketing-resources-box-title img { float:none !important; width: 85px; margin-bottom:20px; } .cross-ref-parent .marketing-resources-box-title { display: table; font-size: 18px; padding-left: 0px; } .cross-ref-parent .marketing-resources-box-content { margin-left: 0px; } .cross-ref-parent .marketing-resources-box-content a { width:100%; } .mainQuesProd { padding-left: 0px; padding-top: 20px; min-height: 230px; background-color: rgb(0,0,0,0.09); } #productSelectorModal .prod_div { width: 100%; /* border: 1px solid; */ display: block; margin:0 auto; } #productSelectorModal .product_div { width: 183px !important; margin: 0 auto; display: inline-block; float: none !important; } #productSelectorModal .product_div p { font-size: 19px !important; text-align: center!important; margin-bottom: 0px!important; font-family: inherit!important; } #productSelectorModal .prod_img { border: 2px solid rgba(0,0,0,0.20) !important; min-height: 166px !important; } #productSelectorModal .prod_div { height: auto !important; } .questionSection .backToStart{ padding-right: 3%; font-size:22px; } .mainQuesProd .prod_div .prod_name { line-height: 22px !important; padding-left: 15px; } .backToStart .prod_name { line-height: 22px; padding-top:20px; } .best-kc-match .product-detail-buttons{ text-align:center; color:#ffffff; } } @media only screen and (max-width: 1024px) and (min-width: 768px){ .cross-ref-parent .box-content-new .homepage-item-entry p { height: 145px !important; } #productSelectorModal .prod_div { padding: 0px 0px 0px 0px; margin-left: 0px!important; } button.product-buttons{ padding:7px 0px; text-align:center; } .product-buttons-download{width:50%;} .product-buttons-email{width:48%;} .product-description.xrefProdDesc { height: 111px; } .product-description { font-size: 13px } .questionSection .backToStart{ padding-right: 3%; font-size:22px; } .rounded-box-results a.add-to-list{display:inline-block !important;} .reveal-modal { max-width: 95% !important; } } @media only screen and (min-width: 1024px){ .rounded-box-results a.add-to-list{display:inline-block !important;} } @media only screen and (max-width: 1400px) and (min-width: 1281px){ #productSelectorModal .arrow_icon i{ top: 58% !important; left: 19% !important; } } @media only screen and (max-width: 1600px) and (min-width: 1401px){ #productSelectorModal .arrow_icon i{ top: 55% !important; left: 24% !important; } } @media only screen and (max-width: 1900px) and (min-width: 1601px){ #productSelectorModal .arrow_icon i{ top: 55% !important; left:28% !important; } } .divlogin{ min-height:130px; } /* new css ends Detail pop up start*/ .tooltipnew { position: relative; display: inline-block; border-bottom: none; } .tooltipnew .tooltiptext { visibility: hidden; width: 160px; background-color: grey; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; bottom: 128%; left:35%; font-size:12px; margin-left: -80px; } .tooltipnew .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: black transparent transparent transparent; } .tooltipnew:hover .tooltiptext { visibility: visible; } .has-tip {cursor:Pointer!important; border:none!important; } .addtolistlink span, .bestAward span{width:auto; display:inline-block;} .tooltip { max-width: 170px !important; background-color:grey; padding:5px; font-size:13px; } .tooltip > .nub {left:30%;} .pro_res_head{cursor:pointer;} .pro_res_head h1{font-size: 18px; display: inline-block;color: #223167;font-family: museo500;} .pro_res_head img { margin-top: -4px; width:30px; margin-right:10px;} .pro_detail th, .pro_detail td {border: none;} .pro_detail .buttonGroup{display:block; margin:0 auto; text-align:center;} .pro_detail .buttonGroup a{ background-color: transparent; height: 30px; padding-top: 9px; font-family: museo500; font-size: 14px; padding-left: 39px; padding-right: 38px; color:#de552a; } .pro_detail .buttonGroup a:hover{background-color: #de552a; color:#fff;} .pro_detail h5{font-family: museo500; text-align:center; font-weight:bold; font-size: 17px;} .pro_detail .close-reveal-modal{top:5px; font-size:2.2rem;} .pro_detail table{ padding: 5px;width:100%; border: 1px solid #a4a4a4; border-collapse: separate; border-radius: 20px;} .pro_detail{width: 95%!important; margin: 0 auto; border-radius: 20px; outline:none;} .rewards-icon{margin-right:7px;} .result_reward_icon{float:right; width:25px;} div#rwdSearchResult { width: 95%!important; margin: 0 auto; border-radius: 20px; } .rwdSearchResult table { border: 1px solid #a4a4a4; border-collapse: separate; border-radius: 20px; } .rwdSearchResult .close-reveal-modal { top: 5px; font-size: 2.2rem; } .rwdSearchResult .buttonGroup { display: block; margin: 0 auto; text-align: center; } .rwdSearchResult .buttonGroup a { background-color: transparent; height: 30px; padding-top: 9px; font-family: museo500; font-size: 14px; padding-left: 39px; padding-right: 38px; color: #de552a; } .rwdSearchResult .buttonGroup a:hover { background-color: #de552a; color: #fff; } .bestAward a.test{float:right;} @media screen and (max-width:1100px) { .tooltipnew:hover .tooltiptext { visibility: hidden; } } @media screen and (max-width:767px) { .tooltipnew:hover .tooltiptext { visibility: hidden; } .pro_detail{float: right; left:0; right:0; padding:25px 0; min-height: auto;} .pro_detail table{ width: 100%; overflow-x: scroll; overflow-y: hidden; display: block; } .pro_res_head{margin-top:0;} .pro_res_head img{margin:0 auto; display:block; width:40px; cursor:pointer;} .pro_detail .buttonGroup a { color: #de552a; } .pro_detail .buttonGroup a {padding:8px 20px; margin: 0 5px;} .pro_detail .close-reveal-modal { top: 5px; font-size: 1.6rem; right: 7px; } .pro_res_head figure{ margin: 0; width: 80px; float: right;} .pro_res_head figcaption{ font-size: 15px; text-align: center; width: 100%; display: block; } .advanceSearchModal{position:fixed; top:10%;} .result_reward_icon { margin: 0 5px; } .my-product-list-results .product-name { width: 47%; margin-right: 10%; } } /* Detail pop up end*/ /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */