/* L */ .weco-css #cnbspaympymt .col, .weco-css #cnbspaympymt .col-15, .weco-css #cnbspaympymt .col-25, .weco-css #cnbspaympymt .col-33, .weco-css #cnbspaympymt .col-50, .weco-css #cnbspaympymt .col-66, .weco-css #cnbspaympymt .col-75, .weco-css #cnbspaympymt .col-85, .weco-css #cnbspaympymt .col-100 { padding: 0; } .weco-css #cnbspaympymt .table > tbody > tr > td { vertical-align: middle; } .weco-css #cnbspaympymt .table > tbody > tr > td { vertical-align: middle; } .weco-css .zz-creditcard-payment fieldset { margin-bottom: 0.5em; border: none; } .weco-css .zz-echeck-payment fieldset { margin-bottom: 0.5em; border: none; } .weco-css .zz-creditcard-payment label { font-weight: bold; } .weco-css .zz-cnbs-red { -webkit-text-fill-color: #ff0000 !important; color: #ff0000 !important; } .weco-css .zz-cnbs-green { -webkit-text-fill-color: #087919 !important; color: #087919 !important; } .weco-css .zz-cnbs-bold { font-weight: bold; } .weco-css .zz-cnbs-pdl-sm { padding-left: 0.25em; } .weco-css .zz-cnbs-mrg-l-2 { margin-left: 2em; } .weco-css .hasPlaceholder { color: #777; } .weco-css .zz-cnbs-inactive { color: lightgray; } .weco-css .zz-cnbs-inactive img { padding-left: 0.2em; vertical-align: middle; width: 1em; } .weco-css .zz-cnbs-hidden { visibility: hidden; } /* Terms */ .weco-css .zz-cnbs-terms a { text-decoration: underline; } .weco-css .zz-cnbs-terms input { height: 35px; } /* Messages */ .weco-css table tr td.message { padding-right: 0; padding-left: 0; } /* Difference reason comments */ .weco-css tr.zz-cnbs-comment { display: none; } .weco-css tr.zz-cnbs-comment.opened { display: table-row; } tr.zz-cnbs-comment.opened > td { padding-top: 0 !important; } /* Payment Card Profile List */ .weco-css div#zz_cnbs_cc_field_wrap{ display: none; } .weco-css table.zz-cnbs-pay-cc-profile-table > thead > tr > th, .weco-css table.zz-cnbs-pay-cc-profile-table > tbody .rt_secondary_headerrow > th { background: initial; color: initial; } .weco-css table.zz-cnbs-pay-cc-profile-table thead tr th { border-bottom: 1px; border-bottom-style: solid; font-weight: bold; padding-bottom: 0.7em; padding-right: 1.5em; } .weco-css table.zz-cnbs-pay-cc-profile-table > thead > tr > th, .weco-css table.zz-cnbs-pay-cc-profile-table > tbody > tr > td, .weco-css table.zz-cnbs-pay-cc-profile-table > tbody .rt_secondary_headerrow > th { padding-top: 1em; } /* Credit Card Container Paymetric */ #zzcnbspay_cc_container { position: relative; } #zzcnbspay_cc_profile_container { top: 50%; height: auto; padding-bottom: 1em; } #ValidationSummary { display: none !important; } /* Form Elements */ .weco-css input[type=text],input[type=password],input[type=number],select,textarea,button{ -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } /* FF Fix */ .weco-css button.button { -webkit-border-fit: lines; } /* <- Safari & Google Chrome Fix */ .weco-css button.button { border: 0; padding: 0; margin: 0; background: transparent; overflow: visible; cursor: pointer; vertical-align: middle; } .weco-css a.button, .weco-css button.button span, .weco-css a.button span, .weco-css button.button span span { background-color: #cc0000; } a.grey, .weco-css button.grey span, .weco-css a.grey span, .weco-css button.grey span span { background-color: #969696; } .weco-css a.button, .weco-css button.button span { border: 0; padding: 0 0 0 10px; margin: 0; cursor: pointer; background-position: 0 0; display: -moz-inline-stack; display: inline-block; color: #c73615; height: 21px; text-decoration: none; } .weco-css a.button span, .weco-css button.button span span { padding: 0 15px 1px 5px; color: #FFFFFF; background-position: 100% 0; display: -moz-inline-block; display: inline-block; white-space: nowrap; font-family: 'Univers LT W01 65 Bold'; font-size: 12px; height: 20px; line-height: 20px; } .weco-css .vbutton input.zz-cnbs-disabled, .weco-css .vbutton input.zz-cnbs-disabled:hover { background: #cccccc; border-color: #cccccc; } .weco-css a.large span, .weco-css button.large span { height: 26px; } .weco-css a.large span, .weco-css button.large span span { height: 25px; line-height: 26px; padding: 0px 30px 0px 20px; } /* Form Validation */ div.zz-creditcard-payment #zz_cnbs_cc_thirdp-error{ display: none; } div.zz-creditcard-payment ul,ol { list-style: none; list-style-type: none; } div.zz-bankaccount-payment ul,ol { list-style: none; list-style-type: none; } div.zz-echeck-payment ul,ol { list-style: none; list-style-type: none; } .weco-css .form-list li { margin: 0 0 9px; vertical-align: top; } .weco-css .form-list label { float: left; /* width:225px; */ padding: 2px 15px 0 0; font-size: 12px; font-weight: bold; color: #444; text-align: right; } .weco-css .form-list .value { float: left; padding: 2px 0 0; } .weco-css .form-list .note { clear: both; font-size: 11px; width: 380px; margin: 0; padding: 3px 0 0 240px; } .weco-css .form-list span.label { font-weight: normal; } .weco-css .form-list .zz-control-group { float: left; } .weco-css .form-list .zz-control-group a { margin-top: 4px; } .weco-css .form-list input.input-text, .weco-css .form-list textarea { width: 374px; vertical-align: top; } .weco-css .form-list textarea { width: 374px; height: 13em; } .weco-css .form-list select { width: 380px; vertical-align: top; } .weco-css .form-list p { margin: 0; padding: 0px 0 0 0; } .weco-css .form-list li.add-row .btn-remove { font-size: 0; line-height: 0; padding: 5px 5px 0 0; margin: 0; text-align: right; } .weco-css .form-list .range input.input-text { float: none; width: 64px; vertical-align: middle; } .weco-css .form-list .add-field .zz-control-group { margin-left: 240px } .weco-css .form-list .control { position: relative; vertical-align: top; z-index: 1; } /* row with checkbox or radio button */ .weco-css .form-list .control label { line-height: 16px; } .weco-css .form-list .control .zz-control-group { position: absolute; left: 0; margin-left: 240px; line-height: 16px; padding-top: 1px; } .weco-css .form-list .control input.radio { margin-top: 3px; } .weco-css .align-left { text-align: left; } .weco-css .required { color: #f15c22; font-size: 75% } .weco-css .required em { color: #f15c22; margin-right: 4px; } .weco-css .form-error { clear: both; font-size: 12px !important; padding: 3px 0 0 !important; color: #d91a00 !important; font-weight: bold; margin-right: -252px; display: block; } .weco-css .form-list li:after, .weco-css .form-list li.fields .field:after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; } .has-success select, .has-success input { background: url(../img/zz_icon_ok.png) 100% 2px no-repeat; background-position: right 20px center; background-repeat: no-repeat; } .weco-css .has-error select, .weco-css .has-error input { background: url(../img/zz_icon_error.png) 100% 2px no-repeat; background-position: right 20px center; background-repeat: no-repeat; } .weco-css div.has-error select#zz_cnbs_expiration{ background-position: right 20px center; } .weco-css div.has-success select#zz_cnbs_expiration_yr, .weco-css div.has-error select#zz_cnbs_expiration_yr{ background-position: right 20px center; } .weco-css div.has-error input#zz_cnbs_cc_cid, .weco-css div.has-success input#zz_cnbs_cc_cid{ background-position: 42px center; } .weco-css div.has-success select#zz_cnbs_expiration_yr{ background-position: 52px center; } .weco-css div.zz-cnbs-cc-exp-field.has-error, div.zz-cnbs-cc-dbadr-pstcd-field { background: none; padding-right: 0px !important; } .weco-css div.zz-cnbs-cc-exp-field.has-success { background: none; padding-right: 0px !important; } .weco-css .zz-cnbs-cc-exp-field, .weco-css .zz-cnbs-cc-dbadr-city-field, .weco-css .zz-cnbs-cc-dbadr-pstcd-field { float: left; } .weco-css .zz-cnbs-cc-exp-field .validation-advice { display: block; width: 12em; margin-right: -12em; position: relative; } .weco-css .zz-cnbs-cc-field, .weco-css .zz-cnbs-ec-field { float: left; } .weco-css .zz-cnbs-cc-field input, .weco-css .zz-cnbs-ec-field input { height: 21px; line-height: 21px; } .weco-css .zz-cnbs-cc-field .validation-advice { display: block; width: 12em; margin-right: -12em; position: relative; } /* Payment Card Dialog */ .weco-css div.zz-creditcard-payment { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background: #fff; } .weco-css div.zz-creditcard-payment .zz-payment-methods dt { font-weight: bold; margin-bottom: 5px; } .weco-css div.zz-creditcard-payment .zz-payment-methods dd { margin: 0 0 7px; float: left; } .weco-css div.zz-creditcard-payment .zz-payment-methods dd li { margin: 5px 0; clear: both; } .weco-css div.zz-creditcard-payment .zz-payment-methods .form-list { } .weco-css div.zz-creditcard-payment .zz-payment-methods .form-list .input-text { width: 256px; } .weco-css div.zz-creditcard-payment .zz-payment-methods .form-list .input-readonly { color: #A9A9A9; } .weco-css div.zz-creditcard-payment .zz-payment-methods .form-list select { width: 256px; } .weco-css div.zz-creditcard-payment .zz-payment-methods .form-list label { width: 130px; } .weco-css div.zz-creditcard-payment .zz-payment-methods select.month { width: 168px; margin-right: 2px; } .weco-css div.zz-creditcard-payment .zz-payment-methods select.year { width: 85px; } .weco-css div.zz-creditcard-payment .zz-payment-methods input.cvv { width: 70px !important; } .weco-css div.zz-creditcard-payment .zz-payment-methods .zz-control-group { line-height: 21px; } .weco-css div.zz-creditcard-payment li#zz_cnbs_cc_logos_li .zz-control-group { width: 256px; } .weco-css div.zz-creditcard-payment .zz-payment-methods .zz-cnbs-cc-field .validation-advice { margin-right: -252px; position: relative; z-index: 1; width: 252px; } .weco-css .zz-explain-cscd { cursor: help; font-size: 11px; margin-left: 5px; } .weco-css div.zz-creditcard-payment li#zz_cnbs_cc_logos_li img.zz-cnbs-cc-logos-accepted { width: 30px; border: 0; vertical-align: top; } .weco-css div.zz-creditcard-payment li#zz_cnbs_cc_savecm_li, .weco-css div.zz-creditcard-payment li#zz_cnbs_cc_ccdef_li { /*line-height: 35px;*/ /*Safari*/ } .weco-css .zz-control-group.inline{ display: inline-flex; display: -webkit-inline-flex; display: -ms-inline-flexbox; width: 256px; } .weco-css #zz_cnbs_cc_cid_td .zz-control-group.inline{ width: 100%; } .weco-css div.zz-creditcard-payment span#zz_cnbs_cc_accepted { color: #bbb; } /* Payment Card Dialog - Different Billing Address */ .weco-css div.zz-creditcard-payment .zz-payment-methods input.pstcd { width: 47px; margin-right: 3px; } .weco-css div.zz-creditcard-payment .zz-payment-methods input.city { width: 198px; } /* Bank Account Dialog */ .weco-css div.zz-bankaccount-payment { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background: #fff; border: 1px solid #ccc; padding: 15px; } .weco-css div.zz-bankaccount-payment .zz-payment-methods dt { font-weight: bold; margin-bottom: 5px; } .weco-css div.zz-bankaccount-payment .zz-payment-methods dd { margin: 0 0 7px; float: left; } .weco-css div.zz-bankaccount-payment .zz-payment-methods dd li { margin: 5px 0; clear: both; } .weco-css div.zz-bankaccount-payment .zz-payment-methods .form-list { padding-left: 20px; margin: 15px 0; } .weco-css div.zz-bankaccount-payment .zz-payment-methods .form-list .input-text { width: 252px; } .weco-css div.zz-bankaccount-payment .zz-payment-methods .form-list select { width: 256px; } .weco-css div.zz-bankaccount-payment .zz-payment-methods .form-list label { width: 130px; } .weco-css div.zz-bankaccount-payment .zz-payment-methods .zz-control-group { line-height: 21px; } /* E-Check Dialog */ .weco-css div.zz-echeck-payment { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background: #fff; border: 1px solid #ccc; padding: 15px; } .weco-css div.zz-echeck-payment .zz-payment-methods dt { font-weight: bold; margin-bottom: 5px; } .weco-css div.zz-echeck-payment .zz-payment-methods dd { float: left; } .weco-css div.zz-echeck-payment .zz-payment-methods dd li { margin: 5px 0; clear: both; } .weco-css div.zz-echeck-payment .zz-payment-methods .form-list { padding-left: 20px; margin: 15px 0; } .weco-css div.zz-echeck-payment .zz-payment-methods .form-list .input-readonly { color: #A9A9A9; } .weco-css div.zz-echeck-payment .zz-payment-methods .form-list .input-text { width: 250px; } .weco-css div.zz-echeck-payment .zz-payment-methods .form-list select { width: 256px; } .weco-css div.zz-echeck-payment .zz-payment-methods .form-list label { width: 130px; } .weco-css div.zz-echeck-payment .zz-payment-methods .zz-control-group { line-height: 21px; } .weco-css #zz_cnbs_payment_form label { font-size: 12px; font-weight: normal; width: 130px; text-align: left; } .weco-css #zz_cnbs_payment_formsaved, #zz_cnbs_payment_form { padding-left: 0px; } /* WebAR Payment Execution Invoice List */ .weco-css div.productnavigator.zz-cnbs-doclist-nav { } .weco-css div.productnavigator .zz-cnbs-doclist-currency { float: left; margin-right: 1em; } .weco-css div.productnavigator .zz-cnbs-doclist-multipayer { } .weco-css input.zz-cnbs-input-right { text-align: right; } .weco-css input.zz-cnbs-input-readonly { border: none !important; background: transparent; } .weco-css div.vbuttrow input.zz-cnbs-b-next { float: right; } .weco-css div#docsearch .zz-cnbs-narrow { width: 25%; } /* PayPal Redirect */ body.zz-cnbs-paypalredir { background: none; } /* Make Payments */ .weco-css .zz-cnbs-showall h5, .weco-css .zz-cnbs-showall input { margin-left:0.5em; } /* Make Deposit Dialog */ .weco-css div.zz-make-deposit { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background: #fff; border: 1px solid #ccc; padding: 15px 15px 0 15px; } .weco-css div.zz-make-deposit fieldset { border: none; } .weco-css div.zz-make-deposit .zz-make-deposit-fields dt { font-weight: bold; margin-bottom: 5px; } .weco-css div.zz-make-deposit .zz-make-deposit-fields dd { margin: 0 0 7px; float: left; } .weco-css div.zz-make-deposit .zz-make-deposit-fields dd li { margin: 5px 0; clear: both; } .weco-css div.zz-make-deposit .zz-make-deposit-fields .form-list { padding-left: 20px; margin: 15px 0; } div.zz-make-deposit .zz-make-deposit-fields .form-list .input-text { width: 252px; } div.zz-make-deposit .zz-make-deposit-fields .form-list .input-readonly { color: #A9A9A9; } div.zz-make-deposit .zz-make-deposit-fields .form-list select { width: 252px; padding-right: 20px; } div.zz-make-deposit .zz-make-deposit-fields .form-list label { width: 130px; } div.zz-make-deposit .zz-make-deposit-fields .zz-control-group { line-height: 21px; } .weco-css .zz-cnbs-hdg-small{ display: none; } .weco-css .zz-cnbs-pay-cc-profile-ccscd #zz_cnbs_cc_cid{ width: 2.5em; height: 21px; } /* Responsive Tables */ .weco-css .zz-cnbs table.tabledetails { background: #fff; } .weco-css .zz-cnbs table.tabledetails thead { display: table-header-group; } .weco-css .zz-cnbs table.tabledetails td img { vertical-align: middle; } .weco-css .zz-cnbs table.tabledetails tr{ display: table-row; border: none; } .weco-css .zz-cnbs table.tabledetails th, .weco-css .zz-cnbs table.tabledetails td { padding: 6px 10px 6px 6px; float: none; display: table-cell; width: auto; } .weco-css .zz-cnbs table.tabledetails th.left, .weco-css .zz-cnbs table.tabledetails td.left { text-align: left; } .weco-css .zz-cnbs table.tabledetails th.right, .weco-css .zz-cnbs table.tabledetails td.right { text-align: right; } .weco-css .zz-cnbs table.tabledetails th{ color: #fff; background: #34495e; font-weight: bold; } .weco-css .zz-cnbs .left.zz-cnbs-comments-resp{ display: none; } /* M */ @media screen and (min-width: 1024px) and (max-width: 1199px) { } /* S */ @media screen and (max-width: 1023px) { } /* XS */ @media screen and (max-width: 767px) { .weco-css .zz-cnbs-pc-cont.highlightbox { padding: 0; border: none; } .weco-css .zz-cnbs-pc-cont .table { width: 100%; text-align: left; } .weco-css .zz-cnbs-pc-cont .zz-cnbs-cc-logos { line-height: 27px; } .weco-css .zz-cnbs-pc-cont .zz-cnbs-resp-hl { background: gold; } .weco-css .zz-cnbs-pc-cont .table tr { border: 1px solid lightgray; display: block; overflow: auto; margin-bottom: 1em; } .weco-css .zz-cnbs-pc-cont .table thead { display: none; } .weco-css .zz-cnbs-pc-cont .table tbody td { width: 100%; float: left; display: block; box-sizing: border-box; padding: 3px 10px; } .weco-css .zz-cnbs-pc-cont .table tbody .resp_hide { display: none; } .weco-css .zz-cnbs-pc-cont .table tbody td div { width: 53%; float: right; padding-left: 1em; } .weco-css .zz-cnbs-pc-cont .table tbody td:first-of-tpye { color: #fff; background: black; } .weco-css .zz-cnbs-pc-cont .table tbody td:after { content: attr(data-th) " "; font-weight: bold; float: right; width: 40%; vertical-align: middle; } .weco-css .zz-cnbs-pc-cont .table tbody td.zz-cnbs-radio:after { line-height: 40px; } .weco-css .zz-cnbs-pc-cont .table > tbody > tr.contentrow1 td, .weco-css .zz-cnbs-pc-cont .table > tbody > tr.contentrow2 td { background-color: #ffffff; } } /* XXS */ @media screen and (max-width: 479px) { .weco-css div.zz-creditcard-payment { border: none; padding: 0; } } /************************************ * Print styles ************************************/ @media print { html, body { height: auto; } .vbuttrow,#logo{display: none; } }