UNPKG

@nuskin/ns-checkout

Version:

Ecomm3 Checkout module

1,016 lines (1,015 loc) • 235 kB
@media screen and (max-width: 480px) { /* line 4, ../scss/_mec-styles.scss */ #page-checkout.mec-style .container div.reviewOrderDetails > button, body[page="checkout"].mec-style .container div.reviewOrderDetails > button { position: relative; margin: auto; left: 50%; transform: translateX(-50%); } } @media screen and (max-width: 480px) { /* line 13, ../scss/_mec-styles.scss */ #page-checkout.mec-style .container .custTypeMessage, body[page="checkout"].mec-style .container .custTypeMessage { position: relative; top: 0; max-width: 100%; } } /* line 14, ../checkout.scss */ #page-checkout .mec-only, body[page="checkout"] .mec-only { display: none; } /* line 20, ../checkout.scss */ #page-checkout #mainWrapper, body[page="checkout"] #mainWrapper { overflow: initial; } /* line 23, ../checkout.scss */ #page-checkout .container, body[page="checkout"] .container { font-size: 13px; line-height: 1.4; display: flex; flex-direction: column; min-height: 100vh; /* =================== Media Queries =================== */ /*!!! Warning !!! CSS files are generated from their associated SCSS files. Don't modify the CSS files directly, modify the SCSS files and then compile them using compass. This will generate the CSS file for you.*/ /* ===== Responsive Table Styles ===== */ /* ===== Media Queries ===== */ /* IE6 */ /* IE7 */ /* =================== Error Messaging =================== */ /*** styling for column control **/ /******************* ACCORDION STYLES BEGIN ************************************/ /*------------------------------------*\ VERTICAL \*------------------------------------*/ /******************* ACCORDION STYLES END ************************************/ /******************* NEW STYLES FOR CHECKBOXES ON CHECKOUT PAGE **********************/ /*** * Apply a media query for mobile views (tablets and phones) up to 769 pixels for checkboxes to scale up. * For laptops and desktop screens, just leave the checkbox alone. This is done so that the checkbox isn't * pixelated for wider screens and still looks good on mobile views. */ /* ========================================================================== Media Queries ========================================================================== */ /* ========================================================================== Print styles ========================================================================== */ /*** * All of the styling for points within checkout commerce. * * @author Jason Rice */ /* ===== Begin responsive design ======== */ /* ===== End responsive design ======== */ } /* line 7, ../scss/_normalize.scss */ #page-checkout .container #mainContent *, #page-checkout .container #mainContent *:before, #page-checkout .container #mainContent *:after, body[page="checkout"] .container #mainContent *, body[page="checkout"] .container #mainContent *:before, body[page="checkout"] .container #mainContent *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* line 11, ../scss/_normalize.scss */ #page-checkout .container #mainContent article, #page-checkout .container #mainContent aside, #page-checkout .container #mainContent details, #page-checkout .container #mainContent figcaption, #page-checkout .container #mainContent figure, #page-checkout .container #mainContent footer, #page-checkout .container #mainContent header, #page-checkout .container #mainContent hgroup, #page-checkout .container #mainContent main, #page-checkout .container #mainContent nav, #page-checkout .container #mainContent section, #page-checkout .container #mainContent summary, body[page="checkout"] .container #mainContent article, body[page="checkout"] .container #mainContent aside, body[page="checkout"] .container #mainContent details, body[page="checkout"] .container #mainContent figcaption, body[page="checkout"] .container #mainContent figure, body[page="checkout"] .container #mainContent footer, body[page="checkout"] .container #mainContent header, body[page="checkout"] .container #mainContent hgroup, body[page="checkout"] .container #mainContent main, body[page="checkout"] .container #mainContent nav, body[page="checkout"] .container #mainContent section, body[page="checkout"] .container #mainContent summary { display: block; } /* line 26, ../scss/_normalize.scss */ #page-checkout .container #mainContent audio, #page-checkout .container #mainContent canvas, #page-checkout .container #mainContent video, body[page="checkout"] .container #mainContent audio, body[page="checkout"] .container #mainContent canvas, body[page="checkout"] .container #mainContent video { display: inline-block; *display: inline; *zoom: 1; } /* line 34, ../scss/_normalize.scss */ #page-checkout .container #mainContent audio:not([controls]), body[page="checkout"] .container #mainContent audio:not([controls]) { display: none; height: 0; } /* line 40, ../scss/_normalize.scss */ #page-checkout .container #mainContent [hidden], body[page="checkout"] .container #mainContent [hidden] { display: none; } /* line 44, ../scss/_normalize.scss */ #page-checkout .container #mainContent a:focus, body[page="checkout"] .container #mainContent a:focus { outline: thin dotted; } /* line 48, ../scss/_normalize.scss */ #page-checkout .container #mainContent a:active, #page-checkout .container #mainContent a:hover, body[page="checkout"] .container #mainContent a:active, body[page="checkout"] .container #mainContent a:hover { outline: 0; } /* line 54, ../scss/_normalize.scss */ #page-checkout .container #mainContent abbr[title], body[page="checkout"] .container #mainContent abbr[title] { border-bottom: 1px dotted; } /* line 58, ../scss/_normalize.scss */ #page-checkout .container #mainContent b, #page-checkout .container #mainContent strong, body[page="checkout"] .container #mainContent b, body[page="checkout"] .container #mainContent strong { font-weight: bold; } /* line 62, ../scss/_normalize.scss */ #page-checkout .container #mainContent div.text label b, body[page="checkout"] .container #mainContent div.text label b { font-weight: normal; } /* line 65, ../scss/_normalize.scss */ #page-checkout .container #mainContent blockquote, body[page="checkout"] .container #mainContent blockquote { margin: 1em 40px; } /* line 69, ../scss/_normalize.scss */ #page-checkout .container #mainContent dfn, body[page="checkout"] .container #mainContent dfn { font-style: italic; } /* line 73, ../scss/_normalize.scss */ #page-checkout .container #mainContent hr, body[page="checkout"] .container #mainContent hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /* line 79, ../scss/_normalize.scss */ #page-checkout .container #mainContent mark, body[page="checkout"] .container #mainContent mark { background: #ff0; color: #000; } /* line 85, ../scss/_normalize.scss */ #page-checkout .container #mainContent p, #page-checkout .container #mainContent pre, body[page="checkout"] .container #mainContent p, body[page="checkout"] .container #mainContent pre { margin: 1em 0; } /* line 91, ../scss/_normalize.scss */ #page-checkout .container #mainContent code, #page-checkout .container #mainContent kbd, #page-checkout .container #mainContent pre, #page-checkout .container #mainContent samp, body[page="checkout"] .container #mainContent code, body[page="checkout"] .container #mainContent kbd, body[page="checkout"] .container #mainContent pre, body[page="checkout"] .container #mainContent samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /* line 101, ../scss/_normalize.scss */ #page-checkout .container #mainContent pre, body[page="checkout"] .container #mainContent pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* line 108, ../scss/_normalize.scss */ #page-checkout .container #mainContent q, body[page="checkout"] .container #mainContent q { quotes: none; } /* line 114, ../scss/_normalize.scss */ #page-checkout .container #mainContent q:before, #page-checkout .container #mainContent q:after, body[page="checkout"] .container #mainContent q:before, body[page="checkout"] .container #mainContent q:after { content: ''; content: none; } /* line 121, ../scss/_normalize.scss */ #page-checkout .container #mainContent small, body[page="checkout"] .container #mainContent small { font-size: 80%; } /* line 126, ../scss/_normalize.scss */ #page-checkout .container #mainContent sub, #page-checkout .container #mainContent sup, body[page="checkout"] .container #mainContent sub, body[page="checkout"] .container #mainContent sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } /* line 134, ../scss/_normalize.scss */ #page-checkout .container #mainContent sup, body[page="checkout"] .container #mainContent sup { top: -0.5em; } /* line 138, ../scss/_normalize.scss */ #page-checkout .container #mainContent sub, body[page="checkout"] .container #mainContent sub { bottom: -0.25em; } /* line 143, ../scss/_normalize.scss */ #page-checkout .container #mainContent dl, #page-checkout .container #mainContent menu, #page-checkout .container #mainContent ol, #page-checkout .container #mainContent ul, body[page="checkout"] .container #mainContent dl, body[page="checkout"] .container #mainContent menu, body[page="checkout"] .container #mainContent ol, body[page="checkout"] .container #mainContent ul { margin: 0; } /* line 150, ../scss/_normalize.scss */ #page-checkout .container #mainContent dd, body[page="checkout"] .container #mainContent dd { margin: 0; } /* line 156, ../scss/_normalize.scss */ #page-checkout .container #mainContent menu, #page-checkout .container #mainContent ol, #page-checkout .container #mainContent ul, body[page="checkout"] .container #mainContent menu, body[page="checkout"] .container #mainContent ol, body[page="checkout"] .container #mainContent ul { padding: 0; } /* line 163, ../scss/_normalize.scss */ #page-checkout .container #mainContent nav ul, #page-checkout .container #mainContent nav ol, body[page="checkout"] .container #mainContent nav ul, body[page="checkout"] .container #mainContent nav ol { list-style: none; list-style-image: none; } /* line 169, ../scss/_normalize.scss */ #page-checkout .container #mainContent img, body[page="checkout"] .container #mainContent img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /* line 174, ../scss/_normalize.scss */ #page-checkout .container #mainContent svg:not(:root), body[page="checkout"] .container #mainContent svg:not(:root) { overflow: hidden; } /* line 179, ../scss/_normalize.scss */ #page-checkout .container #mainContent figure, body[page="checkout"] .container #mainContent figure { margin: 0; } /* line 184, ../scss/_normalize.scss */ #page-checkout .container #mainContent form, body[page="checkout"] .container #mainContent form { margin: 0; } /* line 188, ../scss/_normalize.scss */ #page-checkout .container #mainContent legend, body[page="checkout"] .container #mainContent legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; } /* line 195, ../scss/_normalize.scss */ #page-checkout .container #mainContent button, #page-checkout .container #mainContent input, #page-checkout .container #mainContent select, #page-checkout .container #mainContent textarea, body[page="checkout"] .container #mainContent button, body[page="checkout"] .container #mainContent input, body[page="checkout"] .container #mainContent select, body[page="checkout"] .container #mainContent textarea { margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } @media (max-width: 767px) { /* line 205, ../scss/_normalize.scss */ #page-checkout .container #mainContent textarea, #page-checkout .container #mainContent input, body[page="checkout"] .container #mainContent textarea, body[page="checkout"] .container #mainContent input { font-size: 16px; } /* line 209, ../scss/_normalize.scss */ #page-checkout .container #mainContent textarea:focus, #page-checkout .container #mainContent input:focus, body[page="checkout"] .container #mainContent textarea:focus, body[page="checkout"] .container #mainContent input:focus { font-size: 16px; } } /* line 216, ../scss/_normalize.scss */ #page-checkout .container #mainContent button, #page-checkout .container #mainContent input, body[page="checkout"] .container #mainContent button, body[page="checkout"] .container #mainContent input { line-height: normal; } /* line 221, ../scss/_normalize.scss */ #page-checkout .container #mainContent select, body[page="checkout"] .container #mainContent select { text-transform: none; } /* line 224, ../scss/_normalize.scss */ #page-checkout .container #mainContent button, body[page="checkout"] .container #mainContent button { text-transform: uppercase; } /* line 229, ../scss/_normalize.scss */ #page-checkout .container #mainContent button, #page-checkout .container #mainContent html input[type="button"], #page-checkout .container #mainContent input[type="reset"], #page-checkout .container #mainContent input[type="submit"], body[page="checkout"] .container #mainContent button, body[page="checkout"] .container #mainContent html input[type="button"], body[page="checkout"] .container #mainContent input[type="reset"], body[page="checkout"] .container #mainContent input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ text-transform: uppercase; } /* line 240, ../scss/_normalize.scss */ #page-checkout .container #mainContent button[disabled], #page-checkout .container #mainContent html input[disabled], body[page="checkout"] .container #mainContent button[disabled], body[page="checkout"] .container #mainContent html input[disabled] { cursor: default; } /* line 247, ../scss/_normalize.scss */ #page-checkout .container #mainContent input[type="checkbox"], #page-checkout .container #mainContent input[type="radio"], body[page="checkout"] .container #mainContent input[type="checkbox"], body[page="checkout"] .container #mainContent input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /* line 256, ../scss/_normalize.scss */ #page-checkout .container #mainContent input[type="search"], body[page="checkout"] .container #mainContent input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* line 264, ../scss/_normalize.scss */ #page-checkout .container #mainContent input[type="search"]::-webkit-search-cancel-button, #page-checkout .container #mainContent input[type="search"]::-webkit-search-decoration, body[page="checkout"] .container #mainContent input[type="search"]::-webkit-search-cancel-button, body[page="checkout"] .container #mainContent input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* line 270, ../scss/_normalize.scss */ #page-checkout .container #mainContent button::-moz-focus-inner, #page-checkout .container #mainContent input::-moz-focus-inner, body[page="checkout"] .container #mainContent button::-moz-focus-inner, body[page="checkout"] .container #mainContent input::-moz-focus-inner { border: 0; padding: 0; } /* line 277, ../scss/_normalize.scss */ #page-checkout .container #mainContent textarea, body[page="checkout"] .container #mainContent textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* line 284, ../scss/_normalize.scss */ #page-checkout .container #mainContent table, body[page="checkout"] .container #mainContent table { border-collapse: collapse; border-spacing: 0; width: 100%; } /* line 292, ../scss/_normalize.scss */ #page-checkout .container #mainContent .clearfix:before, #page-checkout .container #mainContent .checkoutSection section:before, #page-checkout .container #mainContent .two-col:before, #page-checkout .container #mainContent .three-col:before, #page-checkout .container #mainContent .clearfix:after, #page-checkout .container #mainContent .checkoutSection section:after, #page-checkout .container #mainContent .two-col:after, #page-checkout .container #mainContent .three-col:after, body[page="checkout"] .container #mainContent .clearfix:before, body[page="checkout"] #page-checkout .container #mainContent .checkoutSection section:before, #page-checkout body[page="checkout"] .container #mainContent .checkoutSection section:before, body[page="checkout"] .container #mainContent .checkoutSection section:before, body[page="checkout"] .container #mainContent .two-col:before, body[page="checkout"] .container #mainContent .three-col:before, body[page="checkout"] .container #mainContent .clearfix:after, body[page="checkout"] #page-checkout .container #mainContent .checkoutSection section:after, #page-checkout body[page="checkout"] .container #mainContent .checkoutSection section:after, body[page="checkout"] .container #mainContent .checkoutSection section:after, body[page="checkout"] .container #mainContent .two-col:after, body[page="checkout"] .container #mainContent .three-col:after { content: " "; display: table; } /* line 298, ../scss/_normalize.scss */ #page-checkout .container #mainContent .clearfix:after, #page-checkout .container #mainContent .checkoutSection section:after, #page-checkout .container #mainContent .two-col:after, #page-checkout .container #mainContent .three-col:after, body[page="checkout"] .container #mainContent .clearfix:after, body[page="checkout"] #page-checkout .container #mainContent .checkoutSection section:after, #page-checkout body[page="checkout"] .container #mainContent .checkoutSection section:after, body[page="checkout"] .container #mainContent .checkoutSection section:after, body[page="checkout"] .container #mainContent .two-col:after, body[page="checkout"] .container #mainContent .three-col:after { clear: both; } /* line 302, ../scss/_normalize.scss */ #page-checkout .container #mainContent .clearfix, #page-checkout .container #mainContent .checkoutSection section, #page-checkout .container #mainContent .two-col, #page-checkout .container #mainContent .three-col, body[page="checkout"] .container #mainContent .clearfix, body[page="checkout"] #page-checkout .container #mainContent .checkoutSection section, #page-checkout body[page="checkout"] .container #mainContent .checkoutSection section, body[page="checkout"] .container #mainContent .checkoutSection section, body[page="checkout"] .container #mainContent .two-col, body[page="checkout"] .container #mainContent .three-col { *zoom: 1; } /* line 306, ../scss/_normalize.scss */ #page-checkout .container #mainContent hr, body[page="checkout"] .container #mainContent hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* line 315, ../scss/_normalize.scss */ #page-checkout .container #mainContent img, body[page="checkout"] .container #mainContent img { vertical-align: middle; } /* line 319, ../scss/_normalize.scss */ #page-checkout .container #mainContent img.credit_card, body[page="checkout"] .container #mainContent img.credit_card { margin-bottom: 10px; display: block; } /* line 324, ../scss/_normalize.scss */ #page-checkout .container #mainContent textarea, body[page="checkout"] .container #mainContent textarea { resize: vertical; } /* line 328, ../scss/_normalize.scss */ #page-checkout .container #mainContent .chromeframe, body[page="checkout"] .container #mainContent .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* line 336, ../scss/_normalize.scss */ #page-checkout .container h1 span.title, body[page="checkout"] .container h1 span.title { font-size: 24px; line-height: 1.4em; } /* line 4, ../scss/_app.scss */ #page-checkout .container .menu, body[page="checkout"] .container .menu { list-style: none; border-bottom: 0.1em solid black; margin-bottom: 2em; padding: 0 0 0.5em; } /* line 11, ../scss/_app.scss */ #page-checkout .container .menu:before, body[page="checkout"] .container .menu:before { content: "["; } /* line 15, ../scss/_app.scss */ #page-checkout .container .menu:after, body[page="checkout"] .container .menu:after { content: "]"; } /* line 19, ../scss/_app.scss */ #page-checkout .container .menu > li, body[page="checkout"] .container .menu > li { display: inline; } /* line 23, ../scss/_app.scss */ #page-checkout .container .menu > li:before, body[page="checkout"] .container .menu > li:before { content: "|"; padding-right: 0.3em; } /* line 28, ../scss/_app.scss */ #page-checkout .container .menu > li:nth-child(1):before, body[page="checkout"] .container .menu > li:nth-child(1):before { content: ""; padding: 0; } /* line 7, ../scss/_qas.scss */ #page-checkout .container .nuskinForm div, body[page="checkout"] .container .nuskinForm div { display: block; position: relative; margin: 0 0 10px 0; float: left; width: 100%; max-width: 100%; } /* line 8, ../scss/_qas.scss */ #page-checkout .container .nuskinForm p.desc, body[page="checkout"] .container .nuskinForm p.desc { font-size: 12px; color: #888888; margin: 3px 0 10px; } /* line 9, ../scss/_qas.scss */ #page-checkout .container .nuskinForm .req:after, body[page="checkout"] .container .nuskinForm .req:after { content: '*'; font-weight: bold; margin-left: 3px; color: #c71013; } /* line 10, ../scss/_qas.scss */ #page-checkout .container .nuskinRequiredBefore:before, body[page="checkout"] .container .nuskinRequiredBefore:before { content: '*'; font-weight: bold; margin-right: 0.25em; color: #c71013; } /* line 16, ../scss/_qas.scss */ #page-checkout .container .nuskinForm .city, body[page="checkout"] .container .nuskinForm .city { width: 42%; margin-right: 3%; } /* line 17, ../scss/_qas.scss */ #page-checkout .container .nuskinForm .state, body[page="checkout"] .container .nuskinForm .state { width: 22%; margin-right: 3%; } /* line 18, ../scss/_qas.scss */ #page-checkout .container .nuskinForm .state select, body[page="checkout"] .container .nuskinForm .state select { width: 100%; } /* line 19, ../scss/_qas.scss */ #page-checkout .container .nuskinForm .zip, body[page="checkout"] .container .nuskinForm .zip { width: 30%; } /* line 20, ../scss/_qas.scss */ #page-checkout .container .nuskinForm .cardType button, body[page="checkout"] .container .nuskinForm .cardType button { min-width: 195px; } /* line 21, ../scss/_qas.scss */ #page-checkout .container .nuskinForm .expDate, body[page="checkout"] .container .nuskinForm .expDate { width: auto; min-width: 45%; margin-right: 5%; } /* line 22, ../scss/_qas.scss */ #page-checkout .container .nuskinForm .expMonth button, body[page="checkout"] .container .nuskinForm .expMonth button { width: 132px; } /* line 23, ../scss/_qas.scss */ #page-checkout .container .nuskinForm .ccv, body[page="checkout"] .container .nuskinForm .ccv { width: 150px; } /* line 24, ../scss/_qas.scss */ #page-checkout .container .nuskinForm .formSubmit, body[page="checkout"] .container .nuskinForm .formSubmit { float: left; margin: 4px 0; } /* line 25, ../scss/_qas.scss */ #page-checkout .container .nuskinForm .formSubmit .cancel, body[page="checkout"] .container .nuskinForm .formSubmit .cancel { margin-left: 20px; } /* line 26, ../scss/_qas.scss */ #page-checkout .container .nuskinForm .formSubmit.buttonRight, body[page="checkout"] .container .nuskinForm .formSubmit.buttonRight { text-align: right; } /* line 27, ../scss/_qas.scss */ #page-checkout .container .nuskinForm .formSubmit.buttonRight .cancel, body[page="checkout"] .container .nuskinForm .formSubmit.buttonRight .cancel { margin-right: 20px; } @media only screen and (max-width: 767px) { /* line 31, ../scss/_qas.scss */ #page-checkout .container .nuskinForm .city, body[page="checkout"] .container .nuskinForm .city { width: 100%; } /* line 32, ../scss/_qas.scss */ #page-checkout .container .nuskinForm .state, body[page="checkout"] .container .nuskinForm .state { width: 42%; } /* line 33, ../scss/_qas.scss */ #page-checkout .container .nuskinForm .state select, body[page="checkout"] .container .nuskinForm .state select { width: 100%; } /* line 34, ../scss/_qas.scss */ #page-checkout .container .nuskinForm .zip, body[page="checkout"] .container .nuskinForm .zip { width: 55%; } /* line 35, ../scss/_qas.scss */ #page-checkout .container .nuskinForm .expDate, body[page="checkout"] .container .nuskinForm .expDate { width: auto; } } /* line 39, ../scss/_qas.scss */ #page-checkout .container #qasWarning .addressAsEntered, body[page="checkout"] .container #qasWarning .addressAsEntered { border: 1px solid #ccc; border-radius: 3px; padding: .9em 1.1em .8em 1em; width: 100%; } /* line 45, ../scss/_qas.scss */ #page-checkout .container #qasWarning .addressAsEntered p, body[page="checkout"] .container #qasWarning .addressAsEntered p { font-size: 16px; font-weight: 200; } /* line 52, ../scss/_qas.scss */ #page-checkout .container #qasWarning figure, body[page="checkout"] .container #qasWarning figure { display: inline-block; vertical-align: middle; } /* line 56, ../scss/_qas.scss */ #page-checkout .container #qasWarning figure a.btn.btn-secondary, body[page="checkout"] .container #qasWarning figure a.btn.btn-secondary { text-indent: 0; } /* line 60, ../scss/_qas.scss */ #page-checkout .container #qasWarning figcaption, body[page="checkout"] .container #qasWarning figcaption { margin-top: 3px; font-size: .8em; text-align: center; } /* line 65, ../scss/_qas.scss */ #page-checkout .container #qasWarning h2, body[page="checkout"] .container #qasWarning h2 { font-size: 18px; margin-bottom: 12px; font-weight: bold; } /* line 70, ../scss/_qas.scss */ #page-checkout .container #qasWarning .edit, body[page="checkout"] .container #qasWarning .edit { display: inline-block; font-weight: 400; } /* line 74, ../scss/_qas.scss */ #page-checkout .container #qasWarning ul a, body[page="checkout"] .container #qasWarning ul a { display: inline-block; padding: 10px 0; color: #008ab0; } /* line 79, ../scss/_qas.scss */ #page-checkout .container #qasWarning a:hover, body[page="checkout"] .container #qasWarning a:hover { cursor: pointer; text-decoration: underline; } /* line 85, ../scss/_qas.scss */ #page-checkout .container .qas_message, body[page="checkout"] .container .qas_message { margin-bottom: 5px; } /* line 86, ../scss/_qas.scss */ #page-checkout .container .qas_message_large, body[page="checkout"] .container .qas_message_large { clear: both; } /* line 87, ../scss/_qas.scss */ #page-checkout .container .qas_range, #page-checkout .container .qas_link_small, body[page="checkout"] .container .qas_range, body[page="checkout"] .container .qas_link_small { color: #008ab0; padding: 8px 0; } /* line 90, ../scss/_qas.scss */ #page-checkout .container .qas_range:hover, #page-checkout .container .qas_link_small:hover, body[page="checkout"] .container .qas_range:hover, body[page="checkout"] .container .qas_link_small:hover { color: #17cdff; cursor: pointer; } /* line 96, ../scss/_qas.scss */ #page-checkout .container a.btn-secondary, #page-checkout .container button.btn-secondary, body[page="checkout"] .container a.btn-secondary, body[page="checkout"] .container button.btn-secondary { color: #008ab0; background: transparent; border: 1px solid #008ab0; } /* line 102, ../scss/_qas.scss */ #page-checkout .container .qasInfoDialogue, body[page="checkout"] .container .qasInfoDialogue { background: rgba(217, 200, 107, 0.3); border: 1px solid #d9c86b; border-radius: 3px; padding: 15px; color: #5f5519; margin-bottom: 10px; } /* line 111, ../scss/_qas.scss */ #page-checkout .container .qasInfoDialogue h3, body[page="checkout"] .container .qasInfoDialogue h3 { margin-bottom: 0; } /* line 6, ../scss/_responsiveTableStyles.scss */ #page-checkout .container .section table.responsiveTable, #page-checkout .container table.responsiveTable, body[page="checkout"] .container .section table.responsiveTable, body[page="checkout"] .container table.responsiveTable { width: 100%; line-height: 1; } /* line 9, ../scss/_responsiveTableStyles.scss */ #page-checkout .container .section table.responsiveTable thead, #page-checkout .container table.responsiveTable thead, body[page="checkout"] .container .section table.responsiveTable thead, body[page="checkout"] .container table.responsiveTable thead { background: #f5f5f5; } /* line 11, ../scss/_responsiveTableStyles.scss */ #page-checkout .container .section table.responsiveTable thead th, #page-checkout .container table.responsiveTable thead th, body[page="checkout"] .container .section table.responsiveTable thead th, body[page="checkout"] .container table.responsiveTable thead th { font-weight: bold; text-align: left; } /* line 14, ../scss/_responsiveTableStyles.scss */ #page-checkout .container .section table.responsiveTable thead th.tableHeadline, #page-checkout .container table.responsiveTable thead th.tableHeadline, body[page="checkout"] .container .section table.responsiveTable thead th.tableHeadline, body[page="checkout"] .container table.responsiveTable thead th.tableHeadline { display: none; } /* line 21, ../scss/_responsiveTableStyles.scss */ #page-checkout .container .section table.responsiveTable tbody tr:nth-child(odd), #page-checkout .container table.responsiveTable tbody tr:nth-child(odd), body[page="checkout"] .container .section table.responsiveTable tbody tr:nth-child(odd), body[page="checkout"] .container table.responsiveTable tbody tr:nth-child(odd) { background: #fafafa; } /* line 24, ../scss/_responsiveTableStyles.scss */ #page-checkout .container .section table.responsiveTable tbody tr.error, #page-checkout .container table.responsiveTable tbody tr.error, body[page="checkout"] .container .section table.responsiveTable tbody tr.error, body[page="checkout"] .container table.responsiveTable tbody tr.error { background: #FCF3F3; color: #C60F13; } /* line 27, ../scss/_responsiveTableStyles.scss */ #page-checkout .container .section table.responsiveTable tbody tr.error + .error, #page-checkout .container table.responsiveTable tbody tr.error + .error, body[page="checkout"] .container .section table.responsiveTable tbody tr.error + .error, body[page="checkout"] .container table.responsiveTable tbody tr.error + .error { border-top: 1px solid rgba(198, 15, 19, 0.15); } /* line 37, ../scss/_responsiveTableStyles.scss */ #page-checkout .container .section table.responsiveTable tbody tr.noAdrRow td:first-child, #page-checkout .container table.responsiveTable tbody tr.noAdrRow td:first-child, body[page="checkout"] .container .section table.responsiveTable tbody tr.noAdrRow td:first-child, body[page="checkout"] .container table.responsiveTable tbody tr.noAdrRow td:first-child { padding-left: 30px; } /* line 42, ../scss/_responsiveTableStyles.scss */ #page-checkout .container .section table.responsiveTable th, #page-checkout .container .section table.responsiveTable td, #page-checkout .container table.responsiveTable th, #page-checkout .container table.responsiveTable td, body[page="checkout"] .container .section table.responsiveTable th, body[page="checkout"] .container .section table.responsiveTable td, body[page="checkout"] .container table.responsiveTable th, body[page="checkout"] .container table.responsiveTable td { padding: 3px 11px; vertical-align: middle; border-bottom: none; } /* line 46, ../scss/_responsiveTableStyles.scss */ #page-checkout .container .section table.responsiveTable th label, #page-checkout .container .section table.responsiveTable td label, #page-checkout .container table.responsiveTable th label, #page-checkout .container table.responsiveTable td label, body[page="checkout"] .container .section table.responsiveTable th label, body[page="checkout"] .container .section table.responsiveTable td label, body[page="checkout"] .container table.responsiveTable th label, body[page="checkout"] .container table.responsiveTable td label { display: none; } /* line 52, ../scss/_responsiveTableStyles.scss */ #page-checkout .container .textMid, body[page="checkout"] .container .textMid { text-align: center; } /* line 55, ../scss/_responsiveTableStyles.scss */ #page-checkout .container .textRight, body[page="checkout"] .container .textRight { float: none; text-align: right; } /* line 59, ../scss/_responsiveTableStyles.scss */ #page-checkout .container .section #mainContent #orderConfirmation > div.scan_cards, body[page="checkout"] .container .section #mainContent #orderConfirmation > div.scan_cards { margin-bottom: 0; } /* line 61, ../scss/_responsiveTableStyles.scss */ #page-checkout .container .section #mainContent #orderConfirmation > div.scan_cards table.responsiveTable, body[page="checkout"] .container .section #mainContent #orderConfirmation > div.scan_cards table.responsiveTable { margin-bottom: 0; width: auto; } /* line 64, ../scss/_responsiveTableStyles.scss */ #page-checkout .container .section #mainContent #orderConfirmation > div.scan_cards table.responsiveTable td, body[page="checkout"] .container .section #mainContent #orderConfirmation > div.scan_cards table.responsiveTable td { padding: 3px 10px 3px 0; text-align: left; } /* line 70, ../scss/_responsiveTableStyles.scss */ #page-checkout .container .section #mainContent #orderConfirmation > div table.responsiveTable, body[page="checkout"] .container .section #mainContent #orderConfirmation > div table.responsiveTable { margin-bottom: 0; width: auto; } /* line 73, ../scss/_responsiveTableStyles.scss */ #page-checkout .container .section #mainContent #orderConfirmation > div table.responsiveTable td, body[page="checkout"] .container .section #mainContent #orderConfirmation > div table.responsiveTable td { padding: 3px 10px 3px 0; text-align: left; } @media only screen and (max-width: 767px) { /* line 85, ../scss/_responsiveTableStyles.scss */ #page-checkout .container .responsiveTable thead th.tableHeadline, body[page="checkout"] .container .responsiveTable thead th.tableHeadline { display: block; text-align: left; padding: 0 10px; } /* line 90, ../scss/_responsiveTableStyles.scss */ #page-checkout .container .responsiveTable thead th:not(.tableHeadline), body[page="checkout"] .container .responsiveTable thead th:not(.tableHeadline) { display: none; } /* line 95, ../scss/_responsiveTableStyles.scss */ #page-checkout .container .responsiveTable tr, body[page="checkout"] .container .responsiveTable tr { display: block; padding: 10px 0; overflow: hidden; } /* line 100, ../scss/_responsiveTableStyles.scss */ #page-checkout .container .responsiveTable th, #page-checkout .container .responsiveTable td, body[page="checkout"] .container .responsiveTable th, body[page="checkout"] .container .responsiveTable td { display: block; float: left; border: none; padding: 4px 10px; font-size: 16px; } /* line 106, ../scss/_responsiveTableStyles.scss */ #page-checkout .container .responsiveTable th label, #page-checkout .container .responsiveTable td label, body[page="checkout"] .container .responsiveTable th label, body[page="checkout"] .container .responsiveTable td label { display: inline; font-weight: bold; } /* line 110, ../scss/_responsiveTableStyles.scss */ #page-checkout .container .responsiveTable th.newLine, #page-checkout .container .responsiveTable td.newLine, body[page="checkout"] .container .responsiveTable th.newLine, body[page="checkout"] .container .responsiveTable td.newLine { clear: left; } /* line 115, ../scss/_responsiveTableStyles.scss */ #page-checkout .container .section #mainContent #orderConfirmation > div.scan_cards, body[page="checkout"] .container .section #mainContent #orderConfirmation > div.scan_cards { margin-bottom: 0; } /* line 117, ../scss/_responsiveTableStyles.scss */ #page-checkout .container .section #mainContent #orderConfirmation > div.scan_cards table.responsiveTable, body[page="checkout"] .container .section #mainContent #orderConfirmation > div.scan_cards table.responsiveTable { margin-bottom: 0; } /* line 119, ../scss/_responsiveTableStyles.scss */ #page-checkout .container .section #mainContent #orderConfirmation > div.scan_cards table.responsiveTable tr, body[page="checkout"] .container .section #mainContent #orderConfirmation > div.scan_cards table.responsiveTable tr { padding: 0 0 10px; } /* line 122, ../scss/_responsiveTableStyles.scss */ #page-checkout .container .section #mainContent #orderConfirmation > div.scan_cards table.responsiveTable td, body[page="checkout"] .container .section #mainContent #orderConfirmation > div.scan_cards table.responsiveTable td { padding: 3px 10px 3px 0; } } /* line 128, ../scss/_responsiveTableStyles.scss */ #page-checkout .container .section #mainContent #orderConfirmation .responsiveTable, body[page="checkout"] .container .section #mainContent #orderConfirmation .responsiveTable { margin-top: 10px; } /* line 131, ../scss/_responsiveTableStyles.scss */ #page-checkout .container .section #mainContent #orderConfirmation > div, body[page="checkout"] .container .section #mainContent #orderConfirmation > div { margin-bottom: 0; } /* line 133, ../scss/_responsiveTableStyles.scss */ #page-checkout .container .section #mainContent #orderConfirmation > div table.reviewOrderDetails, body[page="checkout"] .container .section #mainContent #orderConfirmation > div table.reviewOrderDetails { margin-bottom: 0; width: auto; } /* line 136, ../scss/_responsiveTableStyles.scss */ #page-checkout .container .section #mainContent #orderConfirmation > div table.reviewOrderDetails td, body[page="checkout"] .container .section #mainContent #orderConfirmation > div table.reviewOrderDetails td { padding: 3px 10px 3px 0; } @media only screen and (max-width: 480px) { /* line 144, ../scss/_responsiveTableStyles.scss */ #page-checkout .container #content #mainContent, body[page="checkout"] .container #content #mainContent { padding: 0; } /* line 146, ../scss/_responsiveTableStyles.scss */ #page-checkout .container #content #mainContent .checkoutSection, body[page="checkout"] .container #content #mainContent .checkoutSection { border-radius: 0; border-left: none; border-right: none; } /* line 151, ../scss/_responsiveTableStyles.scss */ #page-checkout .container #content #mainContent > .container, body[page="checkout"] .container #content #mainContent > .container { padding: 0 !important; } /* line 154, ../scss/_responsiveTableStyles.scss */ #page-checkout .container #content #mainContent > .container #backToCartButton, body[page="checkout"] .container #content #mainContent > .container #backToCartButton { padding-right: 20px; } /* line 158, ../scss/_responsiveTableStyles.scss */ #page-checkout .container #content #mainContent > .container h1.checkoutHeader, body[page="checkout"] .container #content #mainContent > .container h1.checkoutHeader { padding-left: 20px; } /* line 164, ../scss/_responsiveTableStyles.scss */ #page-checkout .container #content #mainContent > .container .checkoutElements .text p, body[page="checkout"] .container #content #mainContent > .container .checkoutElements .text p { padding: 0 20px; } } /* line 10, ../scss/_main.scss */ #page-checkout .container .ns-blue, body[page="checkout"] .container .ns-blue { color: #008ab0; } @media (max-width: 767px) { /* line 23, ../checkout.scss */ #page-checkout .container, body[page="checkout"] .container { max-width: 100%; overflow-x: hidden; } } /* line 20, ../scss/_main.scss */ #page-checkout .container .parsys > .text, body[page="checkout"] .container .parsys > .text { padding: 0; } /* line 24, ../scss/_main.scss */ #page-checkout .container .shippingAddressStaticName, body[page="checkout"] .container .shippingAddressStaticName { display: block; position: relative; margin-left: 7px; margin-top: 34px; font-size: 22px; } /* line 32, ../scss/_main.scss */ #page-checkout .container .orderSummaryError, body[page="checkout"] .container .orderSummaryError { font-weight: bold !important; color: #c71013; } /* line 37, ../scss/_main.scss */ #page-checkout .container #page-checkout .container .error:before, #page-checkout .container body[page="checkout"] .container .error:before, #page-checkout .container .orderSummaryError:before, body[page="checkout"] .container #page-checkout .container .error:before, body[page="checkout"] .container body[page="checkout"] .container .error:before, body[page="checkout"] .container .orderSummaryError:before { content: '*'; margin-right: 0.25em; } /* line 46, ../scss/_main.scss */ #page-checkout .container #userPassword, body[page="checkout"] .container #userPassword { margin-top: -20px; } /* line 50, ../scss/_main.scss */ #page-checkout .container #orderSummaryRoot, body[page="checkout"] .container #orderSummaryRoot { display: none; } /* line 54, ../scss/_main.scss */ #page-checkout .container .clearfix:after, #page-checkout .container #mainContent .checkoutSection section:after, #page-checkout .container .two-col:after, #page-checkout .container .three-col:after, body[page="checkout"] .container .clearfix:after, body[page="checkout"] #page-checkout .container #mainContent .checkoutSection section:after, #page-checkout body[page="checkout"] .container #mainContent .checkoutSection section:after, body[page="checkout"] .container #mainContent .checkoutSection section:after, body[page="checkout"] #page-checkout .container .two-col:after, #page-checkout body[page="checkout"] .container .two-col:after, body[page="checkout"] .container .two-col:after, body[page="checkout"] #page-checkout .container .three-col:after, #page-checkout body[page="checkout"] .container .three-col:after, body[page="checkout"] .container .three-col:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } /* line 61, ../scss/_main.scss */ #page-checkout .container * html .clearfix, #page-checkout .container * html #mainContent .checkoutSection section, #page-checkout .container #mainContent .checkoutSection * html section, #page-checkout .container * html .two-col, #page-checkout .container * html .three-col, body[page="checkout"] .container * html .clearfix, body[page="checkout"] #page-checkout .container * html #mainContent .checkoutSection section, #page-checkout body[page="checkout"] .container * html #mainContent .checkoutSection section, body[page="checkout"] #page-checkout .container #mainContent .checkoutSection * html section, #page-checkout body[page="checkout"] .container #mainContent .checkoutSection * html section, body[page="checkout"] .container * html #mainContent .checkoutSection section, body[page="checkout"] .container #mainContent .checkoutSection * html section, body[page="checkout"] #page-checkout .container * html .two-col, #page-checkout body[page="checkout"] .container * html .two-col, body[page="checkout"] .container * html .two-col, body[page="checkout"] #page-checkout .container * html .three-col, #page-checkout body[page="checkout"] .container * html .three-col, body[page="checkout"] .container * html .three-col { zoom: 1; } /* line 62, ../scss/_main.scss */ #page-checkout .container *:first-child + html .clearfix, #page-checkout .container *:first-child + html #mainContent .checkoutSection section, #page-checkout .container #mainContent .checkoutSection *:first-child + html section, #page-checkout .container *:first-child + html .two-col, #page-checkout .container *:first-child + html .three-col, body[page="checkout"] .container *:first-child + html .clearfix, body[page="checkout"] #page-checkout .container *:first-child + html #mainContent .checkoutSection section, #page-checkout body[page="checkout"] .container *:first-child + html #mainContent .checkoutSection section, body[page="checkout"] #page-checkout .container #mainContent .checkoutSection *:first-child + html section, #page-checkout body[page="checkout"] .container #mainContent .checkoutSection *:first-child + html section, body[page="checkout"] .container *:first-child + html #mainContent .checkoutSection section, body[page="checkout"] .container #mainContent .checkoutSection *:first-child + html section, body[page="checkout"] #page-checkout .container *:first-child + html .two-col, #page-checkout body[page="checkout"] .container *:first-child + html .two-col, body[page="checkout"] .container *:first-child + html .two-col, body[page="checkout"] #page-checkout .container *:first-child + html .three-col, #page-checkout body[page="checkout"] .container *:first-child + html .three-col, body[page="checkout"] .container *:first-child + html .three-col { zoom: 1; } /* line 64, ../scss/_main.scss */ #page-checkout .container .breadcrumb, body[page="checkout"] .container .breadcrumb { display: none; } /* line 67, ../scss/_main.scss */ #page-checkout .container .bodyContent input, body[page="checkout"] .container .bodyContent input { font-size: 16px; border: 1px solid #cccccc; border-radius: 4px; padding: 6px 6px 2px; max-width: 100%; color: #666666; display: inline-block; margin-right: .5rem !important; } /* line 77, ../scss/_main.scss */ #page-checkout .container .bold, body[page="checkout"] .container .bold { font-weight: bold; } /* line 80, ../scss/_main.scss */ #page-checkout .container label, body[page="checkout"] .container label { font-weight: normal; margin-bottom: 3px; } /* line 84, ../scss/_main.scss */ #page-checkout .container body.es_AR, body[page="checkout"] .container body.es_AR { width: 100% !important; } /* line 87, ../scss/_main.scss */ #page-checkout .container .dropdown.section, body[page="checkout"] .container .dropdown.section { min-width: 50px; margin-bottom: 15px; } /* line 91, ../scss/_main.scss */ #page-checkout .container form .singleRadio div, body[page="checkout"] .container form .singleRadio div { display: inline-block; } /* line 94, ../scss/_main.scss */ #page-checkout .container .section.singleCheckbox, body[page="checkout"] .container .section.singleCheckbox { margin-bottom: 8px; display: table; } /* line 97, ../scss/_main.scss */ #page-checkout .container .section.singleCheckbox label, body[page="checkout"] .container .section.singleCheckbox label { width: auto; position: relative; float: left; padding-left: 1.5rem; } /* line 103, ../scss/_main.scss */ #page-checkout .container .section.singleCheckbox input[type="checkbox"], body[page="checkout"] .container .section.singleCheckbox input[type="checkbox"] { margin-right: 0; float: left; position: absolute; left: 0; display: block; } /* line 111, ../scss/_main.scss */ #page-checkout .container .transBankError, body[page="checkout"] .container .transBankError { color: #c71013; } /* line 114, ../scss/_main.scss */ #page-checkout .container .spinner, body[page="checkout"] .container .spinner { background: url("/content/dam/apps/checkout/icon-spinner.gif") no-repeat; background-size: contain; height: 50px; } /* line 119, ../scss/_main.scss */ #page-checkout .container #new_form_shippingState, body[page="checkout"] .container #new_form_shippingState { min-height: 30px; } /* line 123, ../scss/_main.scss */ #page-checkout .container .newPayment, #page-checkout .container .newAddress, body[page="checkout"] .container .newPayment, body[page="checkout"] .container .newAddress { padding-bottom: 1em; border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: lightgray; } /* line 130, ../scss/_main.scss */ #page-checkout .container .editPayment, #page-checkout .container .newPayment, #page-checkout .container .editAddress, #page-checkout .container .newAddress, body[page="checkout"] .container .editPayment, body[page="checkout"] .container .newPayment, body[page="checkout"] .container .editAddress, body[page="checkout"] .container .newAddress { padding-bottom: 1em; border-bottom: dashed 1px #d3d3d3; max-width: 700px; width: 100%; } /* line 137, ../scss/_main.scss */ #page-checkout .container .paymentMessage, body[page="checkout"] .container .paymentMessage { max-width: 95%; } /* line 141, ../scss/_main.scss */ #page-checkout .container .paymentLogo, body[page="checkout"] .container .paymentLogo { margin-bottom: 10px; max-height: 40px; } /* line 146, ../scss/_main.scss */ #page-checkout .container #paymentMethod img, body[page="checkout"] .container #paymentMethod img { max-height: 30px; } /* line 150, ../scss/_main.scss */ #page-checkout .container .payPalLink, body[page="checkout"] .container .payPalLink { margin-left: 15px; } /* line 154, ../scss/_main.scss */ #page-checkout .container #paymentAgree, body[page="checkout"] .container #paymentAgree { text-align: right; display: inline-block; padding: 20px 0; } /* line 160, ../scss/_main.scss */ #page-checkout .container .red, body[page="checkout"] .container .red { color: red; } /* line 165, ../scss/_main.scss */ #page-checkout .container .singlecheckout_c2fa .no-show-ageloc, body[page="checkout"] .container .singlecheckout_c2fa .no-show-ageloc { display: none; } /* line 172, ../scss/_main.scss */ #page-checkout .container body.in_ID .editPayment form .bodyContent, #page-checkout .container body.in_ID .newPayment form .bodyContent, #page-checkout .container body.in_ID .editAddress form .bodyContent, #page-checkout .container body.in_ID .newAddress form .bodyContent, body[page="checkout"] .container bod