/* asset-builder @ 2026-01-29 16:25:53 */ /*seg_desktop_include.css*/ /*s-fonts.css*/ @font-face { font-family: 'voresfont'; src: url('fonts/voresfont.eot'); src: url('fonts/voresfont.eot?#iefix') format('embedded-opentype'), url('fonts/voresfont.woff2') format('woff2'), url('fonts/voresfont.woff') format('woff'), url('fonts/voresfont.svg#alte_din_1451_mittelschriftRg') format('svg'), url('fonts/voresfont.ttf') format('truetype'); font-weight: 400; font-style: normal; } /*s-page.css*/ body { background: #ffffff; margin: 0; } * { font-family: Arial, sans-serif; font-size: 14px; line-height: 24px; color: #000000; } #page {} body span.highlight, #page span.highlight {color: #3e8e17;} h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dd, dt {padding: 0; margin: 0;} h1, h2, h3, h4, h5, h6, p, li, dd, dt, span, a {line-height: 1em; font-weight: 400;} ul {list-style: none;} a {text-decoration: none; cursor: pointer;} img {border: 0; display: block;} form, fieldset, label, input, select, textarea {padding: 0; margin: 0; font-weight: normal;} fieldset {border: none;} input, select, textarea {font-size: 20px; color: #333333; outline: none;} a, span {font-size: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; color: inherit; text-transform: inherit;} em, strong {font-size: inherit; font-family: inherit; line-height: inherit; color: inherit; text-transform: inherit;} sup {line-height: 1em; font-family: inherit; color: inherit;} .terms_notification {opacity: 0; position: fixed; z-index: 90; top: 50%; margin-top: -140px; right: 0px; padding: 15px 20px; background: #000000; border-right: none; max-width: 250px;} .terms_notification h3 {padding: 0 0 20px; font-size: 18px; color: #ffffff; text-transform: uppercase; font-family: 'voresfont', Arial, Helvetica, sans-serif; } .terms_notification p {padding: 0 0 20px; font-size: 14px; color: #ffffff; line-height: 17px;} .terms_notification .accept, .terms_notification .details {padding: 7px 14px; line-height: 22px; font-size: 14px; text-transform: uppercase; display: inline-block; vertical-align: bottom; color: #ffffff; font-family: 'voresfont', Arial, Helvetica, sans-serif; } .terms_notification .accept {float: left; background-color: #999999;} .terms_notification .details {float: right; text-decoration: underline;} /*s-article.css*/ #content .scene .article .articlebody > p:first-child, #content .scene .article .articlebody > h3:first-child, #content .scene .article .articlebody > .c-wrapper:first-child {padding-top: 46px;} #content .scene .article h1 {} #content .scene .article > ul.info {width: 100%; margin: 0 auto; padding-top: 10px; padding-left: 12px; padding-right: 12px; box-sizing: border-box;} #content .scene .article > ul.info li {padding-left: 0} #content .scene > .article > .articlebody {} #content .scene .article ul.tags {display: none;} #content .scene ul.info {display: none;} #content .scene ul.info {position: relative; z-index: 1; padding-right: 0; padding-bottom: 0; vertical-align: top; width: auto; font-size: 0; line-height: 1em;} #content .scene ul.info li {width: auto; font-size: 12px; line-height: 12px; display: inline-block; vertical-align: top;} #content .scene ul.info > li.author:before, #content .scene ul.info > li.place:before {content: "\00a0|\00a0"; display: inline-block; vertical-align: top; font-size: 12px; line-height: 10px; } #content .scene ul.info li.main_entity, #content .scene ul.info li.url, #content .scene ul.info li.publisher, #content .scene ul.info li.image_info, #content .scene ul.info li.modified_at, #content .scene ul.info li.latitude, #content .scene ul.info li.longitude {display: none;} #content .scene ul.info li + li {padding-top: 0;} /*s-form.css*/ form {} div.field { padding: 0 0 25px; position: relative; font-size: 0; z-index: 1; padding-left: 10px; padding-right: 10px; } div.field label {display: block; margin: 0 0 0 2px; line-height: 12px; font-size: 11px; text-transform: uppercase;} div.field input, div.field select, div.field textarea {box-shadow: inset 0 1px 2px #dedede; box-sizing: border-box; border-radius: 0; background: #ffffff; border: 1px solid #999999; display: inline-block; vertical-align: top; margin: 2px; position: relative; z-index: 1;} div.field input {width: calc(100% - 4px); padding: 3px 5px 3px 6px;} div.field select {width: calc(100% - 4px); padding: 2px 3px 2px 2px; background: #ffffff url(../img/gx_select.svg) no-repeat right 7px; background-size: 20px 20px; -webkit-appearance: none; -moz-appearance: none; } div.field select:not(*:root) { padding: 3px 3px 3px 6px; } @-moz-document url-prefix() { div.field select { padding: 3px 3px 3px 6px; } } div.field select option {height: 24px;} div.field textarea {width: calc(100% - 4px); height: 100px; resize: none; overflow: auto; padding: 3px 0 2px 6px;} div.field textarea.autoexpand {width: calc(100% - 4px); padding: 3px 6px 2px; overflow: hidden;} div.field .pseudolabel {z-index: 2; display: none; position: absolute; font-size: 20px; padding: 2px 5px; margin: 2px 2px; background-color: #ffffff;} div.field input.default ~ .pseudolabel {display: inline-block;} div.field:not(.integer,.number) .pseudolabel {display: none !important;} div.field.checkbox {} div.field.checkbox label {display: inline-block; vertical-align: top; text-transform: none; font-size: 14px; line-height: 24px; padding: 0 0 0 28px; background: transparent url(../img/gx_checkbox_unchecked.svg) no-repeat left 2px; background-size: 20px 20px; } div.field.checkbox input:checked + label { background-image: url(../img/gx_checkbox_checked.svg); } div.field.checkbox input {z-index: 2; position: absolute; top: 0; left: 0; width: 20px; height: 20px; opacity: 0;} div.field.radiobuttons .item {padding: 3px 0 0; position: relative;} div.field.radiobuttons .item label {display: block; text-transform: none; font-size: 14px; line-height: 24px; padding: 0 0 0 28px; background: transparent url(../img/gx_radiobutton_unchecked.svg) no-repeat left 2px; background-size: 20px 20px; } div.field.radiobuttons .item input:checked + label { background-image: url(../img/gx_radiobutton_checked.svg); } div.field.radiobuttons .item input {z-index: 2; position: absolute; top: 0; left: 0; width: 20px; height: 20px; opacity: 0;} div.field.files {padding: 0; margin: 0 10px 25px 12px;} div.field.files input[type="file"] {z-index: 10; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; border: none; height: 60px; margin: 15px 0 0; padding: 0; height: 100%; position: absolute; top: 0; left: 0;} div.field.files ul.filelist {border: 1px dashed #999999; width: calc(100% - 4px); text-align: center; display: block; position: relative; padding: 20px 0 !important; margin: 2px 0 !important; overflow: hidden;} div.field.files ul.filelist li {box-sizing: border-box; display: block; padding: 2px 0 2px; font-size: 13px; line-height: 17px; text-align: center;} div.field.files ul.filelist li.new {font-weight: bold;} div.field.files ul.filelist li.label {display: inline-block; padding: 1px 10px 3px; margin: 0 20px 5px; border-radius: 6px; background: #dedede;} div.field.focus input, div.field.focus select, div.field.focus textarea {margin: 0; width: 100%; border: 3px solid #3E8E17;} div.field.focus textarea:not(.autoexpand) {height: 104px;} div.field.checkbox.focus label { background-image: url(../img/gx_checkbox_unchecked_focus.svg); } div.field.radiobuttons .item input.focus + label { background-image: url(../img/gx_radiobutton_unchecked_focus.svg); } div.field.checkbox.focus input:checked + label { background-image: url(../img/gx_checkbox_checked_focus.svg); } div.field.radiobuttons .item input.focus:checked + label { background-image: url(../img/gx_radiobutton_checked_focus.svg); } div.field.checkbox.focus input, div.field.radiobuttons .item input.focus { width: 20px; } div.field input[type="integer"], div.field input[type="number"] { -moz-appearance: textfield; } div.field input[type="integer"]::-webkit-inner-spin-button, div.field input[type="integer"]::-webkit-outer-spin-button, div.field input[type="number"]::-webkit-inner-spin-button, div.field input[type="number"]::-webkit-outer-spin-button {margin: 0; -webkit-appearance: none; } div.field.files.focus ul.filelist {border-color: #3E8E17; border-width: 3px; width: calc(100% - 8px); margin: 0 !important;} div.field.error input, div.field.error select, div.field.error textarea {margin: 0; width: 100%; border: 3px solid #C22414;} div.field.error textarea:not(.autoexpand) {height: 104px;} div.field.checkbox.error input, div.field.radiobuttons.error .item input { width: 20px; } div.field.files.error ul.filelist {border-color: #C22414; border-width: 3px; width: calc(100% - 8px); margin: 0 !important;} div.field.error.focus .help .error, div.field.error.focus .help .error, div.field.error.focus .help .error {opacity: 0; transform: translate(0, -10px); } div.field.error.focus .help .hint, div.field.error.focus .help .hint, div.field.error.focus .help .hint {opacity: 1; transform: translate(0, 0);} div.field .indicator {display: inline-block; vertical-align: top; width: 12px; height: 12px; margin-left: 4px;} div.field.required .indicator { background: transparent url(../img/gx_required.svg) no-repeat center 1px; background-size: 9px 9px; } div.field.checkbox .indicator {margin-top: 7px;} div.field.files .indicator {left: 392px; top: 0px;} div.field.correct .indicator { background-image: url(../img/gx_correct.svg); background-position: center -2px; background-size: 14px 14px; } div.field .default, div.field input.default, div.field .pseudolabel {color: #999999;} div.field > div.help {position: relative;} div.field > div.help > div.error, div.field > div.help > div.hint {opacity: 0; position: absolute; top: 0; left: 0; font-size: 12px; line-height: 13px; margin: 0 0 0 3px; transform: translate(0, -10px); transition: 0.3s all ease-out; } div.field > div.help > div.error {color: #C22414; z-index: -10;} div.field.error > div.help > div.error {opacity: 1; transform: translate(0, 0); } div.field > div.help > div.hint {color: #999999; z-index: -10;} div.field.focus > div.help > div.hint {opacity: 1; transform: translate(0, 0);} div.field.error > div.help > div.hint {opacity: 0; transform: translate(0, -10px);} ul.actions, #content ul.actions {list-style: none; text-align: right; margin: 0; font-size: 0;} ul.actions li, #content ul.actions li {width: auto; height: auto; display: inline-block; padding: 0 0 10px 5px; vertical-align: top; -moz-user-select: none; -webkit-user-select: none; user-select: none; } ul.actions input.button, ul.actions a.button, #content ul.actions a.button {font-size: 14px; display: block; padding: 7px 14px; line-height: 22px; background-color: #999999; color: #ffffff; border: none; cursor: pointer; font-weight: 400; text-transform: uppercase; font-family: 'voresfont', Arial, Helvetica, sans-serif; } ul.actions input.button {width: auto; height: auto;} ul.actions a.button, #content ul.actions a.button {text-decoration: none;} ul.actions input.button:hover, ul.actions a.button:hover, #content ul.actions a.button:hover {background-color: #666666;} ul.actions input.button.primary, ul.actions a.button.primary, #content ul.actions a.button.primary {background-color: #3e8e17; color: #ffffff;} ul.actions input.button.primary:hover, ul.actions a.button.primary:hover, #content ul.actions a.button.primary:hover {background-color: #357914;} ul.actions input.button.warning, ul.actions a.button.warning, #content ul.actions a.button.warning {background-color: #C22414; color: #ffffff;} ul.actions input.button.warning:hover, ul.actions a.button.warning:hover, #content ul.actions a.button.warning:hover {background-color: #9a2a1d;} ul.actions input.button.disabled, ul.actions a.button.disabled, #content ul.actions a.button.disabled, ul.actions input.button.disabled:hover ul.actions a.button.disabled:hover, #content ul.actions a.button.disabled:hover {cursor: default !important; color: #aaaaaa !important; background-color: #eeeeee !important;} textarea, input[type="text"], input[type="button"], input[type="submit"] { -webkit-appearance: none; -webkit-border-radius: 0; } div.field.html { z-index: 3; } div.field.html.optionsshown {z-index: 60 !important;} div.field.html div.html_editor_hint {width: 383px;} div.field.html div.html_editor_hint_content {display: none;} div.field.html div.html_editor_hint h3, div.field.html div.html_editor_hint h4, div.field.html div.html_editor_hint p {padding: 0 0 5px;} div.field.html div.html_editor_hint p+h3, div.field.html div.html_editor_hint p+h4 {padding: 10px 0 5px;} div.field.html div.html_editor_hint .open, div.field.html div.html_editor_hint .close {font-size: 1rem; line-height: 1em; cursor: pointer; vertical-align: top; margin: 3px 3px 0; border-radius: 13px; background-color: #313942; padding: 6px 10px 7px; color: #ffffff; margin: 10px 0 20px; text-align: center;} div.field.html > textarea {display: none;} div.field.html.focus > textarea {margin: 2px; border: 1px solid #dcdcdc;} div.field.html > textarea.show {display: block; height: 200px; } div.field.html > label {display: block; font-size: 12px;} div.field.html > label span {font-size: 10px; float: right; padding: 1px 0 0; cursor: pointer;} div.field.html > .indicator {top: 33px;} div.field.html .viewer {display: none;} div.field.html .editor { position: relative; z-index: 3;} div.field.html ul.new_tag_options {display: block; vertical-align: top; position: relative; z-index: 1; padding: 0 0 10px !important; margin: 0 !important;} div.field.html ul.new_tag_options li {font-size: 1rem; line-height: 1em !important; color: #000000; cursor: pointer; margin: 3px 3px 0; border-radius: 13px; background-color: #dedede; padding: 6px 10px 7px !important; display: block;} div.field.html ul.new_tag_options li:hover {background-color: #3E8E17; color: #ffffff;} /*div.field.html ul.new_tag_options.show li.add {top: 0; left: 0; background-color: #df0000;} div.field.html ul.new_tag_options.show li {display: inline-block; position: relative; top: -26px; left: 26px;} */ div.field.html .editor div.tag {margin: 2px 2px 3px; padding: 0 0 0 30px; background-color: #dcdcdc; position: relative; border: 1px solid #999999;} div.field.html .editor div.dragged {background-color: #3E8E17; border-color: #3E8E17;} div.field.html .editor div.tag.dragged .drag {background-color: #3E8E17;} div.field.html .editor div.tag.dragged ul.type li {color: #ffffff;} div.field.html .editor div.tag .drag {display: none; position: absolute; top: 0px; left: -20px; border-top-left-radius: 100%; border-bottom-left-radius: 100%; background: #dedede; width: 27px; height: 27px; cursor: move; background: #dedede url(../img/bg_icons.png) no-repeat 6px -93px; } div.field.html .editor div.tag:hover .drag {display: block;} div.field.html .editor div.tag ul.tag_options {display: none; z-index: 10; position: absolute; top: 0px; right: -14px; list-style: none !important; padding: 0 !important; margin: 0 !important;} div.field.html .editor div.tag ul.tag_options li {padding: 0 !important; box-sizing: border-box; display: block;} div.field.html .editor div.tag.classname_open ul.tag_options, div.field.html .editor div.tag:hover ul.tag_options {display: block;} div.field.html .editor div.tag ul.tag_options li.add {position: absolute; top: 13px; right: 8px; border-radius: 15px; background: #dedede; width: 30px; height: 30px; cursor: pointer; font-size: 16px; line-height: 1em; padding: 3px 4px !important; text-align: center; } div.field.html .editor div.tag ul.tag_options li.add:hover {background-color: #3E8E17; color: #ffffff;} div.field.html .editor div.tag:first-child ul.tag_options li.remove {display: none;} div.field.html .editor div.tag ul.tag_options li.remove {position: absolute; top: 0px; right: -15px; border-radius: 15px; background: #dedede; width: 30px; height: 30px; cursor: pointer; background: #dedede url(../img/bg_icons.png) no-repeat 8px -42px; } div.field.html .editor div.tag ul.tag_options li.remove:hover {background-color: #C22414;} div.field.html .editor div.tag ul.tag_options li.classname {position: absolute; top: -15px; right: 8px; border-radius: 15px; background: #dedede; width: 30px; height: 30px; cursor: pointer;} div.field.html .editor div.tag ul.tag_options li.classname.open {width: auto; white-space: nowrap; font-size: 0;} div.field.html .editor div.tag ul.tag_options li.classname span {display: inline-block; vertical-align: top; font-size: 10px; padding-top: 3px; padding-left: 5px;} div.field.html .editor div.tag ul.tag_options li.classname:hover {background-color: #3E8E17; color: #ffffff;} div.field.html .editor div.tag ul.tag_options li.classname form {margin: 0; display: inline-block; vertical-align: top;} div.field.html .editor div.tag ul.tag_options li.classname form .field {padding: 3px 12px 0 3px;} div.field.html .editor div.tag ul.tag_options li.classname form .field label {display: none;} div.field.html .editor div.tag ul.tag_options li.classname form .field input {height: 24px; width: 100px; font-size: 13px; margin: 0;} div.field.html .editor div.tag ul.tag_options li.classname form .field.focus input {border: 1px solid #999999; margin: 0px;} div.field.html .editor div.tag span.classname {position: absolute; top: -7px; right: 20px; background: #dedede; border-radius: 6px; font-size: 9px; display: block; padding: 2px 5px; line-height: 9px;} div.field.html .editor div.tag ul.type {display: block; z-index: 5; position: absolute; width: 30px; top: 0px; left: 0px; padding: 0 !important; margin: 0 !important;} div.field.html .editor div.tag ul.type li {display: none; text-transform: uppercase; padding: 9px 4px !important; text-align: center; font-size: 11px; line-height: 1em !important; cursor: default;} div.field.html .editor div.tag ul.type.clickable li {cursor: pointer;} div.field.html .editor div.tag ul.type li.selected {display: block;} div.field.html .editor div.tag ul.type.open {z-index: 10; border: 1px solid #999999; margin: -1px !important; background-color: #F5F7F8;} div.field.html .editor div.tag ul.type.open li {display: block; color: #5c5c5c !important;} div.field.html .editor div.tag ul.type.open li:hover {background-color: #dedede;} div.field.html .editor div.tag ul.type.open li.selected {background-color: #3E8E17 !important; color: #ffffff !important;} div.field.html .editor div.tag ul.type li.code {font-size: 8px; padding: 11px 0 !important;} div.field.html .editor div.tag ul.type li.media {font-size: 8px; padding: 11px 0 !important;} div.field.html .editor div.tag ul.type li.youtube {font-size: 8px; padding: 5px 4px !important; word-wrap: break-word;} div.field.html .editor div.tag ul.type li.vimeo {font-size: 8px; padding: 11px 0 !important;} div.field.html .editor div.tag ul.type li.file {font-size: 8px; padding: 11px 0 !important;} div.field.html .editor div.tag div.text {display: inline-block; vertical-align: top; width: 100%; box-sizing: border-box; height: auto; padding: 4px 6px; line-height: 1.375em; color: #333333; box-shadow: inset 0 1px 2px #dedede; background: #ffffff; min-height: 20px; outline: none;} div.field.html .editor div.tag div.text em, div.field.html .editor div.tag div.text strong, div.field.html .editor div.tag div.text a, div.field.html .editor div.tag div.text span, div.field.html .editor div.tag div.text sup {background-color: rgba(255, 0, 0, 0.3); cursor: default; font-size: inherit;} div.field.html .editor div.tag div.text sup {line-height: 1em; font-size: 11px;} div.field.html .editor div.tag.focus {background-color: #3E8E17; padding: 0 0 0 30px; margin: 0 0 1px; border: 3px solid #3E8E17;} div.field.html .editor div.tag + div.tag.focus {margin-top: -2px;} div.field.html .editor div.tag.focus + div.tag {margin-top: 1px;} div.field.html .editor div.tag.focus .drag {background-color: #3E8E17; } div.field.html .editor div.tag.focus ul.type li {color: #ffffff;} div.field.html .editor div.tag.h1 div.text {font-size: 36px;} div.field.html .editor div.tag.h2 div.text {font-size: 30px;} div.field.html .editor div.tag.h3 div.text {font-size: 20px;} div.field.html .editor div.tag.h4 div.text {font-size: 16px;} div.field.html .editor div.tag.h5 div.text {font-size: 14px;} div.field.html .editor div.tag.p div.text {font-size: 14px;} div.field.html .editor div.tag.code div.text {font-size: 12px; line-height: 1.761em; white-space: pre-wrap; font-family: "Monaco", "Courier New", "Courier"; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; } div.field.html .editor div.tag.ul {padding-left: 50px;} div.field.html .editor div.tag.ol {padding-left: 50px;} div.field.html .editor div.tag div.li {font-size: 14px;} div.field.html .editor div.tag div.li div.text {width: 414px;} div.field.html .editor div.tag.file .text {padding: 0 6px; height: 28px;} div.field.html .editor div.tag.file.done .text {color: #aaaaaa; font-size: 13px; padding: 4px 6px; line-height: 1.461em; height: auto; text-decoration: underline;} div.field.html .editor div.tag.file.done.focus .text {color: #333333;} div.field.html .editor div.tag.file .text label {padding: 5px 0 0; display: block; text-align: center; position: absolute; z-index: 1; width: 432px; color: #aaaaaa;} div.field.html .editor div.tag.file input {width: 416px; opacity: 0; height: 18px; position: relative; z-index: 2; font-size: 130px; } div.field.html .editor div.tag.media .text {padding: 0 6px; height: 28px;} div.field.html .editor div.tag.media.done .text {color: #aaaaaa; font-size: 13px; padding: 4px 6px; line-height: 1.461em; height: auto;} div.field.html .editor div.tag.media.done.focus .text {color: #333333;} div.field.html .editor div.tag.media .text label {padding: 5px 0 0; display: block; text-align: center; position: absolute; z-index: 1; width: 432px; color: #aaaaaa;} div.field.html .editor div.tag.media input {width: 416px; opacity: 0; height: 18px; position: relative; z-index: 2; font-size: 130px; } div.field.html .editor div.tag.media img {width: 444px; margin: 2px;} div.field.html .editor div.tag.vimeo .text, div.field.html .editor div.tag.youtube .text {padding: 0 6px; height: 28px; color: #aaaaaa; font-size: 13px; padding: 4px 6px; line-height: 1.461em; height: auto;} div.field.html .editor div.tag.vimeo.focus .text, div.field.html .editor div.tag.youtube.focus .text {color: #333333;} div.field.html .editor .selection_options { background-color: #F5F7F8; border: 1px solid #999999; border-bottom: none; margin: 2px 2px -2px; padding: 10px 15px; } div.field.html .editor .selection_options h3 {padding: 0 0 10px; text-align: left; font-size: 13px;} div.field.html .editor .selection_options ul.options {margin: 0 !important; padding: 0 !important; text-align: center; font-size: 0;} div.field.html .editor .selection_options ul.options li {display: inline-block; vertical-align: top; width: 20%; font-size: 13px; box-sizing: border-box; padding: 0 10px !important; cursor: pointer;} div.field.html .editor .selection_options ul.options li.link {text-decoration: underline;} div.field.html .editor .selection_options ul.options li.em {font-style: italic;} div.field.html .editor .selection_options ul.options li.strong {font-weight: 700;} div.field.html .editor .selection_options form {font-size: 0; padding-top: 10px;} div.field.html .editor .selection_options fieldset, div.field.html .editor .selection_options ul.actions {display: inline-block; vertical-align: top;} div.field.html .editor .selection_options fieldset {width: calc(100% - 120px);} div.field.html .editor .selection_options .field {margin-left: -2px; padding: 0 0 15px;} div.field.html .editor .selection_options .field.error {position: relative; } div.field.html .editor .selection_options ul.actions {padding: 10px 0 0 !important; width: 120px;} div.field.html .editor .selection_options ul.actions li {padding: 0;} .delete_selection {position: absolute; z-index: 1150; top: 0; left: 0; border-radius: 8px; width: 14px; height: 14px; font-size: 10px; line-height: 14px; text-align: center; background: #ffffff; border: 1px solid #000000; cursor: pointer;} .edit_selection {position: absolute; z-index: 1150; top: 0; left: 0; border-radius: 8px; width: 14px; height: 14px; font-size: 10px; line-height: 14px; text-align: center; background: #ffffff; border: 1px solid #000000; cursor: pointer;} /*s-header.css*/ #header { position: relative; width: 936px; margin: 0 auto; padding: 36px 0 18px; } #header .logo { box-sizing: border-box; height: 66px; padding: 0 0 0 68px; display: inline-block; background: transparent url(../img/logos/logo-stempel_sort_stor.png) no-repeat center left; background-size: 60px; letter-spacing: 1px; font-family: 'voresfont', Arial, Helvetica, sans-serif; font-size: 30px; line-height: 32px; letter-spacing: 1px; text-transform: uppercase; } #header span.highlight {display: block;} #header ul.servicenavigation { position: absolute; line-height: 6px; top: 36px; right: 0px; } #header ul.servicenavigation li { display: inline-block; padding-left: 16px; line-height: 14px; } #header ul.servicenavigation li.navigation { display: none; } #header ul.servicenavigation a { color: #666; } #header ul.servicenavigation a:hover { color: #3e8e17; text-decoration: underline; } /*s-navigation.css*/ #navigation { position: relative; width: 936px; margin: 0 auto; } #navigation ul.navigation, #navigation ul.navigation ul { font-size: 0; } #navigation ul.navigation ul { position: absolute; z-index: 100; opacity: 0; display: none; background-color: #fff; left: -5px; white-space: nowrap; } #navigation ul.navigation li { display: inline-block; margin-right: 3px; position: relative; } #navigation ul.navigation li.path > h4, #navigation ul.navigation li.path > h5, #navigation ul.navigation li.path > a, #navigation ul.navigation li.selected > h4, #navigation ul.navigation li.selected > h5, #navigation ul.navigation li.selected > a { background-color: #3e8e17; border: 0px solid #3e8e17; padding: 5px 12px; color: #fff; } #navigation ul.navigation ul li { display: block; margin: 6px 5px; } #navigation ul.navigation h5, #navigation ul.navigation h4, #navigation ul.navigation a { font-family: 'voresfont', Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 14px; line-height: 22px; letter-spacing: 0.5px; padding: 5px 12px; display: block; color: #ffffff; background-color: #000000; } #navigation ul.navigation ul li h5, #navigation ul.navigation ul li h4, #navigation ul.navigation ul li a{ background-color: #666; } #navigation ul.navigation h5:hover, #navigation ul.navigation a:hover { background-color: #3e8e17; } #navigation ul.navigation h5:hover { cursor: pointer; } #navigation.member ul.navigation > li.volunteer, #navigation.admin ul.navigation > li.profile, #navigation.public ul.navigation > li.profile {float: right; margin-right: 0; margin-left: 5px;} /*s-content.css*/ #content { margin: 0 auto; position: relative; width: 960px; } #content p, #content ul, #content ol, #content pre, #content table, #content blockquote { padding-bottom: 24px; } #content h1 { font-family: 'voresfont', Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 36px; line-height: 42px; padding-bottom: 2px; padding-top: 13px; box-sizing: border-box; border-bottom: 2px solid #000; } #content h2 { font-family: 'voresfont', Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 28px; line-height: 30px; padding-bottom: 22px; padding-top: 46px; } #content h3 { font-family: 'voresfont', Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 20px; line-height: 24px; padding-top: 12px; padding-bottom: 12px; } #content h4 { font-size: 14px; line-height: 24px; font-family: 'voresfont', Arial, Helvetica, sans-serif; text-transform: uppercase; } #content p { line-height: 24px; } #content h1 + p, #content h1 + h3, #content h1 + .c-wrapper, #content h1 + div.messages { padding-top: 46px; } #content h4 + ul, #content h4 + ol { padding-top: 18px; } #content a { text-decoration: none; color: #3e8e17; font-weight: bold; } #content a:hover { color: black; } #content .system-warning { color: #C22414; } #content blockquote { font-style: italic; margin: 0px; } #content img.fit-width { width: 100%; } #content img { display: block; box-sizing: border-box; padding-left: 12px; padding-right: 12px; } #content ol { list-style-type: decimal; margin-left: 16px; } #content ul { list-style: disc; margin-left: 15px; } #content li { line-height: 24px; padding-left: 8px; } #content ul.richtext { list-style: none; margin-left: 0; } #content ul.richtext > li { padding-left: 0; } #content li + li { padding-top: 12px; } #content dl { padding-bottom: 12px; } #content dt { font-size: 14px; line-height: 24px; font-family: 'voresfont', Arial, Helvetica, sans-serif; text-transform: uppercase; } #content dl { padding-bottom: 12px; } #content dd { padding-bottom: 12px; } #content code { display: block; padding: 24px; margin-bottom: 24px; white-space: pre-wrap; font-family: monospace; background-color: #DDDDDD; } #content span.path { font-family: monospace; background-color: #DDDDDD; padding: 0 6px; } #content h1 { margin-left: 12px; margin-right: 12px; } #content h2, #content h3, #content h4, #content p, #content ol, #content ul, #content dl { padding-left: 12px; padding-right: 12px; } #content div.messages p.message {padding: 10px; margin-bottom: 10px; border: 2px solid #3E8E17; color: #3E8E17;} #content div.messages p.error {padding: 10px; margin-bottom: 10px; border: 2px solid #C22414; color: #C22414;} #content div.c-wrapper { display: block; font-size: 0; width: 100%; min-height: 100px; } #content div.c-one-quarter, #content div.c-one-third, #content div.c-one-half, #content div.c-two-thirds, #content div.c-three-quarters { display: inline-block; vertical-align: top; font-size: 0; min-height: 200px; } #content div.c-three-quarters { width: 75%; } #content div.c-two-thirds { width: 66.6666%; } #content div.c-one-half { width: 50%; } #content div.c-one-third { width: 33.3333%; } #content div.c-one-quarter { width: 25%; } #content div.c-box, #content div.c-primary-box { box-sizing: border-box; margin-left: 12px; margin-right: 12px; margin-bottom: 12px; } #content div.c-box { background: #f2f2f2; } #content div.c-box.obs { border-top: 2px solid #3e8e17; } #content div.c-primary-box { background: #3e8e17; } #content .c-box > h2, #content .c-primary-box > h2 { padding-top: 22px; } #content div.c-box > p:first-child, #content div.c-primary-box > p:first-child { padding-top: 12px; } #content div.c-primary-box h1, #content div.c-primary-box h2, #content div.c-primary-box h3, #content div.c-primary-box h4, #content div.c-primary-box p, #content div.c-primary-box ol, #content div.c-primary-box ul, #content div.c-primary-box dl, #content div.c-primary-box li { color: white; } #content div.c-box.c-wrapper, #content div.c-primary-box.c-wrapper { width: calc(100% - 24px); } #content div.c-box.c-one-quarter, #content div.c-primary-box.c-one-quarter { width: calc(25% - 24px); } #content div.c-box.c-one-third, #content div.c-primary-box.c-one-third { width: calc(33.3333% - 24px); } #content div.c-box.c-one-half, #content div.c-primary-box.c-one-half { width: calc(50% - 24px); } #content div.c-box.c-two-thirds, #content div.c-primary-box.c-two-thirds { width: calc(66.6666% - 24px); } #content div.c-box.c-four-quarters, #content div.c-primary-box.c-four-quarters { width: calc(75% - 24px); } #content div.c-two-thirds > div.c-one-third { width: 50%; } #content div.c-one-half > div.c-one-quarter { width: 50%; } #content div.c-three-quarters > div.c-one-quarter { width: 33.3333%; } #content div.c-three-quarters > div.c-one-half { width: 66.6666%; } #content div.c-two-thirds > div.c-box.c-one-third, #content div.c-two-thirds > div.c-primary-box.c-one-third { width: calc(50% - 24px); } #content div.c-one-half > div.c-box.c-one-quarter, #content div.c-one-half > div.c-primary-box.c-one-quarter { width: calc(50% - 24px); } #content div.c-three-quarters > div.c-box.c-one-quarter, #content div.c-three-quarters > div.c-primary-box.c-one-quarter { width: calc(33.3333% - 24px); } #content div.c-three-quarters > div.c-box.c-one-half, #content div.c-three-quarters > div.c-primary-box.c-one-half { width: calc(66.6666% - 24px); } #content .scene div.togglable, #content .scene li.togglable {overflow: hidden; min-height: auto;} #content .scene div.togglable div.togglable_content, #content .scene li.togglable div.togglable_content {display: none;} #content .scene div.togglable.open, #content .scene li.togglable.open {overflow: visible;} #content .scene div.togglable.open div.togglable_content, #content .scene li.togglable.open div.togglable_content {display: block;} #content .scene div.togglable > h2, #content .scene div.togglable > h3, #content .scene div.togglable > h4, #content .scene li.togglable > h2, #content .scene li.togglable > h3, #content .scene li.togglable > h4 {position: relative; cursor: ns-resize; padding-top: 22px;} #content .scene div.togglable > h2 svg, #content .scene div.togglable > h3 svg, #content .scene div.togglable > h4 svg, #content .scene li.togglable > h2 svg, #content .scene li.togglable > h3 svg, #content .scene li.togglable > h4 svg {position: absolute; top: 28px; right: 12px; stroke: #000000; stroke-width: 1.5px; width: 30px; height: 30px;} #content .scene .infohintparent { position: relative; } #content .scene .open .infohintparent span.q:hover + span.infohint { display: block; } #content .scene .infohintparent .q { display: inline-block; position: relative; top: -6px; padding: 2px 3px; width: 9px; text-align: center; font-size: 12px; text-transform: none; font-weight: bold; line-height: 1em; border: 1px solid #000000; border-radius: 11px; } #content .scene .togglable .infohintparent span.q { display: none; } #content .scene .togglable.open .infohintparent span.q { display: inline-block; } #content .scene span.infohint { display: none; position: absolute; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.9); padding: 5px 12px; box-sizing: border-box; } #content .scene span.infohint span.p { display: block; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.2em; text-transform: none; } #content .banner {position: relative;} #content .banner > img {padding-top: 5px;} #content .banner > div.logo {position: absolute; top: 5px; left: 25px; width: 318px; height: 206px; background: transparent url(../img/banners/desktop/logo_layover.png) no-repeat top left; background-size: 100% auto; } /*s-footer.css*/ #footer { background: #484848; } #footer { height: 100%; background: #000000; color: #ffffff; } #footer .row { width:936px; margin: 0 auto; padding: 24px 0; overflow: hidden; } #footer .row:after { content: ""; display: table; clear: both; } #footer .column { float: left; min-height: 10px; width: 33.33%; } #footer .row h3 { font-weight: bold; padding-bottom: 12px; color: #ffffff; } #footer .shortcuts ul { list-style: disc; margin-inline-start: 16px; } #footer .row li { line-height: 24px; color: #ffffff; } #footer .newsletter h3 { padding-bottom: 24px; } #footer .newsletter form { font-size: 0; } #footer .newsletter label { color: #ffffff; } #footer .newsletter ul.actions { display: inline-block; vertical-align: top; text-align: left; } #footer .newsletter ul.actions input.button { margin: 14px 0 0; padding-top: 5px; padding-bottom: 5px; } #footer .newsletter div.field { display: inline-block; vertical-align: top; padding: 0; width: calc(100% - 90px); } #footer .newsletter div.field input{ } #footer ul.servicenavigation { margin: 0 auto; position: relative; width: 936px; text-align: right; } #footer ul.servicenavigation li { display: inline-block; padding: 17px 0 10px 15px; color: #ffffff; } #footer ul.servicenavigation li.copyright { float: left; padding-left: 0; } /*s-login.css*/ #content .scene.login form {width: 380px; margin: 0 auto; padding-top: 20px;} #content .scene.login ul.actions { text-align: center; } #content .scene.login ul.actions li { padding: 0 2.5px 10px 2.5px; } #content .scene.login p {box-sizing: border-box; width: 380px; margin: 0 auto;} #content .scene.login p.forgot, #content .scene.login p.signup, #content .scene.login h2 {text-align: center;} /*s-profile.css*/ #content div.profile .section > h2 { padding: 0; margin-left: 12px; margin-right: 12px; margin-top: 20px; margin-bottom: 22px; } #content div.profile ul.actions { width: 100%; box-sizing: border-box; padding-top: 20px; } #content div.profile ul.actions li { box-sizing: border-box; } #content div.profile ul.actions .full-width { width: 100%; text-align: center; padding-left: 0; padding-right: 0; } #content div.profile ul.actions li.full-width:last-of-type { padding-bottom: 0; } #content div.profile ul.actions .half-width { width: 50%; text-align: center; } #content div.profile ul.actions .third-width { width: 33.3333%; text-align: center; } #content div.profile ul.order_items {margin: 0; list-style: none;} #content div.profile ul.order_items li { display: flex; flex-flow: row nowrap; padding: 0; } #content div.profile ul.order_items > li > span { display: block; font-size: 14px; padding: 7px 4px; flex: 1 1; align-self: center; } #content div.profile .order_item:nth-child(2n) { background-color: #DDDDDD; } #content div.profile ul.order_items > li > span.button ul.actions {padding: 0; width: auto; display: inline-block;} #content div.profile ul.order_items > li > span.button ul.actions li {padding: 0;} #content div.profile ul.order_items li.headings { border-bottom: 1px solid #000000; } #content div.profile ul.order_items li.headings span { text-transform: uppercase; font-family: 'voresfont', Arial, Helvetica, sans-serif; } #content div.profile ul.order_items > li > span.pickupdate { flex: 0 0 100px; } #content div.profile ul.order_items > li > span.department { flex: 0 0 100px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #content div.profile ul.order_items > li > span.product { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #content div.profile ul.order_items > li > span.status { flex: 0 0 80px; } #content div.profile ul.order_items > li > span.change-until { flex: 0 0 100px; } #content div.profile ul.order_items > li > span.button { text-align: right; flex: 0 0 40px; } #content div.profile li.order_item.edit .pickupdate label, #content div.profile li.order_item.edit .pickupdate ul.actions, #content div.profile li.order_item.edit .pickupdate span.date {display: none;} #content div.profile li.order_item.edit .pickupdate {padding: 3px 0px; flex: 0 0 108px; } #content div.profile li.order_item.edit .pickupdate div.field {padding: 0;} #content div.profile li.order_item.edit .pickupdate div.field select {font-size: 14px; line-height: 20px; padding-left: 0; width: calc(100% - 10px); background-position: right 6px; } #content div.profile ul.order_items span.status .unpaid { color: #C22414; font-weight: bold; } #content div.profile ul.actions .change-info { padding-left: 0; } #content div.profile ul.actions.change > li > a { padding: 2px 8px; font-size: 12px; } #content div.profile .c-wrapper > .c-one-third > ul.actions { margin-top: 36px; padding-bottom: 12px; padding-left: 12px; padding-right: 12px; } #content div.profile .c-wrapper > .c-one-third .section:first-child { margin-top: 36px; } #content div.profile .c-box, #content div.profile .fields { font-size: 0; } #content div.profile .c-box ul.actions { padding-top: 5px; padding-bottom: 12px; } #content div.profile .c-box ul.actions li { padding-bottom: 0; } #content div.profile .c-box > h3 { padding-left: 0; padding-right: 0; padding-bottom: 0; margin-left: 12px; margin-right: 12px; margin-bottom: 12px; } #content div.profile p.over { font-size: 11px; padding-bottom: 0; text-transform: uppercase; } #content div.profile p.under { font-size: 18px; padding-bottom: 0; } #content div.profile .c-box form > fieldset { padding-top: 6px; } #content div.profile form > fieldset .field { width: 100%; box-sizing: border-box; } #content div.profile .membership .field { padding-bottom: 19px; } #content div.profile .membership-info { display: inline-block; vertical-align: top; width: 100%; } #content div.profile .department-info, #content div.profile .membership-info, #content div.profile .user-info { padding-bottom: 25px; } #content div.profile .department-info:last-child { padding-bottom: 12px; } #content div.profile .membership .fields p.warning {font-size: 11px; color: #C22414; line-height: 1.5em; padding-top: 10px;;} #content div.profile .password p.under { font-size: 26px; padding-bottom: 25px; } #content div.order_history div.header { margin-left: 12px; margin-right: 12px; display: flex; flex-flow: row nowrap; border-bottom: 1px solid #000000; margin-top: 10px; padding: 0 0 0 20px; } #content div.order_history div.header > span { display: block; font-size: 14px; padding: 3px 4px; flex: 1 1; align-self: center; text-transform: uppercase; font-family: 'voresfont', Arial, Helvetica, sans-serif; } #content div.order_history ul.order_items {margin: 0; list-style: none;} #content div.order_history ul.order_items > li { position: relative; padding: 0 0 0 20px; } #content div.order_history ul.order_items > li > div.info { display: flex; flex-flow: row nowrap; } #content div.order_history ul.order_items li.log_entries { } #content div.order_history ul.order_items li.log_entries svg { position: absolute; top: 7px; left: 5px; stroke: #000000; transform: rotate(-90deg); } #content div.order_history ul.order_items li.log_entries.open svg { top: 11px; transform: rotate(0deg); } #content div.order_history ul.order_items li.log_entries ul.order_item_log_entries { display: none; margin: 0; list-style: none; padding: 0 0 10px; } #content div.order_history ul.order_items li.log_entries.open ul.order_item_log_entries { display: block; } #content div.order_history ul.order_items li.log_entries.open ul.order_item_log_entries li { padding: 0; } #content div.order_history div.info span { display: block; font-size: 14px; padding: 3px 4px; flex: 1 1; align-self: center; } #content div.order_history ul.order_items li.order_item:nth-child(2n) { background-color: #DDDDDD; } #content div.order_history div.info span.pickupdate { flex: 0 0 80px; } #content div.order_history div.info span.department { flex: 0 0 110px; } #content div.order_history div.info span.order_date { flex: 0 0 100px; } #content div.order_history div.info span.order_no { flex: 0 0 100px; } #content div.order_history div.info span.status { flex: 0 0 100px; } /*s-signup.css*/ #content .scene.signupfees h3 {padding-bottom: 8px; padding-left: 0px; padding-right: 0px; border-bottom: 1px solid #000000; font-size: 26px; } #content .scene.signupfees li.supporter {padding-top: 200px; background: transparent url(../img/signup/bg_supporter.jpg) no-repeat center top; } #content .scene.signupfees li.volunteer {padding-top: 200px; background: transparent url(../img/signup/bg_volunteer.jpg) no-repeat center top; } #content .scene.signupfees h3.price {border: none; font-size: 20px; padding-top: 0; padding-bottom: 30px; font-family: Arial, sans-serif; } #content .scene.signupfees h3.price + h3.price {margin-top: -25px;} #content .signupfees ul.signupfees {font-size: 0; margin-left: 0; padding: 0;} #content .signupfees li.signupfee {display: inline-block; width: calc(50% - 14px - 12px); vertical-align: top; margin-top: 48px; margin-right: 12px; margin-left: 12px; padding-left: 0; } #content .scene.signupfees ul.actions {padding-top: 5px; text-align: center;} #content .scene.signupfees ul.actions input {margin: 0 auto;} #content .scene.signupfees ul.actions li {display: block; padding-left: 0;} #content .scene.signupfees ul.actions li.readmore { padding-bottom: 10px;} #content .scene.signupfees ul.offer, #content .scene.signupfees .articlebody ul.offer {font-size: 0; padding: 0; margin: 0; list-style: none;} #content .scene.signupfees ul.offer li {font-size: 20px; display: inline-block; vertical-align: top; padding: 12px 5px 0 0px;} #content .scene.signupfees ul.offer li.name, #content .scene.signupfees ul.offer li.currency, #content .scene.signupfees ul.offer li.url, #content .scene.signupfees ul.offer li.subscription_price, #content .scene.signupfees ul.offer li.price {display: none;} #content .scene.signupfees ul.offer li.default {text-decoration: line-through;} #content .scene.signupfees ul.offer li.description {padding-top: 4px; display: block;} #content .scene.signupfees ul.offer li.description p {padding-left: 0; padding-right: 0;} #content .scene.signupfees ul.offer li.description ul {list-style: disc;} #content .scene.signupfees ul.offer li.description ul li {display: list-item; padding: 0 0 3px; font-size: 13px;} #content .scene.signupfees ul.offer li.subscription_price > p {padding: 0 0 0 18px; font-size: 20px;} #content .scene.signup div.membership h2 {padding-top: 0;} #content .scene.signup form {width: 450px; margin: 0 auto; padding-top: 40px;} #content .signup fieldset p.terms_summary {font-weight: 700;} /*s-front.css*/ #content .front h1 + .c-wrapper { padding-top: 0px; } #content .front ul.actions { text-align: center; padding: 60px 0 36px; } #content .front ul.actions li { padding-left: 0; } #content .front ul.actions a { padding: 16px 36px; margin: 0 16px; min-width: 200px; font-weight: 500; font-size: 24px; } #content .front div.steps { margin-bottom: 64px; } #content .front div.steps ul.steps {font-size: 0; padding: 0; margin: 0; list-style: none;} #content .front div.steps ul.steps li.step { display: inline-block; vertical-align: top; position: relative; width: calc(25% - 24px); margin: 12px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; text-align: center; padding: 16px 0; cursor: pointer; } #content .front div.steps ul.steps li.step.one { background-color: rgba(62, 142, 23, 0.2); } #content .front div.steps ul.steps li.step.two { background-color: rgba(62, 142, 23, 0.35); } #content .front div.steps ul.steps li.step.three { background-color: rgba(62, 142, 23, 0.5); } #content .front div.steps ul.steps li.step.four { background-color: rgba(62, 142, 23, 0.65); } #content .front div.steps ul.steps li.step:hover { background-color: #357914; } #content .front div.steps ul.steps li.step h3 {font-size: 20px; padding: 10px 0 0;} #content .front div.steps ul.steps li.step p {font-size: 16px; padding: 0;} #content .front div.steps ul.steps li.step h3 {} #content .front div.steps ul.steps li.step h3 a {color: #000000;} #content .front div.steps ul.steps li.step .image { width: 100%; text-align: center; } #content .front div.steps ul.steps li.step svg { display: block; stroke: #000000; fill: #000000; width: 64px; height: 64px; margin: 0 auto; padding: 0; } #content .front div.steps ul.steps li.step:hover svg {stroke: #ffffff; fill: #ffffff;} #content .front div.steps ul.steps li.step:hover h3, #content .front div.steps ul.steps li.step:hover p {color: #ffffff;} #content .front div.whatisit video {padding: 0 12px; width: calc(100% - 24px); display: block;} #content .front div.whatisit ul.actions {padding-top: 24px;} #content .front div.news { margin: 48px 0 0; } #content .front div.news ul.items { background-color: #e2eedd; margin: 0 12px; font-size: 0; } #content .front div.news ul.items li.item { display: inline-block; vertical-align: top; position: relative; width: calc(33.333% - 24px); height: 300px; margin: 12px; padding: 0; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; } #content .front div.news ul.items li.item h3 {margin-top: 150px; font-size: 16px; } #content .front div.news ul.items li.item h3, #content .front div.news ul.items li.item p {padding-left: 0; padding-right: 0;} #content .front div.news ul.items li.item h3 > a {color: #000000;} #content .front div.news ul.items li.item:hover {cursor: pointer; } #content .front div.news ul.items li.item:hover h3 > a {color: #3e8e17;} #content .front div.news ul.items li.item:hover > .image { background-size: 107% auto;} #content .front div.news ul.items li.item .image { width: 100%; height: 150px; min-height: 150px; overflow: hidden; background-position: center center; position: absolute; top: 0; left: 0; } #content .front div.news ul.actions {padding-top: 24px;} #content .front div.hero {margin-top: -120px; position: relative; z-index: -1;} /*s-post.css*/ #content .post {} #content .post .image > p, #content .post .media > p {display: none;} #content .post .media {padding-bottom: 24px;} #content .scene.post div.article > .image:first-child {margin-top: 58px;} #content .post .youtube, #content .post .vimeo {margin: 0 12px 24px;} #content .post .c-one-third .c-box {margin-top: 12px;} #content .post .c-one-third .c-box:first-child {margin-top: 53px;} #content .post .related {padding: 50px 0; } #content .post .related li.item .description p {padding: 0;} /*s-memberships.css*/ #content .scene.membership .c-one-third .c-box:first-child { margin-top: 58px; } #content .scene.membership .c-one-third .c-box {text-align: center;} #content .scene.membership .c-one-third .c-box ul.actions {text-align: center; padding-bottom: 22px} #content .scene.membership .c-one-third .c-box ul.actions li {padding: 0;} #content .scene.membership ul.offer, #content .scene.membership ul.offer {font-size: 0; padding: 0; margin: 0; list-style: none;} #content .scene.membership ul.offer li {font-size: 20px; display: inline-block; vertical-align: top; padding: 0 0 10px;} #content .scene.membership ul.offer li.name, #content .scene.membership ul.offer li.currency, #content .scene.membership ul.offer li.url {display: none;} #content .scene.membership div.related {padding-bottom: 20px;} #content .scene.membership div.related ul.items.membership {padding: 0; margin: 0; list-style-type: none;} #content .scene.membership div.related ul.items.membership > li {padding-left: 0;} #content .scene.membership div.related ul.offer {padding-bottom: 20px;} #content .scene.membership div.related ul.offer li {font-size: 16px; padding: 0; padding-left: 12px;} #content .scene.membership div.related ul.actions {text-align: left;} /*s-posts.css*/ #content .scene ul.items.articles li.item.article > ul.info {display: none;} #content .scene div.categories ul.tags li {list-style-type: none; padding: 0;} #content .scene div.categories ul.tags {padding: 0 0 20px;} #content .scene div.categories ul.tags li.selected a {color: #000000;} #content .scene ul.items.articles ul.tags {z-index: 5; display: block; line-height: 12px; position: absolute; font-size: 0; top: 10px; left: 0; background: rgba(0, 0, 0, 0.8); padding: 0; margin: 0; list-style: none;} #content .scene ul.items.articles ul.tags li {padding: 0;} #content .scene ul.items.articles ul.tags li {width: auto; font-size: 12px; line-height: 12px; display: inline-block;} #content .scene ul.items.articles ul.tags li::after {content: "\00a0|\00a0"; color: #ffffff;} #content .scene ul.items.articles ul.tags li a {color: #ffffff; font-weight: normal; padding: 5px 10px; display: inline-block;} #content .scene ul.items.articles ul.tags li:last-child::after {content: "";} #content .scene.posts .c-one-third .c-box {margin-top: 12px;} #content .scene.posts .c-one-third .c-box:first-child {margin-top: 58px;} #content .scene div.posts ul.items {font-size: 0; padding: 0; list-style: none; margin: 0;} #content .scene div.posts ul.items li.item { display: inline-block; vertical-align: top; position: relative; width: calc(50% - 24px); height: 300px; margin: 12px; padding: 0; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; } #content .scene div.posts ul.items li.item h3 {margin-top: 150px;} #content .scene div.posts ul.items li.item h3, #content .scene div.posts ul.items li.item p {padding-left: 0; padding-right: 0;} #content .scene div.posts ul.items li.item h3 > a {color: #000000;} #content .scene div.posts ul.items li.item:hover {cursor: pointer; } #content .scene div.posts ul.items li.item:hover h3 > a {color: #3e8e17;} #content .scene div.posts ul.items li.item:hover > .image {background-size: 107% auto;} #content .scene div.posts ul.items li.item .image { width: 100%; height: 150px; min-height: 150px; overflow: hidden; background-position: center center; position: absolute; top: 0; left: 0; } /*s-shop.css*/ #content .scene.shop div.sidebar.fixed {position: relative; top: 0;} #content .scene.shop .c-wrapper {overflow: hidden;} #content .scene.shop div.cart ul.pickupdates {margin: 0; list-style: none;} #content .scene.shop div.cart ul.pickupdates li {padding-left: 0;} #content .scene.shop div.cart ul.pickupdates li h4 {padding: 0; font-size: 16px;} #content .scene.shop div.cart ul.pickupdates li p {padding: 0;} #content .scene.shop div.cart ul.pickupdates li ul.items {padding: 0;} #content .scene.shop div.cart div.total {border-bottom: 1px solid #fff;} #content .scene.shop div.cart div.total h3 {text-align: right;} #content .scene.shop div.cart ul.items {margin: 0; list-style: none;} #content .scene.shop div.cart ul.items li {padding-left: 0;} #content .scene.shop div.cart ul.actions {padding-bottom: 0; padding-top: 12px;} #content .scene.shop div.orders ul.list {margin: 0; list-style: none;} #content .scene.shop div.orders ul.list li {padding-left: 0; font-size: 0; padding-top: 0;} #content .scene.shop div.orders ul.list li span {display: inline-block; font-size: 14px;} #content .scene.shop div.orders ul.list li.header span {font-weight: bold;} #content .scene.shop div.orders ul.list li span.pickupdate {width: 90px;} #content .scene.shop div.orders ul.list li span.product {} #content .scene.shop div.login {width: 380px; margin: 0 auto; padding-top: 20px;} #content .scene.shop div.login ul.actions, #content .scene.shop div.login p.forgot, #content .scene.shop div.login p.signup {text-align: center;} #content .scene.shop div.filter {font-size: 0; margin-bottom: 0; margin-top: 0; z-index: 10;} #content .scene.shop div.filter.fixed {position: relative; top: 0;} #content .scene.shop div.filter ul.tags { display: inline-block; vertical-align: top; list-style: none; font-size: 0; padding: 12px 12px 6px; margin: 0; width: calc(100% - 174px); line-height: 1em; } #content .scene.shop div.filter ul.tags li { display: inline-block; margin-right: 12px; margin-bottom: 6px; padding: 8px 12px; font-family: 'voresfont', Arial, Helvetica, sans-serif; text-transform: uppercase; background-color: #999999; color: #ffffff; font-size: 14px; line-height: 1em; cursor: pointer; } #content .scene.shop div.filter ul.tags li.selected { background-color: #000000; } #content .scene.shop div.filter form {width: 150px; display: inline-block; vertical-align: top; position: relative; } #content .scene.shop div.filter form div.field {padding: 12px;} #content .scene.shop div.filter form div.field label {display: none;} #content .scene.shop div.filter form div.field div.help {display: none;} #content .scene.shop div.filter form div.field input {height: 26px;} #content .scene.shop div.filter form div.field.error input, #content .scene.shop div.filter form div.field.focus input {height: 30px;} #content .scene.shop div.filter form ul.actions { z-index: 100; position: absolute; right: 20px; top: 19px; padding: 0; } #content .scene.shop div.filter form ul.actions input { border: none; text-indent: -9999px; width: 16px; height: 18px; background: transparent url(../img/gx_search.svg) no-repeat center center; background-size: auto 17px; } #content .scene.shop ul.products {margin: 0; list-style: none; padding-left: 0; padding-right: 0;} #content .scene.shop ul.products li.product {padding: 0; margin-bottom: 12px} #content .scene.shop ul.products li.product.hidden {display: none;} #content .scene.shop ul.products li.product div.product div.image {width: 160px; height: 160px; margin: 12px; float: left; background-repeat: no-repeat; background-position: top left; background-color: transparent; background-size: 100% auto; } #content .scene.shop ul.products li.product div.product h3 {padding-left: 184px;} #content .scene.shop ul.products li.product div.product h3 span.price {float: right;} #content .scene.shop ul.products li.product div.product p {padding-left: 184px;} #content .scene.shop ul.products li.product div.product ul.tags {display: none;} #content .scene.shop ul.products li.product h4.pickupdates {clear: both;} #content .scene.shop ul.products li.product div.pickupdates {position: relative; margin: 0px; padding: 12px 0; overflow: hidden;} #content .scene.shop ul.products li.product div.pickupdates.scroll {margin: 0 12px; padding: 12px 15px;} #content .scene.shop ul.products li.product div.pickupdates span.left {position: absolute; top: 0px; left: 0; width: 20px; height: 78px; background: #f2f2f2 url(../img/shop/gx_arrow_left.svg) no-repeat center 20px; background-size: 10px auto; } #content .scene.shop ul.products li.product div.pickupdates span.right {position: absolute; top: 0px; right: 0; width: 20px; height: 78px; background: #f2f2f2 url(../img/shop/gx_arrow_right.svg) no-repeat center 20px; background-size: 10px auto; } #content .scene.shop ul.products li.product div.pickupdates ul.pickupdates {margin: 0; padding: 0; list-style: none; font-size: 0;} #content .scene.shop ul.products li.product div.pickupdates ul.pickupdates li.pickupdate {width: 56px; display: inline-block; vertical-align: top; padding-left: 0; padding-top: 0; text-align: center;} #content .scene.shop ul.products li.product div.pickupdates ul.pickupdates li.pickupdate div.add form.submitting {opacity: 0.5;} #content .scene.shop ul.products li.product div.pickupdates ul.pickupdates li.pickupdate div.add form {font-size: 0;} #content .scene.shop ul.products li.product div.pickupdates ul.pickupdates li.pickupdate div.add input.button {cursor: pointer; border: none; width: 26px; height: 26px; background: transparent url(../img/shop/gx_add.svg) no-repeat center top; font-size: 0; background-size: auto 100%; } #content .scene.shop ul.products li.product div.pickupdates ul.pickupdates li.pickupdate div.add input.button:hover { background: url(../img/shop/gx_add_over.svg); } #content .scene.shop ul.products li.product div.pickupdates ul.pickupdates li.pickupdate div.unavailable {width: 26px; height: 26px; margin: 0 auto; text-indent: -9999px; background: transparent url(../img/shop/gx_unavailable.svg) no-repeat center top; background-size: auto 100%; } #content .scene.shop ul.products li.product div.pickupdates ul.pickupdates li.pickupdate div.closed {width: 26px; height: 26px; margin: 0 auto; text-indent: -9999px; background: transparent url(../img/shop/gx_closed.svg) no-repeat center top; background-size: auto 100%; } #content .scene.shop ul.products li.product div.pickupdates ul.pickupdates li.pickupdate p.date {padding-bottom: 0;} #content .scene.cart .messages {display: none;} #content .scene.cart div.all_items h2 {padding-bottom: 15px;} #content .scene.cart ul.pickupdates {margin: 0; list-style: none;} #content .scene.cart ul.pickupdates li {padding-left: 0;} #content .scene.cart ul.pickupdates li h4 {padding: 12px 0 0; font-size: 20px;} #content .scene.cart ul.pickupdates li p {padding: 0;} #content .scene.cart ul.pickupdates li ul.items {padding: 0;} #content .scene.cart ul.items {list-style: none; padding: 0 12px 10px; margin: 0;} #content .scene.cart ul.items > li {padding: 10px 0; position: relative;} #content .scene.cart ul.items li > span {display: inline-block; vertical-align: top; padding-top: 4px; font-size: 16px;} #content .scene.cart ul.items li form {display: inline-block; vertical-align: top; position: relative;} #content .scene.cart ul.items li form div.field {padding: 0;} #content .scene.cart ul.items li form div.field label, #content .scene.cart ul.items li form div.field .indicator {display: none;} #content .scene.cart ul.items li form div.field .help {left: 47px; display: none;} #content .scene.cart ul.items li form div.field input {height: 28px; width: 40px; text-align: right;} #content .scene.cart ul.items li form div.field input.focus, #content .scene.cart ul.items li form div.field input.error {height: 32px; width: 44px;} #content .scene.cart ul.items li form > ul.actions {padding: 0; right: 45px; top: 0;} #content .scene.cart ul.items li form > ul.actions li {padding: 8px 0 0;} #content .scene.cart ul.items li form > ul.actions input.button {width: 16px; height: 16px; padding: 0; text-indent: -9999px; border-radius: 15px; display: none; background-image: url(../img/checkout/gx_refresh.png); background-position: center center; background-repeat: no-repeat; } #content .scene.cart ul.items li form > ul.actions input.button.primary {display: block;} #content .scene.cart ul.items li p {padding: 0;} #content .scene.cart ul.items li span.total_price {float: right; padding-right: 70px;} #content .scene.cart ul.items li ul.actions {padding: 0; top: 8px; position: absolute; right: 0;} #content .scene.cart div.total {margin: 0 12px; border-top: 1px dotted #000;} #content .scene.cart div.total h3 {font-size: 20px; padding-left: 0; padding-right: 0; text-align: right;} #content .scene.cart div.total p {text-align: right; padding: 10px 0 0; font-size: 16px;} #content .scene.cart div.checkout {padding: 20px 0;} #content .scene.cart div.checkout ul.actions li.shop {float: left;} #content .scene.checkout div.login {width: 380px; margin: 0 auto; padding-top: 20px;} #content .scene.checkout div.login ul.actions, #content .scene.checkout div.login p.forgot, #content .scene.checkout div.login p.signup {text-align: center;} #content .scene.checkout div.contact ul.actions {text-align: left;} #content .scene.checkout div.contact ul.actions li {padding-left: 0;} #content .scene.checkout ul.pickupdates {margin: 0; list-style: none;} #content .scene.checkout ul.pickupdates li {padding-left: 0;} #content .scene.checkout ul.pickupdates li h4 {padding: 12px 0 0; font-size: 20px;} #content .scene.checkout ul.pickupdates li p {padding: 0;} #content .scene.checkout ul.pickupdates li ul.items {padding: 0;} #content .scene.checkout ul.items {list-style: none; padding: 0 12px 10px; margin: 0;} #content .scene.checkout ul.items > li {padding: 10px 0; position: relative;} #content .scene.checkout ul.items li > span {display: inline-block; vertical-align: top; padding-top: 4px; font-size: 16px;} #content .scene.checkout ul.items li p {padding: 0;} #content .scene.checkout ul.items li span.total_price {float: right; padding-right: 70px;} #content .scene.checkout ul.items li ul.actions {padding: 0; top: 8px; position: absolute; right: 0;} #content .scene.checkout div.total {margin: 0 12px; border-top: 1px dotted #000;} #content .scene.checkout div.total h3 {font-size: 20px; padding-left: 0; padding-right: 0; text-align: right;} #content .scene.checkout div.total p {text-align: right; padding: 10px 0 0; font-size: 16px;} #content .scene.checkout ul.payment_methods {padding: 0; margin: 0; list-style: none;} #content .scene.checkout ul.payment_methods li.payment_method {padding-bottom: 10px;} #content .scene.checkout ul.payment_methods li.payment_method ul.actions {padding: 0; text-align: left;} #content .scene.checkout ul.payment_methods li.payment_method ul.actions li {padding-left: 0;} #content .scene.checkout ul.payment_methods li.payment_method.stripe p { background: url(../img/checkout/gx_creditcards.png) no-repeat 0px top; background-size: auto 17px; padding-left: 100px; } #content .scene.shopPayment div.cartitems {width: 450px; margin: 15px auto 20px;} #content .scene.shopPayment div.cartitems ul.cartitems {padding-bottom: 30px; padding-left: 0; padding-right: 0; margin: 0; list-style: none;} #content .scene.shopPayment div.cartitems ul.cartitems li {padding: 0;} #content .scene.shopPayment div.cartitems ul.actions {text-align: center;} #content .scene.shopPayment div.cartitems ul.actions li.modify {padding-right: 0; padding-left: 0;} #content .scene.shopPayment div.cartitems h3 {padding-left: 0; padding-right: 0;} #content .scene.shopPayment dl.amount {padding-top: 48px;} #content .scene.shopPayment dl.amount dt {font-size: 24px;} #content .scene.shopPayment dl.amount dd {font-size: 48px; padding-top: 12px; font-family: 'voresfont', Arial, Helvetica, sans-serif; } #content .scene.shopPayment ul.payment_methods {padding: 0; margin: 0; list-style: none;} #content .scene.shopPayment ul.payment_methods li.payment_method {padding-bottom: 10px;} #content .scene.shopPayment ul.payment_methods li.payment_method ul.actions {padding: 0; text-align: left;} #content .scene.shopPayment ul.payment_methods li.payment_method ul.actions li {padding-left: 0;} #content .scene.shopPayment ul.payment_methods li.payment_method.stripe p { background: url(../img/checkout/gx_creditcards.png) no-repeat 0px top; background-size: auto 17px; padding-left: 100px; } #content .scene.shopPayment ul.orders {margin: 0; list-style: none; padding-bottom: 0;} #content .scene.shopPayment ul.orders > li {padding-left: 0; padding-top: 0; font-size: 16px; position: relative;} #content .scene.shopPayment ul.orders > li h3 {padding-left: 0; padding-right: 0;} #content .scene.shopPayment ul.orders > li ul.orderitems {margin: 0; list-style: none; padding-left: 0; padding-right: 0;} #content .scene.shopPayment ul.orders > li ul.orderitems > li {padding-left: 0; font-size: 16px;} #content .scene.shopPayment ul.orders > li ul.actions {padding: 0; position: absolute; top: 6px; right: 0;} #content .scene.shopPayment ul.orders > li ul.actions li {padding: 0;} #content .scene.shopPayment div.orderitems {width: 450px; margin: 15px auto 20px;} #content .scene.shopPayment div.orderitems ul.orderitems {padding-bottom: 30px; padding-left: 0; padding-right: 0; margin: 0; list-style: none;} #content .scene.shopPayment div.orderitems ul.orderitems li {padding: 0;} #content .scene.shopPayment div.orderitems h3 {padding-left: 0; padding-right: 0;} #content .scene.shopPayment div.orderitems p {padding-left: 0; padding-right: 0;} #content .scene.shopPayment form.card {width: 450px; margin: 0 auto; padding-top: 50px;} #content .scene.shopPayment form.card fieldset {background-color: #f2f2f2;} #content .scene.shopPayment form.card fieldset div.field.tel.card {padding-top: 24px;} #content .scene.shopPayment form.card fieldset div.field.tel.exp_month {width: 65px; display: inline-block;} #content .scene.shopPayment form.card fieldset div.field.tel.exp_year {width: 65px; display: inline-block;} #content .scene.shopPayment form.card fieldset div.field.cvc {width: 85px; float: right;} #content .scene.shopPayment form.card fieldset span.slash {font-size: 26px; vertical-align: middle; position: relative; top: 10px;} #content .scene.shopPayment form.card ul.actions {text-align: center; padding-right: 0; padding-left: 0; margin-top: 12px;} #content .scene.shopPayment form.card ul.actions li {padding: 0;} #content .scene.shopPayment.stripe form div.field.card input.visa { background: url(../img/checkout/gx_visa_small.png) no-repeat right 7px; } #content .scene.shopPayment.stripe form div.field.card input.amex { background: url(../img/checkout/gx_amex_small.png) no-repeat right 7px; } #content .scene.shopPayment.stripe form div.field.card input.mastercard { background: url(../img/checkout/gx_mastercard_small.png) no-repeat right 7px; } #content .scene.shopPayment.stripe > p {width: 450px; margin: 0 auto; font-size: 12px; line-height: 12px; padding-bottom: 0; text-align: center;} #content .scene.shopReceipt ul.orders {margin: 0; list-style: none; padding: 0;} #content .scene.shopReceipt ul.orders > li {list-style-type: none; padding-left: 0; font-size: 16px;} #content .scene.shopReceipt ul.orders > li span.price {float: right;} #content .scene.shopReceipt ul.orders > li.total_price {font-size: 18px; font-weight: 700; border-top: 1px solid #000000; padding-top: 12px; margin-top: 12px;} #content .scene.shopReceipt div.membership_info, #content .scene.shopReceipt div.activation_info, #content .scene.shopReceipt div.order_info {padding: 0 0 20px;} #content .scene.shopReceipt ul.actions {text-align: center} /*s-shop_shift.css*/ #content div.shop_shift ul.subnavigation li {text-align: center;} #content div.shop_shift ul.subnavigation li {width: 25%;} #content div.shop_shift ul.actions {text-align: left;} #content div.shop_shift ul.actions li {padding-left: 0;} #content div.shop_shift .tally ul.actions {text-align: right;} #content div.shop_shift .info form {font-size: 0; padding-bottom: 0;} #content div.shop_shift .info form div.field {display: inline-block; vertical-align: top; width: calc(100% - 109px);} #content div.shop_shift .info form ul.actions {display: inline-block; font-size: 0; vertical-align: top; width: 65px; padding: 0 0 0 10px; margin-top: 14px; margin-right: 12px;} #content div.shop_shift .info form ul.actions li {padding: 0; font-size: 0;} #content div.shop_shift .info form ul.actions input {padding-top: 5px; padding-bottom: 5px;} #content div.shop_shift ul.status {margin: 0 12px; padding: 0; list-style: none; border-top: 1px solid #000000; border-bottom: 1px solid #000000; display: flex; flex-flow: row nowrap; } #content div.shop_shift ul.status li {white-space: nowrap; display: block; font-size: 24px; margin: 10px 0; padding: 0 10px; border-left: 1px solid #000000; text-transform: uppercase; align-self: center; flex: 1 1; font-family: 'voresfont', Arial, Helvetica, sans-serif; } #content div.shop_shift ul.status li:first-child {border: none;} #content div.shop_shift ul.status li span {color: #3E8E17;} #content .scene.shop_shift div.orders {padding: 48px 0 24px;} #content .scene.shop_shift div.orders ul.list {padding: 0 12px; margin: 0; list-style: none;} #content .scene.shop_shift div.orders ul.list > li {padding: 10px 0; display: flex; flex-flow: row nowrap; } #content .scene.shop_shift div.orders ul.list > li > span {display: block; padding: 4px 5px; font-size: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1 1 90px; align-self: center; } #content .scene.shop_shift div.orders ul.list li.labels {border-bottom: 2px solid #000000;} #content .scene.shop_shift div.orders ul.list li.labels span { text-transform: uppercase; font-family: 'voresfont', Arial, Helvetica, sans-serif; } #content .scene.shop_shift div.orders ul.list li.listing:nth-child(2n) {background: #DDDDDD;} #content .scene.shop_shift div.orders ul.list li.labels span.buttons, #content .scene.shop_shift div.orders ul.list li.listing span.button { flex: 0 0 90px; } #content .scene.shop_shift div.orders ul.list li.listing span.button ul.actions {margin: 0; padding: 0; list-style: none;} #content .scene.shop_shift div.orders ul.list li.listing span.button ul.actions li {text-align: right; padding: 0;} #content .scene.shop_shift div.orders ul.list li.listing span.button ul.actions li a {padding: 4px 14px;} #content .scene.purchasing .c-wrapper.choose-pickupdate ul.actions li {padding-right: 0;} /*s-member_help.css*/ #content .member_help h1 {display: none;} #content .c-wrapper > div.c-box.obs {margin-top: 5px;} #content .member_help h2 {padding: 0; margin-left: 12px; margin-right: 12px; margin-top: 20px; margin-bottom: 12px; border-bottom: 2px solid #000000;} #content .member_help div.c-wrapper, #content .member_help div.c-wrapper > div {min-height: 0px; padding: 0;} #content .member_help div.c-wrapper div.field label {display: none;} #content .member_help div.c-wrapper div.field {box-sizing: border-box; display: inline-block; padding-right: 0;} #content .member_help div.c-wrapper div.field.string {width: calc(60% - 10px)} #content .member_help div.c-wrapper div.field.select {padding-left: 0; width: calc(40%);} #content .member_help div.c-wrapper ul.actions {box-sizing: border-box; padding: 0 12px 0 12px;} #content .member_help div.c-wrapper ul.actions li {width: 100%; padding-left: 0; padding-right: 0;} #content .member_help div.c-wrapper ul.actions input.button, #content .member_help div.c-wrapper ul.actions a.button {padding-top: 5px; padding-bottom: 5px; width: 100%; box-sizing: border-box;} #content .member_help div.c-wrapper ul.actions li.new_member {margin-top: 20px;} #content .member_help div.c-wrapper ul.actions li.search {margin-top: 7px;} #content .member_help div.users {margin-bottom: 22px;} #content .member_help ul.users li.template {display: none;} #content .member_help ul.users li {padding-top: 6px; padding-bottom: 6px;} #content .member_help ul.users li.user:nth-last-of-type(even) {background-color: #dddddd;} #content .member_help li span.highlight_string {font-weight: 700;} #content .member_help ul.users {padding: 0; margin-left: 12px; margin-right: 12px;} #content .member_help ul.users ul {padding: 0; margin: 0; font-size: 0;} #content .member_help ul.users li {list-style-type: none; padding-left: 0;} #content .member_help h3 {padding-right: 0; padding-left: 0; padding-bottom: 0; margin-bottom: 22px; margin-left: 12px; margin-right: 12px; font-size: 0;} #content .member_help h3 span {font-size: 20px;} #content .member_help h3.hidden {display: none;} #content .member_help ul.users li ul li, #content .member_help h3 span {padding: 0; display: inline-block; vertical-align: bottom;} #content .member_help ul.users li ul li.mobile, #content .member_help ul.users li ul li.member_no, #content .member_help ul.users li ul li.profile, #content .member_help ul.users li ul li.department, #content .member_help h3 span {width: 12.5%;} #content .member_help ul.users li ul li.name, #content .member_help ul.users li ul li.email, #content .member_help h3 span.email, #content .member_help h3 span.name {width: 25%;} #content .member_help ul.users li ul.actions {} #content .member_help ul.users li ul.actions li {width: initial;} #content .member_help ul.users li.profile a.button {padding: 1px 17px;} #content .member_help p.type_to_search.hidden, #content .member_help p.no_results.hidden, #content .user_profile div.c-box.invisible {display: none;} #content .member_help_signup p.metatext {font-style: italic; font-size: 12px;} #content .member_help_signup p.terms_summary {font-weight: 700;} #content .member_help_payment > p {font-size: 12px; line-height: 12px; padding-bottom: 0;} #content .member_help_payment > h1 + p {padding: 12px; font-size: 14px;} #content .scene.member_help_payment ul.pickupdates {margin: 0; list-style: none;} #content .scene.member_help_payment ul.pickupdates li {padding-left: 0;} #content .scene.member_help_payment ul.pickupdates li h4 {padding: 12px 0 0; font-size: 20px;} #content .scene.member_help_payment ul.pickupdates li p {padding: 0;} #content .scene.member_help_payment ul.pickupdates li ul.items {padding: 0;} #content .scene.member_help_payment ul.items {list-style: none; padding: 0 12px 10px; margin: 0;} #content .scene.member_help_payment ul.items > li {padding: 10px 0; position: relative;} #content .scene.member_help_payment ul.items li > span {display: inline-block; vertical-align: top; padding-top: 4px; font-size: 16px;} #content .scene.member_help_payment ul.items li p {padding: 0;} #content .scene.member_help_payment ul.items li span.total_price {float: right;} #content .scene.member_help_payment ul.items li ul.actions {padding: 0; top: 8px; position: absolute; right: 0;} #content .scene.member_help_payment div.total {margin: 0 12px; border-top: 1px dotted #000;} #content .scene.member_help_payment div.total h3 {font-size: 20px; padding-left: 0; padding-right: 0; text-align: right;} #content .scene.member_help_payment div.total p {text-align: right; padding: 10px 0 0; font-size: 16px;} #content .scene.member_help_payment dl.amount {padding-top: 48px;} #content .scene.member_help_payment dl.amount dt {font-size: 24px;} #content .scene.member_help_payment dl.amount dd {font-size: 48px; padding-top: 12px; font-family: 'voresfont', Arial, Helvetica, sans-serif; } #content .scene.member_help_payment ul.orders {margin: 0; list-style: none; padding-bottom: 0;} #content .scene.member_help_payment ul.orders > li {padding-left: 0; padding-top: 0; font-size: 16px; position: relative;} #content .scene.member_help_payment ul.orders > li h3 {padding-left: 0; padding-right: 0;} #content .scene.member_help_payment ul.orders > li ul.orderitems {margin: 0; list-style: none; padding-left: 0; padding-right: 0;} #content .scene.member_help_payment ul.orders > li ul.orderitems > li {padding-left: 0; font-size: 16px;} #content .scene.member_help_payment ul.orders > li ul.actions {padding: 0; position: absolute; top: 6px; right: 0;} #content .scene.member_help_payment ul.orders > li ul.actions li {padding: 0 0 0 6px;} #content .scene.member_help_payment div.orderitems {width: 450px; margin: 15px auto 20px;} #content .scene.member_help_payment div.orderitems ul.orderitems {padding-bottom: 30px; padding-left: 0; padding-right: 0; margin: 0; list-style: none;} #content .scene.member_help_payment div.orderitems ul.orderitems li {padding: 0;} #content .scene.member_help_payment div.orderitems h3 {padding-left: 0; padding-right: 0;} #content .scene.member_help_payment div.orderitems p {padding-left: 0; padding-right: 0;} #content .member_help_payment div.payment_options {margin: 0 auto; margin-top: 32px; width: 450px; min-height: 452px;} #content .member_help_payment div.payment_options h4.tab {display: inline-block; background-color: #f2f2f2f2; padding: 6px calc(2.5% + 10px); margin-right: 6px; cursor:pointer;} #content .member_help_payment div.payment_options h4.cash_tab {background-color: #bbbbbb;} #content .member_help_payment div.payment_options h4.card_tab {background-color: #bbbbbb;} #content .member_help_payment form.cash {display: none;} #content .member_help_payment div.card {display: none;} #content .member_help_payment form fieldset, #content .member_help_payment div.fieldset {background-color: #f2f2f2; position: relative; padding-bottom: 40px} #content .member_help_payment form.mobilepay .qr {float: right; position: relative;} #content .member_help_payment form.mobilepay .qr::before {z-index: 1; content: ""; display: block; position: absolute; top: 12px; bottom: 12px; border: 1px solid #999; border-width: 0 0 0 1px;} #content .member_help_payment form.mobilepay .qr img {padding: 0; margin: 14px;} #content .member_help_payment form.mobilepay h5 {padding: 14px 12px 0px; font-size: 16px; line-height: 24px;} #content .member_help_payment form.mobilepay .qr h5 {text-align: center;} #content .member_help_payment form.mobilepay .code p {width: 50%; margin-top: -5px; padding-bottom: 12px;} #content .member_help_payment form.mobilepay .code p.payment_info {font-size: 24px; padding-bottom: 8px;} #content .member_help_payment form div.cash.instructions p {font-size: 16px; padding: 12px 12px 12px;} #content .member_help_payment div.card ul.card {list-style: none; margin: 0; padding: 0;} #content .member_help_payment div.card p {font-size: 16px; padding: 12px 12px 12px;} #content .member_help_payment form .checkbox {padding: 12px 10px; position: absolute; bottom: 0;} #content .member_help_payment ul.actions {width: 100%; margin-left: 0; padding-left: 0; margin-top: 12px;} #content .member_help ul.actions {text-align:center} #content div.user_profile .c-wrapper > .c-one-third .section:first-child { margin-top: 0px; } #content .user_profile p.view-orders {float: right; text-decoration: underline #3e8e17;} #content .user_profile p.view-orders a.button:hover {color: #357914;} #content .user_profile ul.actions.new-order a.button {padding-top: 5px; padding-bottom: 5px;} #content .user_profile div.c-wrapper div.c-box.obs h2.obs #content .user_profile div.c-wrapper div.c-box.obs {background-color: #DDDDDD} #content div.profile ul.actions li.change-department {padding-left: 0;} #content div.profile ul.actions .quarter-width a.button {font-size: 10px;} div.overlay .delete_user_information ul.actions {margin-top: 36px;} #content div.profile .user_group ul.actions li.upgrade {width: 100%;} #content div.profile .user_group ul.actions li.upgrade .confirm {background-color: #357914;} /*s-overlay.css*/ div.overlay_protection { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 101; } div.overlay { position: fixed; z-index: 102; background: #DDDDDD; border: 1px solid #BBBBBB; margin: 0 auto; text-align: center; outline: none; } div.overlay p { line-height: 24px; font-family: 'Arial'; font-size: 14px; padding: 0 24px 24px; text-align: center; } div.overlay h2 { font-family: 'voresfont', Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 28px; line-height: 30px; padding-bottom: 22px; padding-top: 17px; text-align: center; } div.overlay .header { cursor: move; } div.overlay fieldset { margin: 0 auto; } div.overlay fieldset label { text-align: left; } div.overlay .close { position: absolute; right: 17px; top: 17px; width: 32px; height: 32px; opacity: 0.3; } div.overlay ul.actions { width: 100%; text-align: center; } div.overlay .close { cursor: pointer; } div.overlay .close:hover { opacity: 1; } div.overlay .close:before, div.overlay .close:after { position: absolute; left: 15px; content: ' '; height: 28px; width: 2px; background-color: #333; } div.overlay .close:before { transform: rotate(45deg); } div.overlay .close:after { transform: rotate(-45deg); } div.overlay .field.password { padding-top: 56px; padding-bottom: 124px; } /*s-tally.css*/ #content div.scene.tally {} #content div.scene.tally dl.info {padding: 48px 12px 24px;} #content div.scene.tally dl.info dd {font-size: 24px; text-transform: uppercase; font-family: 'voresfont', Arial, Helvetica, sans-serif; } #content div.scene.tally h2 {padding: 0; margin: 0 12px; border-bottom: 1px solid #000000;} #content div.scene.tally h2 .sum {float: right;} #content div.scene.tally li.delete input.confirm {background-color: #C22414; color: #ffffff;} #content div.scene.tally li.delete input.confirm:hover {background-color: #a81100;} #content div.scene.tally div.cash {padding-top: 48px;} #content div.scene.tally div.view {margin: 0 12px; border-bottom: 1px dashed #000000;} #content div.scene.tally div.view > form { display: flex; flex-flow: row nowrap; } #content div.scene.tally div.view > form > span {display: block; font-size: 20px; padding: 10px; flex: 1 1; align-self: center; } #content div.scene.tally div.view > form > span.amount {text-align: right;} #content div.scene.tally div.view.edit > form > span.amount {padding-top: 8px; padding-bottom: 8px;} #content div.scene.tally div.view > form > span.edit { flex: 0 0 85px; } #content div.scene.tally div.view > form > span.edit ul.actions {padding: 0; margin: 0; list-style: none;} #content div.scene.tally div.view > form > span.edit ul.actions li {padding: 0;} #content div.scene.tally div.view > form > span.edit ul.actions li a, #content div.scene.tally div.view > form > span.edit ul.actions li input {padding-top: 4px; padding-bottom: 4px;} #content div.scene.tally div.view > form > span.amount fieldset, #content div.scene.tally div.view > form > span.edit ul.actions li.save {display: none;} #content div.scene.tally div.view.edit > form > span.amount span.value, #content div.scene.tally div.view.edit > form > span.edit ul.actions li.edit {display: none;} #content div.scene.tally div.view.edit > form > span.amount fieldset, #content div.scene.tally div.view.edit > form > span.edit ul.actions li.save {display: block;} #content div.scene.tally div.view.edit > form > span.amount div.field {padding: 0;} #content div.scene.tally div.view.edit > form > span.amount div.field label {display: none;} #content div.scene.tally div.view.edit > form > span.amount div.field span.pseudolabel {display: none;} #content div.scene.tally div.view.edit > form > span.amount div.field input {padding-top: 2px; padding-bottom: 2px; width: 150px; text-align: right; float: right;} #content div.scene.tally div.view.edit > form > span.amount div.field div.help {float: right; padding: 0; width: 210px;} #content div.scene.tally div.view.edit > form > span.amount div.field div.help .hint {padding: 3px 10px 0 0; width: 200px;} #content div.scene.tally div.view.edit > form > span.amount div.field div.help .error {padding: 10px 10px 0 0; width: 200px;} #content div.scene.tally div.payouts {padding-top: 72px;} #content div.scene.tally div.payouts > p {padding: 10px; margin: 0 12px 24px; font-size: 20px; border-bottom: 1px dashed #000000;} #content div.scene.tally div.payouts ul.payouts { padding: 0; margin: 0 12px 24px; list-style: none; } #content div.scene.tally div.payouts li.payout {padding: 0; border-bottom: 1px dashed #000000; display: flex; flex-flow: row nowrap; } #content div.scene.tally div.payouts li.payout > span { display: block; font-size: 20px; padding: 10px; flex: 1 1; align-self: center; } #content div.scene.tally div.payouts li.payout > span.amount {text-align: right;} #content div.scene.tally div.payouts li.payout > span.edit { flex: 0 0 85px; } #content div.scene.tally div.payouts li.payout > span.edit ul.actions {padding: 0; margin: 0; list-style: none;} #content div.scene.tally div.payouts li.payout > span.edit ul.actions li {padding: 0;} #content div.scene.tally div.payouts li.payout > span.edit ul.actions li a, #content div.scene.tally div.payouts li.payout > span.edit ul.actions li input {padding-top: 4px; padding-bottom: 4px;} #content div.scene.tally div.payouts div.add_payout > ul.actions {padding: 0; margin: 0 12px; list-style: none;} #content div.scene.tally div.payouts div.add_payout > ul.actions li {padding: 0;} #content div.scene.tally div.payouts div.add_payout.open > ul.actions {display: none;} #content div.scene.tally div.payouts div.add_payout.open form {font-size: 0; margin: 0 12px;} #content div.scene.tally div.payouts div.add_payout.open form fieldset {display: inline-block; vertical-align: top; font-size: 0; width: calc(100% - 55px);} #content div.scene.tally div.payouts div.add_payout.open form fieldset div.field {display: inline-block; vertical-align: top; width: calc(50% - 10px); padding-left: 0;} #content div.scene.tally div.payouts div.add_payout.open form ul.actions {display: inline-block; vertical-align: top; width: 55px; padding: 0; margin: 15px 0 0;} #content div.scene.tally div.payouts div.add_payout.open form ul.actions li {padding: 0;} #content div.scene.tally div.payouts div.add_payout.open form ul.actions li input {padding-top: 4px; padding-bottom: 4px;} #content div.scene.tally div.misc_revenues {padding-top: 72px;} #content div.scene.tally div.misc_revenues > p {padding: 10px; margin: 0 12px 24px; font-size: 20px; border-bottom: 1px dashed #000000;} #content div.scene.tally div.misc_revenues ul.revenues {padding: 0; margin: 0 12px 24px; list-style: none;} #content div.scene.tally div.misc_revenues li.revenue {padding: 0; border-bottom: 1px dashed #000000; display: flex; flex-flow: row nowrap; } #content div.scene.tally div.misc_revenues li.revenue > span { display: block; font-size: 20px; padding: 10px; flex: 1 1; align-self: center; } #content div.scene.tally div.misc_revenues li.revenue > span.amount {text-align: right;} #content div.scene.tally div.misc_revenues li.revenue > span.edit { flex: 0 0 85px; } #content div.scene.tally div.misc_revenues li.revenue > span.edit ul.actions {padding: 0; margin: 0; list-style: none;} #content div.scene.tally div.misc_revenues li.revenue > span.edit ul.actions li {padding: 0;} #content div.scene.tally div.misc_revenues li.revenue > span.edit ul.actions li a, #content div.scene.tally div.misc_revenues li.revenue > span.edit ul.actions li input {padding-top: 4px; padding-bottom: 4px;} #content div.scene.tally div.misc_revenues div.add_revenue > ul.actions {padding: 0; margin: 0 12px; list-style: none;} #content div.scene.tally div.misc_revenues div.add_revenue > ul.actions li {padding: 0;} #content div.scene.tally div.misc_revenues div.add_revenue.open > ul.actions {display: none;} #content div.scene.tally div.misc_revenues div.add_revenue.open form {font-size: 0; margin: 0 12px;} #content div.scene.tally div.misc_revenues div.add_revenue.open form fieldset {display: inline-block; vertical-align: top; font-size: 0; width: calc(100% - 55px);} #content div.scene.tally div.misc_revenues div.add_revenue.open form fieldset div.field {display: inline-block; vertical-align: top; width: calc(50% - 10px); padding-left: 0;} #content div.scene.tally div.misc_revenues div.add_revenue.open form ul.actions {display: inline-block; vertical-align: top; width: 55px; padding: 0; margin: 15px 0 0;} #content div.scene.tally div.misc_revenues div.add_revenue.open form ul.actions li {padding: 0;} #content div.scene.tally div.misc_revenues div.add_revenue.open form ul.actions li input {padding-top: 4px; padding-bottom: 4px;} #content div.scene.tally div.cash_sales {padding-top: 72px;} #content div.scene.tally div.cash_sales ul.cash_sales {padding: 0; margin: 0 12px 24px; list-style: none;} #content div.scene.tally div.cash_sales ul.cash_sales > li {padding: 0; border-bottom: 1px dashed #000000; display: flex; flex-flow: row nowrap; } #content div.scene.tally div.cash_sales ul.cash_sales > li > span { display: block; font-size: 20px; padding: 10px; flex: 1 1; align-self: center; } #content div.scene.tally div.cash_sales ul.cash_sales > li > span.total_price {text-align: right; flex: 0 0 120px; } #content div.scene.tally div.calculated_sales {padding-top: 72px;} #content div.scene.tally div.change {padding-top: 72px;} /*s-accountant.css*/ #content .scene.accountant {} #content .scene.accountant.departments div.c-wrapper ul {list-style: none; margin-left: 0;} #content .scene.accountant.departments div.c-wrapper ul li {padding-left: 0;} #content .scene.accountant.departments div.c-wrapper ul li a {font-size: 20px;} #content .scene.accountant.departments div.c-wrapper .c-one-half {min-height: 0px;} #content .scene.accountant ul {list-style: none; margin-left: 0;} #content .scene.accountant ul.tallies {width: 50%; padding: 0; margin: 18px; border: 2px solid #000000;} #content .scene.accountant ul.tallies li {padding-left: 0;} #content .scene.accountant ul.tallies ul {padding: 0;} #content .scene.accountant ul.tallies li.labels ul {font-size: 0; padding-top: 12px;} #content .scene.accountant ul.tallies li.labels ul li { display: inline-block; width: calc(50% - 24px); padding: 0; font-size: 16px; font-weight: 600; line-height: 1em; padding-left: 12px; padding-right: 12px; } #content .scene.accountant ul.tallies li.tally ul.details {font-size: 0;} #content .scene.accountant ul.tallies li.tally ul.details li {display: inline-block; width: calc(50% - 24px); padding: 0; line-height: 1em; padding-left: 12px; padding-right: 12px;} #content .scene.accountant ul.tallies li.tally { border-top: 1px solid #000000; } #content .scene.accountant ul.tallies li.tally:nth-child(even) { background-color: #f2f2f2; } #content .scene.accountant h3 { padding: 12px 0 0 0; margin: 0 18px; margin-bottom: 12px; border-bottom: 1px solid #000000; } #content .scene.accountant .info dl {width: 100%;} #content .scene.accountant .info dt, #content .scene.accountant .info dd { display: block; line-height: 1.4em; text-align: left; } #content .scene.accountant .info dt {padding: 0;} #content .scene.accountant .info dd {padding-bottom: 12px;} #content .scene.accountant dl {width: 50%; font-size: 0;} #content .scene.accountant dt, #content .scene.accountant dd { display: inline-block; width: 50%; line-height: 1.3em; padding-bottom: 12px; } #content .scene.accountant dd {text-align: right;} #content .scene.accountant dl.subtotal >* {font-weight: 600;} #content .scene.accountant .calculated {padding-bottom: 46px; border-bottom: 1px;} /*s-purchasing.css*/ #content .scene.purchasing .c-wrapper.choose-pickupdate {border-bottom: 1px solid #999999;} #content .scene.purchasing .c-wrapper.choose-pickupdate form {font-size: 0;} #content .scene.purchasing .c-wrapper.choose-pickupdate div.field {display: inline-block; width: calc(100% - 100px);} #content .scene.purchasing .c-wrapper.choose-pickupdate ul.actions {display: inline-block; padding-left: 0;} #content .scene.purchasing .c-wrapper.choose-pickupdate ul.actions li {padding-left: 0;} #content .scene.purchasing .order-list form {font-size: 0; padding: 12px 0; width: 66%;} #content .scene.purchasing .order-list form div.field {display: inline-block; vertical-align: top; width: calc(100% - 200px);} #content .scene.purchasing .order-list form ul.actions {display: inline-block; font-size: 0; vertical-align: top; width: 65px; padding: 0 0 0 10px; margin-top: 14px; margin-right: 12px;} #content .scene.purchasing .order-list form ul.actions li {padding: 0; font-size: 0;} #content .scene.purchasing .order-list form ul.actions input {padding-top: 5px; padding-bottom: 5px;} #content .scene.purchasing .c-wrapper.order-list { border-bottom: 1px solid #999999;} #content .scene.purchasing .c-wrapper.order-list ul.list {padding: 0 12px 40px; margin: 0; list-style: none;} #content .scene.purchasing .c-wrapper.order-list ul.list > li {padding: 0; display: flex; flex-flow: row nowrap; } #content .scene.purchasing .c-wrapper.order-list ul.list > li > span {display: block; padding: 4px 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1 1 100px; } #content .scene.purchasing .c-wrapper.order-list ul.list li.labels {border-bottom: 2px solid #000000;} #content .scene.purchasing .c-wrapper.order-list ul.list li.labels > span { text-transform: uppercase; font-family: 'voresfont', Arial, Helvetica, sans-serif; } #content .scene.purchasing .c-wrapper.order-list ul.list li.listing:nth-child(2n) {background: #DDDDDD;} #content .scene.purchasing .c-wrapper.order-list ul.list li.totals {border-top: 2px solid #000000;} #content .scene.purchasing .c-wrapper.order-list ul.list li.labels span.departments, #content .scene.purchasing .c-wrapper.order-list ul.list li.listing span.department, #content .scene.purchasing .c-wrapper.order-list ul.list li.totals span.total { flex: 1 0 130px; } #content .scene.purchasing .c-wrapper.order-list ul.list li.labels span.product, #content .scene.purchasing .c-wrapper.order-list ul.list li.listing span.order_item_count, #content .scene.purchasing .c-wrapper.order-list ul.list li.totals span.order_item_count { border-left: 1px solid #999999; } #content .scene.purchasing .c-wrapper.order-list table.orders { table-layout: fixed; width: 100%; border-collapse: collapse; margin-bottom: 40px; } #content .scene.purchasing .c-wrapper.order-list table.orders tr {border-bottom: 1px solid #000000; padding: 3px 0;} #content .scene.purchasing .c-wrapper.order-list table.orders tr:last-child {border: none;} #content .scene.purchasing .c-wrapper.order-list table.orders tr:nth-child(even) { background-color: #dedede; } #content .scene.purchasing .c-wrapper.order-list table.orders th, #content .scene.purchasing .c-wrapper.order-list table.orders td {border-left: 1px solid #000000;} #content .scene.purchasing .c-wrapper.order-list table.orders td {text-align: center;} #content .scene.purchasing .c-wrapper.order-list table.orders th.departments {width: 170px; border: none;} #content .scene.purchasing .c-wrapper.order-list table.orders th.department, #content .scene.purchasing .c-wrapper.order-list table.orders th.total {text-align: center; vertical-align: bottom;} #content .scene.purchasing .c-wrapper.order-list table.orders th.department span, #content .scene.purchasing .c-wrapper.order-list table.orders th.total span {writing-mode: sideways-lr; padding: 0 0 5px;} #content .scene.purchasing .c-wrapper.order-list table.orders th.product {text-align: right; padding-right: 5px; border: none;} #content .scene.purchasing .c-wrapper.order-list ul.actions { padding: 12px; } #content .scene.purchasing .c-wrapper.order-list ul.actions li {cursor: pointer; font-family: 'voresfont', Arial, Helvetica, sans-serif; text-transform: uppercase; background-color: #999999; color: #ffffff; font-size: 14px; line-height: 1em; padding: 8px 12px; margin-left: 12px; } #content .scene.purchasing .c-wrapper.order-list ul.actions li.hide-no-orders { background-color: #000000; } #content .scene.purchasing .c-wrapper.order-list.show-all ul.actions li.hide-no-orders {background-color: #999999;} #content .scene.purchasing .c-wrapper.order-list.show-all ul.actions li.show-no-orders {background-color: #000000;} #content .scene.purchasing .c-wrapper.order-list table.orders tr.no-orders {display: none;} #content .scene.purchasing .c-wrapper.order-list.show-all table.orders tr.no-orders {display: table-row;} #content .scene.purchasing .c-wrapper.order-list.show-all p.no-orders {display: none;} #content .scene.purchasing .c-wrapper.order-list p.no-orders {padding-bottom: 40px;} #content .scene.purchasing .c-wrapper.products { border-bottom: 1px solid #999999; } #content .scene.purchasing .c-wrapper.products div.filter {font-size: 0;} #content .scene.purchasing .c-wrapper.products div.filter ul.tags { display: inline-block; vertical-align: top; list-style: none; font-size: 0; padding: 12px 12px 6px; margin: 0; width: calc(100% - 174px); line-height: 1em; } #content .scene.purchasing .c-wrapper.products div.filter ul.tags li { display: inline-block; margin-right: 12px; margin-bottom: 6px; padding: 8px 12px; font-family: 'voresfont', Arial, Helvetica, sans-serif; text-transform: uppercase; background-color: #999999; color: #ffffff; font-size: 14px; line-height: 1em; cursor: pointer; } #content .scene.purchasing .c-wrapper.products div.filter ul.tags li.selected { background-color: #000000; } #content .scene.purchasing .c-wrapper.products div.filter form {width: 150px; display: inline-block; vertical-align: top; position: relative; } #content .scene.purchasing .c-wrapper.products div.filter form div.field {padding: 12px;} #content .scene.purchasing .c-wrapper.products div.filter form div.field label {display: none;} #content .scene.purchasing .c-wrapper.products div.filter form div.field div.help {display: none;} #content .scene.purchasing .c-wrapper.products div.filter form div.field input {height: 26px;} #content .scene.purchasing .c-wrapper.products div.filter form ul.actions { z-index: 100; position: absolute; right: 20px; top: 19px; padding: 0; } #content .scene.purchasing .c-wrapper.products div.filter form ul.actions input { border: none; text-indent: -9999px; width: 16px; height: 18px; background: transparent url(../img/gx_search.svg) no-repeat center center; background-size: auto 17px; } #content .scene.purchasing .c-wrapper.products ul.list {padding: 0 12px 40px; margin: 0; list-style: none;} #content .scene.purchasing .c-wrapper.products ul.list > li {padding: 0; display: flex; flex-flow: row nowrap; } #content .scene.purchasing .c-wrapper.products ul.list > li.listing.hidden { display: none; } #content .scene.purchasing .c-wrapper.products ul.list > li.listing.archived { color: #bbbbbb; } #content .scene.purchasing .c-wrapper.products ul.list > li.listing.archived ul.actions li a { background-color: #dedede; } #content .scene.purchasing .c-wrapper.products ul.list > li.listing.archived ul.actions li a:hover { background-color: #666666; } #content .scene.purchasing .c-wrapper.products ul.list > li > span {display: block; padding: 4px 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1 1 100px; align-self: center; } #content .scene.purchasing .c-wrapper.products ul.list li.labels {border-bottom: 2px solid #000000;} #content .scene.purchasing .c-wrapper.products ul.list li.labels span { text-transform: uppercase; font-family: 'voresfont', Arial, Helvetica, sans-serif; } #content .scene.purchasing .c-wrapper.products ul.list li.listing.odd {background: #DDDDDD;} #content .scene.purchasing .c-wrapper.products ul.list li.labels span.images, #content .scene.purchasing .c-wrapper.products ul.list li.listing span.image { flex: 0 0 50px; } #content .scene.purchasing .c-wrapper.products ul.list li.listing span.image {height: 50px; background-position: center center; background-repeat: no-repeat; background-size: 50px auto; background-color: transparent; } #content .scene.purchasing .c-wrapper.products ul.list li.listing span.name ul.tags { display: block; list-style: none; font-size: 0; padding: 0; margin: 0; width: calc(100% - 174px); line-height: 1em; } #content .scene.purchasing .c-wrapper.products ul.list li.listing span.name ul.tags li { display: inline-block; margin-right: 8px; padding: 5px 9px; font-family: 'voresfont', Arial, Helvetica, sans-serif; text-transform: uppercase; background-color: #dedede; color: #000000; font-size: 10px; line-height: 1em; } #content .scene.purchasing .c-wrapper.products ul.list li.listing.odd span.name ul.tags li { background: #ffffff; } #content .scene.purchasing .c-wrapper.products ul.list li.labels span.price, #content .scene.purchasing .c-wrapper.products ul.list li.listing span.prices { flex: 0 0 160px; } #content .scene.purchasing .c-wrapper.products ul.list li.labels span.availability, #content .scene.purchasing .c-wrapper.products ul.list li.listing span.availability { flex: 0 0 150px; } #content .scene.purchasing .c-wrapper.products ul.list li.labels span.available, #content .scene.purchasing .c-wrapper.products ul.list li.listing span.available { flex: 0 0 120px; } #content .scene.purchasing .c-wrapper.products ul.list li.labels span.buttons, #content .scene.purchasing .c-wrapper.products ul.list li.listing span.button { flex: 0 0 100px; } #content .scene.purchasing .c-wrapper.products ul.list li.listing span.prices ul.prices {margin: 0; padding: 0; list-style: none;} #content .scene.purchasing .c-wrapper.products ul.list li.listing span.prices ul.prices li {padding: 0;} #content .scene.purchasing .c-wrapper.products ul.list li.listing span.button ul.actions {margin: 0; padding: 0; list-style: none;} #content .scene.purchasing .c-wrapper.products ul.list li.listing span.button ul.actions li {text-align: right; padding: 0;} #content .scene.purchasing .c-wrapper.products ul.list li.listing span.button ul.actions li a {padding: 4px 14px;} #content .scene.edit_product ul.actions li.deactivate .confirm {background-color: #C22414;} #content .scene.purchasing .c-wrapper.pickupdates {padding: 0 0 46px;} #content .scene.purchasing .c-wrapper.pickupdates ul.list {padding: 0 12px; margin: 0; list-style: none;} #content .scene.purchasing .c-wrapper.pickupdates ul.list > li {padding: 0; display: flex; flex-flow: row nowrap; } #content .scene.purchasing .c-wrapper.pickupdates ul.list > li > span {display: block; padding: 4px 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1 1 90px; align-self: center; } #content .scene.purchasing .c-wrapper.pickupdates ul.list li.labels {border-bottom: 2px solid #000000;} #content .scene.purchasing .c-wrapper.pickupdates ul.list li.labels span { text-transform: uppercase; font-family: 'voresfont', Arial, Helvetica, sans-serif; } #content .scene.purchasing .c-wrapper.pickupdates ul.list li.listing:nth-child(2n) {background: #DDDDDD;} #content .scene.purchasing .c-wrapper.pickupdates ul.list li.labels span.pickupdates, #content .scene.purchasing .c-wrapper.pickupdates ul.list li.listing span.pickupdate { flex: 1 0 140px; } #content .scene.purchasing .c-wrapper.pickupdates ul.list li.labels span.availability { text-align: center; } #content .scene.purchasing .c-wrapper.pickupdates ul.list li.listing span.status { text-indent: -9999px; background-size: auto 18px; background-repeat: no-repeat; background-position: center center; background-color: transparent; } #content .scene.purchasing .c-wrapper.pickupdates ul.list li.listing span.status.open { background-image: url(../img/shop/gx_selected.svg); } #content .scene.purchasing .c-wrapper.pickupdates ul.list li.listing span.status.closed { background-image: url(../img/shop/gx_unavailable.svg); } #content .scene.purchasing .c-wrapper.pickupdates ul.list li.labels span.buttons, #content .scene.purchasing .c-wrapper.pickupdates ul.list li.listing span.button { flex: 0 0 100px; } #content .scene.purchasing .c-wrapper.pickupdates ul.list li.listing span.button ul.actions {margin: 0; padding: 0; list-style: none;} #content .scene.purchasing .c-wrapper.pickupdates ul.list li.listing span.button ul.actions li {text-align: right; padding: 0;} #content .scene.purchasing .c-wrapper.pickupdates ul.list li.listing span.button ul.actions li a {padding: 4px 14px;} #content .scene.add_edit_product h1 + ul.actions {padding-top: 24px; text-align: left;} #content .scene.add_edit_product h1 + ul.actions li {padding-left: 0; padding-bottom: 0;} #content .scene.add_edit_product h1 + ul.actions li.deactivate {float: right;} #content .scene.add_edit_product div.c-wrapper > form { font-size: 0; } #content .scene.add_edit_product div.c-wrapper .c-one-half {min-height: auto;} #content .scene.add_edit_product div.c-wrapper.basics { padding-top: 22px; border-top: 1px solid #999999; } #content .scene.add_edit_product div.c-wrapper.availability { padding-top: 22px; border-top: 1px solid #999999; } #content .scene.add_edit_product div.c-wrapper .c-one-half.prices { padding-top: 22px; border-top: 1px solid #999999; } #content .scene.add_edit_product div.c-wrapper .c-one-half.tags { padding-top: 22px; border-top: 1px solid #999999; } #content .scene.add_edit_product div.c-wrapper .c-one-half.tags div.field.checkbox { padding-bottom: 8px; } #content .scene.add_product .first_pickupdate {margin-top: -8px;} #content .scene.add_product .last_pickupdate {margin-top: -8px;} /*s-mass_mail.css*/ #content .scene.massmail form .status { opacity: 0;} /*s-departments.css*/ #content .scene.departments ul.departments {list-style: none; margin: 0; padding: 0 0 50px; font-size: 0;} #content .scene.departments ul.departments li {padding: 0; font-size: 14px; line-height: 24px;} #content .scene.departments ul.departments > li {display: inline-block; vertical-align: top; width: 33.333%; padding-bottom: 20px;} #content .scene.departments ul.departments li ul.info {display: block; margin: 0; padding: 0;} #content .scene.departments ul.departments li ul.info > li {display: block;} #content .scene.departments ul.departments li ul.address {margin: 0; padding-bottom: 0;} #content .scene.departments ul.departments li ul.address > li {display: block;} #content .scene.departments ul.departments li ul.info > li.location {display: none;} #content .scene.departments ul.departments li ul.contact {margin: 0; padding-bottom: 10px;} #content .scene.departments ul.departments li ul.info > li.pricerange {display: none;} #content .scene.departments ul.departments li div.description {padding-top: 10px;} #content .scene.departments > div.map {height: 400px; margin: 0 12px 50px;} #content .scene.departments .c-one-third .c-box {margin-top: 12px;} #content .scene.departments .c-one-third .c-box:first-child {margin-top: 58px; border-top: 5px solid #000;} #content .scene.departments .c-one-third .c-box ul.info {display: block; margin: 0; padding: 0;} #content .scene.departments .c-one-third .c-box ul.info li {padding: 0; font-size: 14px; line-height: 24px; display: block;} #content .scene.departments .c-one-third .c-box ul.info ul.address {margin: 0; padding-bottom: 0;} #content .scene.departments .c-one-third .c-box ul.info ul.address > li {display: block; padding: 0;} #content .scene.departments .c-one-third .c-box ul.info ul.contact {margin: 0; padding-bottom: 10px;} #content .scene.departments .c-one-third .c-box ul.info > li.location {display: none;} #content .scene.departments .c-one-third .c-box ul.info > li.pricerange {display: none;} /*s-weeklybags.css*/ #content .scene.weeklybags ul.items {padding: 24px 0; list-style: none; margin: 0; font-size: 0;} #content .scene.weeklybags ul.items li.item { display: inline-block; vertical-align: top; position: relative; width: calc(50%); padding: 0; margin: 0 0 24px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; } #content .scene.weeklybags .c-one-third .c-box {margin-top: 12px;} #content .scene.weeklybags .c-one-third .c-box:first-child {margin-top: 58px; border-top: 5px solid #000;} #content .scene.weeklybag .c-one-third .c-box {margin-top: 12px;} #content .scene.weeklybag .c-one-third .c-box:first-child {margin-top: 58px; border-top: 5px solid #000;} #content .scene.weeklybag .c-box.weeklybag ul {list-style: none; margin: 0; padding: 0;} #content .scene.weeklybag .c-box.weeklybag li { padding: 0; } #content .scene.weeklybag .c-box.weeklybag li h3 {padding-bottom: 2px;} #content .scene.weeklybag .c-box.weeklybag li p {padding-bottom: 12px;} /*s-faq.css*/ #content .scene.faq {padding-bottom: 60px;} #content .scene.faq ul.questions {padding: 0; list-style: none; margin: 0; font-size: 0;} #content .scene.faq ul.questions li.question {padding-top: 0;} #content .scene.faq ul.questions li.question h3 {padding: 8px 12px 12px 28px; position: relative; font-size: 18px; font-family: Arial, sans-serif; text-transform: none;} #content .scene.faq ul.questions li.question h3 svg {position: absolute; left: 3px; top: 15px; stroke: #999999; stroke-width: 3px;} #content .scene.faq ul.questions li.question .articlebody {display: none; padding-left: 16px;} #content .scene.faq ul.questions li.question.open .articlebody {display: block;} /*s-notifications.css*/ #notifications {z-index: 1001; position: fixed; left: 50%; margin-left: -160px; top: 0; border-left: 2px solid #000000; border-right: 2px solid #000000; border-bottom: 2px solid #000000; background-color: #ffffff; width: 320px; font-weight: bold; } #notifications div {padding: 10px 65px 10px 15px;} #notifications .message {background-color: #3E8E17; color: #ffffff;} #notifications .error {background-color: #C22414; color: #ffffff;} /*s-general.css*/ #navigation ul.navigation h5:hover, #navigation ul.navigation li:not(.selected) a:hover { background-color: #357914; } #content .scene.contact .c-one-third .c-box:first-child {margin-top: 58px;} #content .scene.english .c-one-third .c-box:first-child {margin-top: 58px;} #content .scene.about .c-one-third .c-box:first-child {margin-top: 58px;} #content .scene.page .c-one-third .c-box:first-child {margin-top: 58px;} #content .scene.member .c-one-third .c-box:first-child {margin-top: 58px;} #content .article .image img, #content .article .media img {width: 100%;} #content .c-box.actions ul.actions li {display: block; text-align: left; padding-left: 0;} #content .c-box.actions ul.actions li a {position: relative; display: inline-block; vertical-align: top; padding: 8px 20px; line-height: 16px; font-size: 16px; height: 18px; background-color: #3e8e17; background-repeat: no-repeat; background-position: top left; color: #ffffff;} #content .c-box.actions ul.actions li a:after { content: " "; vertical-align: top; display: inline-block; height: 24px; width: 24px; background-color: #3e8e17; position: absolute; top: 5px; right: -12px; transform: rotate(45deg); } #content .c-box.actions ul.actions li a:hover, #content .c-box.actions ul.actions li a:hover:after { background-color: #357914; } #content .scene div.media p a {font-weight: normal; font-size: 12px; font-style: italic; color: #aaaaaa; cursor: pointer;} #content .scene h3 a, #content .scene h2 a {font-weight: normal;} #content .scene div.pagination {text-align: center;} #content .scene div.pagination ul {display: inline-block; vertical-align: top; white-space: nowrap;} #content .scene div.pagination ul li {display: inline-block; vertical-align: top; line-height: 34px; padding: 0 7px;} #content .scene div.pagination ul li.previous a, #content .scene div.pagination ul li.next a {font-size: 14px; display: block; padding: 7px 14px; line-height: 22px; background-color: #999999; color: #ffffff; border: none; cursor: pointer; font-weight: 400; text-transform: uppercase; font-family: "voresfont"; } #content .scene div.pagination ul li a.disabled {cursor: default !important; color: #aaaaaa !important; background-color: #eeeeee !important;} #content .scene ul.subnavigation {font-size: 0; margin: 48px 0 24px; padding: 0; list-style: none; } #content .scene ul.subnavigation li {display: inline-block; vertical-align: top; width: 33.3333%; box-sizing: border-box; line-height: 34px; padding: 0 6px 12px 6px;} #content .scene ul.subnavigation li a {font-size: 18px; display: block; padding: 12px 24px; line-height: 22px; background-color: #999999; color: #ffffff; border: none; cursor: pointer; font-weight: 400; text-transform: uppercase; font-family: "voresfont"; } #content .scene.post .article .articlebody > p:first-child, #content .scene.post .article .articlebody > h3:first-child, #content .scene.post .article .articlebody > .c-wrapper:first-child {padding-top: 30px;} #content .scene.post .article > ul.info {display: block; width: 100%; margin: 0 auto; padding: 16px 12px 0 18px; box-sizing: border-box;} #content .scene.post .article > ul.info li {padding-left: 0; color: #666;} #content div.downtime { text-align: center; padding: 300px 100px; background: transparent url(../assets/favicon.png) no-repeat center 100px; } #content div.c-box, #content div.c-primary-box { margin-top: 24px; }