/** Banner Message Header **/ .banner-message-header { background-color: rgb(79 70 229); float: left; width: 100%; padding: 0px; display: block; z-index: 9; position: relative; display: none; } .banner-message-header a, .banner-message-header a:link, .banner-message-header a:visited { color: white; float: left; padding: 0; width: 100%; } .banner-message-header p { color: white; text-align: center; padding: 0px; margin: 0; } /** Global styles **/ .noscroll { overflow: hidden; } .nameFormatCapital { text-transform: lowercase; } .nameFormatCapital:first-of-type { text-transform: capitalize ; } .edit-product { padding: 10px; border: 1px solid #e5e5e5; border-radius: 0 5px 5px 0; margin-left: -1px; position: fixed; z-index: 99999; background-color: aliceblue; } .fwbutton { width: 100%; } section { padding-top:0px; border-bottom:0px solid #dedede; padding-bottom: 0; } .formReq { color: red; position: relative; font-size: 21px; } .greenText, .greenText strong { color: #469c04!important; } .orangeText, .orangeText strong { color: #df8400!important; } .redText, .redText strong { color: #a00000!important; } .btn-disabled { opacity: 0.5; cursor: not-allowed } .colorGray { color: #555; } .colorgreen { color: #448A10!important; } .bg-blue { background-color: #014587; } .bg-green { background-color: #3cbf03; } .textRight { text-align: right; } .no-display { display: none; } .no-mobile-view { display: block; } .only-mobile-view { display: none!important; } .mobileItems { display: none; } .text-underline { text-decoration: underline; } p.text-list-light { margin-bottom: 0; padding-bottom: 0; } ul.list-light { margin-bottom: 0; padding-left: 60px; } ul.list-light li { list-style: circle; } .mobileItems { display: none} .lightWeight { font-weight: 300!important; } .mediumWeight { font-weight: 500!important; } .strongWeight { font-weight: 700!important; } .center-text { text-align: center; } .nopadding { padding: 0;} .nomargin { margin: 0;} .noDisplay { display: none!important; } .width50 { width: 50%!important; } .width100 { width: 100%!important; } .borderRightBlue { border-right:1px solid #e2e2e2; } .paddingRight { padding-right: 40px; } .paddingRight15 { padding-right: 15px; } .paddingLeft { padding-left: 40px; } .paddingLeft0 { padding-left: 0px!important; } .paddingTop10 { padding-top: 10px!important; } .paddingTop30 { padding-top: 30px!important; } .paddingBottom10 { padding-bottom: 10px!important; } .paddingBottom20 { padding-bottom: 20px!important; } .paddingBottom30 { padding-bottom: 30px!important; } .marginLeft25 { margin-left: 25px!important; } .marginRight5p { margin-right: 5%; } .marginRight10 { margin-right: 10px; } .marginRight10p { margin-right: 10%; } .marginRight30 { margin-right: 30px!important; } .marginRight40 { margin-right: 40px!important; } .marginRight45 { margin-right: 45px!important; } .marginRight55 { margin-right: 55px!important; } .marginRight70 { margin-right: 70px!important; } .marginTop10 { margin-top: 10px!important; } .marginTop0 { margin-top: 0px!important; } .marginTop15 { margin-top: 15px!important; } .marginTop20 { margin-top: 20px!important; } .marginTop25 { margin-top: 25px!important; } .marginTop30 { margin-top: 30px!important; } .marginTop35 { margin-top: 35px!important; } .marginTop40 { margin-top: 40px; } .marginTop45 { margin-top: 45px!important; } .marginTop55 { margin-top: 55px; } .marginBottom0 { margin-bottom: 0px!important; } .marginBottom10 { margin-bottom: 10px!important; } .marginBottom15 { margin-bottom: 15px; } .marginBottom20 { margin-bottom: 20px!important; } .marginBottom25 { margin-bottom: 25px!important; } .marginBottom30 { margin-bottom: 30px!important; } .marginLeft10 { margin-left: 10px; } .marginLeft15 { margin-left: 15px; } .marginLeft20 { margin-left: 20px; } .padding010 { padding: 0 10px!important; } .padding025 { padding: 0 25px!important; } .padding100 { padding: 10px 0!important; } .padding150 { padding: 15px 0!important; } .padding10 { padding: 10px!important; } .padding15 { padding: 15px!important; } .padding25 { padding: 25px!important; } .padding30 { padding: 30px!important; } .noBorder { border: none!important; } .no-padding-right { padding-right: 0px; } .no-padding-left { padding-left: 0px; } .no-margin-bottom { margin-bottom: 0px!important; } /** FLEX CONTAINERS **/ .gridFlexBetween { display: flex; justify-content: space-between; flex-direction: initial; } .gridFlexCenter { display: flex; justify-content: center; flex-direction: column; } /** GRID CONTAINERS **/ .grid-2-blocks { display: grid; /*grid-template-columns: auto auto auto;*/ grid-template-columns: repeat(2, 1fr); gap: 15px; } /** BREADCRUMBS **/ .onePageC-view .breadcrumbs { display: none; margin-bottom: 20px; } .site-index .breadcrumbs { display: none; } .cart-index .breadcrumbs { display: none; } span.breadCrumbsShopName { display: none; } .breadcrumbs { margin-bottom: 9px; margin-top: 15px; margin-left: 15px; width: 100%; float: left; } .breadcrumbs i.fa.fa-home { top: 1px; position: relative; } /** FLOATING LABELS **/ .floating { margin-bottom: 2rem; background-color: var(--field__background); transition: background-color 0.2s ease; border-top-left-radius: 4px; border-top-right-radius: 4px; } .floating:hover, .floating:focus-within { background-color: var(--field__background--hover); } .floating__input { padding: 1.8rem 1rem 0.6rem; font-size: 1rem; border-bottom: 0.1rem solid var(--input__border); transition: border-color 0.2s ease; caret-color: var(--color__accent); } .floating:hover .floating__input { border-color: var(--input__border--hover); } .floating__input::placeholder { color: rgba(0, 0, 0, 0); } .floating__label { display: block; position: relative; max-height: 0; font-weight: 500; pointer-events: none; } .floating__label::before { color: var(--label__color); content: attr(data-content); display: inline-block; filter: blur(0); backface-visibility: hidden; transform-origin: left top; transition: transform 0.2s ease; left: 1rem; position: relative; } .floating__label::after { bottom: 1rem; content: ""; height: 0.1rem; position: absolute; transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease; opacity: 0; left: 0; top: 100%; margin-top: -0.1rem; transform: scale3d(0, 1, 1); width: 100%; background-color: var(--color__accent); } .floating__input:focus + .floating__label::after { transform: scale3d(1, 1, 1); opacity: 1; } .floating__input:placeholder-shown + .floating__label::before { transform: translate3d(0, -4.2rem, 0) scale3d(1, 1, 1); } .floating__label::before, .floating__input:focus + .floating__label::before { transform: translate3d(0, -5.22rem, 0) scale3d(0.82, 0.82, 1); } .floating__input:focus + .floating__label::before { color: var(--color__accent); } .hidden--visually { border: 0; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* JQUERY - Remove product */ .ui-button-icon-primary.ui-icon.ui-icon-closethick { position: absolute; top: 0; left: 0} .ui-dialog .ui-dialog-buttonpane button { padding: 0 1rem; color: white!important; background: #014587; color: white!important; background: #014587;} .ui-dialog .ui-dialog-buttonpane button:hover { background: #012c64!important; transition: 0.2s; } .ui-dialog .ui-dialog-titlebar { background: white!important; border: 0; padding: 10px 15px!important; } .ui-dialog .ui-dialog-content p { padding: 0 0 0 5px; margin: 0; } .ui-widget-header { color: #262626!important; font-weight: 500; } .ui-widget-content { border: none!important; background: white!important; } .ui-button-text-only .ui-button-text { line-height: 31px!important; font-size: 13px!important; font-weight: 500!important; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: none!important; color: white!important; } .ui-dialog.ui-widget { border: 1px solid #ccc!important; -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5); box-shadow: 0 5px 15px rgba(0,0,0,.5);} .ui-dialog .ui-dialog-content { padding: 0!important; } /** Price Calt Container PDP **/ .outerBoxCalculating.alt.intern .containerCalculating { background-color: aliceblue; } /** BACKEND PROOF SYSTEM **/ .row.header { padding: 10px 0; margin-bottom: 15px; border: 1px solid #e5e5e5; background: #f3f3f3; } .row.header .desktopOnly { display: block; } .row.field { border: 1px solid #e8e8e8; padding: 20px; border-bottom: 0; } .row.field p { margin: 0; padding: 0; font-size: 14px; line-height: 40px; } .row.field a:link, .row.field a:visited:first-letter { text-transform: capitalize} .row.field a:link, .row.field a:visited { font-weight: 600; } .row.field .btn-group .btn { width: 50%;} .row.footer { margin-bottom: -20px; border: 1px solid #e5e5e5; background: #f3f3f3; margin-left: -15px; margin-right: -15px; margin-top: 0; padding: 15px 0; } .row.footer h4 { margin: 0 0 15px 0; padding: 15px; color: #555; font-size: 14px; font-weight: 700; border-bottom: 1px solid #e5e5e5; } .row.footer ul { margin-left: 15px} .row.footer ul li { font-size: 14px; line-height: 24px; } .row.footer ul li i { margin-right: 7px; } .proof-upload label { font-size: 14px; font-weight: 600; line-height: 40px; margin: 0; border-bottom: 1px solid #e5e5e5; margin-bottom: 20px; width: 100%; padding-bottom: 5px; color: #555; } .proof-upload input[type=text] { background: white; height: 44px; width: 100%; border: 1px solid #b2c7db; padding: 10px; float: left; font-size: 13px; font-weight: 300; color: #555; border-radius: 4px; } .proof-upload input[type=file] { background: white; height: 44px; width: 100%; border: 1px solid #b2c7db; padding: 9px 10px 8px 10px; float: left; font-size: 13px; font-weight: 300; color: #555; border-radius: 4px; } .proof-upload input[type=file]:hover { cursor: pointer; } .proof-upload input[type=submit] { height: 44px; } .uploadFilesComplete .infoboxGray { background: #f3f3f3; border: 1px solid #e5e5e5; padding: 30px; border-radius: 5px; float: left; } .uploadFilesComplete .infoboxGray h3 { color: #555; font-weight: 600; font-size: 25px; } .uploadFilesComplete .infoboxGrayItem { border-bottom: 1px solid #e5e5e5; margin-top: 15px; float: left; width: 100%; padding-bottom: 15px } .uploadFilesComplete .infoboxGrayItem span { float: left; width: 100%; } .uploadFilesComplete .infoboxGrayItem i { padding: 20px; background: #e9e7e7; border: 1px solid #e5e5e5; border-radius: 5px;} .uploadFilesComplete hr { margin: 15px 0} .borderRightProof { border-right: 1px solid #ddd} .proofButtons .btn-group { width: 100%; } .proofButtons .btn-group .btn.btn-small.btn-danger { -webkit-box-shadow: 0 3px 0 #448a0f; box-shadow: 0 3px 0 #a51d19; border-color: #c9302c; background-color: #c9302c; -webkit-backface-visibility: hidden; outline: 0; color: #fff; font-weight: 600; padding: 0px 15px; font-size: 15px; transition: all ease 0.1s; margin-bottom: 3px; } .proofButtons .btn-group .btn.btn-small.btn-danger:hover { -webkit-box-shadow: 0 2px 0 #a51d19; box-shadow: 0 2px 0 #a51d19; transform: translate(0, 1px); -webkit-transform: translate(0, 1px); -ms-transform: translate(0, 1px); background-color: #c9302c; } .defTooltip.proofNotes { padding: 8px 13px; color: #014587; background-color: #f3f3f3; border-color: #e5e5e5; margin-right: 5px; } .proofButtons { padding: 0 25px; } .proofInputBackground { background: #f3f3f3; border: 1px solid #e5e5e5; padding: 15px 30px 30px 30px; min-height: 229px; } .proofInputBackground textarea { background: white; height: 115px; width: 100%; border: 1px solid #b2c7db; padding: 10px; float: left; font-size: 13px; font-weight: 300; color: #555; border-radius: 4px; } .proofInputBackground:first-of-type { border-left: 0} .reasonOfReject p { float: left; } .reasonOfReject i { float: left; padding-left: 10px; line-height: 39px; } .proof-onhold .alert.alert-danger { padding: 25px; font-size: 15px; width: 48%; float: right; } .proof-onhold .alert.alert-danger strong { color: #a94442!important; } .proof-onhold .alert.alert-danger p { font-weight: 300!important; color:#a94442!important } .proof-onhold .alert-success { padding: 25px; font-size: 15px; width: 48%; float: left; } .proof-onhold .alert-success strong { color: #3c763d!important; } .proof-onhold .alert-success p { font-weight: 300!important; color:#3c763d!important } /*.modalBoxFooterButton { float: left; border: 1px solid #e5e5e5; padding: 24px; width: 100%; border-top: none; margin-bottom: 30px; }*/ /*.modalBoxFooterButton .btn { width: 100%; }*/ /** JEROEN **/ #completeCategoryOverview #letter-group { float: left; padding-left: 3px; padding-right: 3px; } #User_password { display: none; } #User_password_repeat { display: none; } .addressList[data-addressId]:not(:first-of-type) { display: none; } .orderCounts .orderItemCard:not(.selected) { display: none; } .invoiceList.listPrintList .panel-default:not(.show) { display: none; } .invoicePagination li.pagNumber { display: none; } .invoicePagination.all li.pagNumber { display: inline; } .invoicePagination.open li.pagNumber.open { display: inline; } .invoicePagination.payed li.pagNumber.payed { display: inline; } .invoicePagination.credit li.pagNumber.credit { display: inline; } .ordersView:not([data-type="all"]) { display: none; } [data-page]:not([data-page="1"]) { display: none; } #cookiescript_injected { z-index: 99999999!important; } /** Impersonating */ #top, #bottom, #left, #right, #imp-button-leave { z-index: 10000000000; background: red; position: fixed; } #left, #right { top: 0; bottom: 0; width: 15px; } #left { left: 0; } #right { right: 0; } #top, #bottom { left: 0; right: 0; height: 15px; } #top { top: 0; } #bottom { bottom: 0; } #imp-button-leave { top:15px; right:15px; width: 15%; } /** FINDOLOGIC **/ .ui-autocomplete.ui-front.ui-menu.ui-widget { border: 1px solid #e5e5e5!important; width: 722px; } /* Title bars */ .ui-autocomplete-category { background: #014587!important; border-bottom: 1px solid #e5e5e5!important; margin: 0!important; padding: 2px 0!important; } .ui-autocomplete-category h3 { border: 0!important; font-weight: bold; font-size: 12px!important; color: #fff; padding: 10px 8px 10px 0px!important; } /* Banners */ .fl-item-promotion.fl-promotion-item { padding: 0!important; margin: 0!important; height: 80px!important; } .fl-item-promotion.fl-promotion-item a { padding: 0!important; margin: 0!important; } .fl-item-promotion.fl-promotion-item a:hover { background: #f3f3f3!important; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, #fff, #f3f3f3)!important; /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #fff, #f3f3f3)!important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */} .fl-item-promotion { margin: 0!important; border: 0px; padding: 0px; height: 80px!important; border-bottom: 1px solid #e5e5e5; } .fl-item-promotion:hover { margin: 0!important; border: 0px; padding: 0px; border-radius: 35px; border-bottom: 1px solid #e5e5e5; } .fl-item-promotion a { margin: 0!important; border: 0px; padding: 0px!important; height: 80px } .fl-item-promotion a:hover { border: 0px; padding: 0px; } /* Suggesties */ .fl-item-suggest a { padding: 0!important; margin: 0!important; } .fl-item-suggest .fl-title.col.label { text-align: left!important; line-height: 25px!important; text-align: left!important; color: #555!important; font-weight: 300!important; font-size: 14px!important; } .fl-item-suggest .fl-title.col.label:first-letter { text-transform: uppercase!important; } .fl-item-suggest { border-bottom: 1px solid #e5e5e5!important; } /* Landing pages */ .fl-item-landingpage { padding: 0!important; margin: 0!important; } .fl-item-landingpage .col.label { text-align: left!important; padding: 10px 10px!important; margin: 0!important; } .fl-item-landingpage a { padding: 0!important; margin: 0!important; } .fl-item-landingpage a:hover { background: #f3f3f3!important; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, #fff, #f3f3f3)!important; /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #fff, #f3f3f3)!important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */} /* Categorieen */ .fl-item-cat a { padding: 0!important; margin: 0!important; } .fl-item-cat { border-bottom: 1px solid #e5e5e5!important; } .fl-item-cat .col.label { text-align: left!important; padding: 5px 10px!important; margin: 0!important; } .fl-item-cat .col.label .fl-cat-prefix { padding: 0!important; margin: 0!important; } .fl-item-cat .col.label .fl-cat-main { padding: 0!important; margin: 0!important; } .fl-item-cat .col.label .fl-cat-main { color: #555!important; font-weight: 300!important; font-size: 14px!important; } /* Resultaten */ .fl-block-product h3 { font-weight: bold; font-size: 12px!important; border: 0!important; } .fl-item-product { border-left: 1px solid #e5e5e5!important; border-bottom: 1px solid #e5e5e5!important; } .fl-item-product a { padding: 0!important; margin: 0!important; } .fl-item-product .col.image { width: 65px!important; height:65px!important; padding: 10px; } .fl-item-product .col.price { right: 0; margin-top:32px; padding-left: 9px; position:absolute; width:402px!important; text-align: left!important; } .fl-item-product .col.price .price-label { font-size: 13px!important; font-weight: 300!important; color: #333; line-height:23px; } .fl-item-product .fl-product-info-wrapper { padding-left: 9px; right:0; position:absolute; width:402px!important; text-align: left; height: auto; } .fl-item-product .fl-product-info-wrapper .fl-title.col.label{ height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 5px; } .fl-item-product .fl-title.col.label { padding: 0; font-size: 15px; line-height: 35px; font-weight: 700; color: #333; text-align: left!important; } /* All Results */ .ui-autocomplete-allResults { background: #ff9600!important; color: white!important; border: 1px solid #eb8a00!important; text-decoration: none!important; } .ui-autocomplete-allResults h3 { border: 0!important; text-decoration: none!important; border-bottom: none!important; text-align: center!important; line-height: 32px; font-size: 16px!important; } .ui-autocomplete-allResults:hover { background: #ff7b00!important; } .fl-autocomplete .ui-menu-item .fl-ac-highlight { color: #014587!important; text-decoration: underline } /* Hovers */ .fl-autocomplete li.ui-menu-item a:hover { background: #f3f3f3!important; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, #fff, #f3f3f3)!important; /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #fff, #f3f3f3)!important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ transition: 0.2s; } .fl-autocomplete .ui-menu-item a { padding: 0; background: white!important; transition: 0.2s; } .fl-autocomplete .ui-menu-item { padding: 0; background: white!important; transition: 0.2s; } /** Account Page **/ /*.accountInfoBox ul.list-medium.pull-left { width: 50%; }*/ /* Contact Page */ .sticky-sidebar { z-index: 1; top: 0; position: relative; } .customer-sidebar-checkout { margin-top: 0px; position: sticky; top: 0; right: 0; } /** HEIGHT PRICE (DIRTY)FIXES **/ @media (min-height:535px) and (max-height:619px) { .productPrice legend { margin: 0 0 7px 0; padding: 9px 20px } .priceboxFloat .priceProductInfo, .bottomReached .priceProductInfo { display: none; } } @media (min-height:320px) and (max-height:650px) { .productCalculation.priceboxFloat { position: relative; } .loadingPriceConfig { position: fixed; } .priceboxFloat .priceProductInfo, .bottomReached .priceProductInfo { display: none; } } @media (min-height:668px) and (max-height:868px) { .product-view .breadcrumbs { margin-bottom: 0; } } /* Desktop, groeten van IT */ .showMoreMobile { display: none; } .showMoreMobile .btn-showMoreMobile { height: 25px; width: 100px; padding: 1px; float: right; } .showMoreMobile .btn-showMoreMobile .less { display: none; } .showMoreMobile .btn-showMoreMobile .more { display: block; } .showMoreMobile .btn-showMoreMobile.all .less { display: block; } .showMoreMobile .btn-showMoreMobile.all .more { display: none; } .mobileCheck { display: none; } .imageWrap.spinner-loading { text-align: center; line-height: 242px; } /* Tijdelijke cart dingetjes */ #CartItemEnrichments { width: 100%; float: left; margin-bottom: 20px; padding: 7px 15px; border-radius: 4px; border: 1px solid #e5e5e5; } .hideElement { display: none; } #otherAdres { display: none; width: 100%; float: left; } .expand-otherAdres.hasCompany { float: left; } #gtmPriceContainer { display: none; } /** MOBILE VIEW **/ @media (max-width: 767px) { /* Global */ .no-mobile-view { display: none!important;} .noMobilePadding { padding: 0px; } .no-mobile-view { display: none!important; } .only-mobile-view { display: block!important; } .mobile-splitter { float: left!important; width: 100% !important; } .not-on-mobile { display: none!important;} /** BACKEND PROOF SYSTEM **/ .row.header .desktopOnly { display: none; } .row.field .proofButtons { border-top:0px solid #ddd; padding-top: 10px; } .row.field .btn-group, .row.field .btn-group .btn-group-vertical { width: 100%; } .row.field p { line-height: 24px; } .row.field { padding: 15px; } .borderRightProof { border-right: 0px solid #ddd} .proofButtons { padding: 0 15px; } .reasonOfReject { display: none; } .uploadFilesComplete .infoboxGray { margin-bottom: 30px; } .proof-onhold .alert.alert-danger, .proof-onhold .alert-success { width: 100%; padding: 0 15px } h1.checkoutTitle.approve-text { margin-top: 0; } h1.checkoutTitle.disapprove-text { margin-top: 0; } .proof-approvePage .modal { max-height: 100%!important; padding: 15px 0; } .mobileCheck { display: block; } /** PROFILE PAGE **/ .section.profilePage .content { padding-left: inherit; margin-top: 45px; margin-bottom: 60px; } .section.content.profilePage .noMobileDisplay { display: none; } .section.content.profilePage .btn { width: 100%; } .section.content.profilePage h4 { font-size: 17px; } .section.content.profilePage h2 { font-size: 23px; line-height: 23px; } .section.content.profilePage .content { padding-left: 15px; } .section.content.profilePage select { background: white; } .completeFormCon label { padding: 20px 0px 0px 0px; font-weight: 500!important; margin: 0 0 5px; } .completeFormCon .radio-inline { margin-right: 10px; } .section.content.profilePage .buttonWidth { width: 100%; } .section.content.profilePage .buttonWidth .btn { width: 50%; margin: 0; } .inquiryProof .disclaimer { font-size: 11px; font-weight: 500; text-align: center; } .inquiryProof h4 { padding-bottom: 14px; line-height: 23px; } .accountInfoBox ul { margin-bottom: 30px!important; } .grayBox { } .grayBoxTitle { margin: 30px 0 5px 0!important; font-weight: 600; } .section.content.profilePage .listPrintList .txtStatusSucces, .section.content.profilePage .listPrintList .txtStatusCancelled { display: none; } .section.content.profilePage .btn.btn-orange { width: 100%; float: left; margin-top: 30px; } .orderStatusItem .imageBlockOrder { height: auto} .orderStatusItem ul { padding: 0; border: 0} .orderStatusItem .orderListBlock { width: 100%; height: auto; margin-bottom: 15px; } .orderStatusItem .orderOptionsList { width: 100%; } .orderStatusItem .orderOptionsList .btn { width: 100%; margin-top: 5px; } .timeline { padding: 15px 0px 15px; } .timeline .panel .panel-heading.icon { width: 22px; height: 22px; margin-top: 0; left: -32px; } .timeline .panel-outline .panel-body { margin: 0; padding: 0 } .timeline .panel { margin: 0px 0 0px 25px; } .timeline .panel .panel-heading.icon * { line-height: 22px; } #editOrder .btn.btn-default.btn-small.editProduct { top: 0!important; } } /** LOW RES **/ @media (min-width:768px) and (max-width:991px) { body { background-color: white; } .only-mobile-view { display: none; } .not-on-mobile { display: block; } /** PROFILE PAGE **/ .reasonOfReject p { display: none; } .section.content.profilePage h4 { font-size: 15px!important; } .completeFormCon label { padding: 20px 0px 0px 0px; font-weight: 500!important; margin: 0 0 5px; } .inquiryProof .disclaimer { font-size: 10px!important; font-weight: 500!important; text-align: center; } .section.content.profilePage .descWidth { width: 259px; } .orderStatusItem .orderListBlock { width: 300px; } .orderStatusItem .orderOptionsList { width: 300px; margin-top: 15px!important; border-left: 1px solid #e8e8e8; padding-left: 30px; margin-left: 110px!important; } .accountInfoBox ul { width: 100%; margin-bottom: 20px!important; } /*.accountInfoBox .select2-container--default { background: #e3e3e3; margin-left: -40px; margin-bottom: 10px; width: 100%!important; padding: 1px 2px 2px 1px; border-radius: 4px; width: 414px!important; }*/ .orderStatusItem ul { border-left: 1px solid #e8e8e8; padding-left: 30px!important; float: left; margin: 0!important; } /** BACKEND PROOF SYSTEM **/ .defTooltip.proofNotes { position: absolute; right: 10px; top: 0px; } .row.field p { line-height: 21px; padding-right: 50px; } /** FINDOLOGIC **/ @media (max-width: 991px) { .ui-autocomplete.ui-front.ui-menu.ui-widget { left: 40px!important; } } } /** MED RES **/ @media (min-width: 992px) and (max-width: 1199px) { /** USP's **/ .uspBlock div { margin-left: 18px; margin-right: 18px; } .usp-points .uspItem i { margin-right: 3px; font-size: 17px!important; } /** PROFILE PAGE **/ .section.content.profilePage .descWidth { width: 248px; } .orderStatusItem .orderListBlock { width: 465px; } .orderStatusItem .orderOptionsList { width: 465px; margin-top: 15px!important; border-left: 1px solid #e8e8e8; padding-left: 30px; margin-left: 110px!important; } } @media (min-width: 992px) { #myModalInvoice .modal-dialog {width: 900px; margin: 30px auto; } } /* Color specific styles */ .filterContainer .is-zwart, .filterContainer .is-schwarz { background-color: black; color: white; } .filterContainer .is-wit, .filterContainer .is-weiß { background-color: white; border: 1px solid #ddd; color: black; } /* Keep border for visibility */ .filterContainer .is-blauw, .filterContainer .is-blau { background-color: #2777f0; color: white; } .filterContainer .is-grijs, .filterContainer .is-grau { background-color: #b5b5b5; color: white; } .filterContainer .is-groen, .filterContainer .is-grün { background-color: #3cad44; color: white; } .filterContainer .is-transparant, .filterContainer .is-transparent { background-color: transparent; border: 1px dashed #aaa; color: black; } /* Keep border for visibility - black default */ .filterContainer .is-rood, .filterContainer .is-rot { background-color: #eb3232; color: white; } .filterContainer .is-oranje, .filterContainer .is-orange { background-color: #ffa600; color: black; } .filterContainer .is-roze, .filterContainer .is-rosa { background-color: #eb3dae; color: black; } .filterContainer .is-geel, .filterContainer .is-gelb { background-color: #ffed2b; color: black; } .filterContainer .is-paars, .filterContainer .is-violett { background-color: #8733cc; color: white; } .filterContainer .is-goud, .filterContainer .is-gold { background-color: gold; color: black; } .filterContainer .is-assorti, .filterContainer .is-sortiment { background-color: beige; color: black; } /* Neutral color for 'assorted' */ .filterContainer .is-multicolor, .filterContainer .is-mehrfarbig { background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet); color: black; } /* Example gradient - black may be best default */ .filterContainer .is-bruin, .filterContainer .is-braun { background-color: #947343; color: white; } .filterContainer .is-koper, .filterContainer .is-kupfer { background-color: #c78572; color: white; } .filterContainer .is-brons, .filterContainer .is-bronze { background-color: #be873b; color: white; } .is-overige { background-color: lightgray; color: black; } /* Neutral color for 'other' */ .is-zilver { background-color: silver; color: black; } .is-divers { background-color: lightblue; color: black; } /* Neutral color for 'diverse' */ .is-beige { background-color: beige; color: black; }