{I" class:ETI"BundledAsset;FI"logical_path;TI"shoppe/application.css;TI" pathname;TI"T/Users/adam/Projects/shoppe/core/app/assets/stylesheets/shoppe/application.scss;FI"content_type;TI" text/css;TI" mtime;Tl+µrRI" length;Ti šI" digest;TI"%a338012092d5b7fa825b621ea1b3292f;FI" source;TI" šhtml, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; letter-spacing: 0; vertical-align: baseline; background: transparent; } article, aside, figure, footer, header, hgroup, nav, section { display: block; } img, object, embed { max-width: 100%; } ul { list-style: none; } blockquote, q { quotes: none; } b, strong { font-weight: bold; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; } /* tables still need cellspacing="0" in the markup */ table { border-collapse: collapse; border-spacing: 0; } th { font-weight: bold; vertical-align: bottom; } td { font-weight: normal; vertical-align: top; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ } input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } select, input, textarea { font: 99% sans-serif; } table { font-size: inherit; font: 100%; } /* Accessible focus treatment people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active { outline: none; } small { font-size: 85%; } strong, th { font-weight: bold; } td, td img { vertical-align: top; } /* Make sure sup and sub don't screw with your line-heights gist.github.com/413930 */ sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* standardize any monospaced elements */ pre, code, kbd, samp { font-family: monospace, sans-serif; } /* hand cursor on clickable elements */ .clickable, label, input[type=button], input[type=submit], button { cursor: pointer; } /* Webkit browsers add a 2px margin outside the chrome of form elements */ button, input, select, textarea { margin: 0; } /* make buttons play nice in IE */ button { width: auto; overflow: visible; } /* scale images in IE7 more attractively */ .ie7 img { -ms-interpolation-mode: bicubic; } /* prevent BG image flicker upon hover */ .ie6 html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); } /* let's clear some floats */ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } select, input, textarea { outline: none; } .button { border: 0; padding: 0; background: none; text-decoration: none; font-size: 12px; font-weight: 500 !important; text-transform: uppercase; font-family: "Helvetica Neue", Arial, sans-serif; color: #fff !important; padding: 8px 20px; border-radius: 30px; background-color: #40454D; display: inline-block; } .button:active { background: #535963; } .button.green { background-color: #96BF48; border-color: #96BF48; border-bottom-color: #86a350; } .button.green:active { background-color: #A8D750; } .button.loading { background-image: url(/images/spinners/button-green.gif); background-repeat: no-repeat; background-position: 50% 50%; color: transparent !important; } .button.purple { background-color: #C17391; border-color: #C17391; border-bottom-color: #a7667f; } .button.purple:active { background: #DC83A6; } .button.orange { background-color: #c8541b; border-color: #c8541b; border-bottom-color: #974117; } .button.orange:active { background: #e75d19; } .button.grey { background-color: #777; border-color: #777; border-bottom-color: #777; } .button.grey:active { background: #888; } .button.white { background-color: #fff; color: #333 !important; } .button.white-green { background-color: #fff; color: #96BF48 !important; } .button.button-mini { font-size: 11px; padding: 4px 10px; box-shadow: none; font-weight: normal; text-shadow: none; text-transform: none; } /* @group Base */ .chosen-container { position: relative; display: inline-block; vertical-align: middle; font-size: 13px; zoom: 1; *display: inline; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .chosen-container .chosen-drop { position: absolute; top: 100%; left: -9999px; z-index: 1010; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; border: 1px solid #aaa; border-top: 0; background: #fff; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); } .chosen-container.chosen-with-drop .chosen-drop { left: 0; } .chosen-container a { cursor: pointer; } /* @end */ /* @group Single Chosen */ .chosen-container-single .chosen-single { position: relative; display: block; overflow: hidden; padding: 0 0 0 8px; height: 23px; border: 1px solid #aaa; border-radius: 5px; background-color: #fff; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, white), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4)); background: -webkit-linear-gradient(top, white 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background: -moz-linear-gradient(top, white 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background: -o-linear-gradient(top, white 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background: linear-gradient(top, white 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background-clip: padding-box; box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1); color: #444; text-decoration: none; white-space: nowrap; line-height: 24px; } .chosen-container-single .chosen-default { color: #999; } .chosen-container-single .chosen-single span { display: block; overflow: hidden; margin-right: 26px; text-overflow: ellipsis; white-space: nowrap; } .chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; } .chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; background: url(/assets/shoppe/chosen-sprite.png) -42px 1px no-repeat; font-size: 1px; } .chosen-container-single .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single .chosen-single div { position: absolute; top: 0; right: 0; display: block; width: 18px; height: 100%; } .chosen-container-single .chosen-single div b { display: block; width: 100%; height: 100%; background: url(/assets/shoppe/chosen-sprite.png) no-repeat 0px 2px; } .chosen-container-single .chosen-search { position: relative; z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap; } .chosen-container-single .chosen-search input[type="text"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 1px 0; padding: 4px 20px 4px 5px; width: 100%; height: auto; outline: 0; border: 1px solid #ccc; background: white url(/assets/shoppe/chosen-sprite.png) no-repeat 100% -20px; background: url(/assets/shoppe/chosen-sprite.png) no-repeat 100% -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, white)); background: url(/assets/shoppe/chosen-sprite.png) no-repeat 100% -20px, -webkit-linear-gradient(#eeeeee 1%, white 15%); background: url(/assets/shoppe/chosen-sprite.png) no-repeat 100% -20px, -moz-linear-gradient(#eeeeee 1%, white 15%); background: url(/assets/shoppe/chosen-sprite.png) no-repeat 100% -20px, -o-linear-gradient(#eeeeee 1%, white 15%); background: url(/assets/shoppe/chosen-sprite.png) no-repeat 100% -20px, linear-gradient(#eeeeee 1%, white 15%); font-size: 1em; font-family: sans-serif; line-height: normal; border-radius: 0; } .chosen-container-single .chosen-drop { margin-top: -1px; border-radius: 0 0 4px 4px; background-clip: padding-box; } .chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; left: -9999px; } /* @end */ /* @group Results */ .chosen-container .chosen-results { position: relative; overflow-x: hidden; overflow-y: auto; margin: 0 4px 4px 0; padding: 0 0 0 4px; max-height: 240px; -webkit-overflow-scrolling: touch; } .chosen-container .chosen-results li { display: none; margin: 0; padding: 5px 6px; list-style: none; line-height: 15px; } .chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; } .chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default; } .chosen-container .chosen-results li.highlighted { background-color: #3875d7; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)); background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: linear-gradient(#3875d7 20%, #2a62bc 90%); color: #fff; } .chosen-container .chosen-results li.no-results { display: list-item; background: #f4f4f4; } .chosen-container .chosen-results li.group-result { display: list-item; font-weight: bold; cursor: default; } .chosen-container .chosen-results li.group-option { padding-left: 15px; } .chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; } /* @end */ /* @group Multi Chosen */ .chosen-container-multi .chosen-choices { position: relative; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 5px; width: 100%; height: auto !important; height: 1%; border: 1px solid #ccc; background-color: #fff; cursor: text; } .chosen-container-multi .chosen-choices li { float: left; list-style: none; } .chosen-container-multi .chosen-choices li.search-field { margin: 0; padding: 0; white-space: nowrap; } .chosen-container-multi .chosen-choices li.search-field input[type="text"] { margin: 1px 0; padding: 5px; height: 15px; outline: 0; border: 0 !important; background: transparent !important; box-shadow: none; color: #666; font-size: 100%; font-family: sans-serif; line-height: normal; border-radius: 0; } .chosen-container-multi .chosen-choices li.search-field .default { color: #999; } .chosen-container-multi .chosen-choices li.search-choice { position: relative; margin: 3px 0 3px 5px; padding: 3px 20px 3px 5px; border: 1px solid #ccc; border-radius: 3px; background-color: #e4e4e4; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-clip: padding-box; box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #333; line-height: 13px; cursor: default; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { position: absolute; top: 4px; right: 3px; display: block; width: 12px; height: 12px; background: url(/assets/shoppe/chosen-sprite.png) -42px 1px no-repeat; font-size: 1px; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px; } .chosen-container-multi .chosen-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #ccc; background-color: #e4e4e4; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); color: #666; } .chosen-container-multi .chosen-choices li.search-choice-focus { background: #d4d4d4; } .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; } .chosen-container-multi .chosen-results { margin: 0; padding: 0; } .chosen-container-multi .chosen-drop .result-selected { display: list-item; color: #ccc; cursor: default; } /* @end */ /* @group Active */ .chosen-container-active .chosen-single { border: 1px solid #9AC835; } .chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #ccc; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, white)); background-image: -webkit-linear-gradient(#eeeeee 20%, white 80%); background-image: -moz-linear-gradient(#eeeeee 20%, white 80%); background-image: -o-linear-gradient(#eeeeee 20%, white 80%); background-image: linear-gradient(#eeeeee 20%, white 80%); box-shadow: 0 1px 0 #fff inset; } .chosen-container-active.chosen-with-drop .chosen-single div { border-left: none; background: transparent; } .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 2px; } .chosen-container-active .chosen-choices { border: 1px solid #9AC835; } .chosen-container-active .chosen-choices li.search-field input[type="text"] { color: #111 !important; } /* @end */ /* @group Disabled Support */ .chosen-disabled { opacity: 0.5 !important; cursor: default; } .chosen-disabled .chosen-single { cursor: default; } .chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default; } /* @end */ /* @group Right to Left */ .chosen-rtl { text-align: right; } .chosen-rtl .chosen-single { overflow: visible; padding: 0 8px 0 0; } .chosen-rtl .chosen-single span { margin-right: 0; margin-left: 26px; direction: rtl; } .chosen-rtl .chosen-single-with-deselect span { margin-left: 38px; } .chosen-rtl .chosen-single div { right: auto; left: 3px; } .chosen-rtl .chosen-single abbr { right: auto; left: 26px; } .chosen-rtl .chosen-choices li { float: right; } .chosen-rtl .chosen-choices li.search-field input[type="text"] { direction: rtl; } .chosen-rtl .chosen-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px; } .chosen-rtl .chosen-choices li.search-choice .search-choice-close { right: auto; left: 4px; } .chosen-rtl.chosen-container-single-nosearch .chosen-search, .chosen-rtl .chosen-drop { left: 9999px; } .chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } .chosen-rtl .chosen-results li.group-option { padding-right: 15px; padding-left: 0; } .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: none; } .chosen-rtl .chosen-search input[type="text"] { padding: 4px 5px 4px 20px; background: white url(/assets/shoppe/chosen-sprite.png) no-repeat -30px -20px; background: url(/assets/shoppe/chosen-sprite.png) no-repeat -30px -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, white)); background: url(/assets/shoppe/chosen-sprite.png) no-repeat -30px -20px, -webkit-linear-gradient(#eeeeee 1%, white 15%); background: url(/assets/shoppe/chosen-sprite.png) no-repeat -30px -20px, -moz-linear-gradient(#eeeeee 1%, white 15%); background: url(/assets/shoppe/chosen-sprite.png) no-repeat -30px -20px, -o-linear-gradient(#eeeeee 1%, white 15%); background: url(/assets/shoppe/chosen-sprite.png) no-repeat -30px -20px, linear-gradient(#eeeeee 1%, white 15%); direction: rtl; } .chosen-rtl.chosen-container-single .chosen-single div b { background-position: 6px 2px; } .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { background-position: -12px 2px; } /* @end */ /* @group Retina compatibility */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) { .chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span { background-image: url(/assets/shoppe/chosen-sprite@2x.png) !important; background-size: 52px 37px !important; background-repeat: no-repeat !important; } } /* @end */ div.niftyOverlay { position: fixed; background: rgba(0, 0, 0, 0.5); top: 0; left: 0; width: 100%; height: 4000px; display: none; z-index: 50; } div.niftyOverlay.invisible { background: transparent; } div.niftyDialog { display: none; position: fixed; top: 50%; top: 100px; left: 50%; margin-left: -250px; width: 500px; background: #fff; box-shadow: 0 0 70px black; } div.niftyDialog h2 { background: #333333; color: #fff; padding: 10px 15px; font-weight: 600; background-repeat: no-repeat; background-position: 95% 17px; background-size: 16px; font-size: 0.9em; } div.niftyDialog { padding: 15px; } div.niftyDialog h2 { background: #fff; border: 0; padding: 0; font-size: 1.3em; border-bottom: 1px solid #000; padding-bottom: 4px; margin-bottom: 10px; color: #111; } div.niftyDialog nav.pagination { margin: 0; margin-top: 15px; } div.niftyDialog p.intro { line-height: 1.5; color: #666; margin: 6px 0; } div.niftyDialog form.refundForm { overflow: hidden; margin: 10px; } div.niftyDialog form.refundForm p.intro { margin-bottom: 25px; } div.niftyDialog form.refundForm .moneyInput { float: left; } div.niftyDialog form.refundForm .moneyInput .currency { font-size: 1.4em; } div.niftyDialog form.refundForm .moneyInput input { font-size: 1.4em; } div.niftyDialog form.refundForm p.submit { float: right; } /* */ html { font-family: "Helvetica Neue", Arial, sans-serif; font-size: 12px; color: #000; -webkit-font-smoothing: antialiased; background-color: #f7f9fc; } nav.sidebar { width: 200px; background: #40454D; position: fixed; top: 0; bottom: 0; } nav.sidebar header.logo { height: 57px; background: url(/assets/shoppe/logo.svg) #9ac835 no-repeat 22px 25px; background-size: 45px; padding-left: 80px; padding-top: 28px; } nav.sidebar header.logo h1 a { display: block; width: 72px; height: 16px; background: url(/assets/shoppe/shoppe.svg) no-repeat; background-size: 72px 16px; text-indent: -40000px; } nav.sidebar header.logo p { color: #fff; font-size: 0.9em; margin-top: 4px; } nav.sidebar p.logged { background: #5B6270; padding: 12px 20px; color: #fff; font-size: 0.9em; } nav.sidebar ul li span.pending { float: right; font-size: 0.9em; font-weight: bold; background: #5B6270; color: #fff; padding: 2px 10px; border-radius: 16px; margin-top: 9px; margin-right: 10px; } nav.sidebar ul li a { display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.05); color: rgba(255, 255, 255, 0.7); text-decoration: none; padding: 10px 20px; font-size: 1.1em; } nav.sidebar ul li a:hover { background: rgba(0, 0, 0, 0.05); } nav.sidebar ul li a.active { font-weight: bold; color: #fff; background: rgba(0, 0, 0, 0.08); } header.main { position: fixed; left: 200px; right: 0; height: 85px; background: #fff; box-shadow: 0 0px 15px -2px rgba(0, 0, 0, 0.2); } header.main p.buttons { float: right; margin-top: 27px; margin-right: 35px; } header.main p.buttons a { margin-left: 10px; } header.main h2 { margin-top: 28px; margin-left: 35px; font-size: 2.0em; font-weight: 300; color: #333; background-repeat: no-repeat; background-size: 22px; background-position: 0 5px; padding-left: 32px; } header.main h2 span { font-size: 0.4em; font-weight: normal; color: #999; margin-left: 10px; } header.main h2 b { font-weight: 500; } header.main h2.products { background-image: url(/assets/shoppe/icons/tags.svg); } header.main h2.orders { background-image: url(/assets/shoppe/icons/bag.svg); background-position: 0 3px; } header.main h2.delivery_services { background-image: url(/assets/shoppe/icons/box.svg); background-position: 0 3px; background-size: 20px; } header.main h2.tax_rates { background-image: url(/assets/shoppe/icons/currency.svg); background-position: 0 2px; background-size: 22px; } header.main h2.users { background-image: url(/assets/shoppe/icons/id.svg); background-position: 0 2px; background-size: 22px; } header.main h2.countries { background-image: url(/assets/shoppe/icons/globe.svg); background-position: 0 2px; background-size: 22px; } header.main h2.settings { background-image: url(/assets/shoppe/icons/toolbox.svg); background-position: 0 2px; background-size: 22px; } #content { padding-left: 200px; padding-top: 85px; } #content section.main { padding: 35px; } #content #flash-notice { background: #21a3e0; padding: 15px 35px; color: #fff; font-size: 1.2em; font-weight: bold; } #content #flash-alert { background: #e04e21; padding: 15px 35px; color: #fff; font-size: 1.2em; font-weight: bold; } #content .subtitle { background: #fff; border: 1px solid #CFD4DD; margin-bottom: 25px; padding: 15px; } #content .subtitle h3 { font-size: 2.0em; font-weight: 500; } #content span.status-tag { font-weight: 600; font-size: 11px; text-transform: uppercase; background-size: 16px; background-repeat: no-repeat; padding-left: 20px; min-height: 16px; display: inline-block; } #content span.status-tag.shipped { color: #E32479; background-image: url(/assets/shoppe/statuses/shipped.svg); } #content span.status-tag.accepted { color: #89BD2F; background-image: url(/assets/shoppe/statuses/accepted.svg); } #content span.status-tag.rejected { color: #E33127; background-image: url(/assets/shoppe/statuses/rejected.svg); } #content span.status-tag.received { color: #909091; background-image: url(/assets/shoppe/statuses/received.svg); } #content fieldset { border: 1px solid #dce2eb; background: #fff; padding-top: 15px; padding-bottom: 25px; margin-bottom: 15px; } #content fieldset legend { color: #5B6270; margin: 0 25px; font-weight: 300; font-size: 1.5em; } #content fieldset.padded { padding: 15px 25px 25px 25px; } #content fieldset.padded legend { margin: 0; } #content form fieldset .splitContainer { margin: 0 25px; margin-bottom: 15px; height: 50px; } #content form fieldset .splitContainer:last-child { margin-bottom: 0; } #content form fieldset dl { margin: 0 25px; margin-bottom: 15px; } #content form fieldset dl:last-child { margin-bottom: 0; } #content form fieldset dl dt { margin-bottom: 10px; font-size: 1.2em; } #content form fieldset dl dt label { font-weight: 500; } #content form fieldset dl dd select { width: 100%; } #content form fieldset dl dd textarea { height: 80px; } #content form fieldset dl dd p.help { margin-top: 15px; color: #333; background: url(/assets/shoppe/icons/support.svg) no-repeat 0 3px; line-height: 1.5; background-size: 13px; padding-left: 18px; opacity: 0.7; } #content form fieldset dl dd.checkbox { margin-top: 14px; font-size: 1.1em; color: #999; } #content form fieldset dl dd.checkbox input { float: left; margin-right: 10px; margin-top: 2px; } #content form fieldset dl dd div.radios { padding-top: 4px; } #content form fieldset dl dd div.radios input, #content form fieldset dl dd div.radios label { margin-right: 10px; } #content form fieldset dl dd.space { margin-bottom: 5px; } #content form fieldset dl dd.space:last-child { margin-bottom: 0; } #content form fieldset dl.half { width: 49%; margin: 0; float: left; } #content form fieldset dl.half:last-child { float: right; } #content form fieldset dl.third { width: 31%; margin: 0; float: left; } #content form fieldset dl.third:nth-child(2) { margin-left: 2%; width: 32%; } #content form fieldset dl.third:last-child { float: right; width: 33%; } #content form fieldset dl.sided { clear: both; } #content form fieldset dl.sided dt { float: left; width: 25%; text-align: right; padding-top: 4px; } #content form fieldset dl.sided dd { margin-left: 30%; } #content form fieldset dl.sided dd p.help { margin-top: 10px; } #content form fieldset dl.sided dd div.checkbox { padding-top: 5px; } #content form fieldset div.margin { margin: 0 25px; } #content form fieldset table.productAttributes { width: 100%; margin-bottom: 10px; line-height: 1.0; } #content form fieldset table.productAttributes thead td { background: #f7f7f7; color: #999; font-size: 0.9em; } #content form fieldset table.productAttributes td { border: 1px solid #ccc; padding: 10px; vertical-align: middle; width: 40%; } #content form fieldset table.productAttributes td input[type=text] { width: 100%; border: 0; padding: 0; margin: 0; font-size: 1.2em; } #content form fieldset table.productAttributes td.remove { width: 8%; text-align: center; background: #ffeff5; } #content form fieldset table.productAttributes td.searchable { width: 8%; text-align: center; } #content form fieldset table.productAttributes td.handle { width: 4%; background: url(/assets/shoppe/move.svg) no-repeat center; background-size: 16px; } #content form p.submit { margin: 0; background: #fff; border: 1px solid #dce2eb; padding: 25px; } #content form p.submit .button { margin-right: 5px; } #content form p.submit .right .button { margin-left: 5px; margin-right: 0; } #content form p.submit span.right { float: right; } #content form p.submit.sided { padding-left: 30%; } #content form .errorExplanation { margin-bottom: 25px; border: 1px solid #EB2732; background: #fff; padding: 25px; line-height: 1.5; } #content form .errorExplanation h2 { font-size: 1.5em !important; font-weight: 300; color: #de1818; margin-bottom: 10px; } #content form .errorExplanation p { display: none; } #content form .errorExplanation ul li { list-style: disc; margin-left: 25px; font-size: 1.2em; } #content div.attachmentPreview { overflow: hidden; border: 1px solid #ccc; background: #f7f7f7; padding: 10px; margin-bottom: 15px; } #content div.attachmentPreview div.imgContainer { float: left; padding: 4px; border: 1px solid #ccc; background: #fff; } #content div.attachmentPreview div.imgContainer div.img { background-image: url(/assets/shoppe/document.svg); width: 40px; height: 40px; display: block; background-size: contain; background-repeat: no-repeat; background-position: center center; } #content div.attachmentPreview div.imgContainer div.img.none { background-image: none; } #content div.attachmentPreview div.desc { margin-left: 60px; padding-top: 5px; } #content div.attachmentPreview div.desc span { display: block; } #content div.attachmentPreview div.desc span.filename { font-size: 1.1em; margin-bottom: 5px; } #content div.attachmentPreview div.desc span.filename a { text-decoration: none; font-weight: bold; } #content div.attachmentPreview div.desc span.delete a { color: #FF9781; font-size: 0.9em; } #content div.attachmentPreview div.desc a { color: #000; } #content div.attachmentPreview div.desc.none { color: #999; font-style: italic; } #content #order .details { overflow: hidden; } #content #order .details .left { width: 55%; float: left; } #content #order .details .right { width: 45%; float: left; } #content #order .details .right p.acceptreject { text-align: center; margin-top: 22px; } #content #order .details .right p.acceptreject a { margin: 0 5px; } #content #order .details .right p.ship { text-align: center; margin-top: 22px; } #content #order .details dl dt { float: left; width: 30%; text-align: right; color: #888; white-space: nowrap; } #content #order .details dl dd { font-weight: bold; margin-left: 35%; margin-bottom: 6px; white-space: nowrap; } #content #order .details dl dd a { color: inherit; } #content #order .details dl dt.padding { padding-top: 6px; } #content #order .details dl.form { margin-top: 15px; } #content #order .details dl.form input.text { width: 70%; } #content #order .details dl.form a.button { margin-right: 5px; } #content #order .status-bar { background: url(/assets/shoppe/square.svg) repeat-x 0 15px; background-size: 8px; margin: 45px 0; overflow: hidden; } #content #order .status-bar ul li { width: 33%; float: left; text-align: center; background: url(/assets/shoppe/statuses/shipped.svg) no-repeat center 0; background-size: 36px; padding-top: 42px; z-index: 10; } #content #order .status-bar ul h4 { color: #E32479; } #content #order .status-bar ul li p { margin-top: 5px; font-size: 0.9em; color: #999; } #content #order .status-bar ul li a { color: inherit; } #content #order .status-bar ul li.payment { background-image: url(/assets/shoppe/statuses/paid.svg); } #content #order .status-bar ul li.payment h4 { color: #3DB3E2; } #content #order .status-bar ul li.received { background-image: url(/assets/shoppe/statuses/received.svg); } #content #order .status-bar ul li.received h4 { color: #909091; } #content #order .status-bar ul li.accepted { background-image: url(/assets/shoppe/statuses/accepted.svg); } #content #order .status-bar ul li.accepted h4 { color: #89BD2F; } #content #order .status-bar ul li.rejected { background-image: url(/assets/shoppe/statuses/rejected.svg); } #content #order .status-bar ul li.rejected h4 { color: #E33127; } #content #order .order_items table.data .money { text-align: right; width: 8%; } #content #order .order_items table.data .product { width: 42%; } #content #order .order_items table.data .sku { width: 18%; } #content #order .order_items table.data .qty { text-align: center; width: 5%; } #content fieldset.orderPayments h4 { font-weight: bold; text-transform: uppercase; color: #5B6270; } #content fieldset.orderPayments .table { margin-bottom: 20px; } #content fieldset.orderPayments .table table td.refund { width: 10%; text-align: center; } #content fieldset.orderPayments .table table td.confirmed { width: 5%; text-align: center; } #content fieldset.orderPayments form { overflow: hidden; background: #F7F9FC; border: 1px solid #DCE2EB; padding: 15px; } #content fieldset.orderPayments form dl { width: 23%; float: left; } #content fieldset.orderPayments form dl dt { margin-bottom: 4px; font-size: 0.9em; color: #A9AEB5; font-weight: 500; } #content fieldset.orderPayments form dl.text { width: 27%; margin-right: 2%; } #content fieldset.orderPayments form dl.amount { width: 25%; } #content fieldset.orderPayments form dl.submit { width: 15%; text-align: right; margin-top: 15px; } #content fieldset.orderPayments p.notice { background: #fffff3; padding: 10px; color: #F67C00; border: 1px solid #F6B721; margin-bottom: 15px; } #content div.orderSearch { overflow: hidden; display: none; } #content div.orderSearch dl.left, #content div.orderSearch dl.right { float: left; width: 50%; } #content div.orderSearch dl.left dt, #content div.orderSearch dl.right dt { float: left; width: 40%; text-align: right; padding-top: 3px; color: #888; } #content div.orderSearch dl.left dd, #content div.orderSearch dl.right dd { margin-left: 44%; margin-bottom: 15px; } #content div.orderSearch dl.left dd input.small, #content div.orderSearch dl.right dd input.small { width: 40%; } #content div.orderSearch p.submit { float: right; } footer { position: fixed; bottom: 0; width: 200px; background: rgba(0, 0, 0, 0.05); } footer p.store a { display: block; background: #4B515C; color: rgba(255, 255, 255, 0.7); padding: 12px 20px; font-size: 1.1em; text-decoration: none; } span.boolean span.true { color: #96BF48; } span.boolean span.false { color: #c04a4a; } .float-right { float: right; } div.field_with_errors { display: inline; } div.moneyInput { overflow: hidden; } div.moneyInput div.currency { float: left; background: #f3f6ec; color: #74884a; padding: 5px; width: 20px; text-align: center; border: 1px solid #c5ceb1; font-size: 1.1em; border-right: 0; } div.moneyInput input { width: 100px; font-size: 1.1em; } input.text, textarea.text { width: 100%; padding: 5px; border: 1px solid #ccc; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ font-size: 1.1em; font-family: "Helvetica Neue", Arial, sans-serif; } input.text:focus, textarea.text:focus { border-color: #9AC835; } input.text.short, textarea.text.short { width: 100px; } div.table p.info { overflow: hidden; margin-bottom: 10px; color: #40454D; } div.table table.data { width: 100%; } div.table table.data th, div.table table.data td { padding: 10px; vertical-align: middle; } div.table table.data thead th { border: 1px solid #40454D; background: #40454D; text-align: left; font-weight: normal; font-size: 0.9em; color: #fff; } div.table table.data tbody td { border: 1px solid #cfd4dd; background: #fff; } div.table table.data a { color: inherit; } div.table table.data tbody th { text-align: left; background: #5B6270; border: 1px solid #5B6270; font-size: 1.2em; color: #fff; } div.table table.data tbody tr.empty td { padding: 50px 0; text-align: center; color: #999; font-style: italic; } div.table table.data tfoot td.right { text-align: right; } div.table table.data tfoot td.bold { font-weight: bold; } div.table table.data tfoot td { border-top: 0 solid #ccc; background: #fafafa; } div.table table.data tfoot tr:first-child td { border-top-width: 3px; } div.table table.data tbody td a.edit { background: url(/assets/shoppe/icons/edit.svg) no-repeat; margin-top: 3px; width: 16px; width: 16px; background-size: 13px; display: inline-block; text-indent: -40000px; opacity: 0.3; } div.table table.data tbody td a.edit:hover { opacity: 0.5; } div.table table.data tbody td.table { padding: 0; } div.table table.data tbody td.table table.data td { padding: 10px; border-width: 0; border-right-width: 1px; border-bottom-width: 1px; } div.table table.data tbody td.table table.data td:last-child { border-right-width: 0; } div.table table.data tbody td.table table.data tr:last-child td { border-bottom-width: 0; } div.table table.data tbody tr.form td { background: #f2f6fb; } div.table table.data tbody tr.form input[type=text] { border: 1px solid #CFD4DD; padding: 5px; } div.table table.data tbody tr.form input[type=text]:focus { border-color: #9AC835; } div.table table.data tbody tr.form td.desc input[type=text] { width: 95%; } div.table table.data tbody tr.form td.adjustment input[type=text] { width: 50px; margin-right: 5px; } div.table table.data tfoot td { background: #5B6270; color: #fff; border: 1px solid #5B6270; font-weight: bold; font-size: 1.1em; } nav.pagination { display: block; margin: 25px 0; overflow: hidden; text-align: center; } nav.pagination span { display: inline-block; border: 1px solid #ccc; margin-right: 3px; color: #333; background: #fff; } nav.pagination span.current { background: #9AC835; border-color: #7B9F26; color: #fff; font-weight: 600; padding: 5px 10px; } nav.pagination span a { padding: 5px 10px; display: inline-block; color: inherit; text-decoration: none; } ;TI"required_assets_digest;TI"%e28c0412a532c8c6de90804674ac0620;FI" _version;TI"%2cf3622cbba861b85d33ffabfa420c13;F