/** MODAL BOXES **/ /* Global */ .fade.in { padding-bottom: 30px; } .modelbox hr { margin: 25px 0 0; } .modal-header { border: 0; padding: 40px 20px 0 40px; margin-bottom: 35px; } .modal-header .mainTitle { margin-bottom: 0px; width: 75%; border-bottom: 1px solid #e8e8e8; margin-top: 0px; font-size: 30px; font-weight: 300; color: #555; line-height: 1.1; } .modal-header .mainTitle span { background: white; padding: 0 20px 0 0; font-weight: 300; font-size: 30px; } .modal-header .subTitle { font-weight: 600; font-size: 18px; line-height: 26px; border: 0; margin: 0 0 15px 0; } .modal-header .close { margin-top: -15px; } .modal-body { height: auto; overflow: auto; width: 100%; padding: 0 30px; background: white; } .modal-body p { margin: 0 0 15px 0; padding: 0; line-height: 30px; font-size: 14px; } .modal-body ul { margin: 0 0 15px 15px; } .modal-body img { margin-bottom: 15px; max-width:100%; } .modal-body h2 { border: 0; margin: 0 0 15px 0; } .modal-body h3 { margin: 0 0 15px 0; } .modal-body hr { margin: 20px 0; } .modal-footer { background: #fff; border-top:1px solid #e5e5e5; float: left; width: 100%; border-radius: 0 0 6px 6px; text-align: center; } .modal-footer i { margin-top: 13px; margin-left: 10px;} .modal-footer #url p { text-align: right; float: right; margin: 0; } .modal-footer #url i { margin-top: 6px; } .modal-footer .offerteButtons { margin-bottom: 10px; } .modal-footer .offerteButtons .btn { margin-left: 10px; color: #fff; } .modal-footer .offerteButtons .btn.btn-small { background: #014587; } .modal-footer .offerteButtons .btn.btn-small.btn-orange { background: #ff9600} .modal-footer input { background: #5cb85c; padding: 10px 15px; border-radius: 6px; float: right; border: 0; color: #fff; } .modal-footer input:hover { background:#3c933c; color: #fff; } .modal-footer a, .modal-footer a:link, .modal-footer a:visited { color: #222222; } .modal-footer a:hover { cursor: pointer; } .modal-footer #url p { color: #222222; font-size: 13px; font-weight: 300; line-height: 27px; } .modal-footer p { padding: 0; line-height: 24px; } .modalBoxRight .btn { width: 100%; font-weight: 600!important; } /* PMS Colors */ #colorPicker .modal-content { float: left; border: 0; box-shadow: none; } #colorPicker .modal-header { padding: 0 30px; margin-bottom: 18px; } #colorPicker .modal-header p { padding-bottom: 20px;} #colorPicker .searchColors { border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; margin: 20px 0 30px 0; padding: 20px 0; float: left; width: 100%; } #colorPicker .searchColors span { float: left; } #colorPicker .searchColors input { float: right; border: 1px solid #b2c7db; border-radius: 6px; padding: 11px; } #colorPicker .colorPickerButton { margin-bottom: 10px; } #colorPicker .colorPickerButton .colorPickerPreview { border-radius: 6px; margin-bottom: 5px; height: 67px; } #colorPicker .colorPickerButton:hover { cursor: pointer; } #colorPicker .modal-footer { float: none; } #colorPicker .modal-footer p { text-align: center; padding: 0; } #colorPicker .popupArtwork .btn { margin-top: 30px; } .colorPicker .colorNumbers { float: left; padding: 0; position: absolute; border-right: 1px solid #b2c7db; padding-left: 14px; padding-right: 14px; background: #f3f3f3; border: 1px solid #e8e8e8; border-radius: 6px 0 0 6px; height: 40px; } .colorPickerPreview { width: 75px; height: 75px; } .colorWindow { height: 217px; overflow-y: auto; overflow-x: hidden; padding-right: 35px; } .popupArtwork { font-size: 14px; } .popupArtwork ul li { font-size: 14px; } .popupArtwork h3 { font-size: 17px; line-height: 25px; color: #222222; font-weight: 500; } .popupArtwork p { font-size: 14px; line-height: 25px; color: #222222; font-weight: 300; } .cart-index .popupUploadArtwork { font-size: 14px; } .multiPageC-step2 .popupUploadArtwork, .multiPageC-step3 .popupUploadArtwork, .multiPageC-step4 .popupUploadArtwork { font-size: 14px; } .popupUploadArtwork ul li { font-size: 14px; } .popupUploadArtwork h3 { font-size: 17px; line-height: 25px; color: #222222; font-weight: 500; } /** Artwork **/ .artworkLightwindow { margin: 50px 0 50px 0; } .artworkLightwindow .artworkInfoBlock { float: left; padding: 30px; border: 1px solid #f6e200; border-radius: 6px; width: 100%; background: #fefce5; } .artworkLightwindow .artworkInfoBlock p { margin: 0; padding: 0 } .artworkLightwindow .artworkInfoBlock a:link, .artworkLightwindow .artworkInfoBlock a:visited { float: left; margin-top: 15px; padding-top: 15px; border-top: 1px solid #f6e200; width: 100%; } /* Samples */ #myModalSampleBox .closeWindow { width:auto; height: auto; right: 0; position: absolute; background: #f1f1f1; margin-top: -50px; border-radius: 0 6px 0 0; overflow: hidden } #myModalSampleBox .closeWindow:hover { cursor: pointer; } #myModalSampleBox .closeWindow i { padding: 20px; color: #585858; } #myModalSampleBox .modal-dialog { width: 920px; margin: 30px auto; } #myModalSampleBox .modal-dialog ul { margin: 0 0 0 35px; padding: 0; } #myModalSampleBox .modal-dialog ul li { list-style: none; line-height: 24px; font-size: 13px; } #myModalSampleBox .modal-body h3 { margin-bottom: 0; float: left; width: 100%; margin-top: 30px; } #myModalSampleBox .modal-body h4 { float: left; width: 100%; margin-top: 15px; } #myModalSampleBox hr { margin: 20px 0; } #myModalSampleBox .fa.fa-star { margin-right: 5px; color: #ffa500; } #myModalSampleBox .selectBox { margin-top: 15px; width: 100%; float: left; padding: 5px 9px 5px 14px; margin: 15px 0 0px 0; height: inherit; font-size: 14px; font-weight: bold; color: #333; 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; } #myModalSampleBox .greenText strong { margin-bottom: 15px; font-size: 14px; line-height: 17px; } #myModalSampleBox .modalBoxLeft { width:505px; float: left; border-right: 1px solid #e5e5e5; margin-bottom: 30px; padding: 15px 50px 0px 15px; } #myModalSampleBox .modalBoxRight { width:352px; float: left; padding: 15px 15px 0px 45px; margin-bottom: 30px; } #myModalSampleBox .fullWidthBox { width: 100%; float: left; } #myModalSampleBox .samplesColors { float: left; width: 100%; margin-left: -5px; margin-top: 0; } #myModalSampleBox .samplesColors img { padding: 4px; max-width: 100%; margin-top: 0px; margin-bottom: 0px; } #myModalSampleBox .samplesColors .sampleproduct { float: left; width: 71px; min-height: 95px; text-align: center; border: 1px solid #fff; border-radius: 6px; margin-right: 20px; } #myModalSampleBox .samplesColors .sampleproduct:nth-child(5) { margin-right: 0; } #myModalSampleBox .samplesColors .sampleproduct:nth-child(10) { margin-right: 0; } #myModalSampleBox .samplesColors .sampleproduct:nth-child(15) { margin-right: 0; } #myModalSampleBox .samplesColors .sampleproduct .sampleInput { margin-bottom: 10px; } #myModalSampleBox .samplesColors .sampleproduct:hover { border: 1px solid #e5e5e5; cursor: pointer; transition: 0.2s } #myModalSampleBox .samplesColors .sampleproduct .imageColorBackup { float: none; margin: 22px 0px 22px 17px } .btn.btn-green.placeSampleCart { box-shadow: 0 3px 0 #469c04; width: 100%; } .btn.btn-green.placeSampleCart i { padding-left: 5px; } #myModalSampleBox .modalBoxRight span.greenBox { padding: 2px 5px 3px 5px; background: #4eb400; border: 0; border-radius: 6px; color: white; font-weight: 500; } #myModalSampleBox .sampleColorName { width: 100%; float: left; } #myModalSampleBox .sampleColorName p { margin: 0!important; padding: 0!important; height: 27px; overflow: hidden; text-overflow: ellipsis; } #myModalSampleBox .sampleColorName p:first-letter { text-transform: uppercase; } #myModalSampleBox .fullWidthBox ul li { font-size: 12px; line-height: 19px; } #myModalSampleBox .fullWidthBox.stars p { font-size: 13px; line-height: 24px; } /* Disclaimer */ .disclaimer p { font-size: 12px; line-height: 20px; color: #222222; } .disclaimer a:link, .disclaimer a:visited { color: #555!important; font-weight: 600; } .multiPageC-step3 .disclaimer .headings-disclaimers { font-size: 15px; font-weight: 300; border-bottom: 1px solid #e5e5e5; margin-bottom: 0px; margin-top: 30px; line-height: 30px; color: #222222; } .multiPageC-step3 .disclaimer .headings-disclaimers span { font-weight: bold; } .multiPageC-step3 .disclaimer .text-underline { margin-top: 15px; float: left; width: 100%; } .multiPageC-step3 .disclaimer p { color: #222222!important; font-size: 15px; line-height: 30px; } .disclaimerNewWindow a { color: #222222!important; } .disclaimerNewWindow p i { color: #222222!important; } .multiPageC-step3 .modal-body .disclaimer a:link, .multiPageC-step3 .modal-body .disclaimer a:visited { color: #014587!important; } /* Logo Previewer */ .logopreview .type { text-align: center; } .logopreview h3 { text-align: center; } .logopreview p { text-align: center; line-height: 20px; } .logopreview .btn.uploadLogoView { font-size: 26px; color: white!important; font-weight: 500; line-height: 75px; } .logopreview .btn.uploadLogoView.completed { font-size: 26px; color: white!important; font-weight: 500; line-height: 75px;} .logopreview .selector .selectorIcon i { color: #014587; } .logopreview .selector .info { font-size: 12px; font-weight: bold; } /* Profile - User Login */ .multiPageC-step2 .modal-content label { font-weight: 400; font-size: 14px; color: #222222; } .multiPageC-step2 .modal-content .form-control { font-weight: 400; } /* Profile - Invoices */ .offerte-block { font-size: 14px; line-height: 23px; font-weight: 400; color: #222222; } .offerte-block .freeofcharge p { color: #5cb85c } .offerte-block .alignRight strong { font-size: 13px; line-height: 25px; } .modal-body .completeColor { font-size: 11px; font-weight: bold; } .modal-body .completeColor p { font-size: 13px; line-height: 27px; font-weight: 300; } /* Profile - Adres */ .modal-content.alterAddress .adressPopup input { font-size: 13px; } .modal-content.alterAddress .adressPopup select { font-size: 13px; } .modal-content.alterAddress #register-form legend { color:#555; font-weight: 700; font-size: 20px; } .modal-content.alterAddress #register-form select { font-size: 13px; } .modal-content.alterAddress #register-form input[type="text"] { font-size: 13px; } /* Online Invoice - Obsolete?? */ #myModalOnlinePDF .askForNewsletter label { font-weight: 300; } #myModalOnlinePDF .closeWindow i { color: #585858; font-size: 20px; } #myModalOnlinePDF .fa.fa-star { color: #ffa500; } #myModalOnlinePDF .modalBoxRight { border-left: 1px solid #e5e5e5; margin-left: -1px; } #myModalOnlinePDF .modalBoxRight #contactFormOffer .checkoutForm .input-title { font-size: 14px; line-height: 27px; } #myModalOnlinePDF .checkoutForm .btn.btn-primary { line-height: 50px; font-size: 18px; font-weight: 600; } #myModalOnlinePDF .inputCheckout input[type="email"], #myModalOnlinePDF .inputCheckout input[type="tel"] { font-size: 14px; font-weight: bold; color: #333; border-top: 2px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; border-left: 2px solid #c5c5c5; border-right: 1px solid #c5c5c5; border-radius: 6px; } .offerte-block ul.list-icon-small li { font-size: 12px; font-weight: 300; line-height: 18px; margin: 17px 0; } .offerte-block ul.list-icon-small li .fal, .offerte-block ul.list-icon-small li .far { color: #4eb400; font-size: 21px; line-height: 30px; float: left; margin-right: 7px; margin-top: 0; } /* Invoice Quotation */ #myModalInvoice .modal-header { padding: 45px 45px 0px 60px; } #myModalInvoice .modal-body { padding: 25px 45px 45px 45px; } #myModalInvoice .modal-content { border-radius: 9px; } #myModalInvoice .modal-dialog input { width: 100%; font-size: 14px; font-weight: bold; color: #222222; background-color: #FAFAFA; box-shadow: 0px -1px 0px 0px #CCCCCC; border-radius: 0 9px 9px 0; border-top: 3px solid #F2F2F2; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; height: 38px; padding-left: 15px; padding-right: 15px; margin-top: 1px; } #myModalInvoice .modal-dialog select { width: 100%; font-size: 14px; font-weight: bold; color: #222222; background-color: #FAFAFA; box-shadow: 0px -1px 0px 0px #CCCCCC; border-radius: 0 9px 9px 0; border-top: 3px solid #F2F2F2; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; height: 38px; padding-left: 15px; padding-right: 15px; margin-top: 1px; } #myModalInvoice .modal-dialog 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: 76px; margin-top: 1px; } #myModalInvoice .modal-dialog .input-group { width: 100%; } #myModalInvoice .modal-dialog .input-group .input-group-addon { border-radius: 9px 0 0 9px; color: #444444; font-size: 14px; font-weight: 400; } #myModalInvoice .modal-dialog .form-control.error { border-color: red} #myModalInvoice .modal-dialog hr { margin: 10px 0; } #myModalInvoice .modal-dialog .req { color: #e91c1c; font-weight: bold; } .modal-content.customerInvoice .modal-header { border: none; margin-bottom: 0; } .modal-content.customerInvoice .modal-header .headingMedium { margin-bottom: 0; } /** Proof Accept **/ #ModalApprove { z-index: 9999; } #ModalApprove .modal-header { padding: 45px 45px 0px 60px; margin-bottom: 0; } #ModalApprove .modal-header .headingMedium { margin-bottom: 0;} #ModalApprove .modal-body { padding: 30px 60px 60px 60px; } #ModalApprove .modal-content { border-radius: 6px; } #ModalApprove .modal-dialog { width: 900px; } #ModalApprove .modal-dialog textarea { width: 100%; font-size: 14px; font-weight: bold; color: #262626; 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; } #ModalApprove .modal-dialog .modal-body p { margin-bottom: 45px; font-size: 15px; } #ModalApprove .modal-dialog .headingSmallest { float: left; width: 100%; margin-bottom: 12px; } #ModalApprove .modal-dialog .btn { width: auto; } #ModalApprove .modal-dialog .alert.alert-success { float: left; width: 100%; padding: 45px; background-color: #E3F2E3; border: 1px solid #B5DCB5; border-radius: 6px; } #ModalApprove .modal-dialog .alert.alert-success p { margin: 0; color: #1C721C; font-size: 15px; line-height: 30px; text-align: center; } /** Proof Reject **/ #ModalReject { z-index: 9999; } #ModalReject .modal-header { padding: 45px 45px 0px 60px; margin-bottom: 0; } #ModalReject .modal-header .headingMedium { margin-bottom: 0;} #ModalReject .modal-body { padding: 30px 60px 60px 60px; } #ModalReject .modal-content { border-radius: 6px; } #ModalReject .modal-dialog { width: 900px; } #ModalReject .modal-dialog textarea { width: 100%; font-size: 14px; font-weight: bold; color: #262626; 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; } #ModalReject .modal-dialog .modal-body p { margin-bottom: 45px; font-size: 15px; } #ModalReject .modal-dialog .headingSmallest { float: left; width: 100%; margin-bottom: 12px; } #ModalReject .modal-dialog .btn { width: auto; } #ModalReject .modal-dialog .infotxt-small { margin-top: 14px; } #ModalReject .modal-dialog .alert.alert-danger { float: left; width: 100%; padding: 15px; background-color: #F6E3E3; border: 1px solid #E5B5B5; border-radius: 6px; margin-top: 30px; } #ModalReject .modal-dialog .alert.alert-danger p { margin: 0; color: #A12828; font-size: 15px; line-height: 30px; text-align: center; } #ModalReject .modal-dialog .alert-info { float: left; width: 100%; padding: 45px; border-radius: 6px; } #ModalReject .modal-dialog .alert-info p { margin: 0; font-size: 15px; line-height: 30px; text-align: center; } /* Logo Preview - Obsolete?? */ .logoUploadPreview { display: none; transition: 0.2s; -webkit-transition: 0.2s; /* Safari */ transition: 0.2s; background: #f3f3f3; position: fixed; padding: 0 0; top: 255px; right: 0; height: auto; width: 155px; border-radius: 6px 0 0 6px; z-index:1000; border-color: #e5e5e5; border-style: solid; border-width: 1px 0 1px 1px; top: 300px; overflow: hidden; } .logoUploadPreview h4 { background: white; margin: 0; padding: 15px 15px 0; } .logoUploadPreview p { background: white; padding: 15px; margin: 0; } .logoUploadPreview p.closeWindow { background: transparent; border-top: 1px solid #e5e5e5; padding: 7px 15px; text-align: center; } .logoUploadPreview p.closeWindow a { font-weight: 500; } .logoUploadPreview.closed .closedOverlay { display: block; } .logoUploadPreview .btn.btn-default { padding-left: 11px; padding-right: 11px; } .logoButtons { padding: 0px 15px 15px 15px; background: white; } .logoButtons i { margin-right: 3px; } .logoButtons .logoButton { font-size: 13px; font-weight: 300; } .logoButtons .logoButton:hover { cursor: pointer; } .logoUploadPreview .status:not(.active) { display: none; } .logoButtons .enableLogoPreview { float: left; } .logoUploadPreview .closedOverlay { display: none; background: #fff; position: absolute; left: 0px; top: 0px; margin-bottom: 15px; height: 100%; width: 67px; cursor: pointer; z-index: 1; } .logoUploadPreview.closed { right: -87px; transition: 0.2s; -webkit-transition: 0.2s; /* Safari */ transition: 0.2s; } .logoUploadPreview.closed .name { width: 41px; margin-top: 15px; margin-left: 15px; margin-right: 0; } .logoUploadPreview.closed .name i { margin-top: 40px; } .logopreview { float: left; width: 100%; } .logopreview .type { border: 1px solid #e5e5e5; background: #f3f3f3; border-radius: 6px; overflow: hidden; text-align: center; } .logopreview .type:hover { border: 1px solid #c9c9c9; background: #e6e6e6; cursor: pointer; -webkit-transition: width 0.2s; /* Safari */ transition: width 0.2s; } .logopreview .logo { margin-top: 15px; } .logopreview p { text-align: center; line-height: 20px; } .logopreview h3 { margin-top: 30px!important; text-align: center; } .logopreview .stepFase { padding: 15px 30px; } .logopreview .stepFase p { text-align: left!important; } .logopreview .stepFase p strong { font-size: 21px; font-weight: 800; } .logopreview .completedTxt { line-height: 33px; float: left; background: white; padding: 0 15px; width: 55%; margin-top: 30px; border-radius: 5px 0 0 5px; } .logopreview .completedTxt i { margin-right: 5px; color: #72c02c; font-size: 16px; } .logopreview .completedTxt span { border-right: 1px solid #e5e5e5; padding-right: 35px; } .logopreview .btn.uploadLogoView { line-height: 33px; color: #262626; background: white; border: 1px solid #eb8a00; width: 75%; height: auto; padding: 0 15px; text-align: left; color: #eb8a00; margin-top: 30px; } .logopreview .btn.uploadLogoView.completed { color: #eb8a00; background: white; display: block; margin: 30px 0 0 0; float: left; width: auto; border-radius: 5px; text-decoration: underline; border: 0; padding: 0 25px; } .logopreview .btn.uploadLogoView.completed:hover { -webkit-transition: width 0.2s; /* Safari */ transition: width 0.2s; } .logopreview .btn.uploadLogoView .fa.fa-plus-square-o { line-height: 33px; color: #262626; float: right; } .logopreview .btn.btn-primary { margin: 25px auto 15px auto; display: block; } .logopreview .selector .selectorIcon { background: white; padding: 10px 15px; border-top: 1px solid #e5e5e5; } .logopreview .selector .selectorIcon i { color: #262626; font-size: 16px; } .logopreview .selector .info { padding: 0 10px 10px 10px; font-size: 12px; font-weight: bold; min-height: 48px; } .logopreview .smallNote { font-weight: 300; font-size: 12px; text-align: center; width: 100%; float: left; margin: 15px 0!important; } /* Confirmation - Obsolete?? */ .modal-body .orderBoxCompleted p { font-size: 13px; font-weight: 300; line-height: 24px;} .modal-body .orderBoxCompleted strong { font-weight: 500; } .modal-body .completeTitle { font-size: 14px; line-height: 24px; } /** NO MOBILE- RES **/ @media (min-width: 768px) { } /** MOBILE- RES **/ @media (max-width: 767px) { .popupArtwork .btn { width: auto;} .popupUploadArtwork .btn { width: auto;} .modal-content .mobilePopupRow .orderBoxCompleted { padding: 0; } .modal-body .colorBoxCompleted { padding: 0; } /* Samples */ .modal-open .modal { max-height: 100%; z-index: 99999999; margin-bottom: 60px; } #myModalSampleBox .closeWindow { margin-top: -30px; z-index: 99; border-radius: 0 4px 0 0; } #myModalSampleBox .closeWindow i { padding: 1.5rem; font-size: 1.2rem;} #myModalSampleBox .modal-dialog { width: 80%; margin: 30px auto; } #myModalSampleBox .modalBoxLeft { width: 100%; padding: 0; border: 0; } #myModalSampleBox .checkoutTitle { font-size: 1.5rem; margin-top: 10px; font-weight: 600; margin-bottom:1rem!important; } #myModalSampleBox .checkoutTitle span { font-size: 1.5rem; font-weight: 600; } #myModalSampleBox .samplesColors .sampleproduct { height: auto; width: 33%; margin-left: 0; margin-right: 0; padding: 0 4px; } #myModalSampleBox .samplesColors .sampleproduct .imageColorBackup { margin: 32px auto; } #myModalSampleBox .samplesColors .sampleproduct:nth-child(5) { margin-right: 0px; } #myModalSampleBox .samplesColors .sampleproduct:nth-child(10) { margin-right: 0px; } #myModalSampleBox .samplesColors .sampleproduct:nth-child(15) { margin-right: 0px; } #myModalSampleBox .modalBoxRight { padding: 0; margin: 0 0 30px 0; width: 100%; border: 0; overflow: hidden; } #myModalSampleBox .fa.fa-star { margin-left: 0!important; } #myModalSampleBox .fullWidthBox.stars p { font-size: 11px!important; line-height: 23px!important; } .btn.btn-green.placeSampleCart { width: 100%; } /* Quotation */ #myModalInvoice .modal-header { padding: 25px 25px 0px 40px; } #myModalInvoice .modal-body { padding: 15px 25px 45px 25px; } #myModalInvoice .modal-dialog { } #myModalInvoice .modal-dialog textarea { margin-bottom: 45px; } #myModalInvoice .modal-dialog .btn.btn-primary.submit { width: 100%; margin-top: 20px; } /* Print proofs */ #ModalReject .modal-dialog, #ModalApprove .modal-dialog { width: auto; } } /** LOW- RES VIEW **/ @media (min-width: 768px) and (max-width: 991px) { /** Samples **/ .placeSampleCart { width: 100%; } #myModalSampleBox hr { margin: 12px 0; } #myModalSampleBox .modal-dialog { width: 690px; margin: 30px auto; } #myModalSampleBox .modalBoxLeft { width: 100%; } #myModalSampleBox .modalBoxRight { width: 100%; margin: 0; padding: 0; border: 0; } #myModalSampleBox .titleBorder { width: 100%; float: left; border-bottom: 0px solid #e5e5e5; margin-bottom: 0; margin-top: 35px; } #myModalSampleBox .modalBoxLeft { width: 100%; padding-right: 30px; border: 0; padding-top: 0;} #myModalSampleBox .modalBoxRight { width: 100%; margin-bottom: 20px; padding: 0px 15px; } #myModalSampleBox .checkoutTitle { width: 100%; margin-top: 10px; } #myModalSampleBox .samplesColors { margin-left: 0; } #myModalSampleBox .samplesColors .sampleproduct { width: 66px; margin-left: 0; margin-right: 3px; } #myModalSampleBox .samplesColors .sampleproduct .imageColorBackup { margin: 26px auto } #myModalSampleBox .fullWidthBox p { margin-bottom: 0!important; } #myModalSampleBox .fullWidthBox.stars { border: 1px solid #e5e5e5; padding: 15px 20px; border-radius:0 6px 6px 0; border-top: 0 } #myModalSampleBox .fullWidthBox.stars hr { display: none} #myModalSampleBox .modal-body h4 { background: #f3f3f3; border: 1px solid #e5e5e5; padding: 10px; border-radius: 6px 6px 0 0; border-bottom: 0 } #myModalSampleBox .modal-dialog ul { border: 1px solid #e5e5e5; margin-left: 0!important; padding: 20px; } #myModalSampleBox .modal-dialog ul li { padding-left: 35px;} /* Quotation */ #myModalInvoice .modal-dialog { width: 730px; margin: 30px auto; } #myModalInvoice .modal-dialog textarea { margin-bottom: 45px; } /* Print proofs */ #ModalReject .modal-dialog, #ModalApprove .modal-dialog { width: 800px; } } /** MED- RES VIEW **/ @media (min-width: 992px) and (max-width: 1199px) { }