/** PRODUCT PAGE **/ #productPage .fa.fa-star, #productPage .fa.fa-star-half-o, #productPage .fa.fa-star-o { color: #ffa500; } #productPage .fas.fa-star { color: #ffa500; } #productPage .fal.fa-star { color: #ffa500; } #productPage .fas.fa-star-half-alt { color: #ffa500; } #productPage .fa.fa-check { color: #448A10; } #productPage .fa.fa-plus-circle { color: #448A10; } #productPage .fa.fa-minus-circle { color: #b40008; } #productPage .fa-regular.fa-circle-plus { color: #448A10; } #productPage .fa-regular.fa-circle-minus { color: #A94442; } #productPage .fa.fa-check-square { color: #448A10; } #productPage .smallText { font-size: 12px; font-weight: 300; line-height: 17px; } #productPage .fa.fa-cart-plus { font-size: 16px; } #content { overflow: hidden;} .productWrapper { padding-top: 15px; position: relative; } #productPage p { padding: 0 } #productPage .textRight { text-align: right; } #productPage .fa.fa-cart-plus { margin-left: 5px;} #productPage .fa.fa-plus-circle { margin-right: 8px; } #productPage .fa.fa-minus-circle { margin-right: 8px; } .LabelBox { position: absolute; height: auto; width: 100%; z-index: 2;} .productLabel { border-radius: 15px 15px 0; clear: both; cursor: pointer; float: left; height: auto; margin-bottom: 1px; padding: 10px 14px; text-align: left; width: auto; word-wrap: break-word; background: #4eb400; color: #fff; font-size: 14px; font-weight: bold; line-height: 15px; } .productInfo h2 { margin: 0 0 0; height: 68px; } .productInfo h2 a:link, .productInfo h2 a:visited { height: auto; float: left; max-height: 68px; text-overflow-mode: ellipsis-word; overflow-style: marquee-block; display: block; overflow: hidden; } .selectBox { background: white; width: 100%; border: 1px solid #b2c7db; padding-left: 8px; border-radius: 6px; height: 41px; } .selectBox:hover { border: 1px solid #7b9cbe; cursor: pointer; } .selectBox.hasDatepicker { background: url("/images/calender-icon2.png") #fff 244px 9px; background-repeat: no-repeat; border: 1px solid #e5e5e5; border-bottom: 2px solid #e5e5e5 } .selectBox.hasDatepicker:hover { border: 2px solid #8fadca; } .mobileFooterFixed { display: none; } .product-view .popupAction { display: none; } .product-view .single-line-review { display: none!important; } .priceMobileButtons { display: none; } .priceMobileButtons.disabled .priceMessage { padding: 0; } .priceMobileButtons.disabled .btn { margin: 0; line-height: inherit; padding: 7px 14px; } .priceboxFloat .priceProductInfo, .bottomReached .priceProductInfo { display:block;} /*.productFulldesc { width: 100%; margin-bottom: 100px; }*/ /*.productFulldesc ul { margin-top: 20px; margin-bottom: 20px; }*/ /*.productFulldesc ul li { list-style: square; margin-left: -25px; }*/ .productRating { width: 817px; display: none; } .productRating p { font-size: 14px; font-weight: 300; line-height: 26px; } .customerReaction { border-radius: 6px; background: #f3f3f3; margin-top: 15px; float: left; width: 100%; } .customerReaction hr { margin: 20px 0; } .customerProfile { text-align: right; float: right; width: 100%; font-size: 13px; line-height: 25px; font-weight: 300; } .customerProfile i { float: left; line-height: 25px; } .sampleContainer { width: 100%; float: left; padding-bottom: 23px; text-align: center; margin-bottom: 23px; border-bottom: 1px solid #e5e5e5; } .sampleContainer a, .sampleContainer a:link, .sampleContainer a:visited { font-size: 14px; font-weight: bold; text-decoration: underline; } .mainImageContainer { min-height: 325px; float: left; width: 100%; position: relative; } .mainImageContainer iframe { position: relative; width: 100%; height: 191px; border-radius: 0; border: 0; margin-top: 65px; padding-left: 1px; } .mainImageContainer .productImageView { display: none; } .mainImageContainer .productImageView:first-of-type { display: block; } #fullTextAnchor { position: relative; width: 1px; top: -600px;} /* Product details */ ul.productDetails .productRatings { display: none; } /* Tabs */ .tabContainer { margin-bottom: 130px; margin-top: 25px; } .tabContainer .nav-tabs { border-bottom: 1px solid #e5e5e5; margin-bottom: 45px; } .tabContainer .nav-tabs>li>a { color: #262626; font-size: 14px; font-weight: 400; padding-left: 6px; padding-right: 6px; margin-right: 15px; } .nav>li>a:hover, .nav>li>a:focus { background-color: transparent; border-color: transparent; } .tabContainer .nav-tabs>li.active>a, .tabContainer .nav-tabs>li.active>a:hover, .tabContainer .nav-tabs>li.active>a:focus { border-color: transparent; border-bottom: 3px solid #014587; font-size: 14px; font-weight: bold; color: #014587; padding-left: 6px; padding-right: 6px; } .tab-content .headingTiny { margin-bottom: 20px; } .tab-content table { width: 100%; } .tab-content table tr { border-bottom: 1px solid #e5e5e5; } .tab-content table tr td { font-size: 14px; } .tab-content table tr td p { font-size: 14px; margin: 0; line-height: 42px; } .tab-content .catlink { font-weight: bold; } /* Product Specs */ .specsProduct { width: 100%; margin-bottom: 100px; float: left; } .specsProduct table { width: 100%; } .specsProduct table tr:nth-child(odd) { background-color: #f3f3f3;} .specsProduct table tr th:first-child, .specsProduct table tr td:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px;} .specsProduct table tr th:last-child, .specsProduct table tr td:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .specsProduct table tr td p { line-height: 46px; font-weight: 400; } .specsProduct table p.long { word-wrap: break-word; white-space: normal; max-width: 50%; } .specsProduct p { padding: 0 0 4px 0; margin: 0; } .specsProduct .pull-right { text-align: right;} .specsProduct td, th { vertical-align: top; padding-left: 20px; padding-right: 20px; } .specsProduct .headingSmallest { float: left; width: 100%; } .specsProduct .catlink { font-weight: bold; } /* Support Container */ #supportContainer { background-color: #014586; width: 100%; display: block; float: left; padding-top: 100px; padding-bottom: 100px; } #supportContainer .headingLarge { margin-bottom: 40px; color: white; } #supportContainer ul.list-icon-large { float: left; width: 50%; margin-bottom: 40px; padding-left: 0; } #supportContainer ul.list-icon-large li { color: white; } #supportContainer ul.list-icon-large li i { color: white; } #supportContainer ul.list-icon-large li .fa.fa-info-circle { margin-left: 4px; } #supportContainer p.faqLink { color: white; font-size: 16px; } #supportContainer p.faqLink a:hover { text-decoration: none; } #supportContainer p.faqLink a, #supportContainer p.faqLink a:link, #supportContainer p.faqLink a:visited { font-weight: bold; color: white; text-decoration: underline; } .customerBlocks { padding: 25px; float: left; width: 100%; background-color: white; border-radius: 6px; border-bottom: 3px solid #CCCCCC; } .customerBlocks .headingMedium { margin-bottom: 0px; } .customerBlocks .ratingOverlay { display: none; } .customerBlocks .countText span { display: none; } .customerBlocks .readReviewsOnline { display: block; float: left; } .customerBlocks ul { margin-bottom: 19px; margin-top: 0px; border-bottom: 1px solid #e5e5e5; padding-bottom: 15px; } .customerBlocks ul a, .customerBlocks ul a:link, .customerBlocks ul a:visited { font-weight: bold; color: #014586; text-decoration: underline; } .customerBlocks .websiteRating img { float: left; margin-right: 2rem; margin-top: 0.6rem; width: 45px; } .customerBlocks .websiteRating .ratingText { width: 60%; float: left; } #supportAvatar img { max-width: 100%; width: 67px; height: 67px; display: block; position: relative; float: left; border-radius: 65px; margin-right: 15px; overflow: hidden; } #supportAvatarAddon { float: left; width: 60%; margin-bottom: 10px } #supportAvatarAddon p { font-size: 14px; line-height: 26px; font-weight: 400; } .customerBlocks .websiteRating .ratingText { font-size: 37px; font-weight: 800; color: #262626; line-height: 37px; } /* Product Container */ .productDesc .imageContainer { margin: 0 auto; display: flex; width: 85%; } .productDesc .imageContainer a { margin: 0 auto; display: flex; align-items: center; } .productDesc .imageContainer img { max-width: 100%; height: 360px; } .productDesc .mainImageContainer { float: left; width: 100%; position: relative; display: flex; } .productDesc .mainImageContainer iframe { max-height: 400px; } .productDesc .logoSpace { position: absolute; right: -5px; bottom: 5px; text-align: right; } .productDesc .logoSpace img { float: right; width: auto; max-height: 55px; max-width: 120px; } .productDesc .logoSpace .infotxt-small { padding: 5px 0px 0px 0px; font-weight: 400; } .productDesc .imageBorderContainer { float: left; width: 100%; border: 1px solid #e5e5e5; border-radius: 6px; padding: 15px 30px; margin-bottom: 30px; max-height: 392px; } .productHeading .headingSmall { float: left; width: 100%; text-wrap: balance; } .shortDescProduct { margin-bottom: 30px; } .shortDescProduct p { font-size: 13px; line-height: 25px; margin: 0; color: #555555; } .shortDescProduct p span { font-weight: bold; text-decoration: underline; color: #555555; } .shortDescProduct p span:hover { cursor: pointer; } .shortDescProduct p span i { line-height: 25px; font-size: 10px; padding-left: 4px; } .stockStatus { float: left; width: 100%; margin-top: 13px; margin-bottom: 6px; font-size: 12px; font-weight: bold; } .stockStatus.noStock { color: #C51B16; } .stockStatus.stock { color: #448A10; } .mainImageArrow { display: none; } .productDescription .productHeading { padding: 0 0 0 10px; } /*.product-box .onChangeLoader { height: 95%; width: 90%; float: left; position:absolute; top: 0px; text-align: center; background-color: lightgray; opacity: 0.3; filter: alpha(opacity=30); color: black; }*/ .productPrice .infotxt-small { font-weight: bold; font-size: 12px!important; } .productPrice .infotxt-small.left { color: #448A10; font-style: italic; text-align: left; } .productPrice .infotxt-small.right { color: #555555; font-style: italic; text-align: right; } /* Productlabels */ .labelcontainer { position: absolute; right: -5px; top: 10px; } .labelcontainer .label { line-height: 33px; padding: 4px 22px; float: right; border-radius: 6px; font-size: 14px; } /* Title bars */ .priceCalcTitle { width:100%; float: left; } .priceCalcTitle p { font-size: 1.2rem!important; font-weight: 400; color: #555!important; line-height: 4.0rem!important; padding: 0 0 0 10px!important; margin: 0; width: 70%; float: left; } .priceCalcTitle strong { font-size: 1.2rem; line-height: 4.0rem; text-align: center; background: #ccc; margin-right: 7px; padding:0; border-radius: 6px 0 0 6px; float: left; width: 10%; text-align: center; } .priceCalcTitle .priceRange { margin-top: 10px; margin-right: 10px; float: right; } .priceCalcTitle .priceRange i { color: #333; font-size: 16px; } .priceCalcTitle .config-step { font-size: 28px; color: #262626; font-weight: 800; line-height: 30px; float: left; border-right: 1px solid #cccccc; padding-right: 9px; } .priceCalcTitle .config-step-desc { font-size: 19px; color: #262626; font-weight: 300; line-height: 30px; float: left; margin-left: 11px; margin-top: 3px; } .priceCalcTitle .productconfig-title { float: left; width: 100%; margin-bottom: 0px; display: flex; align-items: baseline; } .priceCalcTitle .productconfig-title .headingMedium { float: left; margin-bottom: 0; margin-right: 7px; } .priceCalcTitle .productconfig-title .headingSmall { float: left; margin-bottom: 0; margin-right: 7px; } .priceCalcTitle .productconfig-title .headingTiny { float: left; margin-bottom: 0; margin-right: 7px; } .containerCalculating legend { background-color: transparent; font-weight: bold; font-size: 16px; color: #262626; border: 0; margin: 0 0 10px 0; float: left; width: 100%; } .orderConfigHeading { width: 848px; display: none; } .containerCalculating legend .subheading-small { color: #555555; } /* Thumbnails */ .scrolling { width: 55px; align-items: center; } .scrolling .thumbContainer { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px; } .scrolling .thumbContainer .btn.btn-white { padding: 8px; } #thumbs { position: relative; width: 55px; display: flex; align-items: center; justify-content: center; } #leftArrow:hover { cursor: pointer; } #rightArrow:hover { cursor: pointer; } .thumbnailHidden { display: none; } #thumbnail-vid { max-width: 55px; max-height: 55px; overflow: hidden; line-height: 47px; } #thumbnail-vid img { max-width: 100%; max-height: 100%; } #leftArrow:hover { color: #014587; } #rightArrow:hover { color: #014587; } #leftArrow i { color: #262626; } #rightArrow i { color: #262626; } .ui-datepicker .ui-datepicker-title { color: white; } .ui-widget-header a { color: white; } /* Product Suggestions */ .productSuggestions { margin-top: 80px; float: left; width: 100%; margin-bottom: 40px; } .suggestionItem { float: left; margin-top: 40px; width: 25%; padding: 10px; } .suggestionItem .productBlock .headingTiny { margin-bottom: 12px; } .suggestionItem .productBlock { min-height: inherit; padding: 10px; width: 100%; margin-bottom: 0 } .suggestionItem .productColors { float: left; width: 100%; height: 20px; } .suggestionItem .suggestionArtnr { display: none; } .suggestionItem .stockCrossProd { float: left; width: 100%; display: none; } .suggestionItem .productColor { margin-right: 3px; height: 12px; width: 12px; float: left; border-radius: 45px; overflow: hidden; } .suggestionItem .btn.btn-primary.inverted { width: 100%; } .suggestionItem .productLabel_hor { position: absolute; } .suggestionItem .hasVideo_hor { display: none; } .productLabel_hor { color: white; font-size: 9px; font-weight: 500; } .productBlock { float: left; } /** PRICING **/ .productCalculation .priceContainer legend { display: none} .productCalculation.priceboxFloat .priceContainer legend { display: block; } .productCalculation.bottomReached .priceContainer legend { display: block; } /* Price - Loading */ .loadingPriceConfig { display: none; } .loadingPriceConfig.active { display: block; opacity: 0.90; background-color: white; width: 100%; position: absolute; z-index: 1; } .loadingPriceConfig .loadingIcon { text-align: center; font-size: 15px; color: #333; float: left; width: 100%; } .productCalculation .loadingPriceConfig.active { } .productCalculation.priceboxFloat .loadingPriceConfig.active { margin-top: 0px; } /* Price - Container */ .mobilePriceCalc { display: none; } .productPriceMobile { display: none; } .priceProductInfo img { max-width: 100%; margin: 0 auto; display: block; } .productPrice { padding: 0 0 0 10px; } .productCalculation { float: left; width: 100%; } .productPrice .priceDivider.lastOne { display: none; } .productPrice .saleBadge { float: right; } .productPrice .saleBadge strong { float: right; color: #469c04!important; font-size: 17px; line-height: 25px; } .productPrice .saleBadge span { margin-top: 25px; float: left; background: #4eb400; padding: 4px 6px; border-radius: 3px; margin-left: 0; font-size: 10px; color: white; font-weight: 700; } .productPrice .saleBadge strike { color: #e74433; } .productPrice .saleBadge.noPriceInput span { margin-left: 0; } .priceContainer hr { margin: 10px 0 12px 0; } .priceContainer legend { margin-top: 30px; margin-bottom: 6px; } .priceContainer p { margin: 0; } .productPrice .priceContainer { width: 100%; overflow: hidden; } .productPrice .fa.fa-star { margin-right: 5px; } .productPrice .footerText p { text-align: left; line-height: 14px; margin: 4px 5px 10px 5px; color: #999999; font-style: italic; } .productPrice .footerText.germany { margin-top: 12px; float: left; width: 100%; } .productPrice .footerText.default { margin-bottom: 7px; } .productPrice .footerText strong { font-weight: 600; } .productPrice .footerText.germany .priceTaxInfo { font-weight: 300; font-style: initial; } .productPrice .footerText.default .priceTaxInfo { font-weight: 300; font-style: initial; } .productPrice .footerText.default strong { color: #4eb400; } .productPrice .salesPriceBox .startPrice { padding-right: 20px; } .productPrice .salesPriceBox .printPrice { padding-left: 5px; padding-right: 4px; } .productPrice .currentPrice { text-align: right; float: right; padding-left: 4px; } .productPrice .newSalePrice { text-align: right; float: right; width: 100%; color: #448A10; font-size: 15px; } .productPrice .priceTaxInfo { float: left; font-size: 12px; line-height: 23px; font-weight: 300; } .productPrice .priceTaxInfo.active { float: right; font-size: 11px; line-height: 12px; font-weight: 600; width: 100%;} .productPrice .priceTaxInfo.active.sale { display: none; } .currentPrice.Sale { font-size: 18px; color: #448A0F; width: 100%; } .productPrice .newTotalSalePrice strong { float: right; margin-left: 4px; } .productPrice #marketing-giveaway { height: 23px; overflow: hidden; padding: 0; float: left; width: 100%; text-overflow: ellipsis; white-space: nowrap; } .productPrice .salesPriceBox .startPrice .leftColumn strong { float: left; } .currentPrice.sample { text-align: right; font-size: 13px!important; } .productPrice .btn { width: 100%; margin-bottom: 0; line-height: 57px; font-size: 17px; font-weight: 600; } .productPrice .btn.btn-default.alert { padding: 2px 15px 0px 15px; margin-top: 9px; line-height: 41px; font-size: 15px; } .productPrice .rightColumn { text-align: right; } .productPrice p.leftColumn.printName { height: 25px; overflow: hidden; width: 100%; float: left; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; line-height: 25px; } .productPrice p.rightColumn { padding-left: 20px!important; } .productPrice p.rightColumn.printName { height: 25px; overflow: hidden; width: 100%; float: left; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; line-height: 25px; } /* Price - Service Bullets */ ul.priceBulletListOrder { float: left; width: 100%; margin-top: 0px; margin-bottom: 0px; padding: 0 10px; } ul.priceBulletListOrder li {} ul.priceBulletListOrder li i { width: 19px; margin-left: 0px; margin-right: 5px; text-align: center; } ul.priceBulletListOrder strong.tooltipDelivery { text-decoration: underline; } .productPrice .priceContainer .strongPoints p.leftColumn { font-size: 13px; line-height: 25px; } .productPrice .priceContainer .strongPoints p.rightColumn { font-size: 13px; line-height: 25px; } .productPrice .priceContainer .strongPoints #discount-price { color: #448A0F; font-weight: bold; } ul.list-medium.serviceBullets.de { margin-left: 15px; margin-bottom: 20px; } /* Price - Flexbox containers */ .productPrice .priceFlexBox { display: flex; justify-content: start; flex-direction: initial; } .productPrice .priceFlexBox .priceFlexBox_span1 { display: flex; justify-content: end; flex-direction: column; } .productPrice .priceFlexBox .priceFlexBox_span2 { display: flex; justify-content: end; flex-direction: column; } .productPrice .priceFlexBox .priceFlexBox_span3 { display: flex; justify-content: end; flex-direction: column; } /* Price - Start Point */ .productPrice .piecePriceBox.startPoint .currentPrice { font-size: 22px; font-weight: 800; margin-top: 4px; } .productPrice .piecePriceBox.startPoint .currentPrice strike { font-size: 14px; font-weight: 400; color: #555555; } .productPrice .piecePriceBox.startPoint .newSalePrice { font-size: 22px; font-weight: bold; padding-left: 4px; } .productPrice .piecePriceBox.startPoint p.leftColumn { float: left; width: 100%; margin: 0; font-size: 14px; font-weight: 600; } .productPrice .piecePriceBox.startPoint .priceTaxInfo { line-height: 20px; font-size: 12px; font-weight: 400; color: #555555; } /* Price - Message */ .priceMessage { padding: 0px 0 25px 0; } .priceMessage.disabled a, .priceMessage.disabled a:link, .priceMessage.disabled a:visited { text-align: center; float: left; width: 100%; line-height: 30px; padding: 0px 0; margin-bottom: 15px; } .priceMessage .label.label-danger { float: left; line-height: 33px; border-radius: 66px; background-color: #F6ECEB; padding: 4px 28px; color: #C51B16; font-size: 14px; } .priceMessage .label.label-alert { float: left; line-height: 33px; border-radius: 66px; color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; padding: 0px 14px; } /* Price - Summary */ .productPrice .piecePriceBox p strike { color: #262626; font-size: 15px; line-height: 23px; font-weight: bold; } .productPrice .piecePriceBox p.rightColumn { float: left; width: 60%; font-size: 15px; line-height: 25px; font-weight: 800; } .productPrice .piecePriceBox p.leftColumn { float: left; width: 40%; font-size: 14px; line-height: 25px; font-weight: 800; } .productPrice .totalPriceBox p.leftColumn { float: left; width: 50%; font-size: 15px; line-height: 25px; font-weight: 800; } .productPrice .totalPriceBox p.leftColumn { font-size: 18px; line-height: 30px; font-weight: 800; } .productPrice .totalPriceBox p.rightColumn { float: left; width: 50%; font-size: 18px; line-height: 30px; font-weight: 800; } .productPrice .totalPriceBox p.rightColumn strike { font-size: 14px; line-height: 23px; float: right; font-weight: 400; } .productPrice .deliveryCost p.leftColumn { float: left; width: 50%; margin-bottom: 6px; font-size: 13px; line-height: 23px; } .productPrice .deliveryCost p.rightColumn { float: left; width: 50%; margin-bottom: 6px; font-size: 13px; line-height: 23px; } .productPrice .totalIncBtwPrice p.leftColumn { float: left; width: 54%; } .productPrice .totalIncBtwPrice p.rightColumn { float: left; width: 46%; } .inclVatActive .totalIncBtwPrice p.leftColumn { font-size: 15px; line-height: 23px; font-weight: 800; } .inclVatActive .totalIncBtwPrice p.rightColumn { font-size: 15px; line-height: 23px; font-weight: 800; } .inclVatDisabled .totalExBtwPrice p.leftColumn { font-size: 14px; line-height: 23px; font-weight: 800; } .inclVatDisabled .totalExBtwPrice p.rightColumn { font-size: 14px; line-height: 23px; font-weight: 800; } /* Price - On request */ .onRequest-container p { font-size: 13px!important; line-height: 22px!important; } .onRequest-container p a, .onRequest-container p a:visited, .onRequest-container p a:link { color: #014587; font-weight: bold; } .onRequest-container .messageArea { background-color: aliceblue; padding: 20px 20px; float: left; width: 100%; border-radius: 6px; margin-top: 25px; } /* Price - Label */ .productPrice .priceLabel { display: block; float: left; margin-left: 6px; margin-bottom: 0; } .productPrice .targetPrice { margin: 0; padding:0; } #orderValueMessage { width: 100%; float: left; position: relative; background-color: aliceblue; border-radius: 6px; margin-top: 20px; } #orderValueMessage p { margin: 0; line-height: 21px; font-size: 12px; font-weight: 300; color: #014587; padding: 9px 13px; } #orderValueMessage strong { font-size: 13px; } /* Price - Footer Website Rating */ .productPrice .certificationMark img { max-height: 17px; } .productPrice .kiyohRating img { float: left; } .productPrice .kiyohRating .countText { display: none; } .productPrice .kiyohRating .websiteRating { float: left; } .productPrice .kiyohRating .ratingOverlay { float: right; padding: 4px 0 2px 0; } .productPrice .kiyohRating .ratingText { display: block; float: left; padding: 0 6px; line-height: 20px; font-weight: bold; } .productPrice .footerButtons { padding:0; overflow: unset; margin-bottom: 25px; margin-top: 10px; } .productPrice .ratingPlacement { margin-bottom: 0px; margin-top: 23px; border: 1px solid #e5e5e5; border-radius: 6px; padding: 15px; } /* Sticky Stuff */ .productPrice .priceContainer { position: relative; /* transition: transform 0.5s ease, top 0.5s ease; */ } .priceboxFloat { position: fixed; top: 68px; width: 370px; /* padding-bottom: 350px */ background-color: white; transition: transform 0.2s ease, top 0.2s ease; } .productCalculation.bottomReached { position: absolute; width: 380px; background-color: white; /* transition: transform 0.2s ease, bottom 0.2s ease; */ } .productCalculation.priceboxFloat { position: fixed; } .productCalculation.priceboxFloat.bottomReached { position: absolute; } .priceProductInfo p span.productTitle { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; width: 100%; height: auto; padding-right:25px; max-width: 210px; } /* Tooltips - Google Adds */ .offsetTooltip { position: absolute; background-color: white; width: 100%; display: none; z-index: 100; top: 172px; padding: 0px; } .offsetTooltip ul { margin: 0; width: 100%; padding: 0; border: 1px solid #e5e5e5; border-radius: 0 0 6px 6px } .offsetTooltip li { border-top: 1px solid #e5e5e5; width: 100%; margin-left: 0; padding-left: 20px; padding-right: 20px; font-size: 13px; line-height: 33px; } .offsetTooltip ul li:nth-child(even) { background: #f3f3f3; } .offsetTooltip ul li:nth-child(odd) { background: white; } .offsetTooltip ul li span { float: right; } #offetTooltip { margin-right: 5px; } #offetTooltip:hover { cursor: pointer; color: black; } /** CONFIG CONTAINERS **/ .outerBoxCalculating { float: left; width: 100%; margin-bottom: 70px; position: relative; } .containerCalculating { width:100%; background: #f3f3f3; border: 0px solid #e5e5e5; border-bottom: 3px solid #c8c8c8; padding: 25px; height: auto; border-radius: 6px; float: left; margin-bottom: 30px; } .containerCalculating p { margin: 0; padding: 0; } .containerCalculating i { } .containerCalculating .calcPrice { background: #014587; width: 67px; display: none; padding: 5px 8px 4px 8px; margin:-72px 0 0 374px; position: absolute; text-align: center; border-radius: 6px; order: 0; text-transform: uppercase; color: white; font-size: 12px; font-weight: 500; } .containerCalculating .alert { float: left; } .containerCalculating .fullWidthBox { float: left; width: 100%; } .containerCalculating .fullWidthBox .textRight { line-height: 13px; font-size: 13px; } .containerCalculating .fullWidthBox .printGroupName { color: white; font-size: 13px; line-height: 17px; font-weight: 500; border-radius: 99px; padding: 5px 11px; display: block; float: left; background: #262626; float: left; margin-top: 20px; margin-bottom: 11px; text-transform: lowercase; } .containerCalculating .fullWidthBox .printGroupName:first-letter { text-transform: uppercase; } .containerCalculating .fullWidthBox .printGroupName strong { color: white; font-weight: 700; } .containerCalculating .fullWidthBox.more { display: flex; justify-content: center; margin-top: 10px; font-weight: bold; color: #014587; text-decoration: underline; font-size: 14px; } .containerCalculating .fullWidthBox.more span:hover { cursor: pointer; } .containerCalculating .fullWidthBox.more i { margin-left: 6px; } .mobilePriceCalcInput.closed .empty { display: none; } .printPosition.printMethod-sublimatiedruk .printList li:last-child, .printPosition.printMethod-gepersonaliseerd .printList li:last-child { width: 123px; } .BoxCalculatingTitle2 { margin-right: 16px; padding-bottom: 0px; border-bottom: 1px solid #e5e5e5; float: left; width: 100%; margin-top: 5px; margin-bottom: 18px; } .BoxCalculatingTitle2 i { margin-right: 10px; top: -2px; position: relative; margin-left: -5px; transform: rotate(90deg); } .BoxCalculatingTitle2 i { line-height: 45px; font-size: 21px; color: #262626; } .BoxCalculatingTitle2 span strong { color: #262626; } .BoxCalculatingTitle2 { line-height: 45px; font-size: 21px; color: #262626; } .outerBoxCalculating .help-block, .outerBoxCalculating .help-block a { color: #262626; } /* Config - Color Selection */ .grid-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; float: left; width: 100%; } .grid-container .priceColorBox { border-radius: 6px; min-width: 0; margin-top: 10px; } .grid-container .priceColorBox .selectAmount { width: 141px; } .pmsColorList .pmsColorPreview { float: left; width: 25px; height: 15px; margin-right: 15px; margin-top: 3px; cursor: pointer } .pmsColorList .pmsColorName { float: left; } .pmsColorList .pmsColor { line-height: 22px; width: 100%; float: left; } .pmsColorList .pmsColor:hover { cursor: pointer; background: #f8f8f8; } .priceColorBox .dropdown { float: left; } .priceColorBox .imageColor { border: 1px solid #e2e2e2; border-radius: 6px; background: white; width: 65px; height: 65px; float: left; padding: 4px; margin-right: 10px; /* display: flex; align-items: center; justify-content: center; */ } .priceColorBox .imageColor img { max-width: 100%; padding: 4px; } .priceColorBox .imageColor img:hover { cursor: pointer; } .priceColorBox .color-names:first-letter { text-transform : uppercase; } .priceColorBox .color-names { font-weight : 700; margin-top: 3px; float : left; text-transform : lowercase; display : block; max-width: 65px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #262626; font-size: 14px; } .selectAmount.selectActive { background: #ecf6fb; } .selectAmount.selectActive .dropdown-menu { width:300px; } .priceColorBox .selectAmount { background: white; width: 100%; border-color: #d6d6d6; border-width: 1px 1px 2px 1px; border-style: solid; padding-left: 9px; margin-top: 5px; float: left!important; border-radius: 6px; font-size: 13px; font-weight: 400; color: #262626; line-height: 32px; border-bottom: 2px solid #c8c8c8; text-align: left; } .priceColorBox .selectAmount i { float: right; padding-right: 9px; line-height: 32px; color: #555; font-size: 14px; } .priceColorBox .selectAmount:hover { border-color: #8fadca; border-width: 1px 1px 2px 1px; border-style: solid; cursor: pointer; } .priceColorBox .selectAmount span:hover { opacity: 1.0} .priceColorBox .selectAmount.stockWarning, .priceColorBox .selectAmount.minWarning { background: #fcf8e3; border: 1px solid #e0c691; color: #8a6d3b; font-weight: 500; } .priceColorBox .productStock { float: right; text-align: right; margin-top: 6px; font-size: 11px; line-height: 17px; } .priceColorBox .productStock strong { font-size: 13px; color: #262626; } .priceColorBox .stockProduction { float: left; display: none; } .priceColorBox.hasValue .selectAmount { background: #edf2fb; border: 1px solid #034687; border-bottom: 1px solid #034687; font-weight: bold; border-top: 3px solid #034687; color: #014587; margin-top: 4px; } .priceColorBox.hasValue .selectAmount.selectActive.stockWarning, .priceColorBox.hasValue .selectAmount.selectActive.minWarning { border: 1px solid #e0c691; color:#8a6d3b; } .priceColorBox.hasValue .selectAmount.stockWarning, .priceColorBox.hasValue .selectAmount.minWarning { background: #fcf8e3; border: 1px solid #e0c691; color:#8a6d3b; border-top: 3px solid #d1b67d; } .dropDownClosed { display: none; } .dropDownOpened { display: block; } .priceColorBox .open>.dropdown-menu { width: 260px; padding: 0px; margin: 0; overflow: hidden; } .containerCalculating .quantityDropDown { float: left; } .containerCalculating .quantityDropDown.dropDownOpened { background: #fff; margin: 0px; position: relative; z-index: 55; width: 100%; padding: 0px; border-radius: 6px; border: 0px solid #e5e5e5; } .containerCalculating #sizeMeasures { width: 258px; } .containerCalculating .quantity0.clearPulldown { padding: 0px 20px; color: #014587; font-weight: 400; font-size: 13px; line-height: 50px; text-decoration: underline; } .inputQuantity-title { width: 100%; float: left; border-radius: 6px 6px 0 0; background-color: #EEF6FB; padding: 20px 20px 0 20px; } .inputQuantity-title label { width: 100%; text-align: left; } .inputQuantity-title .btn.cancel { position: absolute; top: 10px; right: 10px; padding: 10px; font-weight: 400; } .inputQuantity-title .btn.cancel i { text-align: revert; width: 100%; float: left; margin: 0; } .inputQuantity-title p.minInput { text-align: left; font-size: 11px; line-height: 17px; font-weight: 400; margin-top: 2px; } .inputQuantity-title p.minInput span { border-bottom: 1px solid #555555; } .inputQuantity-title .minimalQuantity { text-align: center; } .quantityDropDown.dropDownOpened .inputQuantity { background: #EEF6FB; float: left; width:100%; padding: 20px; } .quantityDropDown.dropDownOpened .inputQuantity .inputQuantityHead { font-size: 14px; font-weight: bold; color: #333; line-height: 17px; float: left; width: 100%; margin-top: 6px; margin-bottom: 6px; } .quantityDropDown.dropDownOpened .inputQuantity .quantity { width: 100%; float: left; font-size: 14px; font-weight: bold; color: #262626; background-color: white; box-shadow: 0px -1px 0px 0px #CCCCCC; border-radius: 6px; border-top: 3px solid #F2F2F2; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding-left: 10px; } .quantityDropDown.dropDownOpened .inputQuantity .quantity:focus { outline: 0; } .quantityDropDown.dropDownOpened .inputQuantity .quantityButton { right: 25px; position: absolute; border: 0; box-shadow: none; margin: 0px; border-left: 1px solid #e5e5e5; height: 43px; line-height: 46px; right: 21px; border-radius: 0 6px 6px 0; padding: 0px 13px; font-weight: 500; font-size: 14px; color: #262626; outline: 0; background-color: white; } .quantityDropDown.dropDownOpened .inputQuantity .quantityButton:hover { cursor: pointer; background-color: #f3f3f3; } .quantityDropDown.dropDownOpened .inputQuantity .quantityButton:active { height: 29px; margin-top: 6px; } .quantityDropDown.dropDownOpened .inputQuantity p.minInput { float: left; width: 100%; margin-top: 9px; margin-left: 1px; } #quantityToLow { display: none; float: left; width: 100%; font-size: 12px; font-weight: 400; padding: 10px 0px 0px 4px !important; color: #4399E1; font-weight: 600; } .quantityDropDown .quantityList-title { border-bottom: 0px solid #e5e5e5; } .quantityDropDown .quantityList-title .quantity-content.icon { float: left; width: 41%; font-size: 12px; text-align: left; font-weight: 400; color: #555555; line-height: 35px; padding-left: 20px; } .quantityDropDown .quantityList-title .quantity-content.price { float: left; width: 32%; font-size: 12px; text-align: left; font-weight: 400; color: #555555; line-height: 35px; } .quantityDropDown .quantityList-title .quantity-content.price-difference { float: left; width: 27%; font-size: 12px; text-align: left; font-weight: 400; color: #555555; line-height: 35px; } .quantityDropDown ul.quantityList-title { float: left; width: 100%; margin: 0; padding: 0px; border-bottom: 1px solid #e5e5e5; } .quantityDropDown ul.quantityList { float: left; width: 100%; margin: 0; padding: 0; } .quantityDropDown ul.quantityList i { margin-left: 20px; margin-right: 4px; font-size: 9px; line-height: 30px; color: #555555; } .quantityDropDown ul.quantityList li { border-top: 1px solid #e5e5e5; margin: 0; padding: 0; width: 100%; float: left; } .quantityDropDown ul.quantityList li:first-of-type { /* border-top: 0; */ } .quantityDropDown ul.quantityList li:hover { cursor: pointer; background: #F3F3F3; } .quantityDropDown ul.quantityList li.quantity0 .quantity-content { float: left; } .quantityDropDown ul.quantityList .quantity-content.icon { float: left; width: 41%; font-size: 13px; font-weight: 700; line-height: 30px; } .quantityDropDown ul.quantityList .quantity-content.price { float: left; width: 32%; font-size: 13px; font-weight: 400; line-height: 30px; } .quantityDropDown ul.quantityList .quantity-content.price-difference { float: left; width: 27%; font-size: 13px; font-weight: 400; line-height: 30px; } .quantityDropDown ul.quantityList .quantity-content.price-difference span { color: #448A0F; font-weight: 600; } .quantityDropDown ul.quantityList .quantity-content.onRequest { font-size: 13px; font-weight: 400; line-height: 35px; padding-left: 3px; } .quantityDropDown.dropDownOpened .footer { width: 100%; float: left; padding: 15px 45px; margin: 0; background-color: #f3f3f3; } .quantityDropDown.dropDownOpened .footer .btn { margin-left: auto; margin-right: auto; display: block; } .quantityDropDown.dropDownOpened .footer .sizeMeasures.cancel { width: 48%; float: left; } .quantityDropDown.dropDownOpened .footer .sizeMeasures.accept { width: 100%; float: right; } #sizeMeasures .inputQuantity { padding: 5px 15px; background-color: #edf6fa; border: 0; } #sizeMeasures .inputQuantity-title { padding: 15px 15px 8px 15px; } #sizeMeasures .inputQuantity span { border: 1px solid #b2c7db; background: #fff; border-radius: 6px 0 0 6px; line-height: 39px; font-weight: bold; width:19%; border-right: 0!important; padding-left: 7px; float: left; height: 39px; font-size: 12px; color: #555; } #sizeMeasures div.stock { width:30%; border: 0; margin: 0; float: left } #sizeMeasures div.stock p { margin: 0!important; padding: 0!important; text-align: right; } #sizeMeasures input { width: 51%; height:39px; border-radius: 0 6px 6px 0; border: 1px solid #b2c7db; } #sizeMeasures .footer { margin-top: 0px; padding: 10px 15px 20px 15px; border-top: 0px; background-color: #edf6fa; } .priceColorBox .imageColor object { max-width: 100%; } .containerCalculating .quantityDropDown { background: white; width: 100%; border: 1px solid #b2c7db; padding-left: 8px; margin-top: 10px; float: left; border-radius: 6px;} .imageColorBackup { border-radius: 30px; width: 30px; height: 30px; } .imageColorBackup:hover { cursor: pointer; } .imageColorBackup.whitebox { border: 1px solid #e5e5e5; margin: 12px 13px; } .outOfStocks, .sampleWarning, .sampleNotAllowed { border: 1px solid #e0c691; margin: 25px 0px 0px 0px; border-radius: 6px; float: left; } .outOfStocks i, .sampleWarning i, .outOfStocks i, .sampleWarning i, .sampleNotAllowed i { font-size: 20px; line-height: 20px; } .outOfStocks p, .sampleWarning p, .sampleNotAllowed p { color: #8a6d3b!important; } .outOfStocks strong, .sampleWarning strong, .sampleNotAllowed strong { color: #8a6d3b!important; } .quantity { font-size: 13px; font-weight: 300; color: #555; line-height: 38px; } .sampleNotAllowed i { padding: 0 20px 0 10px; } .outOfStocks p, .sampleWarning p, .sampleNotAllowed p { float: left; margin: 0; padding: 0 0 0 25px!important; border-left: 0px solid #e5d0a4; width: 89%; } /* Config - Print Selection */ .uploadArtworkMessage { float: left; width: 809px; height: auto; padding: 19px 25px 5px 25px; font-weight: bold; font-size: 14px; color: #4399E1; line-height: 24px; text-align: center; } .templateContainer { width: 100px; height: auto; min-height: 125px; padding: 0; margin: 0; float:left; } .templateInformation { width: 578px; height: auto; padding: 0; float:left; } .templateInformation .printInfo { color:#262626; font-weight: bold; } .templateInformation .printInfo.tooltips { text-decoration: underline; } .templateInformation .printInfo.tooltips:hover { text-decoration: none; } .templateInformation .printInfo.tooltips .fas.fa-info-circle { color: #262626; } .templateInformation .printedDeliveryTime .printInfo { color: #262626} .ribbon-print { display: block; position: relative; text-align: center; transform: 0; background-color: #4db312; border-bottom: 1px solid #489c13; z-index: 50; top: -3px; left: 11px; width: auto; padding: 1px 12px; border-radius: 26px; font-size: 10px; font-weight: 500; line-height: 26px; text-transform: uppercase; color: white; } .fullWidthBox.footer i { color: #777!important; font-size: 26px; line-height: 34px; } .fullWidthBox.none .textRight { color: #262626; } .fullWidthBox.none .textRight strong { color: #262626!important; } #productPage .btn.noEnrichment { font-weight: 400;color: #555; font-size: 13px; line-height: 25px;} #productPage .btn.noEnrichment:hover { color: #262626; font-weight: 500; } .fullWidthBox.more .btn.showMore i { color: white!important; } .subTextPrint { font-size: 13px; color: #555; font-weight: 300; line-height: 25px; } .subTextPrint strong { color: #555!important; font-weight: 500; } .subTextPrint { background: #f3f3f3; padding: 0 15px; position: absolute; margin-left: -14px; margin-top: -5px; } .printPosition { width: 100%; float: left; background: white; border: 1px solid #e5e5e5; border-top: 2px solid #c8c8c8; border-radius: 6px; position: relative; margin-top: 0px; margin-bottom: 10px; } .printPosition h4 { margin: 15px 0 0 0; padding: 0 0px; width: 100%; border-bottom: 0px solid #e2e2e2; text-align: center; } .printPosition .information { width: 100%; float: left; padding: 0; margin: 0 0 0 0; font-size: 14px; line-height: 18px; } .printPosition .information p { margin: 0; padding: 0; } .printPosition .information.secondLoc { display: none; } .printPosition .information.defaultLoc { display: flex; padding: 17px 20px 17px 0; font-size: 12px; font-weight: 400; justify-content: space-between; } .printPosition .information.defaultLoc i { font-weight: 500; font-size: 14px; margin-right: 4px; } .printPositions.closed .printPosition { display: none; } .printPositions.opened .printPosition { display: block; } .printPositions #print_1 { display: block; } .printPositions #print_2 { display: block; } .printPositions #print_3 { display: block; } .printPositions #print_4 { display: block; } .printPositions #print_5 { clear: left; } .printPositions #print_9 { clear: left; } .printPosition .fa.fa-tint { margin: 0; padding: 0 2px 0 0; float: right; line-height: 27px; } .printPosition.disabled { cursor: not-allowed; opacity: 0.4; } .printPosition.disabled ul li:hover { cursor: not-allowed; background-color: #f8f8f8; } .printList li { width: auto; float: left; margin: 0 } .template { display: block; margin-left: auto; margin-right: auto; padding: 20px; max-height: 108px; max-width: 100%; margin-top: 15px; } .template img { max-width: 100%; width: 75px; } .ribbon-print { display: block; position: relative; text-align: center; transform: 0; background-color: #4db312; border-bottom: 1px solid #489c13; z-index: 50; padding-top: 0px; top: -6px; left: 11px; width: auto; padding: 1px 12px; border-radius: 26px; } .outerBox { position: absolute; } .fullWidthBox.none { border-bottom: 1px solid #e2e2e2; background: #f3f3f3; margin: 0 0 20px 0; padding: 20px 25px 3px 25px; } .fullWidthBox.footer { margin: 0; padding: 20px 25px 3px 25px; background: transparent; } .fullWidthBoxInfoBox { padding-top: 20px; } .fullWidthBox.footer i { float: left; padding-right: 15px; margin-left: -14px; margin-top: 4px; border-right: 1px solid #e5e5e5; margin-right: 15px; } #productPage .btn.noEnrichment { background:transparent; border: 0; padding: 8px 12px; border-radius: 6px; box-shadow: none; margin: -15px 0 7px 0; } #productPage .btn.noEnrichment i { margin: 0 1rem 0 0; } #productPage .btn.noEnrichment:hover { background: #e5e5e5; } .fullWidthBox.more .btn.showMore { width: fit-content; margin: 15px auto 13px auto; display: block; } .fullWidthBox.more .btn.showMore .fa.fa-plus-circle { margin-right: 0px!important; } .fullWidthBox.more .btn.showMore .fa.fa-minus-circle { margin-right: 0px!important; } .printPositions .printGroup:not(.recommandPos) { display: none; } /* Print config buttons */ .printPosition ul { width: 100%; float: left; padding: 0 0 0 0px; margin-bottom: 0px;display: flex; gap: 4px; } .printPosition ul li { background-color: #fff; border: 1px solid #CCCCCC; border-radius: 6px; display: flex; justify-content: center; padding: 4px 9px 4px 9px; line-height: 25px; font-size: 13px; } .printPosition ul li:first-of-type { border-left: 1px solid #e5e5e5; } .printPosition ul li:last-of-type { } .printPosition ul li:hover { cursor: pointer; border: 1px solid #8fadca; } .printPosition ul li i { display: none; } .printPosition ul li i.fal.fa-plus { display: block; margin: 0 3px 0 0; float: left; line-height: 11px; font-weight: 400; color: #555555; font-size: 11px; } .printPosition .price { line-height: 11px; font-weight: 400; color: #555555; font-size: 11px; } .priceLevel { } .priceLevel .price.loading { height: 19px; width: auto; position: relative; display: block!important; float: none; } .printPosition ul li:first-of-type span.price { display: none; } .printPosition.disabled ul li:hover { cursor: not-allowed; } .printPosition ul li span.price { position: relative; padding: 2px 4px; min-height: 19px; width: fit-content; margin:-3px auto 0px auto; float: none; } .printPosition ul li .borderColorCount { text-align: center; } /* Print config buttons Active */ .printPosition ul li.active { border-top: 3px solid #034687; background-color: #edf2fb; border-left: 1px solid #034687; border-right: 1px solid #034687; border-bottom: 1px solid #034687; padding: 4px 11px 4px 11px; } .printPosition ul li.active span.price { color: #014587; } .printPosition ul li.active i { padding: 0 } .printPosition ul li.active i.fal.fa-plus { color: #014587; font-weight: bold; } .printPosition ul li.active .borderColorCount strong { color: #014587; } /** Print Tooltips **/ .printInfo.tooltips { position: relative; display: inline-block; } .printInfo.tooltips .tooltiptext { visibility: hidden; width: 370px; background-color: white; color: #555; text-align: left; font-size: 12px; font-weight: 400; border-radius: 6px; padding: 15px; /* Position the tooltip */ position: absolute; z-index: 1; border: 1px solid #e5e5e5; } .printInfo.tooltips .fas.fa-info-circle { margin-left: 5px; float: right; } .printInfo.tooltips:hover { cursor: pointer; } .printInfo.tooltips:hover .tooltiptext { visibility: visible; } .printInfo.tooltips:hover .tooltiptext i:first-of-type, .printInfo.tooltips:hover .tooltiptext i { margin-left: 0; margin-right: 7px; } .printInfo.tooltips:hover .tooltiptext .fas.fa-plus-circle { color: #448A10; } .printInfo.tooltips:hover .tooltiptext .fas.fa-minus-circle { color: #c02c2c; } /** NO MOBILE- RES **/ @media (min-width: 767px) { .priceMobileButtons { display: none!important; } } /** MOBILE- RES **/ @media (max-width: 767px) { /* Product Container */ .productHeading .stockStatus { margin-top: 10px; margin-bottom: 3px; font-size: 12px; font-weight: bold; } .productHeading .headingSmall { margin-bottom: 10px; } .shortDescProduct p { color: #555555; } .edit-product { display: none; } .shortDescProduct { margin-bottom: 25px; } .productDesc { padding: 0; } .productDesc ul.list-large.lined { margin-top: 0px; margin-bottom: 45px; float: left; width: 100%; padding: 0; } .productDescription .productHeading { padding: 0; } .productPrice { padding: 0; } /* Flexbox order */ .productWrapper { display: flex; flex-direction: row; flex-wrap: wrap; padding: 0; } .productDesc { box-sizing: border-box; order: 2; } .productDescription { box-sizing: border-box; order: 1; padding: 0; } .productPrice { box-sizing: border-box; order: 3; display: block; } /* Tabs */ .tabContainer .nav-tabs>li.active>a, .tabContainer .nav-tabs>li.active>a:hover, .tabContainer .nav-tabs>li.active>a:focus { border: 2px solid #014587; width: auto; padding: 10px; border-radius: 6px; } .tabContainer .nav-tabs>li>a { padding: 10px; border: 2px solid #e5e5e5; border-radius: 6px; } .tabContainer .nav-tabs { border-bottom: 0; margin-bottom: 30px; } .tabContainer { padding: 0; } .tabContainer .nav-tabs>li>a { margin-right: 2px; margin-bottom: 4px; } /* Product image */ .productDesc .imageContainer img { height: auto; } .productDesc .imageBorderContainer { border: 0; padding: 0px; } .mobilePriceCalcInput .dateText p { font-size: 14px!important; line-height: 23px!important; } .mobilePriceCalcInput .dateText strong { font-size: 14px!important; line-height: 23px!important; } .mainImageArrow[data-direction="previous"] i { color: #262626; font-weight: bold; font-size: 14px; } .mainImageArrow[data-direction="next"] i { color: #262626; font-weight: bold; font-size: 14px; } .orderConfigHeading { display: none; } .product-view .outOfStock { display: block!important; background: #f2dede; color: #a94442; } .product-view .outOfStock .containerCalculating { background: transparent; border: 0; padding: 0; color: #a94442} .product-view .outOfStock .containerCalculating p { color: #a94442!important;} .product-view .outOfStock .fullWidthBox.calender { padding: 0} .product-view .outOfStock legend { background: transparent; font-weight: 600!important; color: #a94442!important; } .mobileButtons { display: block!important; position: fixed; background: orange; width: 100%; height: 65px; left: 0; bottom: 0; z-index: 55; border-top: 5px solid white; } .defaultButtons { display: none; } .productSupport { width: 100%; padding: 0 25px; margin-bottom: 65px; } .productInformation { width: 100%; } .productSuggestions { width: 100%; padding: 0 25px; } .productFulldesc { width: 100%; padding: 0 25px; } .outerBoxCalculating { padding: 15px; margin-left: 0; width: 100%; display: none; } #orderValueMessage { padding: 0; } .companyInfo { width: 100%!important; padding: 0 25px; } .productRating { width: 100%!important; padding: 0 25px; } .mainImageContainer { min-height: 205px; } .not-on-mobile { display: none!important; } .mobileFooterFixed { background:#ff9600; width: 100%; position: fixed; bottom: 0; left: 0; padding: 10px 10px; z-index: 500; display: none; border-top: 1px solid #e5e5e5; } .mobileFooterFixed .btn { background:white ; } .mobileFooterFixed .btn i { border-right: 1px solid #ff9600; padding-right: 10px; margin-right: 10px;} .infobox { font-size: 1.20rem; line-height: 2rem; font-weight: 300; margin: 0.5rem 0 1.0rem 0; } .infobox p { font-size: 1.20rem!important; line-height: 2rem!important; font-weight: 300; } .infobox #avgRating { display: none; } .infobox a:link, .infobox a:visited { float: left; } .mainImageArrow[data-direction="next"] { display: block; position: absolute; right: 0; padding: 15px 20px; font-size: 14px; top: 40%; background: #ffffff; border-radius: 6px 0 0 6px; border: 1px solid #e5e5e5; margin-right: -16px; z-index: 10; font-weight: 600; border-bottom: 3px solid #dddddd; } .mainImageArrow[data-direction="next"]:hover { background-color: #eaeaea; cursor: pointer; } .mainImageArrow[data-direction="previous"] { display: block;position: absolute; left: 0; padding: 15px 20px; font-size: 14px; top: 40%; background: #ffffff; border-radius: 0 6px 6px 0; border: 1px solid #e5e5e5; margin-left: -16px; z-index: 10; font-weight: 600; border-bottom: 3px solid #dddddd; } .mainImageArrow[data-direction="previous"]:hover { background-color: #eaeaea; cursor: pointer; } .productDesc .productLinks { display: none; } .productDesc .usplist { display: none; } #thumbs { display: none; } .productDesc .shortDescProduct { display: none; } p.productLinks.mobile { display: block; text-align: center; width: 100%; float: left; padding:0 15px!important; margin:0 0 2rem 0; font-size: 1.2rem!important; line-height: 1.2rem!important; } p.productLinks.mobile a { font-size: 12px; line-height: 36px; font-weight: 600; border: 1px solid #e5e5e5; margin: 6px 0 0 0; border-radius: 6px; float: left; width: 100% } .usplist.mobile { display: block; border: 0; padding: 0.0rem 15px 0 25px!important; width: 100%!important; border-radius: 0; margin: 20px 0 0px -25px; } .logoSpace { width: 100%; padding: 0; margin-bottom: 0; margin-top:0; min-height: 0px; display: none; } .logoSpace img { margin: 2rem 0 2rem 2rem; height: 25px; } .logoSpace .label { margin: 2rem 0 2rem 2rem; } #orderValueMessage { margin: 0; padding: 15px; } .productDescImages { width: 100%; } .productModule { width: 100%; float: left; } .mobilePriceCalc { padding: 0; display: block; } .mobilePriceCalc .mobilePriceCalcInput.closed { border: 0; margin: 0; transition: 0.2s; } /* Title bars */ .containerCalculating { padding: 20px; } /** Buttons **/ .mobilePriceCalcInput.button { transition: margin-left 4s ease-in-out 1s; } .mobilePriceCalcInput.button:hover { background: #f3f3f3; cursor: pointer; transition: margin-left 4s ease-in-out 1s; } .mobilePriceCalcInput.button i { line-height: 39px; } .mobilePriceCalcInput.button span { line-height: 39px; } .mobquality.input.button:active { background-color: #EDF2F6; border: 2px solid #014587; } .mobquality.input.button:focus { background-color: #EDF2F6; border: 2px solid #014587; } .mobquality.input.button:hover { cursor: pointer; } .mobquality.printPos.button:hover { background: #f3f3f3; cursor: pointer; } .fullWidthBox.more { display: flex; align-items: center; justify-content: center; padding: 0px 20px 30px 20px; } .fullWidthBox.more .btn.showMore { width: fit-content!important; margin: 0px 0 10px 0; } .fullWidthBox.more .btn.showMore .fa.fa-plus-circle { margin-right: 0!important; } /*.productPrice .footerButtons { padding: 0; margin: 0; overflow: unset; }*/ .fullWidthBox.footer { margin: 0; padding: 0; } .fullWidthBox.footer .infotxt-small { padding: 8px; } .fullWidthBox.more { margin: -15px 0 10px 0; padding: 0; } /** Print Tooltips **/ .printInfo.tooltips .tooltiptext { left: -38vw; max-width: 90vw; float: left; } .printInfo.tooltips .tooltiptext strong { display: block;} /* Price */ .productPrice { width: 100%; float: right; display: none; } .mobilePricePadding { padding: 10px 10px; } .productPrice .priceTaxInfo.active { margin-right: 0; float: right; width: 100% } .productPriceMobile { display: block; width: 100%; padding-top: 0px; margin-bottom: 70px; } .priceboxFloat { display: block; width: 100%; top: 0; padding: 0; float: left; position: relative!important; margin-left: -2px; } .inclVatActive .currentPrice.Sale { float: right; width: 100%; } #productPage legend.price { margin: 0 0 15px 0!important; padding: 0; display: none} .priceContainer.active legend.price { display: block!important; } ul.priceBulletListOrder { margin: 0 0px 0px -19px!important; padding: 0; } ul.priceBulletListOrder li { width: 120%; } .piecePriceBox.startPoint { margin-top: 0px; } .productPrice .footerText.default { margin-bottom: 20px; padding: 0 } .priceContainer.active { display: block; z-index: 555; border: 1px solid #CCCCCC; padding: 25px; border-bottom: 3px solid #C8C8C8;} .priceContainer.active legend { display: block; } .priceContainer.active .footerButtons { display: block; } .productPrice p.rightColumn.printName, .productPrice p.leftColumn.printName { height: inherit; } /* Price - Container */ .priceContainer { float: left; width: 100%; } .productPrice .priceContainer { background: white; position: relative; box-shadow: none; padding: 0px; border: 0; } .productPrice .priceContainer p { margin: 0; padding: 0!important; } .productPrice .priceContainer .priceProductInfo { display: none } .productPrice .priceContainer legend.price { background-color: transparent; border-bottom: 0!important; } .productPrice .priceContainer .noMobileDisplay { display: none; } .productPrice .priceContainer hr { border-left: 0px solid white; border-right: 0px solid white; margin: 12px 0; } /* Price - On Request */ .onRequest-container { padding: 0; } .onRequest-container .footerButtons { padding: 0!important; margin-top: 20px; display: none; } .onRequest-container .divider-line-b { margin-left: 0; margin-right: 0; margin-top: 0!important; padding: 0!important; border-top: 0!important; display: none; } .onRequest-container legend.price { display: none; } .onRequest-container .productPrice p.leftColumn { display: none; } .onRequest-container .rightColumn.onRequest { display: block; } .onRequest-container .leftColumn.onRequest { display: none; } /* Product details */ /* Specs */ .specsProduct { width: 100%; margin-bottom: 65px; padding: 0; } .specsProduct p { line-height: 38px; font-size: 12px; float: left; width: 90%; text-overflow: ellipsis; overflow: hidden; overflow: hidden; white-space: nowrap; } .specsProduct p strong { float: left; width: 100%; padding-left: 0!important; } .specsProduct table tr td p.headingTiny { font-size: 16px; } .specsProduct .headingLarge { margin-left: 25px; } .specsProduct table tr th:first-child, .specsProduct table tr td:first-child, .specsProduct table tr th:last-child, .specsProduct table tr td:last-child { border-radius: 0; } .specsProduct td, th { padding-left: 25px; padding-right: 25px;} /* Support container */ #supportContainer ul.list-icon-large { width: 100%; } #supportContainer p.faqLink { margin-bottom: 60px; } #supportContainer ul.list-icon-large li { font-size: 12px; line-height: 24px; } .customerBlocks #mobile-rating-checkout { display: none} /* Title bars */ .mobilePriceCalc legend { margin: 0 0 15px 0; float: left; width: 100%; border: 0; } /* Pricing */ .productPrice .priceTaxInfo.active { font-weight: 400; line-height: 10px; margin-bottom: 20px; } .productPrice .priceContainer .strongPoints p.leftColumn, .productPrice .priceContainer .strongPoints p.rightColumn { font-size: 14px; line-height: 27px; } .productPrice p.rightColumn.printName, .productPrice p.leftColumn.printName { font-size: 14px; line-height: 27px; } .productPrice .piecePriceBox p.rightColumn, .productPrice .piecePriceBox p.leftColumn { font-size: 18px; line-height: 27px; color: #262626; } .productPrice .totalPriceBox p.rightColumn, .productPrice .totalPriceBox p.leftColumn { font-size: 14px; line-height: 27px; font-weight: bold; } #orderValueMessage p { font-size: 14px; } /* Pricing - Website Rating */ .productPrice .extendendShopInfo { margin-top: 0; } .productPrice .extendendShopInfo .ratingText { left: 82px; display: block!important; } .productCalculation.priceboxFloat .single-line-review.only-mobile-view { display: none!important; } .productPrice .flexboxBetween.onlyDesktop { display: block; margin-top: 0; } .productPrice .flexboxBetween.onlyDesktop .infotxt-small.right { text-align: left!important; margin-bottom: 15px; } .productPrice .flexboxBetween.onlyDesktop .infotxt-small.left { font-weight: bold; margin-top: 25px; } /* Price - Message */ .priceMessage { padding: 15px 0; } .priceMessage.disabled { padding: 15px 0 0px 0; } .priceMessage.disabled a, .priceMessage.disabled a:link, .priceMessage.disabled a:visited { padding-top: 10px; padding-bottom: 10px; text-decoration: underline; } /* Price - Service Bullets */ ul.list-small.serviceBullets { margin-bottom: 0; } /* Price - Footer Website Rating */ .productPrice .ratingPlacement { margin: 0; } /* Quanity Flexbox Grid */ .grid-container { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; float: left; width: 100%; margin-bottom: 45px; } .grid-container .mobqualityContainer.mobQuantityContainer .mobquality.image { float: left; width: 30%; padding: 10px; } .grid-container .mobqualityContainer.mobQuantityContainer .mobquality.image img { width: 100%; margin: 0 auto; display: block; } .grid-container .mobqualityContainer.mobQuantityContainer .stock { position: relative; padding: 8px 4px 8px 0px; float: left; width: 70%; font-size: 11px; font-weight: 400; color: #555555; } .grid-container .mobqualityContainer.mobQuantityContainer .stock .productColor { position: relative; padding: 0px; float: left; width: 100%; font-size: 14px; line-height: 23px; font-weight: bold; color: #262626; padding: 0; max-height: 20px; overflow: hidden; } .grid-container .mobqualityContainer.mobQuantityContainer .stock .stockDetails { width: 100%; font-size: 12px; font-weight: 400; color: #555555; padding: 0px; margin: 0; line-height: 21px; } .grid-container .mobqualityContainer.mobQuantityContainer .inputContainer { float: left; width: 100%; } .grid-container .mobqualityContainer.mobQuantityContainer .inputContainer input[type="number"] { background-color: #edf2fb; border-width: 1px 0 0 0; line-height: 42px; padding: 0 0 0 15px; width: 100%; border-top: 1px solid #CCCCCC; font-weight: 500; } .grid-container .mobqualityContainer.mobQuantityContainer .inputContainer .dropdown-menu { z-index: 99999; position: relative; z-index: 99999; position: relative; border: 0; padding: 0; box-shadow: none; } .grid-container .mobqualityContainer.mobQuantityContainer .inputContainer .dropdown-menu .btn.cancel { display: none; } #sizeMeasures div.stock { border: 0!important; } .grid-container .mobqualityContainer.mobQuantityContainer .inputContainer .dropdown-menu { background-color: #EEF6FB; } .inputContainer.sizes .dropdown.open { background-color: #EEF6FB; z-index: 9999; width: 100%; position: fixed; bottom: 0; left: 0; padding: 15px; } .inputContainer.sizes .dropdown.open .dropdown-toggle.selectAmount { display: none; } .grid-container .mobqualityContainer.mobQuantityContainer { background-color: white; border: 1px solid #E5E5E5; border-radius: 6px; min-width: 0; overflow: hidden; display: flex; flex-direction: column; } .grid-container .mobqualityContainer.mobQuantityContainer > div { display: flex; justify-content: center; align-items: center; } .mobqualityContainer.mobQuantityContainer .removeColor { position: relative; display: none!important; } .outOfStocks p, .sampleWarning p, .sampleNotAllowed p { width: 100%; border-left: none; padding: 10px!important;} .mobquality.image .imageColorBackup { width: 16px; height: 16px; margin-top: 21px; margin-left: 21px; } .mobquality.image.onlyColor { height: 100%; width: 13%; float: left; } .mobquality.image.onlyColor span { width: 100%; height: 100%; display: block; } #sizeMeasures div.stock { border-top: 1px solid #b2c7db; border-bottom: 1px solid #b2c7db; float: left; height: 40px; } #sizeMeasures input { height: 40px; border-left: 0!important; } #sizeMeasures .inputQuantity { height: 40px; margin-bottom: 7px; } .inputQuantity-title .btn.btn-small.btn-white.cancel { display: none; } .quantityDropDown.dropDownOpened .footer { background-color: white; } .outOfStocks, .sampleWarning, .sampleNotAllowed { margin: -20px 0px 50px 0px; } /* Config - Print Selection */ .outerBox .ribbon-print { font-size: 9px; font-weight: 500; line-height: 21px; text-transform: uppercase; color: white; left: 0; display: none; } .outerBox .favPrintIcon { position: absolute; z-index: 1; bottom: -90px; left: 10px; font-size: 23px; color: #448A10;} .printPositions { float: left; width: 100%; } .printPositions .printGroup { padding: 0; } .outerBox { margin-left: 0; margin-top: 0; } .printPosition { background-color: #F3F3F3; padding: 0px; margin-top: 0px; border: 0px; margin-bottom: 10px; } .printPosition .templateContainer .template { margin-top: 0; } .printPosition .templateContainer { background-color: white; width: 99px; height: 99px; min-height: 99px; border: 1px solid #CCCCCC; border-radius: 6px; position: absolute; } .printPosition.disabled { opacity: 0.4; } .printPosition.disabled .printList { } .printPosition.disabled .information.defaultLoc { margin: 0; } .printPosition .templateInformation { width: 100%; float: left; } .printPosition .templateInformation p { float: left; width: 100%; position: relative; } .printPosition .information { border: 0; padding: 4px 0 0 119px!important; min-height: 95px; } .printPosition .information.defaultLoc { display: block!important; } /* Print specs */ .printPosition .templateInformation .printSize { float: left; text-align: left; margin-bottom: 10px; width: 100%; font-weight: bold; line-height: 21px; } .printPosition .information.defaultLoc .printDimensions { float: left; width: 100%; font-weight: 400; line-height: 21px; } .printPosition .templateInformation .printInfo { line-height: 21px; } .printPosition .templateInformation .printDeliveryDays { line-height: 21px; } .printPosition .information i { float: left; line-height: 21px; } .printPosition .information i:first-of-type { margin-left: 0; } .printPosition .information strong { line-height: 21px; } /* Print config buttons */ .printPosition { background-color: transparent; border-bottom: 0; border-radius: 0; border-left: 0; border-right: 0; border-top: 0; margin-top: 0px; margin-bottom: 35px; } .printPosition ul { margin: 20px 0 0 0; padding: 0px; display: block; } .printPosition ul li { width: 100%; margin: 0 0 6px 0; border: 1px solid #e5e5e5; padding: 10px 15px; border-radius: 6px; } .printPosition ul li .borderColorCount { width: 100%; display: flex; justify-content: space-between; align-items: center; } .printPosition ul li:first-of-type { border: 1px solid #e5e5e5; border-radius: 6px; } .printPosition ul li:last-of-type { border: 1px solid #e5e5e5; border-radius: 6px; } .priceLevel .price.loading { font-size: 14px; line-height: 25px; } .printPosition .price { font-size: 14px; line-height: 25px; } .printPosition ul li.active i.fal.fa-plus { line-height: 25px; } .printPosition ul li i.fal.fa-plus { line-height: 25px; } /* Print config buttons Active */ .printPosition ul li.active { padding: 10px 15px; border-top: 3px solid #034687; background-color: #edf2fb; border-left: 1px solid #034687; border-right: 1px solid #034687; border-bottom: 1px solid #034687; } .printPosition ul li.active .borderColorCount { padding-top: 0; padding-bottom: 0; } /* Product Suggestions */ .suggestionItem { width: 50%; } .suggestionItem .productBlock { padding: 0; } } /** LOW- RES VIEW **/ @media (min-width: 768px) and (max-width: 991px) { .orderConfigHeading { width: 465px; margin-top: 10px; } .calenderWeek { width: 44%; margin-top: 0; margin-bottom: 10px;} .calenderCosts { width: 44%; margin-top: 0; margin-bottom: 10px;} .calenderOptions .smalltext { margin-bottom: 15px; padding: 0 14px; font-size: 11px; margin-bottom: 15px; } .productFulldesc { width: 100%; } .productModule { width: 50%; float: left; } .productSupport { width: 100%; } .productFulldesc { width: 100%; } .specsProduct { width: 100%; } .productInformation { width: 100%; } .productSuggestions { width: 100%; } .productSuggestions .product-box-image { height: inherit; max-width: 100%; max-height: 100%; } .suggestionIcon { width: 5%; } .productRating { width: 100%; } .logoSpace { position: absolute; right: 0; width: 45%; } .usplist { width: 100%; padding: 23px 0px; } .ribbon-print { left: 0; } .uploadArtworkMessage { width: 100%; position: relative; float: left; margin-bottom: 15px; } .containerCalculating .minQuantity p { font-size: 12px; font-weight: 400; } /* Quanity Flexbox Grid */ .grid-container { grid-template-columns: repeat(1, 1fr); } .grid-container .priceColorBox { } .grid-container .priceColorBox .selectAmount { width: 265px; } /* Website Rating */ .productPrice .extendendShopInfo .ratingText { left: 66px; } .productPrice .extendendShopInfo .ratingMark { width: 80px; } .productPrice .kiyohRating .ratingOverlay { display: none; } .productPrice .flexboxBetween.onlyDesktop { display: block; } .productPrice .flexboxBetween.onlyDesktop .infotxt-small.right { text-align: left !important; margin-bottom: 15px;} /* Start price */ .productPrice .totalPriceBox p.leftColumn { width: 50%; } .productPrice .totalPriceBox p.rightColumn { width: 50%; } /* Pricing */ .productPrice .priceContainer .strongPoints p.leftColumn, .productPrice .priceContainer .strongPoints p.rightColumn { font-size: 13px!important; line-height: 21px!important; } .productPrice p.rightColumn.printName, .productPrice p.leftColumn.printName { font-size: 13px!important; line-height: 21px!important; } .productPrice .deliveryCost p.rightColumn, .productPrice .deliveryCost p.leftColumn { font-size: 13px!important; line-height: 21px!important;} /* Price label */ .productPrice .priceLabel { margin-left: 0; margin-bottom: 15px; } /* Sale points */ .productPrice .priceContainer .strongPoints p.leftColumn { font-size: 13px!important; line-height: 21px!important; } .productPrice .priceContainer .strongPoints p.rightColumn { font-size: 13px!important; line-height: 21px!important; } .productPrice p.leftColumn.printName { font-size: 13px!important; line-height: 21px!important; } .onRequest-container p.onRequest-message a, .onRequest-container p.onRequest-message a:visited { float: inherit!important; } /* Sticky Stuff */ .productCalculation.bottomReached { margin-top: -70px; width: 300px; } .priceboxFloat { width: 290px; } /* Print Selection */ .mobquality.printPos { float: left; line-height: 2rem; width: 100%; padding: 1.0rem; } .mobquality.printPos p { line-height: 2rem!important; font-size: 1.2rem!important; margin: 0!important; padding: 0!important; } .mobquality.printPos p:first-letter { text-transform: uppercase; } .mobquality.printPos i { margin-right: 10px; font-size: 14px; } .options.show { background: #e5e5e5; float: left; width: 100%; margin-top: -59px; padding: 0; } .options.show h3 { color: #555!important; padding: 1rem; width: 100%; float: left; font-weight: 700!important; font-size: 1.2rem!important; background: #e5e5e5;} .options.show .printPosTitle { width:100%; float: left; position: relative; padding: 20px 25px 0 25px; background: #f3f3f3; border-radius: 6px; ; } .options.show ul { width: 100%; margin: 0; } .options.show i { margin: 0; padding: 0; line-height: 2.0rem; } .options.show hr { background: #c3e2f2; margin: 0 } .options.show ul li { border: 0; border-radius: 0px; font-size: 1.2rem; margin-bottom: 1px; line-height: 2rem; padding: 1.0rem; background: white; } .options.show ul.colorPrints li { background: #fff; color: #555; } .options.show ul.colorPrints li i { margin-right: 7px; line-height: 23px; } .options.show .fa.fa-minus-square { margin-right: 7px; margin-top: -5px; } .options.show .mobileContainer { padding:0px 25px 25px 25px; float: left; width: 100%; background: #f3f3f3; } .options.show .mobquality.printPos.button { background: #f3f3f3; border-top: 1px solid #f3f3f3; margin-top: -1px; } /* Active click */ .printPosition.printMethod-sublimatiedruk .printList li:last-child, .printPosition.printMethod-gepersonaliseerd .printList li:last-child { width: 226px; } .printPosition .templateInformation { width: 100%; border: 0; } .printPosition .templateContainer { height: inherit; width: 100%; min-height: 115px; } .printPosition .template { max-width: 140px; background: white; border-radius: 6px; max-height: 300px; height: 100px; float: left; margin: 0; } .fullWidthBox.footer i { margin-top: 15px;} .fullWidthBox.footer p { margin-top: 15px;} .subTextPrint { position: relative; float: left; width: 100%; padding: 0; margin: -120px 0 0 0 ; } #productPage .btn.noEnrichment { width: 100%; margin-top: 92px; margin-bottom: -25px; border: 1px solid #e5e5e5; border-radius: 6px; padding: 10px; background: white; } .fullWidthBox.none { border-bottom: 0; padding-bottom: 0} .fullWidthBox.morePositions { margin-bottom: -15px; } .fullWidthBox.morePositions .btn { width: 381px; margin-left: 0; } .fullWidthBox.footer { padding: 20px 15px 0 15px; } .fullWidthBox.footer i { position: relative; top: 1px; margin-right: 20px; margin-left: -15px; line-height: 34px; padding-right: 15px; font-size: 26px; border-right: 1px solid #e5e5e5; } .fullWidthBox.footer p { font-size: 12px; line-height: 18px; } .calenderPrice { text-align: right; } .calenderPrice.txt p { text-align: left; padding-left: 25px!important; } .selectBox.hasDatepicker { margin-top: 1.1em; background-position: 330px 11px; } .dateText { padding: 0px 25px; border-right: 0; } .suggestionContentFirst { width: 56%; } .suggestionContentSecond { width: 40%; } .suggestionColors { margin-left: 104px; margin-top: 25px; position: absolute; width: 195px; overflow: hidden; height: 10px; } /* Print specs */ .printPosition .information.defaultLoc { display: none; } .printPosition .information.secondLoc { display: block; margin: 0; padding: 0; width: 185px; } .printPosition .information.secondLoc p { margin-top: 10px; margin-left: 20px; } /* Print config buttons */ .printPosition { background-color: transparent; border-bottom: 0; border-radius: 0; border-left: 0; border-right: 0; border-top: 0; margin-top: 5px; margin-bottom: 30px; } .printPosition ul { margin: 0px 0 0 0; padding: 0px; display: block; } .printPosition ul li { width: 100%; margin: 0 0 6px 0; padding: 10px 15px; border-left: 1px solid #e5e5e5; border-radius: 6px; font-size: 14px; } .printPosition ul li .borderColorCount { width: 100%; display: flex; justify-content: space-between; align-items: center; } .printPosition ul li:first-of-type { border: 1px solid #e5e5e5; border-radius: 6px; } .printPosition ul li:last-of-type { border: 1px solid #e5e5e5; border-radius: 6px; } .priceLevel .price.loading { font-size: 14px; line-height: 25px; } .printPosition .price { font-size: 14px; line-height: 25px; } .printPosition ul li.active i.fal.fa-plus { line-height: 25px; } .printPosition ul li i.fal.fa-plus { line-height: 25px; } /* Print config buttons Active */ .printPosition ul li.active .borderColorCount { padding-top: 0; padding-bottom: 0; } .printPosition ul li.active { padding: 10px 15px; border-top: 3px solid #034687; background-color: #edf2fb; border-left: 1px solid #034687; border-right: 1px solid #034687; border-bottom: 1px solid #034687; } /* Customer Support */ #supportContainer ul.large { width: 100%; } #supportContainer p.faqLink { margin-bottom: 60px; } #supportContainer p.faqLink a, #supportContainer p.faqLink a:link, #supportContainer p.faqLink a:visited { width: 100%; float: left; } #supportContainer ul.list-icon-large { width: 100%; } #supportContainer #mobile-rating-checkout { display: none} .customerBlocks ul { float: left; width: 100%; } .customerBlocks:nth-of-type(3) a { padding: 11px 15px 16px 15px; } .customerBlocks:nth-of-type(3) .websiteRating .ratingText { left: 85px; } .customerBlocks:nth-of-type(3) .img { margin-top: 5px; } } /** MED- RES VIEW **/ @media (min-width: 992px) and (max-width: 1199px) { /** PRODUCT PAGE **/ /* Quanity Flexbox Grid */ .grid-container { grid-template-columns: repeat(2, 1fr); } .grid-container .priceColorBox { } .grid-container .priceColorBox .selectAmount { width: 151px; } /* Sample popup */ #myModalSampleBox .modal-dialog { width: 920px; margin: 30px auto; } #myModalSampleBox .modalBoxLeft { width: 435px; } #myModalSampleBox .checkoutTitle { width: 100%; margin-top: 10px; } #myModalSampleBox .samplesColors .sampleproduct { width: 48px; } /* Print Selection */ .subTextPrint { max-width: 413px; } .printPositions.closed { margin-top: 20px; } .templateInformation { width: 326px; } .templateContainer { min-height: 170px; width: 140px; } /* Print specs */ .printPosition .information.defaultLoc { border-left: 1px solid #e5e5e5; margin-left: -1px; padding-left: 20px; padding-right: 20px; display: block; } .printPosition .information.defaultLoc > div { padding: 5px; } /* Print config buttons */ .printPosition ul { padding:0px 0 20px 20px; border-left:1px solid #e5e5e5; margin-left: -1px; margin-bottom: 0; width: 302px; display: block; } .printPosition ul li .borderColorCount { display: flex; justify-content: space-between; width: 100%; align-items: center; font-size: 14px; } .printPosition ul li:first-of-type { border-radius: 0; border: 1px solid #e5e5e5; } .printPosition ul li:last-of-type { border-radius: 0; } .printPosition ul.printList li { width: 100%; margin: 0px 0 6px 0; border-left: 1px solid #e5e5e5; padding: 10px 15px; border-radius: 6px; } .priceLevel .price.loading { font-size: 14px; line-height: 25px; } .printPosition .price { font-size: 14px; line-height: 25px; } .printPosition ul li.active i.fal.fa-plus { line-height: 25px; } .printPosition ul li i.fal.fa-plus { line-height: 25px; } /* Print config buttons Active */ .printPosition ul li.active .borderColorCount { padding-top: 0; padding-bottom: 0; } .printPosition ul li.active { padding: 10px 15px; border-top: 3px solid #034687; background-color: #edf2fb; border-left: 1px solid #034687; border-right: 1px solid #034687; border-bottom: 1px solid #034687; } /* Customer support */ #supportContainer ul.list-icon-large { width: 100%; } .customerBlocks:nth-of-type(3) { width: 100%; } .customerBlocks:nth-of-type(3) a { padding: 11px 15px 16px 15px; } .customerBlocks:nth-of-type(3) .websiteRating .ratingText { left: 85px; } .customerBlocks:nth-of-type(3) .img { margin-top: 5px; } /* Price - Start */ .productPrice .totalPriceBox p.leftColumn { width: 50%; } .productPrice .totalPriceBox p.rightColumn { width: 50%; } /* Pricing */ /* Price label */ .productPrice .priceLabel { margin-left: 10px; } /* Sale points */ }