/* import vars */ /* vars */ /*! * CleanSlate * github.com/premasagar/cleanslate * * Modified by Getunik AG: removed all !important declarations for less aggressive wheighting, variables can be set from "host" less file * */ /* An extreme CSS reset stylesheet, for normalising the styling of a container element and its children. by Premasagar Rose dharmafly.com license opensource.org/licenses/mit-license.php ** v0.9.2 */ /* == BLANKET RESET RULES == */ /* HTML 4.01 */ #lema-container.lema-container, #lema-container.lema-container h1, #lema-container.lema-container h2, #lema-container.lema-container h3, #lema-container.lema-container h4, #lema-container.lema-container h5, #lema-container.lema-container h6, #lema-container.lema-container p, #lema-container.lema-container td, #lema-container.lema-container dl, #lema-container.lema-container tr, #lema-container.lema-container dt, #lema-container.lema-container ol, #lema-container.lema-container form, #lema-container.lema-container select, #lema-container.lema-container option, #lema-container.lema-container pre, #lema-container.lema-container div, #lema-container.lema-container table, #lema-container.lema-container th, #lema-container.lema-container tbody, #lema-container.lema-container tfoot, #lema-container.lema-container caption, #lema-container.lema-container thead, #lema-container.lema-container ul, #lema-container.lema-container li, #lema-container.lema-container address, #lema-container.lema-container blockquote, #lema-container.lema-container dd, #lema-container.lema-container fieldset, #lema-container.lema-container li, #lema-container.lema-container iframe, #lema-container.lema-container strong, #lema-container.lema-container legend, #lema-container.lema-container em, #lema-container.lema-container s, #lema-container.lema-container cite, #lema-container.lema-container span, #lema-container.lema-container input, #lema-container.lema-container sup, #lema-container.lema-container label, #lema-container.lema-container dfn, #lema-container.lema-container object, #lema-container.lema-container big, #lema-container.lema-container q, #lema-container.lema-container font, #lema-container.lema-container samp, #lema-container.lema-container acronym, #lema-container.lema-container small, #lema-container.lema-container img, #lema-container.lema-container strike, #lema-container.lema-container code, #lema-container.lema-container sub, #lema-container.lema-container ins, #lema-container.lema-container textarea, #lema-container.lema-container var, #lema-container.lema-container a, #lema-container.lema-container abbr, #lema-container.lema-container applet, #lema-container.lema-container del, #lema-container.lema-container kbd, #lema-container.lema-container tt, #lema-container.lema-container b, #lema-container.lema-container i, #lema-container.lema-container hr, #lema-container.lema-container article, #lema-container.lema-container aside, #lema-container.lema-container dialog, #lema-container.lema-container figure, #lema-container.lema-container footer, #lema-container.lema-container header, #lema-container.lema-container hgroup, #lema-container.lema-container menu, #lema-container.lema-container nav, #lema-container.lema-container section, #lema-container.lema-container time, #lema-container.lema-container mark, #lema-container.lema-container audio, #lema-container.lema-container video { background-attachment: scroll; background-color: transparent; background-image: none; /* This rule affects the use of pngfix JavaScript http://dillerdesign.com/experiment/DD_BelatedPNG for IE6, which is used to force the browser to recognise alpha-transparent PNGs files that replace the IE6 lack of PNG transparency. (The rule overrides the VML image that is used to replace the given CSS background-image). If you don't know what that means, then you probably haven't used the pngfix script, and this comment may be ignored :) */ background-position: 0 0; background-repeat: repeat; border-color: black; border-color: currentColor; /* `border-color` should match font color. Modern browsers (incl. IE9) allow the use of "currentColor" to match the current font 'color' value . For older browsers, a default of 'black' is given before this rule. Guideline to support older browsers: if you haven't already declared a border-color for an element, be sure to do so, e.g. when you first declare the border-width. */ border-radius: 0; border-style: none; border-width: medium; bottom: auto; clear: none; clip: auto; color: inherit; counter-increment: none; counter-reset: none; cursor: auto; direction: inherit; display: inline; float: none; font-family: inherit; /* As with other inherit values, this needs to be set on the root container element */ font-size: inherit; font-style: inherit; font-variant: normal; font-weight: inherit; height: auto; left: auto; letter-spacing: normal; line-height: inherit; list-style-type: inherit; /* Could set list-style-type to none */ list-style-position: outside; list-style-image: none; margin: 0; max-height: none; max-width: none; min-height: 0; min-width: 0; opacity: 1; outline: invert none medium; overflow: visible; padding: 0; position: static; quotes: "" ""; right: auto; table-layout: auto; text-align: inherit; text-decoration: inherit; text-indent: 0; text-transform: none; top: auto; unicode-bidi: normal; vertical-align: baseline; visibility: inherit; white-space: normal; width: auto; word-spacing: normal; z-index: auto; /* Proprietary and draft rules */ /* This section needs extending */ -moz-border-radius: 0; -webkit-border-radius: 0; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; text-shadow: none; } /* == BLOCK-LEVEL == */ /* Actually, some of these should be inline-block and other values, but block works fine (TODO: rigorously verify this) */ /* HTML 4.01 */ #lema-container.lema-container, #lema-container.lema-container h3, #lema-container.lema-container h5, #lema-container.lema-container p, #lema-container.lema-container h1, #lema-container.lema-container dl, #lema-container.lema-container dt, #lema-container.lema-container h6, #lema-container.lema-container ol, #lema-container.lema-container form, #lema-container.lema-container select, #lema-container.lema-container option, #lema-container.lema-container pre, #lema-container.lema-container div, #lema-container.lema-container h2, #lema-container.lema-container caption, #lema-container.lema-container h4, #lema-container.lema-container ul, #lema-container.lema-container address, #lema-container.lema-container blockquote, #lema-container.lema-container dd, #lema-container.lema-container fieldset, #lema-container.lema-container textarea, #lema-container.lema-container hr, #lema-container.lema-container article, #lema-container.lema-container aside, #lema-container.lema-container dialog, #lema-container.lema-container figure, #lema-container.lema-container footer, #lema-container.lema-container header, #lema-container.lema-container hgroup, #lema-container.lema-container menu, #lema-container.lema-container nav, #lema-container.lema-container section { display: block; } #lema-container.lema-container table { display: table; } #lema-container.lema-container thead { display: table-header-group; } #lema-container.lema-container tbody { display: table-row-group; } #lema-container.lema-container tfoot { display: table-footer-group; } #lema-container.lema-container tr { display: table-row; } #lema-container.lema-container th, #lema-container.lema-container td { display: table-cell; } /* == SPECIFIC ELEMENTS == */ /* Some of these are browser defaults; some are just useful resets */ #lema-container.lema-container nav ul, #lema-container.lema-container nav ol { list-style-type: none; } #lema-container.lema-container ul, #lema-container.lema-container menu { list-style-type: disc; } #lema-container.lema-container ol { list-style-type: decimal; } #lema-container.lema-container ol ul, #lema-container.lema-container ul ul, #lema-container.lema-container menu ul, #lema-container.lema-container ol menu, #lema-container.lema-container ul menu, #lema-container.lema-container menu menu { list-style-type: circle; } #lema-container.lema-container ol ol ul, #lema-container.lema-container ol ul ul, #lema-container.lema-container ol menu ul, #lema-container.lema-container ol ol menu, #lema-container.lema-container ol ul menu, #lema-container.lema-container ol menu menu, #lema-container.lema-container ul ol ul, #lema-container.lema-container ul ul ul, #lema-container.lema-container ul menu ul, #lema-container.lema-container ul ol menu, #lema-container.lema-container ul ul menu, #lema-container.lema-container ul menu menu, #lema-container.lema-container menu ol ul, #lema-container.lema-container menu ul ul, #lema-container.lema-container menu menu ul, #lema-container.lema-container menu ol menu, #lema-container.lema-container menu ul menu, #lema-container.lema-container menu menu menu { list-style-type: square; } #lema-container.lema-container li { display: list-item; /* Fixes IE7 issue with positioning of nested bullets */ min-height: auto; min-width: auto; } #lema-container.lema-container strong { font-weight: bold; } #lema-container.lema-container em { font-style: italic; } #lema-container.lema-container kbd, #lema-container.lema-container samp, #lema-container.lema-container code { font-family: monospace; } #lema-container.lema-container a, #lema-container.lema-container a *, #lema-container.lema-container input[type=submit], #lema-container.lema-container input[type=radio], #lema-container.lema-container input[type=checkbox], #lema-container.lema-container select { cursor: pointer; } #lema-container.lema-container a:hover { text-decoration: underline; } #lema-container.lema-container button, #lema-container.lema-container input[type=submit] { text-align: center; } #lema-container.lema-container input[type=hidden] { display: none; } #lema-container.lema-container abbr[title], #lema-container.lema-container acronym[title], #lema-container.lema-container dfn[title] { cursor: help; border-bottom-width: 1px; border-bottom-style: dotted; } #lema-container.lema-container ins { background-color: #ff9; color: black; } #lema-container.lema-container del { text-decoration: line-through; } #lema-container.lema-container blockquote, #lema-container.lema-container q { quotes: none; /* HTML5 */ } #lema-container.lema-container blockquote:before, #lema-container.lema-container blockquote:after, #lema-container.lema-container q:before, #lema-container.lema-container q:after, #lema-container.lema-container li:before, #lema-container.lema-container li:after { content: ""; } #lema-container.lema-container input, #lema-container.lema-container select { vertical-align: middle; } #lema-container.lema-container select, #lema-container.lema-container textarea, #lema-container.lema-container input { border: 1px solid #ccc; } #lema-container.lema-container table { border-collapse: collapse; border-spacing: 0; } #lema-container.lema-container hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; } #lema-container.lema-container *[dir=rtl] { direction: rtl; } #lema-container.lema-container mark { background-color: #ff9; color: black; font-style: italic; font-weight: bold; } /* == ROOT CONTAINER ELEMENT == */ /* This contains default values for child elements to inherit */ #lema-container.lema-container { font-size: medium; line-height: 1; direction: ltr; text-align: left; font-family: "Times New Roman", Times, serif; /* Override this with whatever font-family is required */ color: black; font-style: normal; font-weight: normal; text-decoration: none; list-style-type: disc; } /*--------------------------------------------------- LESS Elements 0.9 --------------------------------------------------- A set of useful LESS mixins More info at: http://lesselements.com ---------------------------------------------------*/ /* Version: 3.4.0 Timestamp: Tue May 14 08:27:33 PDT 2013 */ #lema-container.lema-container { /* disabled styles */ /* multiselect */ /* disabled styles */ /* end multiselect */ } #lema-container.lema-container .select2-container { margin: 0; position: relative; display: inline-block; /* inline-block for ie7 */ zoom: 1; *display: inline; vertical-align: middle; } #lema-container.lema-container .select2-container, #lema-container.lema-container .select2-drop, #lema-container.lema-container .select2-search, #lema-container.lema-container .select2-search input { /* Force border-box so that % widths fit the parent container without overlap because of margin/padding. More Info : http://www.quirksmode.org/css/box.html */ -webkit-box-sizing: border-box; /* webkit */ -khtml-box-sizing: border-box; /* konqueror */ -moz-box-sizing: border-box; /* firefox */ -ms-box-sizing: border-box; /* ie */ box-sizing: border-box; /* css3 */ } #lema-container.lema-container .select2-container .select2-choice { display: block; height: 26px; padding: 0 0 0 8px; overflow: hidden; position: relative; border: 1px solid #aaa; white-space: nowrap; line-height: 26px; color: #444; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white)); background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%); background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%); background-image: -o-linear-gradient(bottom, #eeeeee 0%, #ffffff 50%); background-image: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); background-image: linear-gradient(top, #ffffff 0%, #eeeeee 50%); } #lema-container.lema-container .select2-container.select2-drop-above .select2-choice { border-bottom-color: #aaa; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.9, white)); background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 90%); background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 90%); background-image: -o-linear-gradient(bottom, #eeeeee 0%, white 90%); background-image: -ms-linear-gradient(top, #eeeeee 0%, #ffffff 90%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); background-image: linear-gradient(top, #eeeeee 0%, #ffffff 90%); } #lema-container.lema-container .select2-container.select2-allowclear .select2-choice span { margin-right: 42px; } #lema-container.lema-container .select2-container .select2-choice span { margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } #lema-container.lema-container .select2-container .select2-choice abbr { display: none; width: 12px; height: 12px; position: absolute; right: 24px; top: 8px; font-size: 1px; text-decoration: none; border: 0; background: url('img/select2/select2.png') right top no-repeat; cursor: pointer; outline: 0; } #lema-container.lema-container .select2-container.select2-allowclear .select2-choice abbr { display: inline-block; } #lema-container.lema-container .select2-container .select2-choice abbr:hover { background-position: right -11px; cursor: pointer; } #lema-container.lema-container .select2-drop-auto-width { border-top: 1px solid #aaa; width: auto; } #lema-container.lema-container .select2-drop-auto-width .select2-search { padding-top: 4px; } #lema-container.lema-container .select2-container .select2-choice div { display: inline-block; width: 18px; height: 100%; position: absolute; right: 0; top: 0; border-left: 1px solid #aaa; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; background: #ccc; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #cccccc), color-stop(0.6, #eeeeee)); background-image: -webkit-linear-gradient(center bottom, #cccccc 0%, #eeeeee 60%); background-image: -moz-linear-gradient(center bottom, #cccccc 0%, #eeeeee 60%); background-image: -o-linear-gradient(bottom, #cccccc 0%, #eeeeee 60%); background-image: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 60%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0); background-image: linear-gradient(top, #cccccc 0%, #eeeeee 60%); } #lema-container.lema-container .select2-container .select2-choice div b { display: block; width: 100%; height: 100%; background: url('img/select2/select2.png') no-repeat 0 1px; } #lema-container.lema-container .select2-container-active .select2-choice, #lema-container.lema-container .select2-container-active .select2-choices { border: 1px solid #5897fb; outline: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } #lema-container.lema-container .select2-dropdown-open.select2-drop-above .select2-choice, #lema-container.lema-container .select2-dropdown-open.select2-drop-above .select2-choices { border: 1px solid #5897fb; border-top-color: transparent; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(0.5, #eeeeee)); background-image: -webkit-linear-gradient(center top, white 0%, #eeeeee 50%); background-image: -moz-linear-gradient(center top, white 0%, #eeeeee 50%); background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%); background-image: -ms-linear-gradient(bottom, #ffffff 0%, #eeeeee 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); background-image: linear-gradient(bottom, #ffffff 0%, #eeeeee 50%); } #lema-container.lema-container .select2-dropdown-open .select2-choice div b { background-position: -18px 1px; } #lema-container.lema-container .select2-container.select2-container-disabled .select2-choice { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } #lema-container.lema-container .select2-container.select2-container-disabled .select2-choice div { background-color: #f4f4f4; background-image: none; border-left: 0; } #lema-container.lema-container .select2-container.select2-container-disabled .select2-choice abbr { display: none; } #lema-container.lema-container .select2-container-multi .select2-choices { height: auto !important; height: 1%; margin: 0; padding: 0; position: relative; border: 1px solid #aaa; cursor: text; overflow: hidden; background-color: #fff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background-image: -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%); } #lema-container.lema-container .select2-locked { padding: 3px 5px 3px 5px !important; } #lema-container.lema-container .select2-container-multi .select2-choices { min-height: 26px; } #lema-container.lema-container .select2-container-multi.select2-container-active .select2-choices { border: 1px solid #5897fb; outline: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } #lema-container.lema-container .select2-container-multi .select2-choices li { float: left; list-style: none; } #lema-container.lema-container .select2-container-multi .select2-choices .select2-search-field { margin: 0; padding: 0; white-space: nowrap; } #lema-container.lema-container .select2-container-multi .select2-choices .select2-search-field input { padding: 5px; margin: 1px 0; font-family: sans-serif; font-size: 100%; color: #666; outline: 0; border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: transparent !important; } #lema-container.lema-container .select2-container-multi .select2-choices .select2-search-field input.select2-active { background: #ffffff url('img/select2/select2-spinner.gif') no-repeat 100% !important; } #lema-container.lema-container .select2-default { color: #999 !important; } #lema-container.lema-container .select2-container-multi .select2-choices .select2-search-choice { padding: 3px 5px 3px 18px; margin: 3px 0 3px 5px; position: relative; line-height: 13px; color: #333; cursor: default; border: 1px solid #aaaaaa; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #e4e4e4; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); } #lema-container.lema-container .select2-container-multi .select2-choices .select2-search-choice span { cursor: default; } #lema-container.lema-container .select2-container-multi .select2-choices .select2-search-choice-focus { background: #d4d4d4; } #lema-container.lema-container .select2-search-choice-close { display: block; width: 12px; height: 13px; position: absolute; right: 3px; top: 4px; font-size: 1px; outline: none; background: url('img/select2/select2.png') right top no-repeat; } #lema-container.lema-container .select2-container-multi .select2-search-choice-close { left: 3px; } #lema-container.lema-container .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover { background-position: right -11px; } #lema-container.lema-container .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close { background-position: right -11px; } #lema-container.lema-container .select2-container-multi.select2-container-disabled .select2-choices { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } #lema-container.lema-container .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { padding: 3px 5px 3px 5px; border: 1px solid #ddd; background-image: none; background-color: #f4f4f4; } #lema-container.lema-container .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { display: none; background: none; } #lema-container.lema-container .select2-result-selectable .select2-match, #lema-container.lema-container .select2-result-unselectable .select2-match { text-decoration: underline; } #lema-container.lema-container .select2-offscreen, #lema-container.lema-container .select2-offscreen:focus { clip: rect(0 0 0 0); width: 1px; height: 1px; border: 0; margin: 0; padding: 0; overflow: hidden; position: absolute; outline: 0; left: 0px; } #lema-container.lema-container .select2-display-none { display: none; } #lema-container.lema-container .select2-measure-scrollbar { position: absolute; top: -10000px; left: -10000px; width: 100px; height: 100px; overflow: scroll; } .select2-drop { width: 100%; margin-top: -1px; position: absolute; z-index: 9999; top: 100%; background: #fff; color: #000; border: 1px solid #aaa; border-top: 0; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); } .select2-drop.select2-drop-above { margin-top: 1px; border-top: 1px solid #aaa; border-bottom: 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); } .select2-search { display: inline-block; min-height: 26px; margin: 0; padding-left: 4px; padding-right: 4px; position: relative; z-index: 10000; white-space: nowrap; } .select2-search input { width: 100%; height: auto !important; min-height: 26px; padding: 4px 20px 4px 5px; margin: 0; outline: 0; font-family: sans-serif; font-size: 1em; border: 1px solid #aaa; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #ffffff url('img/select2/select2.png') no-repeat 100% -22px; background: url('img/select2/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); background: url('img/select2/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('img/select2/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('img/select2/select2.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%); background: url('img/select2/select2.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%); background: url('img/select2/select2.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%); } .select2-drop.select2-drop-above .select2-search input { margin-top: 4px; } .select2-search input.select2-active { background: #ffffff url('img/select2/select2-spinner.gif') no-repeat 100%; background: url('img/select2/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); background: url('img/select2/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('img/select2/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('img/select2/select2-spinner.gif') no-repeat 100%, -o-linear-gradient(bottom, white 85%, #eeeeee 99%); background: url('img/select2/select2-spinner.gif') no-repeat 100%, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%); background: url('img/select2/select2-spinner.gif') no-repeat 100%, linear-gradient(top, #ffffff 85%, #eeeeee 99%); } .select2-dropdown-open .select2-choice { border-bottom-color: transparent; -webkit-box-shadow: 0 1px 0 #fff inset; -moz-box-shadow: 0 1px 0 #fff inset; box-shadow: 0 1px 0 #fff inset; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; background-color: #eee; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee)); background-image: -webkit-linear-gradient(center bottom, white 0%, #eeeeee 50%); background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%); background-image: -o-linear-gradient(bottom, white 0%, #eeeeee 50%); background-image: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); background-image: linear-gradient(top, #ffffff 0%, #eeeeee 50%); } .select2-dropdown-open .select2-choice div { background: transparent; border-left: none; filter: none; } /* results */ .select2-results { max-height: 200px; padding: 0 0 0 4px; margin: 4px 4px 4px 0; position: relative; overflow-x: hidden; overflow-y: auto; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .select2-results ul.select2-result-sub { margin: 0; padding-left: 0; } .select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px; } .select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px; } .select2-results li { list-style: none; display: list-item; background-image: none; } .select2-results li.select2-result-with-children > .select2-result-label { font-weight: bold; } .select2-results .select2-result-label { padding: 5px 7px 5px; margin: 0; cursor: pointer; min-height: 1em; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .select2-results .select2-highlighted { background: #3875d7; color: #fff; } .select2-results li em { background: #feffde; font-style: normal; } .select2-results .select2-highlighted em { background: transparent; } .select2-results .select2-highlighted ul { background: white; color: #000; } .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit { background: #f4f4f4; display: list-item; } /* disabled look for disabled choices in the results dropdown */ .select2-results .select2-disabled.select2-highlighted { color: #666; background: #f4f4f4; display: list-item; cursor: default; } .select2-results .select2-disabled { background: #f4f4f4; display: list-item; cursor: default; } .select2-results .select2-selected { display: none; } .select2-more-results.select2-active { background: #f4f4f4 url('img/select2/select2-spinner.gif') no-repeat 100%; } .select2-more-results { background: #f4f4f4; display: list-item; } .select2-search-hidden { display: block; position: absolute; left: -10000px; } .select2-drop-mask { display: none !important; position: absolute; left: 0; top: 0; z-index: 9998; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; } .clearfix:after { clear: both; } .vertical-align-container { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .vertical-align { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .vertical-align-container-ie8 { display: table-cell; vertical-align: middle; } /* webfonts ------------------------------------------------------------------------------------- */ .font-helvetica { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .select2-drop { -webkit-box-shadow: 0 0 0 0 0; -moz-box-shadow: 0 0 0 0 0; box-shadow: 0 0 0 0 0; -webkit-box-shadow: 0 0 0 0 0 0 1px #000000; -moz-box-shadow: 0 0 0 0 0 0 1px #000000; box-shadow: 0 0 0 0 0 0 1px #000000; margin-top: 0; } .select2-drop.select2-drop-above { margin-top: 0; } .select2-drop-active { border: none !important; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; -moz-background-clip: padding-box; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; margin-top: 2px; } .select2-search { padding: 5px; } .select2-results { margin: 0; padding: 0; } .select2-results li { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; font-family: "Trade Gothic Next W01"; font-size: 17px; font-weight: normal; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-left: 10px; color: #362c2c; } .select2-results .select2-highlighted { background: #362c2c; } #lema-container.lema-container { max-width: 620px; margin: 0; } #lema-container.lema-container .lema-development { border: red 1px dotted; padding: 20px; margin-top: 20px; } #lema-container.lema-container .lema-development h3 { font-size: 16px; margin-bottom: 10px; } #lema-container.lema-container .lema-development ul { margin-bottom: 20px; list-style-type: inside; } #lema-container.lema-container input.getunik-radio { position: absolute; z-index: -1000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } #lema-container.lema-container input.getunik-radio + label { position: relative; min-height: 22px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; padding-left: 40px; vertical-align: middle; cursor: pointer; } #lema-container.lema-container input.getunik-radio + label:before { content: ''; position: absolute; top: 0; left: 0; width: 22px; height: 22px; background-image: url("img/lema_radio_unchecked.svg"); background-size: 22px 22px; background-repeat: no-repeat; background-position: 0 0; } #lema-container.lema-container input.getunik-radio:checked + label { color: #362c2c; } #lema-container.lema-container input.getunik-radio:checked + label:before { background-image: url("img/lema_radio_checked.svg"); } #lema-container.lema-container input.getunik-checkbox { position: absolute; z-index: -1000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } #lema-container.lema-container input.getunik-checkbox + label { min-height: 22px; position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left: 40px; display: inline-block; vertical-align: middle; cursor: pointer; } #lema-container.lema-container input.getunik-checkbox + label:before { content: ''; position: absolute; top: 0; left: 0; width: 22px; height: 22px; background-image: url("img/lema_checkbox_unchecked.svg"); background-size: 22px 22px; background-repeat: no-repeat; background-position: 0 0; } #lema-container.lema-container input.getunik-checkbox:checked + label { color: #362c2c; } #lema-container.lema-container input.getunik-checkbox:checked + label:before { background-image: url("img/lema_checkbox_checked.svg"); } #lema-container.lema-container .lema-tabs { *zoom: 1; padding-left: 0; list-style-type: none; display: block; } #lema-container.lema-container .lema-tabs:before, #lema-container.lema-container .lema-tabs:after { display: table; content: ""; } #lema-container.lema-container .lema-tabs:after { clear: both; } #lema-container.lema-container .lema-tabs li a { margin-bottom: 10px; padding: 10px; display: block; line-height: 1; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; font-family: "Trade Gothic Next W01"; font-size: 17px; font-weight: normal; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none; color: #362c2c; border: #e4dfd8 1px solid; } #lema-container.lema-container .lema-tabs li.active > a, #lema-container.lema-container .lema-tabs li.active > a:hover, #lema-container.lema-container .lema-tabs li.active > a:focus { color: #362c2c; border: #362c2c 1px solid; } #lema-container.lema-container .lema-expire-wrapper, #lema-container.lema-container .lema-cvc-wrapper { display: inline-block; position: relative; } #lema-container.lema-container .lema-expire-wrapper input.lema-input-text-small, #lema-container.lema-container .lema-cvc-wrapper input.lema-input-text-small { width: 80px; margin-left: 0; } #lema-container.lema-container .lema-cvc-popup { display: inline-block; position: absolute; top: -11px; left: 60px; } #lema-container.lema-container .lema-step-row-cc-icons { text-align: right; } #lema-container.lema-container .lema-cc-icon { width: 38px; height: 26px; display: inline-block; margin-right: 5px; background-size: contain; background-position: top left; background-repeat: no-repeat; } #lema-container.lema-container .lema-cc-icon.active { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); } #lema-container.lema-container .lema-cc-icon.inactive { -moz-opacity: 0.2; -khtml-opacity: 0.2; -webkit-opacity: 0.2; opacity: 0.2; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20); filter: alpha(opacity=20); } #lema-container.lema-container .lema-cc-icon-visa { background-image: url('img/visa.png'); } #lema-container.lema-container .lema-cc-icon-amx { background-image: url('img/amx.png'); } #lema-container.lema-container .lema-cc-icon-master { background-image: url('img/master.png'); } #lema-container.lema-container .lema-cc-icon-diners { background: url("img/diners.png") top left no-repeat; } #lema-container.lema-container .lema-cc-icon-jcb { background: url("img/jcb.png") top left no-repeat; } #lema-container.lema-container .lema-pf-icon { width: 68px; height: 44px; display: inline-block; vertical-align: middle; margin-right: 20px; margin-bottom: 10px; } #lema-container.lema-container .lema-pf-icon-pfc { background: url('img/icon_pf_card.png') top left no-repeat; } #lema-container.lema-container .lema-pf-icon-pef { background: url('img/icon_pf_efinance.png') top left no-repeat; } #lema-container.lema-container .lema-loading-text { position: relative; top: 20px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-family: "Trade Gothic Next W01"; font-size: 17px; font-weight: normal; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 13px; color: #362c2c; } #lema-container.lema-container .lema-overlay { display: none; position: absolute; width: 100%; top: 0; left: 0; z-index: 3; background: #ffffff; -webkit-box-shadow: 0 0 50px 10px rgba(150, 150, 150, 0.6); -moz-box-shadow: 0 0 50px 10px rgba(150, 150, 150, 0.6); box-shadow: 0 0 50px 10px rgba(150, 150, 150, 0.6); -webkit-box-shadow: 0 0 50px 10px rgba(150, 150, 150, 0.6) 0 1px #000000; -moz-box-shadow: 0 0 50px 10px rgba(150, 150, 150, 0.6) 0 1px #000000; box-shadow: 0 0 50px 10px rgba(150, 150, 150, 0.6) 0 1px #000000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #362c2c; } #lema-container.lema-container .lema-overlay h3, #lema-container.lema-container .lema-overlay h4 { color: #362c2c; } #lema-container.lema-container .lema-overlay iframe { width: 100% !important; height: 100% !important; } #lema-container.lema-container .lema-overlay-bg { background: rgba(0, 0, 0, 0.8); } #lema-container.lema-container .lema-overlay-loading { -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 300px; } #lema-container.lema-container .lema-overlay-header { background: #504741; min-height: 55px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; font-family: "Trade Gothic Next W01"; font-size: 17px; font-weight: normal; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #ffffff; line-height: 55px; padding-left: 10px; padding-right: 60px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 10px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } #lema-container.lema-container .lema-overlay-footer { text-align: center; min-height: 75px; background: url("img/overlay_strahlberg.png") top center no-repeat; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; font-family: "Trade Gothic Next W01"; font-size: 17px; font-weight: normal; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #lema-container.lema-container .lema-overlay-footer .lema-button-secondary { margin-top: 20px; } #lema-container.lema-container .lema-overlay-footer .lema-linklist { padding-top: 25px; } #lema-container.lema-container .lema-overlay-footer .lema-linklist a { text-decoration: none; } #lema-container.lema-container .lema-overlay-footer .lema-linklist a:hover { text-decoration: underline; } #lema-container.lema-container .lema-overlay-big { width: 100%; } #lema-container.lema-container .lema-overlay-small { width: 380px; left: 50%; margin: 20px; margin-left: -210px; } #lema-container.lema-container .lema-overlay-close { display: block; width: 22px; height: 22px; background: url("img/overlay_big_close.png") top left no-repeat; position: absolute; top: 17px; right: 20px; } #lema-container.lema-container .lema-overlay-content { padding: 30px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-family: "Trade Gothic Next W01"; font-size: 17px; font-weight: normal; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #362c2c; position: relative; } #lema-container.lema-container .lema-overlay-content b { font-weight: bold; } #lema-container.lema-container .lema-overlay-content p { margin-bottom: 12px; } #lema-container.lema-container .lema-overlay-content-sms { padding: 30px 10px 30px 10px; min-height: 240px; } #lema-container.lema-container .lema-overlay-content-loading { -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 300px; height: 100%; } #lema-container.lema-container .lema-overlay-content-error { padding: 30px 10px 30px 10px; } #lema-container.lema-container .lema-timer { position: relative; margin: 0 auto; width: 164px; height: 196px; margin-top: 20px; background: url('img/phone.png') top left no-repeat; } #lema-container.lema-container .lema-timer-countdown { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 34px; font-family: "Trade Gothic Next W01"; font-size: 17px; font-weight: normal; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #ffffff; position: absolute; top: 24px; right: 10px; } #lema-container.lema-container .lema-timer-info { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-family: "Trade Gothic Next W01"; font-size: 17px; font-weight: normal; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1.6; width: 115px; position: absolute; right: -55px; bottom: 25px; } #lema-container.lema-container .lema-linklist { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; font-family: "Trade Gothic Next W01"; font-size: 17px; font-weight: normal; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; } #lema-container.lema-container .lema-linklist li { display: inline-block; padding: 0 10px; border-right: #362c2c 1px solid; } #lema-container.lema-container .lema-linklist li:last-child { border-right: none; } #lema-container.lema-container .lema-linklist a { color: #362c2c; text-decoration: underline; } #lema-container.lema-container .lema-linklist a:hover { color: #372c2c; } #lema-container.lema-container .lema-loading-spinner { display: block; margin: 0 auto; position: absolute; top: 50%; margin-top: -16px; left: 50%; margin-left: -16px; } #lema-container.lema-container button::-moz-focus-inner { border: 0 !important; } #lema-container.lema-container a { outline: 0 !important; } #lema-container.lema-container textarea:focus, #lema-container.lema-container input:focus, #lema-container.lema-container a:focus { outline: 0 !important; } #lema-container.lema-container .lema-hidden { display: none; } #lema-container.lema-container .lema-clearfix:before, #lema-container.lema-container .lema-clearfix:after { content: " "; display: table; } #lema-container.lema-container .lema-clearfix:after { clear: both; } #lema-container.lema-container .lema-center-container { text-align: center; } #lema-container.lema-container .pull-left { float: left; } #lema-container.lema-container .pull-right { float: right; } #lema-container.lema-container input[type="radio"]:hover, #lema-container.lema-container label:hover { cursor: pointer; } #lema-container.lema-container .lema-button-group { margin-top: 25px; } #lema-container.lema-container .lema-button-group .lema-button { margin-right: 0; margin-bottom: 10px; } #lema-container.lema-container .lema-button-group .lema-button:last-child { margin-right: 0; } #lema-container.lema-container .lema-button { display: block; background: #362c2c; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #ffffff; text-decoration: none; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 22px; font-family: "Trade Gothic Next W01"; font-size: 17px; font-weight: normal; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; padding: 10px; } #lema-container.lema-container .lema-button:hover, #lema-container.lema-container .lema-button.active { -moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter: alpha(opacity=80); text-decoration: none; } #lema-container.lema-container .lema-button-donate { margin-top: 25px; } #lema-container.lema-container .lema-button-secondary { display: inline-block; background: none; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; padding: 5px 15px; min-width: 150px; color: #362c2c; font-size: 17px; -webkit-box-shadow: #9a9d9d 0 0 0 1px, #ffffff 0 0 0 3px, #e5e6e6 0 0 0 5px; -moz-box-shadow: #9a9d9d 0 0 0 1px, #ffffff 0 0 0 3px, #e5e6e6 0 0 0 5px; box-shadow: #9a9d9d 0 0 0 1px, #ffffff 0 0 0 3px, #e5e6e6 0 0 0 5px; } #lema-container.lema-container .lema-button-small { display: inline-block; background: #362c2c; border: #362c2c 5px solid; padding: 5px 15px; min-width: 150px; font-size: 17px; } #lema-container.lema-container .lema-wrapper { position: relative; width: 100%; min-height: 300px; } #lema-container.lema-container .lema-wrapper label { display: inline; font-weight: normal; } #lema-container.lema-container .lema-wrapper .lema-error-messages { padding-top: 10px; } #lema-container.lema-container .lema-wrapper .lema-error-messages label { display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-family: "Trade Gothic Next W01"; font-size: 17px; font-weight: normal; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #b92346; margin-bottom: 5px; } #lema-container.lema-container .lema-wrapper .lema-error-messages label:last-child { margin-bottom: 0; } #lema-container.lema-container .lema-wrapper .lema-error-label { display: block; width: 100%; padding: 10px 10px 10px 35px; background: #fdeee7 url('img/error_label_icon.png') 10px 50% no-repeat; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-family: "Trade Gothic Next W01"; font-size: 17px; font-weight: normal; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #b92346; margin-bottom: 1px; } #lema-container.lema-container .lema-wrapper .lema-error-label:hover { background: #fbded0 url('img/error_label_icon.png') 10px 50% no-repeat; } #lema-container.lema-container .lema-wrapper .lema-step { border: none !important; margin-bottom: 30px; background: #f6f2f0; background-size: contain; } #lema-container.lema-container .lema-wrapper .lema-content { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-family: "Trade Gothic Next W01"; font-size: 17px; font-weight: normal; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #362c2c; font-size: 14px; } #lema-container.lema-container .lema-wrapper .lema-step-row { position: relative; min-height: 0px; line-height: 1.2; padding: 10px 0 10px 0; } #lema-container.lema-container .lema-wrapper .lema-step-row .lema-label-custom { display: inline-block; } #lema-container.lema-container .lema-wrapper .lema-step-row-amounts { border-top: #e4dfd8 1px solid; padding-top: 30px; margin-top: 10px; } #lema-container.lema-container .lema-wrapper .lema-step-row.lema-error { position: relative; } #lema-container.lema-container .lema-wrapper .lema-step-row.lema-error input[type=radio] + label { color: #b92346; } #lema-container.lema-container .lema-wrapper .lema-step-row.lema-error:after { position: absolute; top: 23px; right: -30px; display: block; content: ""; width: 18px; height: 18px; background: url('img/lema_error.svg') top right no-repeat; } #lema-container.lema-container .lema-wrapper .lema-step-row-input-right.lema-error:after { top: 53px; } #lema-container.lema-container .lema-wrapper input[type=text].lema-error { border-color: #b92346; color: #b92346; background: #fdf7f9; } #lema-container.lema-container .lema-wrapper .lema-step-row.lema-ok, #lema-container.lema-container .lema-wrapper .lema-step-row.lema-valid { position: relative; } #lema-container.lema-container .lema-wrapper .lema-step-row.lema-ok:after, #lema-container.lema-container .lema-wrapper .lema-step-row.lema-valid:after { position: absolute; top: 25px; right: -30px; display: block; content: ""; width: 18px; height: 18px; background: url('img/lema_ok.svg') top right no-repeat; } #lema-container.lema-container .lema-wrapper .lema-step-row-input-right { text-align: left; } #lema-container.lema-container .lema-wrapper .lema-step-row-text { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-family: "Trade Gothic Next W01"; font-size: 17px; font-weight: normal; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #362c2c; } #lema-container.lema-container .lema-wrapper .lema-step-header { position: relative; border-bottom: #362c2c 1px solid; padding-top: 13px; padding-bottom: 13px; background: #f6f2f0; } #lema-container.lema-container .lema-wrapper .lema-step-header-text { color: #362c2c; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; font-family: "Trade Gothic Next W01"; font-size: 17px; font-weight: normal; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-left: 40px; } #lema-container.lema-container .lema-wrapper .lema-step-header-text-no-padding { padding-left: 0; } #lema-container.lema-container .lema-wrapper .lema-step-number { position: absolute; top: 12px; left: 0; z-index: 1; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Trade Gothic Next W01"; font-size: 17px; font-weight: normal; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #362c2c; } #lema-container.lema-container .lema-wrapper .lema-step-number span { display: inline-block; background: transparent; width: 27px; height: 27px; -webkit-border-top-right-radius: 50%; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 50%; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; border-top-right-radius: 50%; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; -moz-background-clip: padding-box; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 2px solid #362c2c; text-align: center; line-height: 27px; } #lema-container.lema-container .lema-wrapper .lema-step-content { -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: table; padding: 30px 40px 30px 15px; width: 100%; position: relative; border: 0 !important; background: #f6f2f0; } #lema-container.lema-container .lema-wrapper .lema-text-center { text-align: center; } #lema-container.lema-container .lema-wrapper .lema-payment-tab img { display: inline-block; vertical-align: middle; margin-right: 20px; } #lema-container.lema-container .lema-wrapper .lema-payment-tab-ezs { padding-top: 20px; } #lema-container.lema-container .lema-wrapper .lema-payment-aside { display: none; } #lema-container.lema-container .lema-wrapper .lema-payment-aside.active { display: block; } #lema-container.lema-container .lema-wrapper .lema-success-content { padding-left: 60px; background: url('img/success_icon.png') top left no-repeat; } #lema-container.lema-container .lema-wrapper .lema-success-content h3 { font-size: 20px; color: #333333; margin-bottom: 10px; } #lema-container.lema-container .lema-wrapper .lema-success-content p { margin-bottom: 20px; } #lema-container.lema-container .lema-wrapper .lema-success-content p a { text-decoration: underline; color: #362c2c; } #lema-container.lema-container .lema-wrapper .lema-info-icon { display: inline-block; position: relative; letter-spacing: 1px; margin-top: 10px; margin-bottom: 10px; padding-left: 30px; height: 20px; vertical-align: middle; } #lema-container.lema-container .lema-wrapper .lema-info-icon:before { content: ''; position: absolute; top: 0; left: 0; width: 20px; height: 20px; background-image: url('img/lema_info.svg'); background-size: 20px 20px; background-repeat: no-repeat; background-position: 0 0; } #lema-container.lema-container .lema-wrapper .lema-info-icon:hover:before, #lema-container.lema-container .lema-wrapper .lema-info-icon.active:before { background-image: url("img/lema_info_hover.svg"); } #lema-container.lema-container .lema-wrapper .lema-popup { display: none; position: absolute; right: 0px; width: 300px; background: #504741; z-index: 3; -webkit-box-shadow: 0 0 50px 10px rgba(150, 150, 150, 0.6); -moz-box-shadow: 0 0 50px 10px rgba(150, 150, 150, 0.6); box-shadow: 0 0 50px 10px rgba(150, 150, 150, 0.6); -webkit-box-shadow: 0 0 50px 10px rgba(150, 150, 150, 0.6) 0 1px #000000; -moz-box-shadow: 0 0 50px 10px rgba(150, 150, 150, 0.6) 0 1px #000000; box-shadow: 0 0 50px 10px rgba(150, 150, 150, 0.6) 0 1px #000000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #lema-container.lema-container .lema-wrapper .lema-popup p { margin-top: 0; } #lema-container.lema-container .lema-wrapper .lema-popup.open { display: block; } #lema-container.lema-container .lema-wrapper .lema-popup-images { margin-top: 10px; } #lema-container.lema-container .lema-wrapper .lema-popup-close { display: block; width: 22px; height: 22px; position: absolute; top: 15px; right: 15px; background: url('img/lema_popup_close.png') top right no-repeat; } #lema-container.lema-container .lema-wrapper .lema-popup-content { text-align: left; display: block; overflow: hidden; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-family: "Trade Gothic Next W01"; font-size: 17px; font-weight: normal; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #ffffff; padding: 30px; } #lema-container.lema-container .lema-wrapper .lema-popup-edge { width: 100%; height: 14px; background: url('img/lema_popup_edge.png') bottom center no-repeat; position: absolute; bottom: -14px; } #lema-container.lema-container .lema-wrapper .lema-member-item { position: relative; padding-top: 40px; padding-bottom: 10px; background: url('img/person_divider.png') top center no-repeat; } #lema-container.lema-container .lema-wrapper .lema-member-delete { display: block; width: 17px; height: 17px; background: url('img/member_delete.png') top center no-repeat; position: absolute; top: 55px; right: 0; z-index: 1; } #lema-container.lema-container .lema-wrapper .lema-member-add { display: block; text-align: center; min-height: 45px; background: #f4f4f4 url('img/member_strahlberg.png') top center no-repeat; background-size: contain; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-family: "Trade Gothic Next W01"; font-size: 17px; font-weight: normal; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #362c2c; text-decoration: none; padding-top: 13px; margin-bottom: 25px; } #lema-container.lema-container .lema-wrapper .lema-member-add:hover { -moz-opacity: 0.7; -khtml-opacity: 0.7; -webkit-opacity: 0.7; opacity: 0.7; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); filter: alpha(opacity=70); } #lema-container.lema-container .lema-wrapper .lema-member-add span { background: url('img/member_plus.png') center left no-repeat; padding-left: 28px; } #lema-container.lema-container .lema-wrapper .lema-member-delete-overlay { display: none; position: absolute; -webkit-box-shadow: 0 0 50px 10px rgba(150, 150, 150, 0.6); -moz-box-shadow: 0 0 50px 10px rgba(150, 150, 150, 0.6); box-shadow: 0 0 50px 10px rgba(150, 150, 150, 0.6); -webkit-box-shadow: 0 0 50px 10px rgba(150, 150, 150, 0.6) 0 1px #000000; -moz-box-shadow: 0 0 50px 10px rgba(150, 150, 150, 0.6) 0 1px #000000; box-shadow: 0 0 50px 10px rgba(150, 150, 150, 0.6) 0 1px #000000; top: 0; left: 0; height: 270px; width: 100%; z-index: 1; background: #ffffff url('img/delete_info_icon.png') 50% 20% no-repeat; color: #362c2c; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-family: "Trade Gothic Next W01"; font-size: 17px; font-weight: normal; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: bold; text-align: center; } #lema-container.lema-container .lema-wrapper .lema-member-delete-overlay-content { padding: 120px 20px 20px 20px; } #lema-container.lema-container .lema-wrapper .lema-step-row-checkbox a.lema-popup-open { top: 13px; right: 0; } #lema-container.lema-container .lema-wrapper .lema-step-row-checkbox .lema-popup { bottom: 55px; right: -10px; } #lema-container.lema-container .lema-wrapper .lema-payment-tab-cc { padding-left: 20px; padding-right: 40px; } #lema-container.lema-container .lema-wrapper .lema-input-text { -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; width: 100%; height: 46px; /*36*/ border: #e4dfd8 1px solid; padding: 0 20px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-family: "Trade Gothic Next W01"; font-size: 17px; font-weight: normal; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #362c2c; } #lema-container.lema-container .lema-wrapper .lema-input-text::-webkit-input-placeholder { color: #aa9d91; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-family: "Trade Gothic Next W01"; font-size: 17px; line-height: 1.2; font-weight: normal; letter-spacing: 1px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #lema-container.lema-container .lema-wrapper .lema-input-text:-ms-input-placeholder { color: #aa9d91; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-family: "Trade Gothic Next W01"; font-size: 17px; line-height: 1.2; font-weight: normal; letter-spacing: 1px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #lema-container.lema-container .lema-wrapper .lema-input-text:hover { background: #ffffff; } #lema-container.lema-container .lema-wrapper .lema-input-text:focus { border: #362c2c 1px solid; background: #ffffff; } #lema-container.lema-container .lema-wrapper .lema-input-text.error { border: #b92346 1px solid; background: #fcecec; } #lema-container.lema-container .lema-wrapper .lema-input-textarea { -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; width: 100%; border: #e4dfd8 1px solid; padding: 10px 20px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-family: "Trade Gothic Next W01"; font-size: 17px; font-weight: normal; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #362c2c; } #lema-container.lema-container .lema-wrapper .lema-input-textarea::-webkit-input-placeholder { color: #aa9d91; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-family: "Trade Gothic Next W01"; font-size: 17px; line-height: 1.2; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #lema-container.lema-container .lema-wrapper .lema-input-textarea:-moz-placeholder { /* Firefox 18- */ color: #aa9d91; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-family: "Trade Gothic Next W01"; font-size: 17px; line-height: 1.2; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #lema-container.lema-container .lema-wrapper .lema-input-textarea::-moz-placeholder { /* Firefox 19+ */ color: #aa9d91; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-family: "Trade Gothic Next W01"; font-size: 17px; line-height: 1.2; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #lema-container.lema-container .lema-wrapper .lema-input-textarea:-ms-input-placeholder { color: #aa9d91; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-family: "Trade Gothic Next W01"; font-size: 17px; line-height: 1.2; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #lema-container.lema-container .lema-wrapper .lema-input-textarea:hover { background: #ffffff; } #lema-container.lema-container .lema-wrapper .lema-input-textarea:focus { border: #362c2c 1px solid; background: #ffffff; } #lema-container.lema-container .lema-wrapper .lema-input-textarea.error { border: #b92346 1px solid; background: #fcecec; } #lema-container.lema-container .lema-wrapper .lema-input-text-small { display: inline-block; width: 85px; vertical-align: middle; margin-left: 20px; text-align: center; } #lema-container.lema-container .lema-wrapper .lema-pseudo-label + .lema-input-text-small { margin-left: 0; } #lema-container.lema-container .lema-wrapper .lema-cvc-popup + .lema-input-text-small { margin-left: 0; } #lema-container.lema-container .lema-wrapper .lema-input-text-birthday { display: inline-block; width: 75px; vertical-align: middle; margin-left: 0; margin-right: 0; padding-left: 5px; padding-right: 5px; text-align: center; } #lema-container.lema-container .lema-wrapper .lema-pseudo-label { display: block; height: 30px; vertical-align: middle; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Trade Gothic Next W01"; font-size: 17px; font-weight: normal; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #362c2c; font-size: 14px; } #lema-container.lema-container .lema-wrapper label.radio-error { color: #b92346; } #lema-container.lema-container .lema-wrapper .lema-radio-label { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; font-family: "Trade Gothic Next W01"; font-size: 17px; font-weight: normal; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 22px; margin-right: 20px; margin-bottom: 10px; } #lema-container.lema-container .lema-wrapper .lema-radio-label-interval { margin-top: 10px; display: block !important; } #lema-container.lema-container .lema-wrapper .lema-radio-label-interval:before { height: 36px !important; background-position: 0 12px !important; } #lema-container.lema-container .lema-wrapper .lema-checkbox-label { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; font-family: "Trade Gothic Next W01"; font-size: 17px; font-weight: normal; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 22px; color: #362c2c; } #lema-container.lema-container .lema-wrapper textarea.lema-textarea { margin-bottom: 30px; background: #ffffff; width: 96%; height: 77px; border: #e4dfd8 1px solid; padding: 8px; outline: none; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-family: "Trade Gothic Next W01"; font-size: 17px; font-weight: normal; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; color: #362c2c; } #lema-container.lema-container .lema-wrapper .lema-amount-custom-input-container { position: absolute; top: 0; left: 29px; display: none; background: #f6f2f0; height: 60px; } #lema-container.lema-container .lema-wrapper .lema-amount-custom-input { padding: 0 !important; width: 150px; position: relative; top: 0; font-size: 18px !important; font-weight: bold !important; color: #333333 !important; background: none !important; border: none !important; border-bottom: #333333 1px solid !important; line-height: 30px; } #lema-container.lema-container .lema-wrapper .lema-amount-box { -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 90px; height: 90px; background: #f6f2f0; border: #e4dfd8 1px solid; padding: 10px; float: left; margin-right: 20px; margin-bottom: 20px; cursor: pointer; } #lema-container.lema-container .lema-wrapper .lema-amount-box.lema-active { border: #362c2c 1px solid; color: #362c2c; } #lema-container.lema-container .lema-wrapper .lema-amount-box span { cursor: pointer; } #lema-container.lema-container .lema-wrapper .lema-amount-box-custom { margin-right: 0; } #lema-container.lema-container .lema-wrapper .lema-amount-box-custom-input { width: 70px; position: absolute; top: 27px; left: 10px; margin: 0; padding-left: 5px; padding-right: 5px; } #lema-container.lema-container .lema-wrapper .lema-amount-box-currency { font-size: 10px; display: block; margin-bottom: 2px; } #lema-container.lema-container .lema-wrapper .lema-amount-box-amount { display: block; font-size: 35px; text-align: center; } #lema-container.lema-container .lema-wrapper .lema-label-custom { padding-left: 0 !important; position: relative; top: -1px; line-height: 63px; vertical-align: middle; margin-right: 5px; } #lema-container.lema-container .lema-wrapper .lema-select2-replace { display: block !important; } #lema-container.lema-container .lema-wrapper .lema-select2-replace.error { border: #b92346 1px solid; background: #fcecec; } #lema-container.lema-container .lema-subscription-detail-table tr td { padding-bottom: 5px; } #lema-container.lema-container .lema-subscription-detail-table tr td:first-child { padding-right: 10px; } #lema-container.lema-container .lema-summary-check { margin-top: 20px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; font-family: "Trade Gothic Next W01"; font-size: 17px; font-weight: normal; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #362c2c; padding-left: 10px; padding-right: 10px; } #lema-container.lema-container .lema-summary-check-text { padding-top: 60px; background: url('img/summary_icon.png') center top no-repeat; } #lema-container.lema-container .lema-security { margin-top: 20px; padding-top: 25px; background: url('img/lock.png') top center no-repeat; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-family: "Trade Gothic Next W01"; font-size: 17px; font-weight: normal; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #lema-container.lema-container .select2-container { width: 100%; height: 46px; } #lema-container.lema-container .select2-container.select2-container .select2-choice { display: block; padding: 0 20px; height: 46px; overflow: hidden; position: relative; border: #e4dfd8 1px solid; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; -moz-background-clip: padding-box; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-family: "Trade Gothic Next W01"; font-size: 17px; font-weight: normal; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #362c2c; line-height: 46px; white-space: nowrap; text-decoration: none !important; background-color: #ffffff; background-image: none; } #lema-container.lema-container .select2-container.select2-container .select2-choice.choosen { color: #362c2c; } #lema-container.lema-container .select2-container.select2-container .select2-choice span { padding: 0; vertical-align: middle; line-height: 46px; } #lema-container.lema-container .select2-container.select2-container .select2-choice div { display: block; width: 50px; border-left: none; background: transparent; background-image: none; } #lema-container.lema-container .select2-container.select2-container .select2-choice div b { display: block; width: 100%; height: 100%; background: url('img/select_arrow_down.png') center center no-repeat; } #lema-container.lema-container .select2-container .select2-dropdown-open .select2-choice { -webkit-box-shadow: 0 0 0 0 0; -moz-box-shadow: 0 0 0 0 0; box-shadow: 0 0 0 0 0; -webkit-box-shadow: 0 0 0 0 0 0 1px #000000; -moz-box-shadow: 0 0 0 0 0 0 1px #000000; box-shadow: 0 0 0 0 0 0 1px #000000; } #lema-container.lema-container .select2-container .select2-dropdown-open .select2-choice div b { background: url('img/select_arrow_up.png') center center no-repeat; } #lema-container.lema-container .lema-select2-replace-interval { width: 100%; } /* Extra small devices (phones, less than 768px) */ /* No media query since this is the default */ /* Small devices (tablets, 768px and up) */ @media (min-width: 768px) { #lema-container.lema-container { margin: 40px; } #lema-container.lema-container .lema-overlay-header { padding-left: 28px; } #lema-container.lema-container .lema-overlay-content-sms { padding: 30px 250px 30px 85px; background: url("img/timer_icon.png") 30px 30px no-repeat; } #lema-container.lema-container .lema-overlay-content-error { padding: 30px 30px 30px 85px; background: url("img/overlay_icon_info.png") 30px 30px no-repeat; } #lema-container.lema-container .lema-timer { position: absolute; top: 30px; right: 30px; } #lema-container.lema-container .lema-input-text-small { display: inline-block; margin-bottom: 0; } #lema-container.lema-container .lema-pseudo-label { display: inline-block; } #lema-container.lema-container .lema-summary-check { padding-left: 40px; padding-right: 40px; } #lema-container.lema-container .lema-tabs { position: relative; top: -30px; *zoom: 1; margin: 0 0 20px 0; padding-left: 0; list-style-type: none; display: block; border-bottom: #e4dfd8 1px solid; } #lema-container.lema-container .lema-tabs:before, #lema-container.lema-container .lema-tabs:after { display: table; content: ""; } #lema-container.lema-container .lema-tabs:after { clear: both; } #lema-container.lema-container .lema-tabs li { float: left; margin-right: 33px; padding-top: 30px; } #lema-container.lema-container .lema-tabs li:last-child { margin-right: 0; } #lema-container.lema-container .lema-tabs li a { padding: 1px 0 29px 0; margin-bottom: 0; display: block; border: none; line-height: 1; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; font-family: "Trade Gothic Next W01"; font-size: 17px; font-weight: normal; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none; color: #362c2c; } #lema-container.lema-container .lema-tabs li.active > a, #lema-container.lema-container .lema-tabs li.active > a:hover, #lema-container.lema-container .lema-tabs li.active > a:focus { padding: 0 0 27px 0; color: #362c2c; border: none; border-bottom: #362c2c 3px solid; position: relative; top: 1px; } #lema-container.lema-container .lema-wrapper .lema-popup { width: 370px; } #lema-container.lema-container .lema-wrapper .lema-popup-content { padding: 30px; } #lema-container.lema-container .lema-wrapper .lema-cvc-popup { display: inline-block; position: static; margin-left: 20px; } #lema-container.lema-container .lema-wrapper .lema-pseudo-label + .lema-input-text-small { margin-left: 20px; } #lema-container.lema-container .lema-wrapper .lema-step-content { padding-left: 45px; padding-right: 45px; } #lema-container.lema-container .lema-wrapper .lema-radio-label { display: inline-block; margin-bottom: 0; } #lema-container.lema-container .lema-wrapper .lema-radio-label-interval { display: inline-block !important; margin-top: 0; margin-left: 20px; } #lema-container.lema-container .lema-wrapper .lema-radio-label-interval-no-margin { margin-left: 0px !important; } #lema-container.lema-container .lema-wrapper .lema-step-row-input-right { text-align: right; } #lema-container.lema-container .lema-wrapper .lema-step-row-input-right.lema-error:after { top: 23px; } #lema-container.lema-container .lema-wrapper .lema-input-text-small { display: inline-block; width: 85px; vertical-align: middle; margin-left: 20px; text-align: center; } #lema-container.lema-container .lema-wrapper .lema-amount-box-custom-input { width: 70px; position: absolute; top: 27px; left: 10px; margin: 0; padding-left: 5px; padding-right: 5px; } #lema-container.lema-container .lema-wrapper .lema-input-text-birthday { display: inline-block; width: 85px; vertical-align: middle; margin-left: 20px; text-align: center; } #lema-container.lema-container .lema-wrapper .lema-pseudo-label { display: inline-block; vertical-align: middle; margin-left: 20px; margin-right: 20px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Trade Gothic Next W01"; font-size: 17px; font-weight: normal; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #362c2c; font-size: 14px; line-height: 28px; } #lema-container.lema-container .lema-wrapper .lema-pseudo-label-birthday { margin-left: 0; margin-right: 20px; } #lema-container.lema-container .lema-select2-replace-interval { width: 300px; } #lema-container.lema-container .lema-button-group { margin-top: 25px; } #lema-container.lema-container .lema-button-group .lema-button { margin-right: 10px; margin-bottom: 0; } #lema-container.lema-container .lema-button-group .lema-button:last-child { margin-right: 0; } } /* Medium devices (desktops, 992px and up) */ /* Large devices (large desktops, 1200px and up) */ .ai-body-text-quote { font-family: "TradeGothicNextW01-Bold_693232"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; } .select2-results { margin: 0; padding: 0; } .select2-results li { font-family: "TradeGothicNextW01-HvCn_707049"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 19px; color: #786a60; padding-left: 10px; line-height: 1.6; } #lema-container.lema-container { margin: 0; } #lema-container.lema-container input.getunik-radio { position: absolute; z-index: -1000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } #lema-container.lema-container input.getunik-radio + label { position: relative; min-height: 34px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; padding-left: 40px; vertical-align: middle; cursor: pointer; } #lema-container.lema-container input.getunik-radio + label:before { content: ''; position: absolute; top: 0; left: 0; width: 34px; height: 34px; background-image: url("img/ico_radiobutton_a_sft.svg"); background-size: 34px 34px; background-repeat: no-repeat; background-position: 0 0; } #lema-container.lema-container input.getunik-radio:checked + label { color: #362c2c; } #lema-container.lema-container input.getunik-radio:checked + label:before { background-image: url("img/ico_radiobutton_b_sft.svg"); } #lema-container.lema-container input.getunik-checkbox { position: absolute; z-index: -1000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } #lema-container.lema-container input.getunik-checkbox + label { min-height: 34px; position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left: 40px; display: inline-block; vertical-align: middle; cursor: pointer; } #lema-container.lema-container input.getunik-checkbox + label:before { content: ''; position: absolute; top: 0; left: 0; width: 34px; height: 34px; background-image: url("img/ico_checkbox_a_sft.svg"); background-size: 34px 34px; background-repeat: no-repeat; background-position: 0 0; } #lema-container.lema-container input.getunik-checkbox:checked + label { color: #362c2c; } #lema-container.lema-container input.getunik-checkbox:checked + label:before { background-image: url("img/ico_checkbox_b_sft.svg"); } #lema-container.lema-container .lema-button-donate { display: block; width: 90%; margin: 0 auto; background: #298a71; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #ffffff; text-decoration: none; font-weight: normal; font-family: "TradeGothicNextW01-HvCn_707049"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 19px; text-align: center; padding: 10px; } #lema-container.lema-container .lema-button-donate:hover, #lema-container.lema-container .lema-button-donate.active { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); background: #1b5b4a; text-decoration: none; } #lema-container.lema-container .lema-tab-container { padding: 0; } #lema-container.lema-container .lema-tabs { background: #f6f2f0; } #lema-container.lema-container .lema-tabs li { margin: 0; padding: 0; } #lema-container.lema-container .lema-tabs li a { font-family: "TradeGothicNextW01-HvCn_707049"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 15px; color: #aa9d91; padding: 20px 10px; display: block; line-height: 1; text-decoration: none; } #lema-container.lema-container .lema-tabs li.active > a, #lema-container.lema-container .lema-tabs li.active > a:hover, #lema-container.lema-container .lema-tabs li.active > a:focus { padding: 20px 10px; color: #362c2c; border: none; background: #ffffff; } #lema-container.lema-container .lema-tabs li > a:hover { color: #362c2c; background: #e4dfd8; } #lema-container.lema-container .lema-step-payment-method .lema-step-content { padding: 0; } #lema-container.lema-container .lema-tab-container { background: #ffffff; padding: 0; } #lema-container.lema-container .lema-payment-tab { padding: 30px 40px 0 15px; } #lema-container.lema-container .select2-container.select2-container .select2-choice { font-family: "TradeGothicNextW01-HvCn_707049"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 19px; line-height: 46px; background-color: #ffffff; background-image: none; -webkit-box-shadow: 0 0 0 0; -moz-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0; } #lema-container.lema-container .select2-container.select2-container .select2-choice.choosen { color: #362c2c; } #lema-container.lema-container .lema-wrapper .lema-error-messages label { display: block; font-family: "TradeGothicNextW01-Cond"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 15px; color: #b92346; } #lema-container.lema-container .lema-wrapper .lema-step-row-text { font-family: "Trade Gothic Next W01"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 17px; color: #362c2c; } #lema-container.lema-container .lema-wrapper .lema-step-row.lema-error:after { top: 20px; right: -36px; width: 34px; height: 34px; background: url('img/ico_error_hlt.svg') top right no-repeat; } #lema-container.lema-container .lema-wrapper .lema-step-row.lema-ok:after, #lema-container.lema-container .lema-wrapper .lema-step-row.lema-valid:after { top: 20px; right: -36px; width: 34px; height: 34px; background: url('img/ico_confirmed_drk.svg') top right no-repeat; } #lema-container.lema-container .lema-wrapper .lema-input-text { font-family: "TradeGothicNextW01-HvCn_707049"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 19px; } #lema-container.lema-container .lema-wrapper .lema-input-text::-webkit-input-placeholder { font-family: "TradeGothicNextW01-HvCn_707049"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 19px; color: #aa9d91; } #lema-container.lema-container .lema-wrapper .lema-input-text:-moz-placeholder { /* Firefox 18- */ font-family: "TradeGothicNextW01-HvCn_707049"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 19px; color: #aa9d91; } #lema-container.lema-container .lema-wrapper .lema-input-text::-moz-placeholder { /* Firefox 19+ */ font-family: "TradeGothicNextW01-HvCn_707049"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 19px; color: #aa9d91; } #lema-container.lema-container .lema-wrapper .lema-input-text:-ms-input-placeholder { font-family: "TradeGothicNextW01-HvCn_707049"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 19px; color: #aa9d91; } #lema-container.lema-container .lema-wrapper .lema-input-textarea { font-family: "TradeGothicNextW01-HvCn_707049"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 19px; } #lema-container.lema-container .lema-wrapper .lema-input-textarea::-webkit-input-placeholder { font-family: "TradeGothicNextW01-HvCn_707049"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 19px; color: #aa9d91; } #lema-container.lema-container .lema-wrapper .lema-input-textarea:-moz-placeholder { /* Firefox 18- */ font-family: "TradeGothicNextW01-HvCn_707049"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 19px; color: #aa9d91; } #lema-container.lema-container .lema-wrapper .lema-input-textarea::-moz-placeholder { /* Firefox 19+ */ font-family: "TradeGothicNextW01-HvCn_707049"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 19px; color: #aa9d91; } #lema-container.lema-container .lema-wrapper .lema-input-textarea:-ms-input-placeholder { font-family: "TradeGothicNextW01-HvCn_707049"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 19px; color: #aa9d91; } #lema-container.lema-container .lema-wrapper .lema-amount-box { width: 100px; height: 100px; margin-right: 17px; } #lema-container.lema-container .lema-wrapper .lema-amount-box.lema-active, #lema-container.lema-container .lema-wrapper .lema-amount-box:hover { border: #362c2c 1px solid; color: #362c2c; background: #e4dfd8; } #lema-container.lema-container .lema-wrapper .lema-amount-box-custom-input { top: 40px; left: 14px; } #lema-container.lema-container .lema-wrapper .lema-amount-box-currency { font-family: "TradeGothicNextW01-Cond"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 15px; color: #aa9d91; } #lema-container.lema-container .lema-wrapper .lema-amount-box-amount { font-family: "TradeGothicW01-BoldCn20_675334"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 45px; margin-top: 5px; } #lema-container.lema-container .lema-wrapper .lema-step-row { padding: 15px 0 15px 0; } #lema-container.lema-container .lema-wrapper .lema-radio-label, #lema-container.lema-container .lema-wrapper .lema-checkbox-label { line-height: 34px; font-family: "TradeGothicNextW01-HvCn_707049"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 19px; color: #aa9d91; } #lema-container.lema-container .lema-wrapper .lema-radio-label-interval { min-height: 100%; } #lema-container.lema-container .lema-wrapper .lema-radio-label-interval:before { min-height: 100%; line-height: 34px; background-position: 0 0; } #lema-container.lema-container .lema-wrapper .lema-pseudo-label { font-family: "TradeGothicNextW01-HvCn_707049"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 19px; color: #aa9d91; } #lema-container.lema-container .lema-wrapper .lema-step-header { font-family: "TradeGothicW01-BoldCn20_675334"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 27px; border-top: #e4dfd8 1px solid; border-bottom: none; } #lema-container.lema-container .lema-wrapper .lema-step-header-text { font-family: "TradeGothicW01-BoldCn20_675334"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 27px; text-transform: uppercase; padding-left: 45px; } #lema-container.lema-container .lema-wrapper .lema-step-number { font-family: "TradeGothicW01-BoldCn20_675334"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 21px; font-size: 20px; font-weight: 700; } #lema-container.lema-container .lema-wrapper .lema-step-content { padding-top: 0; } #lema-container.lema-container .lema-wrapper .lema-info-icon { display: inline-block; position: relative; letter-spacing: 0; margin-top: 10px; margin-bottom: 10px; padding-left: 34px; height: 34px; line-height: 34px; vertical-align: middle; font-family: "TradeGothicNextW01-Cond"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 15px; color: #aa9d91; } #lema-container.lema-container .lema-wrapper .lema-info-icon:before { top: 0; left: 0; width: 34px; height: 34px; background-image: url('img/ico_tooltip_sft.svg'); background-size: 34px 34px; } #lema-container.lema-container .lema-wrapper .lema-info-icon:hover:before, #lema-container.lema-container .lema-wrapper .lema-info-icon.active:before { background-image: url("img/ico_tooltip_drk.svg"); } #lema-container.lema-container .lema-wrapper .lema-popup { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 0 0 0; -moz-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0; } #lema-container.lema-container .lema-wrapper .lema-popup-close { display: block; width: 34px; height: 34px; position: absolute; top: 5px; right: 5px; background: url("img/ico_close_inv.svg") top left no-repeat; } #lema-container.lema-container .lema-wrapper .lema-popup-content { font-family: "Trade Gothic Next W01"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 17px; } #lema-container.lema-container .lema-wrapper .lema-popup-edge { background: none; } #lema-container.lema-container .lema-wrapper .lema-popup-edge:after { display: block; position: absolute; left: 50%; margin-left: -25px; content: ""; width: 0; height: 0; border-style: solid; border-width: 25px 25px 0 25px; border-color: #504741 transparent transparent transparent; } #lema-container.lema-container .lema-overlay { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #lema-container.lema-container .lema-overlay-header { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #lema-container.lema-container .lema-overlay-footer { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #lema-container.lema-container .lema-overlay-close { width: 34px; height: 34px; background: url("img/ico_close_inv.svg") top left no-repeat; top: 10px; right: 10px; } #lema-container.lema-container .lema-summary-check-text { display: none; background: none; padding-top: 0; } #lema-container.lema-container .lema-security { margin-top: 20px; padding-top: 34px; background: url('img/lock_drk.svg') top center no-repeat; background-size: 34px 34px; background-position: top center; font-family: "TradeGothicNextW01-Cond"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 15px; } #lema-container.lema-container .lema-security a { color: #b92346; } #lema-container.lema-container .lema-security a:hover { text-decoration: underline; } @media (min-width: 768px) { #lema-container.lema-container .lema-button-donate { width: 75%; } #lema-container.lema-container .lema-wrapper .lema-step-content { padding: 0px 40px 30px 15px; } #lema-container.lema-container .lema-wrapper .lema-amount-box { width: 118px; height: 118px; } #lema-container.lema-container .lema-wrapper .lema-amount-box.lema-active, #lema-container.lema-container .lema-wrapper .lema-amount-box:hover { border: #362c2c 1px solid; color: #362c2c; background: #e4dfd8; } #lema-container.lema-container .lema-wrapper .lema-amount-box-custom-input { top: 50px; left: 23px; } #lema-container.lema-container .lema-wrapper .lema-amount-box-amount { font-family: "TradeGothicW01-BoldCn20_675334"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 45px; margin-top: 10px; } #lema-container.lema-container .lema-tabs { *zoom: 1; padding: 0; width: 100%; list-style-type: none; display: block; border: 1px solid #e4dfd8; margin: 0; background: #f6f2f0; top: 0; } #lema-container.lema-container .lema-tabs:before, #lema-container.lema-container .lema-tabs:after { display: table; content: ""; } #lema-container.lema-container .lema-tabs:after { clear: both; } #lema-container.lema-container .lema-tabs li a { border-right: #e4dfd8 1px solid; padding: 20px 20px; } #lema-container.lema-container .lema-tabs li.active > a, #lema-container.lema-container .lema-tabs li.active > a:hover, #lema-container.lema-container .lema-tabs li.active > a:focus { border-right: #e4dfd8 1px solid; padding: 20px 20px; } }