/** MODAL BOXES **/ /* Global */ .contentOverlay.disabled { display: none; } .contentOverlay { display: block; height: 100vh; width: 100%; position: fixed; top: 0; left: 0; right: 0; opacity: 0.9; z-index: 51; } .sidebar-menu #slideinClose { transition: 0.2s; position: absolute; right: 2rem; top: 2rem; } .sidebar-menu #slideinClose:hover { transition: 0.2s; } .sidebar-menu.disabled { position: fixed; left: -100vw; } .sidebar-menu { transition: all 0.3s; display: block; width: 475px; height: 100vh; position: fixed; left: 0; top: 0; z-index: 2222222222; padding: 3rem; overflow: auto; } .sidebar-menu .results { float: left; width: 100%;} .sidebar-menu2 { transition: all 0.3s; display: block; width: 540px; height: 100vh; position: fixed; right: 0; top: 0; z-index: 2222222222; padding: 0; overflow: auto; } .sidebar-menu2.disabled { right: -100vw; transition: 0.2s; opacity: 0; position: fixed; z-index: -3 } .sidebar-menu3 { height: auto; bottom: 0; position: fixed; top: auto; padding: 0; /* overflow: hidden; */ z-index: 9999999999999; width: 540px; right: 0; transition: all 0.3s; } .sidebar-menu3.disabled { bottom: -100vw; transition: 0.2s; opacity: 0; position: fixed; z-index: -3 } .sidebar-menu-right.disabled { position: fixed; right: -100vw; } .sidebar-menu-right { background-color: white; transition: all 0.3s; display: block; width: 570px; height: 100vh; position: fixed; right: 0; top: 0; z-index: 11; padding:3rem 4rem 2rem 4rem; overflow: auto; } .sidebar-menu-right .btn { width: 100%; cursor: pointer!important; } .sidebar-menu-right .btn i { cursor: pointer!important; } .sidebar-menu-right #slideinClose { transition: 0.2s; position: absolute; right: 2rem; top: 2rem; padding: 1rem; } .sidebar-menu-right #slideinClose:hover { transition: 0.2s; } .sidebar-menu-right #slideinClose { font-size: 20px; } .sidebar-menu-right #slideinClose:hover { cursor: pointer; color: #333333; } .sidebar-menu ul.list-large li { width: 100%; float: left;} .artwork_sidebar_overlay { background-color: #333333; } .contentOverlay { background-color: #333333; } .sidebar-menu #slideinClose:hover { cursor: pointer; color: #777; } .sidebar-menu2 #slideinCloseRight { position: absolute; right: 25px; } .sidebar-menu2 #slideinCloseRight:hover { cursor: pointer; color: #777; } .sidebar-menu { background-color: white; } .sidebar-menu2 { background-color: white; } .sidebar-menu3 { background-color: white; } #sideSlideBackground, #colorSlideInBackground { display: none; opacity: 0.9; position: fixed; height: 100%; width: 100%; background-color: #333333; z-index: 52; } #colorSlideInBackground { z-index: 4999; } .sideSlideContent { float: left; width: 100%; padding: 30px 40px; height: 100vh; overflow: auto; position: inherit; } .sideSlideContent img { max-height: 50px; } .sidebar-menu .headingSmall { margin-bottom: 0; } .sidebar-menu .subheading-normal { margin-bottom: 40px; } .sidebar-menu #login-form .btn { width: 100%; } .sidebar-menu legend { padding-bottom: 0px; float: left; width: 100%; font-size: 14px; line-height: 27px; } .sidebar-menu .text-small a, .sidebar-menu .text-small a:link, .sidebar-menu .text-small a:visited { color: #1d5994; font-weight: bold; font-size: 13px; line-height: 17px; } /* Checkout - Login */ #selectorPartial_login.active .input-group { margin-bottom: 10px; } #selectorPartial_login.active .input-group-addon { font-size: 15px; font-weight: bold; background-color: #fff; color: #333333; border-top: 2px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; border-left: 2px solid #c5c5c5; border-right: 0px solid #c5c5c5; padding: 12px 17px; border-radius: 6px 0 0 6px; height: inherit; } #selectorPartial_login.active .input-group .form-control { font-size: 15px; font-weight: bold; background-color: #fff; color: #333333; border-top: 2px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; border-left: 1px solid #e5e5e5; border-right: 1px solid #c5c5c5; width: 100%; float: left; padding: 12px 17px; border-radius: 0 6px 6px 0; height: inherit; } #selectorPartial_login { display: none; } #selectorPartial_login.active { display: block; } #selectorPartial_login.active ul.list-medium li a { color: #333333; } /* Checkout - Faq */ #faqSelector .panel-group:first-of-type { margin-top: 0; } #faqSelector .panel-group { margin-bottom: 0; margin-top: 30px; } #faqSelector .panel-default { margin-bottom: 0; } #faqSelector .panel-default .panel-title { font-size: 14px; color: #333333; } #faqSelector .panel-default .panel-title a:link, #faqSelector .panel-default .panel-title a:visited { color: #333333; font-weight: 400; font-size: 14px; } #faqSelector .panel-default .panel-title i { margin-right: 7px; font-weight: 500; } #faqSelector .panel-default>.panel-heading { background-color: transparent; padding: 10px 0px 10px 0px; border-bottom: 0; } #faqSelector .panel-default>.panel-heading+.panel-collapse>.panel-body { padding: 15px 20px; border-top-color: #e5e5e5; background: #f3f3f3f3; border-radius: 6px; } #faqSelector .panel-default>.panel-heading+.panel-collapse>.panel-body p { margin: 0; padding: 0; } #selectorPartial_faq { display: none; } #selectorPartial_faq.active { display: block; } /* Checkout - Contact */ #selectorPartial_contact { display: none; } #selectorPartial_contact.active { display: block; } #selectorPartial_contact li.contactOptions { border-bottom: 1px #E5E5E5 dashed; margin: 0 0 25px 0; padding: 0 0 25px 0; } #selectorPartial_contact li.contactOptions p { float: left; width: 85%; line-height: 27px; margin: 0; padding: 0 0 0 10px; font-size: 14px; } #selectorPartial_contact li.contactOptions i { float: left; line-height: 40px; font-size: 21px; margin-top: 0px; } #selectorPartial_contact li.contactOptions p span { float: left; width: 100%; } #selectorPartial_contact li.contactOptions a { font-weight: bold; color: #3CBF03; text-decoration: underline; cursor: pointer; } #selectorPartial_contact li.contactOptions .phoneActive { width: 7px; height: 7px; border-radius: 9px; background: #3CBF03; float: left; margin-right: 8px; margin-top: 6px; } #selectorPartial_contact li.contactOptions .contactAbility { float: left; width: 80%; padding-left: 10px; line-height: 20px; color: #555; font-size: 12px; } /* Checkout - Disclaimer */ #selectorPartial_disclaimer { display: none; } #selectorPartial_disclaimer.active { display: block; } #selectorPartial_disclaimer .headingSmall { margin-top: 45px!important; } #selectorPartial_disclaimer .headingSmall:first-of-type { margin-top: 0px!important; } /** Print Proof **/ #selectorPartial_proof_a { display: none; } #selectorPartial_proof_a.active { display: block; float: left; width: 100%; } #selectorPartial_proof_r { display: none; } #selectorPartial_proof_r.active { display: block; float: left; width: 100%; } .row-sidebar-proof { padding: 0; float: left; } .row-sidebar-proof .proofProductDetails { float: left; width: 70%; padding-left: 15px; } .row-sidebar-proof img { margin-top: -5px; } .row-sidebar-proof .label-container { width: 100%; float: left; margin-bottom: 15px; } .row-sidebar-proof .content-container { width: 100%; float: left; margin-bottom: 40px; } .row-sidebar-proof .content-container .radio, .row-sidebar-proof .content-container .radio .checkbox { margin: 0} .row-sidebar-proof .content-container .list-medium { margin: 0; } .row-sidebar-proof .content-container .radio input { top: 2px; position: relative; } .row-sidebar-proof .content-container .radio label { width: 100%; font-weight: 400; font-size: 14px; line-height: 30px; color: #222222; } .row-sidebar-proof .content-container form label { font-size: 14px; color: #222222; line-height: 30px; font-weight: 400; } .row-sidebar-proof .content-container form input[type="radio"] { margin-top: 7px; } .row-sidebar-proof .content-container textarea { width: 100%; font-size: 14px; font-weight: bold; color: #222222; background-color: #FAFAFA; box-shadow: 0px -1px 0px 0px #CCCCCC; border-radius: 9px; border-top: 3px solid #F2F2F2; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 10px 15px; height: 120px; margin-top: 1px; margin-bottom: 20px; } .row-sidebar-proof .content-container .hidden_field { display: none; } .row-sidebar-proof .content-container #acceptProofComfirmButton { width: 100%; margin-bottom: 15px; } .row-sidebar-proof .content-container #rejectProofComfirmButton { width: 100%; margin-bottom: 15px; } .row-sidebar-proof .alert.alert-success { width: 100%; float: left; line-height: 27px; font-size: 14px; font-weight: 300; } .row-sidebar-proof .alert.alert-info { width: 100%; float: left; line-height: 27px; font-size: 14px; font-weight: 300; } #acceptMessageAlert .infotxt-small { margin-bottom: 15px; } /** Payments **/ #noSelectedInvoices { margin-top: 10px; } #noSelectedInvoices .alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; } #SelectedInvoices { margin-top: 10px; } #SelectedInvoices .alert.alert-primary { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } /** Quotations **/ .sidebar-offerte { float: left; width: 100%; } .sidebar-offerte .headingMedium { margin-bottom: 0px;} .sidebar-offerte .subheading-normal { width: 100%; float: left; font-size: 15px; line-height: 30px; margin-bottom: 10px; } .sidebarTitleContainer { float: left; width: 100%; margin-bottom: 20px; } .sidebarTitleContainer .headingSmallest { margin-bottom: 0; } #quotationPrintService { float: left; width: 100%; display: block; } .sidebar-half-column { width: 50%; float: left; position: relative; } .sidebar-offerte .divider { float: left; width: 100%; margin: 20px 0 0px 0; } .sidebar-offerte-message { border: 1px solid #e8e5ca; border-radius: 6px; background-color: #f7f4df; color: #9a9453; width: 100%; padding: 7px 13px; margin-top: 20px; float: left; } .sidebar-offerte-message p { margin: 0; padding: 0; color: #9a9453; } .sidebar-offerte-message i { margin-right: 6px; color: #9a9453; } .sidebar-offerte-message2.hideMe { display: none; } .divider.hideMe { display : none; } .sidebar-offerte-message.hideMe { display : none; } .noPrintMessage { float : left; width : 100%; position : relative; border : 2px solid rgb(230, 48, 52); border-radius : 6px; padding : 15px; background-color : rgb(252, 234, 239); margin-bottom : 15px; } .noPrintMessage p { margin : 0px; padding : 0px; font-size : 15px; line-height : 23px; color : rgb(230, 48, 52); font-weight : 300; } .noPrintMessage i { line-height : 42px; float : left; font-size : 27px; margin-right : 15px; } .noPrintMessage .noPrintLink { font-weight : 700; text-decoration-line : underline; } .noPrintMessage .noPrintLink:hover { cursor : pointer; text-decoration: none; } .sidebar-left-column.sidebar-left-column img { margin: 0 25px 0 0; max-height: 120px; padding: 8px; } .sidebar-left-column { width: auto; float: left; position: relative; min-height: auto; } .sidebar-left-column img { display: block; margin: 0 auto; } .sidebar-right-column { width: 60%; float: left; position: relative; } .sidebar-right-column ul.list-small { margin-bottom: 10px; } .sidebar-right-column .offerte-title { font-weight: 800; color: #333333; font-size: 15px; line-height: 30px; float: left; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .sidebar-right-column .offerte-colors:first-letter { text-transform: uppercase; } .sidebar-right-column .offerte-colors { text-transform: lowercase; } .sidebar-right-column .offerte-print:first-letter { text-transform: uppercase; } .sidebar-right-column .offerte-print { text-transform: lowercase; } .sidebar-right-column .divider-text { float: left; width: 100%; margin-top: 10px; line-height: 25px; } .sidebar-right-column .divider-text hr { float: left; width: 100%; margin: 0; } .sidebar-right-column .divider-text span { font-size: 14px; line-height: 25px; font-weight: 800; } .sidebar-right-column .salePrice { font-weight: bold; color: #448A10; } .sidebar-right-column strike { font-weight: 300; color: #555; } #sidebar-offerte-price ul li { float: left; width: 100%; position: relative; } #contact-sideform .selectBox:hover { cursor: inherit; } #contact-sideform .sideNote { font-size: 12px; padding: 10px 10px 0px 10px; line-height: 27px; color: #333333; float: left; width: 100%; font-weight: 800; } #contact-sideform label { width: 100%; float: left; margin-bottom: 0px; line-height: 30px; font-size: 14px; font-weight: 400; margin-top: 0; } #contact-sideform input[type="email"], #contact-sideform input[type="text"] { font-family: "Roboto",sans-serif; font-size: 14px; font-weight: bold; background-color: #fff; color: #333333; border-top: 2px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; border-left: 2px solid #c5c5c5; border-right: 1px solid #c5c5c5; border-radius: 6px; padding-left: 15px; height: auto; cursor: text!important; } #contact-sideform input[type="text"]:active, #contact-sideform input[type="email"]:active, #contact-sideform input[type="text"]:focus, #contact-sideform input[type="email"]:focus { background-color: #EDF2F6 } #contact-sideform textarea:active, #contact-sideform textarea:focus { background-color: #EDF2F6 } #contact-sideform textarea { padding: 15px; font-size: 14px; font-weight: bold; color: #333333; } #contact-sideform .checkbox { border: 1px dashed #707070; border-radius: 6px; float: left; width: 100%; padding: 10px 12px; color: #014586; margin: 0 0 25px 0; text-align: center; } #contact-sideform .checkbox input { display: none; } #contact-sideform .checkbox label { color: #72c02c; font-weight: bold; text-decoration: underline; text-align: center; margin: 0; } #contact-sideform .checkbox label:hover { cursor: pointer; color: #222222; } #contact-sideform .checkbox:hover { background-color: #F0F9E9; color: #222222; border-color: #71C02D; cursor: pointer; text-decoration: none; } #contact-sideform .form-group { float: left; width: 100%; } #contact-sideform #sidebarExtraComment { display: none; margin-bottom: 40px; } #contact-sideform .form-group .input_note { font-size: 11px; line-height: 17px; float: left; width: 100%; font-weight: 400; margin-top: 5px; color: #555555; } .selectBox.offerte-input-error { border-top: 2px solid #f7b2b9!important; border-bottom: 1px solid #f7b2b9!important; border-left: 2px solid #f7b2b9!important; border-right: 1px solid #f7b2b9!important; background-color: #f8d7da!important; } #contact-sideform .dz-message { border: 1px dashed #707070; border-radius: 6px; float: left; width: 100%; padding: 10px 12px; color: #72c02c; margin: 0 0 0px 0; text-align: center; font-weight: bold; line-height: 30px; } #contact-sideform .dz-message:hover { background-color: #F0F9E9; border-color: #71C02D; color: #222222; cursor: pointer; text-decoration: none; } #contact-sideform .dz-message span { text-decoration: underline; padding-left: 3px; } .dropzone, .dropzone.dz-clickable { padding: 0!important; border: 0!important; } .dz-preview-container { float: left; width: 100%; border: 0px dashed #e5e5e5; border-radius: 6px; } #sidebar-price-selector { width: 100%; float: left; background: #f3f3f3; padding: 10px 0px 10px 0px; margin-bottom: 15px; border-radius: 6px; } #sidebar-price-selector ul { margin: 0 0 0 -20px; width: 100%; float: left; } #sidebar-price-selector ul li { margin: 0; width: 100%; float: left; line-height: 25px; font-size: 14px; list-style: none; } .warning { background-color: #d4edda; padding: 45px 30px; float: left; width: 100%; border-radius: 6px; color: #155724; } .warning .heading-small { font-size: 15px; line-height: 27px; text-align: center; color: #155724; font-weight: 800; } .warning p { font-size: 15px; line-height: 27px; text-align: center; color: #155724; font-weight: 300; } #sidebar-list-value { display: none; } .btwPrice-no, .btwPrice-yes { display: none; } .btwPrice-no.active { display: block!important; float: left; } .btwPrice-yes.active { display: block!important; float: left; } #emailInvoice i { padding-left: 11px; } #contactFormOffer #user_email { display: none; } #contactFormOffer #tel_GAds { display: none; } #newABform { display: none; float: left; } #newABformInput { display: none; float: left; } #myModalOnlinePDF .closeWindow { width:auto; height: auto; right: 0; position: absolute; background: #f1f1f1; margin-top: 0; border-radius: 0 6px 0 6px; z-index: 99999; overflow: hidden; } #myModalOnlinePDF .closeWindow i { padding: 20px; } #myModalSampleBox .closeWindow i:hover { transition: 0.2s; background-color: #e2e2e2; } #myModalOnlinePDF .modal-dialog { width: 920px; margin: 30px auto; } #myModalOnlinePDF .fa.fa-star { margin-right: 5px; } #myModalOnlinePDF .modalBoxLeft { width:389px; float: left; border-right: 1px solid #e5e5e5; padding-right: 45px; padding-left: 15px; padding-top: 15px; margin-bottom: 30px; } #myModalOnlinePDF .modalBoxRight { width:440px; float: left; padding-left: 60px; margin-bottom: 30px; padding-top: 10px; padding-bottom: 10px; } #myModalOnlinePDF .invoiceProduct img { width: 33%; float: left; padding-right: 30px; margin-bottom: 0; margin-top: -12px; } #myModalOnlinePDF .invoiceProduct p { width: 67%; margin: 0; float: left; } #myModalOnlinePDF .invoiceProduct h1 { width: 67%; margin: 0; float: left; } #myModalOnlinePDF .modalBoxRight h3 { margin-top: 20px; margin-bottom: 5px; border-bottom: 0; width: 100%; } #myModalOnlinePDF .modalBoxRight label { margin: 0; float: left; width: 100%; } #myModalOnlinePDF p.note { width: 100%; float: left; margin: 15px 0!important; } #myModalOnlinePDF .checkoutForm { float: left; width: 100%; padding: 0; margin-top: 5px; } #myModalOnlinePDF .radioCheckout { margin-bottom: 15px; } #myModalOnlinePDF .inputCheckout { margin-bottom: 15px; } #myModalOnlinePDF .inputCheckout input[type="text"] { margin: 3px 0 0 0; } #myModalOnlinePDF .radio-toolbars input[type="radio"] { top: 11px; left: 20px; } #myModalOnlinePDF .checkoutForm .btn.btn-primary { margin-top: 10px; } #myModalOnlinePDF .checkoutForm .btn.btn-success.btn-lg { margin-top: 10px; } #myModalOnlinePDF .checkoutForm #emailInvoice_alt i { padding-left: 5px; line-height: 45px; margin-top: 3px; position: relative; top: 1px; } #myModalOnlinePDF .checkoutForm .input-title { margin-top: 0; } #myModalOnlinePDF .customDateField { border-top: 1px dashed #e5e5e5; padding-top: 10px; margin-top: 10px; } #myModalOnlinePDF #oldABformInput label { margin-top: 15px; margin-bottom: 5px; } #myModalOnlinePDF #oldABformInput .askForNewsletter label { margin-top: 0; margin-bottom: 10px; font-weight: bold; } .offerte-block ul.list-icon-small { padding: 0; margin: 0; width: 100%; float: left; } .offerte-block ul.list-icon-small li { list-style: none; } .offerte-block .divider-small-text { margin-bottom: 15px; } .offerte-block .divider-small-text .txt span { top: 12px; } #myModalOnlinePDF .inputCheckout input[type="email"], #myModalOnlinePDF .inputCheckout input[type="tel"] { background-color: #fff; width: 100%; float: left; padding: 12px 5px 12px 9px; margin: 3px 0 0 0; height: inherit; border-top: 2px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; border-left: 2px solid #c5c5c5; border-right: 1px solid #c5c5c5; border-radius: 6px; color: #333333; font-weight: bold; } .inPdf { width: 100%; height: auto; } #wrap { z-index: 5!important;} .product-view .inPdf { display: none} .textLayer { margin: 55px; top: 30px; width: 350px; height: 300px; } .canvasWrapper { margin: 55px; top: 30px; height: 300px; } /** Active Container - PMS or FAQ **/ .slide-tab { display: none; } .slide-tab.selected { display: block; float: left; width: 100%; } .slide-tab.selected form { float: left; width: 100%; } .slide-tab.selected .colorCircle { width: 33px; height: 33px; float: left; margin: 3px; transition: 0.2s; border-radius: 50%; border: 1px #e5e5e5 solid; } .slide-tab.selected .colorCircle.active { transition: 0.2s; opacity: 0.2; border: 3px solid #014587; } .slide-tab.selected .colorCircle.customcolor { display: none; } .slide-tab.selected .colorCircle:hover { cursor: pointer; opacity: 0.65; } /** Artwork **/ #loadingPlaceholderColor { transition: 0.2s; padding: 5px 0 5px 0; display: none; } #sideSlide .container { width: 100%; } #sideSlide .artworkProduct { float: left; width: 100%; padding-bottom: 20px; } #sideSlide .artworkProduct img { float: left; margin-right: 17px; max-height: 40px; } #sideSlide .artworkProduct .heading-normal { float: left; line-height: 40px; padding-left: 30px; max-width: 84%; height: 50px; overflow: hidden; } #sideSlide .artworkProduct .headingSmall { line-height: 50px; float: left; width: 70%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: 0; } #sideSlide .artworkMessageTop { float: left; width: 100%; margin-top: 20px; margin-bottom: 20px; } #sideSlide .artworkMessageTop .headingTiny { margin-bottom: 0; } #sideSlide .artworkMessageTop p { margin: 0; padding: 0 0 15px 0; } #sideSlide .closeEnrichmentSlide { float: left; width: 100%; padding: 6px; text-align: center; display: block; border-radius: 6px; } .colorsComplete { float: left; width: 100%; } /* Artwork item */ .startpointArtworkForm { float: left; width: 100%; margin-bottom: 15px; border-radius: 6px; padding: 26px 30px 30px 30px; width: 100%; background: #f3f3f3; border: 0px solid #e5e5e5; border-bottom: 3px solid #c8c8c8; } .startpointArtworkForm .btnOptionText { float: left; width: 100%; font-size: 15px; line-height: 30px; font-weight: bold; color: #333333; } .startpointArtworkForm .heading-small { float: left; } .startpointArtworkForm .headingTiny { float: left; margin-bottom: 0; } .startpointArtworkForm .headingSmallest { float: left; } .startpointArtworkForm .label-block-small { float: right; margin-right: 0; } .startpointArtworkForm .label-block-default { float: right; margin-right: 0; margin-top: -2px; background-color: white; } .startpointArtworkForm .label-block-dark { border: 1px solid #333333; margin-top: -2px; } .startpointArtworkForm .added_succes { float: left; width: 100%; background: #edf7ed; padding-bottom: 12px; border-radius: 6px; } .startpointArtworkForm .added_succes span { float: left; width: 100%; text-align: center; line-height: 20px; } .startpointArtworkForm .added_succes i { float: left; width: 100%; text-align: center; line-height: 20px; font-weight: 500; font-size: 20px; color: #448A10!important; margin-bottom: 9px; margin-top: 9px; } .startpointArtworkForm .added_succes a, .startpointArtworkForm .added_succes a:link, .startpointArtworkForm .added_succes a:visited { float: left; width: 100%; text-align: center; line-height: 20px; font-weight: bold; font-size: 14px; color: #014586; cursor: pointer; } .startpointArtworkForm .added_succes_text { background: #edf7ed; float: left; padding-bottom: 12px; width: 100%; border-radius: 6px; } .startpointArtworkForm .added_succes_text span { float: left; width: 100%; text-align: center; line-height: 20px; } .startpointArtworkForm .added_succes_text i { float: left; width: 100%; text-align: center; line-height: 20px; font-weight: 500; font-size: 20px; color: #3EA300!important; margin-bottom: 9px; margin-top: 9px; } .startpointArtworkForm .added_succes_text a, .startpointArtworkForm .added_succes_text a:link, .startpointArtworkForm .added_succes_text a:visited { float: left; width: 100%; text-align: center; line-height: 20px; font-weight: bold; font-size: 14px; color: #014586; cursor: pointer; } .startpointArtworkForm .added_succes.hidden { display: none; } .startpointArtworkForm .added_succes_text.hidden { display: none; } .startpointArtworkForm .artwork_state_container { width: 100%; float: left; position: relative; margin-bottom: -4px; min-height: 100px; } .startpointArtworkForm .artwork_state_container.left { background: white; padding: 15px; float: left; width: 50%; margin-top: 14px; border-radius: 6px 0 0 6px; } .startpointArtworkForm .artwork_state_container.right { background: white; padding: 15px; float: left; width: 50%; margin-top: 0px; border-radius: 0 6px 6px 0; } .startpointArtworkForm .artwork_state_container i { font-size: 22px; color: #014586; font-weight: 500; } .startpointArtworkForm .btn.add_logo { float: left; } .startpointArtworkForm .btn.add_logo:hover { font-weight: 800; border-radius: 6px; background-color: #f3f3f3; } .startpointArtworkForm .btn.add_text { float: left; } .startpointArtworkForm .btn.add_text:hover { font-weight: 800; border-radius: 6px; background-color: #f3f3f3; } .artwork_state_container .placeholderArtworkForm.disabled { display: none; } .artwork_state_container .placeholderArtworkForm { display: block; float: left; width: 100%; } /* Completed artwork added */ .sideSlideContent .alert { width: 100%; text-align: center; } .sideSlideContent .smalltext.text-center { float: left; width: 100%; font-weight: 500; font-size: 13px; line-height: 23px; } /* Artwork - Tabs */ .CartItemEnrichmentTabs { width: 100%; float: left; margin-bottom: 10px; margin-top: 0px; display: flex; justify-content: stretch; } .CartItemEnrichmentTabs.colorChoice { display: block; justify-content: inherit; } .CartItemEnrichmentTabs .sideSlideTabButton { margin-right: 7px; text-align: center; background-color: #fff; border: 1px solid #CCCCCC; border-radius: 6px; padding: 8px 15px 6px 15px; float: left; width: auto; position: relative; border-bottom: 3px solid #F2F2F2; overflow: hidden; margin-bottom: 15px; line-height: 21px; font-size: 15px; color: #333333; font-weight: bold; } .CartItemEnrichmentTabs .sideSlideTabButton.selected { border-top: 3px solid #034687; background-color: #edf2fb; border-left: 1px solid #034687; border-right: 1px solid #034687; border-bottom: 1px solid #034687; line-height: 17px; font-weight: bold; } .CartItemEnrichmentTabs .sideSlideTabButton:hover { cursor: pointer; } /** Fase Titles **/ .sidebar-subtext-container { float: left; width: 100%; position: relative; padding: 40px 40px 30px 40px; background-color: white; } .sidebar-subtext-container .headingSmall { margin-bottom: 15px; } .sidebar-subtext-container .label-block-small { position: absolute; right: 0; top: 0px; } .sidebar-subtext-container .label-block-default { float: right; margin-right: 0; } .sidebar-subtext-container .label-block-dark { border: 1px solid #333333; } /* Fase 1 - Logo */ .printRow.fase_1_logo .rowContent { background-color: white; width: 540px; transition: 0.2s; } .printRow.fase_1_logo .uploadDialog { width: 100%; float: left; height: auto; } .printRow.fase_1_logo .heading-normal { padding: 30px 30px 0 30px; } .printRow.fase_1_logo p.introTxt { padding: 0px 30px 0 30px; margin: 0 } .printRow.fase_1_logo .box { display: none; background-color: #cce5ff; border: 1px solid #b8daff; width: 100%; float: left; padding: 3rem 1.25rem 2rem 1.25rem; border-radius: 6px; margin-top: 15px; } .printRow.fase_1_logo .box .smalltext.text-center { color: #004085; font-size: 15px; padding-left: 13%; padding-right: 13%; padding-top: 0; line-height: 20px; margin-bottom: 0; margin-top: 10px; } .printRow.fase_1_logo .inputfile { display: none; } .printRow.fase_1_logo .iconPl { display: none; } .printRow.fase_1_logo .uploadBtnWrapper.active .box { display: none; } .printRow.fase_1_logo .uploadBtnWrapper.active .inputfile { display: block; background: #F3F3F3; border: 0; border-radius: 6px 6px 0 0; padding: 30px 30px 10px 30px; line-height: 30px; font-size: 14px; font-weight: bold; } .printRow.fase_1_logo .uploadBtnWrapper.active .inputfile:hover { cursor: pointer; } .printRow.fase_1_logo .uploadBtnWrapper.completed .iconPl { display: block; width: 100%; float: left; margin-bottom: 4px; height: auto; padding: 15px; border-bottom: 2px solid #e5e5e5; background-color: #d4edda; border: 1px solid #c3e6cb; border-bottom: 3px solid #c3e6cb!important; } .printRow.fase_1_logo .uploadBtnWrapper.completed .box { display: none; width: 48%; float: right; } .printRow.fase_1_logo .uploadBtnWrapper.completed .inputfile { display: block; background: #F3F3F3; border: 0px solid #b8daff; border-radius: 6px 6px 0 0; line-height: 30px; font-size: 14px; font-weight: bold; } .printRow.fase_1_logo .uploadBtnWrapper.completed .inputfile:hover { cursor: pointer; } .printRow.fase_1_logo #submitArtworkSettings { float: left; width: 100%; margin-top: 20px; } .printRow.fase_1_logo #loadingPlaceholder { text-align: center; font-size: 25px; transition: 0.2s; padding: 5px 0 5px 0; display: none; } .printRow.fase_1_logo .uploadBtnWrapper { display: block; padding: 0px 40px 0px 40px; float: left; width: 100%; } .printRow.fase_1_logo .uploadBtnWrapper.disabled { display: none; } .printRow.fase_1_logo .uploadBtnWrapper input[type=file] { border: 1px solid #e5e5e5; border-radius: 6px; border-bottom: 2px solid #e5e5e5; padding: 15px 20px; float: left; width: 100%; float: left; } .printRow.fase_1_logo .uploadBtnWrapper .iconPl { border: 1px solid #e5e5e5; border-radius: 6px; width: 100%; float: left; width: 35%; padding: 15px; border-right: 0; height: 90px; } .printRow.fase_1_logo .uploadBtnWrapper .iconPl .imgPreview { max-height: 75px; max-width: 100%; margin: 0 auto; display: block; } .printRow.fase_1_logo .uploadBtnWrapper .uploadLogoSuccess { border: 1px solid #c0dec8; border-radius: 0 6px 6px 0; background-color: #d4edda; display: none } .printRow.fase_1_logo .uploadBtnWrapper .uploadLogoSuccess .alert_box { line-height: 85px; font-weight: 300; font-size: 15px; } .printRow.fase_1_logo .uploadBtnWrapper .infotxt-small { float: left; width: 100%; margin-bottom: 0; font-size: 13px; font-weight: 400; line-height: 23px; background-color: #F3F3F3; border-radius: 0 0 6px 6px; padding: 0 30px 30px 30px; } .printRow.fase_1_logo .inputfile + label { font-size: 1.25rem; font-weight: 700; } .printRow.fase_1_logo .inputfile:focus + label, .printRow.fase_1_logo .inputfile.has-focus + label { outline: 1px dotted #000; } .printRow.fase_1_logo .btnContainerUploadLogo { width: 100%; float: left; padding: 10px 40px 40px 40px; } .printRow.fase_1_logo .btnContainerUploadLogo .btn { width: 100%; margin: 0; } .printRow.fase_1_logo .uploadBtnWrapper .uploadLogoSuccess { float: left; width: 65%; height: 85px; } .printRow.fase_1_logo .uploadBtnWrapper .uploadLogoSuccess .alert_box { padding-left: 30px; } .box .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .inputfile + label { max-width: 80%; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: inline-block; overflow: hidden; padding: 0.625rem 1.25rem; } .no-js .inputfile + label { display: none; } .inputfile:focus + label, .inputfile.has-focus + label { outline: -webkit-focus-ring-color auto 5px; } .inputfile + label svg { width: 1em; height: 1em; vertical-align: middle; fill: currentColor; margin-top: -0.25em; margin-right: 0.25em; } .inputfile-5 + label { margin: 0 auto; display: block; color: #d3394c; } .inputfile-5 + label figure { width: 68px; height: 75px; display: block; position: relative; padding: 15px; margin: 0 auto 10px; transition: 0.2s; } .inputfile-5:focus + label figure, .inputfile-5.has-focus + label figure, .inputfile-5 + label:hover figure { transition: 0.2s; } .inputfile-5 + label figure::before, .inputfile-5 + label figure::after { width: 0; height: 0; content: ''; position: absolute; top: 0; right: 0; border-bottom: 20px solid #fff; border-right: 20px solid transparent; } .inputfile-5 + label svg { width: 100%; height: 100%; fill: #f1e5e6; } .inputfile-5:focus + label, .inputfile-5.has-focus + label, .inputfile-5 + label:hover { color: #722040; } .inputfile-5 + label figure { background-color: #014587; } .inputfile-5:focus + label figure, .inputfile-5.has-focus + label figure, .inputfile-5 + label:hover figure { background-color: #022450; } .inputfile-5:focus + label figure::after, .inputfile-5.has-focus + label figure::after, .inputfile-5 + label:hover figure::after { border-bottom-color: #fff; } /* Fase 1 - Text */ .printRow.fase_1_text .rowContent { width: 100%; float: left; height: auto; bottom: 0; position: absolute; transition: 0.2s; padding-bottom: 20px; background-color: white; } .printRow.fase_1_text select { border: 1px solid #e5e5e5; border-radius: 6px; } .printRow.fase_1_text textarea { font-size: 15px; font-weight: bold; background-color: #fff; color: #333333; border-top: 2px solid #c5c5c5; border-bottom: 1px solid #e5e5e5; border-left: 2px solid #e5e5e5; border-right: 1px solid #c5c5c5; width: 100%; border-radius: 6px; } .printRow.fase_1_text .introTxt { padding: 0 0 0 30px; } .printRow.fase_1_text p.introTgitxt { padding: 0px 30px 10px 30px; } .printRow.fase_1_text .selectText { width: 100%; float: left; } .printRow.fase_1_text select { width: 100%; float: left; margin: 15px 0; width: 100%; padding: 10px; } .printRow.fase_1_text textarea { width: 100%; float: left; padding: 13px 17px;margin: 10px 0 0px 0; height: 12rem; } .printRow.fase_1_text .optionalTxt { width: 100%; float: left; padding: 0 25px; } .printRow.fase_1_text .optionalTxt .content-block-orange { margin-top: 0; margin-bottom: 15px; } .printRow.fase_1_text .selectedTextOptions { padding: 0 15px; } .printRow.fase_1_text .customFileUploadBtn { width: 100%; float: left; } .printRow.fase_1_text .positionFix { padding: 0 25px 20px 25px; } .printRow.fase_1_text .content-block-gray { background-color: #f3f3f3; padding: 30px; margin: 0px 0 20px 0; } .printRow.fase_1_text .content-block-gray .label-block-default { margin-bottom: 10px;} .printRow.fase_1_text .selectedTextOptions .btn { width: 100%; } .printRow.fase_1_text .content-block-gray .btn { width: auto; } /** Fase 2 **/ .printRow.fase_2_color .rowContent { width: 100%; float: left; height: auto; bottom: 0; padding: 0; position: absolute; background-color: white; } .printRow.fase_2_color .hasColor { width: 100%; float: left; padding: 0 30px; } .printRow.fase_2_color .heading-normal { padding: 30px 30px 0 10px; } .printRow.fase_2_color #submitArtworkSettings { float: left; width: 100%; margin: 5px 0 15px 0; } .printRow.fase_2_color .colorPicker { padding: 0px 40px 30px 40px; width: 100%; float: left; } .printRow.fase_2_color .colorPicker p { margin-bottom: 0} .printRow.fase_2_color .colorPicker .smalltext.text-center { float: left; width: 100%; font-weight: 500; font-size: 13px; line-height: 23px; padding: 0; } /* Fase 2 - Default Colors */ .printRow.fase_2_color #colorsPreviewBox { float: left; width: 100%; margin-top: 30px; border-top: 1px solid #e5e5e5; padding: 30px 0 0 0; } .printRow.fase_2_color #colorsPreviewBox .syncColors { float: right; font-size: 13px; color: #333333; font-weight: 600; position: relative; z-index: 999; width: 100%; } .printRow.fase_2_color #colorsPreviewBox .removeOptionsColors { float: left; width: 100%; margin-bottom: 15px; font-size: 13px; line-height: 30px; font-weight: 400; color: #333333; z-index: 99999; position: relative; } .printRow.fase_2_color #colorsPreviewBox .removeOptionsColors .syncColors { width: auto!important; font-weight: bold; color: #004388; } .printRow.fase_2_color .syncColorOptions.bottom { float: left; width: 100%; z-index: 9999; position: relative; } .printRow.fase_2_color .syncColorOptions.bottom i { margin-left: 6px; } .printRow.fase_2_color .syncColorOptions.bottom .btn { width: 100%; margin-bottom: 10px; } .printRow.fase_2_color #colorsPreviewBox .summListItem { border: 0px #e5e5e5 solid; width: 47px; height: 47px; border-radius: 50%; transition: 0.2s; display: block; margin: 0 auto; -moz-box-shadow: 0px 1px 1px rgba(55,55,55,0.9); -webkit-box-shadow: 0px 1px 1px rgba(55,55,55,0.9); box-shadow: 0px 1px 1px rgba(55,55,55,0.9); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.90); -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.90)"; } .printRow.fase_2_color #colorsPreviewBox .summListItem i { line-height: 33px; text-align: center; position: absolute; } .printRow.fase_2_color #colorsPreviewBox .colorCircleContainer { float: left; padding:0; width: 20%; } .printRow.fase_2_color #colorsPreviewBox .colorCircleContainer .colorName { font-size: 11px; line-height: 17px; color: #333333; font-weight: 400; text-align: center; margin-top: 10px; float: left; width: 100%; } .printRow.fase_2_color #colorsPreviewBox .colorCircleContainerEmpty { float: left; padding: 0; width: 20%; } .printRow.fase_2_color #colorsPreviewBox .colorCircleContainerEmpty .summListItem { -moz-box-shadow: 0px 0px 0px 1px rgba(55,55,55,0.0); -webkit-box-shadow: 0px 0px 0px 1px rgba(55,55,55,0.0); box-shadow: 0px 0px 0px 1px rgba(55,55,55,0.0); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.0); -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.0)"; border: 1px solid #e5e5e5!important; } .printRow.fase_2_color #previewColorPlaceholders { float: left; width: 100%; z-index: 4; position: relative; height: 100px; } .printRow.fase_2_color #previewColorPlaceholdersBlank { float: left; width: 100%; position: relative; margin-top: -100px; z-index: 1; height: 100px } /* Fase 2 - PMS Colors */ .printRow.fase_2_color .PMScontainerOptions { margin-top: 10px; margin-bottom: 30px; float: left; width: 100%; } .printRow.fase_2_color .colorPicker { float: left; } .printRow.fase_2_color .colorPicker .selectedColor { border-radius: 50%; border: 1px #e5e5e5 solid; width: 30px; height: 30px; transition: 0.2s; display: block; margin: 6px auto; } .printRow.fase_2_color .colorPicker .clickColorSelector:first-of-type { display: block; border: 0px solid #e5e5e5; float: left; background: white; margin-top: 20px; } .printRow.fase_2_color .colorPicker .clickColorSelector { display: none; } .printRow.fase_2_color .colorPicker .clickColorSelector .pickedColors { float: left; width: 100%; } .printRow.fase_2_color .selectButtonRow { float: left; width: 100%; display: flex; justify-content: flex-start; border-bottom: 1px solid #e5e5e5; padding-bottom: 9px; padding-top: 9px; } .printRow.fase_2_color .selectButtonRow .selectedColorLeft { margin-right: 10px; } .printRow.fase_2_color .selectButtonRow .selectedColorMiddle { flex-grow: 3; } .printRow.fase_2_color .sidebar-menu3 .modal-content { border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; border-radius: 0; } .printRow.fase_2_color .sidebar-menu3 .modal-content .pmsSearch { background-color: #f3f3f3; border-bottom: 1px solid #e5e5e5; } .printRow.fase_2_color .sidebar-menu3 .modal-content .pmsSearch input[type="text"] { border-radius: 6px; border: 1px solid #e5e5e5; border-left: 2px solid #ddd; border-top: 2px solid #ddd; } .printRow.fase_2_color .sidebar-menu3 .modal-content .sideSlideContent { border-bottom: 1px solid #e5e5e5; } .printRow.fase_2_color .sidebar-menu3 .modal-content .data .colorPickerButton { font-size: 12px; font-weight: 300; } .printRow.fase_2_color .sidebar-menu3 .modal-content .data .colorPickerPreview { border-radius: 6px; border: 1px solid #e5e5e5; } .printRow.fase_2_color .sidebar-menu3 .modal-content .data .colorPickerPreview:hover { cursor: pointer; } .printRow.fase_2_color #colorSlideIn>div, #sideSlide>div { height: 100%; } .printRow.fase_2_color #colorSlideIn .scroll-x, #sideSlide .scroll-x { display: none; } .printRow.fase_2_color div#colorSlideIn.sidebar-menu2 { display: block; } .printRow.fase_2_color div#colorSlideIn.sidebar-menu2.disabled { display: none; } .printRow.fase_2_color div#colorSlideIn.sidebar-menu2 .colorPickerPreview { width: 100%; height: 35px; } .printRow.fase_2_color .optionalTxt.clearPMS { color: #014586; font-weight: bold; line-height: 30px; padding-top: 6px; padding-bottom: 6px; font-size: 13px; } .printRow.fase_2_color .optionalTxt.clearPMS:hover { text-decoration: underline; cursor: pointer; } .printRow.fase_2_color .selectColor { border: 0px; border-radius: 6px; width: 270px; padding: 6px; line-height: 30px; font-size: 15px; font-weight: 500; color: #333333; } .printRow.fase_2_color .selectColor:hover { cursor: pointer; background-color: #F3F3F3; } .printRow.fase_2_color .selectColor .pickColorText { color: #004388; text-decoration: underline; } .printRow.fase_2_color .selectColor .pickedColorText { color: #333333; text-decoration: none; } /** Fase 3 - ??? **/ .printRow.fase_3_comment .rowIcons { width: 100%; float: left; } .printRow.fase_3_comment .rowContent { width: 100%; float: left; height: 100%; } .fal.fa-chevron-down.artworkMenu { position: absolute; right: 40px; top: -15px; padding: 12px 10px 8px 10px; transition: 0.2s } .sidebar-menu2 .selectColorPicker select { width: 100%; padding: 10px; margin: 0; } .sidebar-menu2 .selectColorPicker { margin-top: 1px; display: none; opacity: 0.8; width: 100%; } .sidebar-menu2 .selectColorPicker select { border: 1px solid #e5e5e5; border-radius: 6px; } /* Active effect */ .printRow.fase_1_logo { position: fixed; bottom: 0; right: 0; width: 540px; transition: 0.3s; height: auto; opacity: 1; z-index: 4; } .printRow.fase_1_text { position: fixed; bottom: 0; padding-top: 10%; right: 0; width: 540px; transition: 0.31s; height: 100vh; opacity: 1; z-index: 5; } .printRow.fase_2_color { position: fixed; bottom: 0; padding-top: 15%; right: 0; width: 540px; transition: 0.31s; height: 100vh; opacity: 1; z-index: 6; } .printRow.fase_3_comment { position: fixed; bottom: 0; padding-top: 20%; right: 0; width: 540px; transition: 0.3s; height: 100vh; opacity: 1; z-index: 7; } /* Hidden effect */ .printRow.fase_1_logo.disabled { position: absolute; bottom: -100vh; right: 0; width: 540px; transition: 0.3s; z-index: -4; opacity: 0; } .printRow.fase_1_text.disabled { position: absolute; bottom: -100vh; right: 0; width: 540px; transition: 0.3s; z-index: -4; opacity: 0; } .printRow.fase_2_color.disabled { position: absolute; bottom: -100vh; right: 0; width: 540px; transition: 0.3s; z-index: -4; opacity: 0; } .printRow.fase_3_comment.disabled { position: absolute; bottom: -100vh; right: 0; width: 540px; transition: 0.3s; z-index: -4; opacity: 0; } /* Background overlay */ .artwork_sidebar_overlay { opacity: 0.8; position: fixed; right: 0; width: 540px; height: 100vh; display: block; top: 0; z-index: -1; } .printRow.fase_1_logo.disabled > .artwork_sidebar_overlay { display: none; } .printRow.fase_1_text.disabled > .artwork_sidebar_overlay { display: none; } .printRow.fase_2_color.disabled > .artwork_sidebar_overlay { display: none; } .printRow.fase_3_comment.disabled > .artwork_sidebar_overlay { display: none; } /* PMS Color Picker */ .sidebar-menu3 .modal-header { padding: 0; margin: 0; height: auto!important; } .sidebar-menu3 .modal-header .headingSmall { padding: 30px 30px 0 30px; } .sidebar-menu3 .modal-header p.introTxt { padding: 0px 30px 0 30px; } .sidebar-menu3 .modal-content { float: left; overflow: hidden; box-shadow: none; padding-top: 0px; padding-bottom: 0px; border: 0; } .sidebar-menu3 .modal-content .pmsSearch { width: 100%; float: left; padding: 15px 20px; margin-bottom: 0px; } .sidebar-menu3 .modal-content .pmsSearch input[type="text"] { font-size: 14px; font-weight: bold; color: #333333; background-color: white; box-shadow: 0px -1px 0px 0px #CCCCCC; border-radius: 5px; border-top: 3px solid #F2F2F2; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 10px 16px; width: 100%; } .sidebar-menu3 .modal-content .sideSlideContent { padding: 0; overflow: auto; max-height:80vh; } .sidebar-menu3 .modal-content .sideSlideContent #slideinClose { } .sidebar-menu3 .modal-content .sideSlideContent .data { padding: 25px; width: 100%; height: 100%; float: left; } .sidebar-menu3 .modal-content .data .colorPickerButton { margin-bottom: 10px; } .sidebar-menu3 .modal-content .data .colorPickerPreview { width: 100%; border-radius: 6px; height: 35px; margin-bottom: 7px; } .sidebar-menu3 .modal-content .data .colorPickerPreview:hover { cursor: pointer; } .sidebar-menu3 .modal-footer { position: absolute; bottom: 0; height: auto!important; background-color: lightgoldenrodyellow } /** NO MOBILE- RES **/ @media (min-width: 768px) { /* Global */ .sidebar-menu { max-width: 93%; } } /** MOBILE- RES **/ @media (max-width: 767px) { /* Global */ .sidebar-menu { max-width: 93%; } .sidebar-menu-right { width: 100% !important; } .sideSlideContent { padding: 20px; overflow: auto; } .sidebar-menu2 { max-width: 100%; width: 100%; } .sidebar-menu2 #slideinCloseRight { position: absolute; right: 20px; } .sidebar-menu3 { max-width: 100%; width: 100%; height: 97vh; } /** Quotations **/ .sidebar-left-column.sidebar-left-column img { max-height: 85px; } #contact-sideform .dz-message { padding: 20px; line-height: 20px; } .sidebar-offerte .subheading-normal { margin-bottom: 30px; } /* Checkout - Contact */ #selectorPartial_contact li.contactOptions { padding: 0 0 15px 0; margin: 0 0 15px 0; } #selectorPartial_contact li.contactOptions i { line-height: 40px; font-size: 18px; } /* Checkout - Login */ #selectorPartial_login.active .input-group-addon { border-radius: 6px 0 0 6px; } #selectorPartial_login.active .input-group .form-control { font-size: 14px; } #login-form { margin-bottom: 40px; float: left; width: 100%; } #login-form .text-small a { margin-top: 10px; float: left; width: 100%; font-size: 12px; line-height: 27px; } /* Checkout Artwork */ #sideSlide .artworkProduct .headingSmall { width: 65%; } #sideSlide .artworkMessageTop p { font-size: 14px; line-height: 27px; padding: 5px 0px 10px 0px; } .startpointArtworkForm { margin-bottom: 15px; margin-top: 10px; padding: 0; width: 100%; background: white; border: 0px solid #e5e5e5; } .startpointArtworkForm .artwork_state_container { min-height: auto; } .startpointArtworkForm .label-block-dark { width: auto; margin-bottom: 20px; margin-right: 10px; } .startpointArtworkForm .label-block-default { width: auto; margin-bottom: 6px; float: left; } .startpointArtworkForm .artwork_state_container.left { width: 100%; padding: inherit; margin: 0; padding: 0; } .startpointArtworkForm .artwork_state_container.right { width: 100%; padding: inherit; margin: 0; padding: 0} .startpointArtworkForm .btn.add_text, .startpointArtworkForm .btn.add_logo { float: left; border: 1px solid #e5e5e5; border-radius: 6px; width: 100%; border-bottom: 3px solid #ccc; margin-bottom: 10px; } .startpointArtworkForm .btnOptionText { float: left; width: auto; line-height: 30px; padding: 5px 0; font-size: 14px; } .startpointArtworkForm .artwork_state_container i { float: left; padding: 0; line-height: 40px; font-size: 18px; width: auto; margin: 0 10px 0 0;} .startpointArtworkForm .added_succes, .startpointArtworkForm .added_succes_text { padding: 10px 15px; margin-bottom: 10px; } .startpointArtworkForm .added_succes a, .startpointArtworkForm .added_succes a:link, .startpointArtworkForm .added_succes a:visited, .startpointArtworkForm .added_succes_text a, .startpointArtworkForm .added_succes_text a:link, .startpointArtworkForm .added_succes_text a:visited { width: auto; line-height: 40px; text-decoration: underline; } /** Fase Titles **/ .sidebar-subtext-container { padding: 30px 30px 30px 30px; } /* Fase 1 - Logo */ .printRow.fase_1_logo { max-width: 100%; width: 100%; } .printRow.fase_1_logo .uploadBtnWrapper { padding: 0px 30px 0px 30px; } .printRow.fase_1_logo .btnContainerUploadLogo { padding: 10px 30px 30px 30px; } .printRow.fase_1_logo .rowContent { width: 100%; float: left; } .sidebar-subtext-container .heading-small span { width: 100%; float: left; } .printRow.fase_1_text { max-width: 100%; width: 100%; } /* Fase 1 - Text */ .printRow.fase_1_text select { margin: 15px 0 0px 0; } .printRow.fase_1_text .optionalTxt { padding: 0 15px; } .printRow.fase_1_text .positionFix { padding: 0 15px 0px 15px; } .printRow.fase_1_text .content-block-gray { margin: 0; padding: 15px; } /* Step 2 */ .printRow.fase_2_color { max-width: 100%; width: 100%; } .printRow.fase_2_color.disabled { bottom: auto; width: auto; display: none; } #colorsPreviewBox .colorCircleContainer .colorName { font-size: 11px!important; } #colorsPreviewBox .summListItem { width: 28px; height: 28px; } #colorsPreviewBox .label-block-default { display: none; } #previewColorPlaceholders { height: 50px; } #previewColorPlaceholdersBlank { margin-top: -50px; height: 50px; } .printRow.fase_2_color .colorPicker { padding: 0px 30px 20px 30px } .printRow.fase_2_color .colorPicker .smalltext.text-center { font-size: 11px; line-height: 19px; } .printRow.fase_2_color .colorPicker .clickColorSelector:first-of-type { margin-top: 10px; } .CartItemEnrichmentTabs .sideSlideTabButton { padding-left: 13px; padding-right: 13px; font-size: 13px; font-weight: bold} .printRow.fase_2_color #colorsPreviewBox { padding: 15px 0 0 0; margin-top: 15px; } .printRow.fase_2_color .PMScontainerOptions { border: 0; padding: 0; } .printRow.fase_2_color #submitArtworkSettings { margin: 0 0 15px 0; z-index: 99999; position: relative; } .printRow.fase_2_color .selectColor { width: auto; } .printRow.fase_2_color #colorsPreviewBox .summListItem { width: 37px; height: 37px; } .printRow.fase_2_color #previewColorPlaceholders { height: 80px; } .printRow.fase_2_color #previewColorPlaceholdersBlank { margin-top: -80px; height: 80px; } /* Step 3 */ .printRow.fase_3_comment { max-width: 100%; width: 100%; } .printRow.fase_3_comment.disabled { bottom: auto; width: auto; display: none; } /* Buttons */ .selectedTextOptions .btn.btn-default { float: left; width: 100%; margin: 15px 0; } .textOptions .btn.btn-default.customFileUploadBtn.saveText { float: left; width: 100%; margin: 15px 0; } .btnContainerUploadLogo .btn { float: left; width: 100%; margin: 15px 0; } #submitArtworkSettings { float: left; width: 100%; margin: 15px 0; } /* tabs */ .slide-tab.selected { float: left; position: relative; } /* logo */ .uploadBtnWrapper .iconPl { display: none; } /** Offertes **/ #myModalOnlinePDF .customDateField { margin-top: 15px; width: 234px; } #myModalOnlinePDF .customDateField p { line-height: 19px; } #myModalOnlinePDF .customDateField i { margin-top: 10px; } #myModalOnlinePDF .modal-dialog { width: 80%; margin: 30px auto; } #myModalOnlinePDF .modalBoxLeft { width: 100%; padding: 0; border: 0; } #myModalOnlinePDF .modalBoxRight { width: 100%; padding: 0; border: 0; margin-top: 30px; } #myModalOnlinePDF .invoiceProduct h1 { font-size: 2rem!important; } #myModalOnlinePDF .modal-dialog h2 { font-size: 1.2rem; } #myModalOnlinePDF .invoiceProduct img { width: 33%; padding-right: 15px; margin-top: 0; } #myModalOnlinePDF .invoiceProduct p { margin-top: 0!important; font-size: 1.2rem; } #myModalOnlinePDF .modal-dialog p { font-size: 1.2rem; line-height: 2rem; } .mobilePopupImg img { max-width: 100%;} .orderBoxCompleted p { font-size: 1.2rem; line-height: 2rem; } #completedWindow { z-index: 66666666699; } .offerte-block ul.list-icon-small { display: none; display: none; } .offerte-block .divider-small-text { display: none; } #myModalOnlinePDF .modalBoxRight { border-left: 0!important; padding-left: 15px; } } /** LOW- RES VIEW **/ @media (min-width: 768px) and (max-width: 991px) { /** Offertes **/ #myModalOnlinePDF .modal-dialog { width: 690px; margin: 30px auto; } #myModalOnlinePDF .modalBoxLeft { width: 45%; padding: 0; border: 0; } #myModalOnlinePDF .modalBoxRight { width: 50%; border: 0; } #myModalOnlinePDF .invoiceProduct p { margin-top: -15px; } } /** MED- RES VIEW **/ @media (min-width: 992px) and (max-width: 1199px) { }