Help
RSS
API
Feed
Maltego
Contact
Domain > nbpinnacle.com
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2019-08-08
107.150.97.64
(
ClassC
)
2024-11-17
47.254.176.177
(
ClassC
)
Port 80
HTTP/1.1 200 OKDate: Sun, 17 Nov 2024 06:35:09 GMTServer: ApacheX-Powered-By: PHP/7.2.13Upgrade: h2Connection: Upgrade, closeContent-Type: text/html;charsetUTF-8Vary: Accept-EncodingTransfer-Encoding: chunked !DOCTYPE html>html langen>head>meta http-equivX-UA-Compatible contentIEedge,chrome1>meta charsetutf-8>!-- 0.80188488960266s -->!-- HTML5 for IE6,7,8 -->!--if IE>script>(function(){ var html5elems address|article|aside|audio|canvas|command|datalist|details|dialog|figure|figcaption|footer|header|hgroup|keygen|mark|meter|menu|nav|progress|ruby|section|time|video.split(|); for(var i 0; i html5elems.length; i++){ document.createElement(html5elemsi); }})();/script>!endif-->link relpreload asfont hrefhttps://osscs.industrystock.cn/fonts/fontawesome-webfont.woff?v4.5.0 typefont/woff crossorigin>style typetext/css idproject-inline-styles> a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, summary, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video { font-size: 100%; font-weight: inherit; font-style: inherit; vertical-align: baseline; white-space: normal; text-align: inherit; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { margin-left: 15px; } blockquote, q { quotes: none; } :focus { outline: 0; } table { border-collapse: collapse; border-spacing: 0; } body { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: 400; font-size: 14px; line-height: 1.425; color: #000; } bodydata-langcn * { font-weight: 400!important; font-family: Microsoft JhengHei, Tahoma, Verdana, Arial, sans-serif; } .small { font-size: 12px; line-height: 15px; } .color_light { color: #EFEFEF!important; } .color_dark { color: #333333!important; } .color_gray_light { color: #D9DADB!important; } .color_gray { color: #9C9E9F!important; } .color_green_dark { color: #00632F!important; } .color_green_light { color: #D1E392!important; } .color_green { color: #97BF0D!important; } .color_orange_dark { color: #E85422!important; } .color_orange_light { color: #F8B334!important;} .bg_color_light { background: #EFEFEF!important; } .bg_color_dark { background: #333333!important; } .bg_color_gray_light { background: #D9DADB!important; } .bg_color_gray { background: #9C9E9F!important; } .bg_color_green_dark { background: #00632F!important; } .bg_color_green_light { background: #D1E392!important; } .bg_color_green { background: #97BF0D!important; } .bg_color_orange_dark { background: #E85422!important; } .bg_color_orange_light { background: #F8B334!important; } .text-right { text-align: right!important; } .fw_l, .fw_l * { font-weight: 300!important; } .fw_r, .fw_r * { font-weight: 400!important; } .fw_sb, .fw_sb * { font-weight: 600!important; } .fw_b, .fw_b * { font-weight: 700!important; } b, b * { font-weight: 600!important; } .highlight, .highlight *, a .highlight, a .highlight * { color: #00632F; } a:active, a:hover, a:focus, a:active *, a:hover *, a:focus * { color: #97BF0D; text-decoration: none; } a.asText:visited, a.asText:visited *, a.asText:focus, a.asText:focus *, a.asText:hover, a.asText:hover *, a.asText:active, a.asText:active * { color: inherit!important; } a.ia { font-weight: 600; } h1,.h1,.f1 { font-weight: 400; font-size: 22px; line-height: 25px; color: #00632F; } h2,.h2,.f2 { font-weight: 400; font-size: 20px; line-height: 25px; color: #00632F; margin-bottom: 10px!important; } h3,.h3,.f3 { font-weight: 600; font-size: 15px; line-height: 20px; color: #97BF0D; } h4,.h4,.f4 { font-weight: 700; font-size: 15px; line-height: 20px; color: #000; } h5,.h5,.f5, .formSubHeadline { font-weight: 700; font-size: 15px; line-height: 20px; color: #00632F; } h6,.h6,.f6 { font-weight: 700; line-height: 18px; color: #00632F; } h7,.h7,.f7 { font-weight: 700; line-height: 15px; color: #000; } .f8,.f8 * { font-weight: 400; font-size: 15px; line-height: 20px; color: #000; } .f9,.f9 * { font-weight: 400; font-size: 12px; line-height: 15px; color: #000; } .f10,.f10 * { font-weight: 400; font-size: 20px; line-height: 20px; color: #D9DADB; } .f11,.f11 * { font-weight: 400; font-size: 15px; line-height: 18px; color: #D9DADB; } .f12,.f12 * { font-weight: 400; font-size: 12px; line-height: 15px; color: #D9DADB; } .f13,.f13 * { font-weight: 400; font-size: 15px; line-height: 18px; color: #A3A3A4; } .f14,.f54 * { font-weight: 400; font-size: 20px; line-height: 20px; color: #000; } .f15,.f15 * { font-weight: 400; font-size: 15px; line-height: 15px; color: #00632F; } .f16,.f16 * { font-weight: 400; font-size: 18px; line-height: 18px; color: #97BF0D; } .f17,.f17 * { font-weight: 400; font-size: 18px; line-height: 18px; color: #000; } .f18,.f18 * { font-weight: 400; font-size: 15px; line-height: 15px; color: #97BF0D; } .f19,.f19 * { font-weight: 400; font-size: 15px; line-height: 15px; color: #E85422; } .f20,.f20 * { font-weight: 400; font-size: 15px; line-height: 15px; color: #FF0000; } .f21,.f21 * { font-weight: 400; font-size: 15px; line-height: 20px; color: #FFFFFF; } .f22,.f22 * { font-weight: 300; font-size: 18px; line-height: 25px; color: #D9DADB; } .f23,.f23 * { font-weight: 300; font-size: 35px; line-height: 40px; color: #D9DADB; } .f24,.f24 * { font-weight: 300; font-size: 13px; line-height: 18px; color: #000; } .font-togle {} .font-toggle.bigger_1, .font-toggle.bigger_1 * { font-size: 17px; line-height: 20px; } .font-toggle.bigger_2, .font-toggle.bigger_2 * { font-size: 20px; line-height: 25px; } .f9.font-toggle {} .f9.font-toggle.bigger_1, .f9.font-toggle.bigger_1 * { font-size: 15px; line-height: 20px; } .f9.font-toggle.bigger_2, .f9.font-toggle.bigger_2 * { font-size: 18px; line-height: 23px; } h1,h2,h3,h4,h5,.formSubHeadline,h6,h7, .h1,.h2,.h3,.h4,.h5,.h6,.h7 { margin-bottom: 5px; } b,strong, b *, strong * { font-weight: 700; } *::-webkit-input-placeholder { color: #000; } *:-moz-placeholder { color: #000; } *::-moz-placeholder { color: #000; } *:-ms-input-placeholder { color: #000; } .keywordHighlight { color: #00632F; } .ltr, .ltr * { direction: ltr!important; } .rtl, .rtl * { direction: rtl!important; text-align: right; } data-comment::after { color: #00632F!important; font-style: italic; content: ( attr(data-comment) ) ; } alignleft { text-align: left; } alignright { text-align: right; } aligncenter { text-align: center; } alignjustify { text-align: justify; } :root { --color-filter-white: invert(100%) sepia(100%) saturate(0%) hue-rotate(138deg) brightness(100%) contrast(100%); --icon-paint-roller: url(data:image/svg+xml;utf8,svg xmlnshttp://www.w3.org/2000/svg width1em height1em viewBox0 0 512 512>path fillcurrentColor dM0 64C0 28.7 28.7 0 64 0h288c35.3 0 64 28.7 64 64v64c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64zm160 288c0-17.7 14.3-32 32-32v-16c0-44.2 35.8-80 80-80h144c17.7 0 32-14.3 32-32V69.5c37.3 13.2 64 48.7 64 90.5v32c0 53-43 96-96 96H272c-8.8 0-16 7.2-16 16v16c17.7 0 32 14.3 32 32v128c0 17.7-14.3 32-32 32h-64c-17.7 0-32-14.3-32-32z/>/svg>); } @font-face { font-family: FontAwesome; src: url(https://osscs.industrystock.cn/fonts/fontawesome-webfont.eot?v4.5.0); src: url(https://osscs.industrystock.cn/fonts/fontawesome-webfont.eot?#iefix&v4.5.0) format(embedded-opentype), url(https://osscs.industrystock.cn/fonts/fontawesome-webfont.woff?v4.5.0) format(woff), url(https://osscs.industrystock.cn/fonts/fontawesome-webfont.ttf?v4.5.0) format(truetype), url(https://osscs.industrystock.cn/fonts/fontawesome-webfont.svg?v4.5.0#fontawesomeregular) format(svg); font-weight: normal; font-style: normal; font-display: swap; } .awe, class^awe-, class* awe- { display: inline-block; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .awe:before, class^awe-:before, class* awe-:before { font-family: FontAwesome!important; } .awe-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .awe-2x { font-size: 2em; } .awe-3x { font-size: 3em; } .awe-4x { font-size: 4em; } .awe-5x { font-size: 5em; } .awe-fw { width: 1.28571429em; text-align: center; } .awe-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .awe-ul > li { position: relative; } .awe-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .awe-li.awe-lg { left: -1.85714286em; } .awe-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .awe-pull-left { float: left; } .awe-pull-right { float: right; } .fa.awe-pull-left { margin-right: .3em; } .fa.awe-pull-right { margin-left: .3em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .awe-spin { -webkit-animation: fa-spin 5s infinite linear; animation: fa-spin 5s infinite linear; } .awe-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } .hourglass-animate {} .hourglass-animate.rotate { -webkit-transition: transform 0.8s; transition: transform 0.8s; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .awe-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .awe-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .awe-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .awe-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation0, mirror1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .awe-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation2, mirror1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .awe-rotate-90, :root .awe-rotate-180, :root .awe-rotate-270, :root .awe-flip-horizontal, :root .awe-flip-vertical { filter: none; } .awe-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .awe-stack-1x, .awe-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .awe-stack-1x { line-height: inherit; } .awe-stack-2x { font-size: 2em; } .awe-inverse { color: #ffffff; } .awe-glass:before { content: \f000; } .awe-music:before { content: \f001; } .awe-search:before { content: \f002; } .awe-envelope-o:before, .awe-email:before { content: \f003; } .awe-heart:before { content: \f004; } .awe-star:before { content: \f005; } .awe-star-o:before { content: \f006; } .awe-user:before { content: \f007; } .awe-film:before { content: \f008; } .awe-th-large:before { content: \f009; } .awe-th:before { content: \f00a; } .awe-th-list:before { content: \f00b; } .awe-check:before { content: \f00c; } .awe-remove:before, .awe-close:before, .awe-times:before { content: \f00d; } .awe-search-plus:before { content: \f00e; } .awe-search-minus:before { content: \f010; } .awe-power-off:before { content: \f011; } .awe-signal:before { content: \f012; } .awe-gear:before, .awe-cog:before { content: \f013; } .awe-trash-o:before { content: \f014; } .awe-home:before { content: \f015; } .awe-file-o:before { content: \f016; } .awe-clock-o:before { content: \f017; } .awe-road:before { content: \f018; } .awe-download:before { content: \f019; } .awe-arrow-circle-o-down:before { content: \f01a; } .awe-arrow-circle-o-up:before { content: \f01b; } .awe-inbox:before { content: \f01c; } .awe-play-circle-o:before { content: \f01d; } .awe-rotate-right:before, .awe-repeat:before { content: \f01e; } .awe-refresh:before { content: \f021; } .awe-list-alt:before { content: \f022; } .awe-lock:before { content: \f023; } .awe-flag:before { content: \f024; } .awe-headphones:before { content: \f025; } .awe-volume-off:before { content: \f026; } .awe-volume-down:before { content: \f027; } .awe-volume-up:before { content: \f028; } .awe-qrcode:before { content: \f029; } .awe-barcode:before { content: \f02a; } .awe-tag:before { content: \f02b; } .awe-tags:before { content: \f02c; } .awe-book:before { content: \f02d; } .awe-bookmark:before { content: \f02e; } .awe-print:before { content: \f02f; } .awe-camera:before { content: \f030; } .awe-font:before { content: \f031; } .awe-bold:before { content: \f032; } .awe-italic:before { content: \f033; } .awe-text-height:before { content: \f034; } .awe-text-width:before { content: \f035; } .awe-align-left:before { content: \f036; } .awe-align-center:before { content: \f037; } .awe-align-right:before { content: \f038; } .awe-align-justify:before { content: \f039; } .awe-list:before { content: \f03a; } .awe-dedent:before, .awe-outdent:before { content: \f03b; } .awe-indent:before { content: \f03c; } .awe-video-camera:before { content: \f03d; } .awe-photo:before, .awe-image:before, .awe-picture:before, .awe-picture-o:before { content: \f03e; } .awe-pencil:before { content: \f040; } .awe-map-marker:before { content: \f041; } .awe-adjust:before { content: \f042; } .awe-tint:before { content: \f043; } .awe-edit:before, .awe-pencil-square-o:before { content: \f044; } .awe-share-square-o:before { content: \f045; } .awe-check-square-o:before { content: \f046; } .awe-arrows:before { content: \f047; } .awe-step-backward:before { content: \f048; } .awe-fast-backward:before { content: \f049; } .awe-backward:before { content: \f04a; } .awe-play:before { content: \f04b; } .awe-pause:before { content: \f04c; } .awe-stop:before { content: \f04d; } .awe-forward:before { content: \f04e; } .awe-fast-forward:before { content: \f050; } .awe-step-forward:before { content: \f051; } .awe-eject:before { content: \f052; } .awe-chevron-left:before { content: \f053; } .awe-chevron-right:before { content: \f054; } .awe-plus-circle:before { content: \f055; } .awe-minus-circle:before { content: \f056; } .awe-times-circle:before { content: \f057; } .awe-check-circle:before { content: \f058; } .awe-question-circle:before { content: \f059; } .awe-info-circle:before { content: \f05a; } .awe-crosshairs:before { content: \f05b; } .awe-times-circle-o:before { content: \f05c; } .awe-check-circle-o:before { content: \f05d; } .awe-ban:before { content: \f05e; } .awe-arrow-left:before { content: \f060; } .awe-arrow-right:before { content: \f061; } .awe-arrow-up:before { content: \f062; } .awe-arrow-down:before { content: \f063; } .awe-mail-forward:before, .awe-share:before { content: \f064; } .awe-expand:before { content: \f065; } .awe-compress:before { content: \f066; } .awe-plus:before { content: \f067; } .awe-minus:before { content: \f068; } .awe-asterisk:before { content: \f069; } .awe-exclamation-circle:before { content: \f06a; } .awe-gift:before { content: \f06b; } .awe-leaf:before { content: \f06c; } .awe-fire:before { content: \f06d; } .awe-eye:before { content: \f06e; } .awe-eye-slash:before { content: \f070; } .awe-warning:before, .awe-exclamation-triangle:before { content: \f071; } .awe-plane:before { content: \f072; } .awe-calendar:before { content: \f073; } .awe-random:before { content: \f074; } .awe-comment:before { content: \f075; } .awe-magnet:before { content: \f076; } .awe-chevron-up:before { content: \f077; } .awe-chevron-down:before { content: \f078; } .awe-retweet:before { content: \f079; } .awe-shopping-cart:before { content: \f07a; } .awe-folder:before { content: \f07b; } .awe-folder-open:before { content: \f07c; } .awe-arrows-v:before { content: \f07d; } .awe-arrows-h:before { content: \f07e; } .awe-bar-chart-o:before, .awe-bar-chart:before { content: \f080; } .awe-twitter-square:before { content: \f081; } .awe-facebook-square:before { content: \f082; } .awe-camera-retro:before { content: \f083; } .awe-key:before { content: \f084; } .awe-gears:before, .awe-cogs:before { content: \f085; } .awe-comments:before { content: \f086; } .awe-thumbs-o-up:before { content: \f087; } .awe-thumbs-o-down:before { content: \f088; } .awe-star-half:before { content: \f089; } .awe-heart-o:before { content: \f08a; } .awe-sign-out:before { content: \f08b; } .awe-linkedin-square:before { content: \f08c; } .awe-thumb-tack:before { content: \f08d; } .awe-external-link:before { content: \f08e; } .awe-sign-in:before { content: \f090; } .awe-trophy:before { content: \f091; } .awe-github-square:before { content: \f092; } .awe-upload:before { content: \f093; } .awe-lemon-o:before { content: \f094; } .awe-phone:before { content: \f095; } .awe-square-o:before { content: \f096; } .awe-bookmark-o:before { content: \f097; } .awe-phone-square:before { content: \f098; } .awe-twitter:before { content: \f099; } .awe-facebook-f:before, .awe-facebook:before { content: \f09a; } .awe-github:before { content: \f09b; } .awe-unlock:before { content: \f09c; } .awe-credit-card:before { content: \f09d; } .awe-feed:before, .awe-rss:before { content: \f09e; } .awe-hdd-o:before { content: \f0a0; } .awe-bullhorn:before { content: \f0a1; } .awe-bell:before { content: \f0f3; } .awe-certificate:before { content: \f0a3; } .awe-hand-o-right:before { content: \f0a4; } .awe-hand-o-left:before { content: \f0a5; } .awe-hand-o-up:before { content: \f0a6; } .awe-hand-o-down:before { content: \f0a7; } .awe-arrow-circle-left:before { content: \f0a8; } .awe-arrow-circle-right:before { content: \f0a9; } .awe-arrow-circle-up:before { content: \f0aa; } .awe-arrow-circle-down:before { content: \f0ab; } .awe-globe:before { content: \f0ac; } .awe-wrench:before { content: \f0ad; } .awe-tasks:before { content: \f0ae; } .awe-filter:before { content: \f0b0; } .awe-briefcase:before { content: \f0b1; } .awe-arrows-alt:before { content: \f0b2; } .awe-group:before, .awe-users:before { content: \f0c0; } .awe-chain:before, .awe-link:before { content: \f0c1; } .awe-cloud:before { content: \f0c2; } .awe-flask:before { content: \f0c3; } .awe-cut:before, .awe-scissors:before { content: \f0c4; } .awe-copy:before, .awe-files-o:before { content: \f0c5; } .awe-paperclip:before { content: \f0c6; } .awe-save:before, .awe-floppy-o:before { content: \f0c7; } .awe-square:before { content: \f0c8; } .awe-navicon:before, .awe-reorder:before, .awe-bars:before { content: \f0c9; } .awe-list-ul:before { content: \f0ca; } .awe-list-ol:before { content: \f0cb; } .awe-strikethrough:before { content: \f0cc; } .awe-underline:before { content: \f0cd; } .awe-table:before { content: \f0ce; } .awe-magic:before { content: \f0d0; } .awe-truck:before { content: \f0d1; } .awe-pinterest:before { content: \f0d2; } .awe-pinterest-square:before { content: \f0d3; } .awe-google-plus-square:before { content: \f0d4; } .awe-google-plus:before { content: \f0d5; } .awe-money:before { content: \f0d6; } .awe-caret-down:before { content: \f0d7; } .awe-caret-up:before { content: \f0d8; } .awe-caret-left:before { content: \f0d9; } .awe-caret-right:before { content: \f0da; } .awe-columns:before { content: \f0db; } .awe-unsorted:before, .awe-sort:before { content: \f0dc; } .awe-sort-down:before, .awe-sort-desc:before { content: \f0dd; } .awe-sort-up:before, .awe-sort-asc:before { content: \f0de; } .awe-envelope:before { content: \f0e0; } .awe-linkedin:before { content: \f0e1; } .awe-rotate-left:before, .awe-undo:before { content: \f0e2; } .awe-legal:before, .awe-gavel:before { content: \f0e3; } .awe-dashboard:before, .awe-tachometer:before { content: \f0e4; } .awe-comment-o:before { content: \f0e5; } .awe-comments-o:before { content: \f0e6; } .awe-flash:before, .awe-bolt:before { content: \f0e7; } .awe-sitemap:before { content: \f0e8; } .awe-umbrella:before { content: \f0e9; } .awe-paste:before, .awe-clipboard:before { content: \f0ea; } .awe-lightbulb-o:before { content: \f0eb; } .awe-exchange:before { content: \f0ec; } .awe-cloud-download:before { content: \f0ed; } .awe-cloud-upload:before { content: \f0ee; } .awe-user-md:before { content: \f0f0; } .awe-stethoscope:before { content: \f0f1; } .awe-suitcase:before { content: \f0f2; } .awe-bell-o:before { content: \f0a2; } .awe-coffee:before { content: \f0f4; } .awe-cutlery:before { content: \f0f5; } .awe-file-text-o:before { content: \f0f6; } .awe-building-o:before { content: \f0f7; } .awe-hospital-o:before { content: \f0f8; } .awe-ambulance:before { content: \f0f9; } .awe-medkit:before { content: \f0fa; } .awe-fighter-jet:before { content: \f0fb; } .awe-beer:before { content: \f0fc; } .awe-h-square:before { content: \f0fd; } .awe-plus-square:before { content: \f0fe; } .awe-angle-double-left:before { content: \f100; } .awe-angle-double-right:before { content: \f101; } .awe-angle-double-up:before { content: \f102; } .awe-angle-double-down:before { content: \f103; } .awe-angle-left:before { content: \f104; } .awe-angle-right:before { content: \f105; } .awe-angle-up:before { content: \f106; } .awe-angle-down:before { content: \f107; } .awe-desktop:before { content: \f108; } .awe-laptop:before { content: \f109; } .awe-tablet:before { content: \f10a; } .awe-mobile-phone:before, .awe-mobile:before { content: \f10b; } .awe-circle-o:before { content: \f10c; } .awe-quote-left:before { content: \f10d; } .awe-quote-right:before { content: \f10e; } .awe-spinner:before { content: \f110; } .awe-circle:before { content: \f111; } .awe-mail-reply:before, .awe-reply:before { content: \f112; } .awe-github-alt:before { content: \f113; } .awe-folder-o:before { content: \f114; } .awe-folder-open-o:before { content: \f115; } .awe-smile-o:before { content: \f118; } .awe-frown-o:before { content: \f119; } .awe-meh-o:before { content: \f11a; } .awe-gamepad:before { content: \f11b; } .awe-keyboard-o:before { content: \f11c; } .awe-flag-o:before { content: \f11d; } .awe-flag-checkered:before { content: \f11e; } .awe-terminal:before { content: \f120; } .awe-code:before { content: \f121; } .awe-mail-reply-all:before, .awe-reply-all:before { content: \f122; } .awe-star-half-empty:before, .awe-star-half-full:before, .awe-star-half-o:before { content: \f123; } .awe-location-arrow:before { content: \f124; } .awe-crop:before { content: \f125; } .awe-code-fork:before { content: \f126; } .awe-unlink:before, .awe-chain-broken:before { content: \f127; } .awe-question:before { content: \f128; } .awe-info:before { content: \f129; } .awe-exclamation:before { content: \f12a; } .awe-superscript:before { content: \f12b; } .awe-subscript:before { content: \f12c; } .awe-eraser:before { content: \f12d; } .awe-puzzle-piece:before { content: \f12e; } .awe-microphone:before { content: \f130; } .awe-microphone-slash:before { content: \f131; } .awe-shield:before { content: \f132; } .awe-calendar-o:before { content: \f133; } .awe-fire-extinguisher:before { content: \f134; } .awe-rocket:before { content: \f135; } .awe-maxcdn:before { content: \f136; } .awe-chevron-circle-left:before { content: \f137; } .awe-chevron-circle-right:before { content: \f138; } .awe-chevron-circle-up:before { content: \f139; } .awe-chevron-circle-down:before { content: \f13a; } .awe-html5:before { content: \f13b; } .awe-css3:before { content: \f13c; } .awe-anchor:before { content: \f13d; } .awe-unlock-alt:before { content: \f13e; } .awe-bullseye:before { content: \f140; } .awe-ellipsis-h:before { content: \f141; } .awe-ellipsis-v:before { content: \f142; } .awe-rss-square:before { content: \f143; } .awe-play-circle:before { content: \f144; } .awe-ticket:before { content: \f145; } .awe-minus-square:before { content: \f146; } .awe-minus-square-o:before { content: \f147; } .awe-level-up:before { content: \f148; } .awe-level-down:before { content: \f149; } .awe-check-square:before { content: \f14a; } .awe-pencil-square:before { content: \f14b; } .awe-external-link-square:before { content: \f14c; } .awe-share-square:before { content: \f14d; } .awe-compass:before { content: \f14e; } .awe-toggle-down:before, .awe-caret-square-o-down:before { content: \f150; } .awe-toggle-up:before, .awe-caret-square-o-up:before { content: \f151; } .awe-toggle-right:before, .awe-caret-square-o-right:before { content: \f152; } .awe-euro:before, .awe-eur:before { content: \f153; } .awe-gbp:before { content: \f154; } .awe-dollar:before, .awe-usd:before { content: \f155; } .awe-rupee:before, .awe-inr:before { content: \f156; } .awe-cny:before, .awe-rmb:before, .awe-yen:before, .awe-jpy:before { content: \f157; } .awe-ruble:before, .awe-rouble:before, .awe-rub:before { content: \f158; } .awe-won:before, .awe-krw:before { content: \f159; } .awe-bitcoin:before, .awe-btc:before { content: \f15a; } .awe-file:before { content: \f15b; } .awe-file-text:before { content: \f15c; } .awe-sort-alpha-asc:before { content: \f15d; } .awe-sort-alpha-desc:before { content: \f15e; } .awe-sort-amount-asc:before { content: \f160; } .awe-sort-amount-desc:before { content: \f161; } .awe-sort-numeric-asc:before { content: \f162; } .awe-sort-numeric-desc:before { content: \f163; } .awe-thumbs-up:before { content: \f164; } .awe-thumbs-down:before { content: \f165; } .awe-youtube-square:before { content: \f166; } .awe-youtube:before { content: \f167; } .awe-xing:before { content: \f168; } .awe-xing-square:before { content: \f169; } .awe-youtube-play:before { content: \f16a; } .awe-dropbox:before { content: \f16b; } .awe-stack-overflow:before { content: \f16c; } .awe-instagram:before { content: \f16d; } .awe-flickr:before { content: \f16e; } .awe-adn:before { content: \f170; } .awe-bitbucket:before { content: \f171; } .awe-bitbucket-square:before { content: \f172; } .awe-tumblr:before { content: \f173; } .awe-tumblr-square:before { content: \f174; } .awe-long-arrow-down:before { content: \f175; } .awe-long-arrow-up:before { content: \f176; } .awe-long-arrow-left:before { content: \f177; } .awe-long-arrow-right:before { content: \f178; } .awe-apple:before { content: \f179; } .awe-windows:before { content: \f17a; } .awe-android:before { content: \f17b; } .awe-linux:before { content: \f17c; } .awe-dribbble:before { content: \f17d; } .awe-skype:before { content: \f17e; } .awe-foursquare:before { content: \f180; } .awe-trello:before { content: \f181; } .awe-female:before { content: \f182; } .awe-male:before { content: \f183; } .awe-gittip:before, .awe-gratipay:before { content: \f184; } .awe-sun-o:before { content: \f185; } .awe-moon-o:before { content: \f186; } .awe-archive:before { content: \f187; } .awe-bug:before { content: \f188; } .awe-vk:before { content: \f189; } .awe-weibo:before { content: \f18a; } .awe-renren:before { content: \f18b; } .awe-pagelines:before { content: \f18c; } .awe-stack-exchange:before { content: \f18d; } .awe-arrow-circle-o-right:before { content: \f18e; } .awe-arrow-circle-o-left:before { content: \f190; } .awe-toggle-left:before, .awe-caret-square-o-left:before { content: \f191; } .awe-dot-circle-o:before { content: \f192; } .awe-wheelchair:before { content: \f193; } .awe-vimeo-square:before { content: \f194; } .awe-turkish-lira:before, .awe-try:before { content: \f195; } .awe-plus-square-o:before { content: \f196; } .awe-space-shuttle:before { content: \f197; } .awe-slack:before { content: \f198; } .awe-envelope-square:before { content: \f199; } .awe-wordpress:before { content: \f19a; } .awe-openid:before { content: \f19b; } .awe-institution:before, .awe-bank:before, .awe-university:before { content: \f19c; } .awe-mortar-board:before, .awe-graduation-cap:before { content: \f19d; } .awe-yahoo:before { content: \f19e; } .awe-google:before { content: \f1a0; } .awe-reddit:before { content: \f1a1; } .awe-reddit-square:before { content: \f1a2; } .awe-stumbleupon-circle:before { content: \f1a3; } .awe-stumbleupon:before { content: \f1a4; } .awe-delicious:before { content: \f1a5; } .awe-digg:before { content: \f1a6; } .awe-pied-piper:before { content: \f1a7; } .awe-pied-piper-alt:before { content: \f1a8; } .awe-drupal:before { content: \f1a9; } .awe-joomla:before { content: \f1aa; } .awe-language:before { content: \f1ab; } .awe-fax:before { content: \f1ac; } .awe-building:before { content: \f1ad; } .awe-child:before { content: \f1ae; } .awe-paw:before { content: \f1b0; } .awe-spoon:before { content: \f1b1; } .awe-cube:before { content: \f1b2; } .awe-cubes:before { content: \f1b3; } .awe-behance:before { content: \f1b4; } .awe-behance-square:before { content: \f1b5; } .awe-steam:before { content: \f1b6; } .awe-steam-square:before { content: \f1b7; } .awe-recycle:before { content: \f1b8; } .awe-automobile:before, .awe-car:before { content: \f1b9; } .awe-cab:before, .awe-taxi:before { content: \f1ba; } .awe-tree:before { content: \f1bb; } .awe-spotify:before { content: \f1bc; } .awe-deviantart:before { content: \f1bd; } .awe-soundcloud:before { content: \f1be; } .awe-database:before { content: \f1c0; } .awe-file-pdf-o:before { content: \f1c1; } .awe-file-word-o:before { content: \f1c2; } .awe-file-excel-o:before { content: \f1c3; } .awe-file-powerpoint-o:before { content: \f1c4; } .awe-file-photo-o:before, .awe-file-picture-o:before, .awe-file-image-o:before { content: \f1c5; } .awe-file-zip-o:before, .awe-file-archive-o:before { content: \f1c6; } .awe-file-sound-o:before, .awe-file-audio-o:before { content: \f1c7; } .awe-file-movie-o:before, .awe-file-video-o:before { content: \f1c8; } .awe-file-code-o:before { content: \f1c9; } .awe-vine:before { content: \f1ca; } .awe-codepen:before { content: \f1cb; } .awe-jsfiddle:before { content: \f1cc; } .awe-life-bouy:before, .awe-life-buoy:before, .awe-life-saver:before, .awe-support:before, .awe-life-ring:before { content: \f1cd; } .awe-circle-o-notch:before { content: \f1ce; } .awe-ra:before, .awe-rebel:before { content: \f1d0; } .awe-ge:before, .awe-empire:before { content: \f1d1; } .awe-git-square:before { content: \f1d2; } .awe-git:before { content: \f1d3; } .awe-y-combinator-square:before, .awe-yc-square:before, .awe-hacker-news:before { content: \f1d4; } .awe-tencent-weibo:before { content: \f1d5; } .awe-qq:before { content: \f1d6; } .awe-wechat:before, .awe-weixin:before { content: \f1d7; } .awe-send:before, .awe-paper-plane:before { content: \f1d8; } .awe-send-o:before, .awe-paper-plane-o:before { content: \f1d9; } .awe-history:before { content: \f1da; } .awe-circle-thin:before { content: \f1db; } .awe-header:before { content: \f1dc; } .awe-paragraph:before { content: \f1dd; } .awe-sliders:before { content: \f1de; } .awe-share-alt:before { content: \f1e0; } .awe-share-alt-square:before { content: \f1e1; } .awe-bomb:before { content: \f1e2; } .awe-soccer-ball-o:before, .awe-futbol-o:before { content: \f1e3; } .awe-tty:before { content: \f1e4; } .awe-binoculars:before { content: \f1e5; } .awe-plug:before { content: \f1e6; } .awe-slideshare:before { content: \f1e7; } .awe-twitch:before { content: \f1e8; } .awe-yelp:before { content: \f1e9; } .awe-newspaper-o:before { content: \f1ea; } .awe-wifi:before { content: \f1eb; } .awe-calculator:before { content: \f1ec; } .awe-paypal:before { content: \f1ed; } .awe-google-wallet:before { content: \f1ee; } .awe-cc-visa:before { content: \f1f0; } .awe-cc-mastercard:before { content: \f1f1; } .awe-cc-discover:before { content: \f1f2; } .awe-cc-amex:before { content: \f1f3; } .awe-cc-paypal:before { content: \f1f4; } .awe-cc-stripe:before { content: \f1f5; } .awe-bell-slash:before { content: \f1f6; } .awe-bell-slash-o:before { content: \f1f7; } .awe-trash:before { content: \f1f8; } .awe-copyright:before { content: \f1f9; } .awe-at:before { content: \f1fa; } .awe-eyedropper:before { content: \f1fb; } .awe-paint-brush:before { content: \f1fc; } .awe-birthday-cake:before { content: \f1fd; } .awe-area-chart:before { content: \f1fe; } .awe-pie-chart:before { content: \f200; } .awe-line-chart:before { content: \f201; } .awe-lastfm:before { content: \f202; } .awe-lastfm-square:before { content: \f203; } .awe-toggle-off:before { content: \f204; } .awe-toggle-on:before { content: \f205; } .awe-bicycle:before { content: \f206; } .awe-bus:before { content: \f207; } .awe-ioxhost:before { content: \f208; } .awe-angellist:before { content: \f209; } .awe-cc:before { content: \f20a; } .awe-shekel:before, .awe-sheqel:before, .awe-ils:before { content: \f20b; } .awe-meanpath:before { content: \f20c; } .awe-buysellads:before { content: \f20d; } .awe-connectdevelop:before { content: \f20e; } .awe-dashcube:before { content: \f210; } .awe-forumbee:before { content: \f211; } .awe-leanpub:before { content: \f212; } .awe-sellsy:before { content: \f213; } .awe-shirtsinbulk:before { content: \f214; } .awe-simplybuilt:before { content: \f215; } .awe-skyatlas:before { content: \f216; } .awe-cart-plus:before { content: \f217; } .awe-cart-arrow-down:before { content: \f218; } .awe-diamond:before { content: \f219; } .awe-ship:before { content: \f21a; } .awe-user-secret:before { content: \f21b; } .awe-motorcycle:before { content: \f21c; } .awe-street-view:before { content: \f21d; } .awe-heartbeat:before { content: \f21e; } .awe-venus:before { content: \f221; } .awe-mars:before { content: \f222; } .awe-mercury:before { content: \f223; } .awe-intersex:before, .awe-transgender:before { content: \f224; } .awe-transgender-alt:before { content: \f225; } .awe-venus-double:before { content: \f226; } .awe-mars-double:before { content: \f227; } .awe-venus-mars:before { content: \f228; } .awe-mars-stroke:before { content: \f229; } .awe-mars-stroke-v:before { content: \f22a; } .awe-mars-stroke-h:before { content: \f22b; } .awe-neuter:before { content: \f22c; } .awe-genderless:before { content: \f22d; } .awe-facebook-official:before { content: \f230; } .awe-pinterest-p:before { content: \f231; } .awe-whatsapp:before { content: \f232; } .awe-server:before { content: \f233; } .awe-user-plus:before { content: \f234; } .awe-user-times:before { content: \f235; } .awe-hotel:before, .awe-bed:before { content: \f236; } .awe-viacoin:before { content: \f237; } .awe-train:before { content: \f238; } .awe-subway:before { content: \f239; } .awe-medium:before { content: \f23a; } .awe-yc:before, .awe-y-combinator:before { content: \f23b; } .awe-optin-monster:before { content: \f23c; } .awe-opencart:before { content: \f23d; } .awe-expeditedssl:before { content: \f23e; } .awe-battery-4:before, .awe-battery-full:before { content: \f240; } .awe-battery-3:before, .awe-battery-three-quarters:before { content: \f241; } .awe-battery-2:before, .awe-battery-half:before { content: \f242; } .awe-battery-1:before, .awe-battery-quarter:before { content: \f243; } .awe-battery-0:before, .awe-battery-empty:before { content: \f244; } .awe-mouse-pointer:before { content: \f245; } .awe-i-cursor:before { content: \f246; } .awe-object-group:before { content: \f247; } .awe-object-ungroup:before { content: \f248; } .awe-sticky-note:before { content: \f249; } .awe-sticky-note-o:before { content: \f24a; } .awe-cc-jcb:before { content: \f24b; } .awe-cc-diners-club:before { content: \f24c; } .awe-clone:before { content: \f24d; } .awe-balance-scale:before { content: \f24e; } .awe-hourglass-o:before { content: \f250; } .awe-hourglass-1:before, .awe-hourglass-start:before { content: \f251; } .awe-hourglass-2:before, .awe-hourglass-half:before { content: \f252; } .awe-hourglass-3:before, .awe-hourglass-end:before { content: \f253; } .awe-hourglass:before { content: \f254; } .awe-hand-grab-o:before, .awe-hand-rock-o:before { content: \f255; } .awe-hand-stop-o:before, .awe-hand-paper-o:before { content: \f256; } .awe-hand-scissors-o:before { content: \f257; } .awe-hand-lizard-o:before { content: \f258; } .awe-hand-spock-o:before { content: \f259; } .awe-hand-pointer-o:before { content: \f25a; } .awe-hand-peace-o:before { content: \f25b; } .awe-trademark:before { content: \f25c; } .awe-registered:before { content: \f25d; } .awe-creative-commons:before { content: \f25e; } .awe-gg:before { content: \f260; } .awe-gg-circle:before { content: \f261; } .awe-tripadvisor:before { content: \f262; } .awe-odnoklassniki:before { content: \f263; } .awe-odnoklassniki-square:before { content: \f264; } .awe-get-pocket:before { content: \f265; } .awe-wikipedia-w:before { content: \f266; } .awe-safari:before { content: \f267; } .awe-chrome:before { content: \f268; } .awe-firefox:before { content: \f269; } .awe-opera:before { content: \f26a; } .awe-internet-explorer:before { content: \f26b; } .awe-tv:before, .awe-television:before { content: \f26c; } .awe-contao:before { content: \f26d; } .awe-500px:before { content: \f26e; } .awe-amazon:before { content: \f270; } .awe-calendar-plus-o:before { content: \f271; } .awe-calendar-minus-o:before { content: \f272; } .awe-calendar-times-o:before { content: \f273; } .awe-calendar-check-o:before { content: \f274; } .awe-industry:before { content: \f275; } .awe-map-pin:before { content: \f276; } .awe-map-signs:before { content: \f277; } .awe-map-o:before { content: \f278; } .awe-map:before { content: \f279; } .awe-commenting:before { content: \f27a; } .awe-commenting-o:before { content: \f27b; } .awe-houzz:before { content: \f27c; } .awe-vimeo:before { content: \f27d; } .awe-black-tie:before { content: \f27e; } .awe-fonticons:before { content: \f280; } .awe-reddit-alien:before { content: \f281; } .awe-edge:before { content: \f282; } .awe-credit-card-alt:before { content: \f283; } .awe-codiepie:before { content: \f284; } .awe-modx:before { content: \f285; } .awe-fort-awesome:before { content: \f286; } .awe-usb:before { content: \f287; } .awe-product-hunt:before { content: \f288; } .awe-mixcloud:before { content: \f289; } .awe-scribd:before { content: \f28a; } .awe-pause-circle:before { content: \f28b; } .awe-pause-circle-o:before { content: \f28c; } .awe-stop-circle:before { content: \f28d; } .awe-stop-circle-o:before { content: \f28e; } .awe-shopping-bag:before { content: \f290; } .awe-shopping-basket:before { content: \f291; } .awe-hashtag:before { content: \f292; } .awe-bluetooth:before { content: \f293; } .awe-bluetooth-b:before { content: \f294; } .awe-percent:before { content: \f295; } .container { margin-right: auto; margin-left: auto; width: 100%; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1200px; } } .draggable > .container { width: 100%; } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row { } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (max-width: 767px) { .twelve.collapsed { } .six.collapsed { width: 100%; } .four.collapsed { width: 100%; } .three.collapsed { width: 100%; } } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } .clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right; } .pull-left { float: left; } .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } html { -webkit-overflow-scrolling: touch; } html:lang(ar), html:lang(fa) { direction: rtl; } body { overflow-x: hidden; -webkit-overflow-scrolling: touch; } body.overlayVisible { overflow-y: hidden; } strong, b { font-weight: bold; } i { font-style: italic; } u { text-decoration: underline; } h1, h2, h3, h4, h5, h6, h7, .h1, .h2, .h3, .h4, .h5, .h6, .h7 { color: inherit; } a, a:active, a:focus { color: inherit; } a:hover { color: inherit; text-decoration: underline; } .ellipsis { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } a.ellipsis { display: inline; } .clr { clear: both; } #dummy { position: fixed; bottom: 0; width: 100%; } #wrapper * { box-sizing: border-box; } .sortable, .droppable, .draggable { position: relative; } .sortable.stripe-error { width: 100%; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); } .container { position: relative; display: table; table-layout: fixed; } .container-inner { height: 100%; } div.editorBlock { float: left; width: 86px; height: 60px; background-color: #efefef; box-sizing: border-box; border: 1px dashed #d9dadb; cursor: move; margin: 0; } div.editorBlock > spanclass^awe-, div.editorBlock > spanclass* awe- { font-size: 18px; margin-top: 14px; } div.editorBlock > span.title { font-size: 12px; } div.editorBlock > span { display: block; text-align: center; } div.csLangOverview { display: table; } div.csLangOverview.csLangOverview-align-center { margin: 0 auto; } div.csLangOverview.csLangOverview-align-right { margin: 0 0 0 auto; } div.csLangOverviewFlag { float: left; text-align: center; } div.csLangOverview-type-vertical div.csLangOverviewFlag { float: none; } div.csLangOverviewFlag.last + div.csLangOverviewFlag { clear: both; } div.csLangOverviewFlag a { display: block; } div.csLangOverviewFlag.disabled a { cursor: default; } data-textbox, data-h1, data-table{ display: none; } data-textboxen, data-h1en { display: block; } data-tableen { display: table; } .csKeywordOverviewGroupNameInline { font-size: inherit; line-height: inherit; margin: 0; } div.csKeywordOverviewIconLegend { display: table; width: 100%; } div.csKeywordOverviewIconLegend .csKeywordOverviewIconLegendItem { display: block; float: right; max-width: 25%; overflow: hidden; padding-right: 0; white-space: nowrap; } div.csKeywordOverviewRow { position: relative; clear:both; } div.csKeywordOverviewRow .csKeywordOverviewRowName { } div.csKeywordOverviewRow .csKeywordOverviewRowDesc { } div.csKeywordOverviewRow .csKeywordOverviewRowLayout_1 .csKeywordOverviewRowImage, div.csKeywordOverviewRow .csKeywordOverviewRowLayout_1 .csKeywordOverviewRowContent, div.csKeywordOverviewRow .csKeywordOverviewRowLayout_3 .csKeywordOverviewRowImage, div.csKeywordOverviewRow .csKeywordOverviewRowLayout_3 .csKeywordOverviewRowContent{ display: block; } div.csKeywordOverviewRow .csKeywordOverviewRowLayout_4 .csKeywordOverviewRowImage, div.csKeywordOverviewRow .csKeywordOverviewRowLayout_4 .csKeywordOverviewRowContent{ float: left; } div.csKeywordOverviewRow .csKeywordOverviewRowLayout_2 .csKeywordOverviewRowImage, div.csKeywordOverviewRow .csKeywordOverviewRowLayout_2 .csKeywordOverviewRowContent{ float: right; } div.csKeywordOverviewRow .csKeywordOverviewRowLayout_4 .csKeywordOverviewRowImage, div.csKeywordOverviewRow .csKeywordOverviewRowLayout_2 .csKeywordOverviewRowImage{ width: 40%; } div.csKeywordOverviewRow .csKeywordOverviewRowLayout_4 .csKeywordOverviewRowImage img, div.csKeywordOverviewRow .csKeywordOverviewRowLayout_2 .csKeywordOverviewRowImage img{ width: 100%; } div.csKeywordOverviewRow .csKeywordOverviewRowLayout_4 .csKeywordOverviewRowContent, div.csKeywordOverviewRow .csKeywordOverviewRowLayout_2 .csKeywordOverviewRowContent{ width: 60%; position: relative; display:contents; } div.csKeywordOverviewRow .csKeywordOverviewRowHHDZ { position: absolute; right: 0; top: 0; width: 120px; } div.csKeywordOverviewRow .csKeywordOverviewRowLayout_2 .csKeywordOverviewRowHHDZ{ right: 40%; } div.csKeywordOverviewRow .csKeywordOverviewRowHHDZ > .columns { opacity: 0.2; text-align: center; display: block; float: left; } div.csKeywordOverviewRow .csKeywordOverviewRowHHDZ > .columns.active { opacity: 1; } div.csKeywordOverviewRowDetail { display: table; width: 100%; margin: 1.425em 0; } div.csKeywordOverviewRowDetail.desc div.csKeywordOverviewRowContent *, div.csKeywordOverviewRowDetail.techdata div.csKeywordOverviewRowContent *, div.csKeywordOverviewRowDetail.aoa div.csKeywordOverviewRowContent *, div.csKeywordOverviewRowDetail.iso div.csKeywordOverviewRowContent *, div.csKeywordOverviewRowDetail.din div.csKeywordOverviewRowContent * { font: inherit !important; color: inherit !important; background: inherit !important; } div.csKeywordOverviewRowDetail .csKeywordOverviewRowDetailContactTable { width: auto; } div.csKeywordOverviewRowDetail .csKeywordOverviewRowDetailProductlist ul { list-style-type: none; margin: 0; } div.csImagegalleryListView { display: table; width: 100%; } div.csImagegalleryListView .csImageGalleryItemContainer { position: relative; float: left; box-sizing: border-box; } div.csImagegalleryListView .csImageGalleryItemContainer:before{ content: ; display: block; padding-top: 100%; } div.csImagegalleryListView .csImageGalleryItemContainer:hover { cursor: pointer; } div.csImagegalleryListView .csImageGalleryItemContainer .thumb { background-size: contain; background-position: center center; background-repeat: no-repeat; background-color: transparent; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } div.csVideoListView divdata-src, div.csFileListView divdata-src { cursor: pointer; float: left; position: relative; box-sizing: border-box; } div.csFileListView divdata-src { margin-bottom: 2%; } div.csVideoListView divdata-src:not(data-col), div.csFileListView divdata-src:not(data-col) { width: 23.5%; } div.csVideoListView divdata-src:not(data-col), div.csFileListView divdata-src:not(data-col) { margin-right: 2%; } div.csFileListView divdata-src:not(data-col):nth-child(4n-1) { margin-right: 1%; } div.csFileListView divdata-src:not(data-col):nth-child(4n) { margin-right: 0; margin-left: 1%; } div.csFileListView divdata-src:not(data-col):nth-child(4n+1) { clear: left; } div.csFileListView divdata-srcdata-col1 { width: 100%; margin-right: 0%; } div.csFileListView divdata-srcdata-col2 { width: 49%; margin-right: 1%; } div.csFileListView divdata-srcdata-col3 { width: 32%; margin-right: 2%; } div.csFileListView divdata-srcdata-col4 { width: 23%; margin-right: 2%; } div.csVideoListView divdata-srcdata-col2:nth-child(2n), div.csVideoListView divdata-srcdata-col4:nth-child(4n), div.csFileListView divdata-srcdata-col2:nth-child(2n), div.csFileListView divdata-srcdata-col4:nth-child(4n) { margin-right: 0; margin-left: 1%; } div.csVideoListView divdata-srcdata-col3:nth-child(3n), div.csFileListView divdata-srcdata-col3:nth-child(3n) { margin-right: 0; margin-left: 2%; } div.csVideoListView divdata-srcdata-col2:nth-child(2n+1), div.csVideoListView divdata-srcdata-col3:nth-child(3n+1), div.csVideoListView divdata-srcdata-col4:nth-child(4n+1), div.csFileListView divdata-srcdata-col2:nth-child(2n+1), div.csFileListView divdata-srcdata-col3:nth-child(3n+1), div.csFileListView divdata-srcdata-col4:nth-child(4n+1) { clear: both; } div.csVideoListView divdata-srcdata-col3:nth-child(3n+2), div.csFileListView divdata-srcdata-col3:nth-child(3n+2) { margin-right: 0; margin-left: 0; } div.csVideoListView divdata-srcdata-col4:nth-child(4n-1), div.csFileListView divdata-srcdata-col4:nth-child(4n-1) { margin-right: 1%; } div.csVideoListView divdata-src img, div.csFileListView divdata-src img { display: block; width: 100%; } div.csVideoListView divdata-src > .video-play-overlay, div.csFileListView divdata-src > .file-open-overlay { height: 100%; left: 0; opacity: 0.6; position: absolute; top: 0; width: 100%; } div.csVideoListView divdata-src > .video-play-overlay:hover, div.csFileListView divdata-src > .file-open-overlay:hover { opacity: 1; } div.csVideoListView divdata-src > .video-play-overlay > span, div.csFileListView divdata-src > .file-open-overlay > span { background-color: rgba(255, 255, 255, 0.8); border-radius: 60px; font-size: 50px; height: 60px; left: 50%; line-height: 60px; margin-left: -30px; margin-top: -30px; position: absolute; text-align: center; top: 50%; width: 60px; color: inherit !important; } #ep-video-overlay { background-color: rgba(0, 0, 0, 0.5); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 100; } #ep-video-overlay video { left: 50%; position: absolute; top: 50%; } table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } .table { width: 100%; } .table th, .table td { padding: 0px 5px; text-align: left; vertical-align: top; line-height: 1.425; min-height: 25px; } .table th:first-child, .table td:first-child { padding-left: 0; } .table th:last-child, .table td:last-child { padding-right: 0; } .table th img, .table td img { max-width: 100% } .table th {} .table thead th { vertical-align: bottom; } .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; } .table tbody + tbody { border-top: 1px solid #D9DADB; } .table-fixed { table-layout: fixed; } table.table-center, .table-center table { width: auto; margin: 0 auto; } .frontendHidden{ display:none; } .hiddende:lang(de), .hiddenen:lang(en), .hiddenes:lang(es), .hiddenpl:lang(pl), .hiddenfr:lang(fr), .hiddenit:lang(it), .hiddenar:lang(ar), .hiddenkr:lang(kr), .hiddenkr:lang(ko), .hiddenko:lang(ko), .hiddenjp:lang(jp), .hiddenjp:lang(ja), .hiddenja:lang(ja), .hiddencn:lang(cn), .hiddencn:lang(zh), .hiddenzh:lang(zh), .hiddencz:lang(cz), .hiddencz:lang(cs), .hiddencs:lang(cs), .hiddenpt:lang(pt), .hiddenru:lang(ru), .hiddentr:lang(tr), .hiddenhu:lang(hu), .hiddenfa:lang(fa) { display: none; } #autotransInfoOverlay { position: fixed; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(0,0,0,0.5); display: none; z-index: 99; } #autotransInfoOverlay, #autotransInfoOverlay * { color: #FFF!important; } #autotransInfoOverlay.visible { display: block; } #autotransInfoOverlay > div:first-child { position: relative; width: 560px; padding: 20px; box-sizing: border-box; max-width: 100%; margin: 0 auto; line-height: 25px; font-size: 1rem; top: 50%; transform: translateY(-50%); background-color: rgba(0,0,0,0.5); } #autotransInfoOverlay > div div.autotransMessageRow { margin-bottom: 10px; } #autotransInfoOverlay > div div.autotransBtnRow { margin: 0 -10px; } #autotransInfoOverlay > div .autotransBtn { float: left; width: calc(50% - 20px); margin: 0 10px; height: 40px; line-height: 40px; padding-left: 50px!important; } #autotransInfoOverlay > div div.autotransBtnRowdata-layout3 .autotransBtn { width: calc(33.33% - 20px); } #autotransInfoOverlay > div .autotransBtn > span:first-child { width: 40px; height: 40px; line-height: 40px; } #cookieInfoOverlay { position: fixed; left: 0; right: 0; bottom: 0; max-height: 0; background-color: rgba(0,0,0,1); display: none; z-index: 100; -webkit-transition-property: max-height; -webkit-transition-duration: 2s; transition-property: max-height; transition-duration: 2s; } #cookieInfoOverlay, #cookieInfoOverlay * { color: #FFF!important; } #cookieInfoOverlay a { text-decoration: underline; } #cookieInfoOverlay.visible { display: block; max-height: 300px; } #cookieInfoOverlay > div:first-child { position: relative; width: 920px; padding: 0 20px; box-sizing: border-box; max-width: 100%; margin: 15px auto; line-height: 25px; font-size: 1rem; } #cookieInfoOverlay > div a { text-decoration: underline; } #cookieInfoOverlay > div .cookieBtn { float: left; width: 49%; margin-top: 1rem; margin-right: 1%; height: 40px; line-height: 40px; padding-left: 50px; opacity: .6; } #cookieInfoOverlay > div .cookieBtn + .cookieBtn { margin-right: 0%; margin-left: 1%; } #cookieInfoOverlay > div .cookieBtn > span:first-child { width: 40px; height: 40px; line-height: 40px; } #cookieInfoOverlay > div .cookieBtndata-actionaccept, #cookieInfoOverlay > div .cookieBtndata-actionaccept * { background-color: #97BF0D!important; } #cookieInfoOverlay > div .cookieBtndata-actiondecline, #cookieInfoOverlay > div .cookieBtndata-actiondecline * { background-color: #E85422!important; } #cookieInfoOverlay > div .cookieBtndata-actionaccept:hover, #cookieInfoOverlay > div .cookieBtndata-actiondecline:hover { opacity: 1; } body.hide-overlay #cookieInfoOverlay { display: none!important; } body.hide-overlay #page_wrap, body.hide-overlay #main-header, body.hide-overlay #footer, body.hide-overlay #toTop { -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px); } #elem_error_default { text-align: center !important; font-size: 16px !important; position: absolute; top: 33.33%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #elem_error_default h1 { font-size: 80px !important; line-height: 1.425 !important; padding: 0 !important; margin: 0 !important; } #elem_error_default .elem_error_default_home { font-size: 16px !important; margin-top: 1.425em !important; display: inline-block !important; } @media (max-width:1199px) { div.csVideoListView divdata-src:not(data-col), div.csFileListView divdata-src:not(data-col) { width: 32%; margin-right: 2%; margin-bottom: 2%; } div.csVideoListView divdata-src:not(data-col):nth-child(2n), div.csFileListView divdata-src:not(data-col):nth-child(2n) { margin-right: 1%; } div.csVideoListView divdata-src:not(data-col):nth-child(3n), div.csFileListView divdata-src:not(data-col):nth-child(3n) { margin-right: 0; margin-left: 1%; clear: right; } div.csVideoListView divdata-src:not(data-col):nth-child(3n-2), div.csFileListView divdata-src:not(data-col):nth-child(3n-2) { clear: left; margin-left: 0%; margin-right: 2%; } div.csVideoListView divdata-src:not(data-col):nth-child(3n-1), div.csFileListView divdata-src:not(data-col):nth-child(3n-1) { margin-left: 0%; margin-right: 1%; } div.csVideoListView divdata-src:not(data-col):nth-child(5n), div.csFileListView divdata-src:not(data-col):nth-child(5n) { clear: none; } } @media (max-width: 1400px) { #cookieInfoOverlay { padding-bottom: 50px; } } @media (max-width:1024px) { div.csVideoListView divdata-src:not(data-col), div.csFileListView divdata-src:not(data-col) { width: 48%; margin-bottom: 4%; } div.csVideoListView divdata-src:not(data-col):nth-child(2n), div.csFileListView divdata-src:not(data-col):nth-child(2n) { margin-right: 0; margin-left: 2%; clear: none; } div.csVideoListView divdata-src:not(data-col):nth-child(2n-1), div.csFileListView divdata-src:not(data-col):nth-child(2n-1) { clear: left; margin-left: 0%; margin-right: 2%; } } @media (max-width: 900px) { div.csVideoListView divdata-srcdata-col, div.csFileListView divdata-srcdata-col { clear: none!important; width: 49%!important; margin-right: 1%!important; margin-left: 0%!important; } div.csVideoListView divdata-srcdata-col:nth-child(2n), div.csFileListView divdata-srcdata-col:nth-child(2n) { margin-right: 0!important; margin-left: 1%!important; } div.csVideoListView divdata-srcdata-col:nth-child(2n) + divdata-srcdata-col, div.csFileListView divdata-srcdata-col:nth-child(2n) + divdata-srcdata-col { clear: both!important; } body.front .menu-mobile-btn + .menu-nav.menu_mobile_hidden { display: none!important; } } @media (max-width: 767px) { div.csVideoListView divdata-src:not(data-col), div.csFileListView divdata-src:not(data-col) { width: 100%; margin-right: 0% !important; margin-left: 0% !important; clear: both !important; } div.csVideoListView divdata-src:not(data-col):nth-child(4n-1), div.csFileListView divdata-src:not(data-col):nth-child(4n-1) { margin-right: 0%; } div.csVideoListView divdata-src:not(data-col):nth-child(4n), div.csFileListView divdata-src:not(data-col):nth-child(4n) { margin-right: 0; margin-left: 0%; } div.csLangOverview { overflow-x: scroll; width: 100%; white-space: nowrap; display: block; } div.csLangOverview > div.csLangOverviewFlag { float: none; display: inline-block; vertical-align: top; } } @media (max-width: 559px) { #autotransInfoOverlay > div .autotransBtn { float: none; margin: 10px 0; width: 100% !important; display: block; } #autotransInfoOverlay > div .autotransBtn:first-child { margin-top: 0; } #autotransInfoOverlay > div .autotransBtn:last-child { margin-bottom: 0; } } .flag, .flag_country { display: block; width: 35px; height: 20px; background-image: url(https://osscs.industrystock.cn/assets/images/flags/rect_20.jpg) !important; } .flagclass*size_40 { width: 70px; height: 40px; background-image: url(https://osscs.industrystock.cn/assets/images/flags/rect_40.jpg) !important; } .svgflag { display: block; width: 35px; height: 20px; background-image: none !important; pointer-events: none; margin: 0 auto; } .svgflagclass*size_40 { width: 70px; height: 40px; background-image: none !important; } .svgflag + class*flag_text { color: inherit; vertical-align: top; } .flag.flag_tr {background-position: 0px 0px; } .flag.flag_ru {background-position: -35px 0px; } .flag.flag_pt {background-position: -70px 0px; } .flag.flag_pl {background-position: -105px 0px; } .flag.flag_kr, .flag.flag_ko {background-position: -140px 0px; } .flag.flag_fa {background-position: -175px 0px; } .flag.flag_jp, .flag.flag_ja {background-position: 0px -20px; } .flag.flag_it {background-position: -35px -20px; } .flag.flag_hu {background-position: -70px -20px; } .flag.flag_fr {background-position: -105px -20px; } .flag.flag_es {background-position: -140px -20px; } .flag.flag_at {background-position: -175px -20px; } .flag.flag_en {background-position: 0px -40px; } .flag.flag_de {background-position: -35px -40px; } .flag.flag_cz, .flag.flag_cs {background-position: -70px -40px; } .flag.flag_cn, .flag.flag_zh {background-position: -105px -40px; } .flag.flag_ar {background-position: -140px -40px; } .flag.flag_ch {background-position: -175px -40px; } .flag.flag_nl { background-position: 0 0; background-image: url(https://osscs.industrystock.cn/assets/images/flags/rect/nl.jpg) !important; background-size: 100% 100%; } .flag.size_40.flag_tr {background-position: 0px 0px; } .flag.size_40.flag_ru {background-position: -45px 0px; } .flag.size_40.flag_pt {background-position: -90px 0px; } .flag.size_40.flag_pl {background-position: -135px 0px; } .flag.size_40.flag_kr, .flag.size_40.flag_ko {background-position: -180px 0px; } .flag.size_40.flag_fa {background-position: -225px 0px; } .flag.size_40.flag_jp, .flag.size_40.flag_ja {background-position: 0px -40px; } .flag.size_40.flag_it {background-position: -45px -40px; } .flag.size_40.flag_hu {background-position: -90px -40px; } .flag.size_40.flag_fr {background-position: -135px -40px; } .flag.size_40.flag_es {background-position: -180px -40px; } .flag.size_40.flag_at {background-position: -225px -40px; } .flag.size_40.flag_en {background-position: 0px -80px; } .flag.size_40.flag_de {background-position: -45px -80px; } .flag.size_40.flag_cz, .flag.size_40.flag_cs {background-position: -90px -80px; } .flag.size_40.flag_cn, .flag.size_40.flag_zh {background-position: -135px -80px; } .flag.size_40.flag_ar {background-position: -180px -80px; } .flag.size_40.flag_ch {background-position: -225px -80px; } .flag.size_40.flag_nl { background-position: 0 0; background-image: url(https://osscs.industrystock.cn/assets/images/flags/rect/nl.jpg) !important; background-size: 100% 100%; } .worldFlag { display: block; width: 32px; height: 32px; background:url(https://osscs.industrystock.cn/assets/images/flags/flags.png) !important; } .text-center .worldFlag{ margin:0 auto; } .worldFlag.worldFlag_ad {background-position: -32px 0!important} .worldFlag.worldFlag_ae {background-position: -64px 0!important} .worldFlag.worldFlag_af {background-position: -96px 0!important} .worldFlag.worldFlag_ag {background-position: -128px 0!important} .worldFlag.worldFlag_ai {background-position: -160px 0!important} .worldFlag.worldFlag_al {background-position: -192px 0!important} .worldFlag.worldFlag_am {background-position: -224px 0!important} .worldFlag.worldFlag_an {background-position: -256px 0!important} .worldFlag.worldFlag_ao {background-position: -288px 0!important} .worldFlag.worldFlag_ar {background-position: -320px 0!important} .worldFlag.worldFlag_as {background-position: -352px 0!important} .worldFlag.worldFlag_at {background-position: -384px 0!important} .worldFlag.worldFlag_au {background-position: -416px 0!important} .worldFlag.worldFlag_aw {background-position: -448px 0!important} .worldFlag.worldFlag_az {background-position: 0 -32px!important} .worldFlag.worldFlag_ba {background-position: -32px -32px!important} .worldFlag.worldFlag_bb {background-position: -64px -32px!important} .worldFlag.worldFlag_bd {background-position: -96px -32px!important} .worldFlag.worldFlag_be {background-position: -128px -32px!important} .worldFlag.worldFlag_bf {background-position: -160px -32px!important} .worldFlag.worldFlag_bg {background-position: -192px -32px!important} .worldFlag.worldFlag_bh {background-position: -224px -32px!important} .worldFlag.worldFlag_bi {background-position: -256px -32px!important} .worldFlag.worldFlag_bj {background-position: -288px -32px!important} .worldFlag.worldFlag_bm {background-position: -320px -32px!important} .worldFlag.worldFlag_bn {background-position: -352px -32px!important} .worldFlag.worldFlag_bo {background-position: -384px -32px!important} .worldFlag.worldFlag_br {background-position: -416px -32px!important} .worldFlag.worldFlag_bs {background-position: -448px -32px!important} .worldFlag.worldFlag_bt {background-position: 0 -64px!important} .worldFlag.worldFlag_bw {background-position: -32px -64px!important} .worldFlag.worldFlag_by {background-position: -64px -64px!important} .worldFlag.worldFlag_bz {background-position: -96px -64px!important} .worldFlag.worldFlag_ca {background-position: -128px -64px!important} .worldFlag.worldFlag_cd {background-position: -160px -64px!important} .worldFlag.worldFlag_cf {background-position: -192px -64px!important} .worldFlag.worldFlag_cg {background-position: -224px -64px!important} .worldFlag.worldFlag_ch {background-position: -256px -64px!important} .worldFlag.worldFlag_ci {background-position: -288px -64px!important} .worldFlag.worldFlag_ck {background-position: -320px -64px!important} .worldFlag.worldFlag_cl {background-position: -352px -64px!important} .worldFlag.worldFlag_cm {background-position: -384px -64px!important} .worldFlag.worldFlag_cn {background-position: -416px -64px!important} .worldFlag.worldFlag_co {background-position: -448px -64px!important} .worldFlag.worldFlag_cr {background-position: 0 -96px!important} .worldFlag.worldFlag_cu {background-position: -32px -96px!important} .worldFlag.worldFlag_cv {background-position: -64px -96px!important} .worldFlag.worldFlag_cy {background-position: -96px -96px!important} .worldFlag.worldFlag_cz {background-position: -128px -96px!important} .worldFlag.worldFlag_de {background-position: -160px -96px!important} .worldFlag.worldFlag_dj {background-position: -192px -96px!important} .worldFlag.worldFlag_dk {background-position: -224px -96px!important} .worldFlag.worldFlag_dm {background-position: -256px -96px!important} .worldFlag.worldFlag_do {background-position: -288px -96px!important} .worldFlag.worldFlag_dz {background-position: -320px -96px!important} .worldFlag.worldFlag_ec {background-position: -352px -96px!important} .worldFlag.worldFlag_ee {background-position: -384px -96px!important} .worldFlag.worldFlag_eg {background-position: -416px -96px!important} .worldFlag.worldFlag_eh {background-position: -448px -96px!important} .worldFlag.worldFlag_er {background-position: 0 -128px!important} .worldFlag.worldFlag_es {background-position: -32px -128px!important} .worldFlag.worldFlag_et {background-position: -64px -128px!important} .worldFlag.worldFlag_fi {background-position: -96px -128px!important} .worldFlag.worldFlag_fj {background-position: -128px -128px!important} .worldFlag.worldFlag_fm {background-position: -160px -128px!important} .worldFlag.worldFlag_fo {background-position: -192px -128px!important} .worldFlag.worldFlag_fr {background-position: -224px -128px!important} .worldFlag.worldFlag_ga {background-position: -256px -128px!important} .worldFlag.worldFlag_gb {background-position: -288px -128px!important} .worldFlag.worldFlag_gd {background-position: -320px -128px!important} .worldFlag.worldFlag_ge {background-position: -352px -128px!important} .worldFlag.worldFlag_gg {background-position: -384px -128px!important} .worldFlag.worldFlag_gh {background-position: -416px -128px!important} .worldFlag.worldFlag_gi {background-position: -448px -128px!important} .worldFlag.worldFlag_gl {background-position: 0 -160px!important} .worldFlag.worldFlag_gm {background-position: -32px -160px!important} .worldFlag.worldFlag_gn {background-position: -64px -160px!important} .worldFlag.worldFlag_gp {background-position: -96px -160px!important} .worldFlag.worldFlag_gq {background-position: -128px -160px!important} .worldFlag.worldFlag_gr {background-position: -160px -160px!important} .worldFlag.worldFlag_gt {background-position: -192px -160px!important} .worldFlag.worldFlag_gu {background-position: -224px -160px!important} .worldFlag.worldFlag_gw {background-position: -256px -160px!important} .worldFlag.worldFlag_gy {background-position: -288px -160px!important} .worldFlag.worldFlag_hk {background-position: -320px -160px!important} .worldFlag.worldFlag_hn {background-position: -352px -160px!important} .worldFlag.worldFlag_hr {background-position: -384px -160px!important} .worldFlag.worldFlag_ht {background-position: -416px -160px!important} .worldFlag.worldFlag_hu {background-position: -448px -160px!important} .worldFlag.worldFlag_id {background-position: 0 -192px!important} .worldFlag.worldFlag_ie {background-position: -32px -192px!important} .worldFlag.worldFlag_il {background-position: -64px -192px!important} .worldFlag.worldFlag_im {background-position: -96px -192px!important} .worldFlag.worldFlag_in {background-position: -128px -192px!important} .worldFlag.worldFlag_iq {background-position: -160px -192px!important} .worldFlag.worldFlag_ir {background-position: -192px -192px!important} .worldFlag.worldFlag_is {background-position: -224px -192px!important} .worldFlag.worldFlag_it {background-position: -256px -192px!important} .worldFlag.worldFlag_je {background-position: -288px -192px!important} .worldFlag.worldFlag_jm {background-position: -320px -192px!important} .worldFlag.worldFlag_jo {background-position: -352px -192px!important} .worldFlag.worldFlag_jp {background-position: -384px -192px!important} .worldFlag.worldFlag_ke {background-position: -416px -192px!important} .worldFlag.worldFlag_kg {background-position: -448px -192px!important} .worldFlag.worldFlag_kh {background-position: 0 -224px!important} .worldFlag.worldFlag_ki {background-position: -32px -224px!important} .worldFlag.worldFlag_km {background-position: -64px -224px!important} .worldFlag.worldFlag_kn {background-position: -96px -224px!important} .worldFlag.worldFlag_kp {background-position: -128px -224px!important} .worldFlag.worldFlag_kr {background-position: -160px -224px!important} .worldFlag.worldFlag_kw {background-position: -192px -224px!important} .worldFlag.worldFlag_ky {background-position: -224px -224px!important} .worldFlag.worldFlag_kz {background-position: -256px -224px!important} .worldFlag.worldFlag_la {background-position: -288px -224px!important} .worldFlag.worldFlag_lb {background-position: -320px -224px!important} .worldFlag.worldFlag_lc {background-position: -352px -224px!important} .worldFlag.worldFlag_li {background-position: -384px -224px!important} .worldFlag.worldFlag_lk {background-position: -416px -224px!important} .worldFlag.worldFlag_lr {background-position: -448px -224px!important} .worldFlag.worldFlag_ls {background-position: 0 -256px!important} .worldFlag.worldFlag_lt {background-position: -32px -256px!important} .worldFlag.worldFlag_lu {background-position: -64px -256px!important} .worldFlag.worldFlag_lv {background-position: -96px -256px!important} .worldFlag.worldFlag_ly {background-position: -128px -256px!important} .worldFlag.worldFlag_ma {background-position: -160px -256px!important} .worldFlag.worldFlag_mc {background-position: -192px -256px!important} .worldFlag.worldFlag_md {background-position: -224px -256px!important} .worldFlag.worldFlag_me {background-position: -256px -256px!important} .worldFlag.worldFlag_mg {background-position: -288px -256px!important} .worldFlag.worldFlag_mh {background-position: -320px -256px!important} .worldFlag.worldFlag_mk {background-position: -352px -256px!important} .worldFlag.worldFlag_ml {background-position: -384px -256px!important} .worldFlag.worldFlag_mm {background-position: -416px -256px!important} .worldFlag.worldFlag_mn {background-position: -448px -256px!important} .worldFlag.worldFlag_mo {background-position: 0 -288px!important} .worldFlag.worldFlag_mq {background-position: -32px -288px!important} .worldFlag.worldFlag_mr {background-position: -64px -288px!important} .worldFlag.worldFlag_ms {background-position: -96px -288px!important} .worldFlag.worldFlag_mt {background-position: -128px -288px!important} .worldFlag.worldFlag_mu {background-position: -160px -288px!important} .worldFlag.worldFlag_mv {background-position: -192px -288px!important} .worldFlag.worldFlag_mw {background-position: -224px -288px!important} .worldFlag.worldFlag_mx {background-position: -256px -288px!important} .worldFlag.worldFlag_my {background-position: -288px -288px!important} .worldFlag.worldFlag_mz {background-position: -320px -288px!important} .worldFlag.worldFlag_na {background-position: -352px -288px!important} .worldFlag.worldFlag_nc {background-position: -384px -288px!important} .worldFlag.worldFlag_ne {background-position: -416px -288px!important} .worldFlag.worldFlag_ng {background-position: -448px -288px!important} .worldFlag.worldFlag_ni {background-position: 0 -320px!important} .worldFlag.worldFlag_nl {background-position: -32px -320px!important} .worldFlag.worldFlag_no {background-position: -64px -320px!important} .worldFlag.worldFlag_np {background-position: -96px -320px!important} .worldFlag.worldFlag_nr {background-position: -128px -320px!important} .worldFlag.worldFlag_nz {background-position: -160px -320px!important} .worldFlag.worldFlag_om {background-position: -192px -320px!important} .worldFlag.worldFlag_pa {background-position: -224px -320px!important} .worldFlag.worldFlag_pe {background-position: -256px -320px!important} .worldFlag.worldFlag_pf {background-position: -288px -320px!important} .worldFlag.worldFlag_pg {background-position: -320px -320px!important} .worldFlag.worldFlag_ph {background-position: -352px -320px!important} .worldFlag.worldFlag_pk {background-position: -384px -320px!important} .worldFlag.worldFlag_pl {background-position: -416px -320px!important} .worldFlag.worldFlag_pr {background-position: -448px -320px!important} .worldFlag.worldFlag_ps {background-position: 0 -352px!important} .worldFlag.worldFlag_pt {background-position: -32px -352px!important} .worldFlag.worldFlag_pw {background-position: -64px -352px!important} .worldFlag.worldFlag_py {background-position: -96px -352px!important} .worldFlag.worldFlag_qa {background-position: -128px -352px!important} .worldFlag.worldFlag_re {background-position: -160px -352px!important} .worldFlag.worldFlag_ro {background-position: -192px -352px!important} .worldFlag.worldFlag_rs {background-position: -224px -352px!important} .worldFlag.worldFlag_ru {background-position: -256px -352px!important} .worldFlag.worldFlag_rw {background-position: -288px -352px!important} .worldFlag.worldFlag_sa {background-position: -320px -352px!important} .worldFlag.worldFlag_sb {background-position: -352px -352px!important} .worldFlag.worldFlag_sc {background-position: -384px -352px!important} .worldFlag.worldFlag_sd {background-position: -416px -352px!important} .worldFlag.worldFlag_se {background-position: -448px -352px!important} .worldFlag.worldFlag_sg {background-position: 0 -384px!important} .worldFlag.worldFlag_si {background-position: -32px -384px!important} .worldFlag.worldFlag_sk {background-position: -64px -384px!important} .worldFlag.worldFlag_sl {background-position: -96px -384px!important} .worldFlag.worldFlag_sm {background-position: -128px -384px!important} .worldFlag.worldFlag_sn {background-position: -160px -384px!important} .worldFlag.worldFlag_so {background-position: -192px -384px!important} .worldFlag.worldFlag_sr {background-position: -224px -384px!important} .worldFlag.worldFlag_st {background-position: -256px -384px!important} .worldFlag.worldFlag_sv {background-position: -288px -384px!important} .worldFlag.worldFlag_sy {background-position: -320px -384px!important} .worldFlag.worldFlag_sz {background-position: -352px -384px!important} .worldFlag.worldFlag_tc {background-position: -384px -384px!important} .worldFlag.worldFlag_td {background-position: -416px -384px!important} .worldFlag.worldFlag_tg {background-position: -448px -384px!important} .worldFlag.worldFlag_th {background-position: 0 -416px!important} .worldFlag.worldFlag_tj {background-position: -32px -416px!important} .worldFlag.worldFlag_tl {background-position: -64px -416px!important} .worldFlag.worldFlag_tm {background-position: -96px -416px!important} .worldFlag.worldFlag_tn {background-position: -128px -416px!important} .worldFlag.worldFlag_to {background-position: -160px -416px!important} .worldFlag.worldFlag_tr {background-position: -192px -416px!important} .worldFlag.worldFlag_tt {background-position: -224px -416px!important} .worldFlag.worldFlag_tv {background-position: -256px -416px!important} .worldFlag.worldFlag_tw {background-position: -288px -416px!important} .worldFlag.worldFlag_tz {background-position: -320px -416px!important} .worldFlag.worldFlag_ua {background-position: -352px -416px!important} .worldFlag.worldFlag_ug {background-position: -384px -416px!important} .worldFlag.worldFlag_us {background-position: -416px -416px!important} .worldFlag.worldFlag_uy {background-position: -448px -416px!important} .worldFlag.worldFlag_uz {background-position: 0 -448px!important} .worldFlag.worldFlag_va {background-position: -32px -448px!important} .worldFlag.worldFlag_vc {background-position: -64px -448px!important} .worldFlag.worldFlag_ve {background-position: -96px -448px!important} .worldFlag.worldFlag_vg {background-position: -128px -448px!important} .worldFlag.worldFlag_vi {background-position: -160px -448px!important} .worldFlag.worldFlag_vn {background-position: -192px -448px!important} .worldFlag.worldFlag_vu {background-position: -224px -448px!important} .worldFlag.worldFlag_ws {background-position: -256px -448px!important} .worldFlag.worldFlag_ye {background-position: -288px -448px!important} .worldFlag.worldFlag_za {background-position: -320px -448px!important} .worldFlag.worldFlag_zm {background-position: -352px -448px!important} .worldFlag.worldFlag_zw {background-position: -384px -448px!important} .csLangOverviewFlagdata-languk, .csLangOverviewFlagdata-langid { padding: 0 5px; } .csLangOverviewFlagdata-languk a { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjgwMCI+PHJlY3Qgd2lkdGg9IjEyMDAiIGhlaWdodD0iODAwIiBmaWxsPSIjMDA1N0I3Ii8+PHJlY3Qgd2lkdGg9IjEyMDAiIGhlaWdodD0iNDAwIiB5PSI0MDAiIGZpbGw9IiNGRkQ3MDAiLz48L3N2Zz4); background-size: cover; background-position: center center; } .csLangOverviewFlagdata-langid a { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MDAiIGhlaWdodD0iNjAwIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwSDkwMFY2MDBIMHoiLz48cGF0aCBmaWxsPSJyZWQiIGQ9Ik0wIDBIOTAwVjMwMEgweiIvPjwvc3ZnPg); background-size: cover; background-position: center center; } .csLangOverviewFlagdata-langvi a { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSItMTUgLTEwIDMwIDIwIj48cGF0aCBmaWxsPSIjREEyNTFkIiBkPSJNLTIwLTE1aDQwdjMwaC00MHoiPjwvcGF0aD48ZyBpZD0iYiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtNikiPjxwYXRoIGlkPSJhIiBmaWxsPSIjRkYwIiB0cmFuc2Zvcm09InJvdGF0ZSgxOCkiIGQ9Ik0wIDB2Nmg0Ij48L3BhdGg+PHVzZSB4bGluazpocmVmPSIjYSIgdHJhbnNmb3JtPSJzY2FsZSgtMSAxKSI+PC91c2U+PC9nPjxnIGlkPSJjIiB0cmFuc2Zvcm09InJvdGF0ZSg3MikiPjx1c2UgeGxpbms6aHJlZj0iI2IiPjwvdXNlPjx1c2UgeGxpbms6aHJlZj0iI2IiIHRyYW5zZm9ybT0icm90YXRlKDcyKSI+PC91c2U+PC9nPjx1c2UgeGxpbms6aHJlZj0iI2MiIHRyYW5zZm9ybT0ic2NhbGUoLTEgMSkiPjwvdXNlPjwvc3ZnPg); background-size: cover; background-position: center center; } .csLangOverviewFlagdata-langnb a { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDIyIDE2Ij4KCTx0aXRsZT5GbGFnIG9mIE5vcndheTwvdGl0bGU+Cgk8cmVjdCB3aWR0aD0iMjIiIGhlaWdodD0iMTYiIGZpbGw9IiNiYTBjMmYiLz4KCTxwYXRoIGQ9Ik0wLDhoMjJNOCwwdjE2IiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iNCIvPgoJPHBhdGggZD0iTTAsOGgyMk04LDB2MTYiIHN0cm9rZT0iIzAwMjA1YiIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPg); background-size: cover; background-position: center center; } .csLangOverviewFlagdata-versiontext_short { padding-right: 0; } .csLangOverviewFlagdata-versiontext_short a { background-image: none; } .myBarChart, .myBarChart * { font-size: 12px; } .myBarChart { width: 100%; height: 300px; padding-top: 50px; padding-left: 100px; padding-bottom: 30px; box-sizing: border-box; position: relative; } .myBarHeader { position: absolute; top: 0; left: 0; right: 0; height: 40px; line-height: 40px; text-align: center; } .myBarContent { position: absolute; top: 60px; right: 0; left: 100px; bottom: 30px; overflow: hidden; border-bottom: 1px solid #000; border-left: 1px solid #000; z-index: 1; } .myBarContent > div { float: left; height: 100%; position: relative; box-sizing: border-box; } .myBarContent > div > div { height: 100%; float: left; width: 100%; position: relative; } .myBarContent > divdata-children2 > div { width: calc(100% / 2); } .myBarContent > divdata-children3 > div { width: calc(100% / 3); } .myBarContent > divdata-children4 > div { width: calc(100% / 4); } .myBarContent > divdata-children5 > div { width: calc(100% / 5); } .myBarContent > divdata-children6 > div { width: calc(100% / 6); } .myBarContent > divdata-children7 > div { width: calc(100% / 7); } .myBarContent > div > div > div { position: absolute; bottom: 0; left: 0px; right: 0px; background-color: #AAA; border-bottom: 0; margin-left: 15%; margin-right: 15%; } .myBarLegendItem:nth-child(1) > span:first-child, .myBarContent > div > div:nth-child(1) > div {background-color: #E85422;} .myBarLegendItem:nth-child(2) > span:first-child, .myBarContent > div > div:nth-child(2) > div {background-color: #97BF0D;} .myBarLegendItem:nth-child(3) > span:first-child, .myBarContent > div > div:nth-child(3) > div {background-color: #00632F;} .myBarLegendItem:nth-child(4) > span:first-child, .myBarContent > div > div:nth-child(4) > div {background-color: #333333;} .myBarLegendItem:nth-child(5) > span:first-child, .myBarContent > div > div:nth-child(5) > div {background-color: #D1E392;} .myBarLegendItem:nth-child(6) > span:first-child, .myBarContent > div > div:nth-child(6) > div {background-color: #F8B334;} .myBarLegendItem:nth-child(7) > span:first-child, .myBarContent > div > div:nth-child(7) > div {background-color: #4D6181;} .myBarContent > div > div > div > i { display: none; position: absolute; top: 0; left: 0; right: 0; height: 20px; line-height: 20px; text-align: center; color: #FFF; } .myBarContent > div > div > div .barTitle { position: absolute; top: 0px; left: 0; right: 0; text-align: center; color: #FFF; height: 20px; line-height: 20px; background-color: rgba(0, 0, 0, 0.1); padding: 0 5px; } .myBarContent > div > div > div .barTitle * { text-align: center; } .myBarContent > div > div > div .barTitle.outside { top: -30px; color: #FFF; background-color: #AAA; } .myBarContent > div > div > div .barTitle.outside::after { content: ; position: absolute; bottom: -8px; left: 50%; margin-left: -10px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid rgba(0, 0, 0, 0.3); border-top: 10px solid #AAA; } .myBarLegendX { position: absolute; bottom: 0px; left: 100px; right: 0; bottom: 0px; height: 30px; line-height: 30px; border-left: 1px solid #000; } .myBarLegendX > div { float: left; } .myBarLegendX > div > span { padding: 0 10px; display: block; text-align: center; } .myBarLegendY { position: absolute; top: 60px; left: 0; right: 0; z-index: 0; bottom: 30px; border-bottom: 1px solid #000; background-color: #EFEFEF; } .myBarLegendY > div { position: relative; } .myBarLegendY > div > span { display: block; position: absolute; padding: 0 10px; left: 0; right: 0; background-color: #E1E1E1; } .myBarLegendY > div:nth-child(2n) > span { background-color: #EFEFEF;; } .myAlert .myBarLegendY { background-color: #000; } .myAlert .myBarLegendY > div > span { background-color: #222; } .myAlert .myBarLegendY > div:nth-child(2n) > span { background-color: #000; } .myBarChartAdmin, .myBarChartAdmin * { } .myBarChartAdminInner {} .myBarChartAdminInner > div { overflow: hidden; padding-right: 60px; height: 30px; line-height: 30px; position: relative; } .myBarChartAdminInner > div + div { border-top: 1px solid #999!important; } .myBarChartAdminInner > div > input { width: 25%; float: left; box-sizing: border-box; height: 30px; line-height: 30px; border: none!important; } .myBarChartAdminInner > div > input + input { text-align: right; border-left: 1px solid #AAA!important; } .myBarChartAdminInner > div > .actions { position: absolute; top: 0; right: 0; bottom: 0; width: 60px; height: 30px; } .myBarChartAdminInner > div > .actions > span { width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 16px; cursor: pointer; background-color: #AAA; color: #FFF; float: left; } .myBarChartAdminInner > div > .actions > span:nth-child(2n) { background-color: #BBB; } .myBarChartAdminActions { overflow: hidden; padding-right: 60px; } .myBarChartAdminSave, .myBarChartAdminSave * { background-color: #E85422!important; } .myBarChartAdminActions .btn { float: left; width: 50%; height: 30px; line-height: 30px; margin: 0!important; font-size: 16px; } .myBarChartAdminPreview {} .myBarLegendItem { float: left; padding: 0 10px 0 40px; height: 30px; line-height: 30px; max-width: 300px; position: relative; background-color: #FFF; margin-right: 20px; } .myBarLegendItem > span:first-child { position: absolute; top: 0; left: 0; bottom: 0; width: 30px; } .myBarChartTitle { background-color: #666; } .myBarChartTitle > span { text-align: center; } divdata-menu { display: table; width: 100%; } .menu-bar { position: relative; display: table; width: 100%; } .menu-nav { display: block; margin: 0; list-style-type: none; } .menu-nav a, .menu-nav span { text-decoration: none; display: block; color: inherit; padding: 5px 10px; } .menu-nav span { cursor: default; } .menu-nav a > .awe, .menu-nav a > class^awe-, .menu-nav a > class* awe-, .menu-nav span > .awe, .menu-nav span > class^awe-, .menu-nav span > class* awe- { color: inherit; } .menu-nav ul { margin: 0; list-style-type: none; } .menu-nav ul > li { position: relative; } .menu-nav > li > ul { position: absolute; display: none; left: 0; text-align: left; background-color: #ffffff; color: #000000; } .main-menu .menu-nav > li:hover > ul { display: block; } .menu-nav > li > ul > li > ul { } .menu-nav > li > ul a, .menu-nav > li > ul span { font-size: smaller; padding-top: 5px !important; padding-bottom: 5px !important; white-space: nowrap; } .menu-nav > li, .menu-nav.menu-type-horizontal > li { float: left; position: relative; } .menu-nav.menu-type-vertical > li { float: none; } .menu-nav.menu-align-left { float: left; } .menu-nav.menu-align-center { float: none; margin-left: auto; margin-right: auto; } .menu-nav.menu-type-horizontal.menu-align-center > li { float: none; display: inline-block; } .menu-nav.menu-align-right { float: right; } .main-menu .menu-nav > li > ul > li ul { position: absolute; -webkit-transform: translate(100%, 0); -o-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); right: 0; top: 0; } .menu-mobile-btn { display: none; float: left; padding: 10px; cursor: pointer; } .main-menu .menu-mobile-btn, .main-menu .menu-mobile-btn > span { line-height: 25px; } .main-menu .menu-mobile-btn > span { font-size: 21px; width: 25px; height: 25px; text-align: center; display: block; box-sizing: content-box !important; } @media (max-width: 767px) { .main-menu .menu-mobile-btn { display: block; } .main-menu .menu-nav { display: none; position: absolute !important; top: 45px; left: 0; } .main-menu .menu-nav > li { float: none !important; margin-left: 0 !important; } .main-menu .menu-nav > li::before { display: none; } .main-menu .menu-nav > li > a, .main-menu .menu-nav > li > span { padding: 0 0 0 12px !important; } .main-menu .menu-nav > li > ul { position: relative !important; -webkit-transform: none !important; -o-transform: none !important; -ms-transform: none !important; transform: none !important; -webkit-transform-origin: 0 0 !important; -o-transform-origin: 0 0 !important; -ms-transform-origin: 0 0 !important; transform-origin: 0 0 !important; padding: 0 !important; } .main-menu .menu-nav > li > ul > li { background-color: transparent !important; padding: 0 !important; } .main-menu .menu-nav > li > ul > li > a, .main-menu .menu-nav > li > ul > li > span { color: inherit !important; padding: 0 !important; } } .csBreadcrumb { margin: 0; padding: 0; display: table; width: 100%; } .csBreadcrumb > li { float: left; display: block; } .csBreadcrumb > li.csBreadcrumbSeparator { opacity: 0.5; line-height: inherit; margin-left: 0.5em; margin-right: 0.5em; min-height: 1px; } html:lang(ar) .csBreadcrumb > li.csBreadcrumbSeparator, html:lang(fa) .csBreadcrumb > li.csBreadcrumbSeparator { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); } .elem-imageslider divdata-imageslider { height: 100%; position: relative; overflow: hidden; width: 100%; } .elem-imageslider divdata-imageslider > div, .elem-imageslider divdata-imageslider > div.csImageSliderItemContainer > div.csImageSliderItemContainer-image{ height: 100%; width: 100%; margin: 0; position: absolute; background-color: transparent; background-position: center center; background-size: cover; z-index: 0; opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .elem-imageslider divdata-imageslider > div.front, .elem-imageslider divdata-imageslider > div.front > div.csImageSliderItemContainer-image{ z-index: 1 !important; opacity: 1; } .elem-imageslider divdata-imageslider > div.linked, .elem-imageslider divdata-imageslider > divdata-href{ cursor: pointer; } .elem-companydata divdata-companydata table tr td { padding: 0 10px; } .elem-companydata divdata-companydata table tr td:first-child { padding-left: 0; width: 1px; white-space: nowrap; } .elem-companydata divdata-companydata table tr td:last-child { padding-right: 0; } .elem-companydata divdata-companydatalogo a { display: inline-block; } .elem-companydata divdata-companydatalogo img { vertical-align: bottom; max-width: 100%; } .elem-companydata divdata-companydataaddress span { display: block; } .companydata-row > .awe, .companydata-row > class^awe-, .companydata-row > class* awe- { margin-right: 5px; } .companydata-row > .awe-phone{ width:17px; } a.social-text{ margin:0 0 0 10px; } .csProductsList{ display: table; width: 100%; } .csProductsList .csProductContainer{ float: left; box-sizing: border-box; } .csProductsList .csProductContainerdata-col2:nth-child(2n+1), .csProductsList .csProductContainerdata-col3:nth-child(3n+1), .csProductsList .csProductContainerdata-col4:nth-child(4n+1) { clear: both; } .csProductsListView .loadMore{ margin-top:20px; margin-left: auto; margin-right: auto; display: table; } .csProductsList .csProductContainer > .csProductItem { display: table; width: 100%; } .csProductItem .csProductItemBody { } .csProductItem .csProductItemBody .csProductItemImage { height: 150px; overflow: hidden; position: relative; } .csProductItem .csProductItemBody .csProductItemImage img{ margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; max-width: 100%; max-height: 100%; } .csProductItem .csProductItemBody .csProductItemImage imgdata-layout1{ width: auto; max-height: 100%; } .csProductItem .csProductItemBody .csProductItemImage imgdata-layout2{ max-width: 100%; height: auto; } .csProductItem .csProductItemHeader { padding: 10px 0 0 0; } .csProductItem .csProductItemHeader .csProductItemCaption { margin-bottom: 10px; color: rgba(236,123,43,1); } .csProductItem .csProductItemHeader .csProductItemTraits { margin-bottom: 10px; overflow:hidden; } .csProductItem .csProductItemHeader .csProductItemTraitsdata-numtraits1{ min-height: 1.5em; max-height: 1.5em; } .csProductItem .csProductItemHeader .csProductItemTraitsdata-numtraits2{ min-height: 3em; max-height: 3em; } .csProductItem .csProductItemHeader .csProductItemTraitsdata-numtraits0, .csProductItem .csProductItemHeader .csProductItemTraitsdata-numtraits3{ min-height: 4.275em; max-height: 4.275em; } .csProductItem .csProductItemHeader .csProductItemTraitsdata-numtraits4{ min-height: 5.5em; max-height: 5.5em; } .csProductItem .csProductItemHeader .csProductItemTraitsdata-numtraits5{ min-height: 7.5em; max-height: 7.5em; } .csProductItem .csProductItemHeader .csProductItemTraitsdata-numtraits6{ min-height: 9.275em; max-height: 9.275em; } .csProductItem .csProductItemHeader .csProductItemTraitsdata-numtraits7{ min-height: 10em; max-height: 10em; } .csProductItem .csProductItemHeader .csProductItemTraitsdata-numtraits8{ min-height: 13em; max-height: 13em; } .csProductItem .csProductItemHeader .csProductItemTraitsdata-numtraits9{ min-height: 11.55em; max-height: 11.5em; } .csProductItem .csProductItemHeader .csProductItemTraitsdata-numtraits10{ min-height: 15em; max-height: 15em; } .csProductItem .csProductItemHeader .csProductItemTraits table.table { width: auto; } .csProductItem .csProductItemHeader .csProductItemTraits td { padding: 0; } .csProductItem .csProductItemHeader .csProductItemTraits td:first-child { padding-right: 10px; font-weight: bold; } .csProductItem .csProductItemHeader .csProductItemDesc { margin-bottom: 10px; } .csProductItem .csProductItemFooter .productPreviewFooter { margin-top: 1em; } .csProductItem .csProductItemFooter .productPreviewFooter a.btn { } .csProductListRowDetailContainer { display: table; width: 100%; } .csProductListRowDetailContainer .csProductListRowDetailContainerLeft, .csProductListRowDetailContainer .csProductListRowDetailContainerRight { width: 50%; float: left; } .csProductListRowDetailContainer .csProductListRowDetailContainerLeft { } .csProductListRowDetailContainer .csProductListRowDetailContainerRight { } .csProductListRowDetailContainer .csProductListRowDetail { display: table; width: 100%; margin: 1.425em 0; } .csProductListRowDetailContainer .csProductListRowDetail.name { } .csProductListRowDetailContainer .csProductListRowDetail.name h2 { margin: 0 !important; } .csProductListRowDetailContainer .csProductListRowDetail.ref { margin-top: -1.425em; } .csProductListRowDetailContainer .csProductListRowDetail.traits { } .csProductListRowDetailContainer .csProductListRowDetail.traits table { width: auto; } .csProductListRowDetailContainer .csProductListRowDetail.traits td { padding: 0; } .csProductListRowDetailContainer .csProductListRowDetail.traits td:first-child { padding-right: 10px; } .csProductListRowDetailContainer .csProductListRowDetail.files { } .csProductListRowDetailContainer .csProductListRowDetail.files ul { list-style-type: none; margin-left: 0; } .csProductListRowDetailContainer .csProductListRowDetail.files a { display: inline; } .csProductItem .csProductItemBody.floatLeft, .csProductItem .csProductItemHeader.floatLeft{ float:left; } .csProductItem .floatLeft:nth-child(2n){ padding-left:10px; } .csProductOverviewRowDetailTraitTable { width: auto; } .csProductOverviewRowDetailTraitTable td:first-child { font-weight: bold; } .productinfo-block-row-images .defaultPreviewItemdata-col1:first-child > div:not(.MYIS_add) { padding-top: 0; } .productinfo-block-row-images .defaultPreviewItem img { max-width: 100%; } .productinfo-block-row-files > div:first-child { margin-bottom: 1em; } .productinfo-block-row-files ul { } .productinfo-block-row-files ul > li { list-style-type: none; } .productinfo-block-row-files ul > li::before { content: \f15b; margin-right: 10px; margin-left: -15px; display: inline-block; font-family: FontAwesome!important; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .productinfo-block-row-files ul > li.file-type-1::before {} .productinfo-block-row-files ul > li.file-type-2::before {} .productinfo-block-row-files ul > li.file-type-3::before {} .subGrid > .container > .container-inner {} .subGrid > .container > .container-inner > * { width: 100%!important; float: none!important; margin: 0!important; padding: 0!important; } .csProductItemCaption > a { white-space: normal !important; word-wrap: anywhere !important; } @media (max-width: 767px) { .csProductsList { display: block; } .csProductsList .csProductContainer > .csProductItem { display: block; } .csProductItem .csProductItemBody.floatLeft, .csProductItem .csProductItemHeader.floatLeft{ float:none; } .csProductItem .csProductItemHeader .csProductItemTraits table.table { table-layout: fixed; } } @media (max-width: 480px) { .csProductsList .csProductContainer { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; float: none; } .csProductItem .floatLeft:nth-child(2n){ padding-left: 0; } .csProductItem .csProductItemHeader .csProductItemTraits table.table { width: 100%; } } .blogiteminfo-block { } .blogiteminfo-block-content { } .blogiteminfo-block-row-image img { display: block; max-width: 100%; } .csCatItemImage img { max-width: 100%; } .csItemList{ display: table; width: 100%; } .csItemList .csItemContainer{ float: left; box-sizing: border-box; } .csItemList .csItemContainerdata-col2:nth-child(2n+1), .csItemList .csItemContainerdata-col3:nth-child(3n+1), .csItemList .csItemContainerdata-col4:nth-child(4n+1) { clear: both; } .csCatItemBody { display: table; width: 100%; } .csCatItemBodydata-imagedesignleft .csCatItemImage, .csCatItemBodydata-imagedesignleft .csCatItemIntrotext, .csCatItemBodydata-imagedesignright .csCatItemIntrotext, .csCatItemBodydata-imagedesignright .csCatItemImage { width: 47.25%; } .csCatItemBodydata-imagedesignright .csCatItemIntrotext, .csCatItemBodydata-imagedesignleft .csCatItemImage { float: left; } .csCatItemBodydata-imagedesignleft .csCatItemImage { margin-right: 5%; } .csCatItemBodydata-imagedesignleft .csCatItemIntrotext, .csCatItemBodydata-imagedesignright .csCatItemImage { float: right; } .csCatItemBodydata-imagedesignright .csCatItemImage { margin-left: 5%; } .csItemListView .loadMore{ margin-top:20px; margin-left: auto; margin-right: auto; display: table; } .csItemListViewdata-numitems0 .csItemListCategory{ cursor:pointer; } @media (max-width: 767px) { .csItemList { display: block; } .csItemList .csItemContainer > .csCategoryItem { display: block; } } @media (max-width: 480px) { .csItemList .csItemContainer { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; float: none; } .csProductItem .floatLeft:nth-child(2n){ padding-left: 0; } } .csNewsListView, .csNewsList{ display: table; width: 100%; } .csNewsListView .csNewsContainer{ float: left; box-sizing: border-box; } .csNewsListView .csNewsContainerdata-col2:nth-child(2n+1), .csNewsListView .csNewsContainerdata-col3:nth-child(3n+1), .csNewsListView .csNewsContainerdata-col4:nth-child(4n+1) { clear: both; } .csNewsItem { } .csNewsItem .csNewsItemHeader { } .csNewsItem .csNewsItemHeader .csNewsItemImage { height: 150px; overflow: hidden; position: relative; } .csNewsItem .csNewsItemHeader .csNewsItemImage img { width: 100%; height: auto; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .csNewsItem .csNewsItemHeader .csNewsItemCaption { margin: 1.425em 0 0 0; } .csNewsItem .csNewsItemHeader .csNewsItemCaptionSub { font-size: smaller; margin: 0 0 1.425em 0; } .csNewsItem .csNewsItemBody { } .csNewsItem .csNewsItemBody .csNewsItemIntrotext { max-height: 4.275em; min-height: 4.275em; overflow: hidden; margin: 0 0 1.425em 0; } .csNewsListView .loadMore{ margin-top:20px; margin-left: auto; margin-right: auto; display: table; } .csNewsItemDetail { } .csNewsItemDetail .csNewsItemHeader .csNewsItemCaption { margin: 0 !important; } .csNewsItemDetail .csNewsItemHeader .csNewsItemCaptionSub { font-size: smaller; margin: 0 0 1.425em 0; } .csNewsItemDetail .csNewsItemBody .csNewsItemText { } .csNewsItemDetail .csNewsItemBody .csNewsItemImage { display: block; max-width: 500px; float: left; margin: 0 20px 10px 0; } .elem-h1 h1data-h1, .elem-h1 h2data-h1, .elem-h1 h3data-h1, .elem-h1 h4data-h1, .elem-h1 h5data-h1, .elem-h1 h6data-h1{ font-size: inherit; color: inherit; font-family: inherit; font-weight: inherit; text-align: inherit; text-decoration: inherit; line-height: inherit; } .keywordinfo-block { } .keywordinfo-block-name { margin-bottom: 1em; } .keywordinfo-block-content { } .keywordinfo-block-content table.csKeywordOverviewRowDetailContactTable td:first-child { width:1px; } .keywordinfo-block-row-combinations span { } .keywordinfo-block-row-combinations span:after { content: , ; } .keywordinfo-block-row-combinations span:last-child:after { content: ; display: none; } .keywordinfo-block-row-files > div:first-child { margin-bottom: 1em; } .keywordinfo-block-row-files ul { } .keywordinfo-block-row-files ul > li { list-style-type: none; } .keywordinfo-block-row-files ul > li::before { content: \f15b; margin-right: 10px; margin-left: -15px; display: inline-block; font-family: FontAwesome!important; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .keywordinfo-block-row-files ul > li.file-type-1::before { } .keywordinfo-block-row-files ul > li.file-type-2::before { } .keywordinfo-block-row-files ul > li.file-type-3::before { } .elem-sitemap divdata-sitemap a { font-size: inherit; color: inherit; font-family: inherit; font-weight: inherit; text-align: inherit; text-decoration: inherit; line-height: inherit; } .elem-contactform divdata-contactform .csContactFormContainer .csContactFormLabel, .elem-contactform divdata-contactform .csContactFormContainer .csContactFormInput{ font-size: inherit; color: inherit; font-family: inherit; font-weight: inherit; text-align: inherit; text-decoration: inherit; } .elem-contactform divdata-contactform .csContactFormContainer .csContactFormLabel{ float:left; width:30%; } .elem-contactform divdata-contactform .csContactFormContainer .csContactFormInput{ float:left; width:68%; } .elem-contactform divdata-contactform .csContactFormContainer .csContactFormBlock{ margin-bottom: 10px; display: table; width: 100%; } .elem-contactform divdata-contactform .csContactFormContainer .csContactFormBlock .cs_contactform_submit_btn{ text-align: center; } .form-vertical .elem-contactform divdata-contactform .csContactFormContainer .csContactFormLabel, .form-vertical .elem-contactform divdata-contactform .csContactFormContainer .csContactFormInput{ float:none; width:100%; } .form-center, .form-center input, .form-center textarea { text-align: center; } .csContactFormBlock-submit .csContactFormLabel { display: none; } @media (max-width: 767px){ .elem-contactform divdata-contactform .csContactFormContainer .csContactFormLabel, .elem-contactform divdata-contactform .csContactFormContainer .csContactFormInput{ float:none; width:100%; } } .fbElement{ clear:both; } .fbElement div.six{ float:left; } .fbElement_1 div.starWrapper{ unicode-bidi: bidi-override; direction: rtl; text-align:left; cursor:pointer; } .fbElement_1 div.starWrapper > span { display: inline-block; position: relative; width: 1.1em; } .fbElement_1 div.starWrapper > span:hover:before, .fbElement_1 div.starWrapper > span:hover ~ span:before { content: \2605; position: absolute; color:orange; } .fbElement_1 div.starWrapper > span.activeStar:before, .fbElement_1 div.starWrapper > span.activeStar ~ span:before { content: \2605; position: absolute; color:orange; } .fbElement_7{ font-size: 1.5em; } form .controls .checkbox.hasError:before { content: \f071; font-family: FontAwesome!important; position: absolute; right: 0px; line-height: 22px; margin: 0; width: 25px; font-size: 15px; text-align: center; background-color: #FF0000; color: #FFF!important; } .elem-search divdata-search { display: table; width: 100%; } form.csSearchForm { display: table-row; } form.csSearchForm .csSearchFormInput, form.csSearchForm .csSearchFormSubmit { display: table-cell; } form.csSearchForm .csSearchFormSubmit { width: 1px; } form.csSearchFormdata-buttonpositiontype1 .csSearchFormSubmit { display: block; width: auto; position: absolute; left: 0; top: 0; } form.csSearchFormdata-buttonpositiontype1 .csSearchFormInput + .csSearchFormSubmit { right: 0; left: auto; } .overlay-inner-container .overlay-sidepanel { background-color: transparent !important; } #overlay_search .overlay-content-item { height: 100vh; text-align: left; } .csSearchResultItem { } .csSearchResultItem .highlight { color: inherit; font-weight: bold; } .myForm { &.cs_current_sending { min-height: 80px; & > * { display: none; position: relative; } &:before { width: 80px; height: 80px; line-height: 80px; font-size: 40px; content: \f110; font-family: FontAwesome; position: absolute; top: 50%; left: 50%; margin-top: -40px; margin-left: -40px; text-align: center; animation-name: spin; animation-duration: 5000ms; animation-iteration-count: infinite; animation-timing-function: linear; } } } .myBarChart, .myBarChart * { font-size: inherit; } .myBarChart { } .myBarHeader { } .myBarContent { } .myBarContent > div { } .myBarContent > div > div { } .myBarContent > div > div > div { } .myBarLegendItem:nth-child(1) > span:first-child, .myBarContent > div > div:nth-child(1) > div {background-color: rgba(236,123,43,1) !important;} .myBarContent > div > div > div > i { } .myBarContent > div > div > div .barTitle { } .myBarContent > div > div > div .barTitle * { } .myBarContent > div > div > div .barTitle.outside { } .myBarContent > div > div > div .barTitle.outside::after { } .myBarLegendX { } .myBarLegendX > div { } .myBarLegendX > div > span { } .myBarLegendY { } .myBarLegendY > div { } .myBarLegendY > div > span { } .myBarLegendY > div:nth-child(2n) > span { } .myAlert .myBarLegendY { } .myAlert .myBarLegendY > div > span { } .myAlert .myBarLegendY > div:nth-child(2n) > span { } divdata-image > img { max-width: 100%; } divdata-image > picture > img { max-width: 100%; } divdata-singlevideo > video { height: 100%; position: relative; overflow: hidden; width: 100%; } divdata-button { display: table; } divdata-buttondata-button-params*widthbtn-full { width: 100%; } divdata-buttondata-button-params*floatbtn-fcenter { margin: 0 auto; } divdata-buttondata-button-params*floatbtn-fleft { } divdata-buttondata-button-params*floatbtn-fleft > div { text-align: left; } divdata-buttondata-button-params*floatbtn-fright { float: right; } divdata-buttondata-button-params*floatbtn-fright > div { text-align: right; } divdata-button .btn{ width:auto; display: table-cell; } divdata-button .btn-full { width:100%; } divdata-button .btn span.awe, divdata-button .btn spanclass^awe-, divdata-button .btn spanclass* awe- { margin-right: 5px; } .paymentOverlay {} .paymentOverlay #cs_payment_data_form { padding-bottom: 0; } .myAlert.paymentOverlay .myAlert-prompt { padding: 1rem; background-color: #000; } .paymentOverlay #cs_payment_data_form .inputBlock { padding-left: 50%; position: relative; background-color: #FFF; margin: 0; } .paymentOverlay #cs_payment_data_form .inputBlock + .inputBlock { margin-top: 1rem; } .paymentOverlay #cs_payment_data_form .inputBlock label { position: absolute; top: 0; left: 0; width: 50%; background-color: rgba(0,0,0,0.1); color: #000; } .paymentOverlay #cs_payment_data_form .inputBlock label, .paymentOverlay #cs_payment_data_form .inputBlock name { padding: 0 0.5rem; } .paymentOrderSummaryWrapper, .paymentMethodSelectWrapper { padding: 1rem; background-color: #FFF; } .paymentOrderSummaryWrapper { padding-bottom: 0; } .paymentOrderSummaryWrapper, .paymentOrderSummaryWrapper *, .paymentMethodSelectWrapper, .paymentMethodSelectWrapper * { color: #000; } .paymentMethodSelectWrapper > i { display: block; font-style: normal; text-align: center; font-size: 1.2rem; } .paymentMethodWrapperContainer data-actionfinishTransaction, .paymentMethodSelectWrapper .paymentMethodBtnContainer > *, .paymentMethodSelectWrapper data-actionprocess { text-align: center; width: 100%; height: 40px; line-height: 40px; background-color: rgba(0,0,0,0.1); color: #000; cursor: pointer; opacity: 0.5; margin-top: 1rem; } .paymentMethodWrapperContainer data-actionfinishTransaction { margin-top: 0rem; } .paymentMethodWrapperContainer data-actionfinishTransaction, .paymentMethodSelectWrapper data-actionprocess:hover { background-color: #97BF0D; opacity: 1; } .paymentMethodSelectWrapper .paymentMethodBtnContainer > *:hover, .paymentMethodSelectWrapper .paymentMethodBtnContainer > *.active { opacity: 1; } .paymentMethodWrapperContainer { padding-top: 1.5rem; overflow: hidden; } .paymentOrderSummaryWrapper table { table-layout: fixed; width: 100%; } .paymentOrderSummaryWrapper table td { width: 60%; padding: 5px 0; } .paymentOrderSummaryWrapper table tr + tr td { border-top: 1px solid rgba(0,0,0,0.3); } .paymentOrderSummaryWrapper table td + td { width: 40%; text-align: right; } .paymentOrderSummaryWrapper table tfoot td { border-top: 1px solid rgba(0,0,0,0.6); font-weight: bold; } .paymentMethodLoadingInfo { text-align: center; display: block; margin-bottom: 1.5rem; } .cs_currency_select_wrapper {} .cs_currency_select_wrapper select { height: 40px; line-height: 40px; padding: 0 0.5rem; } .cs_product { background-color: #FFF; position: relative; padding-top: 10px; } .cs_product, .cs_product * { box-sizing: border-box; } .cs_product.cs_product_has_images, .cs_product.cs_product_has_videos { padding-top: 250px; } .cs_product_inner { padding-bottom: 0.5rem!important; } .cs_product_inner > * { padding-top: 0!important; padding-bottom: 0!important; margin-bottom: 0.5rem; } .cs_product_title, .cs_product_price_output { padding: 0 1rem; height: 40px; line-height: 40px; text-align: left; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cs_product_title { font-weight: bold; } .cs_product_properties { padding: 0 1rem; } .cs_product_properties > table, data-keyproperties > table { table-layout: fixed; width: 100%; } .cs_product_properties > table tr > td { padding-right: 1rem; font-size: 0.8rem; min-height: 30px; line-height: 1.3rem; padding-top: 3px; padding-bottom: 3px; } .cs_product_properties > table tr > td:first-child { font-weight: bold; } .cs_product_properties > table tr > td + td { padding-right: 0; } .cs_product_properties > table tr > td * { font-style: normal; } .cs_product_basic_ref { padding: 0 1rem; height: 30px; line-height: 30px; text-align: left; display: block; font-size: 0.8rem; margin-top: -10px; } .cs_product_generic_data_desc { padding: 0 1rem; height: auto!important; } .cs_product_url_detail { display: block; width: 100%; padding: 0 1rem; } .cs_product_url_detail > a { display: block; width: 100%; height: 40px; line-height: 40px; background-color: rgba(0,0,0,0.1); cursor: pointer; text-align: center; } .cs_product_generic_data_teaser { padding: 1rem; font-size: 0.9rem; line-height: 1.2rem; } .cs_product_upload { display: none; } .cs_product_upload_1 , .cs_product_upload_2, .cs_product_upload_3 { position: relative; display: block; height: 250px; overflow: hidden; } .cs_product_upload_3 { height: auto; padding: 0 1rem; } .cs_product_upload_1, .cs_product_upload_2 { position: absolute; top: 0; left: 0; right: 0; z-index: 1; } .cs_product_upload_1 > *, .cs_product_upload_2 > * { height: 250px; width: 100%; display: flex; } .cs_product_upload_3 > * { height: 40px; line-height: 40px; display: block; padding: 0 1rem; padding-left: 40px; position: relative; background-color: rgba(0,0,0,0.05); margin-bottom: 1rem; } .cs_product_upload_3 > *:before { content: ; position: absolute; top: 0; left: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; content: \f019; font-family: FontAwesome !important; } .cs_product_upload_1 > * > * > *, .cs_product_upload_2 > * > * > * { display: block; height: 250px; width: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .cs_product_upload_2 > * > * > *:before { content: \f04b; font-family: FontAwesome !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; line-height: 50px; color: #FFF; font-size: 50px; cursor: pointer; text-shadow: 0px 0px 5px rgba(0, 0, 0, 1); opacity: 0.5; transition: opacity .5s ease-out; -moz-transition: opacity .5s ease-out; -webkit-transition: opacity .5s ease-out; -o-transition: opacity .5s ease-out; } .cs_product_upload_2 > * > *:hover::before { opacity: 1; } .cs_product_has_images { & .cs_slideshow { outline: 1px solid black; padding: 1rem; & > * { display: block; width: 100%; height: 100%; position: relative; & > * { height: auto!important; background-size: contain; } } } } .elem-productdata data-keygeneric_data_title { text-align: center; } .elem-productdata data-keygeneric_data_desc {} .elem-productdata data-keyupload_single { position: relative; outline: 1px solid black; } .elem-productdata data-keyupload_single data-keyupload_title { width: 100%; line-height: 30px; min-height: 40px; padding: 5px 1rem; background-color: rgba(0,0,0,0.08); display: block; position: absolute; bottom: 0; left: 0; right: 0; } .elem-productdata data-keyupload_single > data-type1, .elem-productdata data-keyupload_single > data-type2 { outline: 1px solid black; width: 100%; min-height: 250px; overflow: hidden; } .elem-productdata data-keyupload_single > data-type1, .elem-productdata data-keyupload_single > data-type2 { display: block; background-size: cover; background-repeat: no-repeat; background-position: center center!important; width: 100%; height: 100%; } .elem-productdata data-keyupload_1 .cs_slideshow, .elem-productdata data-keyupload_2 .cs_slideshow { outline: 1px solid black; width: 100%; height: 250px; overflow: hidden; } .elem-productdata data-keyupload_1 .cs_slideshow > span, .elem-productdata data-keyupload_2 .cs_slideshow > span { display: block; height: 100%; position: relative; } .elem-productdata data-keyupload_1 .cs_slideshow > span > *, .elem-productdata data-keyupload_2 .cs_slideshow > span > * { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: center center!important; width: 100%; height: inherit; } .elem-productdata data-keyupload_2 .cs_slideshow > span > *:before, .elem-productdata data-keyupload_single > data-type2:before { content: \f04b; font-family: FontAwesome !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; line-height: 50px; color: #FFF; font-size: 50px; cursor: pointer; text-shadow: 0px 0px 5px rgba(0, 0, 0, 1); opacity: 0.5; transition: opacity .5s ease-out; -moz-transition: opacity .5s ease-out; -webkit-transition: opacity .5s ease-out; -o-transition: opacity .5s ease-out; } .elem-productdata data-keyupload_2 .cs_slideshow > span > *::hover:before, .elem-productdata data-keyupload_single:hover > data-type2:before { opacity: 1; } .elem-productdata data-keyupload_3 {} .elem-productdata data-keyproperties {} .elem-productdata data-keyproperties table { table-layout: fixed; width: 100%; background-color: #FFF; border-collapse: collapse; } .elem-productdata data-keyproperties table th, .elem-productdata data-keyproperties table td { line-height: 30px; font-size: 90%; padding: 0 0.5rem; border: 1px solid rgba(0,0,0,0.2); } .elem-productdata data-keyproperties table td, .elem-productdata data-keyproperties table td * { font-style: normal!important; } .elem-productdata data-keyproperties table th { background-color: rgba(0,0,0,0.05); } .elem-productdata data-keyproperties table tr td { padding: 0 0.5rem; } .elem-productdata data-keyproperties table th, .elem-productdata data-keyproperties table tr td:first-child { font-weight: bold; } .showOverlay, .loadOverlay { cursor: pointer; } .overlay { width: 100%; height: 100%; z-index: 2000; left: 0px; top: 0px; position: fixed; } .overlay-bg { width: 100%; height: 100%; z-index: 1000; position: absolute; left: 0px; top: 0px; opacity: 0.5; } .overlay .overlay-bg { background-color: #000; } .overlay-inner { z-index: 1001; text-align: center; position: absolute; width: 100%; height: 100%; max-height: 100%; overflow-y: scroll; overflow-x: hidden; } .overlay-inner-container { position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 300px; background-color: #FFF; padding: 0px!important; margin: 0px!important; max-height: 100%; overflow: hidden; padding-right: 40px!important; } .overlay-inner-container .overlay-sidepanel { width: 40px; position: absolute; top: 0; right: 0; bottom: 0; padding: 0!important; overflow: hidden; background-color: #E3E3E3; } .overlay-inner-container .overlay-sidepanel > div { width: 40px; height: 40px; line-height: 40px; text-align: center; color: #FFF; background-color: #00632F; cursor: pointer; padding: 0!important; margin-bottom: 5px; opacity: 0.8; } .overlay-inner-container .overlay-sidepanel > div:hover { opacity: 1; } .overlay-inner-container .overlay-sidepanel > div.overlay-close { background-color: #E85422!important; position: relative!important; } .overlay-inner-container .overlay-sidepanel > div, .overlay-inner-container .overlay-sidepanel > div * { font-size: 25px!important; } .overlay-close { position: absolute; z-index: 1010; right: 0px; top: 0px; width: auto; padding: 0px 20px!important; height: 25px; line-height: 25px; text-align: center; cursor: pointer; background-color: #D1E392!important; color: #000; font-size: initial!important; } .overlay-close:hover { opacity: 1; } .body_ar .overlay-close { right: auto; left: 0px; } .body_ar .overlay-inner-container { float: right; } .overlay-inner-container > div { overflow: hidden; padding-top: 0px; padding-bottom: 0px; overflow-y: auto; } .overlay-inner-container > div > header, .overlay-inner-container > div > div { padding: 20px; } .overlay-inner-container > div > header { padding-bottom: 0px; } .overlay-inner-container > div > header + div {} .overlay-inner-containerdata-type2, .overlay-inner-containerdata-type3 { position: absolute; width: 600px; } .overlay-inner-containerdata-type4 { position: absolute; width: 900px; } .overlaydata-typevideo .overlay-inner-containerdata-type4 { background-color: #FFF; } .overlay-inner-containerdata-type2 {} .overlay-inner-containerdata-type3 { color: #333; font-size: 2em; line-height: 3em; } .overlay-inner-containerdata-type3 iframe{ min-height:400px; } .overlay-inner-containerdata-type3 #defaultOverlayMessageSpan { display: block; text-align: center; margin-top: 30px; } #overlay_gallery .overlay-inner-container { text-align: center; } #overlay_gallery .overlay-inner-container video, #overlay_gallery .overlay-inner-container iframe { width: 100%; max-width: 100%; } #overlay_gallery .overlay-inner-container img { max-width: 100%; } #overlayGalleryNav { position: absolute; bottom: 0; right: 0; left: 0; height: 40px; width: 100%; overflow: hidden; padding: 0!important; opacity: .2; background-color: #333; } #overlayGalleryNav:hover { opacity: 1; } #overlayGalleryNav span { position: absolute; display: block; cursor: pointer; height: 40px; line-height: 40px; width: 40px; text-align: center; top: 0; bottom: 0; color: #FFF; } #overlayGalleryNav span:nth-child(1) { left: 0; } #overlayGalleryNav span:nth-child(2) { right: 0; } .showOverlaydata-typeimage { cursor: zoom-in; } .overlay-dummy .loading-square { top: 50%; margin-top: -25px; } .overlay-dummy .loading-square * { background-color: #EFEFEF; } @media (max-width:1024px) { .overlay-inner-container { width: calc(100% - 40px) !important; } } .column, .columns { min-height: 1px; position: relative; display: table-cell; vertical-align: top; word-wrap: break-word; overflow-wrap: break-word; z-index: 10; } .collapsed.column, .collapsed.columns { padding: 0; } .padding-less { padding: 0!important; } .margin-less { margin: 0!important; } .default-padding, .column > .pf, .columns > .pf, .column, .columns { padding: 0 2%; } .column > .pfr, .columns > .pfr { padding-right: 2%; } .column > .pfl, .columns > .pfl { padding-left: 2%; } .column.centered, .columns.centered { float: none; margin: 0 auto; } class*column + class*column:last-child { } class*column + class*column.end { float: left; } .body_ar class*column + class*column:last-child { float: left; } .body_ar class*column + class*column.end { float: right; } .oc { overflow: hidden; } .zeroPointFive, .row .zeroPointFive { width: 2.166665%; } .one, .row .one { width: 4.33333%; } .onePointFive, .row .onePointFive { width: 8.76923982249%; } .two, .row .two { width: 12.66667%; } .twoPointFive, .row .twoPointFive { width: 16.833335%; } .three, .row .three { width: 21%; } .threePointFive, .row .threePointFive{ width: 25.166665%; } .four, .row .four { width: 29.33333%; } .fourPointFive, .row .fourPointFive { width: 33.5%; } .five, .row .five { width: 37.66667%; } .fivePointFive, .row .fivePointFive { width: 41.833335%; } .six, .row .six { width: 46%; } .sixPointFive, .row .sixPointFive { width: 50.166665%; } .seven, .row .seven { width: 54.33333%; } .sevenPointFive, .row .sevenPointFive{ width: 58.5%; } .eight, .row .eight { width: 62.66667%; } .eightPointFive, .row .eightPointFive{ width: 66.833335%; } .nine, .row .nine { width: 71%; } .ninePointFive, .row .ninePointFive { width: 75.166665%; } .ten, .row .ten { width: 79.33333%; } .tenPointFive, .row .tenPointFive { width: 83.5%; } .eleven, .row .eleven { width: 87.66667%; } .elevenPointFive, .row .elevenPointFive { width: 91.833335%; } .twelve, .row .twelve { width: 96%; } .zeroPointFive.collapsed { width: 4.1666666665%; } .one.collapsed { width: 8.333333333%; } .onePointFive.collapsed { width: 12.4999999995%; } .two.collapsed { width: 16.66666667%; } .twoPointFive.collapsed { width: 20.8333333325%; } .three.collapsed { width: 25%; } .threePointFive.collapsed { width: 29.1666666655%; } .four.collapsed { width: 33.33333333%; } .fourPointFive.collapsed { width: 37.4999999985%; } .five.collapsed { width: 41.66666667%; } .fivePointFive.collapsed { width: 45.8333333315%; } .six.collapsed { width: 50%; } .sixPointFive.collapsed { width: 54.1666666645%; } .seven.collapsed { width: 58.33333333%; } .sevenPointFive.collapsed { width: 62.4999999975%; } .eight.collapsed { width: 66.66666667%; } .eightPointFive.collapsed { width: 70.8333333305%; } .nine.collapsed { width: 75%; } .ninePointFive.collapsed { width: 79.1666666635%; } .ten.collapsed { width: 83.33333333%; } .tenPointFive.collapsed { width: 87.4999999965%; } .eleven.collapsed { width: 91.66666667%; } .elevenPointFive.collapsed { width: 95.8333333295%; } .twelve.collapsed { width: 100%; } .grid, .subGrid > .container > .container-inner { display: grid; grid-template-columns: repeat(auto-fill, minmax(30%, 1fr)); gap: 1em; width: 100%!important; } .grid *, .subGrid > .container > .container-inner * { box-sizing: border-box; } .grid > *, .subGrid > .container > .container-inner > * { width: 100%!important; } .grid.collapsed, .subGrid.collapsed > .container > .container-inner { grid-gap: 0em!important; } .grid.width_1, .subGrid.width_1 > .container > .container-inner { grid-template-columns: repeat(auto-fill, minmax(95%, 1fr)); } .grid.width_2, .subGrid.width_2 > .container > .container-inner { grid-template-columns: repeat(auto-fill, minmax(45%, 1fr)); } .grid.width_3, .subGrid.width_3 > .container > .container-inner { grid-template-columns: repeat(auto-fill, minmax(30%, 1fr)); } .grid.width_4, .subGrid.width_4 > .container > .container-inner { grid-template-columns: repeat(auto-fill, minmax(23%, 1fr)); } .grid.width_5, .subGrid.width_5 > .container > .container-inner { grid-template-columns: repeat(auto-fill, minmax(18%, 1fr)); } .flex { display: flex; gap: 1em; } .flex_1 { flex: 1; } .flex_2 { flex: 2; } .flex_3 { flex: 3; } .flex_4 { flex: 4; } .flex_5 { flex: 5; } .flex_6 { flex: 6; } .flex_7 { flex: 7; } .flex_8 { flex: 8; } .flex_9 { flex: 9; } .flex_10 { flex: 10; } .flex_auto { flex: auto; } .flex_p10 { flex: 0 0 10%; } .flex_p20 { flex: 0 0 20%; } .flex_p30 { flex: 0 0 30%; } .flex_p40 { flex: 0 0 40%; } .flex_p50 { flex: 0 0 50%; } .flex_p60 { flex: 0 0 60%; } .flex_p70 { flex: 0 0 70%; } .flex_p80 { flex: 0 0 80%; } .flex_p90 { flex: 0 0 90%; } @media (max-width: 767px) { .collapsed.column, .collapsed.columns { display: block; width: 100% !important; } .collapsed.column.twelve, .collapsed.columns.twelve { display: table-cell; } } .defaultPreviewItem { overflow: hidden; position: relative; background-color: #FFF; margin-bottom: 20px; float: left; font-size: 12px; } .defaultPreviewItem > div:not(.MYIS_add) { padding: 10px; } .defaultPreviewItemdata-col1 { width: 100%; margin-right: 0%; } .defaultPreviewItemdata-col2 { width: 49%; margin-right: 1%; } .defaultPreviewItemdata-col3 { width: 32%; margin-right: 2%; } .defaultPreviewItemdata-col4 { width: 23%; margin-right: 2%; } .defaultPreviewItemdata-col2:nth-child(2n), .defaultPreviewItemdata-col4:nth-child(4n) { margin-right: 0; margin-left: 1%; } .defaultPreviewItemdata-col3:nth-child(3n) { margin-right: 0; margin-left: 2%; } .defaultPreviewItemdata-col2:nth-child(2n+1), .defaultPreviewItemdata-col3:nth-child(3n+1), .defaultPreviewItemdata-col4:nth-child(4n+1) { clear: both; } .defaultPreviewItemdata-col3:nth-child(3n+2) { margin-right: 0; margin-left: 0; } .defaultPreviewItemdata-col4:nth-child(4n-1) { margin-right: 1%; } .defaultPreviewItem .defaultPreviewDetail { position: relative; } .defaultPreviewItem.hideDetail .defaultPreviewDetail { display: none; } .defaultPreviewThumb { min-height: 170px; background-position: center center; background-repeat: no-repeat; background-color: #FFF; background-size: contain; position: relative; } .defaultPreviewThumbdata-layout2{ background-size: cover; } .defaultPreviewThumbdata-typetext { min-height: 0!important; padding: 30px 10px; background-color: #AAA; color: #FFF; font-size: 1.3rem; } .defaultPreviewThumbdata-typetext > div {} .defaultPreviewThumbdata-typetext > div * { text-align: center; display: block; } .defaultPreviewThumbdata-typetext > div data-keysub { display: block; font-size: 0.8rem; margin-top: -0.6rem; color: #444; } .defaultPreviewThumbOverlay { -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); position: absolute; font-size: 1.2rem; line-height: 1.5rem; color: #333; background-color: rgba(255, 255, 255, 0.9); bottom: -10px; left: -10px; padding: 10px 10px; } .defaultPreviewThumb > div { width: 100%; } .defaultPreviewThumb.raw { background-size: auto!important; } .defaultPreviewThumb.dummy { text-align: center; line-height: 170px; text-align: center; color: #AAA; } .defaultPreviewThumb.dummy > spanclass^awe- { opacity: 0.3; font-size: 3rem!important; } .productPreviewItem .dummy { min-height: 0!important; max-height: 100px!important; line-height: 120px!important; } .defaultPreviewItem .defaultPreviewTitle { font-size: 1.1rem; line-height: 1.5rem; padding-top: 10px; } .defaultPreviewItem .defaultPreviewTitle > span {} .defaultPreviewItem .defaultPreviewTitle > span + span { font-size: 0.8rem; color: #666; } .defaultPreviewItem .defaultPreviewDetail > div, .defaultPreviewItem .defaultPreviewTraits > div, .defaultPreviewItem .defaultPreviewFooter > div { padding: 10px 0px; } .defaultPreviewItem .defaultPreviewFooter > div { padding-bottom: 0px; } .defaultPreviewItem .defaultPreviewFooter > div .btn { color: #FFF; font-size: 1rem; } .defaultPreviewItem .defaultPreviewDetail {} .defaultPreviewItem .defaultPreviewDetail > div { line-height: 1.3rem; } .defaultPreviewItem .defaultPreviewDetail .iconRow { position: relative; padding-left: 25px; min-height: 20px; } .defaultPreviewItem .defaultPreviewDetail .iconRow > spanclass^awe- { position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; line-height: 20px; text-align: center; } .defaultPreviewItem .defaultPreviewDetail .detailBlock + .detailBlock { margin-top: 5px; padding-top: 5px; border-top: 1px solid rgba(0, 0, 0, 0.3); } .defaultPreviewItem .defaultPreviewDetail > div { min-height: 3.5rem; max-height: 3.5rem; overflow: hidden; } .defaultPreviewItem .defaultPreviewDetail.full > div { max-height: none; } .defaultPreviewItem.open .defaultPreviewDetail > div { max-height: 1000px; -moz-transition: max-height 0.5s ease; -webkit-transition: max-height 0.5s ease; -o-transition: max-height 0.5s ease; transition: max-height 0.5s ease; } @media only screen and (max-width: 900px) { .defaultPreviewItem{ clear: none!important; width: 49%!important; margin-right: 1%!important; margin-left: 0%!important; } .defaultPreviewItem:nth-child(2n){ margin-right: 0!important; margin-left: 1%!important; } .defaultPreviewItem:nth-child(2n) + .defaultPreviewItem{ clear: both!important; } } .dropup, .dropdown { position: relative; } .dropdown-toggle { *margin-bottom: -3px; } .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; } .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #000000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ; } .dropdown .caret { margin-top: 8px; margin-left: 2px; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { *width: 100%; height: 1px; margin: 8px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } .dropdown-menu a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 18px; color: #333333; white-space: nowrap; } .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a { text-decoration: none; color: #ffffff; background-color: #40444d; background-color: #3b3f47; background-image: -moz-linear-gradient(top, #40444d, #34383f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#40444d), to(#34383f)); background-image: -webkit-linear-gradient(top, #40444d, #34383f); background-image: -o-linear-gradient(top, #40444d, #34383f); background-image: linear-gradient(to bottom, #40444d, #34383f); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr#ff40444d, endColorstr#ff34383f, GradientType0); } .dropdown-menu .active > a, .dropdown-menu .active > a:hover { color: #ffffff; text-decoration: none; outline: 0; background-color: #40444d; background-color: #3b3f47; background-image: -moz-linear-gradient(top, #40444d, #34383f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#40444d), to(#34383f)); background-image: -webkit-linear-gradient(top, #40444d, #34383f); background-image: -o-linear-gradient(top, #40444d, #34383f); background-image: linear-gradient(to bottom, #40444d, #34383f); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr#ff40444d, endColorstr#ff34383f, GradientType0); } .dropdown-menu .disabled > a, .dropdown-menu .disabled > a:hover { color: #999999; } .dropdown-menu .disabled > a:hover { text-decoration: none; background-color: transparent; cursor: default; } .open { *z-index: 1000; } .open > .dropdown-menu { display: block; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid #000000; content: ; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropdown-submenu > a:after { display: block; content: ; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #cccccc; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover > a:after { border-left-color: #ffffff; } .dropdown .dropdown-menu .nav-header { padding-left: 20px; padding-right: 20px; } .infoStackContainer {} .infoStackContainer .message { padding: 0px; line-height: 25px; background-color: #EFEFEF; display: block; cursor: default; font-size: 18px; } .infoStackContainer .message:nth-child(2n) { background-color: #DFDFDF; } .infoStackContainer .message:last-child { margin-bottom: 10px; } .alert { padding: 4px 35px 4px 14px; margin-bottom: 15px; background-color: #fcf8e3; border: 1px solid #fbeed5; color: #c09853; text-align: center; } .alert h4 { margin: 0; } .alert .close { position: relative; top: -2px; right: -21px; line-height: 18px; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #468847; } .alert-danger, .alert-error { background-color: #f2dede; border-color: #eed3d7; color: #b94a48; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad; } .alert-block { padding-top: 14px; padding-bottom: 14px; } .alert-block > p, .alert-block > ul { margin-bottom: 0; } .alert-block p + p { margin-top: 5px; } div.myNotify { z-index: 9999; color: #FFF; font-size: 11px; } div.myNotify { position: absolute; } body > div.myNotify { position: fixed; } div.myNotify { top: 0px; width: 100%; left: 0px; } div.center div.myNotify-notification, div.center div.myNotify-closer { margin-left: auto; margin-right: auto; } div.myNotify div.myNotify-notification, div.myNotify div.myNotify-closer { background-color: #000; opacity: 1; width: 100%; margin-top: 5px; margin-bottom: 5px; font-size: 1em; display: none; } div.myNotify div.myNotify-notification, div.myNotify div.myNotify-closer, div.myNotify div.myNotify-notification, div.myNotify div.myNotify-closer * { text-align: center!important; } div.myNotify div.myNotify-notification {} div.myNotify div.myNotify-notification, div.myNotify div.myNotify-closer { margin: 0px; } div.myNotify div.myNotify-notification div.myNotify-header { font-weight: bold; font-size: 0.85em; } div.myNotify div.myNotify-notification div.myNotify-close { display: none; position : absolute; top: 10px; right: 12px; z-index: 99; float: right; font-weight: bold; font-size: 1.2em; cursor: pointer; color: #FFF; } div.myNotify div.myNotify-closer { padding-top: 4px; padding-bottom: 4px; cursor: pointer; font-size: 0.9em; font-weight: bold; text-align: center; } @media print { div.myNotify { display: none; } } div.myNotify div.myNotify-notification, div.myNotify div.myNotify-closer { color: #ffffff; background-color: #40444d; } div.myNotify div.myNotify-closer {} div.myNotify div.myNotify-closer:hover {} div.myNotify div.primary, div.myNotify div.primary a, div.myNotify div.primary a:hover, div.myNotify div.danger, div.myNotify div.error, div.myNotify div.danger a, div.myNotify div.error a, div.myNotify div.danger a:hover, div.myNotify div.error a:hover, div.myNotify div.info, div.myNotify div.info a, div.myNotify div.info a:hover, div.myNotify div.success, div.myNotify div.success a, div.myNotify div.success a:hover { color: #FFF; } div.myNotify div.primary { background-color: #40444d; } div.myNotify div.primary a { border-bottom: 1px dotted; } div.myNotify div.primary a:hover { border-bottom: 1px solid; text-decoration: none; } div.myNotify div.danger, div.myNotify div.error { background-color: #e74949; } div.myNotify div.danger a, div.myNotify div.error a { border-bottom: 1px dotted; } div.myNotify div.danger a:hover, div.myNotify div.error a:hover { border-bottom: 1px solid; text-decoration: none; } div.myNotify div.info { background-color: #4986e7; } div.myNotify div.info a { border-bottom: 1px dotted; } div.myNotify div.info a:hover { border-bottom: 1px solid; text-decoration: none; } div.myNotify div.success { background-color: #6b9b20; } div.myNotify div.success a { border-bottom: 1px dotted; } div.myNotify div.success a:hover { border-bottom: 1px solid; text-decoration: none; } div.myNotify .message { display: block; line-height: 30px; padding: 0px; } div.myNotify .message, div.myNotify .message * { font-size: 12px; text-align: center!important; } div.myNotify .message_error { background-color: #FF4800; } div.myNotify .message_error, div.myNotify .message_error * {} div.myNotify .message_success { background-color: #C7FF00; } div.myNotify .message_success, div.myNotify .message_success * { color: #333; } div.myNotify .message_icon { margin-left: -20px; margin-top: 2px; font-size: 12px; color: rgba(0,0,0,0.8); display: block; float: left; } div.myNotify .message_content {} .myAlert { position: fixed; z-index: 9999; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 300px; background: rgba(0, 0, 0, 0.5); color: #FFF; padding: 20px; margin: 0 auto; max-width: 90vw; max-height: 90vh; min-height: 80px; overflow-y: auto; padding: 0px; font-size: 1rem; &.multiLangFormWrapper { & .myAlert-prompt { padding: 1rem; & .multiSelect_wrapper + .inputBlock { margin-top: 1rem; } & .inputBlock { margin-bottom: 0; padding-right: 80px; & + * { margin-top: .5rem!important; } & label { padding-left: 0; padding-right: 0; } &.focus, &:hover { & label { font-weight: bold; } & name { background-color: var(--clr_input_active); } } & name { padding-left: .5em; padding-right: .5rem; border: none!important; } & label { line-height: 1.4rem; height: 1.4rem; min-height: 1.4rem; font-size: .8rem; } &data-lang { padding-left: 40px; background-color: #EFEFEF; & > label { display: none; } & .myRedactorHeader { min-height: 40px; & * { line-height: 40px; } } &:before { content: attr(data-lang); color: #000; background-color: rgba(0,0,0,.1); position: absolute; top: 0; left: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; text-transform: uppercase; } } & .actions { position: absolute; top: 0; right: 0!important; width: 80px!important; min-height: 40px; display: flex; flex-wrap: wrap; & > * { flex: 1; width: 40px; } } } } } &.myAlert-temporary { width: 500px; min-width: 30vw; max-width: 100%; -webkit-box-shadow: 0 0 100px 0 rgba(0,0,0,.6); box-shadow: 0 0 100px 0 rgba(0,0,0,.6); & .myAlert-prompt { background-color: #FFF; color: #000; } & table { table-layout: fixed; width: 100%; background-color: rgba(0,0,0,.05); & tr:nth-child(2n) td { background-color: rgba(0,0,0,.05); } & td { overflow: hidden; min-height: 40px!important; line-height: 1.2rem; font-size: .9rem; padding: 8px 10px; &.price { position: relative; height: 40px; overflow: hidden; } & input { position: absolute; top: 0; left: 0; right: 0; height: 40px; line-height: 40px; border: none!important; background-color: var(--clr_input_active); } } } } } .myAlert > div:first-child { overflow-y: auto; height: inherit; max-height: inherit; } .myAlert.loadingOverlay { background: transparent; } .myAlert.noMinHeight { min-height: 40px!important; & .btn, & .btn * { height: 40px; line-height: 40px; } } .myAlert.wide { width: 600px; } .myAlert.wider { width: 1200px; } .myAlert.widest { width: 100%; } .myAlert.scroll { height: 100%; left: 50%; top: 50%; overflow-y: auto; box-sizing: border-box; margin: 0!important; } .myAlert-overlay { position: fixed; z-index: 9998; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.5); } .myAlert-message { margin-bottom: 0px; line-height: 40px; padding: 0 10px; background-color: #555; color: #FFF; text-align: center; font-size: 0.9rem; } .myAlert.info .myAlert-message { line-height: 25px; padding: 10px; text-align: left; } .myAlertMessage { margin-bottom: 0px; color: #FFF; text-align: center; font-weight: bold; } .myAlert.info .myAlertMessage { text-align: left; } .myAlert-prompt { margin-bottom: 10px; } .myAlert .myAlertContentBlock { padding: 1rem; } .myAlert .limitInfo { color: #000!important; } .myAlert-input { margin: 0!important; height: 40px!important; } .myAlert name { width: 100%; box-shadow: none; font-family: inherit; font-size: inherit; color: inherit; box-sizing: border-box; color: #333; } .myAlert name + name { margin-top: 10px; } .myAlert .cs_detail_form_block name { margin-bottom: 0; } .myAlert name:not(.redactor) { display: block; } .myAlert .inputBlock { margin-bottom: 0.5rem; padding-left: 0; } .myAlert .inputBlock * { line-height: 40px; min-height: 40px; } .myAlert .inputBlock label { padding: 0 1rem; } .myAlert .inputBlock name { margin-bottom: 0px; } .myAlert .inputBlock textarea { min-height: 150px; } .myAlert .myRedactorHeader { height: 30px; line-height: 30px; min-height: 30px; display: flex; } .myAlert .myRedactorHeader * { padding: 0; height: inherit; line-height: inherit; width: 30px; height: 30px; line-height: 30px; text-align: center; } .myAlert .myRedactorWrapper contenteditable, .myAlert .myRedactorWrapper textarea { color: #000; max-height: 500px; min-height: 200px; overflow-y: auto; overflow-x: hidden; padding: 0.5rem!important; border: none!important; } .myAlert .myRedactorWrapper contenteditable, .myAlert .myRedactorWrapper contenteditable *, .myAlert .myRedactorWrapper textarea { line-height: 1.4rem!important; } .myAlert .myRedactorWrapper textarea { color: #FFF; border: none; max-height: 500px; min-height: 300px; } .myAlert-buttons { text-align: right; } .myAlert-ok, .myAlert-cancel, .myAlert-extra, .myAlertSubmitAltBtn { border: none; font-family: inherit; font-size: inherit; margin-left: 5px; cursor: pointer; line-height: 25px; width: auto!important; min-width: 40px; height: 40px; line-height: 40px; float: right; } .myAlert-ok, .myAlert-cancel, .myAlertSubmitAltBtn { padding: 0px 10px; } .myAlert-ok, .myAlert-extra, .myAlertSubmitAltBtn { background: var(--clr_green); color: #FFF; } .myAlert-cancel { background: var(--clr_orangeDark); color: #FFF; } .myAlert-ok > spanclass^awe-, .myAlert-cancel > spanclass^awe-, .myAlert-extra > spanclass^awe-, .myAlertSubmitAltBtn > spanclass^awe- { display: block; width: 100%; height: inherit; line-height: inherit; text-align: center; font-size: 20px; } .myAlert-extra > spanclass^awe- { line-height: 43px; } .myAlert-ok:hover, .myAlert-ok:focus, .myAlert-ok:active, .myAlertSubmitAltBtn:hover, .myAlertSubmitAltBtn:focus, .myAlertSubmitAltBtn:active, .myAlert-extra:hover, .myAlert-extra:focus, .myAlert-extra:active, .myAlert-cancel:hover, .myAlert-cancel:focus, .myAlert-cancel:active { opacity: 1; } .myAlert.hideActions .myAlert-buttons, .myAlert.hideOK .myAlert-ok, .myAlert.hideCancel .myAlert-cancel, .myAlert.hideExtra .myAlert-extra { display: none!important; } .myAlert-buttons .btn.extra { float: left; } .myAlert name + name { margin-top: 10px; } .myAlert .myAlert-prompt > div, .myAlert .myAlert-prompt .inputWrapper > div { overflow: hidden; } .myAlert .myAlert-prompt > div > label, .myAlert .myAlert-prompt .inputWrapper > div > label { box-sizing: border-box; } .myAlert .myAlert-prompt > div > label > span, .myAlert .myAlert-prompt .inputWrapper > div > label > span { } .myAlert div.valid, .myAlert div.invalid { position: relative; } .myAlert div.invalid label { color: rgba(200,0,0,1)!important; } .myAlert div > .myAlertFormCheckSpan { position: absolute; top: 0!important; right: 0!important; color: var(--clr_orangeDark); height: 25px; line-height: 25px; width: 20px; text-align: center; font-size: 18px; } .myAlert div.valid > .myAlertFormCheckSpan { color: var(--clr_green); } .myAlertInfo { display: block; font-size: 11px; margin-top: 1rem; } .myAlertFormInfo { padding-left: 10px; } .myAlert .table-default td {} .myAlert .table-default + .table-default { margin-top: 10px; } .myAlert .table-default a { text-decoration: underline; } .myAlert .checkbox > input { display: none!important; } .myAlert { max-height: 75vh; overflow-y: visible; } .myAlert.autoHeight { height: auto!important; } .myAlert .myAlert-prompt { margin-bottom: 0; } .myAlert .myAlert-buttons { position: absolute; top: 0; right: -40px; width: 40px; } .myAlert .myAlertSubmitAltBtn { position: absolute; top: 0; right: -40px; padding: 0!important; } .myAlert .iconInput { position: relative; padding-left: 30px; } .myAlert .iconInput.right { position: relative; padding-left: 0px; padding-right: 30px; } .myAlert .iconInput > span:first-child { position : absolute; top: 0; left: 0; bottom: 0; width: 30px; text-align: center; line-height: 30px; font-size: 16px; background-color: #FFF; } .myAlert .iconInput.right > span:first-child { left: auto; right: 0; } .myAlert .iconInput * { border: none; } .myAlertBlockLabel { height: 30px; line-height: 30px; text-align: center; background-color: #000; } .myAlert.saveButton .myAlert-ok > span::before { content: \f0c7!important; } .myAlertCheckbox { box-sizing: border-box; padding-left: 40px; padding-right: 10px; position: relative; background-color: #000; float: none!important; display: block; background-color: transparent!important; width: 100%!important; &, & * { height: 30px; line-height: 30px; } &:nth-child(2n) { background-color: #444; } & input { display: none!important; & + span { padding: 0!important; &::before { font-family: FontAwesome!important; content: \f00d; position: absolute; top: 0; left: 0; bottom: 0; height: 30px; line-height: 30px; width: 30px; color: #FFF; font-size: 16px; text-align: center; background-color: rgba(255,255,255,0.2); } } &:checked + span::before { content: \f00c; } } } .multiLangInputTrigger { cursor: pointer; position: relative; &:not(class*awe-)::before { font-family: FontAwesome !important; content: \f0ac; position: absolute; background-color: rgba(0,0,0,0.1); top: 0; right: 0; width: 30px; height: 25px; line-height: 25px; z-index: 10; text-align: center; } & input, & .myRedactorWrapper contentEditable { padding: 0 0.5rem; pointer-events: none; padding-right: 50px!important; border: none!important; background-color: #FFFCCC; } & textarea { cursor: pointer; padding: 10px .5rem!important; min-height: 100px; border: none!important; background-color: rgba(0,0,0,.05); } } .multiLangInputTrigger .myRedactorHeader { display: none; } .multiLangInputTrigger .myRedactorWrapper contentEditable { padding: 0.5rem; overflow: hidden; height: auto; } .multiLangFormWrapper .multiSelect_wrapper .multiSelectAddAll { display: none; } .multiLangFormWrapper .multiSelect_wrapper .multiSelectRemoveAll { position: absolute; width: 40px; bottom: 0; right: 0; background-color: #EFEFEF; font-size: 0; color: transparent; } .multiLangFormWrapper .multiSelect_wrapper .multiSelectRemoveAll:before { content: \f12d; font-family: FontAwesome!important; font-size: 20px; color: #666; width: 40px; height: 40px; line-height: 40px; text-align: center; } .multiLangFormWrapper .multiSelect_wrapperdata-count .multiSelectRemoveAll:before, .multiLangFormWrapper .multiSelect_wrapperdata-count0 .multiSelectRemoveAll:before { display: none!important; } .myAlert.loadingOverlay .loading:not(input) { min-height: 70px!important; line-height: 70px!important; text-align: center; position: relative; margin: 1rem 0; width: 100%!important; height: 100px!important; &::before { content: ; display: block; position: relative; left: auto; right: auto; top: auto; bottom: auto; width: 70px!important; height: 70px!important; border: 6px solid rgba(255,255,255,1); border-radius: 50%; border-top-color: #2977A6; animation: spin 1s ease-in-out infinite; -webkit-animation: spin 1s ease-in-out infinite; margin: 0px auto; } } .myAlert { &.myAlert-download { & .myAlert-message { display: none; } & .myAlert-prompt { padding: 0!important; min-height: 7rem; overflow: hidden!important; } & a { display: block; width: 100%; height: 7rem; line-height: 7.5rem; text-align: center; &:hover { font-style: normal; text-decoration: none; } &:before { content: \f019; font-family: FontAwesome; font-size: 3rem; } } } } .defaultLoadingOverlay { position: fixed; inset: 0; background-color: rgba(0,0,0,.5); z-index: 100000; &:before { content: \f110; font-family: FontAwesome; width: 100px; height: 100px; line-height: 100px; text-align: center; font-size: 50px; color: #FFF; position: absolute; top: 50%; left: 50%; margin-top: -50px; margin-left: -50px; animation: rotate 3s linear infinite; } } @keyframes rotate{ to{ transform: rotate(360deg); } } .globeInputWrapper { min-height: 40px; line-height: 40px; position: relative; cursor: pointer; & .controls:after { box-sizing: border-box; content: attr(data-value); position: absolute; top: 0; right: 0; width: 100%; padding: 0 1rem; } & label, & input { min-height: 40px; line-height: 40px; pointer-events: none; } & label { padding-right: 10px; } & input { border: 1px solid #CCC!important; color: transparent; } &:before { content: \f0ac; font-family: FontAwesome; position: absolute; z-index: 10; top: 0; right: 0; width: 40px!important; height: 40px!important; line-height: 40px!important; text-align: center; font-size: 20px; } } @media only screen and (max-width: 700px) { .myAlert { padding-bottom: 40px; & .myAlert-buttons { right: 0px; left: 0; top: auto; bottom: 0; width: auto; display: flex; flex-wrap: wrap; & > * { flex: 1; width: 40px!important; margin: 0; } } } } .cs_detail_form_block { display: grid; background-color: rgba(0,0,0,0.1); } .myAlert .cs_detail_form_block { background-color: transparent; } .cs_detail_form_block .inputBlock { margin: 0; margin-bottom: 10px; padding: 0; } .cs_detail_form_block label { padding: 0!important; font-size: 0.8rem; height: 25px; line-height: 25px; min-height: 0; } .cs_detail_form_block name:not(iframe) { min-height: 40px; line-height: 40px; } .cs_detail_form_block textarea { height: auto; min-height: 100px; line-height: 25px; padding-top: 10px; padding-bottom: 10px; } .cs_default_detail_nav_wrapper { display: flex; flex-wrap: wrap; gap: 2rem; } .cs_default_detail_nav_wrapper, .cs_default_detail_nav_wrapper * { box-sizing: border-box; } .cs_default_detail_nav { flex: 2; flex-grow: 1; } .cs_default_detail_nav > * { width: 100%; display: block; height: 40px; line-height: 40px; padding: 0 1rem; text-align: center; background-color: #FFF; opacity: 0.8; cursor: pointer; } .cs_default_detail_nav > *:hover { opacity: 1; } .cs_default_detail_nav > * { color: #000; } .cs_default_detail_nav > *.active { opacity: 1; background-color: green; color: #FFF; } .cs_default_detail_nav > * + * { margin-top: 0.5rem; } .cs_default_detail_nav + div { flex: 4; flex-grow: 1; flex-shrink: 1; flex-basis: 400px; } .cs_default_detail_info { margin-bottom: 1rem; } .cs_default_detail_nav > *, .cs_default_detail_nav_wrapper label > span { display: block; white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; } .cs_default_detail_nav > .cs_default_detail_nav_has_invalid { color: var(--default_color_error)!important; } .cs_default_detail_nav > .cs_default_detail_nav_has_invalid.active { color: #FFF!important; background-color: var(--default_color_error)!important; } .myFormInputTraceContainer { float: right; width: auto; height: 20px; overflow: hidden; } .myFormInputTraceItem { height: 20px; width: auto; line-height: 20px; margin: 0px 5px; font-size: 11px; color: #CCC; float: left; } .myFormInputTraceItem.active { color: #333; } .myFormIgnoreLayout > .formBlockInner > div { width: 100%!important; box-sizing: border-box; } .myFormIgnoreLayout .flex { display: block!important; gap: 0!important; & > * { min-width: 100%; & .btn-full + .btn-full { margin-top: .5rem!important; } } } .myFormAllLang { display: none; font-family: FontAwesome!important; width: 30px; position: absolute; top: 0px; right: 0px; margin: 1px; text-align: center; line-height: 25px; font-size: 18px; color: #CCC; cursor: pointer; z-index: 100; } .myFormAllLang::before { content: \f0ac; } .myFormAllLang.active { opacity: 1; color: #E85422; } .myFormSubInfo { background-color: rgba(0,0,0,0.2); padding: 1rem; } .controls.showGlobe .myFormAllLang { display: block!important; } .controls.showGlobe { box-sizing: border-box; padding-right: 30px; } textarea + .myFormAllLang, .myRedactorWrapper + .myFormAllLang { background-color: transparent; } .inputBlock { position: relative; padding-left: 150px; margin-bottom: 5px; } .inputBlock.full { padding-left: 0px; } .inputBlock.full > * { width: 100%!important; float: none; } .inputBlock, .inputBlock * { line-height: 25px; } .inputBlock:not(.full) > div:first-child { position: absolute; top: 0; left: 0; bottom: 0; width: 140px; padding: 0 5px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: #D3D3D3; color: #333; } .inputBlock > .input-append { position: relative; & > .add-on { position: absolute; top: 0; right: 0; bottom: 0; } } .inputBlock .colorpicker-preview { height: 100%; width: 100%; } .input-append { position: relative; padding-right: 50px; } .input-append .add-on { min-width: 40px; position: absolute; top: 0; right: 0; bottom: 0; background-color: #EEE; color: #000; text-align: center; line-height: 25px; border: 1px solid #D9DADB; box-sizing: border-box; & > span { width: 40px!important; padding: 0!important; & + span { position: absolute; top: 0; right: 40px; } } } .input-append .add-on.btn { background-color: #97BF0D; color: #FFF; font-size: 16px; border: none!important; &:hover { background-color: #CCC; color: #333; } } .input-append .myFormAllLang { right: -30px; } form .controls { position: relative; } form .controls .help-block-icon { position: absolute; top: 0px; right: 0px; bottom: 0px; line-height: 22px; margin: 0; width: 25px; font-size: 15px; text-align: center; background-color: #FF0000; color: #FFF!important; } .controls.showGlobe .help-block-icon { right: 30px!important; } .controls.hasError { position: relative; } .help-block.error { text-align: center; background-color: #E85422; color: #FFF!important; line-height: 40px; margin: 10px 0px; } .controls.hasError .checkbox, .controls.hasError .checkbox * { color: #E85422!important; } .myForm .formBlockInner { box-sizing: border-box; } .myForm.compact .formBlockInner { position: relative; padding-left: 30%; margin-bottom: 10px; } .myForm.compact .formBlockInner > div:first-child { line-height: 35px; } .myForm.compact .formBlockInner > div:first-child { position: absolute; top: 0; left: 0; bottom: 0; width: 30%; padding: 0 10px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: #D3D3D3; box-sizing: border-box; } .myForm.compact .hideLabel .formBlockInner > div:first-child { background-color: transparent; visibility: hidden; opacity: 0; } .myForm.compact .control-group.missing .formBlockInner > div:first-child { background-color: #E85422; color: #FFF; } .myForm readonly { cursor: default; color: transparent; text-shadow: 0 0 0 #555; } .myForm.compact .myFormIgnoreLayout .formBlockInner { padding-left: 0px; } .myForm.compact .myFormIgnoreLayout .formBlockInner > div:first-child { display: none; } .myForm.compact .myFormIgnoreLayout textarea { height: 170px; } .myFormBlockLabel label { height: 30px; line-height: 30px; background-color: rgba(0, 0, 0, 0.1); } .myFormBlockLabel label, .myFormBlockLabel label * { text-align: center!important; } .myFormInfoBlock { box-sizing: border-box; position: relative; background-color: #FFF; min-height: 30px; } .myFormInfoBlock.important {} .myFormInfoBlock > div:first-child { padding: 10px; padding-bottom: 40px; } .myFormInfoBlockdata-icon1 > div:first-child { padding-left: 50px; } .myFormInfoBlockdata-typefix > div:first-child { padding-bottom: 10px; } .myFormInfoBlockdata-icon1 > div:first-child > span:first-child { position: absolute; top: 0; bottom: 0; left: 0; line-height: 40px; width: 40px; text-align: center; color: rgba(0,0,0,0.3); background-color: rgba(0,0,0,0.1); font-size: 20px; } .myFormInfoBlock.importantdata-icon1 > div:first-child > span:first-child { background-color: #E85422; color: #FFF; } .myFormInfoBlock .btn:last-child { position: absolute; bottom: 0; left: 0; right: 0; padding-left: 50px!important; } .myFormInfoBlock .btn:last-child > span:first-child { width: 40px!important; } .genericDataMissingWrapper { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #D9DADB; overflow: hidden; } .genericDataMissingWrapper > label { display: block; margin-bottom: 10px; overflow: hidden; line-height: 25px; } .genericDataMissingWrapper > label > span:first-child { width: 50%; float: left; } .genericDataMissingWrapper > label > span:last-child { width: 50%; float: right; overflow: hidden; } .genericDataMissingWrapper > label > span:last-child > span { width: 50%; float: left; box-sizing: border-box; padding-left: 30px; padding-right: 10px; position: relative; height: 25px; background-color: #FFF; } .genericDataMissingWrapper > div { overflow: hidden; } .genericDataMissingWrapper > div > div { color: #E85422; float: left; cursor: pointer; line-height: 25px; padding-left: 30px; padding-right: 10px; position: relative; height: 25px; background-color: #FFF; margin-right: 5px; margin-bottom: 5px; } .genericDataMissingWrapper > div > div.dataInfoBooked.dataInfoAvailable { color: #00632F; } .genericDataMissingWrapper > div > div.dataInfoBooked.dataInfoMissing { color: #E85422; } .genericDataMissingWrapper > div > div.dataInfoUnbooked { color: #D9DADB; } .genericDataMissingWrapper > div > div::before, .genericDataMissingWrapper > label > span:last-child > span > span:first-child { content: \f00c; font-family: FontAwesome!important; position: absolute; top: 0; left: 0; bottom: 0; width: 25px; height: 25px; text-align: center; line-height: 25px; background-color: rgba(0,0,0,0.1) } .genericDataMissingWrapper > div > div.dataInfoMissing::before { content: \f071; } .genericDataMissingWrapper > div > div.dataInfoAvailable::before { content: \f00c; } .input-icon {} .input-icon .controls { position: relative; } .input-icon input { padding-left: 50px!important; } .input-icon .controls > span:first-child { position: absolute; left: 0; top: 0; bottom: 0; height: 40px; width: 40px; line-height: 40px; text-align: center; font-size: 20px; color: #AAA; } body:not(.front) { & .control-group { &.multiLangInputTrigger { &:before { width: 40px!important; height: 40px!important; line-height: 40px!important; } } &.multiLangInputTrigger:before { top: 10px; right: 10px; } &:not(.formBlockSubHeader) .formBlockInner.flex { display: flex!important; gap: 1rem; flex-wrap: wrap; padding: 10px!important; background-color: rgba(0,0,0,.05); & > * { flex: 1; } & .controls { & input + .btn { line-height: 40px!important; } & textarea { min-height: 40px; height: 100px; padding: .5rem; } } & > * { float: none!important; & label { height: auto; min-height: 20px!important; line-height: 20px; padding-top: 10px; padding-bottom: 10px; } & typetext, & typedate, & typetime { min-height: 40px; } & .add-on { line-height: 40px!important; & * { display: block; line-height: 40px!important; min-height: 40px!important; } } & select { min-height: 40px!important; } } & > :first-child { flex: 4; } & > :first-child + * { flex: 8; & > * { border-color: #CCC!important; } } & > .clear { display: none!important; } & label.radio, & label.checkbox { & > span { &:before { top: 14px; border-width: 2px; } } & input:checked + span:before { content: ; background-color: #97BF0D; border-color: #97BF0D; } } & .input-append { position: relative; padding-right: 40px; padding-right: 0; & input { padding-right: 40px; } & .add-on { display: block; position: absolute!important; top: 0; right: 0; float: none!important; line-height: 40px; height: 40px; margin: 0!important; padding: 0!important; text-align: center!important; } } } &:last-child, &.last { & .formBlockInner.flex { border-bottom: none!important; padding-bottom: 0; } } } } .checkbox, .radio { &.readonly { opacity: 0.6; pointer-events: none; } } .inputBlock .message { display: block; color: #FFF; font-size: 12px; padding: 0 10px; position: absolute; inset: 0; right: 80px; left: 40px; padding-left: 10px; z-index: 1; background-color: var(--clr_orangeDark); } form {} fieldset { padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 18px; font-size: 19.5px; line-height: 36px; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } legend small { font-size: 13.5px; color: #999999; } label { display: block; line-height: 25px; margin: 0; font-size: inherit; } label.cs_readonly { pointer-events: none!important; } select, textarea, inputtypetext, inputtypepassword, inputtypedatetime, inputtypedatetime-local, inputtypedate, inputtypemonth, inputtypetime, inputtypeweek, inputtypenumber, inputtypeemail, inputtypeurl, inputtypesearch, inputtypetel, inputtypecolor, .uneditable-input { display: inline-block; height: 25px; min-height: 25px; line-height: 25px; padding: 0px 5px; color: #000; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font: inherit; } textarea { white-space: pre-wrap!important; line-height: inherit!important; resize: vertical; } selectmultiple { height: auto!important; } inputtypetext, inputtypepassword, inputtypedatetime, inputtypedatetime-local, inputtypedate, inputtypemonth, inputtypetime, inputtypeweek, inputtypenumber, inputtypeemail, inputtypeurl, inputtypesearch, inputtypetel, inputtypecolor, .uneditable-input {} select, inputtypetext, inputtypepassword, textarea { border: 1px solid #D9DADB!important; } select:focus, select:active, inputtypetext:focus, inputtypetext:active, inputtypepassword:focus, inputtypepassword:active, textarea:focus, textarea:active { border: 1px solid #D9DADB!important; } select optionvalue, select option:not(value) { font-weight: bold; } textarea, inputtypetext, inputtypepassword, inputtypedatetime, inputtypedatetime-local, inputtypedate, inputtypemonth, inputtypetime, inputtypeweek, inputtypenumber, inputtypeemail, inputtypeurl, inputtypesearch, inputtypetel, inputtypecolor, .uneditable-input { background-color: #FFF; border: 1px solid #D9DADB!important; } textarea { height: 100px; } inputdisabled, selectdisabled, textareadisabled, inputreadonly, selectreadonly, textareareadonly { cursor: not-allowed; background-color: #eeeeee; } inputtyperadiodisabled, inputtypecheckboxdisabled, inputtyperadioreadonly, inputtypecheckboxreadonly { background-color: transparent; } .control-group > label.control-label { text-align: left; color: #333; } .form-actions { margin-top: 5px; } .form-actions:before, .form-actions:after { display: table; content: ; line-height: 0; } .form-actions:after { clear: both; } .control-group { margin-bottom: 10px; } .control-group:hover .control-label { color: #333; } legend + .control-group { margin-top: 18px; -webkit-margin-top-collapse: separate; } form textarea { width: 100%; padding: 0px 5px!important; } .help-block, .help-inline { font-size: 11px; color: #babcbe; } .help-block { display: block; margin-bottom: 3px; } .help-inline { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; padding-left: 5px; } .help-block.error { color: #b94a48!important; } .radio, .checkbox { padding: 0; line-height: 25px; display: table; } .radio inputtyperadio, .checkbox inputtypecheckbox { display:none; } .radio inputtyperadio + span > span, .checkbox inputtypecheckbox + span > span { display: inline-block; width: 14px; height: 14px; margin: 0px 10px 0 0; vertical-align: middle; border: 1px solid #AAA; background-color: #EFEFEF; cursor: pointer; margin-top: -3px; } .checkbox inputtyperadio + span > span, .radio inputtyperadio + span > span { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .checkbox inputtypecheckbox:checked + span > span, .radio inputtyperadio:checked + span > span { background-color: #97BF0D!important; } .radio.minimal, .checkbox.minimal { width: 15px; height: 15px; line-height: 15px; } .radio.minimal inputtyperadio + span > span, .checkbox.minimal inputtypecheckbox + span > span { margin: 0!important; } .radio.size_20, .checkbox.size_20 { width: 20px; height: 20px; line-height: 20px; overflow: hidden; } .radio.size_20 inputtyperadio + span > span, .checkbox.size_20 inputtypecheckbox + span > span { width: 20px; height: 20px; } .radio.size_25, .checkbox.size_25 { width: 25px; height: 25px; line-height: 25px; overflow: hidden; } .radio.size_25 inputtyperadio + span > span, .checkbox.size_25 inputtypecheckbox + span > span { width: 25px; height: 25px; } .color_radio {} .color_radio input { display: none; } .color_radio > span { width: 20px; height: 20px; display: block; float: right; position: relative; } .color_radio > span > span { display: none; position: absolute; left: 50%; margin-left: -5px; bottom: -15px; border-style: solid; border-width: 0 5px 10px 5px; border-color: transparent transparent black; } .color_radio input:checked + span > span { display: block; } .price { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 25px!important; line-height: 25px!important; text-align: right; font-family: Arial!important; } .radio.no-input, .checkbox.no-input { padding: 0!important; display: inline-block; margin-right: 5px; } .radio.no-input input + span > span, .checkbox.no-input input + span > span { display: none!important; } .radio.no-input input + span, .checkbox.no-input input + span { color: #000; } .radio.no-input input:checked + span, .checkbox.no-input input:checked + span { color: #E85422; } .checkbox.checkbox-icon { width: 22px!important; height: 20px!important; line-height: 20px!important; display: inline-block; padding: 0; margin: 0; } .checkbox.checkbox-icon spanclass^awe- { display: block; color: #CCC; line-height: 20px; width: 20px; height: 20px; font-size: 13px; text-align: center!important; margin: 0; } .checkbox.checkbox-icon input:checked + span, .checkbox.checkbox-icon input:checked + span * { color: #00632F!important; } input:focus::-webkit-input-placeholder { color: transparent; } input:focus:-moz-placeholder { color: transparent; } input:focus::-moz-placeholder { color: transparent; } input:focus:-ms-input-placeholder { color: transparent; } .myForm .control-group.six.columns:not(.collapsed) { width: 48%; } .myForm .control-group.six.columns:nth-child(2n+1) { padding-left: 0; } .myForm .control-group.six.columns:nth-child(2n) { padding-right: 0; } .limitInput { overflow: hidden; position: relative; } .limitInput input { padding-right: 50px; } .limitInput .limitInfo, .limitInput .myContentEdit + span, .redactor-box .redactor-limiter-info { display: block; position: absolute; min-width: 25px; height: 25px; line-height: 25px; top: 0px; right: 0px; padding: 0px 5px; background-color: transparent; } .iconInput { position: relative; } .iconInput > input { padding-left: 35px; } .iconInput > span { position: absolute; top: 0; left: 0; width: 35px; height: 25px; line-height: 25px; text-align: center; font-size: 15px; color: #666; } input.loading { -webkit-animation: loading-pulse 3s infinite; -moz-animation: loading-pulse 3s infinite; -o-animation: loading-pulse 3s infinite; animation: loading-pulse 3s infinite; } @keyframes loading-pulse { 50% { background-color: #CCC; } } @-moz-keyframes loading-pulse{ 50% { background-color: #CCC; } } @-webkit-keyframes loading-pulse { 50% { background-color: #CCC; } } @-o-keyframes loading-pulse { 50% { background-color: #CCC; } } @-ms-keyframes loading-pulse { 50% { background-color: #CCC; } } .formHideLabelCol > .formBlockInner > div:nth-child(1) { display: none; } .formHideLabelCol > .formBlockInner > div:nth-child(2) { width: 100%; } .formBlockSubHeader { background-color: #efefef; border-bottom: 2px solid #cccccc; padding: 0 10px; } .formBlockSubHeader > .formBlockInner > div:nth-child(1) { width: 100%; } .formBlockSubHeader > .formBlockInner > div:nth-child(2) { display: none; width: 100%; } input + span.add-on { font-size: 12px; color: #aaa; } .myFormColumnSection, .formBlockInner { display: table; width: 100%; table-layout: fixed; } .myFormColumnSection > .collapsed.columns { padding: 0 10px; } @media (min-width: 768px) { .myFormColumnSection > .collapsed.columns:first-child { padding-left: 0; } .myFormColumnSection > .collapsed.columns.lastcolumn, .myFormColumnSection > .collapsed.columns:last-child { padding-right: 0; } } #wrapper .myFormColumnSection .column, #wrapper .myFormColumnSection .columns { z-index: auto; display: block; } @media (max-width: 1199px) { .fbElement div.six { width: 100%; float: none; display: block; } } @media (max-width: 767px) { #wrapper .myFormColumnSection .column, #wrapper .myFormColumnSection .columns { display: block !important; padding: 0 !important; } } .showContentTarget { display: none; } .cs_default_input_row_parent { padding: 1rem!important; background-color: #FFF; & > * + * { margin-top: 1rem; } } .btn { padding: 4px 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; } .btn { display: inline-block; padding: 0px 15px; margin-bottom: 0; line-height: 25px; min-height: 25px; text-align: center; vertical-align: middle; cursor: pointer; color: #FFF; background-color: #97BF0D; font-size: inherit; box-sizing: border-box; } .btn-orange { background-color: #E85422; } .btn-grey { background-color: #E0E0E0; color: #000000; } .btn.full { padding-left: 0; padding-right: 0; width: 100%; } .btn.full + .btn.full { margin-top: 5px; } .btn-full{ width: 100%; } .btn-autolineheight{ line-height: 1.425; padding-top: 4px; padding-bottom: 4px; } .btn.btn-fleft, .btn.btn-fright, .btn.btn-fcenter{ display: table; } .btn-fleft{ float: left; } .btn-fright{ float: right; } .btn-fcenter{ margin-left: auto !important; margin-right:auto !important; float: none; } .btn:hover, .btn:active, .btn.active, .btn.disabled, .btndisabled { color: #333333; background-color: #e6e6e6; *background-color: #d9d9d9; } .btn:active, .btn.active { background-color: #cccccc \9; } .btn:first-child { *margin-left: 0; } .btn:hover { color: #333333; text-decoration: none; background-color: #e6e6e6; *background-color: #d9d9d9; } .btn.active, .btn:active { background-color: #e6e6e6; background-color: #d9d9d9 \9; background-image: none; outline: 0; } .btn-small { padding: 3px 9px; font-size: 0.9em; line-height: 16px; } .btn-small class^icon- { margin-top: 0; } .btn-mini { padding: 2px 6px; font-size: 0.8em; line-height: 15px; } inputtypesubmit.btn-block, inputtypereset.btn-block, inputtypebutton.btn-block { width: 100%; } .btn { border-color: #c5c5c5; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); } button.btn, inputtypesubmit.btn { *padding-top: 3px; *padding-bottom: 3px; } button.btn::-moz-focus-inner, inputtypesubmit.btn::-moz-focus-inner { padding: 0; border: 0; } button.btn.btn-large, inputtypesubmit.btn.btn-large { *padding-top: 7px; *padding-bottom: 7px; } button.btn.btn-small, inputtypesubmit.btn.btn-small { *padding-top: 3px; *padding-bottom: 3px; } button.btn.btn-mini, inputtypesubmit.btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px; } .btn-mini .caret, .btn-small .caret, .btn-large .caret { margin-top: 6px; } .btn-large .caret { border-left-width: 5px; border-right-width: 5px; border-top-width: 5px; } .btn-image { display: inline-block; overflow: hidden; font-size: 25px!important; position: relative; } .btn-image, .btn-image > span { text-align: center!important; width: 30px!important; height: 30px!important; line-height: 30px; } .btn-image > span { position: absolute; top: 0; left: 0; } .btn-image.btn-image-small { font-size: 25px!important; width: 25px; height: 25px; line-height: 25px; } .btn-group { position: relative; } .btn-image + .btn-image { margin-left: 5px; } .btn-hover { opacity: 0.5; cursor: pointer!important; } .btn-hover:hover, .btn-hover:focus, .btn-hover.active, .btn-hover:active { opacity: 1; } body.april-fools { transform: rotate(2deg); -moz-transform: rotate(2deg); -webkit-transform: rotate(2deg); -o-transform: rotate(2deg); -ms-transform: rotate(2deg); } .animation-pulse, .unsavedChanges > spanclass^awe- { -webkit-animation: pulse 2s ease-in-out infinite; -moz-animation: pulse 2s ease-in-out infinite; -o-animation: pulse 2s ease-in-out infinite; animation: pulse 2s ease-in-out infinite; } .animation-pulse-rotate { -webkit-animation: pulse-rotate 2s ease-in-out infinite; -moz-animation: pulse-rotate 2s ease-in-out infinite; -o-animation: pulse-rotate 2s ease-in-out infinite; animation: pulse-rotate 2s ease-in-out infinite; } .animation-rotate { -webkit-animation: rotate 2s ease-in-out infinite; -moz-animation: rotate 2s ease-in-out infinite; -o-animation: rotate 2s ease-in-out infinite; animation: rotate 2s ease-in-out infinite; } @keyframes pulse { 0% {transform: scaleX(1.0) scaleY(1.0) ; } 50% {transform: scaleX(0.7) scaleY(0.7) ; } 100% {transform: scaleX(1.0) scaleY(1.0) ; } } @-moz-keyframes pulse{ 0% {-moz-transform: scaleX(1.0) scaleY(1.0) ; } 50% {-moz-transform: scaleX(0.7) scaleY(0.7) ; } 100% {-moz-transform: scaleX(1.0) scaleY(1.0) ; } } @-webkit-keyframes pulse { 0% {-webkit-transform: scaleX(1.0) scaleY(1.0) ; } 50% {-webkit-transform: scaleX(0.7) scaleY(0.7) ; } 100% {-webkit-transform:scaleX(1.0) scaleY(1.0) ; } } @-o-keyframes pulse { 0% {-o-transform: scaleX(1.0) scaleY(1.0) ; } 50% {-o-transform: scaleX(0.7) scaleY(0.7) ; } 100% {-o-transform: scaleX(1.0) scaleY(1.0) ; } } @-ms-keyframes pulse { 0% {-ms-transform: scaleX(1.0) scaleY(1.0) ; } 50% {-ms-transform: scaleX(0.7) scaleY(0.7) ; } 100% {-ms-transform: scaleX(1.0) scaleY(1.0) ; } } @keyframes pulse-rotate { 0% {transform: scaleX(1.0) scaleY(1.0) ; } 50% {transform: scaleX(1.5) scaleY(1.5) rotate(180deg); } 100% {transform: scaleX(1.0) scaleY(1.0) rotate(360deg); } } @-moz-keyframes pulse-rotate { 0% {-moz-transform: scaleX(1.0) scaleY(1.0) ; } 50% {-moz-transform: scaleX(1.5) scaleY(1.5) rotate(180deg) ; } 100% {-moz-transform: scaleX(1.0) scaleY(1.0) rotate(360deg); } } @-webkit-keyframes pulse-rotate { 0% {-webkit-transform: scaleX(1.0) scaleY(1.0) ; } 50% {-webkit-transform: scaleX(1.5) scaleY(1.5) rotate(180deg) ; } 100% {-webkit-transform:scaleX(1.0) scaleY(1.0) rotate(360deg); } } @-o-keyframes pulse-rotate { 0% {-o-transform: scaleX(1.0) scaleY(1.0) ; } 50% {-o-transform: scaleX(1.5) scaleY(1.5) rotate(180deg) ; } 100% {-o-transform: scaleX(1.0) scaleY(1.0) rotate(360deg); } } @-ms-keyframes pulse-rotate { 0% {-ms-transform: scaleX(1.0) scaleY(1.0) ; } 50% {-ms-transform: scaleX(1.5) scaleY(1.5) rotate(180deg) ; } 100% {-ms-transform: scaleX(1.0) scaleY(1.0) rotate(360deg); } } @keyframes rotate { 50% {transform: rotate(180deg);} 100% {transform: rotate(360deg);}} @-moz-keyframes rotate { 50% {-moz-transform: rotate(180deg);} 100% {-moz-transform: rotate(360deg);}} @-webkit-keyframes rotate { 50% {-webkit-transform: rotate(180deg);} 100% {-webkit-transform:rotate(360deg);}} @-o-keyframes rotate { 50% {-o-transform: rotate(180deg);} 100% {-o-transform: rotate(360deg);}} @-ms-keyframes rotate { 50% {-ms-transform: rotate(180deg);} 100% {-ms-transform: rotate(360deg);}} .btn > spanclass^awe- { } .social-button { width: 35px; height: 35px; -webkit-border-radius: 30px; border-radius: 30px; text-align: center; line-height: 35px; font-size: 20px; display: inline-block; margin: 0px 5px; margin-bottom: 5px; } .social-button.full { width: 100%!important; margin: 0!important; } .social-button.small { font-size: 15px; width: 25px; height: 25px; line-height: 25px; } .social-button.app-button { -webkit-border-radius: 5px; border-radius: 5px; width: 70px; } .social-button.shorturl-button { -webkit-border-radius: 5px; border-radius: 5px; background-color: #444; } .social-button, .social-button *, a.social-button:hover, a.social-button:hover * { color: #FFFFFF !important; text-decoration: none !important; } .social-buttondata-keyxing { background-color: #008388; } .social-buttondata-keyfacebook { background-color: #375A92; } .social-buttondata-keytwitter { background-color: #5C8ECB; } .social-buttondata-keygoldenline { background-color: #333; } .social-buttondata-keylinkedin { background-color: #4573B1; } .social-buttondata-keyyoutube { background-color: #E13334; } .social-buttondata-keyinstagram { background-color: #5e0bf6; } .social-buttondata-keygoogle { background-color: #C93B2D; } .social-buttondata-keyskype { background-color: #22A7E2; } .social-buttondata-keyslideshare { background-color: #29B1B3; } .social-buttondata-keyweibo { background-color: #E6162D; } .social-buttondata-keyqq { background-color: #000000; } .social-buttondata-keywechat { background-color: #91BF4B; } .social-buttondata-keywhatsapp { background-color: #91BF4B; } .social-buttondata-keyvk { background-color: #507299; } .social-buttondata-keyapp-1,.social-buttondata-keyapple { background-color: #2F2F2F; } .social-buttondata-keyapp-2,.social-buttondata-keyandroid { background-color: #A4C53A; } .social-buttondata-keyapp-3,.social-buttondata-keywindows { background-color: #00ADEF; } .social-button > span { font-family: FontAwesome!important; } .social-buttondata-keyxing > span::before { content: \f168; } .social-buttondata-keyfacebook > span::before { content: \f09a; } .social-buttondata-keytwitter > span::before { content: \f099; } .social-buttondata-keygoldenline > span::before { content: \00a0; } .social-buttondata-keylinkedin > span::before { content: \f0e1; } .social-buttondata-keyyoutube > span::before { content: \f167; } .social-buttondata-keyinstagram > span::before { content: \f16d; } .social-buttondata-keygoogle > span::before { content: \f0d5; } .social-buttondata-keyskype > span::before { content: \f17e; } .social-buttondata-keyslideshare > span::before { content: \f1e7; } .social-buttondata-keyqq > span::before { content: \f1d6; } .social-buttondata-keyweibo > span::before { content: \f18a; } .social-buttondata-keywechat > span::before { content: \f1d7; } .social-buttondata-keywhatsapp > span::before { content: \f232; } .social-buttondata-keyvk > span::before {content: \f189;} .social-buttondata-keyapp-1 > span::before,.social-buttondata-keyapple > span::before { content: \f179; } .social-buttondata-keyapp-2 > span::before,.social-buttondata-keyandroid > span::before { content: \f17b; } .social-buttondata-keyapp-3 > span::before,.social-buttondata-keywindows > span::before { content: \f17a; } .btn-icon, .btn-prefix { position: relative; height: 30px; line-height: 30px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; padding-left: 40px!important; padding-right: 10px!important; text-align: left!important; } .btn-icon-40 { padding-left: 50px!important; height: 40px; line-height: 40px; } .btn-icon > span:first-child, .btn-prefix > span:first-child { position: absolute; top: 0; left: 0; bottom: 0; width: 30px; height: inherit; line-height: 30px; background-color: rgba(0,0,0,0.1)!important; text-align: center; font-size: 16px; } .btn-icon-40 > span:first-child { width: 40px; line-height: 40px; font-size: 20px; } .btn-input inputtypetext { padding: 0 5px!important; height: inherit!important; line-height: inherit!important; color: #000!important; background-color: #FFF!important; } .btn-prefix.btn-input { padding-left: 30px!important; padding-right: 0px!important; } .btn-icon, .btn-icon *, .btn-prefix, .btn-prefix * { color: #FFF!important; } .btn-icon.active, .btn-icon.active *, .btn-icon:not(.inactive):hover, .btn-icon:not(.inactive):hover *, .btn-prefix:not(.inactive):hover, .btn-prefix:not(.inactive):hover * { color: #333!important; background-color: #D6D6D6!important; } .cs_btn.inactive { pointer-events: none!important; cursor: default; filter: grayscale(1); } span.loading, div.loading { display: inline-block; background-repeat: no-repeat; background-position: center; font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; height: 24px; width: 24px; } span.loading_white, div.loading_white { } span.loading2, div.loading2 { display: block; font: 0/0 a; color: transparent; padding: 30px 0px; } span.loading_rect, div.loading_rect { } input.loadingInput { border-color: #BCDD00!important; } .loadingOverlayContainer { display: none; position: fixed; top: 0px; left: 0px; z-index: 10000000!important; height: 100%; width: 100%; background: rgba(0,0,0,0.7); } .loadingOverlayInner { position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; margin-top: -30px; margin-left: -30px; } .loading-square { margin: 20px auto; width: 25px; height: 25px; position: relative; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); clear: both; } .loading-square.small { margin: 10px auto; width: 15px; height: 15px; } .loading-square .loading_item { float: left; width: 50%; height: 50%; position: relative; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .loading-square .loading_item:before { content: ; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #666; -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both; animation: sk-foldCubeAngle 2.4s infinite linear both; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } .loading-square .loading_2 { -webkit-transform: scale(1.1) rotateZ(90deg); transform: scale(1.1) rotateZ(90deg); } .loading-square .loading_3 { -webkit-transform: scale(1.1) rotateZ(180deg); transform: scale(1.1) rotateZ(180deg); } .loading-square .loading_4 { -webkit-transform: scale(1.1) rotateZ(270deg); transform: scale(1.1) rotateZ(270deg); } .loading-square .loading_2:before { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .loading-square .loading_3:before { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .loading-square .loading_4:before { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } @-webkit-keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1; } 90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0; } } @keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1; } 90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0; } } @-webkit-keyframes fadeIn { from {opacity:0;} to {opacity:1;} } @-ms-keyframes fadeIn { from {opacity:0;} to {opacity:1;} } @keyframes fadeIn { from {opacity:0;} to {opacity:1;} } @-webkit-keyframes fadeOut { from {opacity:1;} to {opacity:0;} } @-ms-keyframes fadeOut { from {opacity:1;} to {opacity:0;} } @keyframes fadeOut { from {opacity:1;} to {opacity:0;} } @-webkit-keyframes scaleIn { from {-webkit-transform:scale(0);} to {-webkit-transform:scale(1);} } @-ms-keyframes scaleIn { from {-ms-transform:scale(0);} to {-ms-transform:scale(1);} } @keyframes scaleIn { from {transform:scale(0);} to {transform:scale(1);} } @-webkit-keyframes scaleOut { from {-webkit-transform:scale(1);} to {-webkit-transform:scale(0);} } @-ms-keyframes scaleOut { from {-ms-transform:scale(1);} to {-ms-transform:scale(0);} } @keyframes scaleOut { from {transform:scale(1);} to {transform:scale(0);} } @-webkit-keyframes slideInLeft { from {-webkit-transform:translateX(-9999%);} to {-webkit-transform:translateX(0);} } @-ms-keyframes slideInLeft { from {-ms-transform:translateX(-9999%);} to {-ms-transform:translateX(0);} } @keyframes slideInLeft { from {transform:translateX(-9999%);} to {transform:translateX(0);} } @-webkit-keyframes slideOutLeft { from {-webkit-transform:translateX(0);} to {-webkit-transform:translateX(-9999%);} } @-ms-keyframes slideOutLeft { from {-ms-transform:translateX(0);} to {-ms-transform:translateX(-9999%);} } @keyframes slideOutLeft { from {transform:translateX(0);} to {transform:translateX(-9999%);} } @-webkit-keyframes slideInTop { from {-webkit-transform:translateY(-9999%);} to {-webkit-transform:translateY(0);} } @-ms-keyframes slideInTop { from {-ms-transform:translateY(-9999%);} to {-ms-transform:translateY(0);} } @keyframes slideInTop { from {transform:translateY(-9999%);} to {transform:translateY(0);} } @-webkit-keyframes slideOutTop { from {-webkit-transform:translateY(0);} to {-webkit-transform:translateY(-9999%);} } @-ms-keyframes slideOutTop { from {-ms-transform:translateY(0);} to {-ms-transform:translateY(-9999%);} } @keyframes slideOutTop { from {transform:translateY(0);} to {transform:translateY(-9999%);} } @-webkit-keyframes slideInRight { from {-webkit-transform:translateX(9999%);} to {-webkit-transform:translateX(0);} } @-ms-keyframes slideInRight { from {-ms-transform:translateX(9999%);} to {-ms-transform:translateX(0);} } @keyframes slideInRight { from {transform:translateX(9999%);} to {transform:translateX(0);} } @-webkit-keyframes slideOutRight { from {-webkit-transform:translateX(0);} to {-webkit-transform:translateX(9999%);} } @-ms-keyframes slideOutRight { from {-ms-transform:translateX(0);} to {-ms-transform:translateX(9999%);} } @keyframes slideOutRight { from {transform:translateX(0);} to {transform:translateX(9999%);} } @-webkit-keyframes slideInBottom { from {-webkit-transform:translateY(9999%);} to {-webkit-transform:translateY(0);} } @-ms-keyframes slideInBottom { from {-ms-transform:translateY(9999%);} to {-ms-transform:translateY(0);} } @keyframes slideInBottom { from {transform:translateY(9999%);} to {transform:translateY(0);} } @-webkit-keyframes slideOutBottom { from {-webkit-transform:translateY(0);} to {-webkit-transform:translateY(9999%);} } @-ms-keyframes slideOutBottom { from {-ms-transform:translateY(0);} to {-ms-transform:translateY(9999%);} } @keyframes slideOutBottom { from {transform:translateY(0);} to {transform:translateY(9999%);} } @-webkit-keyframes fadeSlideInLeft { from {-webkit-transform:translateX(-50%);opacity:0;} to {-webkit-transform:translateX(0);opacity:1;} } @-ms-keyframes fadeSlideInLeft { from {-ms-transform:translateX(-50%);opacity:0;} to {-ms-transform:translateX(0);opacity:1;} } @keyframes fadeSlideInLeft { from {transform:translateX(-50%);opacity:0;} to {transform:translateX(0);opacity:1;} } @-webkit-keyframes fadeSlideOutLeft { from {-webkit-transform:translateX(0);opacity:1;} to {-webkit-transform:translateX(-50%);opacity:0;} } @-ms-keyframes fadeSlideOutLeft { from {-ms-transform:translateX(0);opacity:1;} to {-ms-transform:translateX(-50%);opacity:0;} } @keyframes fadeSlideOutLeft { from {transform:translateX(0);opacity:1;} to {transform:translateX(-50%);opacity:0;} } @-webkit-keyframes fadeSlideInTop { from {-webkit-transform:translateY(-50%);opacity:0;} to {-webkit-transform:translateY(0);opacity:1;} } @-ms-keyframes fadeSlideInTop { from {-ms-transform:translateY(-50%);opacity:0;} to {-ms-transform:translateY(0);opacity:1;} } @keyframes fadeSlideInTop { from {transform:translateY(-50%);opacity:0;} to {transform:translateY(0);opacity:1;} } @-webkit-keyframes fadeSlideOutTop { from {-webkit-transform:translateY(0);opacity:1;} to {-webkit-transform:translateY(-50%);opacity:0;} } @-ms-keyframes fadeSlideOutTop { from {-ms-transform:translateY(0);opacity:1;} to {-ms-transform:translateY(-50%);opacity:0;} } @keyframes fadeSlideOutTop { from {transform:translateY(0);opacity:1;} to {transform:translateY(-50%);opacity:0;} } @-webkit-keyframes fadeSlideInRight { from {-webkit-transform:translateX(50%);opacity:0;} to {-webkit-transform:translateX(0);opacity:1;} } @-ms-keyframes fadeSlideInRight { from {-ms-transform:translateX(50%);opacity:0;} to {-ms-transform:translateX(0);opacity:1;} } @keyframes fadeSlideInRight { from {transform:translateX(50%);opacity:0;} to {transform:translateX(0);opacity:1;} } @-webkit-keyframes fadeSlideOutRight { from {-webkit-transform:translateX(0);opacity:1;} to {-webkit-transform:translateX(50%);opacity:0;} } @-ms-keyframes fadeSlideOutRight { from {-ms-transform:translateX(0);opacity:1;} to {-ms-transform:translateX(50%);opacity:0;} } @keyframes fadeSlideOutRight { from {transform:translateX(0);opacity:1;} to {transform:translateX(50%);opacity:0;} } @-webkit-keyframes fadeSlideInBottom { from {-webkit-transform:translateY(50%);opacity:0;} to {-webkit-transform:translateY(0);opacity:1;} } @-ms-keyframes fadeSlideInBottom { from {-ms-transform:translateY(50%);opacity:0;} to {-ms-transform:translateY(0);opacity:1;} } @keyframes fadeSlideInBottom { from {transform:translateY(50%);opacity:0;} to {transform:translateY(0);opacity:1;} } @-webkit-keyframes fadeSlideOutBottom { from {-webkit-transform:translateY(0);opacity:1;} to {-webkit-transform:translateY(50%);opacity:0;} } @-ms-keyframes fadeSlideOutBottom { from {-ms-transform:translateY(0);opacity:1;} to {-ms-transform:translateY(50%);opacity:0;} } @keyframes fadeSlideOutBottom { from {transform:translateY(0);opacity:1;} to {transform:translateY(50%);opacity:0;} } @media only screen and (min-width: 999px) { .fadeIn1>.container>.container-inner, .fadeIn2>.container>.container-inner, .fadeIn3>.container>.container-inner, .fadeIn4>.container>.container-inner, .fadeSlideInLeft1>.container>.container-inner, .fadeSlideInLeft2>.container>.container-inner, .fadeSlideInLeft3>.container>.container-inner, .fadeSlideInLeft4>.container>.container-inner, .fadeSlideInTop1>.container>.container-inner, .fadeSlideInTop2>.container>.container-inner, .fadeSlideInTop3>.container>.container-inner, .fadeSlideInTop4>.container>.container-inner, .fadeSlideInRight1>.container>.container-inner, .fadeSlideInRight2>.container>.container-inner, .fadeSlideInRight3>.container>.container-inner, .fadeSlideInRight4>.container>.container-inner, .fadeSlideInBottom1>.container>.container-inner, .fadeSlideInBottom2>.container>.container-inner, .fadeSlideInBottom3>.container>.container-inner, .fadeSlideInBottom4>.container>.container-inner{ opacity: 0; } .fadeIn1.animate>.container>.container-inner{ -webkit-animation:fadeIn 1s both; -ms-animation:fadeIn 1s both; animation:fadeIn 1s both; -webkit-animation-delay:500ms; -ms-animation-delay:500ms; animation-delay:500ms; } .fadeIn2.animate>.container>.container-inner{ -webkit-animation:fadeIn 1s both; -ms-animation:fadeIn 1s both; animation:fadeIn 1s both; -webkit-animation-delay:750ms; -ms-animation-delay:750ms; animation-delay:750ms; } .fadeIn3.animate>.container>.container-inner{ -webkit-animation:fadeIn 1s both; -ms-animation:fadeIn 1s both; animation:fadeIn 1s both; -webkit-animation-delay:1000ms; -ms-animation-delay:1000ms; animation-delay:1000ms; } .fadeIn4.animate>.container>.container-inner{ -webkit-animation:fadeIn 1s both; -ms-animation:fadeIn 1s both; animation:fadeIn 1s both; -webkit-animation-delay:1250ms; -ms-animation-delay:1250ms; animation-delay:1250ms; } .fadeOut1.animate>.container>.container-inner{ -webkit-animation:fadeOut 1s both; -ms-animation:fadeOut 1s both; animation:fadeOut 1s both; -webkit-animation-delay:500ms; -ms-animation-delay:500ms; animation-delay:500ms; } .fadeOut2.animate>.container>.container-inner{ -webkit-animation:fadeOut 1s both; -ms-animation:fadeOut 1s both; animation:fadeOut 1s both; -webkit-animation-delay:750ms; -ms-animation-delay:750ms; animation-delay:750ms; } .fadeOut3.animate>.container>.container-inner{ -webkit-animation:fadeOut 1s both; -ms-animation:fadeOut 1s both; animation:fadeOut 1s both; -webkit-animation-delay:1000ms; -ms-animation-delay:1000ms; animation-delay:1000ms; } .fadeOut4.animate>.container>.container-inner{ -webkit-animation:fadeOut 1s both; -ms-animation:fadeOut 1s both; animation:fadeOut 1s both; -webkit-animation-delay:1250ms; -ms-animation-delay:1250ms; animation-delay:1250ms; } .scaleIn1.animate>.container>.container-inner{ -webkit-animation:scaleIn 1s both; -ms-animation:scaleIn 1s both; animation:scaleIn 1s both; -webkit-animation-delay:500ms; -ms-animation-delay:500ms; animation-delay:500ms; } .scaleIn2.animate>.container>.container-inner{ -webkit-animation:scaleIn 1s both; -ms-animation:scaleIn 1s both; animation:scaleIn 1s both; -webkit-animation-delay:750ms; -ms-animation-delay:750ms; animation-delay:750ms; } .scaleIn3.animate>.container>.container-inner{ -webkit-animation:scaleIn 1s both; -ms-animation:scaleIn 1s both; animation:scaleIn 1s both; -webkit-animation-delay:1000ms; -ms-animation-delay:1000ms; animation-delay:1000ms; } .scaleIn4.animate>.container>.container-inner{ -webkit-animation:scaleIn 1s both; -ms-animation:scaleIn 1s both; animation:scaleIn 1s both; -webkit-animation-delay:1250ms; -ms-animation-delay:1250ms; animation-delay:1250ms; } .slideInLeft1.animate>.container>.container-inner{ -webkit-animation:slideInLeft 1s both; -ms-animation:slideInLeft 1s both; animation:slideInLeft 1s both; -webkit-animation-delay:500ms; -ms-animation-delay:500ms; animation-delay:500ms; } .slideInLeft2.animate>.container>.container-inner{ -webkit-animation:slideInLeft 1s both; -ms-animation:slideInLeft 1s both; animation:slideInLeft 1s both; -webkit-animation-delay:750ms; -ms-animation-delay:750ms; animation-delay:750ms; } .slideInLeft3.animate>.container>.container-inner{ -webkit-animation:slideInLeft 1s both; -ms-animation:slideInLeft 1s both; animation:slideInLeft 1s both; -webkit-animation-delay:1000ms; -ms-animation-delay:1000ms; animation-delay:1000ms; } .slideInLeft4.animate>.container>.container-inner{ -webkit-animation:slideInLeft 1s both; -ms-animation:slideInLeft 1s both; animation:slideInLeft 1s both; -webkit-animation-delay:1250ms; -ms-animation-delay:1250ms; animation-delay:1250ms; } .slideOutLeft1.animate>.container>.container-inner{ -webkit-animation:slideOutLeft 1s both; -ms-animation:slideOutLeft 1s both; animation:slideOutLeft 1s both; -webkit-animation-delay:500ms; -ms-animation-delay:500ms; animation-delay:500ms; } .slideOutLeft2.animate>.container>.container-inner{ -webkit-animation:slideOutLeft 1s both; -ms-animation:slideOutLeft 1s both; animation:slideOutLeft 1s both; -webkit-animation-delay:750ms; -ms-animation-delay:750ms; animation-delay:750ms; } .slideOutLeft3.animate>.container>.container-inner{ -webkit-animation:slideOutLeft 1s both; -ms-animation:slideOutLeft 1s both; animation:slideOutLeft 1s both; -webkit-animation-delay:1000ms; -ms-animation-delay:1000ms; animation-delay:1000ms; } .slideOutLeft4.animate>.container>.container-inner{ -webkit-animation:slideOutLeft 1s both; -ms-animation:slideOutLeft 1s both; animation:slideOutLeft 1s both; -webkit-animation-delay:1250ms; -ms-animation-delay:1250ms; animation-delay:1250ms; } .slideInTop1.animate>.container>.container-inner{ -webkit-animation:slideInTop 1s both; -ms-animation:slideInTop 1s both; animation:slideInTop 1s both; -webkit-animation-delay:500ms; -ms-animation-delay:500ms; animation-delay:500ms; } .slideInTop2.animate>.container>.container-inner{ -webkit-animation:slideInTop 1s both; -ms-animation:slideInTop 1s both; animation:slideInTop 1s both; -webkit-animation-delay:750ms; -ms-animation-delay:750ms; animation-delay:750ms; } .slideInTop3.animate>.container>.container-inner{ -webkit-animation:slideInTop 1s both; -ms-animation:slideInTop 1s both; animation:slideInTop 1s both; -webkit-animation-delay:1000ms; -ms-animation-delay:1000ms; animation-delay:1000ms; } .slideInTop4.animate>.container>.container-inner{ -webkit-animation:slideInTop 1s both; -ms-animation:slideInTop 1s both; animation:slideInTop 1s both; -webkit-animation-delay:1250ms; -ms-animation-delay:1250ms; animation-delay:1250ms; } .slideOutTop1.animate>.container>.container-inner{ -webkit-animation:slideOutTop 1s both; -ms-animation:slideOutTop 1s both; animation:slideOutTop 1s both; -webkit-animation-delay:500ms; -ms-animation-delay:500ms; animation-delay:500ms; } .slideOutTop2.animate>.container>.container-inner{ -webkit-animation:slideOutTop 1s both; -ms-animation:slideOutTop 1s both; animation:slideOutTop 1s both; -webkit-animation-delay:750ms; -ms-animation-delay:750ms; animation-delay:750ms; } .slideOutTop3.animate>.container>.container-inner{ -webkit-animation:slideOutTop 1s both; -ms-animation:slideOutTop 1s both; animation:slideOutTop 1s both; -webkit-animation-delay:1000ms; -ms-animation-delay:1000ms; animation-delay:1000ms; } .slideOutTop4.animate>.container>.container-inner{ -webkit-animation:slideOutTop 1s both; -ms-animation:slideOutTop 1s both; animation:slideOutTop 1s both; -webkit-animation-delay:1250ms; -ms-animation-delay:1250ms; animation-delay:1250ms; } .slideInRight1.animate>.container>.container-inner{ -webkit-animation:slideInRight 1s both; -ms-animation:slideInRight 1s both; animation:slideInRight 1s both; -webkit-animation-delay:500ms; -ms-animation-delay:500ms; animation-delay:500ms; } .slideInRight2.animate>.container>.container-inner{ -webkit-animation:slideInRight 1s both; -ms-animation:slideInRight 1s both; animation:slideInRight 1s both; -webkit-animation-delay:750ms; -ms-animation-delay:750ms; animation-delay:750ms; } .slideInRight3.animate>.container>.container-inner{ -webkit-animation:slideInRight 1s both; -ms-animation:slideInRight 1s both; animation:slideInRight 1s both; -webkit-animation-delay:1000ms; -ms-animation-delay:1000ms; animation-delay:1000ms; } .slideInRight4.animate>.container>.container-inner{ -webkit-animation:slideInRight 1s both; -ms-animation:slideInRight 1s both; animation:slideInRight 1s both; -webkit-animation-delay:1250ms; -ms-animation-delay:1250ms; animation-delay:1250ms; } .slideOutRight1.animate>.container>.container-inner{ -webkit-animation:slideOutRight 1s both; -ms-animation:slideOutRight 1s both; animation:slideOutRight 1s both; -webkit-animation-delay:500ms; -ms-animation-delay:500ms; animation-delay:500ms; } .slideOutRight2.animate>.container>.container-inner{ -webkit-animation:slideOutRight 1s both; -ms-animation:slideOutRight 1s both; animation:slideOutRight 1s both; -webkit-animation-delay:750ms; -ms-animation-delay:750ms; animation-delay:750ms; } .slideOutRight3.animate>.container>.container-inner{ -webkit-animation:slideOutRight 1s both; -ms-animation:slideOutRight 1s both; animation:slideOutRight 1s both; -webkit-animation-delay:1000ms; -ms-animation-delay:1000ms; animation-delay:1000ms; } .slideOutRight4.animate>.container>.container-inner{ -webkit-animation:slideOutRight 1s both; -ms-animation:slideOutRight 1s both; animation:slideOutRight 1s both; -webkit-animation-delay:1250ms; -ms-animation-delay:1250ms; animation-delay:1250ms; } .slideInBottom1.animate>.container>.container-inner{ -webkit-animation:slideInBottom 1s both; -ms-animation:slideInBottom 1s both; animation:slideInBottom 1s both; -webkit-animation-delay:500ms; -ms-animation-delay:500ms; animation-delay:500ms; } .slideInBottom2.animate>.container>.container-inner{ -webkit-animation:slideInBottom 1s both; -ms-animation:slideInBottom 1s both; animation:slideInBottom 1s both; -webkit-animation-delay:750ms; -ms-animation-delay:750ms; animation-delay:750ms; } .slideInBottom3.animate>.container>.container-inner{ -webkit-animation:slideInBottom 1s both; -ms-animation:slideInBottom 1s both; animation:slideInBottom 1s both; -webkit-animation-delay:1000ms; -ms-animation-delay:1000ms; animation-delay:1000ms; } .slideInBottom4.animate>.container>.container-inner{ -webkit-animation:slideInBottom 1s both; -ms-animation:slideInBottom 1s both; animation:slideInBottom 1s both; -webkit-animation-delay:1250ms; -ms-animation-delay:1250ms; animation-delay:1250ms; } .slideOutBottom1.animate>.container>.container-inner{ -webkit-animation:slideOutBottom 1s both; -ms-animation:slideOutBottom 1s both; animation:slideOutBottom 1s both; -webkit-animation-delay:500ms; -ms-animation-delay:500ms; animation-delay:500ms; } .slideOutBottom2.animate>.container>.container-inner{ -webkit-animation:slideOutBottom 1s both; -ms-animation:slideOutBottom 1s both; animation:slideOutBottom 1s both; -webkit-animation-delay:750ms; -ms-animation-delay:750ms; animation-delay:750ms; } .slideOutBottom3.animate>.container>.container-inner{ -webkit-animation:slideOutBottom 1s both; -ms-animation:slideOutBottom 1s both; animation:slideOutBottom 1s both; -webkit-animation-delay:1000ms; -ms-animation-delay:1000ms; animation-delay:1000ms; } .slideOutBottom4.animate>.container>.container-inner{ -webkit-animation:slideOutBottom 1s both; -ms-animation:slideOutBottom 1s both; animation:slideOutBottom 1s both; -webkit-animation-delay:1250ms; -ms-animation-delay:1250ms; animation-delay:1250ms; } .fadeSlideInLeft1.animate>.container>.container-inner{ -webkit-animation:fadeSlideInLeft 1s both; -ms-animation:fadeSlideInLeft 1s both; animation:fadeSlideInLeft 1s both; -webkit-animation-delay:500ms; -ms-animation-delay:500ms; animation-delay:500ms; } .fadeSlideInLeft2.animate>.container>.container-inner{ -webkit-animation:fadeSlideInLeft 1s both; -ms-animation:fadeSlideInLeft 1s both; animation:fadeSlideInLeft 1s both; -webkit-animation-delay:750ms; -ms-animation-delay:750ms; animation-delay:750ms; } .fadeSlideInLeft3.animate>.container>.container-inner{ -webkit-animation:fadeSlideInLeft 1s both; -ms-animation:fadeSlideInLeft 1s both; animation:fadeSlideInLeft 1s both; -webkit-animation-delay:1000ms; -ms-animation-delay:1000ms; animation-delay:1000ms; } .fadeSlideInLeft4.animate>.container>.container-inner{ -webkit-animation:fadeSlideInLeft 1s both; -ms-animation:fadeSlideInLeft 1s both; animation:fadeSlideInLeft 1s both; -webkit-animation-delay:1250ms; -ms-animation-delay:1250ms; animation-delay:1250ms; } .fadeSlideOutLeft1.animate>.container>.container-inner{ -webkit-animation:fadeSlideOutLeft 1s both; -ms-animation:fadeSlideOutLeft 1s both; animation:fadeSlideOutLeft 1s both; -webkit-animation-delay:500ms; -ms-animation-delay:500ms; animation-delay:500ms; } .fadeSlideOutLeft2.animate>.container>.container-inner{ -webkit-animation:fadeSlideOutLeft 1s both; -ms-animation:fadeSlideOutLeft 1s both; animation:fadeSlideOutLeft 1s both; -webkit-animation-delay:750ms; -ms-animation-delay:750ms; animation-delay:750ms; } .fadeSlideOutLeft3.animate>.container>.container-inner{ -webkit-animation:fadeSlideOutLeft 1s both; -ms-animation:fadeSlideOutLeft 1s both; animation:fadeSlideOutLeft 1s both; -webkit-animation-delay:1000ms; -ms-animation-delay:1000ms; animation-delay:1000ms; } .fadeSlideOutLeft4.animate>.container>.container-inner{ -webkit-animation:fadeSlideOutLeft 1s both; -ms-animation:fadeSlideOutLeft 1s both; animation:fadeSlideOutLeft 1s both; -webkit-animation-delay:1250ms; -ms-animation-delay:1250ms; animation-delay:1250ms; } .fadeSlideInTop1.animate>.container>.container-inner{ -webkit-animation:fadeSlideInTop 1s both; -ms-animation:fadeSlideInTop 1s both; animation:fadeSlideInTop 1s both; -webkit-animation-delay:500ms; -ms-animation-delay:500ms; animation-delay:500ms; } .fadeSlideInTop2.animate>.container>.container-inner{ -webkit-animation:fadeSlideInTop 1s both; -ms-animation:fadeSlideInTop 1s both; animation:fadeSlideInTop 1s both; -webkit-animation-delay:750ms; -ms-animation-delay:750ms; animation-delay:750ms; } .fadeSlideInTop3.animate>.container>.container-inner{ -webkit-animation:fadeSlideInTop 1s both; -ms-animation:fadeSlideInTop 1s both; animation:fadeSlideInTop 1s both; -webkit-animation-delay:1000ms; -ms-animation-delay:1000ms; animation-delay:1000ms; } .fadeSlideInTop4.animate>.container>.container-inner{ -webkit-animation:fadeSlideInTop 1s both; -ms-animation:fadeSlideInTop 1s both; animation:fadeSlideInTop 1s both; -webkit-animation-delay:1250ms; -ms-animation-delay:1250ms; animation-delay:1250ms; } .fadeSlideOutTop1.animate>.container>.container-inner{ -webkit-animation:fadeSlideOutTop 1s both; -ms-animation:fadeSlideOutTop 1s both; animation:fadeSlideOutTop 1s both; -webkit-animation-delay:500ms; -ms-animation-delay:500ms; animation-delay:500ms; } .fadeSlideOutTop2.animate>.container>.container-inner{ -webkit-animation:fadeSlideOutTop 1s both; -ms-animation:fadeSlideOutTop 1s both; animation:fadeSlideOutTop 1s both; -webkit-animation-delay:750ms; -ms-animation-delay:750ms; animation-delay:750ms; } .fadeSlideOutTop3.animate>.container>.container-inner{ -webkit-animation:fadeSlideOutTop 1s both; -ms-animation:fadeSlideOutTop 1s both; animation:fadeSlideOutTop 1s both; -webkit-animation-delay:1000ms; -ms-animation-delay:1000ms; animation-delay:1000ms; } .fadeSlideOutTop4.animate>.container>.container-inner{ -webkit-animation:fadeSlideOutTop 1s both; -ms-animation:fadeSlideOutTop 1s both; animation:fadeSlideOutTop 1s both; -webkit-animation-delay:1250ms; -ms-animation-delay:1250ms; animation-delay:1250ms; } .fadeSlideInRight1.animate>.container>.container-inner{ -webkit-animation:fadeSlideInRight 1s both; -ms-animation:fadeSlideInRight 1s both; animation:fadeSlideInRight 1s both; -webkit-animation-delay:500ms; -ms-animation-delay:500ms; animation-delay:500ms; } .fadeSlideInRight2.animate>.container>.container-inner{ -webkit-animation:fadeSlideInRight 1s both; -ms-animation:fadeSlideInRight 1s both; animation:fadeSlideInRight 1s both; -webkit-animation-delay:750ms; -ms-animation-delay:750ms; animation-delay:750ms; } .fadeSlideInRight3.animate>.container>.container-inner{ -webkit-animation:fadeSlideInRight 1s both; -ms-animation:fadeSlideInRight 1s both; animation:fadeSlideInRight 1s both; -webkit-animation-delay:1000ms; -ms-animation-delay:1000ms; animation-delay:1000ms; } .fadeSlideInRight4.animate>.container>.container-inner{ -webkit-animation:fadeSlideInRight 1s both; -ms-animation:fadeSlideInRight 1s both; animation:fadeSlideInRight 1s both; -webkit-animation-delay:1250ms; -ms-animation-delay:1250ms; animation-delay:1250ms; } .fadeSlideOutRight1.animate>.container>.container-inner{ -webkit-animation:fadeSlideOutRight 1s both; -ms-animation:fadeSlideOutRight 1s both; animation:fadeSlideOutRight 1s both; -webkit-animation-delay:500ms; -ms-animation-delay:500ms; animation-delay:500ms; } .fadeSlideOutRight2.animate>.container>.container-inner{ -webkit-animation:fadeSlideOutRight 1s both; -ms-animation:fadeSlideOutRight 1s both; animation:fadeSlideOutRight 1s both; -webkit-animation-delay:750ms; -ms-animation-delay:750ms; animation-delay:750ms; } .fadeSlideOutRight3.animate>.container>.container-inner{ -webkit-animation:fadeSlideOutRight 1s both; -ms-animation:fadeSlideOutRight 1s both; animation:fadeSlideOutRight 1s both; -webkit-animation-delay:1000ms; -ms-animation-delay:1000ms; animation-delay:1000ms; } .fadeSlideOutRight4.animate>.container>.container-inner{ -webkit-animation:fadeSlideOutRight 1s both; -ms-animation:fadeSlideOutRight 1s both; animation:fadeSlideOutRight 1s both; -webkit-animation-delay:1250ms; -ms-animation-delay:1250ms; animation-delay:1250ms; } .fadeSlideInBottom1.animate>.container>.container-inner{ -webkit-animation:fadeSlideInBottom 1s both; -ms-animation:fadeSlideInBottom 1s both; animation:fadeSlideInBottom 1s both; -webkit-animation-delay:500ms; -ms-animation-delay:500ms; animation-delay:500ms; } .fadeSlideInBottom2.animate>.container>.container-inner{ -webkit-animation:fadeSlideInBottom 1s both; -ms-animation:fadeSlideInBottom 1s both; animation:fadeSlideInBottom 1s both; -webkit-animation-delay:750ms; -ms-animation-delay:750ms; animation-delay:750ms; } .fadeSlideInBottom3.animate>.container>.container-inner{ -webkit-animation:fadeSlideInBottom 1s both; -ms-animation:fadeSlideInBottom 1s both; animation:fadeSlideInBottom 1s both; -webkit-animation-delay:1000ms; -ms-animation-delay:1000ms; animation-delay:1000ms; } .fadeSlideInBottom4.animate>.container>.container-inner{ -webkit-animation:fadeSlideInBottom 1s both; -ms-animation:fadeSlideInBottom 1s both; animation:fadeSlideInBottom 1s both; -webkit-animation-delay:1250ms; -ms-animation-delay:1250ms; animation-delay:1250ms; } .fadeSlideOutBottom1.animate>.container>.container-inner{ -webkit-animation:fadeSlideOutBottom 1s both; -ms-animation:fadeSlideOutBottom 1s both; animation:fadeSlideOutBottom 1s both; -webkit-animation-delay:500ms; -ms-animation-delay:500ms; animation-delay:500ms; } .fadeSlideOutBottom2.animate>.container>.container-inner{ -webkit-animation:fadeSlideOutBottom 1s both; -ms-animation:fadeSlideOutBottom 1s both; animation:fadeSlideOutBottom 1s both; -webkit-animation-delay:750ms; -ms-animation-delay:750ms; animation-delay:750ms; } .fadeSlideOutBottom3.animate>.container>.container-inner{ -webkit-animation:fadeSlideOutBottom 1s both; -ms-animation:fadeSlideOutBottom 1s both; animation:fadeSlideOutBottom 1s both; -webkit-animation-delay:1000ms; -ms-animation-delay:1000ms; animation-delay:1000ms; } .fadeSlideOutBottom4.animate>.container>.container-inner{ -webkit-animation:fadeSlideOutBottom 1s both; -ms-animation:fadeSlideOutBottom 1s both; animation:fadeSlideOutBottom 1s both; -webkit-animation-delay:1250ms; -ms-animation-delay:1250ms; animation-delay:1250ms; } } .front .cs_info_popup_wrapper .cs_info_popup_image { position: relative; } .front .cs_info_popup_wrapper .cs_info_popup_image button img { width: 25px; } .front .cs_info_popup_wrapper .cs_info_popup_image button { cursor: pointer; } .front .cs_info_popup_wrapper .cs_info_popup_image .cs_popup_image_open { display: block; } .front .cs_info_popup_wrapper .cs_info_popup_image .cs_popup_image_close { display: none; } .front .cs_info_popup_wrapper .cs_info_popup_image button.cs_show_info .cs_popup_image_open { display: none; } .front .cs_info_popup_wrapper .cs_info_popup_image button.cs_show_info .cs_popup_image_close { display: block; } .front .cs_info_popup_wrapper .cs_info_popup_content { display: flex; opacity: 0; visibility: hidden; transition: all .3s ease; } .stripe-cs_info_popup.cs_popup_active { z-index: 9999 !important; } .front .cs_info_popup_wrapper .cs_info_popup_content { position: fixed !important; z-index: 300 !important; top: 50% !important; -ms-transform: translateY(-50%) !important; transform: translateY(-50%) !important; left: 0px !important; bottom: auto !important; background: #fff; border-radius: 3px; padding: 20px; max-width: 100% !important; max-height: 100% !important; overflow-y: auto; margin-left: 15% !important; margin-right: 15% !important; } .front .cs_info_popup_wrapper.cs_info_popup_with_icon .cs_info_popup_content{ } .front .cs_info_popup_wrapper .cs_info_popup_content.cs_show_info { opacity: 1; visibility: visible; } @media (min-width: 1170px) { .front .cs_info_popup_wrapper .cs_info_popup_content { position: fixed !important; z-index: 300!important; top: auto !important; left: 25% !important; bottom: 25% !important; background: #fff; border-radius: 3px; padding: 20px; max-width: 100vh; max-height: 100vh; overflow-y: auto; } .front .cs_info_popup_wrapper.cs_info_popup_with_icon .cs_info_popup_content{ } } .front .cs_info_popup_filter { position: fixed; z-index: 100; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity .25s ease-out; pointer-events: none; } .front.cs_popup_is_active .cs_info_popup_filter { opacity: 1 !important; } .front.cs_popup_is_active .column { z-index:inherit; } .front.cs_popup_is_active .cs_info_popup_wrapper .column { } .front .cs_info_popup_wrapper >.cs_info_popup_image button{ border: 0; background-color:transparent; padding:40px 0px; } .front .cs_info_popup_wrapper .cs_info_popup_close{ display:none; } .front.cs_popup_is_active .cs_info_popup_wrapper .cs_info_popup_close{ position: absolute; width: 25px; height: 25px; top: 0px; right: 0px; font-size: 25px; cursor: pointer; display:block; } .front.cs_popup_is_active .cs_info_popup_wrapper.cs_popup_is_active{ z-index: 1000; } :root { --grayBlue: #E7EEF5; --grayBlueDarker: #A8ACB3; } #shopping_cart_example_wrapper .btn, .cs_default_overlay .btn, .cs_shopping_cart_overview .btn, .cs_login, .cs_registration, .cs_logout { display: block; width: 100%; height: 40px; line-height: 40px; cursor: pointer; text-align: center; background-color: rgba(0,0,0,0.1); color: #333; } #shopping_cart_example_wrapper, #shopping_cart_example_wrapper *, .cs_default_overlay, .cs_default_overlay *, .cs_shopping_cart_item , .cs_shopping_cart_item *, .cs_shopping_cart_item *:before, .cs_shopping_cart_item *:after, .cs_shopping_cart_overview, .cs_login_wrapper, .cs_login_wrapper *, .cs_shopping_cart_overview * { box-sizing: border-box; } #shopping_cart_example_wrapper .btn + .btn, .cs_default_overlay .btn + .btn, .cs_shopping_cart_overview .btn + .btn { margin-top: 1rem; } #shopping_cart_example_wrapper .btn:hover, .cs_default_overlay .btn:hover, .cs_shopping_cart_overview .btn:hover { color: #FFF; background-color: rgba(0,0,0,0.4); } .cs_default_overlay input, .cs_default_overlay select, .cs_default_overlay input, .cs_default_overlay textarea, .cs_shopping_cart_overview input, .cs_shopping_cart_overview select { height: 40px; line-height: 40px; border: none!important; padding: 0 1rem!important; margin: 0; background-color: var(--grayBlue); width: 100%; display: block; } .cs_default_overlay textarea { height: 140px; line-height: 20px; padding: 0.5rem 1rem!important; resize: vertical; } .cs_default_overlay readonly, .cs_shopping_cart_overview readonly { pointer-events: none; } #shopping_cart_example_wrapper { padding: 2rem; background-color: #CCC; } .cs_shopping_cart_item_overview { display: grid; grid-template-columns: repeat(auto-fill, minmax(23%, 1fr)); gap: 2rem; margin-bottom: 2rem; } .cs_shopping_cart_item { padding: 1rem; position: relative; background-color: #FFF; } #shopping_cart_example_wrapper .cs_shopping_cart_item { min-height: 10rem; } .cs_shopping_cart_add:not(.cs_shopping_cart_add_auto), .cs_shopping_cart_add_0:not(.cs_shopping_cart_add_0_auto), .cs_shopping_cart_add_default { display: block; text-align: center; height: 40px; line-height: 40px; padding: 0 50px; background-color: rgba(0,0,0,0.1); cursor: pointer; position: relative; } .cs_shopping_cart_add:not(.cs_shopping_cart_add_auto) > spanclass^awe- { width: 40px; height: 40px; line-height: 40px; position: absolute; top: 0; left: 0; pointer-events: none; } .cs_shopping_cart_add_0class*awe- { font-family: inherit!important; } .cs_shopping_cart_add_0class*awe-::before { font-family: FontAwesome!important; } .cs_shopping_cart_add.cs_shopping_cart_add_auto, .cs_shopping_cart_add_0.cs_shopping_cart_add_0_auto { position: absolute; top: 0; right: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; cursor: pointer; background-color: rgba(0,0,0,0.1); font-size: 20px; } .cs_shopping_cart_item_0 .cs_shopping_cart_add.cs_shopping_cart_add_auto { top: 40px; } .cs_shopping_cart_initialized .cs_shopping_cart_add.cs_shopping_cart_add_auto::before { content: \1f6d2; font-style: normal; } .cs_shopping_cart_initialized .cs_shopping_cart_add::after { content: attr(data-cs_shopping_cart_item_quantity); font-size: 1rem!important; display: none; position: absolute; top: 0; right: 0; height: 40px; line-height: 40px!important; min-width: 40px; padding: 0 5px; line-height: 1.6rem; background-color: rgba(0,0,0,0.2); font-style: normal; } .cs_shopping_cart_initialized .cs_shopping_cart_add.cs_shopping_cart_add_auto::after { bottom: -1.6rem; top: auto; left: 0; right: 0; height: 1.6rem; line-height: 1.6rem!important; padding: 0; } .cs_shopping_cart_initialized.cs_shopping_cart_added .cs_shopping_cart_add::after { display: block!important; } .cs_shopping_cart_overview_wrapper { min-height: 40px; background-color: rgba(0,0,0,0.05); } .cs_shopping_cart_overview { overflow: hidden; margin-bottom: 1rem; min-height: 40px; line-height: 40px; & > * { background-color: #FFF; padding-left: 1rem; padding-right: 100px; position: relative; & + * { margin-top: 0.5rem; } & > div:first-child { display: grid; grid-template-columns: repeat(auto-fill, minmax(20%, 1fr)); gap: 2rem; & > * + * { text-align: right; line-height: 40px; } } & > span:last-child { position: absolute; top: 0; right: 0; width: 100px; & > * { height: 40px; line-height: 40px; width: 40px; text-align: center; cursor: pointer; float: right; background-color: #FFF; font-style: normal; font-size: 16px; &:nth-child(2n) { background-color: rgba(0,0,0,0.05); } &data-actionurl_detail { text-decoration: none; &::before { font-family: FontAwesome; content: \f002; } } &data-actionremove { &::before { font-family: FontAwesome; content: \f00d; } } } } } } .cs_shopping_cart_initialized .cs_shopping_cart_add::after, .cs_shopping_cart_btn_main::after { content: attr(data-cs_shopping_cart_item_quantity); } .cs_shopping_cart_btn_checkout, .cs_shopping_cart_btn_main { width: 100%; height: 40px; line-height: 40px; padding: 0 3rem; text-align: center; background-color: #FFF; cursor: pointer; position: relative; & * { display: inline-block; text-align: center; } } .cs_shopping_cart_btn_main::after { position: absolute; top: 0; right: 0; width: 2rem; text-align: center; background-color: rgba(0,0,0,0.1); } .cs_default_overlay.cs_shopping_cart_overlay { width: 70%; & > div:first-child { background-color: #AAA; } } .cs_default_overlay.cs_shopping_cart_overlay_0 { width: 40%; & .cs_shopping_cart_overview > * > div:first-child { grid-template-columns: repeat(auto-fill, minmax(45%, 1fr)); } } .cs_shopping_cart_item.cs_shopping_cart_item_0 {} .cs_shopping_cart_item.cs_shopping_cart_item_0 .cs_shopping_cart_add_0.cs_shopping_cart_add_0_auto { font-size: 0; color: transparent; } .cs_shopping_cart_item.cs_shopping_cart_item_0 .cs_shopping_cart_add_0.cs_shopping_cart_add_0_auto::before, .cs_shopping_cart_add_0:not(.cs_shopping_cart_add_0_auto)::before { width: 40px; font-size: 20px; color: #000; font-style: normal; } .cs_shopping_cart_item.cs_shopping_cart_item_0 .cs_shopping_cart_add_0.cs_shopping_cart_add_0_auto::before, .cs_shopping_cart_add_0:not(.cs_shopping_cart_add_0_auto):not(class*awe-)::before { font-family: FontAwesome!important; content: \f005; } .cs_shopping_cart_add_0:not(.cs_shopping_cart_add_0_auto)::before { position: absolute; top: 0; right: 0; } .cs_shopping_cart_item.cs_shopping_cart_item_0.cs_shopping_cart_added_0 {} .cs_shopping_cart_item.cs_shopping_cart_item_0.cs_shopping_cart_added_0.cs_shopping_cart_add_0.cs_shopping_cart_add_0_auto { font-size: 0; color: transparent; } .cs_shopping_cart_item.cs_shopping_cart_item_0.cs_shopping_cart_added_0 .cs_shopping_cart_add_0.cs_shopping_cart_add_0_auto::before, .cs_shopping_cart_item.cs_shopping_cart_added_0 .cs_shopping_cart_add_0:not(.cs_shopping_cart_add_0_auto)::before { display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 20px; color: #FFF; font-family: FontAwesome!important; content: \f00c; background-color: green; } .cs_shopping_cart_item.cs_shopping_cart_item_0 .cs_shopping_cart_add_0.cs_shopping_cart_add_0_auto::after { display: none!important; } .cs_shopping_cart_overlay { padding: 2rem; background-color: #AAA!important; overflow: visible!important; border-radius: 0!important; & > div { padding: 0!important; overflow-y: auto!important; } & .cs_default_overlay_close { font-size: 0!important; background-color: #000!important; color: #FFF; top: -40px!important; &:before { font-size: 20px!important; } } } .cs_appointment_calendar { width: 100%!important; position: relative; overflow: hidden; min-height: 535px; } .cs_appointment_calendar, .cs_appointment_calendar * { } .loadModuledata-keyappointment_calendar {} .loadModuledata-keyappointment_calendar > div > .flex { flex-wrap: wrap; } .loadModuledata-keyappointment_calendar > div > .flex > * { flex-shrink: 1; flex-grow: 1; flex-basis: 300px; } .loadModuledata-keyappointment_calendar > div > .flex > * + * { flex-basis: 800px; } .cs_appointment_calendar.cs_appointment_calendar_loading {} .cs_appointment_calendar.cs_appointment_calendar_loading > * { display: none!important; } .cs_appointment_calendar.cs_appointment_calendar_loading::before { content: ; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.1); cursor: default; z-index: 10; } .cs_appointment_calendar.cs_appointment_calendar_loading::after { } .cs_appointment_calendar .flex.collapsed { gap: var(--cs_appointment_calendar_cell_gap); background-color: var(--cs_appointment_calendar_cell_gap_color); } .cs_appointment_calendar_actions {} .cs_appointment_calendar_actions > * { margin-bottom: 1rem; } .cs_appointment_calendar_actions name { min-height: 40px; line-height: 40px; } .cs_appointment_calendar i { font-style: normal; } .cs_appointment_calendar > input { width: 1px; height: 1px; opacity: 0; position: absolute!important; top: 0; left: -100px; } .cs_appointment_calendar_sub_grid:not(.cs_appointment_calendar_full) { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(45%, 1fr)); padding-left: 1px; } .cs_appointment_calendar_sub_griddata-count1 { grid-template-columns: repeat(auto-fill, minmax(95%, 1fr)); } .cs_appointment_calendar_sub_grid:not(.cs_appointment_calendar_full) > div { max-width: 100%; margin: 0 auto; } .cs_appointment_calendar_sub_grid > div > div:first-child { min-height: 40px; line-height: 40px; text-align: center; background-color: rgba(0,0,0,0.2); } .cs_appointment_calendar_sub_grid > div > div:first-child {} .cs_appointment_calendar table { table-layout: fixed; width: 100%; } .cs_appointment_calendar table td { vertical-align: middle!important; } .cs_appointment_calendar table td > span, .cs_appointment_calendar table th > span { display: block; height: var(--cs_appointment_calendar_cell_height); width: 100%; line-height: var(--cs_appointment_calendar_cell_height); text-align: center; } .cs_appointment_calendar table td > span { position: relative; z-index: 1; } .cs_appointment_calendar table th { background-color: rgba(0,0,0,0.1); } .cs_appointment_calendar table tddata-dow6, .cs_appointment_calendar table tddata-dow7 { background-color: rgba(0,0,0,0.1); } .cs_appointment_calendar table td { opacity: 0.2; } .cs_appointment_calendar table td.cs_appointment_calendar_inactive, .cs_appointment_calendar table td.cs_appointment_calendar_skip { pointer-events: none; background-color: var(--cs_appointment_calendar_cell_gap_color)!important; } .cs_appointment_calendar table td.cs_appointment_calendar_inactive { visibility: hidden; border: none!important; } .cs_appointment_calendar table td.cs_appointment_calendar_locked { pointer-events: none; opacity: 0.3; position: relative; cursor: not-allowed; } .cs_appointment_calendar table td.cs_appointment_calendar_locked::before { content: ; display: block; width: 100%; height: 100%; top: 0; left: 0; position: absolute; } .cs_appointment_calendar table td.cs_appointment_calendar_available:not(.cs_appointment_calendar_skip) { background-color: #FFF; opacity: 1; } .cs_appointment_calendar table td.cs_appointment_calendar_available:hover { background-color: rgba(0,255,0,0.5); } .cs_appointment_calendar table td.cs_appointment_calendar_trainer:not(.cs_appointment_calendar_skip) {} .cs_appointment_calendar table td.cs_appointment_calendar_trainer:not(.cs_appointment_calendar_skip):before { content: ; width: 0; height: 0; border-style: solid; border-width: 0 0 var(--cs_appointment_calendar_slot_height) var(--cs_appointment_calendar_slot_height); border-color: transparent transparent #0AF transparent; position: absolute; bottom: 0; right: 0; left: auto; top: auto; } .cs_appointment_calendar table td::before { display: block; width: 32px; height: 32px; right: 0; bottom: 0; position: absolute; line-height: 32px; text-align: center; } .cs_appointment_calendar table td.cs_appointment_calendar_booked { position: relative; overflow: hidden; } .cs_appointment_calendar table td.cs_appointment_calendar_booked:not(.cs_appointment_calendar_skip) > span { color: #FFF; } .cs_appointment_calendar table td.cs_appointment_calendar_booked:not(.cs_appointment_calendar_skip)::before { content: ; background-color: green!important; z-index: 1; } .cs_appointment_calendar table td.cs_appointment_calendar_locked::before { content: \f023; background-color: #EFEFEF; font-family: FontAwesome !important; font-size: 20px; } .cs_appointment_calendar_nav { width: 100%; min-height: 40px; line-height: 40px; overflow: hidden; margin-bottom: 1rem; & { & > .cs_appointment_calendar_quick_action { position: relative; max-width: 40px; height: 40px; &:before { content: \f274; font-family: FontAwesome; z-index: 2; background-color: #FFF; position: absolute; inset: 0; pointer-events: none; text-align: center; font-size: 1.5rem; } & inputtypedate { z-index: 1; max-width: 40px; height: 40px; line-height: 40px; border: none!important; background-color: #CCC; cursor: pointer; } } } } .cs_appointment_calendar .cs_appointment_calendar_nav_sub { padding: 0 1rem; color: var(--default_color_blue_1); font-weight: bold; } .cs_appointment_calendar.cs_appointment_calendar_week .cs_appointment_calendar_nav_sub, .cs_appointment_calendar.cs_appointment_calendar_day .cs_appointment_calendar_nav_sub { display: block; } .cs_appointment_calendar .cs_appointment_calendar_nav_sub > * { padding: 0 10px; opacity: 0.6; } .cs_appointment_calendar .cs_appointment_calendar_nav_sub > .active { border-bottom: 1px solid var(--default_color_blue_1); pointer-events: none; opacity: 1; } .cs_appointment_calendar_nav > .cs_appointment_calendar_nav_main > i { width: 40px; height: 40px; line-height: 37px; text-align: center; float: left; background-color: rgba(0,0,0,0.2); font-size: 25px; font-family: monospace; color: #FFF; font-weight: bold; opacity: 0.5; } .cs_appointment_calendar_nav > .cs_appointment_calendar_nav_main > i:hover { opacity: 1; background-color: var(--default_color_blue_1); color: #FFF; } .cs_appointment_calendar_nav > .cs_appointment_calendar_nav_main > i::before { content: ; } .cs_appointment_calendar_nav > .cs_appointment_calendar_nav_main > i + i { float: right; } .cs_appointment_calendar_nav > .cs_appointment_calendar_nav_main > i + i::before { content: >; } .cs_appointment_calendar_close { width: 40px; height: 40px; line-height: 40px; position: absolute; top: 0; right: 0; text-align: center; background-color: rgba(0,0,0,0.6); color: #FFF; cursor: pointer; } .cs_appointment_calendar_close::before { content: \2716; } .cs_appointment_calendar_week_overview { padding-left: 150px; position: relative; } .cs_appointment_calendar_week_overview > div:first-child { position: absolute; left: 0; width: 150px; display: grid; gap: var(--cs_appointment_calendar_cell_gap); background-color: var(--cs_appointment_calendar_cell_gap_color); } .cs_appointment_calendar_week_overview > div:first-child > * { display: grid; gap: var(--cs_appointment_calendar_cell_gap); } .cs_appointment_calendar_week_overview > div:first-child * { text-align: center; line-height: var(--cs_appointment_calendar_cell_height); } .cs_appointment_calendar_week_overview > div:first-child * > i { position: relative; display: block; width: 100%; height: var(--cs_appointment_calendar_slot_height); line-height: var(--cs_appointment_calendar_slot_height); font-size: 0.7rem; border-right: 2px solid var(--cs_appointment_calendar_cell_gap_color); } .cs_appointment_calendar_hour_overview { flex: 1; display: grid; gap: var(--cs_appointment_calendar_cell_gap); background-color: var(--cs_appointment_calendar_cell_gap_color); } .cs_appointment_calendar_hour_overview, .cs_appointment_calendar_hour_overview * { min-height: var(--cs_appointment_calendar_cell_height); line-height: var(--cs_appointment_calendar_cell_height); box-sizing: border-box; } .cs_appointment_calendar_hour_overview > * > * { display: grid; gap: var(--cs_appointment_calendar_cell_gap); } .cs_appointment_calendar_hour_overview > label { text-align: center; background-color: #FFF; } .cs_appointment_calendar_hour_overview > label > i { display: block; text-align: center; font-style: normal; } .cs_appointment_calendar_hour_overview > label > i:first-child { line-height: 27px; } .cs_appointment_calendar_hour_overview > label > i:first-child + i { line-height: 16px; font-size: 0.7rem; height: 16px; min-height: 0; margin-top: -20px; color: rgba(0,0,0,0.7); } .cs_appointment_calendar_hour_overview > * { position: relative; } .cs_appointment_calendar_hour_overview > * > label { position: absolute; top: 0; left: 0; padding: 0 10px; background-color: rgba(0,0,0,0.1); width: 100px; text-align: center; } .cs_appointment_calendar_hour_overview > * > label + div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; } .cs_appointment_calendar_hour_overview > * > label + div > *, .cs_appointment_calendar_hour_overview > div > div > * { position: relative; background-color: #FFF; line-height: var(--cs_appointment_calendar_slot_height); height: var(--cs_appointment_calendar_slot_height); min-height: var(--cs_appointment_calendar_slot_height); overflow: hidden; font-size: 0.7rem; } .cs_appointment_calendar_hour_overview > * > label + div > *::before, .cs_appointment_calendar_hour_overview > div > div > *::before { font-family: FontAwesome !important; text-align: center; width: 100%; height: 100%; display: block; } .cs_appointment_calendar_legend > *data-cisdata-kunavailable > i:before, .cs_appointment_calendar_hour_overview .cs_appointment_calendar_empty, .cs_appointment_calendar_hour_overview .cs_appointment_calendar_is_skip { cursor: not-allowed; background-color: var(--cs_appointment_calendar_cell_gap_color)!important; } .cs_appointment_calendar_legend > *data-cisdata-kbooked > i:before { cursor: default; background-color: green!important; color: #FFF; } .cs_appointment_calendar_hour_overview div.cs_appointment_calendar_is_booked::before { background-color: green; content: ; position: absolute; top: 0; right: 0; width: 2rem; } .cs_appointment_calendar_hour_overview div.cs_appointment_calendar_is_booked.cs_appointment_calendar_is_checked::after { color: #FFF; } .cs_appointment_calendar_legend > *data-cisdata-kavailable > i:before, .cs_appointment_calendar_hour_overview div.cs_appointment_calendar_is_available { background-color: #FFF; } .cs_appointment_calendar_legend > *data-cisdata-kavailable > i:before {} .cs_appointment_calendar_hour_overview div.cs_appointment_calendar_is_available:hover {} .cs_appointment_calendar_hour_overview divdata-iddata-index_h > i { display: none; height: 20px; line-height: 20px; text-align: center; font-size: 0.6rem; } .cs_appointment_calendar_hour_overview divdata-iddata-index_h.cs_appointment_calendar_is_available > i, .cs_appointment_calendar_hour_overview divdata-iddata-index_h.cs_appointment_calendar_is_skip > i { display: block; } .cs_appointment_calendar_legend > *data-cisdata-kunavailable > i:before, .cs_appointment_calendar_hour_overview div.cs_appointment_calendar_has_error { background-color: #BBB!important; cursor: not-allowed; } .cs_appointment_calendar_hour_overview div.cs_appointment_calendar_is_locked, .cs_appointment_calendar_hour_overview div.cs_appointment_calendar_is_reserved {} .cs_appointment_calendar_hour_overview div.cs_appointment_calendar_has_customer {} .cs_appointment_calendar_hour_overview divdata-id { position: relative; } .cs_appointment_calendar_legend > *data-cdata-k > i:before, .cs_appointment_calendar_hour_overview divdata-id:before, .cs_appointment_calendar_hour_overview divdata-id:after { font-family: FontAwesome; } .cs_appointment_calendar_hour_overview divdata-id:before, .cs_appointment_calendar_hour_overview divdata-id:after { content: ; width: var(--cs_appointment_calendar_slot_height); height: var(--cs_appointment_calendar_slot_height); line-height: var(--cs_appointment_calendar_slot_height); text-align: center; position: absolute; top: 0; right: 0; z-index: 1; font-size: 1rem; } .cs_appointment_calendar_hour_overview divdata-id:after { z-index: 2; } .cs_appointment_calendar_legend > *data-chasdata-krole_50 > i:before, .cs_appointment_calendar_legend > *data-chasdata-krole_55 > i:before, .cs_appointment_calendar_hour_overview divdata-id.cs_appointment_calendar_has_role_50:before, .cs_appointment_calendar_hour_overview divdata-id.cs_appointment_calendar_has_role_55:before, .cs_appointment_calendar_legend > *data-chasdata-krole_50_self:before, .cs_appointment_calendar_legend > *data-chasdata-krole_55_self:before, .cs_appointment_calendar_hour_overview divdata-id.cs_appointment_calendar_has_role_50_self:before, .cs_appointment_calendar_hour_overview divdata-id.cs_appointment_calendar_has_role_55_self:before { width: 0; height: 0; border-style: solid; border-width: 0 0 var(--cs_appointment_calendar_slot_height) var(--cs_appointment_calendar_slot_height); border-color: transparent transparent #0AF transparent; } .cs_appointment_calendar_legend > *data-chasdata-krole_50_self > i:before, .cs_appointment_calendar_legend > *data-chasdata-krole_55_self > i:before, .cs_appointment_calendar_hour_overview divdata-id.cs_appointment_calendar_has_role_50_self:before, .cs_appointment_calendar_hour_overview divdata-id.cs_appointment_calendar_has_role_55_self:before { border-color: transparent transparent #00D95F transparent; } .cs_appointment_calendar_legend > *data-chasdata-krole_50 > i:before, .cs_appointment_calendar_legend > *data-chasdata-krole_55 > i:before, .cs_appointment_calendar_legend > *data-chasdata-krole_50_self:before, .cs_appointment_calendar_legend > *data-chasdata-krole_55_self:before { border-width: 0 0 15px 20px; margin-bottom: 5px; } .cs_appointment_calendar_legend > *data-cisdata-kselected > i:before, .cs_appointment_calendar_hour_overview divdata-id.cs_appointment_calendar_is_selected:not(.cs_appointment_calendar_is_reserved):not(.cs_appointment_calendar_is_locked):not(.cs_appointment_calendar_is_booked):after { content: \f07a; } .cs_appointment_calendar_legend > *data-cisdata-kcbecked > i:before, .cs_appointment_calendar_hour_overview divdata-id.cs_appointment_calendar_is_checked:after { content: \f00c; } .cs_appointment_calendar_legend > *data-cisdata-kmissed > i:before, .cs_appointment_calendar_hour_overview divdata-id.cs_appointment_calendar_is_missed:after { content: \f00d; } .cs_appointment_calendar_legend > *data-cisdata-klocked > i, .cs_appointment_calendar_hour_overview divdata-id.cs_appointment_calendar_is_locked { content: \f023; background-color: rgb(255, 0, 0)!important; } .cs_appointment_calendar_legend > *data-cisdata-klocked > i:before, .cs_appointment_calendar_hour_overview divdata-id.cs_appointment_calendar_is_locked:after { content: \f023; color: #FFF; } .cs_appointment_calendar_legend > *data-cisdata-kreserved > i:before, .cs_appointment_calendar_hour_overview divdata-id.cs_appointment_calendar_is_reserved:after { content: \f252; } .cs_appointment_calendar_legend > *data-cisdata-kblocked > i:before, .cs_appointment_calendar_hour_overview divdata-id.cs_appointment_calendar_is_blocked:after { content: \f256; color: #FFF; background-color: rgb(0,0,255); } .cs_appointment_calendar_hour_overview div.cs_appointment_calendar_has_comment:not(.cs_appointment_calendar_is_locked), .cs_appointment_calendar_legend > *data-chasdata-kcomment > i:before { background-color: rgb(255, 255, 0)!important; } .cs_appointment_calendar_hour_overview div.cs_appointment_calendar_has_comment:not(.cs_appointment_calendar_is_locked):before, .cs_appointment_calendar_legend > *data-chasdata-kcomment > i:before { content: \f075!important; color: #000; } .cs_appointment_calendar_hour_overview data-id.cs_appointment_calendar_is_available:not(.cs_appointment_calendar_is_selected):not(.cs_appointment_calendar_is_checked)::after { content: attr(data-date)!important; font-family: inherit!important; left: 0; right: 0!important; width: auto!important; box-sizing: border-box; font-size: 0.65rem!important; color: #333; font-family: Arial!important; text-align: center; } .cs_appointment_calendar_hour_overview data-id.cs_appointment_calendar_is_available.cs_appointment_calendar_is_selected::after, .cs_appointment_calendar_hour_overview data-id.cs_appointment_calendar_is_available.cs_appointment_calendar_is_checked::after { left: 0; right: 0!important; width: auto!important; text-align: center; } .cs_appointment_calendar.cs_appointment_calendar_viewable .cs_appointment_calendar_hour_overview data-id { } .cs_appointment_calendar label.cs_appointment_calendar_dummy, .cs_appointment_calendar label > i.cs_appointment_calendar_dummy { background-color: var(--default_color_gray_2); } .cs_appointment_assignment_dummy { background-color: #FFF; } .cs_appointment_assignment_dummy:before { content: \f007; font-size: 1.2rem; line-height: 2rem; color: var(--black); font-family: FontAwesome !important; } .cs_appointment_assignment_dummy_product:before { content: \f1b0; } .cs_appointment_calendar_error { cursor: not-allowed; _ointer-events: none; opacity: 0.2!important; } .cs_appointment_summary {} .cs_appointment_calendar_legend { overflow: hidden; display: flex; flex-wrap: wrap; gap: 0; margin-top: 1rem; } .cs_appointment_calendar_legend > * { min-height: var(--cs_appointment_calendar_slot_height); line-height: 40px; font-size: 0.8rem; position: relative; padding-left: 45px; padding-right: 1rem; } .cs_appointment_calendar_legend > * > i { display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; overflow: hidden; position: absolute; top: 5px; left: 5px; box-shadow: 0 0 5px rgb(0, 0, 0, .3); } .cs_appointment_calendar_legend > * > i:before { display: block; content: ; width: 30px; height: 30px; } .cs_appointment_calendar_legend > *data-krole_50 > i:before { border-radius: 0!important; margin: 0; border-width: 0 0 var(--cs_appointment_calendar_slot_height) var(--cs_appointment_calendar_slot_height)!important; } .cs_appointment_calendar .cs_appointment_calendar_hour_overview .cs_appointment_calendar_is_available, .cs_appointment_calendar .cs_appointment_calendar_hour_overview .cs_appointment_calendar_is_skip, .cs_appointment_calendar .cs_appointment_calendar_hour_overview .cs_appointment_calendar_is_booked { display: flex; flex-wrap: wrap; } .cs_appointment_calendar .cs_appointment_calendar_hour_overview .cs_appointment_calendar_is_available > idata-name, .cs_appointment_calendar .cs_appointment_calendar_hour_overview .cs_appointment_calendar_is_skip > idata-name, .cs_appointment_calendar .cs_appointment_calendar_hour_overview .cs_appointment_calendar_is_booked > idata-name { display: block; width: var(--cs_appointment_calendar_slot_height)!important; height: var(--cs_appointment_calendar_slot_height)!important; min-height: 0; z-index: 2; position: relative; top: 0; margin-right: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; } @media only screen and (max-width: 535px) { --root { --cs_appointment_calendar_cell_gap: 1px; } .cs_appointment_calendar {} .cs_appointment_calendar_week .cs_appointment_calendar_sub_grid > div > div:first-child, .cs_appointment_calendar_day .cs_appointment_calendar_sub_grid > div > div:first-child { width: 60px!important; } .cs_appointment_calendar_week_overview { padding-left: 60px!important; } .cs_appointment_calendar_week_overview > div:first-child { width: 60px!important; } .cs_appointment_calendar_hour_overview > label { font-weight: normal!important; font-size: 0.7rem!important; } } .multiSelect_wrapper { width: 100%; position: relative; background-color: #FFF; } .multiSelect_wrapper * { color: #555!important; text-align: left!important; } .multiSelect_wrapper .multiSelect_value_input { display: none!important; } .multiSelect_wrapper .multiSelect_selectContainer { z-index: 100!important; } .multiSelect_wrapper .multiSelect_selectContainer select { padding: 0px; margin: 0px; height: 40px; line-height: 40px; padding: 0 0.5rem; border: none; outline: none; } .multiSelect_wrapper .multiSelect_selectContainer select, .multiSelect_wrapper .multiSelect_selectContainer select * { line-height: 40px!important; } .multiSelect_wrapper .multiSelect_selectContainer select option { height: 14px; outline: none; padding: 2px; } .multiSelect_wrapper .multiSelect_itemContainer { padding-bottom: 0px; min-height: 0; overflow: hidden; border-bottom: none; background-color: rgba(0,0,0,0.05); } .multiSelect_wrapper .multiSelect_selectContainer { width: inherit; overflow: hidden; } .multiSelect_wrapper .multiSelect_itemContainer .multiSelect_selectedItem { cursor: default; background-color: #E3E3E3; position: relative; padding: 0 0.5rem; padding-right: 30px; float: left; max-width: 50%; } .multiSelect_wrapper .multiSelect_itemContainer .multiSelect_selectedItem, .multiSelect_wrapper .multiSelect_itemContainer .multiSelect_selectedItem * { height: 40px; line-height: 40px; } .multiSelect_wrapper .multiSelect_itemContainer .multiSelect_selectedItem:nth-child(2n) { background-color: #D3D3D3; } .multiSelect_wrapper:not(.disabled) .multiSelect_itemContainer .multiSelect_selectedItem:hover { background-color: #FFF; } .multiSelect_wrapper .multiSelect_itemContainer .multiSelect_selectedItem .multiSelect_selectedItemIcon { cursor: pointer; position: absolute; top: 0px; right: 0px; width: 30px; height: 40px; line-height: 40px; text-align: center!important; } .multiSelect_wrapper .multiSelect_itemContainer .multiSelect_selectedItem .multiSelect_selectedItemIcon::before { content: \2716; } .multiSelectAutocompleteWrapper {} .multiSelectAutocompleteWrapper input.multiSelect { background-color: #FFF; margin: 0!important; } .multiSelectAutocompleteWrapper .multiSelect_itemContainer { max-height: 150px; overflow-y: auto; } .multiSelectAddAll, .multiSelectRemoveAll { overflow: hidden; text-align: center; height: 40px; line-height: 40px; cursor: pointer; text-align: center!important; width: 50%; padding: 0; color: #FFF; } .multiSelectRemoveAll { opacity: 0.9; } .multiSelect_wrapper .help-block { text-align: center!important; margin-bottom: -1px; color: #990000!important; } .multiSelect_wrapper.disabled { background-color: transparent!important; } .multiSelect_wrapper.disabled .multiSelectAddAll, .multiSelect_wrapper.disabled .multiSelectRemoveAll, .multiSelect_wrapper.disabled input, .multiSelect_wrapper.disabled select { display: none; } .multiSelect_wrapper.disabled .multiSelect_selectedItem { padding-right: 5px; } .multiSelect_wrapper.disabled .multiSelect_selectedItemIcon { display: none!important; } .autoAddInput { clear: both; padding: 10px; background-color: #EFEFEF; } .default-module-nav.alt .inputBlock name.autoAddInput { background-color: transparent!important; } .autoAddInputRow { position: relative; } .autoAddInputRow input { width: 100%; height: 40px; line-height: 40px; } .autoAddInputRow + .autoAddInputRow { margin-top: 10px; } .cs_chat_ai_wrapper { position: relative; &, & * { box-sizing: border-box; } & * { color: inherit; } & > div:first-child { background-color: #FFF; padding: 0 1rem; padding-top: 0; height: 100%; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); & > header { height: 3.5rem; border-bottom: 1px solid rgba(0,0,0,0.1); position: relative; display: flex; flex-wrap: wrap; flex-direction: row-reverse; gap: 0rem; &:before { content: ; position: absolute; top: 0.25rem; left: 1rem; width: 20%; height: 3rem; background-position: left center; background-repeat: no-repeat; background-size: contain; } & > * { display: block; max-width: 2.5rem; height: 2.5rem; margin-top: 0.5rem; flex: 1; cursor: pointer; position: relative; &data-actiondownload:before, &data-actionrefresh:before, &data-actionclose:before { content: ; position: absolute; top: 0; left: 0; width: 2.5rem; height: 2.5rem; background-position: center right; background-repeat: no-repeat; background-size: 40%; opacity: 0.4; } &data-actiondownload:before { background-image: url(data:image/svg+xml;utf8,svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 512 512>path dM216 0h80c13.3 0 24 10.7 24 24v168h87.7c17.8 0 26.7 21.5 14.1 34.1L269.7 378.3c-7.5 7.5-19.8 7.5-27.3 0L90.1 226.1c-12.6-12.6-3.7-34.1 14.1-34.1H192V24c0-13.3 10.7-24 24-24zm296 376v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h146.7l49 49c20.1 20.1 52.5 20.1 72.6 0l49-49H488c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z >/path>/svg>); } &data-actionrefresh:before { background-image: url(data:image/svg+xml;utf8,svg xmlnshttp://www.w3.org/2000/svg width1em height1em viewBox0 0 1536 1536>path fillcurrentColor dM1511 928q0 5-1 7q-64 268-268 434.5T764 1536q-146 0-282.5-55T238 1324l-129 129q-19 19-45 19t-45-19t-19-45V960q0-26 19-45t45-19h448q26 0 45 19t19 45t-19 45l-137 137q71 66 161 102t187 36q134 0 250-65t186-179q11-17 53-117q8-23 30-23h192q13 0 22.5 9.5t9.5 22.5zm25-800v448q0 26-19 45t-45 19h-448q-26 0-45-19t-19-45t19-45l138-138Q969 256 768 256q-134 0-250 65T332 500q-11 17-53 117q-8 23-30 23H50q-13 0-22.5-9.5T18 608v-7q65-268 270-434.5T768 0q146 0 284 55.5T1297 212l130-129q19-19 45-19t45 19t19 45z>/path>/svg>); } &data-actionclose:before { background-image: url(data:image/svg+xml;utf8,svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 352 512>path dM242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z >/path>/svg>); } } } } &.inline { min-height: 100%!important; max-height: 100%!important; height: 100%; overflow: hidden; position: relative; padding-top: 3.5rem; padding-bottom: 3.5rem; background-color: #EFEFEF; color: #333; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); & header { background-color: #FFF; position: absolute!important; top: 0; left: 0; right: 0; padding: 0 1rem; -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.3); box-shadow: 0 0 30px 0 rgba(0,0,0,0.3); } & footer { background-color: #FFF; color: #333; position: absolute!important; bottom: 0; left: 0; right: 0; padding: 0 1rem; padding-top: .5rem!important; -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.3); box-shadow: 0 0 30px 0 rgba(0,0,0,0.3); & data-actionchat_ai_submit { bottom: .5rem!important; } } & > header + div { height: 100%; overflow: scroll; padding-bottom: 0!important; } } &:not(.inline) { z-index: 90000!important; position: fixed; bottom: 1rem; right: 0; width: 450px; max-width: 90vw!important; & > div:first-child { display: none; width: calc(100% - 2rem); height: calc(100% - 5rem); border-radius: 1rem; } &.open { top: 3rem; & > div:first-child { display: block; position: absolute; top: 1rem; bottom: 4rem; left: 1rem; right: 1rem; } } } & > div:first-child > footer { position: relative; height: 3.5rem; & input { display: block; width: 100%; height: 2.5rem; line-height: 2.5rem; border: 1px solid rgba(0,0,0,0.1); border-radius: 5px; padding-right: 2.5rem; padding-left: .5rem; } & data-actionchat_ai_submit { position: absolute; right: 1rem; bottom: 1rem; width: 2.5rem; height: 2.5rem; cursor: pointer; &:before { content: ; position: absolute; inset: 0; background-position: center center; background-repeat: no-repeat; background-size: 50%; opacity: 0.6; background-image: url(data:image/svg+xml;utf8,svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 512 512>path dM476 3.2L12.5 270.6c-18.1 10.4-15.8 35.6 2.2 43.2L121 358.4l287.3-253.2c5.5-4.9 13.3 2.6 8.6 8.3L176 407v80.5c0 23.6 28.5 32.9 42.5 15.8L282 426l124.6 52.2c14.2 6 30.4-2.9 33-18.2l72-432C515 7.8 493.3-6.8 476 3.2z>/path>/svg>); } } } & > div:first-child > header + div { padding: 1rem 0; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; max-height: 100%; } &:not(.inline) > div:first-child > header + div { height: calc(100% - 7rem); } & > div:first-child > header + div > * { display: block; padding: .5rem 1rem; line-height: 1.5rem; border-radius: 5px; color: #666; float: left; clear: both; max-width: 70%; margin-left: 10px; & i { font-style: normal!important; } &:not(.dummy) { background-color: #EFEFEF; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); } } & > div:first-child > header + div > * + * { margin-top: 0; } & > div:first-child > header + div > *data-direction + data-direction { margin-top: 1rem!important; } & > div:first-child > header + div > *data-direction1 { background-color: transparent; float: right; clear: both; margin-left: 0; margin-right: 10px; } & > div:first-child > header + div > *data-direction1 * { text-align: right; display: block; } & > div:first-child > header + div > *data-direction1 + data-direction1, & > div:first-child > header + div > *data-direction2 + data-direction2 { margin-top: -1rem; } & > div:first-child > header + div > * > i:first-child { display: block; font-size: 0.7rem; color: rgba(0,0,0,.4); } & > div:first-child > header + div > *.dummy { position: relative; padding: 0!important; background-color: transparent; margin: 0!important; } & > div:first-child > header + div > *.dummy:before { content: .; -webkit-animation: dots 1s steps(5, end) infinite; animation: dots 1.5s steps(5, end) infinite; font-size: 2rem; color: #666; } & > data-actionopen { display: block; width: 3rem; height: 3rem; position: absolute; bottom: 0; left: 1rem; border-radius: 2rem; cursor: pointer; &:before { content: ; display: block; position: absolute; inset: 0; background-position: center center; background-repeat: no-repeat; background-size: 60%; background-image: url(data:image/svg+xml;utf8,svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 576 512>path dM416 192c0-88.4-93.1-160-208-160S0 103.6 0 192c0 34.3 14.1 65.9 38 92-13.4 30.2-35.5 54.2-35.8 54.5-2.2 2.3-2.8 5.7-1.5 8.7S4.8 352 8 352c36.6 0 66.9-12.3 88.7-25 32.2 15.7 70.3 25 111.3 25 114.9 0 208-71.6 208-160zm122 220c23.9-26 38-57.7 38-92 0-66.9-53.5-124.2-129.3-148.1.9 6.6 1.3 13.3 1.3 20.1 0 105.9-107.7 192-240 192-10.8 0-21.3-.8-31.7-1.9C207.8 439.6 281.8 480 368 480c41 0 79.1-9.2 111.3-25 21.8 12.7 52.1 25 88.7 25 3.2 0 6.1-1.9 7.3-4.8 1.3-2.9.7-6.3-1.5-8.7-.3-.3-22.4-24.2-35.8-54.5z >/path>/svg>); } } &.open > data-actionopen:before { background-image: url(data:image/svg+xml;utf8,svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 448 512>path dM207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z class>/path>/svg>); } &.sending footer { display: none; } & data-keybubble { display: block; padding: 0.5rem; border-radius: 5px; background-color: #EFEFEF; color: #666; width: auto; max-width: calc(100% - 6rem); bottom: 3.5rem; left: 3rem; position: absolute; font-size: 0.8rem; cursor: default; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.2); box-shadow: 0 0 15px 0 rgba(0,0,0,.2); } &.open data-keybubble { display: none; } } @keyframes dots { 0% { color: #666; text-shadow: .25em 0 0 rgba(0,0,0,0), .5em 0 0 rgba(0,0,0,0); } 20% { color: #666; text-shadow: .25em 0 0 rgba(0,0,0,0), .5em 0 0 rgba(0,0,0,0); } 40% { text-shadow: .25em 0 0 #666, .5em 0 0 rgba(0,0,0,0); } 80%, 100% { text-shadow: .25em 0 0 #666, .5em 0 0 #666; } } :root { --white: #FFFFFF; --yellow: #FFD500; --purple: #800080; --grayLighter: #EFEFEF; --grayLight: #DEDEDE; --gray: #CCCCCC; --grayDark: #706F6F; --black: #000000; --greenLighter: #F1F7E2; --greenLight: #E4EFC7; --green: #95C11F; --greenDark: #098C38; --greenDarker: #186533; --red: #E6332A; --orange: #F9B233; --orangeDark: #F08213; --orangeLight: #FEF9F3; --blue: #125B9B; --blueT1: #125B9BE0; --blueLight: #DCE7f0; --transparent: rgb(0,0,0,0); --default_color_blue_1: #125B9B; --clr_main_1: 0, 0, 0; --clr_main_2: 0, 0, 0; --clr_main_3: 0, 0, 0; --clr_main_4: 0, 0, 0; --clr_main_5: 0, 0, 0; --clr_main_6: 0, 0, 0; --clr_main_7: 0, 0, 0; --clr_main_8: 0, 0, 0; --clr_main_9: 0, 0, 0; --clr_main_10: 0, 0, 0; --clr_main_11: 0, 0, 0; --clr_main_12: 0, 0, 0; --clr_main_13: 0, 0, 0; --clr_main_14: 0, 0, 0; --clr_main_15: 0, 0, 0; --clr_main_16: 0, 0, 0; --clr_main_17: 0, 0, 0; --clr_main_18: 0, 0, 0; --clr_main_19: 0, 0, 0; --clr_main_20: 0, 0, 0; --social_xing: #008388; --social_facebook: #375A92; --social_twitter: #5C8ECB; --social_x: #5C8ECB; --social_goldenline: #333333; --social_linkedin: #4573B1; --social_youtube: #E13334; --social_instagram: #5e0bf6; --social_google: #C93B2D; --social_skype: #22A7E2; --social_slideshare: #29B1B3; --social_weibo: #E6162D; --social_qq: #000000; --social_wechat: #91BF4B; --social_whatsapp: #91BF4B; --social_vk: #507299; --opacity: 1; } .cs_color_opacity_90 { --opacity: 0.9; } .cs_color_opacity_80 { --opacity: 0.8; } .cs_color_opacity_70 { --opacity: 0.7; } .cs_color_opacity_60 { --opacity: 0.6; } .cs_color_opacity_50 { --opacity: 0.5; } .cs_color_opacity_40 { --opacity: 0.4; } .cs_color_opacity_30 { --opacity: 0.3; } .cs_color_opacity_20 { --opacity: 0.2; } .cs_color_opacity_10 { --opacity: 0.1; } .cs_color_opacity_05 { --opacity: 0.05; } .cs_bg_color_1 { background-color: rgba(var(--clr_main_1), var(--opacity))!important; } .cs_bg_color_2 { background-color: rgba(var(--clr_main_2), var(--opacity))!important; } .cs_bg_color_3 { background-color: rgba(var(--clr_main_3), var(--opacity))!important; } .cs_bg_color_4 { background-color: rgba(var(--clr_main_4), var(--opacity))!important; } .cs_bg_color_5 { background-color: rgba(var(--clr_main_5), var(--opacity))!important; } .cs_bg_color_6 { background-color: rgba(var(--clr_main_6), var(--opacity))!important; } .cs_bg_color_7 { background-color: rgba(var(--clr_main_7), var(--opacity))!important; } .cs_bg_color_8 { background-color: rgba(var(--clr_main_8), var(--opacity))!important; } .cs_bg_color_9 { background-color: rgba(var(--clr_main_9), var(--opacity))!important; } .cs_bg_color_10 { background-color: rgba(var(--clr_main_10), var(--opacity))!important; } .cs_bg_color_11 { background-color: rgba(var(--clr_main_11), var(--opacity))!important; } .cs_bg_color_12 { background-color: rgba(var(--clr_main_12), var(--opacity))!important; } .cs_bg_color_13 { background-color: rgba(var(--clr_main_13), var(--opacity))!important; } .cs_bg_color_14 { background-color: rgba(var(--clr_main_14), var(--opacity))!important; } .cs_bg_color_15 { background-color: rgba(var(--clr_main_15), var(--opacity))!important; } .cs_bg_color_16 { background-color: rgba(var(--clr_main_16), var(--opacity))!important; } .cs_bg_color_17 { background-color: rgba(var(--clr_main_17), var(--opacity))!important; } .cs_bg_color_18 { background-color: rgba(var(--clr_main_18), var(--opacity))!important; } .cs_bg_color_19 { background-color: rgba(var(--clr_main_19), var(--opacity))!important; } .cs_bg_color_20 { background-color: rgba(var(--clr_main_20), var(--opacity))!important; } .cs_color_1 { color: rgba(var(--clr_main_1), var(--opacity))!important; } .cs_color_2 { color: rgba(var(--clr_main_2), var(--opacity))!important; } .cs_color_3 { color: rgba(var(--clr_main_3), var(--opacity))!important; } .cs_color_4 { color: rgba(var(--clr_main_4), var(--opacity))!important; } .cs_color_5 { color: rgba(var(--clr_main_5), var(--opacity))!important; } .cs_color_6 { color: rgba(var(--clr_main_6), var(--opacity))!important; } .cs_color_7 { color: rgba(var(--clr_main_7), var(--opacity))!important; } .cs_color_8 { color: rgba(var(--clr_main_8), var(--opacity))!important; } .cs_color_9 { color: rgba(var(--clr_main_9), var(--opacity))!important; } .cs_color_10 { color: rgba(var(--clr_main_10), var(--opacity))!important; } .cs_color_11 { color: rgba(var(--clr_main_11), var(--opacity))!important; } .cs_color_12 { color: rgba(var(--clr_main_12), var(--opacity))!important; } .cs_color_13 { color: rgba(var(--clr_main_13), var(--opacity))!important; } .cs_color_14 { color: rgba(var(--clr_main_14), var(--opacity))!important; } .cs_color_15 { color: rgba(var(--clr_main_15), var(--opacity))!important; } .cs_color_16 { color: rgba(var(--clr_main_16), var(--opacity))!important; } .cs_color_17 { color: rgba(var(--clr_main_17), var(--opacity))!important; } .cs_color_18 { color: rgba(var(--clr_main_18), var(--opacity))!important; } .cs_color_19 { color: rgba(var(--clr_main_19), var(--opacity))!important; } .cs_color_20 { color: rgba(var(--clr_main_20), var(--opacity))!important; } .cs_default_overview_wrapper .cs_error { color: red; } .ui-helper-hidden-accessible { display: none!important; } .cs_toggle_sub_info { cursor: pointer; } .cs_sort_trigger { cursor: pointer; } .cs_sort_trigger_a, .cs_sort_trigger_a *, .cs_sort_trigger_d, .cs_sort_trigger_d * { color: var(--default_color_blue_1); } .cs_sort_trigger_a:before, .cs_sort_trigger_d:before { float: left; margin-right: 5px; } .cs_sort_trigger_a:before { content: \25B2; } .cs_sort_trigger_d:before { content: \25BC; } .ui-tooltip { position: absolute; z-index: 9999; max-width: 400px; background: #666; padding: .5rem 1rem; color: white; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,.3); font-size: 0.8rem; } .loadModuleOverlaydata-key { display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; cursor: pointer; background-color: var(--default_color_blue_1); color: #FFF; overflow: hidden!important; &:before { content: attr(data-label); } } body.front { & .csTriggerTargetOverlay { z-index: 1001!important; &:before { content: ; display: block; position: fixed!important; inset: -10000px!important; background-color: rgba(0,0,0,.3); } } & .csTriggerTargetWrapper { & .csActiveTriggerBtn {} & .csActiveTriggerTarget { display: none; &.csTriggerTargetActive { display: block; & .csActiveTriggerBtn { display: block; &:before { content: \f00d; font-family: FontAwesome; } } } } } } label.cs_truncated { & > input { display: none; & + span { display: block; & > a { color: var(--default_color_blue_1); } & + span { display: none; } } &:checked + span { display: none; & + span { display: block; } } } } .cs_alert { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1000001!important; } .cs_alert > div { position: relative; z-index: 1001; background-color: #FFF; padding: 1.5rem; -webkit-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,0.6); box-shadow: 0 0 50px 0 rgba(0,0,0,0.6); min-width: 300px; max-width: 90vw; min-height: 150px; max-height: 90vh; padding-bottom: 40px; } .cs_alert .cs_alert-message { padding-bottom: 40px } .cs_alert .cs_alert-message:before { display: block; content: \2713; width: 50px; height: 50px; line-height: 50px; text-align: center; font-family: Arial sans-serif!important; color: var(--default_color_blue_1); font-size: 1.6rem; font-weight: bold; border: 2px solid var(--default_color_blue_1); border-radius: 40px; margin-bottom: 1rem; } .cs_alert.cs_alert_error .cs_alert-message:before { content: !; color: #990000; border-color: #990000; } .cs_alert:before { content: ; background-color: rgba(0,0,0,0.3); position: absolute; inset: -2000px; z-index: 1000; } .cs_alert-buttons { position: absolute; bottom: 1.5rem; left: 1.5rem; right: 1.5rem; display: flex; flex-direction: row-reverse; } .progress-container { width: 100%; height: 20px; background-color: lightgray; position: relative; } .progress-bar { height: 100%; } .progress-bar:before { content: ; display: block; width: var(--progress, 0); height: 100%; background-color: green; transition: width 0.5s ease-in-out; position: absolute; top: 0; left: 0; } body.front .cs_show_content_by_role:not(.cs_show_content_by_role_active) { display: none!important; } .cs_pp_placeholder { background-image: var(--default_pp_placeholder); background-repeat: no-repeat; background-position: center center; background-size: cover; } .cs_default_item_overview {} .cs_default_item_overview > * {} .cs_default_item_overview > * + * { } .cs_default_item_overview > * + *:before { content: ; display: block; width: 100%; height: 1rem; border-top: 2px solid var(--default_color_blue_1); margin-top: 1rem; } .cs_default_item_overview > * > :first-child { min-height: 100px; position: relative; background-color: #FFF; color: var(--default_color_blue_1); padding: 1rem; margin-bottom: 1rem; } .cs_default_item_overview > * + ::before { border-top: 2px dotted var(--default_color_blue_1); } .cs_default_item_overview > * > :first-child > *:first-child, .cs_default_item_overview > * .myDropzone:not(.cs_btn) { position: absolute; top: 10px; right: 0; width: 80px; height: 80px; overflow: hidden; } .cs_default_item_overview > * > :first-child > *:first-child > data-action { display: block; width: 80px; height: 80px; text-align: center; } .cs_default_item_overview > * > :first-child > *:first-child > data-actiondownload:before { width: 100%; content: \f019; font-family: FontAwesome !important; font-size: 30px; text-align: center; line-height: 80px; } .cs_default_item_overview > * > :first-child > *:first-child * img { width: 100%; height: 100%; } .cs_default_item_overview > * > :first-child > *:first-child + div { display: flex; flex-wrap: wrap; gap: 1rem; min-height: 3.5rem; padding-top: 7px } .cs_default_item_overview > * > :first-child > *:first-child + div > * > i { display: block; } .cs_default_item_overview > * > :first-child > *:first-child + div > * > i:first-child { font-weight: bold; line-height: 1.7rem; } .cs_default_overlay { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); height: auto; width: 800px; max-width: 90vw; max-height: 75vh; -webkit-box-shadow: 0 0 2000px 2000px rgba(0,0,0,0.5); box-shadow: 0 0 2000px 2000px rgba(0,0,0,0.5); background-color: #FFF; border-radius: 25px; overflow: hidden; z-index: 100000; } .cs_default_overlay_error, .cs_default_overlay_info { display: block; min-height: 40px; font-weight: bold; padding: 0; margin-bottom: 1rem; } .cs_default_overlay_error { color: #990000; } .cs_default_overlaydata-headline { padding-top: 2rem; } .cs_default_overlaydata-headline::before { content: attr(data-headline); position: absolute; top: 0; left: 0; right: 0; height: 40px; line-height: 40px; text-align: center; background-color: #E3E3E3; padding: 0 40px; padding-right: 2.7rem; } .cs_default_overlay > div:first-child { height: auto; max-height: 75vh; overflow-y: scroll; padding: 2rem; } .cs_default_overlay.cs_shopping_cart_overlay_0 .cs_shopping_cart_overview > * > div:first-child { grid-template-columns: repeat(auto-fill, minmax(45%, 1fr)); } .cs_verification_overlay { padding: 2rem; } .cs_verification_overlay label { margin-bottom: 1rem!important; } .cs_default_overlay.cs_verification_overlay > div:first-child { overflow: hidden; } .cs_default_overlay .cs_default_overlay_close { margin: 0!important; height: 40px; line-height: 40px; width: 40px; text-align: center; position: absolute; top: 0; right: 0; cursor: pointer; font-size: 16px; background-color: #FFF; } .cs_default_overlay .cs_default_overlay_close:before { content: \2716; font-weight: bold; } .cs_ajax_loading_overlay { z-index: 1000; position: fixed; bottom: 0; right: 0; transform: none; width: 40px; height: 40px; padding: 0; overflow: hidden; } .cs_ajax_loading_overlay.cs_ajax_loading_overlay_full { z-index: 100000; position: fixed; width: auto; height: auto; inset: 0; background-color: rgba(0,0,0,0.1); } .cs_ajax_loading_overlay::before { content: ; position: absolute; display: inline-block; width: 20px; height: 20px; border: 5px solid rgba(0,0,0,.3); border-radius: 50%; border-top-color: #FFF; animation: spin 1s ease-in-out infinite; -webkit-animation: spin 1s ease-in-out infinite; left: 50%; top: 50%; margin-top: -15px; margin-left: -15px; } @keyframes spin { to { -webkit-transform: rotate(360deg); } } @-webkit-keyframes spin { to { -webkit-transform: rotate(360deg); } } .cs_default_overlaydata-headline::before { display: none; content: attr(data-headline); color: #fff; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); top: -10px; left: 0; right: 40px; height: auto; font-size: 1.55rem; line-height: 0px; text-align: left; font-weight: bold; background-color: rgba(255, 255, 255, 0) !important; padding: 0rem 45px; z-index: 2; } .cs_overlay_show.active { border-bottom: 2px solid var(--default_color_blue_1)!important; opacity: 1; } .cs_overlay_footer .cs_overlay_show { float: none; margin-top: 1rem; font-weight: normal; height: 1.55rem; font-size: 1rem; line-height: 0.7rem; cursor: pointer; color: #333; } .cs_overlay_footer .cs_overlay_show:hover { text-decoration: underline; color: #333 !important; } .cs_default_overlay input, .cs_default_overlay select, .cs_default_overlay input, .cs_default_overlay textarea, .cs_shopping_cart_overview input, .cs_shopping_cart_overview select { height: 2.4rem; font-size: 1rem; line-height: 2.4rem; padding: 0 10px !important; margin: 0; background-color: transparent; width: 100%; display: block; } .cs_overlay_footer > .cs_overlay_submit.cs_btn { border: none; border-radius: 50px; display: block; height: 3.5rem; line-height: 3.5rem; cursor: pointer; text-align: center; background-color: rgba(16, 74, 150, 1); color: #fff; font-size: 1rem; font-weight: bold; margin-top: 1.8rem; } .cs_image_overlay { position: fixed; inset: 0; z-index: 10000; background-color: rgba(0,0,0,0.8); cursor: pointer; } .cs_image_overlay img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 90%; max-height: 90%; } .cs_default_placeholder_user_1 { display: block; background: url(data:image/svg+xml;utf8,svg xmlnshttp://www.w3.org/2000/svg xmlns:xlinkhttp://www.w3.org/1999/xlink version1.1 viewBox0 -256 1792 1792>g transformmatrix(1,0,0,-1,197.42373,1300.6102)>path dM 1408,131 Q 1408,11 1335,-58.5 1262,-128 1141,-128 H 267 Q 146,-128 73,-58.5 0,11 0,131 0,184 3.5,234.5 7,285 17.5,343.5 28,402 44,452 q 16,50 43,97.5 27,47.5 62,81 35,33.5 85.5,53.5 50.5,20 111.5,20 9,0 42,-21.5 33,-21.5 74.5,-48 41.5,-26.5 108,-48 Q 637,565 704,565 q 67,0 133.5,21.5 66.5,21.5 108,48 41.5,26.5 74.5,48 33,21.5 42,21.5 61,0 111.5,-20 50.5,-20 85.5,-53.5 35,-33.5 62,-81 27,-47.5 43,-97.5 16,-50 26.5,-108.5 10.5,-58.5 14,-109 Q 1408,184 1408,131 z m -320,893 Q 1088,865 975.5,752.5 863,640 704,640 545,640 432.5,752.5 320,865 320,1024 320,1183 432.5,1295.5 545,1408 704,1408 863,1408 975.5,1295.5 1088,1183 1088,1024 z/>/g>/svg>) no-repeat center center; background-size: 60%!important; } .cs_default_placeholder_product_20 { display: block; background: url(data:image/svg+xml;utf8,svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 512 512>path dM496 96h-64l-7.16-14.31A32 32 0 0 0 396.22 64H342.6l-27.28-27.28C305.23 26.64 288 33.78 288 48.03v149.84l128 45.71V208h32c35.35 0 64-28.65 64-64v-32c0-8.84-7.16-16-16-16zm-112 48c-8.84 0-16-7.16-16-16s7.16-16 16-16 16 7.16 16 16-7.16 16-16 16zM96 224c-17.64 0-32-14.36-32-32 0-17.67-14.33-32-32-32S0 174.33 0 192c0 41.66 26.83 76.85 64 90.1V496c0 8.84 7.16 16 16 16h64c8.84 0 16-7.16 16-16V384h160v112c0 8.84 7.16 16 16 16h64c8.84 0 16-7.16 16-16V277.55L266.05 224H96z/>/svg>) no-repeat center center; background-size: 60%!important; } .cs_default_profile { position: relative; min-height: 100px; font-size: 0.8rem; padding-left: 1rem; } .cs_default_profile > div:first-child { display: flex; flex-wrap: wrap; gap: 1rem; } .cs_default_profile + .cs_default_profile { margin-top: 1rem; padding-top: 1rem!important; border-top: 2px dotted var(--default_color_blue_1); } .cs_default_profile > div:first-child > * { flex-basis: 200px; flex-grow: 3; flex-shrink: 1; } .cs_default_profile data-keytitle { font-size: 1.3rem; margin-bottom: 0.5rem; color: var(--default_color_blue_1); font-weight: bold; } .cs_default_profile > div:first-child > *:first-child { flex-basis: 100px; flex-grow: 1; flex-shrink: 1; position: relative; min-height: 100px; overflow: hidden; max-width: 100px; max-height: 100px; } .cs_default_profile > div:first-child > *:first-child > i { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 100px; } .cs_default_profile > div:first-child > *:last-child { flex-basis: 40px; flex-grow: 1; flex-shrink: 1; color: var(--default_color_blue_1); } .cs_default_profile .cs_flex > * > :first-child { font-weight: bold; } .cs_default_profile data-keyactions { display: flex; flex-wrap: wrap; } .cs_default_profile data-keyactions > * { height: 40px; min-width: 40px; line-height: 40px; font-size: 20px; flex: 1; text-align: center; cursor: pointer; } .cs_default_profile > div:first-child > divdata-keyactions > *:before { font-family: FontAwesome !important; } .cs_default_profile divdata-keyactions > *data-actionedit:before, .cs_default_profile divdata-keyactions > *data-actionjumpToDetail:before { content: \f044; } .cs_default_profile divdata-keyactions > *data-actionhistory:before { content: \f1da; } .cs_default_profile divdata-keyactions > *data-actiondelete:before { content: \f1f8; } .cs_default_profile divdata-keyactions > *data-actionquestionnaire:before { content: \f0ea; } .cs_default_profile .cs_flex { display: flex; flex-wrap: wrap; gap: 0.5rem; } .cs_default_profile .cs_flex > * { flex-basis: 150px; flex-grow: 1; flex-shrink: 1; } .cs_default_profile .cs_flex > * > * { display: block; } .cs_default_profile .cs_flex > * > *:first-child { color: var(--default_color_blue_1); } .cs_default_disabled { opacity: 0.5; } .cs_default_disabled, .cs_default_disabled * { pointer-events: none; } .cs_default_input_row { padding: 0.5rem 0; } .cs_default_input_row > label { font-size: 0.85rem; font-weight: bold; line-height: 1rem; color: var(--default_color_gray_3)!important; margin-bottom: 0.5rem; } .cs_default_input_row > label + label { margin-top: .5rem; } .cs_default_input_grid { display: flex; gap: 0 2rem; flex-wrap: wrap; } .cs_default_input_grid > * { flex-grow: 1; flex-shrink: 1; flex-basis: 300px; } .cs_default_input_rowdata-suffix { position: relative; } .cs_default_input_rowdata-suffix > input { padding-right: 50px; } .cs_default_input_rowdata-suffix:before { content: attr(data-suffix); position: absolute; bottom: 1.1rem; right: 0; height: 2.4rem; line-height: 2.4rem; padding-left: 1rem; } .cs_default_input_row readonly, .cs_default_input_row disabled { pointer-events: none; } .cs_default_input_row { & textarea, & textarea, & inputtypetext, & inputtypepassword, & inputtypedatetime, & inputtypedatetime-local, & inputtypedate, & inputtypemonth, & inputtypetime, & inputtypeweek, & inputtypenumber, & inputtypeemail, & inputtypeurl, & inputtypesearch, & inputtypetel, & inputtypecolor, & .uneditable-input { background-color: #FFF; padding: 5px 0px!important; background-color: transparent; outline: none; height: 2.4rem; line-height: 2.4rem; } & inputtypetext:focus, & inputtypetext:active, & inputtypepassword:focus, & inputtypepassword:active, & textarea:focus, & textarea:active { padding: 0 10px!important; background-color: rgba(0,0,0,0.05); } & textarea:focus, & textarea:active { padding: 10px!important; } & select { border: 0; font-weight: bold; padding: 0 1.5rem; } & input:-webkit-autofill, & input:-webkit-autofill:focus, & input:-webkit-autofill:hover { -webkit-box-shadow: 0 0 0px 1000px white inset !important; box-shadow: 0 0 0px 1000px white inset !important; background-color: transparent !important; } } .formBlockInner textarea, .cs_default_input_row textarea { height: 1rem; min-height: 6rem; } .cs_select_wrapper { position: relative; overflow: hidden; cursor: pointer; line-height: 2.5rem; display: block; } .cs_select_wrapper + .cs_select_wrapper { margin-top: 1rem; } .cs_select_wrapper::before { content: \25BC; position: absolute; top: 1px; right: 1px; bottom: 1px; width: 2.1rem; height: 38px; line-height: 38px; border: none; box-sizing: border-box; text-align: center; pointer-events: none; } .cs_select_wrapper select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ; } .cs_select_wrapper > select { background-color: #FFF; height: 2.5rem; padding: 0px 1rem; } inputtypetext.cs_default_filter_input { height: 40px; line-height: 40px; color: var(--default_color_blue_1); background-color: #FFF; height: 2.5rem; padding: 0px 1rem; } .cs_date_input_wrapper { position: relative; & > input { border: 2px solid var(--default_color_blue_1)!important; border-radius: 25px; height: 40px!important; line-height: 40px!important; color: var(--default_color_blue_1); background-color: transparent!important; outline: none!important; padding: 0 1rem; } &:before { content: \f073; font-family: FontAwesome; width: 45px; height: 32px; line-height: 32px; text-align: center; position: absolute; top: 4px; right: 5px; z-index: 10; pointer-events: none; background-color: #FFF; border-radius: 25px; cursor: pointer; } } label.checkbox, .cs_checkbox, label.radio, .cs_radio { font-weight: normal; line-height: 1.5rem; min-height: 1.5rem; position: relative; cursor: pointer; display: block!important; padding: 0; } label.checkbox, label.checkbox *, .cs_checkbox, .cs_checkbox *, label.radio, label.radio *, .cs_radio, .cs_radio * { font-weight: normal; color: initial!important; min-height: 30px; line-height: 30px; } label.checkbox input, .cs_checkbox input, label.checkbox input + span > span, label.radio input, .cs_radio input, label.radio input + span > span { display: none!important; } label.checkbox input + span, label.radio input + span { padding-left: 30px; } label.checkbox input + span:before, .cs_checkbox input + span:before, label.radio input + span:before, .cs_radio input + span:before { box-sizing: border-box; content: ; width: 20px; height: 20px; display: block; position: absolute; top: 5px; left: 0; border-radius: 5px; pointer-events: none; border: 1px solid rgba(0,0,0,.4); } label.checkbox input:checked + span:before, .cs_checkbox input:checked + span:before, label.radio input:checked + span:before, .cs_radio input:checked + span:before { border-color: #97BF0D; } label.radio input + span:before, .cs_radio input + span:before { border-radius: 20px } label.radio input:checked + span::before, .cs_radio input:checked + span::before { content: ; text-align: center; background-color: #97BF0D; } label.checkbox input:checked + span:before, .cs_checkbox input:checked + span:before { content: \2713; font-weight: bold; text-align: center; background-color: #97BF0D; color: #FFF; line-height: 20px; font-size: 14px; } .cs_search_wrapper { position: relative; color: var(--default_color_blue_1); line-height: 2.5rem; } .cs_search_wrapper input { height: 2.5rem; line-height: 2.5rem; padding: 0 10px; padding-right: 50px; border: none!important; outline: none; box-sizing: border-box; } .cs_search_wrapper:before { content: \f002; font-family: FontAwesome !important; position: absolute; top: 0; right: 0; bottom: 0; width: 2.5rem; text-align: center; } .cs_overview_table, .cs_overview_table * { font-size: 0.8rem; } .cs_overview_table { table-layout: fixed; width: 100%; } .cs_overview_table thead th { font-weight: bold; text-align: left; border-bottom: 2px solid var(--default_color_blue_1); } .cs_overview_table thead th { line-height: 1.5rem; } .cs_overview_table thead th, .cs_overview_table tbody td { min-height: 1.5rem; padding: 5px 0; padding-right: 10px; vertical-align: top; } .cs_overview_table_wrapper { position: relative; padding-top: 40px; } .cs_overview_table_wrapper .cs_overview_table thead { } .cs_overview_table tbody tr + tr td { border-top: 1px solid var(--default_color_gray_1); } .cs_overview_table tbody tr:hover { background-color: var(--default_color_gray_1); } .cs_overview_table thead th:last-child, .cs_overview_table tbody td:last-child { padding-right: 0; } .cs_overview_table tbody td > i { display: block; } .cs_overview_table tbody td > i:first-child { font-weight: bold; } .cs_overview_table tbody td.actions { display: flex; flex-wrap: wrap; gap: 10px; padding: 0 10px; flex-direction: row-reverse; } .cs_overview_table tbody td.actions > * { flex: 1; border-radius: 0; padding: 0; min-height: 30px; line-height: 30px; color: #000; background-color: transparent !important; font-size: 1.2rem; } .cs_overview_table tbody td.actions > *data-action { max-width: 30px; text-align: center; } .cs_overview_table tbody td.actions > *data-action:hover { max-width: 30px; text-align: center; background-color: var(--default_color_blue_1)!important; border-radius: 5px; color: #FFF; } .cs_overview_dummy { text-align: center; font-weight: bold; line-height: 40px } .cs_simple_loading { text-align: center; } .cs_simple_loading:after { overflow: hidden; display: inline-block; vertical-align: bottom; -webkit-animation: ellipsis steps(4,end) 3000ms infinite; animation: ellipsis steps(4,end) 3000ms infinite; content: \2026; width: 0px; } @keyframes ellipsis { to { width: 1.25em; } } @-webkit-keyframes ellipsis { to { width: 1.25em; } } .multiSelect_wrapper .btn { display: none!important; } .autoAddInput { padding: 0!important; background-color: transparent!important; } .autoAddInputRow + .autoAddInputRow { margin-top: 0!important; } .autoAddInputRow input { margin: 0!important; } .cs_checkout_overlay { min-width: 80vw; display: fixed; min-width: none; overflow: hidden!important; } .cs_checkout_overlay > div { display: flex; flex-wrap: wrap; gap: 1rem; } .cs_checkout_overlay > div .cs_overlay_header { flex-grow: 0; flex-shrink: 1; flex-basis: 2100px; max-width: 100%; } .cs_checkout_overlay > div .cs_overlay_content { flex: 1; flex-basis: 800px; } .cs_checkout_overlay > div .cs_overlay_footer { flex: 1; flex-basis: 200px; margin: 0; } .cs_overlay_header { display: flex; flex-wrap: wrap; gap: 1rem; min-height: 40px; font-size: 1.55rem; font-weight: bold; color: var(--default_color_blue_1); margin-bottom: 1rem; font-weight: bold; color: var(--default_color_blue_1); margin-bottom: 2rem; } .cs_overlay_header > .cs_overlay_show { font-weight: bold; border-bottom: 2px solid transparent; font-size: 1rem; opacity: 0.7; cursor: pointer; margin: 0; } .cs_overlay_content {} .cs_overlay_content table { table-layout: fixed; width: 100% } .cs_overlay_content table td, .cs_overlay_content table th { padding: 10px; min-height: 60px; } .cs_overlay_content table tr + tr td { border-top: 1px solid rgba(0,0,0,0.3); } .cs_overlay_content table colgroup col:last-child { width: 50px; } .cs_overlay_content table thead th { font-weight: bold; border-bottom: 3px solid var(--default_color_blue_1); } .cs_overlay_content table tbody td.cs_checkout_item_content_add { vertical-align: middle; } .cs_overlay_content table tbody td i { display: block; line-height: 1.8rem; } .cs_overlay_content table tbody td i:first-child { font-weight: bold; } .cs_overlay_content table tbody td i:first-child + i { font-size: 0.8rem; } .cs_overlay_content table tbody td select { background-color: rgba(0,0,0,0.1); } .cs_checkout_overlay_payment { min-width: 0; max-width: 100%; max-height: 100%; background-color: #AAA; } .cs_checkout_overlay_payment > div { overflow-y: auto!important; } .cs_checkout_overlay_payment .cs_overlay_header, .cs_checkout_overlay_payment .cs_overlay_content { display: none; } .cs_checkout_overlay_payment .cs_overlay_footer { margin-top: 0; padding: 0!important; } .cs_checkout_overlay_payment .cs_default_overlay_close { background-color: transparent!important; } .cs_checkout_overview { padding-bottom: 4rem; } .cs_checkout_overview > * { display: block; padding-right: 50px; position: relative; } .cs_checkout_overview > * + * { margin-top: 1rem; padding-top: 1rem; border-top: 2px solid var(--default_color_blue_1); } .cs_checkout_overview > * > div:first-child { display: flex; gap: 1rem; flex-wrap: wrap; } .cs_checkout_overview > * > div:first-child + * { position: absolute; top: 50%; right: 0; width: 40px; min-height: 40px; margin-top: -13px; font-size: 1.5rem; color: var(--default_color_error); } .cs_checkout_overview > * > div:first-child + * > * { display: block; cursor: pointer; } .cs_checkout_overview > * > div:first-child + * > *data-actionremove:before { display: block; content: \f00d; font-family: FontAwesome !important; width: 40px; height: 40px; text-align: center; line-height: 40px; } .cs_checkout_overview > * > div:first-child > * { flex-shrink: 0; flex-grow: 1; flex-basis: 200px; } .cs_checkout_overview > * > div:first-child > * > i { display: block; } .cs_checkout_overview > * > div:first-child > * > i:first-child { font-size: 0.8rem; color: #999; margin-bottom: 0.5rem; } .cs_checkout_overview > * > div:first-child > * > i:first-child + i { font-weight: bold; } .cs_checkout_overlay .cs_back { display: none; margin-top: 1rem; font-size: 0.8rem; cursor: pointer; } .cs_checkout_overlay_payment .cs_back { display: block; } .cs_checkout_overview > div > div > span:last-child > idata-keyerror { display: none; } .cs_checkout_overview > div.cs_checkout_item_error > div > span:last-child > i { display: none; } .cs_checkout_overview > div.cs_checkout_item_error > div > span:last-child > idata-keyerror { display: block; } .cs_checkout_summary { background-color: rgba(0,0,0,0.05); padding: 1rem; margin-bottom: 1rem; } .cs_checkout_summary > table { table-layout: fixed; width: 100%; } .cs_checkout_summary > table td:first-child { font-weight: bold; } .cs_checkout_summary > table tr > td { padding: .5rem 0!important; } .cs_checkout_summary > table tr:first-child > td { padding-top: 0!important; } .cs_checkout_summary > table tr:last-child > td { padding-bottom: 0!important; } .cs_checkout_summary > table tr + tr > td { border-top: 1px solid #CCC; } .cs_checkout_summary > table tr > td.cs_checkout_credit_info { font-size: 0.8rem; font-weight: normal !important; } .cs_checkout_add_info { display: block; margin-top: 1rem; } .cs_checkout_summary table + .cs_btn { margin-top: 2rem; margin-bottom: 1rem; } .cs_checkout_summary .cs_btn.cs_error { pointer-events: none; background-color: #999!important; } #paypalCheckoutContainer { text-align: center; } .cs_user_detail_payment_customer_id_wrapper { background-color: #FFF; padding: 1rem; border-radius: 20px; } .cs_checkout_payment_method_info { margin-top: 1em; margin-bottom: 1rem; text-align: center; font-weight: bold; display: block; font-size: 0.8rem; } .cs_overlay_content table tbody td data-actionremove { display: block; line-height: 40px; cursor: pointer; width: 30px; text-align: center; } .cs_overlay_content table tbody td data-actionremove:before { content: \2716; } .cs_overlay_footer { margin-top: 1rem; } .cs_btn, .form button { border: none; display: block; cursor: pointer; font-size: 1em; height: auto!important; min-height: 40px; & data-keyinfo { font-size: 0.8rem; line-height: 1rem!important; margin: 0!important; padding-bottom: 10px; } } body.front .cs_btn.cs_btn_inactive { pointer-events: none; background-color: var(--default_color_gray_3)!important; } .cs_btn.cs_btn_icon { padding-right: 3rem!important; } .cs_btn.full, .cs_btn.cs_btn_full { width: 100%; } body.front .cs_btn.cs_btn_important { background-color: var(--default_color_green_1)!important; color: #333!important; font-weight: bold; } .cs_background_loading { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48c3R5bGU+LnNwaW5uZXJfSElLNXt0cmFuc2Zvcm0tb3JpZ2luOmNlbnRlcjthbmltYXRpb246c3Bpbm5lcl9YVlk5IDFzIGN1YmljLWJlemllcigwLjM2LC42LC4zMSwxKSBpbmZpbml0ZX1Aa2V5ZnJhbWVzIHNwaW5uZXJfWFZZOXs1MCV7dHJhbnNmb3JtOnJvdGF0ZSgxODBkZWcpfTEwMCV7dHJhbnNmb3JtOnJvdGF0ZSgzNjBkZWcpfX08L3N0eWxlPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjMiLz48ZyBjbGFzcz0ic3Bpbm5lcl9ISUs1Ij48Y2lyY2xlIGN4PSI0IiBjeT0iMTIiIHI9IjMiLz48Y2lyY2xlIGN4PSIyMCIgY3k9IjEyIiByPSIzIi8+PC9nPjwvc3ZnPg)!important; background-repeat: no-repeat!important; background-size: 50%!important; background-position: center center!important; } .cs_btndata-actioncreateCustomer { margin-top: 1rem; } .cs_payment_check_wrapper { padding: 1rem; margin-top: 1rem; min-height: 100px; position: relative; } .cs_payment_check_wrapper > * + * { margin-top: 1rem; } .cs_payment_check_wrapper.cs_payment_checking > * { display: none; } .cs_payment_check_wrapper.cs_payment_checking:before { content: ; box-sizing: border-box; position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; animation:spin 1s linear infinite; color: #000; z-index: 100; font-size: 60px; text-align: center; line-height: 50px; background-color: var(--default_color_blue_1); opacity: 1; border-radius: 50px; border: 5px solid var(--default_color_blue_1); border-top-color: #FFF; } .showEncodedImage { cursor: pointer; position: relative; display: block; } .showEncodedImage:before { font-family: FontAwesome !important; content: \f002; top: 50%; left: 50%; width: 40px; height: 40px; display: block; position: absolute; transform: translate(-50%, -50%); z-index: 10; color: #FFF; text-align: center; line-height: 40px; text-shadow: 0 0 5px; font-size: 30px; } .cs_default_overview_wrapper { display: flex; flex-wrap: wrap; gap: 1rem; } .cs_default_overview_wrapper > :first-child { flex-grow: 3; flex-shrink: 0; flex-basis: 200px; } .cs_default_overview_wrapper > :first-child + * { flex-grow: 10; flex-shrink: 0; flex-basis: 600px; } .cs_default_overview_wrapper > :first-child + * > div:first-child { overflow-y: hidden; scrollbar-gutter: stable; } .cs_default_overview_wrapper > :first-child + * > div:last-child { max-height: 50vh; overflow-y: scroll; } .cs_default_overview_wrapper > :first-child + * > div:last-child table thead th { padding: 0; border: none; } .cs_default_overview_wrapper > :first-child > *:not(.grid) { margin-bottom: 1rem; display: block; width: 100%; } .cs_default_overview_wrapper > :first-child > .grid { margin-bottom: 1rem; } .cs_default_overview_wrapper > :first-child > .grid > * { margin: 0!important; } .cs_default_overview_wrapper .cs_module_filter + div { width: 100%; overflow-x: auto; max-width: 100%; } .cs_default_overview_wrapper .cs_module_filter + div .cs_overview_table { min-width: 800px; } .cs_contract_membership_subscription_missing_wrapper {} .cs_contract_membership_subscription_missing_wrapper table { margin-top: 1rem; } .cs_contract_membership_subscription_missing_wrapper table thead { display: none; } .cs_default_form_info { background-color: var(--default_color_green_1); padding: 1rem; margin-bottom: 1rem; border-radius: 1rem; } .cs_comment_wrapper {} .cs_comment_wrapper > * {} .cs_comment_wrapper > *:first-child { display: block; margin-bottom: 1rem; padding-bottom: 1rem; } .cs_comment_wrapper > *:first-child + * { padding: 1rem; background-color: rgba(0,0,0,0.05); border-radius: 20px; } .cs_comment_wrapper > *:first-child > * + * { margin-top: 0.5rem; } .cs_comment_wrapper > *:first-child > * > i { display: block; font-size: 0.7rem } .cs_comment_wrapper > *:first-child > * > span { display: block; } .cs_comment_wrapper .cs_btn { margin-top: 1rem; } .cs_comment_wrapper data-id { padding-right: 40px; position: relative; min-height: 40px; } .cs_comment_wrapper data-id .actions { width: 40px; height: 40px; position: absolute; top: 0; right: 0; text-align: center; line-height: 40px; cursor: pointer; } .cs_btn_socialdata-key { display: block; width: 40px; height: 40px; background-position: center center; background-size: contain; background-repeat: no-repeat; } .cs_btn_socialdata-keyfacebook { background-image: url(data:image/svg+xml,%3Csvg xmlnshttp://www.w3.org/2000/svg xml:spacepreserve viewBox0 0 40 40%3E%3ClinearGradient ida x1-277.375 x2-277.375 y1406.6018 y2407.5726 gradientTransformmatrix(40 0 0 -39.7778 11115.001 16212.334) gradientUnitsuserSpaceOnUse%3E%3Cstop offset0 stop-color%230062e0/%3E%3Cstop offset1 stop-color%2319afff/%3E%3C/linearGradient%3E%3Cpath fillurl(%23a) dM16.7 39.8C7.2 38.1 0 29.9 0 20 0 9 9 0 20 0s20 9 20 20c0 9.9-7.2 18.1-16.7 19.8l-1.1-.9h-4.4l-1.1.9z/%3E%3Cpath fill%23fff dm27.8 25.6.9-5.6h-5.3v-3.9c0-1.6.6-2.8 3-2.8H29V8.2c-1.4-.2-3-.4-4.4-.4-4.6 0-7.8 2.8-7.8 7.8V20h-5v5.6h5v14.1c1.1.2 2.2.3 3.3.3 1.1 0 2.2-.1 3.3-.3V25.6h4.4z/%3E%3C/svg%3E); } .cs_btn_socialdata-keyinstagram { background-image: url(data:image/svg+xml,%3Csvg version1.1 idEbene_1 xmlnshttp://www.w3.org/2000/svg xmlns:xlinkhttp://www.w3.org/1999/xlink x0px y0px viewBox0 0 448 512 styleenable-background:new 0 0 448 512; xml:spacepreserve%3E%3Cstyle typetext/css%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill:url(%23instagram_00000083782150410661069700000000828828677597460894_);%7D%0A%3C/style%3E%3Cpath idWhite classst0 dM446.6,163.5c-1.7-35.9-9.9-67.7-36.2-93.9c-26.2-26.2-58-34.4-93.9-36.2c-37-2.1-147.9-2.1-184.9,0 C95.8,35.1,64,43.3,37.7,69.5s-34.4,58-36.2,93.9c-2.1,37-2.1,147.9,0,184.9c1.7,35.9,9.9,67.7,36.2,93.9s58,34.4,93.9,36.2 c37,2.1,147.9,2.1,184.9,0c35.9-1.7,67.7-9.9,93.9-36.2c26.2-26.2,34.4-58,36.2-93.9C448.7,311.3,448.7,200.5,446.6,163.5 L446.6,163.5z/%3E%3ClinearGradient gradientUnitsuserSpaceOnUse x142.4009 y1437.4991 x2410.2128 y269.6872%3E%3Cstop offset0 stylestop-color:%23FDC25E/%3E%3Cstop offset0.2542 stylestop-color:%23EE5D28/%3E%3Cstop offset0.4959 stylestop-color:%23C52C6D/%3E%3Cstop offset0.7458 stylestop-color:%23873EA5/%3E%3Cstop offset1 stylestop-color:%235F449F/%3E%3C/linearGradient%3E%3Cpath idinstagram dM224.1,141 c-63.6,0-114.9,51.3-114.9,114.9s51.3,114.9,114.9,114.9S339,319.5,339,255.9S287.7,141,224.1,141z M224.1,330.6 c-41.1,0-74.7-33.5-74.7-74.7s33.5-74.7,74.7-74.7s74.7,33.5,74.7,74.7S265.2,330.6,224.1,330.6L224.1,330.6z M370.5,136.3 c0,14.9-12,26.8-26.8,26.8c-14.9,0-26.8-12-26.8-26.8s12-26.8,26.8-26.8S370.5,121.5,370.5,136.3z M446.6,163.5 c-1.7-35.9-9.9-67.7-36.2-93.9c-26.2-26.2-58-34.4-93.9-36.2c-37-2.1-147.9-2.1-184.9,0C95.8,35.1,64,43.3,37.7,69.5 s-34.4,58-36.2,93.9c-2.1,37-2.1,147.9,0,184.9c1.7,35.9,9.9,67.7,36.2,93.9s58,34.4,93.9,36.2c37,2.1,147.9,2.1,184.9,0 c35.9-1.7,67.7-9.9,93.9-36.2c26.2-26.2,34.4-58,36.2-93.9C448.7,311.3,448.7,200.5,446.6,163.5L446.6,163.5z M398.8,388 c-7.8,19.6-22.9,34.7-42.6,42.6c-29.5,11.7-99.5,9-132.1,9s-102.7,2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6 c-11.7-29.5-9-99.5-9-132.1s-2.6-102.7,9-132.1c7.8-19.6,22.9-34.7,42.6-42.6c29.5-11.7,99.5-9,132.1-9s102.7-2.6,132.1,9 c19.6,7.8,34.7,22.9,42.6,42.6c11.7,29.5,9,99.5,9,132.1S410.5,358.6,398.8,388z/%3E%3C/svg%3E); } .cs_btn_socialdata-keytwitter { background-image: url(data:image/svg+xml;utf8,svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 512 512>path fill%231C93E4 dM459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z>/path>/svg>); } .cs_btn_socialdata-keyyoutube { background-image: url(data:image/svg+xml;utf8,svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 576 512>path fill%23FF0000 dM549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z>/path>/svg>); } .cs_btn_socialdata-keytiktok { background-image: url(data:image/svg+xml;utf8,svg version1.1 idLayer_1 xmlnshttp://www.w3.org/2000/svg xmlns:xlinkhttp://www.w3.org/1999/xlink x0px y0px enable-backgroundnew 0 0 1000 291.379 xml:spacepreserve height145.6895px width145.6895px viewBox-10 0 281.379 291.379>g>path fill%23FF004F dM191.102,105.182c18.814,13.442,41.862,21.351,66.755,21.351V78.656c-4.711,0.001-9.41-0.49-14.019-1.466 v37.686c-24.891,0-47.936-7.909-66.755-21.35v97.703c0,48.876-39.642,88.495-88.54,88.495c-18.245,0-35.203-5.513-49.29-14.968 c16.078,16.431,38.5,26.624,63.306,26.624c48.901,0,88.545-39.619,88.545-88.497v-97.701H191.102z M208.396,56.88 c-9.615-10.499-15.928-24.067-17.294-39.067v-6.158h-13.285C181.161,30.72,192.567,47.008,208.396,56.88L208.396,56.88z M70.181,227.25c-5.372-7.04-8.275-15.652-8.262-24.507c0-22.354,18.132-40.479,40.502-40.479 c4.169-0.001,8.313,0.637,12.286,1.897v-48.947c-4.643-0.636-9.329-0.906-14.013-0.807v38.098c-3.976-1.26-8.122-1.9-12.292-1.896 c-22.37,0-40.501,18.123-40.501,40.48C47.901,206.897,56.964,220.583,70.181,227.25z/>path dM177.083,93.525c18.819,13.441,41.864,21.35,66.755,21.35V77.189c-13.894-2.958-26.194-10.215-35.442-20.309 c-15.83-9.873-27.235-26.161-30.579-45.225h-34.896v191.226c-0.079,22.293-18.18,40.344-40.502,40.344 c-13.154,0-24.84-6.267-32.241-15.975c-13.216-6.667-22.279-20.354-22.279-36.16c0-22.355,18.131-40.48,40.501-40.48 c4.286,0,8.417,0.667,12.292,1.896v-38.098c-48.039,0.992-86.674,40.224-86.674,88.474c0,24.086,9.621,45.921,25.236,61.875 c14.087,9.454,31.045,14.968,49.29,14.968c48.899,0,88.54-39.621,88.54-88.496V93.525L177.083,93.525z/> path fill%2300F2EA dM243.838,77.189V66.999c-12.529,0.019-24.812-3.488-35.442-10.12 C217.806,67.176,230.197,74.276,243.838,77.189z M177.817,11.655c-0.319-1.822-0.564-3.656-0.734-5.497V0h-48.182v191.228 c-0.077,22.29-18.177,40.341-40.501,40.341c-6.554,0-12.742-1.555-18.222-4.318c7.401,9.707,19.087,15.973,32.241,15.973 c22.32,0,40.424-18.049,40.502-40.342V11.655H177.817z M100.694,114.408V103.56c-4.026-0.55-8.085-0.826-12.149-0.824 C39.642,102.735,0,142.356,0,191.228c0,30.64,15.58,57.643,39.255,73.527c-15.615-15.953-25.236-37.789-25.236-61.874 C14.019,154.632,52.653,115.4,100.694,114.408z/>/g>/svg>); background-size: 86%!important; } .showOverlay.inline { position: relative; } .showOverlay.inline > video { position: absolute; inset: 0; width: 100%; height: 100%; } .dynamicPaginationWrapper { width: 100%!important; height: calc(100vh - 40px)!important; max-height: none!important; position: relative; } .dynamicPaginationWrapper > div { display: flex; flex-wrap: wrap; max-height: 100vh; overflow: hidden; width: 100%!important; gap: 2rem; } .dynamicPaginationWrapper > div > * { float: none!important; flex: 1; max-height: inherit; min-width: 250px; max-width: 100vw; margin: 0!important; background-size: cover; background-position: center center; background-repeat: no-repeat; } .dynamicPaginationWrapper.resizing { background-color: rgba(0, 0, 0, .1); } .dynamicPaginationWrapper.resizing > div > *, .dynamicPaginationWrapper.resizing + .dynamicPagination { opacity: 0; } .dynamicPagination { display: flex; flex-wrap: wrap!important; gap: 1rem; margin-top: 1rem; min-height: 40px; } .dynamicPaginationWrapper.responsive + .dynamicPagination { display: none; } .dynamicPagination > * { cursor: pointer; flex: 1; flex-basis: 40px; flex-shrink: 0; text-align: center; line-height: 40px; min-height: 40px; background-color: rgba(0,0,0,0.1); opacity: 0.5; text-decoration: none!important; } .dynamicPagination > *:hover { opacity: 1; } .dynamicPagination > *.active { opacity: 1; background-color: #76B1FF; color: #FFF; } .dynamicPaginationWrapper > divdata-keynav { display: none; position: absolute; top: 0; bottom: 0; width: 50px!important; box-sizing: border-box; border-radius: 0; cursor: pointer; } .dynamicPaginationWrapper.responsive > divdata-keynav { display: block; } .dynamicPaginationWrapper > divdata-keynavdata-dir-1 { left: 0; } .dynamicPaginationWrapper > divdata-keynavdata-dir1 { right: 0; } .dynamicPaginationWrapper + .dynamicPagination > data-dir { display: block; cursor: pointer; } .dynamicPaginationWrapper + .dynamicPagination > data-dir:before, .dynamicPaginationWrapper > divdata-keynavdata-dir:before { content: ; font-family: FontAwesome; font-size: 1.2rem; text-align: center; } .dynamicPaginationWrapper > divdata-keynavdata-dir:before { width: 100%!important; top: 50%; transform: translate(0, -50%); position: absolute; font-size: 2rem!important; color: #FFF; text-shadow: 0 0 10px #000; opacity: 1; } .dynamicPaginationWrapper + .dynamicPagination > data-dir-1:before, .dynamicPaginationWrapper > divdata-keynavdata-dir-1:before { content: \f053; margin-left: -4px; text-align: center; } .dynamicPaginationWrapper + .dynamicPagination > data-dir1:before, .dynamicPaginationWrapper > divdata-keynavdata-dir1:before { content: \f054; margin-right: -2px; } .cs_input_wrapper { min-height: 40px; position: relative; } .cs_input_wrapper > input { min-height: 40px!important; line-height: 40px!important; padding-left: 1rem; padding-right: 1rem; margin: 0; } .cs_input_wrapper > input, .cs_input_wrapper > textarea, .cs_input_wrapper > input:focus, .cs_input_wrapper > input:active { border: 2px solid var(--default_color_blue_1)!important; margin: 0!important; } .cs_input_wrapperdata-key input { padding-left: 40px; } .cs_input_wrapperdata-key:before { content: \f003; font-family: FontAwesome; font-size: 1.5rem; position: absolute; top: 0; left: 0; width: 40px; height: 40px; line-height: 38px; text-align: center; color: var(--default_color_blue_1); } .cs_input_wrapper.invalid, .cs_input_wrapper.invalid > * { border-color: var(--default_color_error)!important; } .cs_credit_bundle_overview { display: flex; flex-wrap: wrap; gap: 1rem; } .cs_credit_bundle_overview > * { background-color: rgba(0,0,0,0.1); padding: 1rem; flex: 1; box-sizing: border-box; } .cs_credit_bundle_overview > * + * {} .cs_credit_bundle_overview > * > * { display: block; } .cs_credit_bundle_overview > * > *:first-child { font-weight: bold; margin-bottom: 1rem; text-align: center; } .cs_credit_bundle_overview > * > *:first-child + * > * { display: block; text-align: center; } .cs_credit_payment_wrapper table {} .cs_credit_payment_wrapper table td > * { display: block; } .cs_ocean { padding-top: 50px; height: 200px; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; } .cs_ocean .cs_logo, .cs_ocean .cs_ring { width: 150px; height: 150px; display: block; position: absolute; top: 70px; left: 100px; z-index: 1000; } .cs_ocean .cs_logo { background: var(--default_logo_header); background-repeat: no-repeat; background-position: center center; background-size: contain; width: 200px; top: 0px; z-index: 3000; } .cs_ocean .cs_ring { left: auto; right: 100px; animation: swim 30s ease infinite; background-image: url(data:image/svg+xml,%3Csvg version1.1 idCapa_1 xmlnshttp://www.w3.org/2000/svg xmlns:xlinkhttp://www.w3.org/1999/xlink x0px y0px viewBox0 0 800 800 styleenable-background:new 0 0 800 800; xml:spacepreserve%3E%3Cstyle typetext/css%3E .st0%7Bfill:%23dadada;%7D%0A%3C/style%3E%3Cg%3E%3Cpath classst0 dM781.3,346.3c-1.9-1.9-3.8-3.7-5.9-5.4C750,178.7,622,50.7,459.9,25.3c-1.2-1.5-2.4-3.1-3.7-4.5 C443.8,7.6,426.3,0,408,0h-14.3c-18.3,0-35.9,7.6-48.2,20.8c-1.3,1.4-2.6,2.9-3.8,4.5C179.7,50.7,51.6,178.7,26.2,340.9 c-2.1,1.7-4.6,3.4-6.6,5.4C7.3,358.6,0,375.2,0,392.9v14.3c0,17.7,7.3,34.2,19.6,46.6c1.9,1.9,4.2,3.7,6.4,5.4 c25.4,162.1,153.6,290.2,315.7,315.5c1.2,1.5,2.5,3.1,3.9,4.5c12.3,13.2,29.9,20.8,48.2,20.8H408c18.3,0,35.9-7.6,48.2-20.8 c1.3-1.4,2.6-2.9,3.8-4.5c162.1-25.4,290.2-153.4,315.6-315.5c2.1-1.7,3.7-3.4,5.7-5.4c12.4-12.4,18.7-28.9,18.7-46.6v-14.3 C800,375.2,793.6,358.6,781.3,346.3z M759.5,392.9v14.3c0,14.2-10.7,25.2-24.6,25.2c-0.6,0-1,0-1.7-0.1l-57.4-4 c-14.8-1-26.9-13.7-26.9-28.2c0-14.5,12.2-27.2,27-28.2l57.5-4c0.6,0,0.8-0.1,1.4-0.1C748.8,367.7,759.5,378.6,759.5,392.9z M433.4,67.5l-4.2,57.5c-1,14.8-13.8,27-28.3,27c-14.5,0-27.2-12.1-28.3-27l-4-57.5c-1-14.8,10.3-27,25.1-27h14.8 C423.4,40.5,434.5,52.7,433.4,67.5z M152.9,400c0,14.5-12.1,27.2-27,28.2l-57.5,4c-0.6,0-1.7,0.1-2.3,0.1c-14,0-25.5-11-25.5-25.2 v-14.3c0-14.2,11.6-25.2,25.5-25.2c0.6,0,1.5,0,2.1,0.1l57.6,4C140.6,372.8,152.9,385.5,152.9,400z M393.8,759.5 c-14.9,0-26.2-12.1-25.1-27l4-57.5c1-14.8,13.7-27,28.2-27s27.2,12.1,28.2,27l4,57.5c1,14.8-10.3,27-25.1,27H393.8z M400.9,562.2 c-89.4,0-162.2-72.7-162.2-162.2s72.7-162.2,162.2-162.2c89.4,0,162.2,72.7,162.2,162.2S490.3,562.2,400.9,562.2z/%3E%3C/g%3E%3C/svg%3E); background-repeat: no-repeat; background-position: center center; background-size: contain; top: 75px; z-index: 1950; } .cs_wave { background: url(data:image/svg+xml,%3Csvg xmlnshttp://www.w3.org/2000/svg viewBox0 0 1600 88.7%3E%3Cpath dM0 40c0 0 199.5 47.3 400 0 200.5-47.3 400 0 600 0s400-47.3 600 0 400 0 400 0v48H0V40z fill%23005297/%3E%3C/svg%3E); background-repeat: repeat-x; position: absolute; left: 0; width: 1600vw; height: 100%; animation: wave 300s ease infinite; transform: translate3d(0, 0, 0); opacity: 1; z-index: 2000; } .cs_wave + .cs_wave { animation: wave 350s -50s ease infinite; animation-direction: reverse; opacity: 0.5; z-index: 1900; } .cs_wave + .cs_wave + .cs_wave { animation: wave 400s -100s ease infinite; animation-direction: normal; opacity: 0.3; z-index: 1800; } @keyframes wave { 0% { transform: translateX(0); } 50% { transform: translateX(-800vw); } 100% { transform: translateX(0); } } @keyframes swim { 0% {transform: translateY(-50%);} 50% {transform: translateY(0) rotate(-25deg);} 100% {transform: translateY(-50%) rotate(0deg);} } .myAlert.myAlertModuleWrapper { & .myAlert-message { padding-bottom: 0 !important; padding-top: 20px !important; } } .voucherAdminWrapper { & > * > *:first-child { background-color: rgba(0,0,0,.2); padding: 1rem; margin-bottom: 1rem; margin-top: 1rem; & .flex, & .grid { flex-wrap: wrap; margin-bottom: 1rem; & > * { margin: 0!important; flex: 1; height: 40px; line-height: 40px; flex-basis: 200px; &namecomment { flex-basis: 800px; } &required { background-color: #f7f8c5; } } } } & data-keyoverview { margin-top: 1rem; & > * { font-size: 0.8rem; display: flex; flex-wrap: wrap; gap: 1rem; & > * { flex: 1; & > * { display: block; } } & + * { border-top: 1px solid #CCC; } &data-status1 { color: #005297; pointer-events: none; } &data-status2 { } &data-status3 { pointer-events: none; color: #96C85B; } &data-status4 { pointer-events: none; opacity: 0.3; } } } } .cs_voucher_form_redeem { & > input { margin: 0!important; height: 40px; line-height: 40px; } } .csTableWrapper { overflow: auto; max-width: 100vw; max-height: calc(100vh - 130px); & table { table-layout: initial!important; width: auto!important; position: relative; min-width: 100%; & thead, & tfoot { position: -webkit-sticky; position: sticky; z-index: 2; } & thead { top: 0; } & tfoot { bottom: 0; } border-collapse: collapse; width: 100%; font-family: Arial, sans-serif; & * { font-style: normal; font-size: .8rem; line-height: 1.2rem!important; } & *.price { text-align: right; font-family: Courier; white-space: nowrap; } & thead { background-color: #F2F2F2; & th { padding: 0; padding-right: .5rem; padding-top: .5rem; padding-bottom: .5rem; text-align: left; font-weight: bold; border-bottom: 1px solid #DDD; } } & tbody { background-color: #FFF; &.hasActive { & td { opacity: .3; } & tr.active { & td { opacity: 1; } } } & td { padding: 0; padding-right: .5rem; border-bottom: 1px solid #DDD; vertical-align: top; &:first-child { text-align: center; padding-left: .5rem; padding-right: .5rem; } & > span { display: block; & > i { display: block; max-height: 3.6rem; overflow: hidden; &:first-child { color: rgba(0,0,0,.7); font-size: .7rem; } } & + span { margin-top: .5rem; } } & > span:hover { & > i { max-height: 100rem; } } } & tr:nth-child(even) { background-color: #F9F9F9; } & tr:hover { background-color: #E0F7FA; } } & tfoot { background-color: #F2F2F2; & td { padding: .5rem; font-weight: bold; } } } } label.cs_checkbox.cs_slider { overflow: hidden; padding-left: 50px; & > input { & + span { &::before { content: !important; width: 40px; height: 21px; position: absolute; top: 1px; left: 0; background-color: #AAA; -webkit-border-radius: 50px; border-radius: 50px; } &::after { content: ; width: 15px; height: 14.5px; position: absolute; top: 4px; left: 4px; background-color: #FFF; -webkit-border-radius: 50px; border-radius: 50px; } } &:checked + span { &::before { background-color: #99CC99; } &::after { left: 21px; } } } } htmllangar { label.cs_checkbox.cs_slider { padding-left: 0; padding-right: 50px; & > input { & + span { display: block; & * { text-align: right!important; } &::before { left: auto; right: 0; } &::after { left: auto; right: 4px; } } &:checked + span { &::after { left: auto; right: 21px; } } } } } .cs_slideshow:not(.initialzed) { & > span > :not(:first-child) { display: none!important; } } .cs_default_data_table { table-layout: fixed; width: 100%; background-color: #FFF; border-collapse: collapse; & td { &.cs_data_table_image_cell { padding: 0; } & picture { display: block; max-width: 100%; overflow: hidden; & > img { max-width: 100%; display: block; margin: 0 auto; } } } } .cs_default_data_table th, .cs_default_data_table td { line-height: 30px; font-size: 90%; padding: 0 0.5rem; border: 1px solid rgba(0,0,0,0.2); } .cs_default_data_table thead tr th { background-color: rgba(0,0,0,0.05); text-align: center; font-weight: bold; } .cs_default_data_table tfoot tr td { background-color: rgba(0,0,0,0.05); } .cs_default_data_table tbody tr td { padding: 0 0.5rem; } .cs_image_slider_v2 { position: relative!important; display: block; min-height: 100px!important; display: flex; gap: 1rem; & > * { flex: 1; } } .csImagegalleryListView_2 { margin: 0!important; padding: 0!important; display: flex!important; gap: 1rem; & > * { width: 100%; &:before { display: none!important; } } & .thumb { position: relative!important; } & * { flex: 1; margin: 0!important; padding: 0!important; float: none!important; } & picture { display: block; & img { max-width: 100%!important; } } } .cs_default_data_table { & *.sorted_asc, & *.sorted_desc { padding-right: 30px; position: relative; &:before { content: \2191; position: absolute; top: 0; right: 0; width: 30px; height: inherit; line-height: inherit; font-size: 30px; } &.sorted_desc { &:before { content: \2193; } } } } picture { display: block; } .propertyFilterWrapper { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1rem; } .propertyFilterWrapper > * { flex: 1; min-width: 300px; height: 40px; line-height: 40px; border: none!important; padding: 0 .5rem; } .propertyFilterWrapper + .csFileListView { margin-top: 1rem; display: flex; flex-wrap: wrap; gap: 1rem; } .propertyFilterWrapper + .csFileListView > * { float: none!important; flex: 1; min-width: 200px; max-width: 250px; background-color: rgba(0,0,0,.1); margin: 0!important; } .cs_btn + adata-keyimport_example_download { font-size: 0.8rem; text-align: center; display: block; } .loadModuledata-keyuser_admin { margin-top: 1rem; } .cs_alert { & .cs_btn { min-width: 40px; padding: 0 10px; } } body.front { & .myAlert { & .myAlert-prompt { padding: 1rem; & input { background-color: rgba(0,0,0,.1); color: #000; border: none!important; } & .cs_btnclass*awe- { &:before { margin-right: 10px; } } & .cs_btn.cs_alert_submit_btn_default, & .cs_btndata-action { display: block; text-align: center; background-color: var(--green); line-height: 40px; } & .cs_btn.cs_alert_submit_btn_default { font-size: 20px; } & .cs_default_filter_form { padding-top: 40px; display: flex; gap: 1rem; & input { flex: 1; margin: 0!important; height: 40px; line-height: 40px; } } } } } .cs_indi_module_loading { position: relative; min-height: 300px; & > * { display: none; } &:before { -webkit-animation: spin 4s infinite linear; content: \f110; font-family: FontAwesome !important; width: 50px; height: 50px; line-height: 50px; font-size: 2rem; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; text-align: center; } } .cs_rondell { display: flex; gap: 1rem; & > * { flex: 1; display: block; } } body.front .loadModuleWrapper:not(.loadModuleWrapper_has_content) { display: none; } .cs_module_loading_overlay { } @keyframes spin { from {transform:rotate(0deg);} to {transform:rotate(360deg);} } body.front .cs_module_loading_overlay { position: fixed; inset: 0; background-color: rgba(255,255,255,0.8); z-index: 100000; & > i { width: 50px; height: 50px; line-height: 50px; font-size: 0; animation-name: spin; animation-duration: 4000ms; animation-iteration-count: infinite; animation-timing-function: linear; display: block; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); &:before { content: \f110; font-family: FontAwesome; font-size: 30px; } } } .loadModuleTrigger { display: block; min-height: 40px; background-color: rgba(0,0,0,0.3); cursor: pointer; } .backend .loadModuledata-key:not(.loaded) { position: relative; background-color: rgba(0,0,0,0.1); min-height: 100px; width: 100%; } .backend .loadModuledata-key:not(.loaded)::before, .backend .loadModuledata-key:not(.loaded)::after { display: block; position: absolute; left: 0; right: 0; text-align: center; } .backend .loadModuledata-key:not(.loaded)::before { top: 50%; margin-top: -30px; content: attr(data-key); line-height: 40px; color: rgba(0,0,0,0.6); } .backend .loadModuledata-key:not(.loaded)::after { top: 52%; content: attr(data-info); font-size: 0.8rem; color: rgba(0,0,0,0.5); } .myDropzone:not(.cs_btn) { width: 100%; height: auto!important; min-height: 150px; text-align: center; line-height: 0; font-size: 50px; background-color: #FFF; position: relative; } .myDropzone:not(.cs_btn)::before { width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; display: block; content: url(data:image/svg+xml,svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24>path fillwhite dM19.35 10.04A7.49 7.49 0 0 0 12 4C9.11 4 6.6 5.64 5.35 8.04A5.994 5.994 0 0 0 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z/>/svg>); cursor: pointer; filter: drop-shadow(0 0 10px black); opacity: 0.5; z-index: 10; } .myDropzone:hover::before { opacity: 1; } .myDropzone:not(.cs_btn) img { width: 100%; } body.front .myDropzone.cs_btn { background-color: var(--default_color_gray_3)!important; } .myDropzone .myDropzonePreview { width: inherit; height: inherit; min-height: inherit; background-position: center center; background-repeat: no-repeat; background-size: cover; } .myDropzone + .myDropzoneOverview {} .myDropzone + .myDropzoneOverview > * { display: block; height: 2rem; line-height: 2rem; padding: 0 40px 0 0; padding-right: 2rem; position: relative; } .myDropzone + .myDropzoneOverview > * + * { border-top: 1px solid rgba(0,0,0,0.1); } .myDropzone + .myDropzoneOverview > * > a { display: block; width: 2rem; height: 2rem; position: absolute; top: 0; right: 0; text-align: center; line-height: 2.2rem; } .myDropzone + .myDropzoneOverview > * > a:before { content: \f019; font-family: FontAwesome !important; font-size: 1.2rem } .dz-progress.progress-arc { position: absolute; inset: 0; text-align: center; top: 50%; height: 50px; margin-top: -25px; font-size: 0; color: transparent; } .dz-progress.progress-arc:before { content: ; box-sizing: border-box; position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; animation:spin 1s linear infinite; color: #000; z-index: 100; font-size: 60px; text-align: center; line-height: 50px; background-color: var(--default_color_blue_1); opacity: 1; border-radius: 50px; border: 5px solid var(--default_color_blue_1); border-top-color: #FFF; } .myDropzone.readonly { pointer-events: none!important; } .myDropzone.readonly:before { display: none!important; } .myDropzone { & .myDropzonePreview { & data-actiondelete { width: 40px; height: 40px; line-height: 40px; font-size: 2rem; text-align: center; position: absolute; right: 0; top: 0; cursor: pointer; } } } .ghost-select { display: none; z-index: 9000; position: absolute!important; cursor: default !important; background-color: rgba(0,0,255,.3); } .ghost-active { display: block!important; } .cs_ghost_select_active, .cs_ghost_select_active data-id:before, .cs_ghost_select_active data-id:after { pointer-events: none; } .cs_appointment_booking_email_override_container { margin-bottom: 1rem; padding: 1rem; background-color: rgba(0, 0, 0, .1); } .loadModuledata-keyappointment_calendar > div > .flex > div:first-child > * + * { margin-top: 1rem; } .cs_appointment_calendar_week .cs_appointment_calendar_sub_grid { overflow-y: scroll; scrollbar-width: none; } .cs_appointment_calendar_week .cs_appointment_calendar_sub_grid > div { min-width: 830px; } .cs_calendar_wrapper.cs_calender_has_actions { padding-left: 30%; position: relative; min-height: 50vh; } .cs_calendar_wrapper.cs_calender_has_actions > div:first-child { display: grid; gap: 1rem; position: absolute; top: 0; left: 0; width: 25%; } .cs_calendar_wrapper.cs_calender_has_actions > div:first-child > * { margin: 0!important; } .cs_appointment_detail_qr_preview { margin-top: 2rem; } .cs_appointment_detail_qr_preview img { width: 70%; display: block; margin: 0 auto; } .cs_appointment_calendar .cs_appointment_cancelled { background-color: var(--cs_appointment_calendar_cell_gap_color)!important; pointer-events: none; &:before, &:after, & > * { display: none!important; } } .loadModuledata-keyappointment_calendar { &:not(.cs_appointment_calendar_has_selected_slots) .cs_appointment_calenter_slots_needed { pointer-events: none; filter: grayscale(1); opacity: 0.3; } } @media only screen and (max-width: 900px) { .cs_calendar_wrapper.cs_calender_has_actions { padding-left: 0; } .cs_calendar_wrapper.cs_calender_has_actions > div:first-child { position: relative; top: auto; left: auto; width: 100%; margin-bottom: 1rem; } } .loadModuledata-keyappointment_overview { & td { & bdata-keyuser { color: var(--default_color_green_2); } & bdata-keyproduct { color: var(--default_color_blue_1); } } } .loadModuledata-keyappointment_overview .cs_overview_table tr td:last-child, .loadModuledata-keyappointment_history .cs_overview_table tr td:last-child { display: flex; flex-wrap: wrap; } .loadModuledata-keyappointment_overview .cs_overview_table tr td:last-child > *, .loadModuledata-keyappointment_history .cs_overview_table tr td:last-child > * { display: block; width: 30px; height: 30px; cursor: pointer; flex: 1; } .loadModuledata-keyappointment_overview .cs_overview_table tr td:last-child > *:before, .loadModuledata-keyappointment_history .cs_overview_table tr td:last-child > *:before { content: ; font-family: FontAwesome !important; height: 30px; width: 30px!important; text-align: center; line-height: 30px; text-shadow: none; font-size: 1.4rem!important; display: block; position: relative; transform: none; top: auto!important; left: auto!important; } .loadModuledata-keyappointment_overview .cs_overview_table tr td:last-child > *.showEncodedImage { background-image: none; } .loadModuledata-keyappointment_overview .cs_overview_table tr td:last-child > *.showEncodedImage:before { content: \f029; color: #000; } .loadModuledata-keyappointment_overview .cs_overview_table tr td:last-child > *data-actioncancel:before { content: \f273; } .loadModuledata-keyappointment_overview .cs_overview_table tr td:last-child > *data-actiondetail:before, .loadModuledata-keyappointment_history .cs_overview_table tr td:last-child > *data-actiondetail:before { content: \f002; } .loadModuledata-keynav_aside { position: fixed; z-index: 1000; right: 0; height: auto; max-width: 100px !important; top: 50%; transform: translate(0, -50%); } .loadModuledata-keynav_aside > div > * { cursor: pointer; background-color: var(--default_color_gray_1); -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); border-top-left-radius: 15px; border-bottom-left-radius: 15px; } .loadModuledata-keynav_aside > div > *:not(.hidden) + * { margin-top: 2rem; } .cs_nav_aside_upcoming_apppointment_item { padding: 10px; } .cs_nav_aside_upcoming_apppointment_item > .showEncodedImage { display: block; width: 80px; height: 80px; margin-bottom: 5px; } .cs_nav_aside_upcoming_apppointment_item > .showEncodedImage img { width: inherit; height: inherit; } .cs_nav_aside_upcoming_apppointment_item > span:last-child {} .cs_nav_aside_upcoming_apppointment_item > span i { font-size: 0.7rem !important; width: 80px; text-align: center; } .cs_nav_aside_shopping_cart_item { width: 100px; height: 100px; line-height: 100px; position: relative; cursor: pointer; } .cs_nav_aside_shopping_cart_item:before { content: \f07a; display: block; width: 90%; height: 100%; font-family: FontAwesome !important; text-align: center; font-size: 65px; color: var(--default_color_blue_1); } .cs_nav_aside_shopping_cart_item > i { display: block; position: absolute; text-align: center; width: 30px; height: 30px; line-height: 30px; font-size: 30px; top: 50%; left: 50%; font-weight: bold; transform: translate(-50%, -50%); color: #FFF; background-color: transparent; text-shadow: 0 0 10px #000000; } .cs_nav_aside_shopping_cart_item > idata-count0 { display: none!important; } .cs_nav_aside_shopping_cart_item > i:before { content: attr(data-count); } .loadModuledata-keynav_aside {} .loadModuledata-keynav_aside data-action { display: block; font-size: 0.7rem; color: var(--default_color_blue_1); cursor: pointer; margin-top: 5px; font-weight: bold; } @media only screen and (max-width: 950px) { .loadModuledata-keynav_aside { position: fixed; top: auto; left: 0; right: 0; bottom: 0; height: auto; line-height: 60px; background-color: var(--default_color_gray_1); overflow: hidden; max-width: 100% !important; transform: none; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); } .loadModuledata-keynav_aside > div { display: flex; flex-wrap: wrap; } .loadModuledata-keynav_aside > div > * { flex: 1; position: relative; } .cs_nav_aside_shopping_cart_item { width: 60px; height: 60px; line-height: 60px; background-color: transparent!important; -webkit-box-shadow: none!important; box-shadow: none!important; } .cs_nav_aside_shopping_cart_item::before { font-size: 45px; line-height: 60px; width: 100%; } .loadModuledata-keynav_aside > div { margin-top: 0rem; } .loadModuledata-keynav_aside > div > * { -webkit-box-shadow: none; box-shadow: none; margin: 0!important; } .loadModuledata-keynav_aside > div > *.cs_nav_aside_upcoming_apppointment_item { padding-left: 80px; min-height: 60px; border-radius: 0; } .loadModuledata-keynav_aside > div > *.cs_nav_aside_upcoming_apppointment_item > * { margin-top: 0; display: block; line-height: 20px; } .loadModuledata-keynav_aside > div > *.cs_nav_aside_upcoming_apppointment_item i { text-align: left; width: auto; font-weight: bold; } .cs_nav_aside_upcoming_apppointment_item > .showEncodedImage { width: 60px; height: 60px; position: absolute; top: 10px; left: 10px; margin-bottom: 0px; } .cs_nav_aside_upcoming_apppointment_item > span:last-child > * { display: block; width: 100%; line-height: 20px; text-align: left; } } .cs_default_overlaydata-typequestionnaire .cs_default_input_row { margin-bottom: 2rem; } .cs_questionnaire_upload_wrapper { display: grid; grid-template-columns: repeat(auto-fill, minmax(30%, 1fr)); gap: 1rem; & data-upload_id { & idata-actionremove { position: absolute; top: 50%; right: auto; left: 50%; width: 30px; height: 30px; line-height: 30px; margin-left: -15px; margin-top: -25px; font-size: 20px; text-align: center; padding: 0; cursor: pointer; display: none; &:before { content: \f1f8; font-family: FontAwesome; color: #000; } } &:hover { & idata-actionremove { display: block; } } } } .cs_questionnaire_upload_wrapper > * { flex-shrink: 1; flex-grow: 1; flex-basis: 200px; min-height: 100px; } .cs_questionnaire_upload_wrapper > *:first-child { cursor: pointer; position: relative; } .cs_questionnaire_upload_wrapper > *:first-child > * { display: block; width: 100%; height: 100%; min-height: 100%; } .cs_questionnaire_upload_wrapper > *:first-child:before { content: +; font-family: sans-serif; position: absolute; inset: 0; text-align: center; line-height: 100px; font-size: 70px; color: rgba(0,0,0,0.3); } .cs_questionnaire_upload_wrapper > *:first-child:hover:before { color: rgba(0,0,0,1); } .cs_questionnaire_upload_wrapper > * + * { display: block; height: 100%; position: relative; } .cs_questionnaire_upload_wrapper > * + *:before { content: \f15b; font-family: FontAwesome; color: rgba(0,0,0,0.3); text-align: center; line-height: 100px; font-size: 50px; position: absolute; inset: 0; margin-top: -10px; } .cs_questionnaire_upload_wrapper > * + * > i { padding: 3px 10px; font-size: 0.8rem; position: absolute; inset: auto 0 0 0; width: 100%; text-align: center; background-color: rgba(255,255,255,0.5) } .cs_questionnaire_rating_wrapper { min-height: 80px; position: relative; padding-top: 10px; } .cs_questionnaire_rating_wrapper > i { position: absolute; top: 0; left: 0; width: 80px; height: 80px; line-height: 103px; top: 0; transform: translate(0, 0); text-align: center; cursor: pointer; padding: 0 !important; background-color: var(--default_color_gray_1); border-radius: 10%; box-shadow: 0 0 10px rgba(0,0,0,0.3); } .cs_questionnaire_rating_wrapperdata-value0 > idata-actionminus, .cs_questionnaire_rating_wrapperdata-valuemax > idata-actionplus { opacity: 0.2; pointer-events: none; } .cs_questionnaire_rating_wrapper > i:before { content: \f068; font-family: FontAwesome; line-height: 50px; font-size: 3rem!important; color: red; } .cs_questionnaire_rating_wrapper > i + i:before { content: \f067; color: green; } .cs_questionnaire_rating_wrapper > input { position: absolute; } .cs_questionnaire_rating_wrapper > i + i { left: auto; right: 0; padding-right: 0; padding-left: 10px; } .cs_questionnaire_rating_wrapper > div:last-child { height: 30px; padding: 0 60px; display: flex; flex-wrap: wrap; } .cs_questionnaire_rating_wrapper > div:last-child > * { flex: 1; background-color: rgba(0,0,0,0.1); } .cs_questionnaire_rating_wrapper > div:last-child > *.hover { background-color: var(--default_color_gray_2); } .cs_questionnaire_rating_wrapper > div:last-child > *.active { background-color: var(--default_color_blue_1); } .cs_default_overlaydata-typequestionnaire, .cs_default_overlaydata-typequestionnaire * {} .cs_questionnaire_sub_input_wrapper { display: flex; flex-wrap: wrap; grid-template-columns: repeat(auto-fill, minmax(45%, 1fr)); gap: 1rem; padding: 1rem 0; } .cs_questionnaire_sub_input_wrapper > * { flex-shrink: 0; flex-grow: 1; flex-basis: 200px; display: grid; gap: 1rem; } .cs_questionnaire_sub_input_wrapper i { font-size: 0.85rem; line-height: 1rem; color: var(--default_color_gray_3) !important; margin-bottom: 0.5rem; cursor: default; } .cs_questionnaire_checkbox_wrapper, .cs_questionnaire_radio_wrapper { padding: 1rem 0; display: flex; flex-wrap: wrap; gap: 1rem; font-size: 0.85rem; line-height: 1rem; } .cs_questionnaire_checkbox_wrapper > *, .cs_questionnaire_radio_wrapper > * { flex-shrink: 0; flex-grow: 1; flex-basis: 200px; } .cs_questionnaire_info_block { margin-bottom: 1rem; padding: 1rem; background-color: var(--default_color_gray_1); border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.3); } .cs_questionnaire_info_block > span { display: block; margin-bottom: 0.5rem; font-weight: bold; } .cs_questionnaire_info_block > div:last-child { display: flex; flex-wrap: wrap; gap: 1rem; } .cs_questionnaire_info_block > div:last-child > * {} .loadModuledata-keyquestionnaire .cs_default_overview_wrapperdata-keyresult { margin-top: 2rem; } .loadModuledata-keyquestionnaire .cs_overview_table tr td + td > i { font-weight: normal; } .loadModuledata-keyquestionnaire .cs_overview_table tr idata-kproduct { font-weight: bold; color: var(--default_color_blue_1); } .loadModuledata-keyquestionnaire .cs_overview_table tr idata-kimportant { font-weight: bold; } .cs_questionnaire_rating_block { min-height: 80px; position: relative; } .cs_questionnaire_rating_block .cs_rating_indicator { position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); } .cs_dog { height: 80px!important; width: 100px!important; isolation: isolate; } .cs_dog_body { background: #fdb44e; height: 45%; width: 70%; position: absolute; top: 30%; right: 0; border-radius: 0 10% 0 50%; background: #fdb44e; } .cs_dog_head { width: 40%; height: 40%; position: absolute; top: 15%; left: 0; transform-origin: 70% 70%; } .cs_dog_head:before { content: ; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 0px 0px 10% 80%; background: #fdb44e; } .cs_dogdata-value0 .cs_dog_head { transform: rotate(-80deg); } .cs_dogdata-value1 .cs_dog_head { transform: rotate(-70deg); } .cs_dogdata-value2 .cs_dog_head { transform: rotate(-60deg); } .cs_dogdata-value3 .cs_dog_head { transform: rotate(-50deg); } .cs_dogdata-value4 .cs_dog_head { transform: rotate(-40deg); } .cs_dogdata-value5 .cs_dog_head { transform: rotate(-30deg); } .cs_dogdata-value6 .cs_dog_head { transform: rotate(-20deg); } .cs_dogdata-value7 .cs_dog_head { transform: rotate(-10deg); } .cs_dogdata-value8 .cs_dog_head { transform: rotate(0deg); } .cs_dogdata-value9 .cs_dog_head { transform: rotate(10deg); } .cs_dog_ear { background-color: rgba(151,89,2,1); width: 35%; height: 110%; border-radius: 0px 0px 100px 100px; position: absolute; top: 0; right: 0; } .cs_dog_nose { background-color: black; height: 20%; width: 15%; border-radius: 50%; position: absolute; left: -5%; top: -5%; } .cs_dog_eye { background-color: black; height: 12%; width: 9%; border-radius: 50%; position: absolute; top: 10%; left: 40%; } .cs_dog_tongue { background-color: tomato; height: 50%; width: 10%; border-radius: 20px; position: absolute; left: 20%; bottom: 20%; transform: rotate(45deg); z-index: -1; animation: move 1s infinite; } .cs_dogdata-value0 .cs_dog_tongue { animation: none; display: none; } .cs_dogdata-value1 .cs_dog_tongue { animation: none; display: none; } .cs_dogdata-value2 .cs_dog_tongue { animation: none; } .cs_dogdata-value3 .cs_dog_tongue { animation: none; } .cs_dogdata-value4 .cs_dog_tongue { animation: none; } .cs_dogdata-value5 .cs_dog_tongue { animation: none; } .cs_dogdata-value6 .cs_dog_tongue { animation: move 2s infinite; } .cs_dogdata-value7 .cs_dog_tongue { animation: move 1s infinite; } .cs_dogdata-value8 .cs_dog_tongue { animation: move .5s infinite; } .cs_dogdata-value9 .cs_dog_tongue { animation: move .3s infinite; } .cs_dog_leg { background: #fdb44e; height: 50%; width: 9%; position: absolute; } .cs_dog_leg1 { right: 45%; bottom: 0; background-color: rgba(151,89,2,0.5); z-index: -1; } .cs_dog_leg2 { right: 30%; bottom: 0; } .cs_dog_leg3 { right: 15%; bottom: 0; background-color: rgba(151,89,2,0.5); z-index: -1; } .cs_dog_leg4 { right: 0; bottom: 0; } .cs_dog_tail { width: 0; height: 0; width: 8%; height: 30%; background-color: #fdb44e; border-radius: 50px 50px 0px 0px; position: absolute; top: 4%; right: 0; transform-origin: bottom; animation: move 1s infinite; } .cs_dogdata-value0 .cs_dog_tail { transform: rotate(150deg); animation: none; } .cs_dogdata-value1 .cs_dog_tail { transform: rotate(140deg); animation: none; } .cs_dogdata-value2 .cs_dog_tail { transform: rotate(130deg); animation: none; } .cs_dogdata-value3 .cs_dog_tail { transform: rotate(120deg); animation: none; } .cs_dogdata-value4 .cs_dog_tail { transform: rotate(110deg); animation: move 4s infinite; } .cs_dogdata-value5 .cs_dog_tail { transform: rotate(100deg); animation: wag 3s infinite; } .cs_dogdata-value6 .cs_dog_tail { transform: rotate(80deg); animation: wag 2s infinite; } .cs_dogdata-value7 .cs_dog_tail { transform: rotate(40deg); animation: wag 1s infinite; } .cs_dogdata-value8 .cs_dog_tail { transform: rotate(20deg); animation: wag 0.5s infinite; } .cs_dogdata-value9 .cs_dog_tail { transform: rotate(0deg); animation: wag 0.2s infinite; } @keyframes wag { 50% {transform: rotate(10deg)} } @keyframes move { 50% { transform: rotate(45deg) translateY(2.5px); } } .cs_rating_stars { width: 200px; height: 40px; overflow: hidden; position: relative; } .cs_rating_stars > div:first-child { position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden; display: flex; z-index: 0; } .cs_rating_stars > div:first-child > *, .cs_rating_stars > div:first-child + * > * { min-width: 40px; height: 40px; background-image: url(data:image/svg+xml;utf8,svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 576 512>path dM259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z>/path>/svg>); background-position: center center; background-size: 70%; background-repeat: no-repeat; opacity: 0.2; } .cs_rating_stars > div:first-child + * > * { opacity: 1; filter: invert(37%) sepia(89%) saturate(1514%) hue-rotate(92deg) brightness(97%) contrast(108%); } .cs_rating_stars > div:first-child + * { position: absolute; inset: 0; width: 0; height: 100%; overflow: hidden; display: flex; z-index: 0; } .cs_questionnaire_rating_wrapper .cs_rating_stars { min-height: 40px; left: 50%; bottom: 0; position: absolute; transform: translate(-50%, 0); background-color: transparent; } .cs_questionnaire_rating_wrapper .cs_rating_stars * { background-color: transparent!important; } .myAlertModuleWrapper_questionnaire_admin { transform: none; inset: 0; margin: auto; & data-actionsubmit { display: none!important; } } .loadModuleOverlaydata-keyquestionnaire_admin { display: none!important; } .loadModuledata-keyuser_admin { & .loadModuleOverlaydata-keyquestionnaire_admin { display: block!important; } } .myAlertModuleWrapper_questionnaire_admin { min-width: 90vw; .questionnaireAdminGrid { display: flex; flex-wrap: wrap; gap: 1rem; & > :first-child { flex: 5; flex-basis: 400px; & + * { flex: 2; flex-basis: 400px; } } } & .cs_default_input_row { padding-bottom: 0 !important; } & select, & inputtypetext { font-weight: normal; padding: 0 10px; } & textareaname { margin-top: 0!important; } overflow: visible!important; & .myAlert-message { background-color: transparent!important; } & .btndata-action { display: block; border-radius: 0!important; color: #000; background-color: rgba(0,0,0,.2)!important; } & .questionnaireAdminMainAction { position: absolute!important; top: 40px; left: -40px; z-index: 100; width: 40px; height: 40px; background-color: #66AA66!important; color: #FFF; text-align: center; cursor: pointer; opacity: .5; &:before { content: \f067; font-family: FontAwesome; color: #FFF; font-size: 25px; line-height: 40px; } &:hover { opacity: 1; &:after { content: attr(title); position: absolute; top: 0; right: auto; left: 40px!important; height: auto!important; min-height: 30px; width: auto; max-width: 50vw; z-index: 20; background-color: inherit; font-size: 0.8rem; text-align: left; padding: 5px 10px; font-weight: normal; -webkit-box-shadow: 10px 0 5px 0 rgba(0,0,0,.1); box-shadow: 10px 0 5px 0 rgba(0,0,0,.1); } } } & data-actionsaveData { background-color: #AA6666!important; top: 90px; &:before { content: \f0c7; } } & data-actionaddItem { background-color: #6666AA!important; top: 140px; &:before { content: \f036; color: #CCC; } &:after { content: +; position: absolute; top: 3px; right: 3px; width: 20px; height: 20px; line-height: 20px; font-size: 25px; text-align: center; font-weight: bold; text-shadow: 0 0 5px #000000; } } & .questionnaire_admin_editing { & data-paneloverview { & data-keyoverview { & > * { opacity: 0.5; } } } } & data-panel { margin-top: 2rem; padding: 1rem; background-color: #EFEFEF; &data-title { padding-top: 5rem!important; position: relative; &:before { content: attr(data-title); position: absolute; top: 0; left: 0; right: 0; height: 4rem; line-height: 4rem; padding: 0 1rem; text-align: center; font-size: 1.5rem; color: rgba(0,0,0,.3); background-color: rgba(0,0,0,.1); } } &data-paneloverview, &data-panelpreview { padding: 0!important; &data-panelpreview iframe { display: block; width: 100%; min-height: 50vh; } } &data-paneloverview { color: #FFF; & data-keyoverview { & > * { background-color: var(--default_color_blue_1); padding-right: 120px!important; position: relative; & > span:first-child { display: block; line-height: 1.3rem; padding: .6rem 0; } &.active { opacity: 1!important; & > span:first-child { font-weight: bold; } & data-actionedit { opacity: .2; pointer-events: none; } } &.done { background-color: #AAA; } &.sending { background-color: var(--default_color_green_2); } & .iconSpan { height: inherit; font-size: .8rem; line-height: inherit; } & .actions { position: absolute; top: 0; right: 0; width: 160px; display: flex; flex-direction: row-reverse; flex-wrap: wrap; & > * { max-width: 40px; height: 40px; line-height: 40px; flex: 1; cursor: pointer; text-align: center; &data-action:before { font-family: FontAwesome; } &data-actionactivate:before { content: \f0c8; } &data-actiondeactivate:before { content: \f14a; } &data-actionedit:before { content: \f040; } &data-actiondelete:before { content: \f1f8; } &data-actionpreview:before { content: \f002; } } } } } } &data-paneloverview { padding: 0; & data-keyoverview { max-height: 500px; overflow-y: auto; & > * { min-height: 40px; line-height: 40px; padding-right: 80px; position: relative; padding-left: 10px; & data-keyinfo { margin-top: -1rem; font-size: 0.8rem; display: flex; gap: 1rem; min-height: inherit; line-height: inherit; } & + * { border-top: 1px solid rgba(0,0,0,.3); } & .actions { position: absolute; top: 0; right: 0; height: 40px; display: flex; flex-wrap: wrap; & > * { flex: 1; width: 40px; height: 40px; width: 40px; height: 40px; line-height: 40px; text-align: center; cursor: pointer; &:before { font-family: FontAwesome; } &data-actiondeleteRecipient:before { content: \f1f8; } } } } } } &data-panelitems { & data-keyoverview { & > * { padding: 1rem; background-color: rgba(0,0,0,.1); .cs_select_wrapper { & > select { color: #000; border: 1px solid #CCC!important; border-radius: 0; } } & name { min-height: 40px; line-height: 40px; background-color: #FFF; } & .myDropzone { display: block; background-size: contain; background-repeat: no-repeat; background-position: center center; } & + * { margin-top: 1rem; } &data-item_type { display: flex; flex-wrap: wrap; gap: 1rem; & > * { flex: 3; & + * { flex: 2; } } & data-keysub { display: none; } &data-item_type4, &data-item_type5, &data-item_type6 { & data-keysub { display: block; } } } } } & data-item_id { position: relative; padding-top: 3.5rem!important; padding-bottom: 3.5rem!important; & .csRedactorWrapper { margin-bottom: 10px; } & data-actionsortItems, & data-actiondeleteItem { position: absolute!important; height: 40px; display: block; text-align: center; line-height: 40px; cursor: pointer; font-size: 1.5rem; color: #666; opacity: 0.6; top: 0; right: 0; &:hover { opacity: 1; } &:before { font-family: Fontawesome; } &data-actionsortItems { z-index: 4; background-color: rgba(0,0,0,.2); left: 0; &:before { content: \f062; } &data-dir1 { top: auto; bottom: 0; &:before { content: \f063; } } } &data-actiondeleteItem { z-index: 5; position: absolute!important; width: 40px; &:before { content: \f1f8; } } } &:first-child { & data-dir-1 { visibility: hidden; pointer-events: none; } } &:last-child { & data-dir1 { visibility: hidden; pointer-events: none; } } & data-keysub { & > :first-child { min-height: 40px; line-height: 40px; text-align: center; display: block; cursor: pointer; background-color: var(--default_color_blue_1); color: #FFF; } & > div { & * { min-height: 40px; display: block; } } } } } } & .questionnaireAdminWrapper { &:not(.questionnaire_admin_editing) { & .questionnaireAdminGrid { display: block; } & data-panel, & > div > data-action { display: none; &data-actionadd, &data-paneloverview { display: block; } } } &.questionnaire_admin_readonly { & name, & .cs_select_wrapper { pointer-events: none; cursor: default; &:before { color: transparent!important; } } & > div > data-action, & > div > data-actionaddItem, & > div > data-actiondeleteItem, & > div > data-actionsaveItem, & .myDropzone:before { display: none; &data-actionadd, &data-actionsendTest { display: block; } } & data-panelitems data-keyoverview { & data-item_id { padding-top: 1rem!important; padding-bottom: 1rem!important; } & data-actionsortItems, & data-actiondeleteItem { display: none!important; } & .csRedactorWrapper { pointer-events: none!important; padding-top: 0; & .csRedactorHeader { display: none; } } } & data-panelrecipients data-keyoverview { & data-action { display: none!important; } } } } } @media only screen and (max-width: 800px) { .myAlertModuleWrapper_questionnaire_admin { padding-right: 0; padding-left: 50px; width: 100vw!important; max-width: 100vw!important; background-color: var(--white); border-radius: 0!important; -webkit-box-shadow: none!important; box-shadow: none!important; max-height: 100vh; &:before { content: ; position: absolute; top: 0; left: 0; width: 40px; height: 100vh; background-color: rgba(0,0,0,.1); } & .myAlert-message.myAlert-message.myAlert-message { padding-left: 1rem!important; } & .myAlert-prompt.myAlert-prompt.myAlert-prompt { padding: 0!important; color: var(--black); } & .questionnaireAdminMainAction { left: 0; z-index: 100; } } } .cs_login_wrapper > * {} .cs_login > spandata-action, body.logged_in .cs_login > span, body.logged_in .cs_registration, body:not(.logged_in) .cs_logout { display: none!important; height: 40px; line-height: 40px; } body.logged_in .cs_login > spandata-action { display: block!important; } body.front:not(.logged_in) .show_on_login, body.front.logged_in .show_on_logout, body.front.logged_in .hide_on_login { display: none!important; } .cs_login_overlay .cs_login_nav {} .cs_login_overlay .cs_login_nav > * { display: block; flex: 1; cursor: pointer; height: 25px; line-height: 25px; } .loadModuledata-keymembership_info > div > div > div { padding-bottom: 1rem; } .loadModuledata-keymembership_info > div > div > div:first-child { border-bottom: 2px dotted #666; margin-bottom: 1rem; } .loadModuledata-keymembership_info > div > div > div i { display:block; line-height: 1.5rem; min-height: 1.5rem; } .loadModuledata-keymembership_info > div > div > div i:first-child { margin-top: 1rem; } .loadModuledata-keymembership_info > div > div > div i > span { color: #005297; font-weight: bold; line-height: 1rem; height: 1rem; } .loadModuledata-keymembership_info .actions > div + div { margin-top: 1rem; } .loadModuledata-keymembership_info > div > div > .actions > div > span { position: relative; border-radius: 20px; text-align: left; padding: 0px 1rem; max-width: 400px; color: var(--default_button_color); background-color: var(--default_button_background-color); } .loadModuledata-keymembership_info .actions > div > span:hover { filter: brightness(1.25); } .loadModuledata-keymembership_info > div > div > .actions > div > span + i { padding: 10px 0; font-size: 0.9rem; padding-bottom: 1rem; } .loadModuledata-keymembership_info .actions .cs_btn.fulldata-actionupgrade:before, .loadModuledata-keymembership_info .actions .cs_btn.fulldata-actiondowngrade:before, .loadModuledata-keymembership_info .actions .cs_btn.fulldata-actionpause:before, .loadModuledata-keymembership_info .actions .cs_btn.fulldata-actioncontinue:before, .loadModuledata-keymembership_info .actions .cs_btn.fulldata-actioncancel:before { position: absolute; font-family: FontAwesome; text-align: center; right: 15px; } .loadModuledata-keymembership_info .actions .cs_btn.fulldata-actionupgrade:before { content: \f062; } .loadModuledata-keymembership_info .actions .cs_btn.cs_btn_important.fulldata-actionupgrade:before { content: \f005; } .loadModuledata-keymembership_info .actions .cs_btn.fulldata-actiondowngrade:before { content: \f063; } .loadModuledata-keymembership_info .actions .cs_btn.fulldata-actionpause:before { content: \f04c; } .loadModuledata-keymembership_info .actions .cs_btn.fulldata-actioncontinue:before { content: \f04b; } .loadModuledata-keymembership_info .actions .cs_btn.fulldata-actioncancel:before { content: \f05e; } .cs_membership_info_overlay { & .cs_membership_info_overview { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1rem; & > div table th { font-weight: bold; text-align: center; padding-top: 0; border-bottom: 2px dotted var(--default_color_blue_1); line-height: 30px; } & > * { flex: 1; flex-basis: 300px; & table { table-layout: fixed; font-size: .8rem; width: 100%; & tr { & > td { padding: 5px 0; } & + * > td { border-top: 1px solid #CCC; } } & .ellipsis { display: block; overflow: visible!important; text-overflow: initial; white-space: normal; } } } } } .cs_membership_info_overlay .cs_membership_info_overviewdata-keypause > div:last-child, .cs_membership_info_overlay .cs_membership_info_overviewdata-keyunpause > div:first-child { position: relative; } .cs_membership_info_overlay .cs_membership_info_overviewdata-keypause > div:last-child table, .cs_membership_info_overlay .cs_membership_info_overviewdata-keyunpause > div:first-child table { opacity: 0.5; } .cs_membership_info_overlay .cs_membership_info_overviewdata-keypause > div:last-child:before, .cs_membership_info_overlay .cs_membership_info_overviewdata-keyunpause > div:first-child:before { font-family: FontAwesome !important; content: \f252; padding: 0 10px; color: rgba(0,0,0,0.3); top: 50%; left: 50%; position: absolute; transform: translate(-50%,-50%); z-index: 1; font-size: 80px; } .cs_membership_info_overlay .cs_select_wrapper { margin-bottom: 1rem; } .cs_membership_overview, .cs_membership_overview * { box-sizing: border-box; } .cs_membership_overview { background-color: #EFEFEF; padding: 1rem } .cs_membership_overview > div:last-child { display: flex; flex-wrap: wrap; gap: 1em; width: 100%; overflow: auto; margin-bottom: 0!important; padding-bottom: 0!important; } .cs_membership_overview > div:last-child > * { flex: 1 0 auto; } .cs_membership_overview > div:last-child > * > * { padding: 1rem; display: block; } .cs_membership_overview > div:last-child > * > :first-child { height: 100px; line-height: 100px; text-align: center; padding: 0; color: #FFF; font-weight: bold; font-size: 1.4rem; background-color: rgba(0,0,0,.3); } .cs_membership_overview > div:last-child > * > * + * { background-color: rgba(0,0,0,.05); margin-top: 1rem; min-height: 80px; } .cs_membership_overview > div:last-child > * i { display: block; margin: 0!important; } .cs_membership_overview > div:last-child data-key {} .cs_membership_overview > div:last-child data-key > :first-child { font-weight: bold; font-size: 0.8rem; padding-bottom: .5rem; } .cs_membership_sub_overview > * { display: block; } .cs_membership_overview { & data-role131, & data-role141 { display: none; } &.show_role_130 data-role130, &.show_role_131 data-role131, &.show_role_140 data-role140, &.show_role_141 data-role141 { display: block!important; } &.hide_role_130 data-role130, &.hide_role_131 data-role131, &.hide_role_140 data-role140, &.hide_role_141 data-role141 { display: none!important; } } .loadModuledata-keyuser_data {} .loadModuledata-keyuser_data_admin { display: none; } .loadModuledata-keyuser_data_admin > div { padding: 2rem 4rem; background-color: var(--default_color_gray_1); -webkit-border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px; margin-top: -20px; } .cs_product_admin_wrapper { max-width: 100%; overflow: hidden; } .cs_product_admin_wrapper > .cs_btn { margin-bottom: 1rem; } .cs_product_edit_trigger { cursor: pointer; } .cs_user_detail_nav_wrapper { margin-top: 0px; background-color: rgba(255, 255, 255, 0); padding: 45px 0px 50px; } .cs_user_detail_nav_wrapper > .cs_default_detail_nav {} .cs_user_detail_nav_wrapper > .cs_default_detail_nav > span { border-radius: 50px; color: var(--default_button_background-color); } .cs_user_detail_nav_wrapper .cs_default_detail_nav {} .cs_user_detail_nav_wrapper .cs_default_detail_nav > * + * { margin-top: 15px; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-actionsave { background-color: green!important; color: var(--white)!important; } .cs_user_detail_nav_wrapper > .cs_default_detail_nav > span:hover { opacity: 1; background-color: var(--default_button_background-color); color: var(--default_button_color); filter: brightness(1.25); } .cs_user_detail_nav_wrapper > .cs_default_detail_nav > span:active { transform: translate(0px, 1px) } .cs_user_detail_nav_wrapper > .cs_default_detail_nav > .active { opacity: 1; background-color: rgba(16, 74, 150,1); color: var(--white); } .cs_user_detail_nav_wrapper .cs_detail_form_block > .cs_product_admin_wrapper > .cs_btn { position: relative; color: var(--white); padding: 0 20px; padding-right: 4rem!important; border-radius: 50px; height: 3.5rem; line-height: 3.5rem; font-size: 1rem; font-weight: bold; text-align: left; } .cs_user_detail_nav_wrapper .cs_detail_form_block > .cs_product_admin_wrapper > .cs_btn:before { content: \f1b0; position: absolute; right: 30px; top: 3px; font-family: FontAwesome; font-size: 1.8rem; } .cs_user_detail_nav_wrapper .cs_detail_form_block > .cs_product_admin_wrapper > .cs_btn:after { content: \2b; position: absolute; right: 18px; top: -10px; font-family: FontAwesome; font-size: 1.5rem; } .loadModuledata-keyuser_data_admin .myDropzone:not(.cs_btn) { text-align: center; line-height: 0; font-size: 3rem; background-color: transparent; overflow: hidden; } .loadModuledata-keyuser_data_admin .myDropzone:not(.cs_btn) > i { box-shadow: inset 0px 0px 25px rgba(0, 0, 0, 0.2); } .loadModuledata-keyuser_data_admin .myDropzone:not(.cs_btn) > * { width: 100%; padding-bottom: 100%; display: block; background-position: center center; background-repeat: no-repeat; background-size: cover; box-shadow: inset 0px 0px 25px rgba(0, 0, 0, 0.2); } .loadModuledata-keyuser_data_admin .myDropzonedata-actionuserProfilePicUpload { width: 200px!important; height: 200px!important; } .loadModuledata-keyuser_data_admin .myDropzonedata-actionuserProfilePicUpload > * { width: 100%; height: 100%; } .loadModuledata-keyuser_data_admin .cs_default_profile { padding-left: 0!important; } .loadModuledata-keyuser_data_admin .cs_default_profile > div + div { padding-top: 1rem; } .cs_user_detail_nav_wrapper .cs_detail_form_block { color: #666; background-color: transparent; } .cs_user_detail_nav_wrapper .cs_detail_form_block label { font-size: 1.1rem; font-weight: bold; padding-bottom: 10px; height: 30px; line-height: 25px; } .cs_user_admin_pricing_wrapper {} .cs_user_admin_pricing_wrapper + .cs_user_admin_pricing_wrapper { margin-top: 1rem; } .cs_user_admin_pricing_wrapper > div > i { display: block; margin-bottom: 1rem; font-size: .8rem; } .cs_user_admin_pricing_wrapper .cs_checkbox { padding-left: 2rem!important; } .cs_user_admin_pricing_wrapper > div > i + label + div { padding: 1rem; background-color: rgba(0, 0, 0, .1); margin-top: 0.5rem; margin-bottom: 1rem; border-radius: 10px; } .cs_user_admin_pricing_wrapper > div > i + label + div > * {} .cs_user_admin_pricing_wrapper > div > i + label + div > * + * { margin-top: 2rem; } .cs_user_admin_pricing_wrapper > div > i + label + div > * > input { height: 40px; line-height: 40px; border: 2px solid var(--default_color_blue_1)!important; border-radius: 5px; padding: 0 1rem; } .cs_user_admin_credit_wrapper { background-color: rgba(0,0,0,0.05); padding: 2rem; border-radius: 20px; } .cs_user_admin_credit_wrapper > spandata-keyinfo { display: block; margin-bottom: 2rem; } .cs_user_admin_credit_wrapper > spandata-keyoutput { display: flex; flex-wrap: wrap; margin-bottom: 2rem; gap: 1rem; & > * { flex: 1; flex-basis: 200px; & > * { display: block; text-align: center; &:first-child { font-weight: bold; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; & + i { padding: 1rem 0; font-size: 2rem; & + i { font-size: 0.8rem; } } } } } } .cs_user_detail_nav_wrapper .cs_default_detail_nav > * { width: 100%; display: block; position: relative; font-weight: bold; height: 40px; line-height: 40px; padding: 0 1rem 0 3.5rem!important; text-align: left !important; background-color: transparent; opacity: 1; cursor: pointer; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > *:before { content: ; position: absolute; left: 0; height: 40px; width: 40px; background-color: var(--white); border-radius: 50px; z-index: 0; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > *:after { position: absolute; left: 0; height: 40px; width: 40px; line-height: 40px; text-align: center; font-size: 1.3rem; font-family: FontAwesome; } .cs_user_detail_nav_wrapper > .cs_default_detail_nav > .active:before { background-color: var(--default_color_blue_1); } .cs_user_detail_nav_wrapper > .cs_default_detail_nav > .active:after { color: var(--white); } .cs_default_detail_nav > *:hover:before { color: var(--white)!important; background-color: var(--default_color_blue_1); } .cs_default_detail_nav > *:hover:after { color: var(--white)!important; } .cs_user_detail_nav_wrapper > .cs_default_detail_nav > span:hover:not(.active) { opacity: 1; background-color: transparent; color: var(--default_color_blue_1); filter: brightness(1.25); } .cs_user_detail_nav_wrapper data-actionsave { margin-top: 1rem; } .cs_user_detail_nav_wrapper > .cs_default_detail_nav > .active { opacity: 1; background-color: var(--default_color_blue_1); color: var(--white); } .cs_user_detail_nav_wrapper > .cs_default_detail_nav > span { border-radius: 50px; color: var(--default_button_background-color); } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-keydata:after { content: \f007; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-keycontact:after { content: \f0e0; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-keyaddress:after { content: \f015; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-keyother:after { content: \f084; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-keypayment:after { content: \f09d; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-keyuser_pp:after { content: \f030; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-keyuser_logo:after { content: \f0b1; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-keyrole_200:after { content: \f1b0; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-keycommission:after { content: \f0d6; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-keyuser_roles:after { content: \f0c0; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-keypricing:after { content: \f0ad; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-keycredit:after { content: \f005; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-keyhistory_training:after { content: \f1da; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-actionsave:after { content: \f0c7; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-actionparams:after { content: \f073; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-keyparams:after { content: \f073; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-keycomments:after { content: \f086; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-keyuser_visibility:after { content: \f06e; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-key:after { font-weight: normal!important; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-key:hover:after { color: var(--black); } .cs_detail_form_blockdata-keyuser_visibility {} .cs_detail_form_blockdata-keyuser_visibility > * { background-color: #FFF; padding: 1rem; border-radius: 20px; } .cs_detail_form_blockdata-keyuser_visibility > * > i { display: block; font-weight: bold; } .cs_detail_form_blockdata-keyuser_visibility > * > i + div { display: block; margin-top: 1rem; } .cs_detail_form_blockdata-keyuser_visibility > * + * { margin-top: 1rem; } .cs_user_admin_history_wrapper { & table { table-layout: fixed; width: 100%; font-size: 0.8rem; table-layout: fixed; width: 100%; margin-bottom: 10px; & * { font-family: monospace!important; } & > tbody > tr + tr { border-top: 2px dotted rgba(0, 0, 0, 0.3); } & > tbody > tr { line-height: 2rem; } & td { padding: 5px 0; padding-right: 10px; } & td:first-child:not(:last-child) { font-weight: bold; color: var(--default_color_blue_1); & + td { padding-right: 0; } } & thead { border-bottom: 2px solid rgba(0, 0, 0, 0.3); } & thead, & tfoot { font-weight: bold; line-height: 30px; & > tr > * { padding-right: 10px!important; } } & col:first-child { width: 40px!important; } & col:nth-child(2) { width: 150px!important; } & col:last-child { width: 80px!important; } & tbody { & > tr > td { overflow: hidden; padding-right: 10px; line-height: 1rem; font-size: .7rem; &:last-child { padding-right: 0; } } } } } .loadModuledata-keyuser_profile { position: relative; & .btn { margin-top: .5rem!important; } & .cs_flex { display: flex; flex-wrap: wrap; gap: 1rem; & > * { flex: 1; flex-basis: 200px; } } & > div { display: flex; gap: 2rem; flex-wrap: wrap; padding: 2rem 4rem; background-color: var(--default_color_gray_1); -webkit-border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px; margin-top: 40px; & > div { position: relative; flex-grow: 1; flex-shrink: 1; flex-basis: 250px; & + div { position: relative; flex-grow: 2; flex-shrink: 1; flex-basis: 300px; } } & > div:first-child > div { margin-bottom: 1rem; } } } .loadModuledata-keyuser_profile .cs_pp_placeholder, .loadModuledata-keyuser_profile .cs_user_profile_info_pp { display: block; width: 200px; height: 200px; background-color: transparent; background-size: cover; background-position: center; border-radius: 50%; box-shadow: inset 0px 0px 25px rgba(0, 0, 0, 0.1); } .loadModuledata-keyuser_profile .cs_user_profile_info_name { font-weight: bold; font-size: 1.55rem; color: var(--default_color_gray_3); } .loadModuledata-keyuser_profile .cs_user_profile_info_level { position: absolute; display: block; width: 90px; height: 120px; left: 25%; top: -23px; z-index: 5; } .loadModuledata-keyuser_profile .cs_user_profile_action_edit { display: block; line-height: 40px; min-height: 40px; position: relative; cursor: pointer; color: #FFF; border: 2px solid var(--default_color_blue_1); padding: 0 1rem; margin-top: 1rem; text-align: center; border-radius: 20px; background-color: var(--default_color_blue_1); } .loadModuledata-keyuser_profile data-actionjumpToDetail { cursor: pointer; } .loadModuledata-keyuser_profile .cs_user_profile_info_level > i { display: block; font-size: 1.1rem; font-style: normal; font-weight: bold; text-align: center; margin-left: 10%; } .loadModuledata-keyuser_profile .cs_user_profile_info_level > i:first-child { margin-top: 25%; } .loadModuledata-keyuser_profile .cs_user_profile_info_level > i:last-child { font-size: 1.9rem; line-height: 1.8rem; } .loadModuledata-keyuser_profile .cs_user_profile_info_level:before { content: ; position: absolute; width: 100%; height: 100%; background-image: url(data:image/svg+xml,%3Csvg idIcons xmlnshttp://www.w3.org/2000/svg viewBox0 0 423.6 555.27%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23000; %7D .cls-2 %7B fill: %23828282; %7D %3C/style%3E%3C/defs%3E%3Cpath classcls-2 dm.06,111.39S-1.84,34.99,15.74,6.44C20.32-.98,31.1,1.1,43.1,1.1l-.75,110.13L.06,111.39Z/%3E%3Cpath classcls-1 dm384.59,1.91L43.11,0c-15.41-.02-20.04.8-23.69,2.93,21.34,6.6,18.57,98.73,18.57,98.73l-4.4,453.6,203.7-144.3,186.3,144.3V68.77S425.49.01,384.59,1.91Z/%3E%3C/svg%3E); background-repeat: no-repeat no-repeat; background-size: contain; z-index: -2; } .loadModuledata-keyuser_profile .cs_user_profile_info_leveldata-level1:before { filter: invert(59%) sepia(14%) saturate(1811%) hue-rotate(33deg) brightness(129%) contrast(123%);} .loadModuledata-keyuser_profile .cs_user_profile_info_leveldata-level2:before { filter: invert(83%) sepia(8%) saturate(2486%) hue-rotate(100deg) brightness(97%) contrast(97%);} .loadModuledata-keyuser_profile .cs_user_profile_info_leveldata-level3:before { filter: invert(75%) sepia(47%) saturate(1329%) hue-rotate(154deg) brightness(92%) contrast(105%);} .loadModuledata-keyuser_profile .cs_user_profile_info_leveldata-level4:before { filter: invert(34%) sepia(84%) saturate(1539%) hue-rotate(215deg) brightness(98%) contrast(89%);} .loadModuledata-keyuser_profile .cs_user_profile_info_leveldata-level5:before { filter: invert(26%) sepia(47%) saturate(4680%) hue-rotate(260deg) brightness(97%) contrast(92%);} .loadModuledata-keyuser_profile .cs_user_profile_info_leveldata-level6:before { filter: invert(82%) sepia(37%) saturate(7371%) hue-rotate(233deg) brightness(80%) contrast(92%);} .loadModuledata-keyuser_profile .cs_user_profile_info_leveldata-level7:before { filter: invert(75%) sepia(51%) saturate(349%) hue-rotate(350deg) brightness(92%) contrast(89%);} .loadModuledata-keyuser_profile .cs_user_profile_info_leveldata-level8:before { filter: invert(82%) sepia(78%) saturate(465%) hue-rotate(345deg) brightness(103%) contrast(106%);} .loadModuledata-keyuser_profile .cs_user_profile_info_leveldata-level9:before { filter: invert(60%) sepia(74%) saturate(1492%) hue-rotate(339deg) brightness(101%) contrast(101%);} .loadModuledata-keyuser_profile .cs_user_profile_info_leveldata-level10:before { filter: invert(24%) sepia(46%) saturate(5814%) hue-rotate(348deg) brightness(111%) contrast(107%);} .loadModuledata-keyuser_profile .cs_user_profile_info_leveldata-level { color: #FFF; } .loadModuledata-keyuser_profile .cs_user_profile_info_leveldata-level1, .loadModuledata-keyuser_profile .cs_user_profile_info_leveldata-level2, .loadModuledata-keyuser_profile .cs_user_profile_info_leveldata-level8 { color: #333; } .loadModuledata-keyuser_profile > div > div + div > * {} .loadModuledata-keyuser_profile > div > div + div > * > * { display: block; font-style: normal; } .loadModuledata-keyuser_profile > div > div + div > * > *:first-child { font-weight: bold; color: rgba(0,0,0,0.3); } .loadModuledata-keyuser_profile > div > div + div > * > * > *:after { content: , ; } .loadModuledata-keyuser_profile > div > div + div > * > * > *:last-child:after { content: ; } @media only screen and (max-width: 725px) { .loadModuledata-keyuser_profile .cs_user_profile_info_level { left: 30%; } } @media only screen and (max-width: 535px) { .loadModuledata-keyuser_profile .cs_user_profile_info_level { left: 50%; } .loadModuledata-keyuser_profile > div { padding: 2rem 20px; } } .loadModuledata-keyuser_admin, body.front .cs_user_admin_detail_overlay { & * { _utline: 1px solid black; } & select { & optgroup { font-style: normal; color: #999; & option { color: #000; } } } & inputname, & selectname, & textareaname { background-color: #DDD; padding: 0 10px!important; } & .cs_default_input_row > textareaname { padding: 10px!important; min-height: 100px; } & .cs_btn { padding: 0 10px!important; } & .cs_select_wrapper::before { background-color: #DDD; } & .btn, & .cs_btn { min-height: 40px; line-height: 40px; text-align: center; padding: 0px 1rem; } & .cs_btn { position: relative; color: #FFF; background-color: rgba(0,0,0,.5); } & .btnclass*awe- { padding: 0; min-width: 40px; &:before { display: block; text-align: center; min-width: 40px; } } & .cs_btn.full { max-width: 100%!important; width: 100%!important; } & .btn:hover, & .cs_btn:hover { filter: brightness(1.25); } & .btn.btn-border { background-color: #FFF !important; color: var(--default_color_gray_4)!important; border: 2px solid var(--default_color_gray_4); box-sizing: border-box; height: 36px; line-height: 36px; } &.myAlert.myAlertModuleWrapper:not(.loadingOverlay) { padding-right: 0px; width: 800px; max-width: 90vw; background-color: var(--white); -webkit-box-shadow: 0 0 2000px 2000px rgba(0,0,0,0.3), 8px 10px 10px rgba(0, 0, 0, 0.4) !important; box-shadow: 0 0 2000px 2000px rgba(0,0,0,0.3), 8px 10px 10px rgba(0, 0, 0, 0.4) !important; overflow: hidden; } &.myAlert.myAlertModuleWrapper name { color: #333; } &.myAlert.myAlertModuleWrapper .myAlert-buttons { right: 0!important; } &.myAlert.myAlertModuleWrapper:not(.loadingOverlay) .myAlert-prompt { padding: 2.5rem!important; color: var(--black); } &.myAlert.myAlertModuleWrapper .myAlert-message { text-align: left; background-color: #FFF; color: rgba(0,0,0,.8)!important; padding: 1rem 2.5rem!important; font-size: 1.2rem; font-weight: bold; position: relative; z-index: 10; border-bottom: 2px solid rgba(0,0,0,.1)!important; } &.myAlert.myAlertModuleWrapper .myAlert-message + .myAlert-prompt { padding-top: 0!important; } &.myAlert.myAlertModuleWrapper .myAlert-ok { display: none!important; } &.myAlert.myAlertModuleWrapper .myAlert-cancel { background: var(--white); position: absolute; color: #666; right: 0; top: 0; z-index: 11; width: 40px; height: 40px; } &.myAlert.myAlertModuleWrapper .myAlert-prompt spandata-keycomment { display: block; line-height: 1.3rem; } &.myAlert.myAlertModuleWrapper .myAlert-prompt spandata-keycomment + data-keycomment { margin-top: 10px; } &.myAlert .myAlert-prompt textarea { margin: 0; margin-top: 1rem; } & .myAlert-prompt .cs_btn { font-weight: bold; } & .myAlert-prompt .cs_btn, & .myAlert-prompt .cs_btn > * { text-align: center!important; display: block; } & .csRedactorWrapper { position: relative; padding-top: 30px; & .csRedactorHeader { position: absolute; top: 0; left: 0; right: 0; display: flex; flex-wrap: wrap; gap: .5rem; & > * { flex: 1; height: 30px; line-height: 30px; border-radius: 0; border: 0; font-size: 1rem; cursor: pointer; } } & contenteditable, & name { min-height: 300px!important; & i { font-style: italic!important; } & b { font-weight: bold!important; } &contenteditable { padding: 10px; background-color: #FFF; } &name { display: none; } } &.csRedactorShowCode { & .csRedactorHeader .csRedactorBtndata-key, & contenteditable { display: none!important; &data-keycode { display: block!important; } } & textarea { display: block!important; font-family: Courier!important; font-size: .8rem; border: none; background-color: #333!important; color: #FFF!important; padding: .5rem 1rem!important; margin-top: 0!important; } } } } .loadModuledata-keyuser_admin > div { & .cs_overview_table { & tr td:first-child { padding-left: 10px; } & tr.is_supervisor { background-color: rgb(243, 248, 171); } & tr.is_supervised { background-color: rgb(190, 230, 245); } } } .loadModuledata-keyuser_admin > div > :first-child { flex-grow: 3; flex-shrink: 0; flex-basis: 200px; } .loadModuledata-keyuser_admin > div > :first-child + * { flex-grow: 10; flex-shrink: 0; flex-basis: 600px; } .loadModuledata-keyuser_admin > div > :first-child + * > div:first-child:not(.btn) { overflow-y: hidden; scrollbar-gutter: stable; } .loadModuledata-keyuser_admin > div > :first-child + * > div:last-child { max-height: 50vh; overflow-y: scroll; } .loadModuledata-keyuser_admin > div > :first-child + * > div:last-child table thead th { padding: 0; border: none; } .loadModuledata-keyuser_admin table tr:not(.active) { opacity: .3; } .loadModuledata-keyuser_admin > div > :first-child > * { margin-bottom: 1rem; display: block; width: 100%; } .loadModuledata-keyuser_admin .cs_module_filter + div { width: 100%; overflow-x: auto; max-width: 100%; } .loadModuledata-keyuser_admin .cs_module_filter + div .cs_overview_table { min-width: 800px; } .loadModuledata-keyuser_admin .cs_user_overview_icon { position: relative; padding-left: 1.5rem; line-height: 1.2rem; &:before { font-family: FontAwesome !important; width: 1.2rem; height: 1.2rem; line-height: 1.2rem; text-align: center; position: absolute; top: 0; left: 0; } &data-keylocation:before { content: \f041; } &data-keysupervisor:before { content: \f005; } &data-keyproduct:before { content: \f1b0; } } .cs_user_admin_detail_overlay .cs_user_detail_nav_wrapper > .cs_default_detail_nav > span { font-size: 0; } .cs_user_admin_detail_overlay .cs_default_detail_nav { flex-grow: 0; } .cs_user_admin_detail_overlay .cs_default_detail_nav > * { padding: 0 1rem 0 1.5rem!important; } .cs_user_detail_nav_wrapper { & .myDropzonePreview { background-size: contain!important; height: 200px!important; background-color: rgba(0,0,0,.1); margin-bottom: 1rem; } } .creditBundleAdminWrapper { & > * { overflow: auto!important; scrollbar-gutter: auto!important; } & .cs_input_append { position: relative; & > i:last-child { position: absolute; bottom: 0; right: 0; min-width: 30px; max-width: 50px; height: 30px; line-height: 30px; background-color: #CCC; padding: 0 5px; text-align: center; } } & select, & inputtypetext, & inputtypenumber, & textarea { background-color: #FFF; min-height: 30px; margin-top: 10px; border: none!important; } & textarea { padding: 6px; height: 30px; min-height: 30px; } & data-keyoverview { padding-top: 1rem; display: flex; flex-wrap: wrap; gap: 1rem; & > * { position: relative; flex: 1; flex-basis: 600px; background-color: rgba(0,0,0,0.1); padding: 1rem; font-size: 0.8rem; gap: 1rem; display: grid; gap: 1rem; & > div:first-child { & > i { display: block; &:first-child { font-weight: bold; line-height: 24px; } } } & > * {} & data-actionsave { position: absolute; top: 0; right: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; cursor: pointer; font-size: 20px; background-color: rgba(0,0,0,.1); } & data-keysub { & > div:last-child { & > * { display: flex; flex-wrap: wrap; gap: 1rem; & > * { flex: 1; } } } } } } } .cs_credit_bundle_overview, .cs_credit_payment_wrapper { & .cs_btn { margin-top: 1rem !important; font-weight: bold; min-height: 3.5rem; padding: 0.5rem 1rem; } & table { display: table!important; font-size: 0.8rem; table-layout: fixed; width: 100%; margin-bottom: 10px; & td { padding: 5px 0; padding-right: 10px; &:first-child:not(:last-child) { font-weight: bold; color: var(--default_color_blue_1); } } & > tbody > tr + tr { border-top: 2px dotted rgba(0, 0, 0, 0.3); } } } .cs_default_alert_575799:not(.loadingOverlay).myAlertModuleWrapper_sales_overview { width: 90vw!important; max-width: 100%!important; height: 90vh!important; max-height: 100%!important; border-radius: 0; & .cs_alert_submit_btn_default { display: none!important; pointer-events: none!important; } & .myAlert-message { display: none; } & .myAlert-prompt { padding: 0; height: 100%!important; width: 100%!important; overflow: hidden; padding: 0!important; } & .cs_sales_overview_header { height: 130px; padding: 1rem; & * { margin: 0; min-height: 40px; line-height: 40px; } & > * { padding-right: 30px!important; } & > * + * { margin-top: 1rem; } } & .csTableWrapper { overflow: auto; max-width: 90vw!important; max-height: calc(90vh - 130px); & table { width: 100%; table-layout: fixed; & *.price { font-family: monospace!important; } & tbody { & .payment_done { & td { background-color: rgba(100, 255, 100, .3)!important; } } & .payment_todo { & td { background-color: rgba(255, 100, 100, .3)!important; } } } } } & data-actionoverride_sub_price { display: block; cursor: pointer; margin-top: 5px; line-height: 1.3rem!important; text-align: right; font-size: 1rem!important; &:before { content: \f044; font-family: FontAwesome; } } } .csLoggerItemWrapper { padding: 1rem; background-color: rgba(0,0,0,.05); &.csLoggerChartWrapper { max-height: 250px; padding-bottom: 4rem; } & > span { display: block; text-align: center; margin-bottom: 1rem; color: rgba(0,0,0,0.3); font-weight: bold; } & + * { margin-top: 1rem; } } #logger_item_scanner_action { & table { & td { padding: 5px; background-color: #c5d7de; } & tr:nth-child(2n) { & td { background-color: rgba(0,0,0,.05); font-size: 11px; color: #666; border-bottom: 2px solid #CCC; } } font-size: 12px; font-family: Courier!important; } } .product_configurator_overlay_show:not(.active) { display: none; pointer-events: none; } .cs_product_configurator_wrapper { & > form { &.loaded { background-color: rgba(230, 230, 230, .4); padding: 1rem; -webkit-box-shadow: 0 0 1rem 0 rgba(0,0,0,.2); box-shadow: 0 0 1rem 0 rgba(0,0,0,.2); } & + form { margin-top: 1.5rem; } & > * { display: flex; flex-wrap: wrap; gap: 1rem; & + * { margin-top: 1rem; & > div:first-child { display: flex; gap: 1rem; flex-wrap: wrap; & > * { flex: 1; flex-basis: 200px; } } } & > * { flex: 1; flex-basis: 300px; & label { color: #666; display: block; line-height: 1.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } & label + * { _isplay: block; height: 40px; line-height: 40px; } } } &:not(.loaded) > *:first-child > * + * { display: none; } & .product_configurator_preview { height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; background-color: #FFF; width: 100%; height: 250px; } &.has_preview_image { & > *:last-child { position: relative; } } } & select.cs_select_single_option { pointer-events: none !important; border: none !important; -webkit-appearance: none; } &.cs_product_configurator_single { & selectdata-keyproduct_id { pointer-events: none !important; border: none !important; font-weight: bold; text-align: center; -webkit-appearance: none; } } & form + data-action { margin-top: 40px!important; } & data-action { margin-top: 10px; height: 40px; line-height: 40px; text-align: center; background-color: rgba(0,0,0,.1); cursor: pointer; position: relative; &:hover { background-color: rgba(0,0,0,.2); } &:before { content: attr(data-count); position: absolute; top: 0; right: 0; padding: 0 10px; text-align: center; min-width: 20px; font-weight: bold; } } & data-keyproperty_block { &.has_unit { position: relative; padding-right: 60px; max-height: 64px; & input { border-right: 0!important; } &:before { box-sizing: border-box; content: attr(data-unit); position: absolute; bottom: 0; right: 0; height: 40px; line-height: 40px; pointer-events: none; width: 60px; text-align: right; padding: 0 10px; color: rgba(0,0,0,.5); background-color: #FFF; border: 1px solid #000; border-left: 0; } } } } .cs_product_configurator_overlay { min-width: 90%; & .myAlert-prompt { font-size: 1rem; padding: 1rem; background-color: rgba(230, 230, 230, 1); color: #333; & data-keyadd_data_form { display: flex; flex-wrap: wrap; gap: 1rem; & > * { flex: 1; min-width: 40%; padding-top: 1.2rem; position: relative; & label { display: block; line-height: 1.2rem; height: 1.2rem; font-size: .8rem; position: absolute; top: 0; left: 0; right: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #000; opacity: .5!important; } & name { display: block; height: 40px; line-height: 40px; margin: 0; &:focus { background-color: rgba(255, 255, 200, 1); } &:focus + label { opacity: 1!important; } } } } & .cs_default_form_block { padding-top: 0!important; & label { display: none!important; } input { border: none!important; background-color: rgba(0,0,0,.08); padding: 0 10px; &.has_input { padding-top: 15px; & + label { display: block!important; height: 1rem!important; line-height: 1rem!important; font-size: .7rem!importaNT; padding: 0 10px; top: 2px!important; } } } } & data-action { height: 40px; line-height: 40px; text-align: center; background-color: rgba(0,0,0,.1); cursor: pointer; position: relative; margin-top: 1rem; margin-left: 0!important; margin-right: 0!important; &:hover { background-color: rgba(0,0,0,.3); } } & > div { display: flex; flex-wrap: wrap; gap: 1rem; & * { box-sizing: border-box; } & > * { flex: 1; &:first-child { flex: 1; } } & .product_configurator_overview { & data-keyinfo { width: 100%; min-width: 100%; padding: .5rem!important; background-color: rgba(0,0,0,.1); text-align: center; } & * { font-style: normal; } & > * { display: block; line-height: 40px; background-color: rgba(0,0,0,.05)!important; position: relative!important; padding-left: 120px!important; min-height: 120px; border: none!important; &:not(.show_price) { & data-keyprice { display: none!important; } } & + * { margin-top: 1rem!important; } & > data-keypreview { position: absolute; top: 1rem; left: 1rem; width: 90px; min-height: 85px!important; & > * { background-size: contain; background-position: center center; background-repeat: no-repeat; display: block; width: 90px; height: 85px; } & > *.dummy { &:before { content: \f013; font-family: FontAwesome; color: #000; font-style: normal; display: block; text-align: center; height: 85px; line-height: 85px; font-size: 4rem; color: rgba(0,0,0,.2); } } } & > :first-child { display: block; font-weight: bold; height: 40px; line-height: 40px; & + * { & > span { display: block; line-height: 1rem!important; min-height: 0; font-weight: bold; margin-bottom: 1rem; } & > data-id { line-height: 1rem!important; min-height: 51px; padding-top: 10px; display: flex; flex-wrap: wrap; gap: 1rem; background-color: rgba(0,0,0,.05); padding: .5rem; & > span:first-child { min-width: 400px; overflow: hidden; } & > * { display: block; flex: 1; flex-basis: 100px; & + * { max-width: 200px; } &data-keyprice { text-align: right; height: 40px; line-height: 40px; padding: 0 1rem; font-size: 1rem; font-weight: bold; font-family: monospace; border-bottom: 2px solid rgba(0,0,0,.2); } } & + * { border-top: 2px solid rgba(0,0,0,.1); margin-top: 10px; padding-top: 10px; } & > input { height: 40px; line-height: 40px; border: none!important; background-color: rgba(0,0,0,.1); text-align: center; max-width: 100px!important; &:focus { background-color: rgba(255, 255, 200, 1); } } } & i { font-size: .8rem; white-space: nowrap; } } } } & data-actionremove { margin: 0!important; width: 40px; max-width: 40px!important; background-color: rgba(0,0,0,.2)!important; color: #444!important; &:hover { color: #FFF!important; } &:before { content: \f00d; font-family: FontAwesome; font-size: 20px; cursor: pointer; } } } } } & .cs_alert_submit_btn_default { display: none!important; } & .cs_payment_summary { display: none; } &.product_configurator_payment_init { min-width: auto!important; max-width: 700px!important; & data-keysummary { display: none; } & #cs_product_configurator_btn_pay_now { max-height: 55px; } } & .cs_payment_summary { display: block; margin-bottom: 1rem; font-family: Monospace; font-size: .8rem; & > table { table-layout: fixed; width: 100%; & tr { background-color: rgba(0,0,0,.1); &:nth-child(2n) { background-color: rgba(0,0,0,.15); } & > td { padding: 0 10px; line-height: 1.5rem; text-align: right!important; width: auto; &:first-child { text-align: left!important; width: 45%; } &data-keyquantity { &:before { content: x; } } } } & tfoot { font-weight: bold; & td { border-top: 2px solid rgba(0,0,0,.2); } } } } & data-keysummary { & > * { display: block; margin-bottom: 1rem; } } &.product_configurator_payment_init { & data-keysummary { & > * { margin-top: 0; } } } } @media only screen and (max-width: 1200px) { .cs_product_configurator_overlay { min-width: 100%; min-height: 100%; max-height: 100vh; .myAlert-buttons { top: 0; } & .myAlert-prompt { min-height: 100%!important; & data-keyadd_data_form { margin-top: 1rem!important; padding-top: 1rem!important; & > * { flex: 1; flex-basis: 800px; } } & > div { display: block; & .product_configurator_overview { & data-keyinfo { padding: 0 1rem!important; text-align: center; pointer-events: none; } & > * { padding-left: 1rem; & + * { margin-top: 1rem; } } & data-keypreview { display: none; } & data-keyproperties { font-size: .7rem; } } } } } } .product_configurator_show_on_data:not(.csForceShow) { display: none!important; } .product_configurator_payment_init { & #cs_product_configurator_btn_pay_now { height: auto; font-size: 0; background-color: transparent!important; } & data-actionupdate, & .product_configurator_overview, & data-keyadd_data_form { display: none!important; } } .loadModuledata-keyproducts data-iddata-valid0 { display: none!important; } .cs_product_special_2 { background-color: var(--default_color_blue_1); border-radius: 15px; padding: 20px; color: #fff; } .cs_product_special_2 > div:first-child { overflow: hidden; } .cs_product_special_2 > div:first-child > span { float: left; } .cs_product_special_2 span > i { display: block; width:120px !important; height: 120px !important; border-radius: 50%; background-size: cover; background-position: center center; } .cs_product_special_2 > div:first-child > div { float: left; width: calc(90% - 140px); margin-left: 20px; border-bottom: 2px dotted #fff; padding: 40px 0px 10px; } .cs_product_special_2 > div:first-child > div:before { content: ; position: absolute; width: 60px; height: 60px; right: 4px; top:4px; border-radius: 0px 11px; background-color: #fff; background-image: url(data:image/svg+xml,%3Csvg version1.1 id_24x24_On_Light_Party xmlnshttp://www.w3.org/2000/svg xmlns:xlinkhttp://www.w3.org/1999/xlink x0px y0px viewBox0 0 800 800 styleenable-background:new 0 0 800 800; xml:spacepreserve%3E%3Cstyle typetext/css%3E .st0%7Bfill:none;%7D .st1%7Bfill:%23005297;%7D .st2%7Bfill:%2303A5D1;%7D .st3%7Bfill:%2300BBA2;%7D .st4%7Bfill:%23FF6783;%7D .st5%7Bfill:%23FFA458;%7D .st6%7Bfill:%23C75FFF;%7D%0A%3C/style%3E%3Crect idview-box classst0 width800 height800/%3E%3Cpath idShape classst1 dM145.8,654.2c-42.9-42.6-50.5-109.3-18.3-160.5L319,187.3c7.4-11.7,22.8-15.2,34.5-7.8 c1.5,1,3,2.1,4.3,3.4l259.4,259.3c9.8,9.7,9.8,25.5,0.1,35.3c-1.3,1.4-2.8,2.5-4.5,3.6L306.3,672.5 C255.1,704.5,188.5,696.9,145.8,654.2L145.8,654.2z M169.9,520.2c-23.5,37.3-12.3,86.5,25,110c26,16.3,59,16.3,85,0l29.7-18.6 L188.5,490.5L169.9,520.2z M353,584.3l79.6-49.7L265.4,367.4L215.7,447L353,584.3z M476.1,507.4l83.5-52.2L344.8,240.4l-52.2,83.5 L476.1,507.4z/%3E%3Cpath idShape-2 classst2 dM549,186.7V73.3c0-13.8-11.2-25-25-25c-13.8,0-25,11.2-25,25v113.3c0,13.8,11.2,25,25,25 C537.8,211.7,549,200.5,549,186.7z/%3E%3Cpath idShape-3 classst3 dM615.7,328.8l88.7-57.9c11.5-7.6,14.7-23.1,7.1-34.6c-7.6-11.4-22.9-14.7-34.4-7.2l-88.7,57.8 c-11.6,7.5-14.9,23-7.5,34.6c7.5,11.6,23,14.9,34.6,7.5C615.6,328.9,615.7,328.8,615.7,328.8L615.7,328.8z/%3E%3Cpath idShape-4 classst4 dM641.7,196.8l27.6-27.6c9.4-10.1,8.9-25.9-1.2-35.3c-9.6-8.9-24.5-8.9-34.1,0l-27.6,27.6 c-9.4,10.1-8.9,25.9,1.2,35.3C617.2,205.8,632.1,205.8,641.7,196.8z/%3E%3Cpath idShape-5 classst5 dM657.4,404.2h7.2c13.8,0,25-11.2,25-25c0-13.8-11.2-25-25-25h-7.2c-13.8,0-25,11.2-25,25 C632.4,393,643.6,404.2,657.4,404.2z/%3E%3Cpath idShape-6 classst6 dM524,304.2h7.2c13.8,0,25-11.2,25-25s-11.2-25-25-25H524c-13.8,0-25,11.2-25,25 S510.2,304.2,524,304.2z/%3E%3Cpath idShape-7 classst5 dM447,135.9l-14.7-34.2c-5.2-12.8-19.8-19-32.6-13.8s-19,19.8-13.8,32.6c0.1,0.3,0.3,0.7,0.4,1 l14.6,34.2c5.2,12.8,19.8,19,32.6,13.8c12.8-5.2,19-19.8,13.8-32.6c-0.1-0.3-0.3-0.7-0.4-1L447,135.9z/%3E%3C/svg%3E); background-repeat: no-repeat no-repeat; background-position: center center; background-size: cover; } .cs_product_special_2 > div:first-child > div > div { float: left; width: auto; } .cs_product_special_2 > div:first-child > div data-keytitle > i { font-size: 1.55rem; font-weight: bold; line-height: 2rem; margin-right: 10px; } .cs_product_special_2 > div:first-child > div data-keyage > i { font-size: 1.2rem; line-height: 2.2rem; } .cs_product_special_2 data-keyfeedback { margin-top: 15px; } .cs_product_special_2 data-keyfeedback > span { display: block; } .cs_product_special_2 data-keyowner { font-weight: bold; margin-top: 20px; } .cs_default_input_rowdata-keydefault_breed + .cs_default_input_rowdata-keydefault_breed_info { display: none; } .cs_default_input_rowdata-keydefault_breeddata-valuedefault + .cs_default_input_rowdata-keydefault_breed_info { display: block; } .leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { position: absolute; left: 0; top: 0; } .leaflet-container { overflow: hidden; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; } .leaflet-tile::selection { background: transparent; } .leaflet-safari .leaflet-tile { image-rendering: -webkit-optimize-contrast; } .leaflet-safari .leaflet-tile-container { width: 1600px; height: 1600px; -webkit-transform-origin: 0 0; } .leaflet-marker-icon, .leaflet-marker-shadow { display: block; } .leaflet-container .leaflet-overlay-pane svg, .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile { max-width: none !important; max-height: none !important; } .leaflet-container .leaflet-shadow-pane img { display: none!important; } .leaflet-container.leaflet-touch-zoom { -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; } .leaflet-container.leaflet-touch-drag { -ms-touch-action: pinch-zoom; touch-action: none; touch-action: pinch-zoom; } .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { -ms-touch-action: none; touch-action: none; } .leaflet-container { -webkit-tap-highlight-color: transparent; } .leaflet-container a { -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); } .leaflet-tile { filter: inherit; visibility: hidden; } .leaflet-tile-loaded { visibility: inherit; } .leaflet-zoom-box { width: 0; height: 0; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 800; } .leaflet-overlay-pane svg { -moz-user-select: none; } .leaflet-pane { z-index: 400; } .leaflet-tile-pane { z-index: 200; } .leaflet-overlay-pane { z-index: 400; } .leaflet-shadow-pane { z-index: 500; } .leaflet-marker-pane { z-index: 600; } .leaflet-tooltip-pane { z-index: 650; } .leaflet-popup-pane { z-index: 700; } .leaflet-map-pane canvas { z-index: 100; } .leaflet-map-pane svg { z-index: 200; } .leaflet-vml-shape { width: 1px; height: 1px; } .lvml { behavior: url(#default#VML); display: inline-block; position: absolute; } .leaflet-control { position: relative; z-index: 800; pointer-events: visiblePainted; pointer-events: auto; } .leaflet-top, .leaflet-bottom { position: absolute; z-index: 1000; pointer-events: none; } .leaflet-top { top: 0; } .leaflet-right { right: 0; } .leaflet-bottom { bottom: 0; } .leaflet-left { left: 0; } .leaflet-control { float: left; clear: both; } .leaflet-right .leaflet-control { float: right; } .leaflet-top .leaflet-control { margin-top: 10px; } .leaflet-bottom .leaflet-control { margin-bottom: 10px; } .leaflet-left .leaflet-control { margin-left: 10px; } .leaflet-right .leaflet-control { margin-right: 10px; } .leaflet-fade-anim .leaflet-tile { will-change: opacity; } .leaflet-fade-anim .leaflet-popup { opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; } .leaflet-zoom-animated { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .leaflet-zoom-anim .leaflet-zoom-animated { will-change: transform; } .leaflet-zoom-anim .leaflet-zoom-animated { -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1); -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1); transition: transform 0.25s cubic-bezier(0,0,0.25,1); } .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { -webkit-transition: none; -moz-transition: none; transition: none; } .leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; } .leaflet-interactive { cursor: pointer; } .leaflet-grab { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { cursor: crosshair; } .leaflet-popup-pane, .leaflet-control { cursor: auto; } .leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container { pointer-events: none; } .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path { pointer-events: visiblePainted; pointer-events: auto; } .leaflet-container { background: #ddd; outline: 0; } .leaflet-container a { color: #0078A8; } .leaflet-container a.leaflet-active { outline: 2px solid orange; } .leaflet-zoom-box { border: 2px dotted #38f; background: rgba(255,255,255,0.5); } .leaflet-container { font: 12px/1.5 Helvetica Neue, Arial, Helvetica, sans-serif; } .leaflet-bar { box-shadow: 0 1px 5px rgba(0,0,0,0.65); border-radius: 4px; } .leaflet-bar a, .leaflet-bar a:hover { background-color: #fff; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black; } .leaflet-bar a, .leaflet-control-layers-toggle { background-position: 50% 50%; background-repeat: no-repeat; display: block; } .leaflet-bar a:hover { background-color: #f4f4f4; } .leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .leaflet-bar a:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; } .leaflet-bar a.leaflet-disabled { cursor: default; background-color: #f4f4f4; color: #bbb; } .leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px; } .leaflet-touch .leaflet-bar a:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } .leaflet-touch .leaflet-bar a:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .leaflet-control-zoom-in, .leaflet-control-zoom-out { font: bold 18px Lucida Console, Monaco, monospace; text-indent: 1px; } .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { font-size: 22px; } .leaflet-control-layers { box-shadow: 0 1px 5px rgba(0,0,0,0.4); background: #fff; border-radius: 5px; } .leaflet-control-layers-toggle { width: 36px; height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; } .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; } .leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: #333; background: #fff; } .leaflet-control-layers-scrollbar { overflow-y: scroll; overflow-x: hidden; padding-right: 5px; } .leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; } .leaflet-control-layers label { display: block; } .leaflet-control-layers-separator { height: 0; border-top: 1px solid #ddd; margin: 5px -10px 5px -6px; } .leaflet-default-icon-path { background-image: url(https://osscs.industrystock.cn/assets/images/marker-icon.png); } .leaflet-container .leaflet-control-attribution { background: #fff; background: rgba(255, 255, 255, 0.7); margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { padding: 0 5px; color: #333; } .leaflet-control-attribution a { text-decoration: none; } .leaflet-control-attribution a:hover { text-decoration: underline; } .leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale { font-size: 11px; } .leaflet-left .leaflet-control-scale { margin-left: 5px; } .leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; } .leaflet-control-scale-line { border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; font-size: 11px; white-space: nowrap; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; background: rgba(255, 255, 255, 0.5); } .leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777; } .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { box-shadow: none; } .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { border: 2px solid rgba(0,0,0,0.2); background-clip: padding-box; } .leaflet-popup { position: absolute; text-align: center; margin-bottom: 20px; } .leaflet-popup-content-wrapper { padding: 1px; text-align: left; border-radius: 12px; } .leaflet-popup-content { margin: 13px 19px; line-height: 1.4; } .leaflet-popup-content p { margin: 18px 0; } .leaflet-popup-tip-container { width: 40px; height: 20px; position: absolute; left: 50%; margin-left: -20px; overflow: hidden; pointer-events: none; } .leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .leaflet-popup-content-wrapper, .leaflet-popup-tip { background: white; color: #333; box-shadow: 0 3px 14px rgba(0,0,0,0.4); } .leaflet-container a.leaflet-popup-close-button { position: absolute; top: 0; right: 0; padding: 4px 4px 0 0; border: none; text-align: center; width: 18px; height: 14px; font: 16px/14px Tahoma, Verdana, sans-serif; color: #c3c3c3; text-decoration: none; font-weight: bold; background: transparent; } .leaflet-container a.leaflet-popup-close-button:hover { color: #999; } .leaflet-popup-scrolled { overflow: auto; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; } .leaflet-oldie .leaflet-popup-content-wrapper { -ms-zoom: 1; } .leaflet-oldie .leaflet-popup-tip { width: 24px; margin: 0 auto; -ms-filter: progid:DXImageTransform.Microsoft.Matrix(M110.70710678, M120.70710678, M21-0.70710678, M220.70710678); filter: progid:DXImageTransform.Microsoft.Matrix(M110.70710678, M120.70710678, M21-0.70710678, M220.70710678); } .leaflet-oldie .leaflet-popup-tip-container { margin-top: -1px; } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { border: 1px solid #999; } .leaflet-div-icon { background: #fff; border: 1px solid #666; } .leaflet-tooltip { position: absolute; padding: 6px; background-color: #fff; border: 1px solid #fff; border-radius: 3px; color: #222; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; box-shadow: 0 1px 3px rgba(0,0,0,0.4); } .leaflet-tooltip.leaflet-clickable { cursor: pointer; pointer-events: auto; } .leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: ; } .leaflet-tooltip-bottom { margin-top: 6px; } .leaflet-tooltip-top { margin-top: -6px; } .leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before { left: 50%; margin-left: -6px; } .leaflet-tooltip-top:before { bottom: 0; margin-bottom: -12px; border-top-color: #fff; } .leaflet-tooltip-bottom:before { top: 0; margin-top: -12px; margin-left: -6px; border-bottom-color: #fff; } .leaflet-tooltip-left { margin-left: -6px; } .leaflet-tooltip-right { margin-left: 6px; } .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { top: 50%; margin-top: -6px; } .leaflet-tooltip-left:before { right: 0; margin-right: -12px; border-left-color: #fff; } .leaflet-tooltip-right:before { left: 0; margin-left: -12px; border-right-color: #fff; } .cs_location_overview_custom_marker_role_41 { filter: grayscale(1); cursor: default; opacity: 0.7!important; } .loadModuledata-keylocation_detail {} .loadModuledata-keylocation_detail .cs_select_wrapper + div { margin-top: 1rem; gap: 1rem; display: flex; flex-wrap: wrap; } .loadModuledata-keylocation_detail .cs_select_wrapper + div > * { flex: 1; flex-grow: 1; flex-shrink: 1; flex-basis: 250px; } .loadModuledata-keylocation_detail .cs_select_wrapper + div > * .cs_btn { margin-top: 1rem; font-size: 1rem!important; font-weight: bold; text-decoration: none; } .loadModuledata-keylocation_detail .cs_select_wrapper + div > div:first-child { background-color: var(--default_color_gray_1); padding: 1rem; border-radius: 25px; } .loadModuledata-keylocation_detail .cs_select_wrapper + div > div:first-child > .cs_user_detail_pp { height: 300px; background-size: contain; background-position: center center; background-repeat: no-repeat; display: block; margin-bottom: 0.5rem; } .loadModuledata-keylocation_detail .cs_select_wrapper + div > div:first-child + div { padding: 0 1rem; } .loadModuledata-keylocation_detail .cs_select_wrapper + div > div:first-child + div > span:first-child > *:first-child { margin-top: 0px; } .loadModuledata-keylocation_detail .cs_select_wrapper + div > div:first-child + div > span > *:first-child { display: block; font-weight: bold; color: var(--default_color_blue_1); font-size: 1.1rem; margin-top: 15px; } .loadModuledata-keylocation_detail .cs_select_wrapper + div > div:first-child + div > * { font-size: 0.8rem; } .elem-location_detail div > .cs_user_detail_name { font-weight: bold; font-size: 1.1rem; color: var(--default_color_blue_1); } .loadModuledata-keylocation_detail { & data-keyusers { display: grid!important; grid-template-columns: repeat(auto-fill, minmax(45%, 1fr)); gap: 50px 40px; font-size: 0.8rem; margin-top: 1.5rem; & { flex-basis: 1000px!important; display: block!important; & > i { display: block; width: 100%; font-size: 1.2rem; color: #777; margin-bottom: 1rem; & + div { display: block; display: grid; grid-template-columns: repeat(auto-fill, minmax(45%, 1fr)); gap: 1rem; } } } & + data-keyusers { border-top: 2px solid var(--default_color_blue_1); padding-top: 1rem; margin-top: 0; } } & data-keyusers > * {} & data-keyusers > * > i { display: block; } & idata-kpp { width: 100px; height: 100px; display: block; background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 50%; float: right; } & idata-kname { display: block; font-weight: bold; font-size: 1rem; color: var(--default_color_blue_1); } & idata-kcompany { display: block; margin-bottom: .5rem; color: var(--default_color_blue_1); } & data-kdesc { display: block; margin-bottom: .5rem; } & idata-kroles { display: block; } & idata-ksocial { margin-top: 10px; display: flex; gap: 1rem; } & .cs_btn_socialdata-key { display: block; width: 35px; height: 35px; background-position: center center; background-size: contain; background-repeat: no-repeat; } & idata-kcontact { margin-top: 10px; & > * { display: block; margin-top: 2px; } } } .loadModuledata-keysupport { position: relative; } .loadModuledata-keysupport > div { padding: 2rem 60px; background-color: var(--default_color_gray_1); -webkit-border-radius: 20px 0 0 20px; border-radius: 0 20px 20px 0; } .loadModuledata-keysupport > div > div:first-child { display: flex; gap: 1rem; flex-wrap: wrap; } .loadModuledata-keysupport > div > div:first-child > * { flex-grow: 1; flex-shrink: 0; flex-basis: 200px; } .loadModuledata-keysupport .cs_btn { width: fit-content; font-weight: bold; text-align: left; padding: 0px 50px; } .loadModuledata-keysupport .cs_btn:hover { background-color: var(--default_color_blue_1); filter: brightness(1.25); } .loadModuledata-keysupport .cs_support_ticket_container > span { display: block; line-height: 40px; font-size: 1.3rem; font-weight: normal; text-align: left; text-transform: uppercase; padding-bottom: 0.7rem; } .loadModuledata-keysupport .cs_support_ticket_container { margin-top: 2rem; } .loadModuledata-keysupport .cs_support_ticket_table { font-size: 0.8rem; } .loadModuledata-keysupport .cs_support_ticket_table > * { display: flex; gap: 1rem; flex-wrap: wrap; padding: 1rem 0; } .loadModuledata-keysupport .cs_support_ticket_table > * > * { flex-grow: 1; flex-shrink: 1; flex-basis: 200px; } .loadModuledata-keysupport .cs_support_ticket_table > *:hover { background-color: rgba(0,0,0,0.05); } .loadModuledata-keysupport .cs_support_ticket_table > * { cursor: pointer; } .loadModuledata-keysupport .cs_support_ticket_table i { display: block; } .loadModuledata-keysupport .cs_support_ticket_table > * + * { border-top: 2px dotted rgba(0,0,0,0.3); } .loadModuledata-keysupport .cs_support_ticket_table data-keycomments > span { display: block; } .loadModuledata-keysupport .cs_support_ticket_table data-keycomments > span + span { margin-top: 5px; } .loadModuledata-keysupport .cs_support_ticket_table data-keycomments > span > i { display: block; } .loadModuledata-keysupport i > i:first-child, .loadModuledata-keysupport i > span > i:first-child { font-weight: bold; opacity: 1; color: var(--default_color_blue_1); } .cs_support_ticket_empty_dummy { margin-top: 1rem; } .huffys_stripe_inner_support { background-color: var(--default_color_gray_1); } .huffys_stripe_inner_support .loadModuledata-keysupport > div { padding: 0!important; background-color: transparent; -webkit-border-radius: 0; border-radius: 0; } .cs_support_ticket_overlay .myAlert-prompt > i:first-child { margin-bottom: 1rem; display: block; } @media only screen and (max-width: 535px) { .loadModuledata-keysupport > div { padding: 2rem 20px; } } .loadModuledata-keyfilter { &data-typeproduct { margin-bottom: 1rem; & > div { display: flex; flex-wrap: wrap; gap: 1rem; & > * { flex: 1; min-width: 300px; & name { padding: 0 .5rem; height: 40px; line-height: 40px; outline: none!important; border: none!important; background-color: rgb(211, 222, 232); } &data-kquery { position: relative; & > input { padding-right: 40px!important; } &:before { font-family: FontAwesome !important; content: \f002; position: absolute; width: 40px; height: 40px; line-height: 40px; position: absolute; top: 0; right: 0; text-align: center; pointer-events: none; background-color: rgba(0,0,0,.1); } } } } } } #cookieInfoOverlay {} #cookieInfoOverlay > div { max-height: 75vh; overflow-y: auto; } #cookieInfoOverlay.visible { max-height: none!important; } #cookieInfoOverlay .cookieActionWrapper { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 10px; } #cookieInfoOverlay .cookieActionWrapper > * { flex: 1; flex-basis: 200px; margin: 0!important; } #cookieInfoOverlay .cookieActionWrapper > *.cookieBtn.cookieConsentExtBtn { padding: 0 10px!important; padding-left: 10px!important; background-color: #DDD!important; color: #000!important; opacity: 1; } #cookieInfoOverlay .cookieConsentOptions { padding: 1rem; background-color: rgba(255,255,255,.5); margin-top: 1rem; display: flex; flex-wrap: wrap; gap: .5rem; } #cookieInfoOverlay .cookieConsentOptions > * { flex-basis: 100%; } #cookieInfoOverlay .cookieConsentOptions > label { font-size: 0.8rem; } #cookieInfoOverlay .cookieConsentOptions > label > span > b { font-size: 1rem; display: block; } #cookieInfoOverlay .cookieInfoOverlayHeader { display: none; padding-right: 150px; position: relative; min-height: 30px; line-height: 30px; margin-bottom: 1rem; border-bottom: 2px solid rgba(255,255,255,.5); } #cookieInfoOverlay .cookieInfoOverlayHeader > * {} #cookieInfoOverlay .cookieInfoOverlayHeader > *.csCookieLangNav { display: none; width: 150px; position: absolute; top: 0; right: 0; min-height: 30px; } #cookieInfoOverlay .cookieInfoOverlayHeader > *.csCookieLangNav > span { display: block!important; text-align: right; cursor: pointer; } #cookieInfoOverlay .cookieInfoOverlayHeader > *.csCookieLangNav > span + div { display: none; } #cookieInfoOverlay .cookieInfoOverlayHeader > *.csCookieLangNav > span + div { background-color: rgba(0,0,0,.8)!important; } #cookieInfoOverlay .cookieInfoOverlayHeader > *.csCookieLangNav > span:hover {} #cookieInfoOverlay .cookieInfoOverlayHeader > *.csCookieLangNav > span:hover + div { padding: .5rem; display: block; position: absolute; width: 200px!important; top: 30px; right: 0; width: 100%; display: flex; gap: .5rem; flex-wrap: wrap; } #cookieInfoOverlay .cookieInfoOverlayHeader > *.csCookieLangNav > span:hover + div > * { flex: 1; width: 30px; min-width: 30px; max-width: 30px; height: 30px; margin: 0!important; overflow: hidden; } #cookieInfoOverlay .cookieInfoOverlayHeader > *.csCookieLangNav > span:hover + div > * a { -webkit-border-radius: 50px; border-radius: 50px; background-size: cover; display: block; width: 30px; height: 30px; } #cookieInfoOverlay .cookieInfoOverlayHeader > *.csCookieLangNav > span:hover {} #cookieInfoOverlay .cookieInfoOverlayHeader > *.csCookieLangNav > span:hover > span {} #cookieInfoOverlay .cookieInfoOverlayHeader > *.csCookieLangNav > span:hover > span + div { background-color: rgba(0,0,0,0.2); padding: .5rem; display: block; position: absolute; width: 200px!important; top: 30px; right: 0; width: 100%; display: flex; gap: .5rem; flex-wrap: wrap; } #cookieInfoOverlay .cookieInfoOverlayHeader > *.csCookieLangNav > span:hover > spa + div > * { flex: 1; width: 30px; min-width: 30px; max-width: 30px; height: 30px; margin: 0!important; overflow: hidden; } #cookieInfoOverlay .cookieInfoOverlayHeader > *.csCookieLangNav > span:hover > spa + div > * a { -webkit-border-radius: 50px; border-radius: 50px; background-size: cover; display: block; width: 30px; height: 30px; } #cookieInfoOverlay .cookieInfoOverlayHeader .cookieInfoOverlayHeadline { display: block; } #cookieInfoOverlay .cookieInfoOverlayHasHeadline {} #cookieInfoOverlay .cookieInfoOverlayHasHeadline .cookieInfoOverlayHeader { display: block; } body.cs_has_cookie_overlay { overflow: hidden!important; } body.cs_has_cookie_overlay #wrapper { pointer-events: none; } body.cs_cookie_force_display_2 #cookieInfoOverlay { top: 0; } body.cs_cookie_force_display_2 #cookieInfoOverlay .csCookieLangNav, body.cs_cookie_force_display_2 #cookieInfoOverlay .cookieInfoOverlayHeader { display: block!important; } body.cs_cookie_force_display_2 #cookieInfoOverlay > div { background-color: rgba(0, 0, 0, .9); padding: 1rem!important; padding-top: .5rem!important; outline: 1px solid black; width: 30vw!important; min-width: 300px!important; max-width: 90%!important; top: 50%; transform: translate(0, -50%); } .loadModuledata-keynewsletter { margin-bottom: 4rem; & iframe { padding: 0; width: 100%; min-height: 150vh; overflow-y: auto; -webkit-border-radius: 0; border-radius: 0; } & > * { padding: 1.5rem 2rem; background-color: var(--default_color_gray_1); -webkit-border-radius: 20px; border-radius: 20px; & > i:first-child { margin-bottom: 2rem; display: block; color: var(--default_color_blue_1); font-weight: bold; & + div > div + div { margin-top: 0.5rem; } & + div .btn { margin-top: 2rem; } } } } .myAlertModuleWrapper_voucher_admin, .myAlertModuleWrapper_newsletter_admin { transform: none; inset: 0; margin: auto; & data-actionsubmit { display: none!important; } } .loadModuleOverlaydata-keynewsletter_admin { display: none!important; } .loadModuledata-keyuser_admin { & .loadModuleOverlaydata-keynewsletter_admin { display: block!important; } } .myAlertModuleWrapper_newsletter_admin { min-width: 90vw; & .cs_default_action_row { & > label + div { display: flex; flex-wrap: wrap; & > * { flex: 10; &.actions { display: flex; flex: 2; & > * { flex: 1; display: block; cursor: pointer; line-height: 40px; text-align: center; background-color: rgba(0,0,0,.1); &:nth-child(2n) { background-color: rgba(0,0,0,.2) } &:hover { background-color: rgba(0,0,0,.3) } } } } } } & data-panelimports { padding: 0!important; & > * { position: relative; min-height: 30px; padding: 5px 130px 5px 10px; &:after { content: attr(data-comment); display: block; font-size: 0.8rem; font-style: normal; } & .actions { position: absolute; top: 0; right: 0; width: 120px; display: flex; flex-wrap: wrap; & > * { display: block; flex: 1; width: 30px; height: 30px; line-height: 30px; text-align: center; background-color: rgba(0,0,0,.1); cursor: pointer; text-decoration: none; &:nth-child(2n) { background-color: rgba(0,0,0,.2); } } } & + * { border-top: 1px solid rgba(0,0,0,.1); } } } & select { & optgroup { font-style: normal; color: #999; & option { color: #000; } } } & inputname, & selectname, & textareaname { background-color: #EEE!important; padding: 0 10px!important; } & .cs_default_input_row > textareaname { padding: 10px!important; min-height: 100px; } & .cs_btn { background-color: #EEE!important; padding: 0 10px!important; } & .cs_select_wrapper::before { background-color: #EEE; } &.myAlert.myAlertModuleWrapper:not(.loadingOverlay) { background-color: var(--white); -webkit-box-shadow: 0 0 2000px 2000px rgba(0,0,0,0.3), 8px 10px 10px rgba(0, 0, 0, 0.4) !important; box-shadow: 0 0 2000px 2000px rgba(0,0,0,0.3), 8px 10px 10px rgba(0, 0, 0, 0.4) !important; } &.myAlert.myAlertModuleWrapper .myAlert-buttons { right: 0!important; } &.myAlert.myAlertModuleWrapper:not(.loadingOverlay) .myAlert-prompt { padding: 2.5rem!important; color: var(--black); } &.myAlert.myAlertModuleWrapper .myAlert-message { text-align: left; background-color: #FFF; color: rgba(0,0,0,.8)!important; padding: 1rem 2.5rem!important; font-size: 1.2rem; font-weight: bold; position: relative; z-index: 10; border-bottom: 2px solid rgba(0,0,0,.1)!important; } &.myAlert.myAlertModuleWrapper .myAlert-message + .myAlert-prompt { padding-top: 0!important; } &.myAlert.myAlertModuleWrapper .myAlert-ok { display: none!important; } &.myAlert.myAlertModuleWrapper .myAlert-cancel { background: var(--white); position: absolute; color: #666; right: 0; top: 0; z-index: 11; width: 40px; height: 40px; } &.myAlert.myAlertModuleWrapper .myAlert-prompt spandata-keycomment { display: block; line-height: 1.3rem; } &.myAlert.myAlertModuleWrapper .myAlert-prompt spandata-keycomment + data-keycomment { margin-top: 10px; } &.myAlert .myAlert-prompt textarea { margin: 0; margin-top: 1rem; } & .csRedactorWrapper { position: relative; padding-top: 30px; & .csRedactorHeader { position: absolute; top: 0; left: 0; right: 0; display: flex; flex-wrap: wrap; gap: .5rem; & > * { flex: 1; height: 30px; line-height: 30px; border-radius: 0; border: 0; font-size: 1rem; cursor: pointer; } } & contenteditable, & name { min-height: 300px!important; & i { font-style: italic!important; } & b { font-weight: bold!important; } &contenteditable { padding: 10px; background-color: #FFF; } &name { display: none; } } &.csRedactorShowCode { & .csRedactorHeader .csRedactorBtndata-key, & contenteditable { display: none!important; &data-keycode { display: block!important; } } & textarea { display: block!important; font-family: Courier!important; font-size: .8rem; border: none; background-color: #333!important; color: #FFF!important; padding: .5rem 1rem!important; margin-top: 0!important; } } } & .iconSpan { position: relative; font-family: inherit!important; padding-left: 1.5rem; &:before { font-family: FontAwesome; position: absolute; top: 0; left: 0; text-align: left; width: 1.5rem; } &, &:before, & * { line-height: 30px!important; height: 30px!important; min-height: 30px!important; } } & data-panelstatistics { padding: 0!important; & table { font-size: .8rem; table-layout: fixed; width: 100%; & td { line-height: 1.4rem; padding: 0 10px; & + td { text-align: right; } } & tr:nth-child(2n) > td { background-color: rgba(0,0,0,.1); } } } & name { color: #333!important; } & i { font-style: normal!important; } & .newsletterAdminGrid { display: flex; flex-wrap: wrap; gap: 1rem; & > :first-child { flex: 5; flex-basis: 400px; & + * { flex: 2; flex-basis: 400px; } } } & .cs_default_input_row { padding-bottom: 0 !important; } & select, & inputtypetext { font-weight: normal; padding: 0 10px; } & textareaname { margin-top: 0!important; } overflow: visible!important; & .myAlert-message { background-color: transparent!important; } & .btndata-action { display: block; border-radius: 0!important; color: #000; background-color: rgba(0,0,0,.2)!important; } & .newsletterAdminMainAction { position: absolute!important; top: 40px; left: -40px; z-index: 100; width: 40px; height: 40px; background-color: #66AA66!important; color: #FFF; text-align: center; cursor: pointer; opacity: .5; &:before { content: \f067; font-family: FontAwesome; color: #FFF; font-size: 25px; line-height: 40px; } &:hover { opacity: 1; &:after { content: attr(title); position: absolute; top: 0; right: auto; left: 40px!important; height: auto!important; min-height: 30px; width: auto; max-width: 50vw; z-index: 20; background-color: inherit; font-size: 0.8rem; text-align: left; padding: 5px 10px; font-weight: normal; -webkit-box-shadow: 10px 0 5px 0 rgba(0,0,0,.1); box-shadow: 10px 0 5px 0 rgba(0,0,0,.1); } } } & data-actionsaveData { background-color: #AA6666!important; top: 90px; &:before { content: \f0c7; } } & data-actionsendTest { background-color: #AAAA66!important; top: 240px; &:before { content: \f1d8; } } & data-actionaddRecipient { background-color: #66AAAA!important; top: 190px; &:before { content: \f234; } } & data-actionimportNewsletterRecipients { background-color: #66AAAA!important; top: 290px; &:before { content: \f093; } } & data-actioncopy { background-color: #333!important; top: 340px; &:before { content: \f0c5; } } & data-actionaddItem { background-color: #6666AA!important; top: 140px; &:before { content: \f036; color: #CCC; } &:after { content: +; position: absolute; top: 3px; right: 3px; width: 20px; height: 20px; line-height: 20px; font-size: 25px; text-align: center; font-weight: bold; text-shadow: 0 0 5px #000000; } } & .newsletter_admin_editing { & data-paneloverview { & data-keyoverview { & > * { opacity: 0.5; } } } } & data-panel { margin-top: 2rem; padding: 1rem; background-color: #EFEFEF; &data-title { padding-top: 5rem!important; position: relative; &:before { content: attr(data-title); position: absolute; top: 0; left: 0; right: 0; height: 4rem; line-height: 4rem; padding: 0 1rem; text-align: center; font-size: 1.5rem; color: rgba(0,0,0,.3); background-color: rgba(0,0,0,.1); } } &data-paneloverview, &data-panelpreview { padding: 0!important; &data-panelpreview iframe { display: block; width: 100%; min-height: 200vh; } } &data-paneloverview { & data-keyoverview { & > * { color: #FFF; background-color: #666; &:nth-child(2n) { background-color: #333; } padding-right: 120px!important; position: relative; & > span:first-child { display: block; line-height: 1.3rem; padding: .6rem 0; } &.active { opacity: 1!important; & > span:first-child { font-weight: bold; } & data-actionedit { opacity: .2; pointer-events: none; } } &.done { background-color: #AAA; } &.sending { background-color: var(--default_color_green_2); } & .iconSpan { height: inherit; font-size: .8rem; line-height: inherit; } & .actions { position: absolute; top: 0; right: 0; width: 160px; display: flex; flex-direction: row-reverse; flex-wrap: wrap; & > * { max-width: 40px; height: 40px; line-height: 40px; flex: 1; cursor: pointer; text-align: center; &data-action:before { font-family: FontAwesome; } &data-actionactivate:before { content: \f0c8; } &data-actiondeactivate:before { content: \f14a; } &data-actionedit:before { content: \f040; } &data-actiondelete:before { content: \f1f8; } &data-actionpreview:before { content: \f002; } &data-actionget_style_overlay { filter: var(--color-filter-white); background-image: var(--icon-paint-roller); background-position: center center; background-repeat: no-repeat; } } } } } } &data-paneloverview, &data-panelrecipients { padding: 0; & data-keyoverview { max-height: 500px; overflow-y: auto; & > * { min-height: 35px; line-height: 40px; padding-right: 80px; position: relative; padding-left: 10px; & data-keymain { display: flex; gap: 1rem; } & data-keyinfo { margin-top: -1rem; font-size: 0.8rem; display: flex; gap: 1rem; min-height: inherit; line-height: inherit; } & + * { border-top: 1px solid rgba(0,0,0,.3); } & .actions { position: absolute; top: 0; right: 0; height: 40px; display: flex; flex-wrap: wrap; & > * { flex: 1; width: 40px; height: 40px; width: 40px; height: 40px; line-height: 40px; text-align: center; cursor: pointer; &:before { font-family: FontAwesome; } &data-actiondeleteRecipient:before { content: \f1f8; } } } } } } &data-panelrecipients { & data-keyoverview { & > * { &:before { content: \f252; font-family: FontAwesome; position: absolute; top: 0; right: 40px; width: 40px; height: 40px; line-height: 40px; text-align: center; } &data-done1 { &:before { content: \f00c; } opacity: 0.5; } & .actions { width: 40px; } } } } &data-panelitems { & data-keyoverview { & > * { padding: 1rem; background-color: rgba(0,0,0,.1); .cs_select_wrapper { & > select { color: #000; border-radius: 0; } } & name { min-height: 40px; line-height: 40px; background-color: #FFF; } & .myDropzone { display: block; background-size: contain; background-repeat: no-repeat; background-position: center center; } & + * { margin-top: 1rem; } &data-item_type1 { & .myDropzone, & nameitem_data_img { display: none; } & nameitem_data_href { margin-bottom: 0; } } &data-item_type2, &data-item_type3, &data-item_type4 { display: flex; flex-wrap: wrap; gap: 1rem; &data-item_type3 { flex-direction: row-reverse; } & > * { flex: 3; & + * { flex: 2; } } } &data-item_type4, &data-item_type7 { & nameitem_data_headline, & nameitem_data_content, & .csRedactorWrapper { display: none; } } &data-item_type5, &data-item_type6 { & nameitem_data_content, & .csRedactorWrapper, & .newsletterItemUploadColumn { display: none; } } &data-item_type6, &data-item_type7 { & nameitem_data_href { display: none; } } &data-item_type1, &data-item_type7 { & nameitem_data_style_override_img_min_height { display: none; } } } } & data-item_id { position: relative; padding-top: 3.5rem!important; padding-bottom: 3.5rem!important; & .csRedactorWrapper { margin-bottom: 10px; } & data-actionsortItems, & data-actiondeleteItem { position: absolute!important; height: 40px; display: block; text-align: center; line-height: 40px; cursor: pointer; font-size: 1.5rem; color: #666; opacity: 0.6; top: 0; right: 0; &:hover { opacity: 1; } &:before { font-family: Fontawesome; } &data-actionsortItems { z-index: 4; background-color: rgba(0,0,0,.2); left: 0; &:before { content: \f062; } &data-dir1 { top: auto; bottom: 0; &:before { content: \f063; } } } &data-actiondeleteItem { z-index: 5; position: absolute!important; width: 40px; &:before { content: \f1f8; } } } &:first-child { & data-dir-1 { pointer-events: none; opacity: .2; } } &:last-child { & data-dir1 { pointer-events: none; opacity: .2; } } } } } & .newsletterAdminWrapper { &:not(.newsletter_admin_editing) { & .newsletterAdminGrid { display: block; } & data-panel, & > div > data-action { display: none; &data-actionadd, &data-paneloverview { display: block; } } } &.newsletter_admin_readonly { & name, & .cs_select_wrapper { pointer-events: none; cursor: default; &:before { color: transparent!important; } } & > div > data-action, & > div > data-actionaddItem, & > div > data-actiondeleteItem, & > div > data-actionsaveItem, & .myDropzone:before { display: none; &data-actionadd, &data-actioncopy, &data-actionsendTest { display: block; } } & data-panelitems data-keyoverview { & data-item_id { padding-top: 1rem!important; padding-bottom: 1rem!important; } & data-actionsortItems, & data-actiondeleteItem { display: none!important; } & .csRedactorWrapper { pointer-events: none!important; padding-top: 0; & .csRedactorHeader { display: none; } } } & data-panelrecipients data-keyoverview { & data-action { display: none!important; } } } } & data-panelinfo { padding: 0!important; & > a { padding: 0 10px; height: 40px; line-height: 40px; display: block; background-color: rgba(var(--clr_main_1), 1); color: #FFF; text-align: center; text-decoration: none; opacity: .7; &:hover { opacity: 1; } } } & contenteditable { & table { table-layout: fixed; width: 100%; border-spacing: 5px; border-collapse: separate; & td { background-color: #EDEDED; padding: 3px 8px; font-size: 1rem; } } } } @media only screen and (max-width: 800px) { .myAlertModuleWrapper_newsletter_admin { padding-right: 0; padding-left: 50px; width: 100vw!important; max-width: 100vw!important; background-color: var(--white); border-radius: 0!important; -webkit-box-shadow: none!important; box-shadow: none!important; max-height: 100vh; &:before { content: ; position: absolute; top: 0; left: 0; width: 40px; height: 100vh; background-color: rgba(0,0,0,.1); } & .myAlert-message.myAlert-message.myAlert-message { padding-left: 1rem!important; } & .myAlert-prompt.myAlert-prompt.myAlert-prompt { padding: 0!important; color: var(--black); } & .newsletterAdminMainAction { left: 0; z-index: 100; } } } .newsletter_style_admin_wrapper { position: fixed; height: 80vh; width: 80vw; top: 50%; left: 50%; z-index: 100000!important; transform: translate(-50%, -50%); display: flex; flex-wrap: wrap; background-color: #666; color: #FFF; -webkit-box-shadow: 0 0 1000px 1000px rgba(0,0,0,.2)!important; box-shadow: 0 0 1000px 1000px rgba(0,0,0,.2)!important; &:before { content: ; position: fixed; background-color: rgba(0,0,0,.7); inset: -1000px; z-index: -1; } & > * { flex: 5; } & iframe { flex: 3; display: block; } & > div:first-child { overflow-y: scroll; height: 80vh; width: 80vw; display: flex; flex-wrap: wrap; gap: .5rem; & > * { flex: 1; min-height: 40px; min-width: 45%; background-color: #000; padding: 1rem; padding-top: .1rem; &:before { display: block; content: attr(data-label); font-size: 0.8rem; color: #BBB; line-height: 40px; } & input, & select { line-height: 40px; min-height: 40px; padding: 0; border: none!important; outline: none!important; } & inputtypenumber, & select { padding: .5rem; } &data-block_typevalue_unit, & data-block_typevalue_unit { & > span { display: flex; gap: 1em; & > * { flex: 1; } } } &data-block_typeborder { & > span { display: flex; gap: 1em; & > * { flex: 5; &data-keycolor { flex: 2; } } } } &data-block_typeimage { & .dropzone { cursor: pointer; background-size: cover!important; background-position: center center; display: block; position: relative; min-height: 150px; &:before { content: ; position: absolute; inset: 0; background-color: rgba(255,255,255,.1); z-index: 1; } &:after { content: \f093; font-family: FontAwesome; color: #FFF; opacity: .3; pointer-events: none; position: absolute; inset: 0; line-height: 150px; text-align: center; font-size: 50px; } } & img { display: block; max-height: 150px; max-width: 100%; margin: 0 auto; position: relative; z-index: 2; } } } } & .actions { position: absolute!important; top: 0; right: -40px; width: 40px; height: 80px; padding: 0; & > * { display: block; text-align: center; width: 40px!important; height: 40px!important; line-height: 40px!important; background-color: #000; font-style: normal; font-size: 20px; &data-action { &:before { font-family: FontAwesome !important; display: block; cursor: pointer; } } &data-actionsave { &:before { content: \f0c7; background-color: var(--green); } } &data-actionclose { &:before { content: \f00d; background-color: var(--red); } } } } } .companyColorAddOverlay { z-index: 200000!important; & .myAlert-prompt { background-color: #FFF; } & input { height: 40px; padding: 0; } } .companyColorAdmin { max-width: 40px; padding: 0 20px; & data-actionadd { width: 40px; height: 40px; color: #FFF; cursor: pointer; &:before { content: +; text-align: center; line-height: 40px; display: block; font-size: 30px; } } & data-hex { display: block; width: 40px; height: 40px; cursor: pointer; border: 2px solid #FFF; -webkit-border-radius: 50px; border-radius: 50px; box-sizing: border-box; margin-top: 5px; } } .myAlertModuleWrapper_newsletter_admin { & inputtypetext, & inputtypedate { background-color: #FFF!important; border: 1px solid rgba(0,0,0,.1)!important; } & .newsletter_smtp_input_block { margin-top: 1.5rem; margin-bottom: 1rem; background-color: rgba(0,0,0,.1); padding: 1rem; display: flex; flex-wrap: wrap; gap: 1rem; & > * { flex: 1; } } } .newsletter_smtp_input_block { padding-right: 100px!important; position: relative; & > * { flex-basis: 200px!important; } & > :last-child { position: absolute; top: 0; right: 0; width: 80px; height: 80px; cursor: pointer; background-color: rgba(0,0,0,.1); &:before { display: block; font-family: FontAwesome !important; text-align: center; line-height: 80px; font-size: 30px; } } &data-valid0 { & > :last-child { &:before { content: \f071; color: var(--red); } } } &data-valid1 { & > :last-child { &:before { content: \f00c; color: var(--greenDark); } } } &.checking { pointer-events: none; & > :last-child { &:before { content: \f021!important; color: var(--blue)!important; -webkit-animation: spin 4s infinite linear; } } } } .loadModuledata-keynewsletter_statistics { & table { table-layout: fixed; width: 100%; margin-top: 1rem; margin-bottom: 1rem; font-size: .7rem; font-family: monospace; & col:first-child { width: 300px!important; } & col:last-child { width: 30px!important; } & tr { & th { font-weight: bold; background-color: #EFEFEF; border: 1px solid #CCC; border-bottom: 1px solid #666!important; } & td, & th { padding: 5px 10px; min-height: 30px; box-sizing: border-box; } &:nth-child(2n) { & td { background-color: rgba(0,0,0,.05); } } & td { border: 1px solid #CCC; border-bottom: 1px solid #666!important; &data-keycount { text-align: right; } &:last-child { padding: 0; position: relative; & a { position: absolute; top: 0; left: 0; right: 0; display: block; width: 30px; height: 25px; line-height: 25px; text-align: center; font-size: 18px; text-decoration: none; } } } &data-status { & td:first-child { position: relative; padding-left: 30px; &:before { text-align: center; position: absolute; top: 0; left: 0; content: ; width: 30px; height: 25px; line-height: 25px; font-family: FontAwesome; font-size: 15px; } } } &data-status1 { & td:first-child { &:before { content: \f110; } } } &data-status2 { & td:first-child { &:before { content: \f252; -webkit-animation:spin 4s linear infinite; -moz-animation:spin 4s linear infinite; animation:spin 4s linear infinite; } } } &data-status3 { & td:first-child { &:before { content: \f00c; } } } } } } html { height: 100%; } body { background-color: #ffffff; font-size: 14px; line-height: 1.425; color: rgba(51,51,51,1); font-family: Arial, Helvetica, sans-serif; height: 100%; overflow-y: scroll; } a { text-decoration: none; } a:hover { } h1, h2, h3{ font-weight:inherit; font-size:inherit; color:inherit; } h1{ padding-bottom:20px; line-height:inherit; } .template-maincolor-text { color: rgba(236,123,43,1); } .template-maincolor-border { border-color: rgba(236,123,43,1); } .template-maincolor-background { background-color: rgba(236,123,43,1); } #wrapper { position: relative; z-index: 0; min-height: 100%; box-sizing: border-box; } #wrapper .btn { background-color: rgba(236,123,43,1); } #wrapper .btn:hover, #wrapper .btn:active, #wrapper .btn.active { background-color: rgba(236,123,43,1); color: #FFF; } div.csLangOverviewFlag { margin-left: 20px; } #wrapper .btn_white, #wrapper .btn.full { -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; border: solid rgba(236,123,43,1) 1px !important; text-decoration: none !important; background-color: #fff !important; color: rgba(236,123,43,1) !important; margin-top:20px !important; padding: 10px 20px !important; display: inline-block !important; cursor: pointer !important; } #wrapper .btn_white:hover, #wrapper .btn.full:hover, #wrapper .btn.loadMore:hover { background: rgba(236,123,43,1) !important; border: solid rgba(255,255,255,1) 1px !important; text-decoration: none !important; color: #ffffff !important; } #wrapper .btn.loadMore { -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; border: solid rgba(236,123,43,1) 1px !important; text-decoration: none !important; background-color: #fff !important; color: rgba(236,123,43,1) !important; margin-top:20px !important; padding: 10px 20px !important; cursor: pointer !important; } #wrapper .btn.loadMore:hover { background: rgba(236,123,43,1) !important; border: solid rgba(255,255,255,1) 1px !important; text-decoration: none !important; color: #ffffff !important; } .stripe-header { z-index: 9999 !important; } .header-menu.fixed { position: fixed !important; top: 0 !important; left: 0 !important; z-index: 9999; } .fixedbg{ background-attachment:fixed !important; background-size: 100% auto !important; background-repeat: no-repeat; z-index:-1 !important; } .fixedheader{ z-index: 100 !important; } .pagearea-1{ margin-top:100px !important; } .section-1-title { font-size: 50px; text-align: center; font-family: Verdana, Geneva, sans-serif; } .section-1-text{ color:#fff; font-size:20px; font-family: Verdana, Geneva, sans-serif; } .section-2-colbox-1, .catbox-col-1{ margin-right:20px;} .section-2-colbox-2, .catbox-col-2{ margin-right:10px; margin-left:10px; } .section-2-colbox-3, .catbox-col-3{ margin-left:20px; } .section-2-colbox h3, .catbox-col h3{ font-size:25px; } .section-2-colbox img, .catbox-col img{ max-width:100%; max-height:300px; background-color:#fff; padding: 20px; margin-bottom: -5px; } .square-icon { width: 1.5em; height: 1.5em; font-size: 2.5em; line-height: 1.5em; color:rgba(51,51,51,1); } .section-title > .container > .container-inner { font-size: 30px; color: rgba(236,123,43,1); text-align: center; font-weight: bold; padding-right: 0px; font-family: Verdana, Geneva, sans-serif; padding-bottom: 20px; } h3.h2{ color: rgba(236,123,43,1); } .col-3-schwerpunkte .section-2-colbox p, .catbox .catbox-col p{ position: absolute; background-color: rgba(236,123,43, 0.9); color: #ffffff; bottom: 0; padding: 20px 10px 20px 10px; top: 0; overflow:hidden; -webkit-transform:translateY(50%); -ms-transform:translateY(50%); transform:translateY(50%); opacity:0; -webkit-transition: opacity 1s, -webkit-transform 1s; -ms-transition: opacity 1s, -ms-transform 1s; transition: opacity 1s, transform 1s; } .catbox .catbox-col p{ text-align:left; } .col-3-schwerpunkte .section-2-colbox-1 > .container > .container-inner, .col-3-schwerpunkte .section-2-colbox-2 > .container > .container-inner, .col-3-schwerpunkte .section-2-colbox-3 > .container > .container-inner { background-color: rgba(236,123,43, 0.7); padding: 20px; } .col-3-schwerpunkte .section-2-colbox, .catbox .catbox-col{ cursor:pointer; } .col-3-schwerpunkte .section-2-colbox .section-2-colbox-caption > .container > .container-inner { font-family: Verdana, Geneva, sans-serif; font-size: 25px; color: rgb(255, 255, 255); font-weight: bold; } .col-3-schwerpunkte .section-2-colbox .imgText, .catbox .catbox-col .imgText{ overflow:hidden; } .catbox .catbox-col .imgText > .container{ overflow:hidden; max-height:300px; text-align: center; } .catbox .catbox-col .imgText > .container > .container-inner{ vertical-align:middle; } .col-3-schwerpunkte .section-2-colbox:hover p, .catbox .catbox-col:hover p{ -webkit-transform:translateY(0%); transform:translateY(0%); opacity:1; } .col-3-schwerpunkte .section-2-colbox .container-inner, .catbox .catbox-col > .container > .container-inner{ border-radius: 5px; } .col-3-erfahrung .col-3-erfahrung-text .container .container-inner::before { content: ; position: absolute; top: 0; left: 15px; bottom: 0; right: 15px; z-index: -1; background-color:#ffffff; border-radius: 5px; } .col-3-erfahrung .col-3-erfahrung-text .container .container-inner { padding:30px; } .col-3-erfahrung .col-3-erfahrung-text { margin-left:-15px; margin-right:-15px; } .catbox-col .elem-keywordoverview{ padding-bottom:5px; } .section-form .btn { background-color: #ccc !important; width:100% !important; } .elem-contactform divdata-contactform .csContactFormContainer .csContactFormInput { width: 100%; } .section-form .btn{ width:100%; border: 1px solid #d2d2d2 !important; background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%) !important; background: -webkit-linear-gradient(top, #ffffff 0%,#f0f0f0 100%) !important; background: linear-gradient(to bottom, #ffffff 0%,#f0f0f0 100%) !important; } .section-form .btn:hover, .section-form .btn:active, .section-form .btn.active { background: rgba(236,123,43,1) !important; color: #FFF !important; opacity:1; } .elem-contactform divdata-contactform .csContactFormContainer .csContactFormBlock { margin-bottom: 13px; } .main-menu { } .main-menu ul.menu-nav { display: table; } .main-menu ul.menu-nav > li { position: relative; } .main-menu ul.menu-nav > li::before { width: 2px; background-color: #b1adb1; content: ; left: -1px; position: absolute; top: 0; bottom: 0; } .main-menu ul.menu-nav > li:first-child::before { display: none; } .main-menu ul.menu-nav > li > a, .main-menu ul.menu-nav > li > span { color: #9d999d !important; letter-spacing: 1px; position: relative; -webkit-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; padding-top: 0; padding-bottom: 0; text-decoration: none !important; } .main-menu ul.menu-nav > li > a:hover, .main-menu ul.menu-nav > li > span:hover, .main-menu ul.menu-nav > li.active > a, .main-menu ul.menu-nav > li.active > span { color: rgba(236,123,43,1) !important; } .main-menu ul.menu-nav > li > a::before, .main-menu ul.menu-nav > li > span::before { left: 0; right: 0; height: 4px; width: 0; background-color: rgba(236,123,43,1); top: 100%; margin-top: 36px; position: absolute; content: ; -webkit-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .main-menu ul.menu-nav > li:hover > a::before, .main-menu ul.menu-nav > li:hover > span::before, .main-menu ul.menu-nav > li.active > a::before, .main-menu ul.menu-nav > li.active > span::before { width: 100%; } .main-menu ul.menu-nav > li > ul { padding-top: 40px; background-color: transparent; display: block; -webkit-transform: scaleY(0); -o-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 40px; -o-transform-origin: 0 40px; -ms-transform-origin: 0 40px; transform-origin: 0 40px; -webkit-transition: -webkit-transform 0.26s ease-out; -o-transition: -o-transform 0.26s ease; -ms-transition: -ms-transform 0.26s ease; transition: transform 0.26s ease; } .main-menu ul.menu-nav > li:hover > ul { -webkit-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .main-menu ul.menu-nav > li > ul > li { background-color: rgba(51,51,51,1); } .main-menu ul.menu-nav > li > ul > li:first-child { padding-top: 20px; } .main-menu ul.menu-nav > li > ul > li:last-child { padding-bottom: 20px; } .main-menu ul.menu-nav > li > ul > li > a, .main-menu ul.menu-nav > li > ul > li > span { padding: 5px 15px !important; -webkit-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; color: #ffffff !important; text-decoration: none !important; } .main-menu ul.menu-nav > li > ul > li > a:hover, .main-menu ul.menu-nav > li > ul > li > span:hover, .main-menu ul.menu-nav > li > ul > li.active > a, .main-menu ul.menu-nav > li > ul > li.active > span { color: rgba(236,123,43,1) !important; } .main-menu ul.menu-nav > li > ul > li > ul { display: none !important; } .main-menu ul.menu-nav > li > a, .main-menu ul.menu-nav > li > span, .main-menu ul.menu-nav > li > ul > li > a, .main-menu ul.menu-nav > li > ul > li > span, .main-menu ul.menu-nav > li > ul > li > ul > li > a, .main-menu ul.menu-nav > li > ul > li > ul > li > span, .main-menu ul.menu-nav > li > ul > li > ul > li > ul > li > a, .main-menu ul.menu-nav > li > ul > li > ul > li > ul > li > span{ color: #fff !important; font-size: inherit !important; font-weight:bold !important; padding: 12px 15px !important; } .main-menu ul.menu-nav > li > a:hover, .main-menu ul.menu-nav > li > span:hover, .main-menu ul.menu-nav > li.active > a, .main-menu ul.menu-nav > li.active > span, .main-menu ul.menu-nav > li > ul li a:hover, .main-menu ul.menu-nav > li > ul li span:hover, .main-menu ul.menu-nav > li > ul li.active > a, .main-menu ul.menu-nav > li > ul li.active > span{ color: rgba(255, 255, 255, 1) !important; background-color: rgba(255,255,255,0.3) !important; } .main-menu ul.menu-nav > li > ul li{ border-left: 1px solid rgba(255, 252, 252, 0.9); border-right: 1px solid rgba(255, 252, 252, 0.9); } .main-menu ul.menu-nav > li > ul > li > ul > li:first-child, .main-menu ul.menu-nav > li > ul > li > ul > li > ul > li:first-child { border-left: 0px solid #fff; } .main-menu ul.menu-nav > li > ul li:last-child{ border-bottom: 1px solid rgba(255, 252, 252, 0.9); } .main-menu ul.menu-nav > li::before { width: 1px; background-color: rgba(0,0,0,0.1); } .header-slogan { margin-top: 250px; margin-bottom: 300px; color: #ffffff; } .header-slogan-row > .container > .container-inner { background-color: rgba(236,123,43, 0.8); } .section-form .btn { width: 100% !important; float: right !important; } .section-form input { width: 100% !important; } .main-menu ul.menu-nav > li > a::before, .main-menu ul.menu-nav > li > span::before{ background-color: rgba(255, 252, 252, 0.9); top: 0; margin-top: 40px; } .main-menu ul.menu-nav > li > ul{ -webkit-transform: none !important; -o-transform: none !important; -ms-transform: none !important; transform: none !important; -webkit-transform-origin: none !important; -o-transform-origin: none !important; -ms-transform-origin: none !important; transform-origin: none !important; padding-top:0px; overflow:hidden; } .main-menu ul.menu-nav > li > ul > li a{ font-size:inherit !important; font-weight:bold; border-top: 1px solid rgba(0, 0, 0, 0.1); } .main-menu ul.menu-nav > li > ul > li span{ border-top: 1px solid rgba(0, 0, 0, 0.1); } .main-menu ul.menu-nav > li > ul > li:first-child { padding-top: 0px; } .main-menu ul.menu-nav > li > ul li { background-color:rgba(236,123,43,1); } .main-menu ul.menu-nav > li > ul > li:last-child { padding-bottom: 0px; } .main-menu ul.menu-nav > li > ul { max-height:0px !important; -webkit-transition: -webkit-max-height 0.5s 0s ease-in-out; -o-transition: -o-max-height 0.5s 0s ease-in-out; -ms-transition: -ms-max-height 0.5s 0s ease-in-out; transition: max-height 0.5s 0s ease-in-out; } .main-menu ul.menu-nav > li:hover > ul { max-height:2000px !important; } .main-menu ul.menu-nav > li > ul > li > ul, .main-menu ul.menu-nav > li > ul > li > ul > li > ul { max-height:40px !important; max-width:0px !important; -webkit-transition: -webkit-max-width 1s 0s, -webkit-max-height 1s 0.3s; -o-transition: -o-max-width 1s 0s, -o-max-height 1s 0.3s; -ms-transition: -ms-max-width 1s 0s, -ms-max-height 1s 0.3s; transition: max-width 1s 0s, max-height 1s 0.3s; } .main-menu ul.menu-nav > li > ul > li > ul, .main-menu ul.menu-nav > li > ul > li > ul > li > ul { overflow:hidden; } .main-menu ul.menu-nav > li > ul > li:hover > ul, .main-menu ul.menu-nav > li > ul > li > ul > li:hover > ul { max-width:2000px !important; max-height:2000px !important; } .overflow-visible{ overflow:visible !important; } .main-menu ul.menu-nav > li > ul > li > ul { display: block !important; } .main-menu ul.menu-nav > li > ul > li:hover > ul { display: block !important; } .top-info > .container > .container-inner{ padding:5px 0px; } .header-logo > .container > .container-inner{ padding:10px 0px; } .header-menu > .container > .container-inner{ background-color: rgba(236,123,43,1); } .box-padding > .container > .container-inner{ padding:30px 0px; } .catbox-padding > .container > .container-inner{ padding:0px 0px 30px 0px; } .csProductsList > .csProductContainer{ background-color: rgba(236,123,43, 0.7) !important; -webkit-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-radius: 5px; padding: 20px !important; color:#fff !important; float: left !important; box-sizing: border-box !important; margin-right: 15px !important; margin-bottom: 30px !important; margin-left: 15px !important; padding-top: 15px !important; padding-right: 15px !important; padding-bottom: 15px !important; padding-left: 15px !important; border-top: 2px !important; border-right: 2px !important; border-bottom: 2px !important; border-left: 2px !important; border-color: rgba(245,245,245,1) !important; border-style: solid !important; width: calc(33.3333333333% - 10px - 10px) !important; min-height: 450px; } .csProductItem .csProductItemHeader .csProductItemCaption{ font-family: Verdana, Geneva, sans-serif; font-size: 20px; line-height: 25px; color: rgb(255, 255, 255); font-weight: bold; } .csProductItem .csProductItemBody .csProductItemImage { background-color: #fff; } .csProductItem .csProductItemHeader .csProductItemTraits table.table { width: 100%; table-layout: fixed; } .csProductItem .csProductItemHeader .csProductItemTraitsdata-numtraits5 { min-height: 8.5em; max-height: 8.5em; } .csProductItemCaption.h3.ellipsis { white-space: normal; min-height: 50px; } .csProductsList .csProductContainerdata-col3:nth-child(3n+1){ margin-left:0px !important; } .csProductsList .csProductContainerdata-col3:nth-child(3n+3){ margin-right:0px !important; } .stripe-footer{ background-color: rgba(236,123,43,1); color: #ffffff; position:absolute !important; bottom:0; left:0; width:100%; } .footer-caption { font-family: Verdana, Geneva, sans-serif; margin-bottom:5px; } .footer-caption > .container > .container-inner { font-weight: bold; } .footer-caption > .container > .container-inner > * { margin-right: 30px; padding-bottom: 5px; border-bottom: 1px solid rgba(255,255,255,0.3); letter-spacing: 0.8px; } .stripe-footer .menu-nav li a{ padding:5px 5px 5px 0px; -webkit-transition: padding 1s; -ms-transition: padding 1s; transition: all 0.4s; } .stripe-footer .menu-nav li a:hover{ padding:5px 5px 5px 10px; background-color: rgba(255,255,255,0.3) !important; } @media (max-width:767px){ html { overflow-x: hidden; } h1, h2, h3{ padding-left:10px; padding-right:10px; } .main-menu ul.menu-nav { position: relative !important; top: 0px; width:100%; display:block; display:none; } .pagearea-1, .pagearea-2 { background-position: center center !important; } .main-menu .menu-nav>li{ margin-bottom:10px; } .main-menu ul.menu-nav > li > a::before{ margin-top: 48px; } .main-menu ul.menu-nav > li > a{ padding: 15px !important; font-size: 20px; font-weight: normal; } .mobile-about{ padding:20px; } .col-3-erfahrung-text>.container, .col-3-schwerpunkte .container, .section-form{ display:block !important; } .section-2-title h1{ padding-left:10px; } .section-2-colbox, .catbox-col{ margin:5px 10px !important; } .stripe-footer, .header-logo-lang, .elem-keywordinfo{ padding:5px 10px !important; } .section-form .container, .stripe-footer .container, .header-logo-lang .container{ table-layout: auto; } .section-contact-form>.container>.container-inner{ padding:10px !important; } .section-contact-form .elem-contactform{ padding:0 !important; } .section-contact-form .elem-contactform divdata-contactform .csContactFormContainer .csContactFormInput { width: 100% !important; } .header-slogan{ margin-top: 0px !important; margin-bottom: 0px !important; } .header-slogan .section-1-text{ padding-left: 20px; padding-right: 20px; } .section-map iframe{ width:100%; } .main-menu .menu-nav > li > ul > li ul { position: relative; -webkit-transform: none !important; -o-transform: none !important; -ms-transform: none !important; transform: none !important; } .main-menu ul.menu-nav > li > ul, .main-menu ul.menu-nav > li > ul > li > ul, .main-menu ul.menu-nav > li > ul > li > ul > li > ul { max-height: 2000px !important; max-width: 2000px !important; } .main-menu .menu-nav > li > ul li, .main-menu .menu-nav > li > ul > li > ul li { background-color: rgba(255, 255, 255, 1)!important; } .main-menu .menu-nav > li > ul > li, .main-menu .menu-nav > li > ul li { padding-left:15px !important; } .main-menu ul.menu-nav > li > ul > li > a, .main-menu ul.menu-nav > li > ul > li > span, .main-menu ul.menu-nav > li > ul > li > ul > li > a, .main-menu ul.menu-nav > li > ul > li > ul > li > span, .main-menu ul.menu-nav > li > ul > li > ul > li > ul > li > a, .main-menu ul.menu-nav > li > ul > li > ul > li > ul > li > span{ color: rgba(236,123,43,1) !important; } .main-menu ul.menu-nav > li > ul li a:hover, .main-menu ul.menu-nav > li > ul li span:hover, .main-menu ul.menu-nav > li > ul li.active > a, .main-menu ul.menu-nav > li > ul li.active > span{ color: rgba(236,123,43,1) !important; background-color: rgba(236,123,43, 0.3) !important; } .csProductsList > .csProductContainer { width: calc(100% - 15px - 15px) !important; } .mobile-padding{ padding:5px 10px !important; } .stripe-footer h1, .stripe-footer h2, .stripe-footer h3, .stripe-footer data-companydatatitle { padding-left: 0px; padding-right: 0px; margin-top:20px; } .kontakt .section-form > .container > .container-inner{ margin-left:10px; } .kontakt .section-contact-form>.container>.container-inner { padding-left: 0px !important; } div.csLangOverviewFlag { margin: 10px 10px 10px 0px; } .top-info > .container > .container-inner{ padding-right:10px; } } .menu-mobile-btn { float: none; padding:17px 10px; } /style>script typetext/javascript>var checkReady function(callback) { if (window.jQuery) { callback(jQuery); } else { window.setTimeout(function() { checkReady(callback); }, 20); } }; checkReady(function($) { $(function() {}); });/script>script typetext/javascript>var SID JSON.parse(0);var SANDBOX JSON.parse(false);var BASEURL JSON.parse(https:\/\/contentstock.industrystock.com);var LIVEURL JSON.parse(https:\/\/www.nbpinnacle.com\/);var LOC JSON.parse(https:\/\/www.nbpinnacle.com\/en\/);var COMPANY_ID JSON.parse(526045);var LANG JSON.parse(en);var DEFAULTLANG JSON.parse(en);var LANG_URL JSON.parse({de:https:\/\/www.nbpinnacle.com\/de,en:https:\/\/www.nbpinnacle.com\/en,es:https:\/\/www.nbpinnacle.com\/es,fr:https:\/\/www.nbpinnacle.com\/fr,zh:https:\/\/www.nbpinnacle.com\/zh});var DETAIL_ID JSON.parse();var LANG_CONVERT JSON.parse();var AUTOTRANS JSON.parse();var AUTOTRANSDEFAULT JSON.parse(en);/script>script src//www.nbpinnacle.com/c-en526045.js?v497ee1e59669f1ed2f522c41f82b96a3 typetext/javascript>/script>meta namerobots contentindex, follow />meta nameviewport contentwidthdevice-width, initial-scale1.0, maximum-scale5.0 />meta propertyog:title contentNingbo Pinnacle Machinery Technology Co., Ltd />link relshortcut icon hrefhttps://cdnuploads.industrystock.direct/images/company/da9d3b0c61682595eb1502ff8fbdde82.ico />link relcanonical hrefhttps://www.nbpinnacle.com/en />link hreflangde hrefhttps://www.nbpinnacle.com/de/de relalternate />link hreflangen hrefhttps://www.nbpinnacle.com/en relalternate />link hreflanges hrefhttps://www.nbpinnacle.com/es/es relalternate />link hreflangfr hrefhttps://www.nbpinnacle.com/fr/fr relalternate />link hreflangzh hrefhttps://www.nbpinnacle.com/zh/zh relalternate />title>Ningbo Pinnacle Machinery Technology Co., Ltd/title>link relstylesheet typetext/css href.csLangOverviewFlag span { />link relstylesheet typetext/css href position: relative; />link relstylesheet typetext/css href left: 35px; />link relstylesheet typetext/css href} />link relstylesheet typetext/css href.csLangOverviewFlag a { />link relstylesheet typetext/css href text-align: left; />link relstylesheet typetext/css href text-decoration: none; />link relstylesheet typetext/css href text-transform: uppercase; />link relstylesheet typetext/css href font-size: 13px; />link relstylesheet typetext/css href color: DATA::MAINCOLOR; />link relstylesheet typetext/css href.csLangOverviewFlag:first-child a {} />link relstylesheet typetext/css href.csLangOverviewFlag:first-child:hover a { />link relstylesheet typetext/css href.csLangOverviewFlag:hover a { />link relstylesheet typetext/css href.csLangOverviewFlag:first-child a:after { />link relstylesheet typetext/css href width: 6px; />link relstylesheet typetext/css href height: 6px; />link relstylesheet typetext/css href display: block; />link relstylesheet typetext/css href margin-top: -5px; />link relstylesheet typetext/css href position: absolute; />link relstylesheet typetext/css href top: 15px; />link relstylesheet typetext/css href right: 20px; />link relstylesheet typetext/css href content: ; />link relstylesheet typetext/css href border-color: DATA::MAINCOLOR; />link relstylesheet typetext/css href border-style: solid; />link relstylesheet typetext/css href border-width: 1px 1px 0 0; />link relstylesheet typetext/css href vertical-align: top; />link relstylesheet typetext/css href -webkit-transform: rotate(133deg); />link relstylesheet typetext/css href transform: rotate(133deg); />link relstylesheet typetext/css href -webkit-box-sizing: inherit; />link relstylesheet typetext/css href box-sizing: inherit; />link relstylesheet typetext/css href.csLangOverviewFlag { />link relstylesheet typetext/css href padding-left: 15px; />link relstylesheet typetext/css href line-height: 30px; />link relstylesheet typetext/css href border-left: 1px solid #c7c7c7; />link relstylesheet typetext/css href border-right: 1px solid #c7c7c7; />link relstylesheet typetext/css href background-color: #fff; />link relstylesheet typetext/css href.csLangOverviewFlag:first-child { />link relstylesheet typetext/css href //border-top: 1px solid #c7c7c7; />link relstylesheet typetext/css href.csLangOverviewFlag:last-child { />link relstylesheet typetext/css href border-bottom: 1px solid #c7c7c7; />link relstylesheet typetext/css href.csLangOverviewFlag:hover { />link relstylesheet typetext/css href background-color: #EEEEEE; />link relstylesheet typetext/css href.header_flag, .header_flag > .container { />link relstylesheet typetext/css href width: 150px !important; />link relstylesheet typetext/css href float: right; />link relstylesheet typetext/css href.header_flag .csLangOverview { />link relstylesheet typetext/css href width: 100%; />link relstylesheet typetext/css href.header_flag > .container > .container-inner { />link relstylesheet typetext/css href height: 30px; />link relstylesheet typetext/css href overflow: hidden !important; />link relstylesheet typetext/css href padding-top: 30px; />link relstylesheet typetext/css href.header_flag > .container > .container-inner:before { />link relstylesheet typetext/css href top: 0; />link relstylesheet typetext/css href left: 0; />link relstylesheet typetext/css href width: 148px; />link relstylesheet typetext/css href height: 28px; />link relstylesheet typetext/css href border: 1px solid #c7c7c7; />link relstylesheet typetext/css href.header_flag > .container > .container-inner:hover { />link relstylesheet typetext/css href height: 500px; />link relstylesheet typetext/css href />link relstylesheet typetext/css href.csLangOverviewFlag .svgflag { />link relstylesheet typetext/css href width: 25px; />link relstylesheet typetext/css href.csLangOverviewFlag{ />link relstylesheet typetext/css hreffloat: none!important; />link relstylesheet typetext/css href.initialized .csLangOverviewFlag{ />link relstylesheet typetext/css hrefmargin-left: 0px!important; />link relstylesheet typetext/css href.svgflagclass*size_40{ />link relstylesheet typetext/css hrefheight: 30px!important; />link relstylesheet typetext/css href.csLangOverview .csLangOverviewFlag svg.flag_de:lang(de), .csLangOverview .csLangOverviewFlag svg.flag_en:lang(en), .csLangOverview .csLangOverviewFlag svg.flag_es:lang(es), .csLangOverview .csLangOverviewFlag svg.flag_pl:lang(pl), .csLangOverview .csLangOverviewFlag svg.flag_fr:lang(fr), .csLangOverview .csLangOverviewFlag svg.flag_it:lang(it), .csLangOverview .csLangOverviewFlag svg.flag_ar:lang(ar), .csLangOverview .csLangOverviewFlag svg.flag_kr:lang(kr), .csLangOverview .csLangOverviewFlag svg.flag_jp:lang(jp), .csLangOverview .csLangOverviewFlag svg.flag_cn:lang(cn), .csLangOverview .csLangOverviewFlag svg.flag_cz:lang(cz), .csLangOverview .csLangOverviewFlag svg.flag_pt:lang(pt), .csLangOverview .csLangOverviewFlag svg.flag_ru:lang(ru), .csLangOverview .csLangOverviewFlag svg.flag_tr:lang(tr), .csLangOverview .csLangOverviewFlag svg.flag_hu:lang(hu), .csLangOverview .csLangOverviewFlag svg.flag_fa:lang(fa) { />link relstylesheet typetext/css href top: 0px; />link relstylesheet typetext/css href left: 15px; />link relstylesheet typetext/css href.csLangOverview .csLangOverviewFlag span.flag_text_de:lang(de), .csLangOverview .csLangOverviewFlag span.flag_text_en:lang(en), .csLangOverview .csLangOverviewFlag span.flag_text_es:lang(es), .csLangOverview .csLangOverviewFlag span.flag_text_pl:lang(pl), .csLangOverview .csLangOverviewFlag span.flag_text_fr:lang(fr), .csLangOverview .csLangOverviewFlag span.flag_text_it:lang(it), .csLangOverview .csLangOverviewFlag span.flag_text_ar:lang(ar), .csLangOverview .csLangOverviewFlag span.flag_text_kr:lang(kr), .csLangOverview .csLangOverviewFlag span.flag_text_jp:lang(jp), .csLangOverview .csLangOverviewFlag span.flag_text_cn:lang(cn), .csLangOverview .csLangOverviewFlag span.flag_text_cz:lang(cz), .csLangOverview .csLangOverviewFlag span.flag_text_pt:lang(pt), .csLangOverview .csLangOverviewFlag span.flag_text_ru:lang(ru), .csLangOverview .csLangOverviewFlag span.flag_text_tr:lang(tr), .csLangOverview .csLangOverviewFlag span.flag_text_hu:lang(hu), .csLangOverview .csLangOverviewFlag span.flag_text_fa:lang(fa) { />link relstylesheet typetext/css href line-height: 30px !important; />link relstylesheet typetext/css href left: 50px; />link relstylesheet typetext/css href padding-right: 20px !important; />link relstylesheet typetext/css href visibility: visible !important; />link relstylesheet typetext/css href opacity: 1 !important; />style typetext/css idproject-settings-body-styles> body { font-family:Arial, Helvetica, sans-serif;font-size:16px;color:rgba(51,51,51,1);background-image:none;background-repeat:repeat;background-size:auto;background-position:left top;background-color:rgba(255,255,255,1); } #wrapper .btn { text-decoration:none;border-color:rgba(51,51,51,1); } #wrapper .btn:hover { text-decoration:none; } #wrapper a { } #wrapper a:hover { } /style>style typetext/css idproject-settings-custom-styles>.csProductItemDesc { color: #333; } .csProductContainer:hover .csProductItemDesc { color: #fff; } @media (max-width: 767px){ .csProductsList > .csProductContainer {width: calc(100% - 0px - 30px);} } @media (min-width: 768px){ .csProductsList > .csProductContainer{ min-height: auto;width: calc(50% - 0px - 30px)!important;} } @media (min-width: 992px){ .csProductsList > .csProductContainer{ min-height: auto;width: calc(33.33333% - 0px - 30px)!important;} } @media (min-width: 1200px){ .csProductsList > .csProductContainer{ min-height: auto;width: calc(25% - 0px - 30px)!important;} .test-add .csProductsList > .csProductContainer{ min-height: auto;width: calc(31% - 0px - 30px)!important;} .header-slogan{margin:0px!important;} .po-ab{position: absolute!important;} .container-left{margin-left: 0px!important;width: 40%;} } .main-menu ul.menu-nav > li > a::before, .main-menu ul.menu-nav > li > span::before {background-color: #ffffff;} .header-slogan {margin-top: 280px;margin-bottom: 252px;} .csProductsList > .csProductContainer{ min-height: auto;width: calc(25% - 0px - 30px);background-color: #f7f7f7!important;transition:.5s;border:1px solid #ec7c2c!important;} .csProductsList > .csProductContainer:hover{background-color: #ec7b2b!important;} .csProductsList .csProductContainer > .csProductItem{display: unset;} .csProductItemHeader>h2{max-width: unset!important;} .home-ab-img img{width:97%;padding: 0px 0px;} .scrollLoader{display:none;} .csProductItem .csProductItemHeader .csProductItemCaption{color: #333;transition:.2s;} .csProductsList > .csProductContainer:hover .csProductItem .csProductItemHeader .csProductItemCaption{color: #fff;} .csProductItem .csProductItemHeader .csProductItemTraits{min-height: 0em!important;} .productPreviewFooter .btn{color: rgba(0,0,0,1) !important;} .csProductItem .csProductItemBody .csProductItemImage img{width:100%!important;} .csProductItem .csProductItemBody .csProductItemImage{height:207px;} a{text-decoration:none} a:hover{text-decoration:none} .ver-align>.container>.container-inner{ vertical-align: middle; } .ver-align-top>.container>.container-inner{ vertical-align: top; } .ver-align-bottom>.container>.container-inner{ vertical-align: bottom; } .fixed-bg{ background-attachment: fixed; } .th{ line-height: 1.75em; } .em{ text-indent:2em; } .font-img{ font-size: 0px; } .font-img-c{ text-align: center; } .tab-cap input{ text-transform:capitalize; } .hand-diy{cursor: pointer;} .test-add tr td:nth-child(1){display:none;} .test-add tr td:nth-child(2){color:#333;font-size:12px;text-align: center;} .csProductContainer:hover span{color:#fff;}/style>/head>body classfront>div idwrapper classhome data-id784335>div classet-item sortable ui-sortable-handle stylewidth:100%;z-index:0; idelem_stripe_1567673369675_78n4nk09t7eppuebktjro4p441spga1e data-tpl787>div classcontainer style> div classcontainer-inner et-item elem-stripe droppable column collapsed twelve ui-sortable style> div classdraggable et-item ver-align style idelem_box_1567673378321_78n4nk09t7eppuebktjro4p441spga1e> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed ui-sortable six style> div classdraggable et-item styleposition: relative; opacity: 1; idelem_companydata_stripe_header_02> div classcontainer style> div classcontainer-inner et-item elem-companydata column collapsed twelve stylepadding-top: 15px; padding-bottom: 15px;> div data-companydatalogo data-companydata-paramsdatasource1&columns2&sizedefault&logohref%2F&information%5B0%5Dcapital&information%5B1%5Dcommercial_register&information%5B2%5Dlegal_form&information%5B3%5Dnumber_of_employees&information%5B4%5Dquality_certificate_iso&information%5B5%5Dtrade_name&information%5B6%5Dturnover&information%5B7%5Dyear_of_foundation&social%5B0%5Dfacebook&social%5B1%5Dlinkedin&social%5B2%5Dtwitter&social%5B3%5Dxing&social%5B4%5Dyoutube&social%5B5%5Dgoogle&social%5B6%5Dskype&social%5B7%5Dvk&social%5B8%5Dweibo&social%5B9%5Dwechat&social%5B10%5Dwhatsapp&social%5B11%5Dqq&social%5B12%5Dgoldenline>a hrefhttps://www.nbpinnacle.com/en/>img srchttps://ossis.industrystock.com/company/logo/34e602765faf88b5e116c3cd8cf7e9a7.png altNingbo Pinnacle Machinery Technology Co., Ltd />/a>/div> /div> /div> /div>/div> div classcontainer-inner et-item elem-box droppable column collapsed ui-sortable six style> div classdraggable et-item hea der_f lag styleposition: relative; opacity: 1; idelem_language_stripe_header3> div classcontainer style> div classcontainer-inner et-item elem-language column collapsed twelve style> div data-languagecolumns&target2&sizesize_20_text&type0&alignright&itemmargin%5Btop%5D&itemmargin%5Bright%5D&itemmargin%5Bbottom%5D&itemmargin%5Bleft%5D classinitialized>div classcsLangOverview csLangOverview-align-right> div classcsLangOverviewFlag csLangOverviewFlag_en csLangOverviewFlagActive data-versionsize_20_text data-langen style> a target_blank hrefhttps://www.nbpinnacle.com/en titleEnglish > svg classsvgflag flag flag_rect size_20_text flag_en >use xlink:hrefhttps://osscs.industrystock.com/fonts/flags_extended.svg#flag_en>/use>/svg>span classflag_text_en titleEnglish>English/span> /a> /div> div classcsLangOverviewFlag csLangOverviewFlag_zh data-versionsize_20_text data-langzh style> a target_blank hrefhttps://www.nbpinnacle.com/zh titleChinese > svg classsvgflag flag flag_rect size_20_text flag_zh >use xlink:hrefhttps://osscs.industrystock.com/fonts/flags_extended.svg#flag_cn>/use>/svg>span classflag_text_zh titleChinese>中文/span> /a> /div> div classcsLangOverviewFlag csLangOverviewFlag_de data-versionsize_20_text data-langde style> a target_blank hrefhttps://www.nbpinnacle.com/de titleGerman > svg classsvgflag flag flag_rect size_20_text flag_de >use xlink:hrefhttps://osscs.industrystock.com/fonts/flags_extended.svg#flag_de>/use>/svg>span classflag_text_de titleGerman>Deutsch/span> /a> /div> div classcsLangOverviewFlag csLangOverviewFlag_es data-versionsize_20_text data-langes style> a target_blank hrefhttps://www.nbpinnacle.com/es titleSpanish > svg classsvgflag flag flag_rect size_20_text flag_es >use xlink:hrefhttps://osscs.industrystock.com/fonts/flags_extended.svg#flag_es>/use>/svg>span classflag_text_es titleSpanish>Español/span> /a> /div> div classcsLangOverviewFlag csLangOverviewFlag_fr data-versionsize_20_text data-langfr style> a target_blank hrefhttps://www.nbpinnacle.com/fr titleFrench > svg classsvgflag flag flag_rect size_20_text flag_fr >use xlink:hrefhttps://osscs.industrystock.com/fonts/flags_extended.svg#flag_fr>/use>/svg>span classflag_text_fr titleFrench>Français/span> /a> /div> /div>/div> /div> /div> /div>/div>/div> /div>/div> /div>/div>div classet-item sortable ui-sortable-handle stylewidth: 100%; z-index: 3; background-color: rgb(236, 123, 43); idelem_stripe_1567673176186_78n4nk09t7eppuebktjro4p441spga1e data-tpl789>div classcontainer style> div classcontainer-inner et-item elem-stripe droppable column collapsed twelve ui-sortable style> div classdraggable et-item heade r-menu scroll-fixed styleposition: relative; opacity: 1; left: 0px; top: 0px; idelem_box_header_navigation> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable style> div classdraggable et-item main-menu style idelem_box_header_navigation_row> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable style> div classdraggable et-item styleposition: relative; idelem_menu_stripe_header> div classcontainer style> div classcontainer-inner et-item elem-menu column collapsed twelve stylefont-size: 16px; color: rgb(51, 51, 51); text-align: center; background-color: rgb(236, 123, 43); data-font-family> div data-menu data-menu-paramsbaseitem&levels1&type0&alignleft&itempadding%5Btop%5D&itempadding%5Bright%5D&itempadding%5Bbottom%5D&itempadding%5Bleft%5D>div classmenu-bar> div classmenu-mobile-btn>span classawe-bars>/span>/div> ul classmenu-nav menu-type-horizontal menu-align-left> li classlevel-0 active> a data-type1 hrefhttps://www.nbpinnacle.com/en/ style data-id784335 data-aliashome area-labelHome >Home/a> /li>li classlevel-0> a data-type1 hrefhttps://www.nbpinnacle.com/en/about-us style data-id784337 data-aliasabout-us area-labelAbout us >About us/a> /li>li classlevel-0 deeper> a data-type1 hrefhttps://www.nbpinnacle.com/en/products style data-id784339 data-aliasproducts area-labelProducts >Products/a> ul>li classlevel-1> a data-type-4 hrefhttps://www.nbpinnacle.com/en/products/ki-44215-fasteners style data-idkiu44215 data-aliaski-44215-fasteners area-labelFasteners >Fasteners/a> /li>li classlevel-1> a data-type-4 hrefhttps://www.nbpinnacle.com/en/products/ki-44221-machining-part style data-idkiu44221 data-aliaski-44221-machining-part area-labelMachining part >Machining part/a> /li>li classlevel-1> a data-type-4 hrefhttps://www.nbpinnacle.com/en/products/ki-44219-sheet-metal-processing style data-idkiu44219 data-aliaski-44219-sheet-metal-processing area-labelSheet metal processing >Sheet metal processing/a> /li>/ul>/li>li classlevel-0> a data-type1 hrefhttps://www.nbpinnacle.com/en/news style data-id784353 data-aliasnews area-labelNews >News/a> /li>li classlevel-0> a data-type1 hrefhttps://www.nbpinnacle.com/en/contact style data-id784345 data-aliascontact area-labelContact >Contact/a> /li> /ul> /div>/div> /div> /div> /div> /div> /div> /div> /div> /div> /div>/div> /div>/div>div classet-item sortable fixe dbg pagearea-2 fixed-bg animate ui-sortable-handle stylewidth: 100%; z-index: 0; idelem_stripe_slogan> div classcontainer stylewidth: 100%;> div classcontainer-inner et-item elem-stripe droppable column collapsed twelve ui-sortable style> div classdraggable et-item styleposition: relative; opacity: 1; left: 0px; top: 0px; idelem_box_stripe_slogan_overlay> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable style> div classdraggable et-item style idelem_imageslider_1573525695925_tora8j776910d2em3fbfmhgo8krokpiu> div classcontainer styleheight: 700px;> div classcontainer-inner et-item elem-imageslider column collapsed twelve style> div data-imagesliderlangen&url&imagehttps%3A%2F%2Fossis.industrystock.com%2Fdefault%2Fd5a0adb0056629c3fc0bc11e046da2e0.jpg,langen&url&imagehttps%3A%2F%2Fossis.industrystock.com%2Fdefault%2Ff94e9da8a5e821907d662bad03fff083.jpg,imagehttps%3A%2F%2Fossis.industrystock.com%2Fdefault%2Ff8808a18a96c270c97600479fce9f512.jpg&url&langen class>div stylebackground-image: url(https://ossis.industrystock.com/default/d5a0adb0056629c3fc0bc11e046da2e0.jpg); data-langen roleimg aria-labelalt title>/div>div stylebackground-image: url(https://ossis.industrystock.com/default/f94e9da8a5e821907d662bad03fff083.jpg); data-langen roleimg aria-labelalt title>/div>div stylebackground-image: url(https://ossis.industrystock.com/default/f8808a18a96c270c97600479fce9f512.jpg); data-langen roleimg aria-labelalt title>/div>/div> /div> /div> /div>div classdraggable et-item header-slogan po-ab styleposition: absolute; top: 30%; idelem_box_stripe_slogan_overlay_wrapper> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable style> div classdraggable et-item box-p adding header-slogan-row styleposition: relative; opacity: 1; left: 0px; top: 0px; idelem_box_stripe_slogan_overlay_row> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable stylebackground-color: rgba(236, 123, 43, 0);> div classdraggable et-item container container-left styleposition: relative; idelem_box_stripe_slogan_overlay_content> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable style> div classdraggable et-item section-1-text fadeSlideInBottom2 animate th styleposition: relative; idelem_text_stripe_slogan_overlay_text> div classcontainer style> div classcontainer-inner et-item elem-textbox column collapsed twelve stylepadding: 5%; background-color: rgba(27, 14, 4, 0.5); data-font-family>div data-textboxen>We are a team dedicated to providing high quality products to our customers. div>br> div>With a long-term commitment to fasteners, machining and sheet metal welding, we strive to bring more refined products and a wider range of solutions to our customers./div>/div>/div>/div> /div> /div> /div> /div> /div> /div> /div> /div> /div> /div> /div> /div> /div> /div> /div> /div> /div>div classsortable et-item ui-sortable-handle stylewidth: 100%; z-index: 0; padding-top: 30px; position: relative; idelem_stripe_default_01> div classcontainer style> div classcontainer-inner et-item elem-stripe droppable column collapsed twelve ui-sortable style> div classdraggable et-item section-title animate styleposition: relative; opacity: 1; left: 0px; top: 0px; idelem_h1_stripe_default_01_caption> div classcontainer style> div classcontainer-inner et-item elem-h1 column collapsed twelve style data-font-family>h3 data-h1en>About us/h3>/div> /div> /div>div classdraggable et-item styleposition: relative; idelem_box_stripe_default_01_wrapper> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable style> div classdraggable et-item box-padding animate ver-a lign th styleposition: relative; idelem_box_stripe_default_01_row> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed ui-sortable six stylepadding-right: 15px; padding-left: 15px; width: 50%;> div classdraggable et-item th fadeIn1 scroll-animate styleposition: relative; idelem_text_stripe_default_01_text> div classcontainer style> div classcontainer-inner et-item elem-textbox column collapsed twelve stylefont-size: 18px; padding-bottom: 20px; data-font-family>div data-textboxen>Our company is a specialized company which integrates manufacturing and sales. div> Complete technical ability and processing ability in custom industrial customized fasteners,precision machinery addition and precision sheet metal work./div>div>The company has professionalfastener manufacturing plant,mechanical processing plant andsheet metal factory.With high precision machining capability,a complete product line can be provided. /div>div>The factory has an area of more than 5,000 square meters./div>div>Our products are widelyused in equipment,automobile,electronics and industries.Quality,service and price are the advantages of customer trust./div>/div>/div> /div> /div>div classdraggable et-item th fadeSlideInLeft1 scroll-animate styleposition: relative; idelem_1567676209826_78n4nk09t7eppuebktjro4p441spga1e> div classcontainer style> div classcontainer-inner et-item elem-textbox column collapsed twelve stylefont-size: 18px; padding-top: 20px; data-font-family>div data-textboxen>We follow up the professional,accountable,share business philosophy.Strive to grow with customers with professional products,perfect solutons and services./div>/div> /div> /div> /div> div classcontainer-inner et-item elem-box droppable column collapsed ui-sortable six stylewidth: 50%;> div classdraggable et-item font-img font-img-c home-ab-img fadeIn1 scroll-animate styleposition: relative; opacity: 1; left: 0px; top: 0px; idelem_image_1567674811872_78n4nk09t7eppuebktjro4p441spga1e> div classcontainer style> div classcontainer-inner et-item elem-image column collapsed twelve style data-actions> div data-image data-image-params>img srchttps://ossis.industrystock.com/default/e1b0adcba157d499a0607a557c615194.png>/div> /div> /div> /div>div classdraggable et-item styleposition: relative; opacity: 1; idelem_box_1567675388581_78n4nk09t7eppuebktjro4p441spga1e> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed ui-sortable four stylepadding-top: 10px; padding-right: 10px; padding-left: 10px;> div classdraggable et-item font-img font-img-c fadeSlideInRight1 scroll-animate styleposition: relative; opacity: 1; left: 0px; top: 0px; idelem_1567675406968_78n4nk09t7eppuebktjro4p441spga1e> div classcontainer style> div classcontainer-inner et-item elem-image column collapsed twelve style data-actions> div data-image data-image-params>img srchttps://ossis.industrystock.com/default/9ae57eca81c8810d89ceefe61d0c920b.png>/div> /div> /div> /div>/div> div classcontainer-inner et-item elem-box droppable column collapsed ui-sortable four stylepadding-top: 10px; padding-right: 10px; padding-left: 10px;> div classdraggable et-item font-img font-img-c fadeSlideInRight2 scroll-animate styleposition: relative; opacity: 1; left: 0px; top: 0px; idelem_1567675406968_78n4nk09t7eppuebktjro4p441spga1e2> div classcontainer style> div classcontainer-inner et-item elem-image column collapsed twelve style data-actions> div data-image data-image-params>img srchttps://ossis.industrystock.com/default/978abe04d2b332afea435843fac15956.png>/div> /div> /div> /div>/div>div classcontainer-inner et-item elem-box droppable column collapsed ui-sortable four stylepadding-top: 10px; padding-right: 10px; padding-left: 10px;> div classdraggable et-item font-img font-img-c fadeSlideInRight3 scroll-animate styleposition: relative; opacity: 1; left: 0px; top: 0px; idelem_1567675406968_78n4nk09t7eppuebktjro4p441spga1e3> div classcontainer style> div classcontainer-inner et-item elem-image column collapsed twelve style data-actions> div data-image data-image-params>img srchttps://ossis.industrystock.com/default/15c2f42185141f873ad96f880a1a4b9e.png>/div> /div> /div> /div>/div>/div> /div> /div>/div> /div> /div> /div> /div> /div> /div> /div>div classet-item sortable fixed-bg ui-sortable-handle stylewidth: 100%; z-index: 0; background-image: url(https://ossis.industrystock.com/default/afc36da3308b3b47bf2c7474939761aa.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; idelem_stripe_default_02 data-tpl827>div classcontainer stylewidth: 100%;> div classcontainer-inner et-item elem-stripe droppable column collapsed twelve ui-sortable style> div classdraggable et-item box-padding fixed-bg styleposition: relative; idelem_box_stripe_default_02_wrapper> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable style> div classdraggable et-item container col-3-erfahrung scroll-animate fadeSlideInTop1 styleposition: relative; idelem_box_stripe_default_01_content> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable style> div classdraggable et-item col-3-erfahrung-text styleposition: relative; idelem_box_stripe_default_02_row> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed ui-sortable four style> div classdraggable et-item styleposition: relative; idelem_box_stripe_default_02_column_01> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable style> div classdraggable et-item styleposition: relative; opacity: 1; left: 0px; top: 0px; idelem_text_stripe_default_02_column_01> div classcontainer style> div classcontainer-inner et-item elem-textbox column collapsed twelve stylepadding: 0px; text-align: center;>div data-textboxen>span classawe-users square-icon h2 template-maincolor-text>/span>/div>/div> /div> /div>div classdraggable et-item styleposition: relative; opacity: 1; left: 0px; top: 0px; idelem_1567662197366_78n4nk09t7eppuebktjro4p441spga1e> div classcontainer style> div classcontainer-inner et-item elem-textbox column collapsed twelve stylepadding: 0px; text-align: center; font-size: 20px; color: rgb(236, 123, 43); data-font-family>div data-textboxen>Quality first/div>/div> /div> /div>div classdraggable et-item styleposition: relative; opacity: 1; left: 0px; top: 0px; idelem_1567662197208_78n4nk09t7eppuebktjro4p441spga1e> div classcontainer style> div classcontainer-inner et-item elem-textbox column collapsed twelve stylepadding: 0px; text-align: center;>div data-textboxen>We will only give a reasonable offer if we ensure that the quality meets the customers requirements. Our philosophy is that product quality is the lifeblood of the company./div>/div> /div> /div> /div> /div> /div> /div> div classcontainer-inner et-item elem-box droppable column collapsed ui-sortable four style> div classdraggable et-item styleposition: relative; idelem_box_stripe_default_02_column_012> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable style> div classdraggable et-item styleposition: relative; opacity: 1; left: 0px; top: 0px; idelem_1567662258630_78n4nk09t7eppuebktjro4p441spga1e2> div classcontainer style> div classcontainer-inner et-item elem-textbox column collapsed twelve stylepadding: 0px; text-align: center;>div data-textboxen>span classawe-lightbulb-o square-icon h2 template-maincolor-text>/span>/div>/div> /div> /div>div classdraggable et-item styleposition: relative; opacity: 1; left: 0px; top: 0px; idelem_1567662197366_78n4nk09t7eppuebktjro4p441spga1e2> div classcontainer style> div classcontainer-inner et-item elem-textbox column collapsed twelve stylepadding: 0px; text-align: center; font-size: 20px; color: rgb(236, 123, 43); data-font-family>div data-textboxen>Experienced/div>/div> /div> /div>div classdraggable et-item styleposition: relative; opacity: 1; left: 0px; top: 0px; idelem_1567662197208_78n4nk09t7eppuebktjro4p441spga1e2> div classcontainer style> div classcontainer-inner et-item elem-textbox column collapsed twelve stylepadding: 0px; text-align: center;>div data-textboxen>We offer customized base on who have been working professionally in these field for years/div>/div> /div> /div> /div> /div> /div> /div>div classcontainer-inner et-item elem-box droppable column collapsed ui-sortable four style> div classdraggable et-item styleposition: relative; idelem_box_stripe_default_02_column_013> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable style> div classdraggable et-item styleposition: relative; opacity: 1; left: 0px; top: 0px; idelem_1567662258134_78n4nk09t7eppuebktjro4p441spga1e3> div classcontainer style> div classcontainer-inner et-item elem-textbox column collapsed twelve stylepadding: 0px; text-align: center;>div data-textboxen>span classawe-thumbs-up square-icon h2 template-maincolor-text>/span>/div>/div> /div> /div>div classdraggable et-item styleposition: relative; opacity: 1; left: 0px; top: 0px; idelem_1567662197366_78n4nk09t7eppuebktjro4p441spga1e3> div classcontainer style> div classcontainer-inner et-item elem-textbox column collapsed twelve stylepadding: 0px; text-align: center; font-size: 20px; color: rgb(236, 123, 43); data-font-family>div data-textboxen>The Right Attitude/div>/div> /div> /div>div classdraggable et-item styleposition: relative; opacity: 1; left: 0px; top: 0px; idelem_1567662197208_78n4nk09t7eppuebktjro4p441spga1e3> div classcontainer style> div classcontainer-inner et-item elem-textbox column collapsed twelve stylepadding: 0px; text-align: center;>div data-textboxen>Not only for the survival and development of the company, but also for the sake of customers from the customers point of view. Do our best to achieve a win-win situation./div>/div> /div> /div> /div> /div> /div> /div>/div> /div> /div> /div> /div> /div> /div> /div> /div> /div>/div>div classet-item sortable ui-sortable-handle stylewidth: 100%; z-index: 0; idelem_stripe_default_03> div classcontainer stylewidth: 100%;> div classcontainer-inner et-item elem-stripe droppable column collapsed twelve ui-sortable style> div classdraggable et-item styleposition: relative; idelem_box_stripe_default_03_wrapper> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable style> div classdraggable et-item col-3-schwerpunkte box-padding styleposition: relative; z-index: -1; idelem_box_stripe_default_03_row> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed ui-sortable twelve style> div classdraggable et-item container styleposition: relative; idelem_box_stripe_default_03_main> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable style> div classdraggable et-item section-title scroll-animate fadeIn1 styleposition: relative; idelem_h1_stripe_default_03_caption> div classcontainer style> div classcontainer-inner et-item elem-h1 column collapsed twelve style data-font-family>h3 data-h1en>Product categories/h3>/div> /div> /div> div classdraggable et-item styleposition: relative; idelem_box_stripe_default_03_products> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed ui-sortable four stylewidth: 33.33%;> div classdraggable et-item section-2-colbox section-2-colbox-1 scroll-animate fadeSlideInLeft2 styleposition: relative; idelem_box_stripe_default_03_column_01> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable style data-actionsclick%3Aurl%5Ben%5Dhttps%3A%2F%2Fcontentstock.industrystock.com%2Fpreview%2F526045%2Fen%2Fproducts%2Fp-1955427-fasteners&click%3Aurl%5Bde%5D&click%3Aurl%5Bes%5D&click%3Aurl%5Bpl%5D&click%3Aurl%5Bfr%5D&click%3Aurl%5Bit%5D&click%3Aurl%5Bar%5D&click%3Aurl%5Bkr%5D&click%3Aurl%5Bjp%5D&click%3Aurl%5Bcn%5D&click%3Aurl%5Bcz%5D&click%3Aurl%5Bpt%5D&click%3Aurl%5Bru%5D&click%3Aurl%5Btr%5D&click%3Aurl%5Bhu%5D&click%3Aurl%5Bfa%5D&click%3Aurl%5Bzht%5D&click%3Aurl-target_self> div classdraggable et-item section-2-colbox-caption styleposition: relative; idelem_h1_stripe_default_03_column_01_caption> div classcontainer style> div classcontainer-inner et-item elem-h1 column collapsed twelve stylefont-size: 25px; color: rgb(255, 255, 255); font-weight: bold; data-font-family>h2 data-h1en>Fastener/h2>/div> /div> /div> div classdraggable et-item imgText styleposition: relative; idelem_text_stripe_default_03_column_01_description> div classcontainer style> div classcontainer-inner et-item elem-textbox column collapsed twelve style data-font-family>div data-textboxen>img srchttps://ossis.industrystock.com/default/1a969bcaf879208d420976803170e279.png>p>We have extraordinary manufacturing know-how and experience in standard and custom fasteners. Could meet the needs of different customers and solve customer problems./p>/div>/div> /div> /div> /div> /div> /div> /div> div classcontainer-inner et-item elem-box droppable column collapsed ui-sortable four stylewidth: 33.33%;> div classdraggable et-item styleposition: relative; idelem_box_stripe_default_03_column_02> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable style> div classdraggable et-item section-2-colbox section-2-colbox-2 scroll-animate fadeSlideInBottom3 styleposition: relative; idelem_box_stripe_default_03_column_02_inner> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable style data-actionsclick%3Aurl%5Ben%5Dhttps%3A%2F%2Fcontentstock.industrystock.com%2Fpreview%2F526045%2Fen%2Fproducts%2Fp-1955445-machining-part&click%3Aurl%5Bde%5D&click%3Aurl%5Bes%5D&click%3Aurl%5Bpl%5D&click%3Aurl%5Bfr%5D&click%3Aurl%5Bit%5D&click%3Aurl%5Bar%5D&click%3Aurl%5Bkr%5D&click%3Aurl%5Bjp%5D&click%3Aurl%5Bcn%5D&click%3Aurl%5Bcz%5D&click%3Aurl%5Bpt%5D&click%3Aurl%5Bru%5D&click%3Aurl%5Btr%5D&click%3Aurl%5Bhu%5D&click%3Aurl%5Bfa%5D&click%3Aurl%5Bzht%5D&click%3Aurl-target_self> div classdraggable et-item section-2-colbox-caption styleposition: relative; idelem_h1_stripe_default_03_column_02_caption> div classcontainer style> div classcontainer-inner et-item elem-h1 column collapsed twelve style data-font-family>h2 data-h1en>Machining/h2>/div> /div> /div> div classdraggable et-item imgText styleposition: relative; idelem_text_stripe_default_03_column_02_description> div classcontainer style> div classcontainer-inner et-item elem-textbox column collapsed twelve style data-font-family>div data-textboxen>img srchttps://ossis.industrystock.com/default/afc36da3308b3b47bf2c7474939761aa.jpg>p>We have high precision CNC equipment and excellent process engineers and tool engineers in machining realm. No matter alloy material processing or casting material processing are handy./p>/div>/div> /div> /div> /div> /div> /div> /div> /div> /div> /div> div classcontainer-inner et-item elem-box droppable column collapsed ui-sortable four stylewidth: 33.34%;> div classdraggable et-item section-2-colbox section-2-colbox-3 scroll-animate fadeSlideInRight4 styleposition: relative; idelem_box_stripe_default_03_column_03> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable style data-actionsclick%3Aurl-target_self> div classdraggable et-item section-2-colbox-caption styleposition: relative; idelem_h1_stripe_default_03_column_03_caption> div classcontainer style> div classcontainer-inner et-item elem-h1 column collapsed twelve style data-font-family>h2 data-h1en>Sheet metal/h2>/div> /div> /div> div classdraggable et-item imgText styleposition: relative; idelem_text_stripe_default_03_column_03_description> div classcontainer style> div classcontainer-inner et-item elem-textbox column collapsed twelve style data-font-family>div data-textboxen>img srchttps://ossis.industrystock.com/default/c087ada596099be98ae0936e1693c1c5.png>p>We are equipped with laser cutting machine, bending machine and welding equipment. Design tooling for different products to ensure product quality. At the same time, we have experienced welding staff and polishing technology. We can provide one-stop service for customers./p>/div>/div> /div> /div> /div> /div> /div> /div> /div> /div> /div> /div> /div> /div> /div> /div> /div> /div> /div> /div> /div> /div>div classet-item sortable active section-form box-padding ui-sortable-handle stylewidth: 100%; z-index: 0; idelem_stripe_default_04 data-tpl791>div classcontainer stylewidth: 100%;> div classcontainer-inner et-item elem-stripe droppable column collapsed twelve ui-sortable stylebackground-color: rgb(245, 245, 245);> div classdraggable et-item section-title scroll-ani mate fad eIn1 ani animate styleposition: relative; idelem_h1_stripe_default_04_caption> div classcontainer style> div classcontainer-inner et-item elem-h1 column collapsed twelve style data-font-family> h3 data-h1en>Contact/h3>/div> /div> /div> div classdraggable et-item section-contact-form container th styleposition: relative; idelem_box_stripe_default_04_row> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed ui-sortable four stylewidth: 25%;> div classdraggable et-item section-contact-1 scroll-an imate fadeSlide InLeft4 anim ate animate styleposition: relative; idelem_box_stripe_default_04_column_01> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable style> div classdraggable et-item styleposition: relative; idelem_companydata_stripe_default_04_01> div classcontainer style> div classcontainer-inner et-item elem-companydata column collapsed twelve stylefont-weight: bold; padding-bottom: 5px; data-font-family> div data-companydatatitle data-companydata-paramsdatasource1&columns2&sizedefault&logohref%2F&information%5B0%5Dcapital&information%5B1%5Dcommercial_register&information%5B2%5Dlegal_form&information%5B3%5Dnumber_of_employees&information%5B4%5Dquality_certificate_iso&information%5B5%5Dtrade_name&information%5B6%5Dturnover&information%5B7%5Dyear_of_foundation&social%5B0%5Dfacebook&social%5B1%5Dlinkedin&social%5B2%5Dtwitter&social%5B3%5Dxing&social%5B4%5Dyoutube&social%5B5%5Dgoogle&social%5B6%5Dskype&social%5B7%5Dvk&social%5B8%5Dweibo&social%5B9%5Dwechat&social%5B10%5Dwhatsapp&social%5B11%5Dqq&social%5B12%5Dgoldenline>div>Ningbo Pinnacle Machinery Technology Co., Ltd/div>/div> /div> /div> /div> div classdraggable et-item styleposition: relative; margin-bottom: 30px; idelem_companydata_stripe_default_04_02> div classcontainer style> div classcontainer-inner et-item elem-companydata column collapsed twelve style> div data-companydataaddress data-companydata-paramsdatasource1&columns2&sizedefault&logohref%2F&information%5B0%5Dcapital&information%5B1%5Dcommercial_register&information%5B2%5Dlegal_form&information%5B3%5Dnumber_of_employees&information%5B4%5Dquality_certificate_iso&information%5B5%5Dtrade_name&information%5B6%5Dturnover&information%5B7%5Dyear_of_foundation&social%5B0%5Dfacebook&social%5B1%5Dlinkedin&social%5B2%5Dtwitter&social%5B3%5Dxing&social%5B4%5Dyoutube&social%5B5%5Dgoogle&social%5B6%5Dskype&social%5B7%5Dvk&social%5B8%5Dweibo&social%5B9%5Dwechat&social%5B10%5Dwhatsapp&social%5B11%5Dqq&social%5B12%5Dgoldenline> span>Longtanshan 3rd., Dai Beilun Industry/span> span>315800 Ningbo/span> span>China/span> /div> /div> /div> /div> div classdraggable et-item styleposition: relative; idelem_companydata_stripe_default_04_04> div classcontainer style> div classcontainer-inner et-item elem-companydata column collapsed twelve style> div data-companydatacontact data-companydata-paramsdatasource1&columns2&sizedefault&logohref%2F&information%5B0%5Dcapital&information%5B1%5Dcommercial_register&information%5B2%5Dlegal_form&information%5B3%5Dnumber_of_employees&information%5B4%5Dquality_certificate_iso&information%5B5%5Dtrade_name&information%5B6%5Dturnover&information%5B7%5Dyear_of_foundation&social%5B0%5Dfacebook&social%5B1%5Dlinkedin&social%5B2%5Dtwitter&social%5B3%5Dxing&social%5B4%5Dyoutube&social%5B5%5Dgoogle&social%5B6%5Dskype&social%5B7%5Dvk&social%5B8%5Dweibo&social%5B9%5Dwechat&social%5B10%5Dwhatsapp&social%5B11%5Dqq&social%5B12%5Dgoldenline> table classtable table-condensed> tbody>tr>td>span classellipsis>Tel:/span>/td>td>span classellipsis>+8613567420787/span>/td>/tr>tr>td>span classellipsis>Email:/span>/td>td>a classellipsis email-cloak data-email-prefixMj_pacbrake data-email-suffix163.com href>/a>/td>/tr>/tbody> /table> /div> /div> /div> /div>div classdraggable et-item styleposition: relative; opacity: 1; left: 0px; top: 0px; idelem_text_1569740219057_ostng2g50u97998a4itljkum4fvl6513> div classcontainer style> div classcontainer-inner et-item elem-textbox column collapsed twelve style>div data-textboxen>Email： a href/cdn-cgi/l/email-protection class__cf_email__ data-cfemail2a674349424b4f46754043446a44485a4344444b49464f04494547>email protected/a>/div>/div> /div> /div> /div> /div> /div> /div> div classcontainer-inner et-item elem-box droppable column collapsed ui-sortable four stylewidth: 50%;> div classdraggable et-item scroll-ani mate fadeS lideInBottom1 ani animate styleposition: relative; idelem_box_stripe_default_04_column_02> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable style> div classdraggable et-item tab-cap styleposition: relative; margin-right: 60px; idelem_contactform_stripe_default_04_column_02> div classcontainer style> div classcontainer-inner et-item elem-contactform column collapsed twelve style> div data-contactform data-contactform-paramsblocks%5B0%5Dcontact_company&blocks%5B1%5Dcontact_name&blocks%5B2%5Dcontact_email&blocks%5B3%5Dcontact_tel&blocks%5B4%5Dbasic_query&require%5B0%5Dcontact_company&require%5B1%5Dcontact_name&require%5B2%5Dcontact_email&require%5B3%5Dcontact_tel&require%5B4%5Dbasic_query&templateplaceholder>form classcsContactFormContainer> div classcsContactFormBlock csContactFormBlock-contact_company> div classcsContactFormInput controls contact_company>input typetext data-checkrequired namecs_contactformdatacontact_company placeholderCompany name/>/div> /div> div classcsContactFormBlock csContactFormBlock-contact_name> div classcsContactFormInput controls contact_name>input typetext data-checkrequired namecs_contactformdatacontact_name placeholderContact person/>/div> /div> div classcsContactFormBlock csContactFormBlock-contact_email> div classcsContactFormInput controls contact_email>input typetext data-checkrequired namecs_contactformdatacontact_email placeholderEmail/>/div> /div> div classcsContactFormBlock csContactFormBlock-contact_tel> div classcsContactFormInput controls contact_tel>input typetext data-checkrequired namecs_contactformdatacontact_tel placeholderTel/>/div> /div> div classcsContactFormBlock csContactFormBlock-basic_query> div classcsContactFormInput controls basic_query>textarea namecs_contactformdatabasic_query data-checkrequired placeholderEnquiry>/textarea>/div> /div> div classcsContactFormBlock csContactFormBlock-submit> div classcsContactFormInput cs_contactform_submit_btn btn btn-min>Contact/div> /div> input typehidden name cs_contactformhash value />/form>/div> /div> /div> /div> /div> /div> /div> /div> div classcontainer-inner et-item elem-box droppable column collapsed ui-sortable four stylewidth: 25%; background-image: url(https://osscs.industrystock.com/526045/4894c7c5d2bdc5816d05b3fb616b38ed.png); background-repeat: repeat; background-size: auto; background-position: left top;> div classdraggable et-item section-map scroll-ani mate fadeSlideInR ight4 anim ate animate styleposition: relative; idelem_box_stripe_default_04_column_03> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable style> /div> /div> /div> /div> /div> /div> /div> /div>/div>div classet-item sortable stripe-footer box-padding ui-sortable-handle stylewidth: 100%; z-index: 0; idelem_stripe_footer data-tpl793>div classcontainer style> div classcontainer-inner et-item elem-stripe droppable column collapsed twelve ui-sortable style> div classdraggable et-item styleposition: relative; idelem_box_stripe_footer_row> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed ui-sortable four stylewidth: 33.33%;> div classdraggable et-item footer-caption styleposition: relative; idelem_companydata_footer_companyname> div classcontainer style> div classcontainer-inner et-item elem-companydata column collapsed twelve style data-font-family> div data-companydatatitle data-companydata-paramsdatasource1&columns2&sizedefault&logohref%2F&information%5B0%5Dcapital&information%5B1%5Dcommercial_register&information%5B2%5Dlegal_form&information%5B3%5Dnumber_of_employees&information%5B4%5Dquality_certificate_iso&information%5B5%5Dtrade_name&information%5B6%5Dturnover&information%5B7%5Dyear_of_foundation&social%5B0%5Dfacebook&social%5B1%5Dlinkedin&social%5B2%5Dtwitter&social%5B3%5Dxing&social%5B4%5Dyoutube&social%5B5%5Dgoogle&social%5B6%5Dskype&social%5B7%5Dvk&social%5B8%5Dweibo&social%5B9%5Dwechat&social%5B10%5Dwhatsapp&social%5B11%5Dqq&social%5B12%5Dgoldenline>div>Ningbo Pinnacle Machinery Technology Co., Ltd/div>/div> /div> /div> /div> div classdraggable et-item styleposition: relative; idelem_companydata_footer_address> div classcontainer style> div classcontainer-inner et-item elem-companydata column collapsed twelve style data-font-family> div data-companydataaddress data-companydata-paramsdatasource1&columns2&sizedefault&logohref%2F&information%5B0%5Dcapital&information%5B1%5Dcommercial_register&information%5B2%5Dlegal_form&information%5B3%5Dnumber_of_employees&information%5B4%5Dquality_certificate_iso&information%5B5%5Dtrade_name&information%5B6%5Dturnover&information%5B7%5Dyear_of_foundation&social%5B0%5Dfacebook&social%5B1%5Dlinkedin&social%5B2%5Dtwitter&social%5B3%5Dxing&social%5B4%5Dyoutube&social%5B5%5Dgoogle&social%5B6%5Dskype&social%5B7%5Dvk&social%5B8%5Dweibo&social%5B9%5Dwechat&social%5B10%5Dwhatsapp&social%5B11%5Dqq&social%5B12%5Dgoldenline> span>Longtanshan 3rd., Dai Beilun Industry/span> span>315800 Ningbo/span> span>China/span> /div> /div> /div> /div> /div> div classcontainer-inner et-item elem-box droppable column collapsed ui-sortable four stylewidth: 33.34%;> div classdraggable et-item footer-caption styleposition: relative; idelem_h1_footer_contact_caption> div classcontainer style> div classcontainer-inner et-item elem-h1 column collapsed twelve style data-font-family> h4 data-h1en data-h1-paramskind4>Contact/h4> /div> /div> /div> div classdraggable et-item styleposition: relative; idelem_companydata_footer_contact> div classcontainer style> div classcontainer-inner et-item elem-companydata column collapsed twelve style data-font-family> div data-companydatacontact data-companydata-paramsdatasource1&columns2&sizedefault&logohref%2F&information%5B0%5Dcapital&information%5B1%5Dcommercial_register&information%5B2%5Dlegal_form&information%5B3%5Dnumber_of_employees&information%5B4%5Dquality_certificate_iso&information%5B5%5Dtrade_name&information%5B6%5Dturnover&information%5B7%5Dyear_of_foundation&social%5B0%5Dfacebook&social%5B1%5Dlinkedin&social%5B2%5Dtwitter&social%5B3%5Dxing&social%5B4%5Dyoutube&social%5B5%5Dgoogle&social%5B6%5Dskype&social%5B7%5Dvk&social%5B8%5Dweibo&social%5B9%5Dwechat&social%5B10%5Dwhatsapp&social%5B11%5Dqq&social%5B12%5Dgoldenline> table classtable table-condensed> tbody>tr>td>span classellipsis>Tel:/span>/td>td>span classellipsis>+8613567420787/span>/td>/tr>tr>td>span classellipsis>Email:/span>/td>td>a classellipsis email-cloak data-email-prefixMj_pacbrake data-email-suffix163.com href>/a>/td>/tr>/tbody> /table> /div> /div> /div> /div> /div> div classcontainer-inner et-item elem-box droppable column collapsed ui-sortable four stylewidth: 33.33%;> div classdraggable et-item footer-caption styleposition: relative; idelem_h1_footer_social_caption> div classcontainer style> div classcontainer-inner et-item elem-h1 column collapsed twelve style data-font-family> h4 data-h1en data-h1-paramskind4>Follow us/h4> /div> /div> /div> div classdraggable et-item styleposition: relative; idelem_companydata_footer_social> div classcontainer style> div classcontainer-inner et-item elem-companydata column collapsed twelve style data-font-family> div data-companydatasocial data-companydata-paramsdatasource1&columns2&sizedefault&logohref%2F&information%5B0%5Dcapital&information%5B1%5Dcommercial_register&information%5B2%5Dlegal_form&information%5B3%5Dnumber_of_employees&information%5B4%5Dquality_certificate_iso&information%5B5%5Dtrade_name&information%5B6%5Dturnover&information%5B7%5Dyear_of_foundation&social%5B0%5Dfacebook&social%5B1%5Dlinkedin&social%5B2%5Dtwitter&social%5B3%5Dxing&social%5B4%5Dyoutube&social%5B5%5Dgoogle&social%5B6%5Dskype&social%5B7%5Dvk&social%5B8%5Dweibo&social%5B9%5Dwechat&social%5B10%5Dwhatsapp&social%5B11%5Dqq&social%5B12%5Dgoldenline>a classsocial-button default relnofollow target_blank data-valueMichael.jintop aria-labelskype href# onclicktypeof $.MYALERT object ? $.MYALERT.alert(Michael.jintop) : alert(Michael.jintop);return false; data-keyskype>span>/span>/a>a classsocial-button default relnofollow target_blank data-value13567420787 aria-labelwechat href# onclicktypeof $.MYALERT object ? $.MYALERT.alert(13567420787) : alert(13567420787);return false; data-keywechat>span>/span>/a>/div> /div> /div> /div> /div> /div> /div> /div> /div>/div>/div>script data-cfasyncfalse src/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js>/script>/body>/html>
Port 443
HTTP/1.1 200 OKDate: Sun, 17 Nov 2024 06:35:10 GMTServer: ApacheX-Powered-By: PHP/7.2.13Upgrade: h2Connection: Upgrade, closeContent-Type: text/html;charsetUTF-8Vary: Accept-EncodingTransfer-Encoding: chunked !DOCTYPE html>html langen>head>meta http-equivX-UA-Compatible contentIEedge,chrome1>meta charsetutf-8>!-- 2.2991321086884s -->!-- HTML5 for IE6,7,8 -->!--if IE>script>(function(){ var html5elems address|article|aside|audio|canvas|command|datalist|details|dialog|figure|figcaption|footer|header|hgroup|keygen|mark|meter|menu|nav|progress|ruby|section|time|video.split(|); for(var i 0; i html5elems.length; i++){ document.createElement(html5elemsi); }})();/script>!endif-->link relpreload asfont hrefhttps://osscs.industrystock.cn/fonts/fontawesome-webfont.woff?v4.5.0 typefont/woff crossorigin>style typetext/css idproject-inline-styles> a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, summary, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video { font-size: 100%; font-weight: inherit; font-style: inherit; vertical-align: baseline; white-space: normal; text-align: inherit; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { margin-left: 15px; } blockquote, q { quotes: none; } :focus { outline: 0; } table { border-collapse: collapse; border-spacing: 0; } body { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: 400; font-size: 14px; line-height: 1.425; color: #000; } bodydata-langcn * { font-weight: 400!important; font-family: Microsoft JhengHei, Tahoma, Verdana, Arial, sans-serif; } .small { font-size: 12px; line-height: 15px; } .color_light { color: #EFEFEF!important; } .color_dark { color: #333333!important; } .color_gray_light { color: #D9DADB!important; } .color_gray { color: #9C9E9F!important; } .color_green_dark { color: #00632F!important; } .color_green_light { color: #D1E392!important; } .color_green { color: #97BF0D!important; } .color_orange_dark { color: #E85422!important; } .color_orange_light { color: #F8B334!important;} .bg_color_light { background: #EFEFEF!important; } .bg_color_dark { background: #333333!important; } .bg_color_gray_light { background: #D9DADB!important; } .bg_color_gray { background: #9C9E9F!important; } .bg_color_green_dark { background: #00632F!important; } .bg_color_green_light { background: #D1E392!important; } .bg_color_green { background: #97BF0D!important; } .bg_color_orange_dark { background: #E85422!important; } .bg_color_orange_light { background: #F8B334!important; } .text-right { text-align: right!important; } .fw_l, .fw_l * { font-weight: 300!important; } .fw_r, .fw_r * { font-weight: 400!important; } .fw_sb, .fw_sb * { font-weight: 600!important; } .fw_b, .fw_b * { font-weight: 700!important; } b, b * { font-weight: 600!important; } .highlight, .highlight *, a .highlight, a .highlight * { color: #00632F; } a:active, a:hover, a:focus, a:active *, a:hover *, a:focus * { color: #97BF0D; text-decoration: none; } a.asText:visited, a.asText:visited *, a.asText:focus, a.asText:focus *, a.asText:hover, a.asText:hover *, a.asText:active, a.asText:active * { color: inherit!important; } a.ia { font-weight: 600; } h1,.h1,.f1 { font-weight: 400; font-size: 22px; line-height: 25px; color: #00632F; } h2,.h2,.f2 { font-weight: 400; font-size: 20px; line-height: 25px; color: #00632F; margin-bottom: 10px!important; } h3,.h3,.f3 { font-weight: 600; font-size: 15px; line-height: 20px; color: #97BF0D; } h4,.h4,.f4 { font-weight: 700; font-size: 15px; line-height: 20px; color: #000; } h5,.h5,.f5, .formSubHeadline { font-weight: 700; font-size: 15px; line-height: 20px; color: #00632F; } h6,.h6,.f6 { font-weight: 700; line-height: 18px; color: #00632F; } h7,.h7,.f7 { font-weight: 700; line-height: 15px; color: #000; } .f8,.f8 * { font-weight: 400; font-size: 15px; line-height: 20px; color: #000; } .f9,.f9 * { font-weight: 400; font-size: 12px; line-height: 15px; color: #000; } .f10,.f10 * { font-weight: 400; font-size: 20px; line-height: 20px; color: #D9DADB; } .f11,.f11 * { font-weight: 400; font-size: 15px; line-height: 18px; color: #D9DADB; } .f12,.f12 * { font-weight: 400; font-size: 12px; line-height: 15px; color: #D9DADB; } .f13,.f13 * { font-weight: 400; font-size: 15px; line-height: 18px; color: #A3A3A4; } .f14,.f54 * { font-weight: 400; font-size: 20px; line-height: 20px; color: #000; } .f15,.f15 * { font-weight: 400; font-size: 15px; line-height: 15px; color: #00632F; } .f16,.f16 * { font-weight: 400; font-size: 18px; line-height: 18px; color: #97BF0D; } .f17,.f17 * { font-weight: 400; font-size: 18px; line-height: 18px; color: #000; } .f18,.f18 * { font-weight: 400; font-size: 15px; line-height: 15px; color: #97BF0D; } .f19,.f19 * { font-weight: 400; font-size: 15px; line-height: 15px; color: #E85422; } .f20,.f20 * { font-weight: 400; font-size: 15px; line-height: 15px; color: #FF0000; } .f21,.f21 * { font-weight: 400; font-size: 15px; line-height: 20px; color: #FFFFFF; } .f22,.f22 * { font-weight: 300; font-size: 18px; line-height: 25px; color: #D9DADB; } .f23,.f23 * { font-weight: 300; font-size: 35px; line-height: 40px; color: #D9DADB; } .f24,.f24 * { font-weight: 300; font-size: 13px; line-height: 18px; color: #000; } .font-togle {} .font-toggle.bigger_1, .font-toggle.bigger_1 * { font-size: 17px; line-height: 20px; } .font-toggle.bigger_2, .font-toggle.bigger_2 * { font-size: 20px; line-height: 25px; } .f9.font-toggle {} .f9.font-toggle.bigger_1, .f9.font-toggle.bigger_1 * { font-size: 15px; line-height: 20px; } .f9.font-toggle.bigger_2, .f9.font-toggle.bigger_2 * { font-size: 18px; line-height: 23px; } h1,h2,h3,h4,h5,.formSubHeadline,h6,h7, .h1,.h2,.h3,.h4,.h5,.h6,.h7 { margin-bottom: 5px; } b,strong, b *, strong * { font-weight: 700; } *::-webkit-input-placeholder { color: #000; } *:-moz-placeholder { color: #000; } *::-moz-placeholder { color: #000; } *:-ms-input-placeholder { color: #000; } .keywordHighlight { color: #00632F; } .ltr, .ltr * { direction: ltr!important; } .rtl, .rtl * { direction: rtl!important; text-align: right; } data-comment::after { color: #00632F!important; font-style: italic; content: ( attr(data-comment) ) ; } alignleft { text-align: left; } alignright { text-align: right; } aligncenter { text-align: center; } alignjustify { text-align: justify; } :root { --color-filter-white: invert(100%) sepia(100%) saturate(0%) hue-rotate(138deg) brightness(100%) contrast(100%); --icon-paint-roller: url(data:image/svg+xml;utf8,svg xmlnshttp://www.w3.org/2000/svg width1em height1em viewBox0 0 512 512>path fillcurrentColor dM0 64C0 28.7 28.7 0 64 0h288c35.3 0 64 28.7 64 64v64c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64zm160 288c0-17.7 14.3-32 32-32v-16c0-44.2 35.8-80 80-80h144c17.7 0 32-14.3 32-32V69.5c37.3 13.2 64 48.7 64 90.5v32c0 53-43 96-96 96H272c-8.8 0-16 7.2-16 16v16c17.7 0 32 14.3 32 32v128c0 17.7-14.3 32-32 32h-64c-17.7 0-32-14.3-32-32z/>/svg>); } @font-face { font-family: FontAwesome; src: url(https://osscs.industrystock.cn/fonts/fontawesome-webfont.eot?v4.5.0); src: url(https://osscs.industrystock.cn/fonts/fontawesome-webfont.eot?#iefix&v4.5.0) format(embedded-opentype), url(https://osscs.industrystock.cn/fonts/fontawesome-webfont.woff?v4.5.0) format(woff), url(https://osscs.industrystock.cn/fonts/fontawesome-webfont.ttf?v4.5.0) format(truetype), url(https://osscs.industrystock.cn/fonts/fontawesome-webfont.svg?v4.5.0#fontawesomeregular) format(svg); font-weight: normal; font-style: normal; font-display: swap; } .awe, class^awe-, class* awe- { display: inline-block; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .awe:before, class^awe-:before, class* awe-:before { font-family: FontAwesome!important; } .awe-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .awe-2x { font-size: 2em; } .awe-3x { font-size: 3em; } .awe-4x { font-size: 4em; } .awe-5x { font-size: 5em; } .awe-fw { width: 1.28571429em; text-align: center; } .awe-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .awe-ul > li { position: relative; } .awe-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .awe-li.awe-lg { left: -1.85714286em; } .awe-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .awe-pull-left { float: left; } .awe-pull-right { float: right; } .fa.awe-pull-left { margin-right: .3em; } .fa.awe-pull-right { margin-left: .3em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .awe-spin { -webkit-animation: fa-spin 5s infinite linear; animation: fa-spin 5s infinite linear; } .awe-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } .hourglass-animate {} .hourglass-animate.rotate { -webkit-transition: transform 0.8s; transition: transform 0.8s; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .awe-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .awe-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .awe-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .awe-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation0, mirror1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .awe-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation2, mirror1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .awe-rotate-90, :root .awe-rotate-180, :root .awe-rotate-270, :root .awe-flip-horizontal, :root .awe-flip-vertical { filter: none; } .awe-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .awe-stack-1x, .awe-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .awe-stack-1x { line-height: inherit; } .awe-stack-2x { font-size: 2em; } .awe-inverse { color: #ffffff; } .awe-glass:before { content: \f000; } .awe-music:before { content: \f001; } .awe-search:before { content: \f002; } .awe-envelope-o:before, .awe-email:before { content: \f003; } .awe-heart:before { content: \f004; } .awe-star:before { content: \f005; } .awe-star-o:before { content: \f006; } .awe-user:before { content: \f007; } .awe-film:before { content: \f008; } .awe-th-large:before { content: \f009; } .awe-th:before { content: \f00a; } .awe-th-list:before { content: \f00b; } .awe-check:before { content: \f00c; } .awe-remove:before, .awe-close:before, .awe-times:before { content: \f00d; } .awe-search-plus:before { content: \f00e; } .awe-search-minus:before { content: \f010; } .awe-power-off:before { content: \f011; } .awe-signal:before { content: \f012; } .awe-gear:before, .awe-cog:before { content: \f013; } .awe-trash-o:before { content: \f014; } .awe-home:before { content: \f015; } .awe-file-o:before { content: \f016; } .awe-clock-o:before { content: \f017; } .awe-road:before { content: \f018; } .awe-download:before { content: \f019; } .awe-arrow-circle-o-down:before { content: \f01a; } .awe-arrow-circle-o-up:before { content: \f01b; } .awe-inbox:before { content: \f01c; } .awe-play-circle-o:before { content: \f01d; } .awe-rotate-right:before, .awe-repeat:before { content: \f01e; } .awe-refresh:before { content: \f021; } .awe-list-alt:before { content: \f022; } .awe-lock:before { content: \f023; } .awe-flag:before { content: \f024; } .awe-headphones:before { content: \f025; } .awe-volume-off:before { content: \f026; } .awe-volume-down:before { content: \f027; } .awe-volume-up:before { content: \f028; } .awe-qrcode:before { content: \f029; } .awe-barcode:before { content: \f02a; } .awe-tag:before { content: \f02b; } .awe-tags:before { content: \f02c; } .awe-book:before { content: \f02d; } .awe-bookmark:before { content: \f02e; } .awe-print:before { content: \f02f; } .awe-camera:before { content: \f030; } .awe-font:before { content: \f031; } .awe-bold:before { content: \f032; } .awe-italic:before { content: \f033; } .awe-text-height:before { content: \f034; } .awe-text-width:before { content: \f035; } .awe-align-left:before { content: \f036; } .awe-align-center:before { content: \f037; } .awe-align-right:before { content: \f038; } .awe-align-justify:before { content: \f039; } .awe-list:before { content: \f03a; } .awe-dedent:before, .awe-outdent:before { content: \f03b; } .awe-indent:before { content: \f03c; } .awe-video-camera:before { content: \f03d; } .awe-photo:before, .awe-image:before, .awe-picture:before, .awe-picture-o:before { content: \f03e; } .awe-pencil:before { content: \f040; } .awe-map-marker:before { content: \f041; } .awe-adjust:before { content: \f042; } .awe-tint:before { content: \f043; } .awe-edit:before, .awe-pencil-square-o:before { content: \f044; } .awe-share-square-o:before { content: \f045; } .awe-check-square-o:before { content: \f046; } .awe-arrows:before { content: \f047; } .awe-step-backward:before { content: \f048; } .awe-fast-backward:before { content: \f049; } .awe-backward:before { content: \f04a; } .awe-play:before { content: \f04b; } .awe-pause:before { content: \f04c; } .awe-stop:before { content: \f04d; } .awe-forward:before { content: \f04e; } .awe-fast-forward:before { content: \f050; } .awe-step-forward:before { content: \f051; } .awe-eject:before { content: \f052; } .awe-chevron-left:before { content: \f053; } .awe-chevron-right:before { content: \f054; } .awe-plus-circle:before { content: \f055; } .awe-minus-circle:before { content: \f056; } .awe-times-circle:before { content: \f057; } .awe-check-circle:before { content: \f058; } .awe-question-circle:before { content: \f059; } .awe-info-circle:before { content: \f05a; } .awe-crosshairs:before { content: \f05b; } .awe-times-circle-o:before { content: \f05c; } .awe-check-circle-o:before { content: \f05d; } .awe-ban:before { content: \f05e; } .awe-arrow-left:before { content: \f060; } .awe-arrow-right:before { content: \f061; } .awe-arrow-up:before { content: \f062; } .awe-arrow-down:before { content: \f063; } .awe-mail-forward:before, .awe-share:before { content: \f064; } .awe-expand:before { content: \f065; } .awe-compress:before { content: \f066; } .awe-plus:before { content: \f067; } .awe-minus:before { content: \f068; } .awe-asterisk:before { content: \f069; } .awe-exclamation-circle:before { content: \f06a; } .awe-gift:before { content: \f06b; } .awe-leaf:before { content: \f06c; } .awe-fire:before { content: \f06d; } .awe-eye:before { content: \f06e; } .awe-eye-slash:before { content: \f070; } .awe-warning:before, .awe-exclamation-triangle:before { content: \f071; } .awe-plane:before { content: \f072; } .awe-calendar:before { content: \f073; } .awe-random:before { content: \f074; } .awe-comment:before { content: \f075; } .awe-magnet:before { content: \f076; } .awe-chevron-up:before { content: \f077; } .awe-chevron-down:before { content: \f078; } .awe-retweet:before { content: \f079; } .awe-shopping-cart:before { content: \f07a; } .awe-folder:before { content: \f07b; } .awe-folder-open:before { content: \f07c; } .awe-arrows-v:before { content: \f07d; } .awe-arrows-h:before { content: \f07e; } .awe-bar-chart-o:before, .awe-bar-chart:before { content: \f080; } .awe-twitter-square:before { content: \f081; } .awe-facebook-square:before { content: \f082; } .awe-camera-retro:before { content: \f083; } .awe-key:before { content: \f084; } .awe-gears:before, .awe-cogs:before { content: \f085; } .awe-comments:before { content: \f086; } .awe-thumbs-o-up:before { content: \f087; } .awe-thumbs-o-down:before { content: \f088; } .awe-star-half:before { content: \f089; } .awe-heart-o:before { content: \f08a; } .awe-sign-out:before { content: \f08b; } .awe-linkedin-square:before { content: \f08c; } .awe-thumb-tack:before { content: \f08d; } .awe-external-link:before { content: \f08e; } .awe-sign-in:before { content: \f090; } .awe-trophy:before { content: \f091; } .awe-github-square:before { content: \f092; } .awe-upload:before { content: \f093; } .awe-lemon-o:before { content: \f094; } .awe-phone:before { content: \f095; } .awe-square-o:before { content: \f096; } .awe-bookmark-o:before { content: \f097; } .awe-phone-square:before { content: \f098; } .awe-twitter:before { content: \f099; } .awe-facebook-f:before, .awe-facebook:before { content: \f09a; } .awe-github:before { content: \f09b; } .awe-unlock:before { content: \f09c; } .awe-credit-card:before { content: \f09d; } .awe-feed:before, .awe-rss:before { content: \f09e; } .awe-hdd-o:before { content: \f0a0; } .awe-bullhorn:before { content: \f0a1; } .awe-bell:before { content: \f0f3; } .awe-certificate:before { content: \f0a3; } .awe-hand-o-right:before { content: \f0a4; } .awe-hand-o-left:before { content: \f0a5; } .awe-hand-o-up:before { content: \f0a6; } .awe-hand-o-down:before { content: \f0a7; } .awe-arrow-circle-left:before { content: \f0a8; } .awe-arrow-circle-right:before { content: \f0a9; } .awe-arrow-circle-up:before { content: \f0aa; } .awe-arrow-circle-down:before { content: \f0ab; } .awe-globe:before { content: \f0ac; } .awe-wrench:before { content: \f0ad; } .awe-tasks:before { content: \f0ae; } .awe-filter:before { content: \f0b0; } .awe-briefcase:before { content: \f0b1; } .awe-arrows-alt:before { content: \f0b2; } .awe-group:before, .awe-users:before { content: \f0c0; } .awe-chain:before, .awe-link:before { content: \f0c1; } .awe-cloud:before { content: \f0c2; } .awe-flask:before { content: \f0c3; } .awe-cut:before, .awe-scissors:before { content: \f0c4; } .awe-copy:before, .awe-files-o:before { content: \f0c5; } .awe-paperclip:before { content: \f0c6; } .awe-save:before, .awe-floppy-o:before { content: \f0c7; } .awe-square:before { content: \f0c8; } .awe-navicon:before, .awe-reorder:before, .awe-bars:before { content: \f0c9; } .awe-list-ul:before { content: \f0ca; } .awe-list-ol:before { content: \f0cb; } .awe-strikethrough:before { content: \f0cc; } .awe-underline:before { content: \f0cd; } .awe-table:before { content: \f0ce; } .awe-magic:before { content: \f0d0; } .awe-truck:before { content: \f0d1; } .awe-pinterest:before { content: \f0d2; } .awe-pinterest-square:before { content: \f0d3; } .awe-google-plus-square:before { content: \f0d4; } .awe-google-plus:before { content: \f0d5; } .awe-money:before { content: \f0d6; } .awe-caret-down:before { content: \f0d7; } .awe-caret-up:before { content: \f0d8; } .awe-caret-left:before { content: \f0d9; } .awe-caret-right:before { content: \f0da; } .awe-columns:before { content: \f0db; } .awe-unsorted:before, .awe-sort:before { content: \f0dc; } .awe-sort-down:before, .awe-sort-desc:before { content: \f0dd; } .awe-sort-up:before, .awe-sort-asc:before { content: \f0de; } .awe-envelope:before { content: \f0e0; } .awe-linkedin:before { content: \f0e1; } .awe-rotate-left:before, .awe-undo:before { content: \f0e2; } .awe-legal:before, .awe-gavel:before { content: \f0e3; } .awe-dashboard:before, .awe-tachometer:before { content: \f0e4; } .awe-comment-o:before { content: \f0e5; } .awe-comments-o:before { content: \f0e6; } .awe-flash:before, .awe-bolt:before { content: \f0e7; } .awe-sitemap:before { content: \f0e8; } .awe-umbrella:before { content: \f0e9; } .awe-paste:before, .awe-clipboard:before { content: \f0ea; } .awe-lightbulb-o:before { content: \f0eb; } .awe-exchange:before { content: \f0ec; } .awe-cloud-download:before { content: \f0ed; } .awe-cloud-upload:before { content: \f0ee; } .awe-user-md:before { content: \f0f0; } .awe-stethoscope:before { content: \f0f1; } .awe-suitcase:before { content: \f0f2; } .awe-bell-o:before { content: \f0a2; } .awe-coffee:before { content: \f0f4; } .awe-cutlery:before { content: \f0f5; } .awe-file-text-o:before { content: \f0f6; } .awe-building-o:before { content: \f0f7; } .awe-hospital-o:before { content: \f0f8; } .awe-ambulance:before { content: \f0f9; } .awe-medkit:before { content: \f0fa; } .awe-fighter-jet:before { content: \f0fb; } .awe-beer:before { content: \f0fc; } .awe-h-square:before { content: \f0fd; } .awe-plus-square:before { content: \f0fe; } .awe-angle-double-left:before { content: \f100; } .awe-angle-double-right:before { content: \f101; } .awe-angle-double-up:before { content: \f102; } .awe-angle-double-down:before { content: \f103; } .awe-angle-left:before { content: \f104; } .awe-angle-right:before { content: \f105; } .awe-angle-up:before { content: \f106; } .awe-angle-down:before { content: \f107; } .awe-desktop:before { content: \f108; } .awe-laptop:before { content: \f109; } .awe-tablet:before { content: \f10a; } .awe-mobile-phone:before, .awe-mobile:before { content: \f10b; } .awe-circle-o:before { content: \f10c; } .awe-quote-left:before { content: \f10d; } .awe-quote-right:before { content: \f10e; } .awe-spinner:before { content: \f110; } .awe-circle:before { content: \f111; } .awe-mail-reply:before, .awe-reply:before { content: \f112; } .awe-github-alt:before { content: \f113; } .awe-folder-o:before { content: \f114; } .awe-folder-open-o:before { content: \f115; } .awe-smile-o:before { content: \f118; } .awe-frown-o:before { content: \f119; } .awe-meh-o:before { content: \f11a; } .awe-gamepad:before { content: \f11b; } .awe-keyboard-o:before { content: \f11c; } .awe-flag-o:before { content: \f11d; } .awe-flag-checkered:before { content: \f11e; } .awe-terminal:before { content: \f120; } .awe-code:before { content: \f121; } .awe-mail-reply-all:before, .awe-reply-all:before { content: \f122; } .awe-star-half-empty:before, .awe-star-half-full:before, .awe-star-half-o:before { content: \f123; } .awe-location-arrow:before { content: \f124; } .awe-crop:before { content: \f125; } .awe-code-fork:before { content: \f126; } .awe-unlink:before, .awe-chain-broken:before { content: \f127; } .awe-question:before { content: \f128; } .awe-info:before { content: \f129; } .awe-exclamation:before { content: \f12a; } .awe-superscript:before { content: \f12b; } .awe-subscript:before { content: \f12c; } .awe-eraser:before { content: \f12d; } .awe-puzzle-piece:before { content: \f12e; } .awe-microphone:before { content: \f130; } .awe-microphone-slash:before { content: \f131; } .awe-shield:before { content: \f132; } .awe-calendar-o:before { content: \f133; } .awe-fire-extinguisher:before { content: \f134; } .awe-rocket:before { content: \f135; } .awe-maxcdn:before { content: \f136; } .awe-chevron-circle-left:before { content: \f137; } .awe-chevron-circle-right:before { content: \f138; } .awe-chevron-circle-up:before { content: \f139; } .awe-chevron-circle-down:before { content: \f13a; } .awe-html5:before { content: \f13b; } .awe-css3:before { content: \f13c; } .awe-anchor:before { content: \f13d; } .awe-unlock-alt:before { content: \f13e; } .awe-bullseye:before { content: \f140; } .awe-ellipsis-h:before { content: \f141; } .awe-ellipsis-v:before { content: \f142; } .awe-rss-square:before { content: \f143; } .awe-play-circle:before { content: \f144; } .awe-ticket:before { content: \f145; } .awe-minus-square:before { content: \f146; } .awe-minus-square-o:before { content: \f147; } .awe-level-up:before { content: \f148; } .awe-level-down:before { content: \f149; } .awe-check-square:before { content: \f14a; } .awe-pencil-square:before { content: \f14b; } .awe-external-link-square:before { content: \f14c; } .awe-share-square:before { content: \f14d; } .awe-compass:before { content: \f14e; } .awe-toggle-down:before, .awe-caret-square-o-down:before { content: \f150; } .awe-toggle-up:before, .awe-caret-square-o-up:before { content: \f151; } .awe-toggle-right:before, .awe-caret-square-o-right:before { content: \f152; } .awe-euro:before, .awe-eur:before { content: \f153; } .awe-gbp:before { content: \f154; } .awe-dollar:before, .awe-usd:before { content: \f155; } .awe-rupee:before, .awe-inr:before { content: \f156; } .awe-cny:before, .awe-rmb:before, .awe-yen:before, .awe-jpy:before { content: \f157; } .awe-ruble:before, .awe-rouble:before, .awe-rub:before { content: \f158; } .awe-won:before, .awe-krw:before { content: \f159; } .awe-bitcoin:before, .awe-btc:before { content: \f15a; } .awe-file:before { content: \f15b; } .awe-file-text:before { content: \f15c; } .awe-sort-alpha-asc:before { content: \f15d; } .awe-sort-alpha-desc:before { content: \f15e; } .awe-sort-amount-asc:before { content: \f160; } .awe-sort-amount-desc:before { content: \f161; } .awe-sort-numeric-asc:before { content: \f162; } .awe-sort-numeric-desc:before { content: \f163; } .awe-thumbs-up:before { content: \f164; } .awe-thumbs-down:before { content: \f165; } .awe-youtube-square:before { content: \f166; } .awe-youtube:before { content: \f167; } .awe-xing:before { content: \f168; } .awe-xing-square:before { content: \f169; } .awe-youtube-play:before { content: \f16a; } .awe-dropbox:before { content: \f16b; } .awe-stack-overflow:before { content: \f16c; } .awe-instagram:before { content: \f16d; } .awe-flickr:before { content: \f16e; } .awe-adn:before { content: \f170; } .awe-bitbucket:before { content: \f171; } .awe-bitbucket-square:before { content: \f172; } .awe-tumblr:before { content: \f173; } .awe-tumblr-square:before { content: \f174; } .awe-long-arrow-down:before { content: \f175; } .awe-long-arrow-up:before { content: \f176; } .awe-long-arrow-left:before { content: \f177; } .awe-long-arrow-right:before { content: \f178; } .awe-apple:before { content: \f179; } .awe-windows:before { content: \f17a; } .awe-android:before { content: \f17b; } .awe-linux:before { content: \f17c; } .awe-dribbble:before { content: \f17d; } .awe-skype:before { content: \f17e; } .awe-foursquare:before { content: \f180; } .awe-trello:before { content: \f181; } .awe-female:before { content: \f182; } .awe-male:before { content: \f183; } .awe-gittip:before, .awe-gratipay:before { content: \f184; } .awe-sun-o:before { content: \f185; } .awe-moon-o:before { content: \f186; } .awe-archive:before { content: \f187; } .awe-bug:before { content: \f188; } .awe-vk:before { content: \f189; } .awe-weibo:before { content: \f18a; } .awe-renren:before { content: \f18b; } .awe-pagelines:before { content: \f18c; } .awe-stack-exchange:before { content: \f18d; } .awe-arrow-circle-o-right:before { content: \f18e; } .awe-arrow-circle-o-left:before { content: \f190; } .awe-toggle-left:before, .awe-caret-square-o-left:before { content: \f191; } .awe-dot-circle-o:before { content: \f192; } .awe-wheelchair:before { content: \f193; } .awe-vimeo-square:before { content: \f194; } .awe-turkish-lira:before, .awe-try:before { content: \f195; } .awe-plus-square-o:before { content: \f196; } .awe-space-shuttle:before { content: \f197; } .awe-slack:before { content: \f198; } .awe-envelope-square:before { content: \f199; } .awe-wordpress:before { content: \f19a; } .awe-openid:before { content: \f19b; } .awe-institution:before, .awe-bank:before, .awe-university:before { content: \f19c; } .awe-mortar-board:before, .awe-graduation-cap:before { content: \f19d; } .awe-yahoo:before { content: \f19e; } .awe-google:before { content: \f1a0; } .awe-reddit:before { content: \f1a1; } .awe-reddit-square:before { content: \f1a2; } .awe-stumbleupon-circle:before { content: \f1a3; } .awe-stumbleupon:before { content: \f1a4; } .awe-delicious:before { content: \f1a5; } .awe-digg:before { content: \f1a6; } .awe-pied-piper:before { content: \f1a7; } .awe-pied-piper-alt:before { content: \f1a8; } .awe-drupal:before { content: \f1a9; } .awe-joomla:before { content: \f1aa; } .awe-language:before { content: \f1ab; } .awe-fax:before { content: \f1ac; } .awe-building:before { content: \f1ad; } .awe-child:before { content: \f1ae; } .awe-paw:before { content: \f1b0; } .awe-spoon:before { content: \f1b1; } .awe-cube:before { content: \f1b2; } .awe-cubes:before { content: \f1b3; } .awe-behance:before { content: \f1b4; } .awe-behance-square:before { content: \f1b5; } .awe-steam:before { content: \f1b6; } .awe-steam-square:before { content: \f1b7; } .awe-recycle:before { content: \f1b8; } .awe-automobile:before, .awe-car:before { content: \f1b9; } .awe-cab:before, .awe-taxi:before { content: \f1ba; } .awe-tree:before { content: \f1bb; } .awe-spotify:before { content: \f1bc; } .awe-deviantart:before { content: \f1bd; } .awe-soundcloud:before { content: \f1be; } .awe-database:before { content: \f1c0; } .awe-file-pdf-o:before { content: \f1c1; } .awe-file-word-o:before { content: \f1c2; } .awe-file-excel-o:before { content: \f1c3; } .awe-file-powerpoint-o:before { content: \f1c4; } .awe-file-photo-o:before, .awe-file-picture-o:before, .awe-file-image-o:before { content: \f1c5; } .awe-file-zip-o:before, .awe-file-archive-o:before { content: \f1c6; } .awe-file-sound-o:before, .awe-file-audio-o:before { content: \f1c7; } .awe-file-movie-o:before, .awe-file-video-o:before { content: \f1c8; } .awe-file-code-o:before { content: \f1c9; } .awe-vine:before { content: \f1ca; } .awe-codepen:before { content: \f1cb; } .awe-jsfiddle:before { content: \f1cc; } .awe-life-bouy:before, .awe-life-buoy:before, .awe-life-saver:before, .awe-support:before, .awe-life-ring:before { content: \f1cd; } .awe-circle-o-notch:before { content: \f1ce; } .awe-ra:before, .awe-rebel:before { content: \f1d0; } .awe-ge:before, .awe-empire:before { content: \f1d1; } .awe-git-square:before { content: \f1d2; } .awe-git:before { content: \f1d3; } .awe-y-combinator-square:before, .awe-yc-square:before, .awe-hacker-news:before { content: \f1d4; } .awe-tencent-weibo:before { content: \f1d5; } .awe-qq:before { content: \f1d6; } .awe-wechat:before, .awe-weixin:before { content: \f1d7; } .awe-send:before, .awe-paper-plane:before { content: \f1d8; } .awe-send-o:before, .awe-paper-plane-o:before { content: \f1d9; } .awe-history:before { content: \f1da; } .awe-circle-thin:before { content: \f1db; } .awe-header:before { content: \f1dc; } .awe-paragraph:before { content: \f1dd; } .awe-sliders:before { content: \f1de; } .awe-share-alt:before { content: \f1e0; } .awe-share-alt-square:before { content: \f1e1; } .awe-bomb:before { content: \f1e2; } .awe-soccer-ball-o:before, .awe-futbol-o:before { content: \f1e3; } .awe-tty:before { content: \f1e4; } .awe-binoculars:before { content: \f1e5; } .awe-plug:before { content: \f1e6; } .awe-slideshare:before { content: \f1e7; } .awe-twitch:before { content: \f1e8; } .awe-yelp:before { content: \f1e9; } .awe-newspaper-o:before { content: \f1ea; } .awe-wifi:before { content: \f1eb; } .awe-calculator:before { content: \f1ec; } .awe-paypal:before { content: \f1ed; } .awe-google-wallet:before { content: \f1ee; } .awe-cc-visa:before { content: \f1f0; } .awe-cc-mastercard:before { content: \f1f1; } .awe-cc-discover:before { content: \f1f2; } .awe-cc-amex:before { content: \f1f3; } .awe-cc-paypal:before { content: \f1f4; } .awe-cc-stripe:before { content: \f1f5; } .awe-bell-slash:before { content: \f1f6; } .awe-bell-slash-o:before { content: \f1f7; } .awe-trash:before { content: \f1f8; } .awe-copyright:before { content: \f1f9; } .awe-at:before { content: \f1fa; } .awe-eyedropper:before { content: \f1fb; } .awe-paint-brush:before { content: \f1fc; } .awe-birthday-cake:before { content: \f1fd; } .awe-area-chart:before { content: \f1fe; } .awe-pie-chart:before { content: \f200; } .awe-line-chart:before { content: \f201; } .awe-lastfm:before { content: \f202; } .awe-lastfm-square:before { content: \f203; } .awe-toggle-off:before { content: \f204; } .awe-toggle-on:before { content: \f205; } .awe-bicycle:before { content: \f206; } .awe-bus:before { content: \f207; } .awe-ioxhost:before { content: \f208; } .awe-angellist:before { content: \f209; } .awe-cc:before { content: \f20a; } .awe-shekel:before, .awe-sheqel:before, .awe-ils:before { content: \f20b; } .awe-meanpath:before { content: \f20c; } .awe-buysellads:before { content: \f20d; } .awe-connectdevelop:before { content: \f20e; } .awe-dashcube:before { content: \f210; } .awe-forumbee:before { content: \f211; } .awe-leanpub:before { content: \f212; } .awe-sellsy:before { content: \f213; } .awe-shirtsinbulk:before { content: \f214; } .awe-simplybuilt:before { content: \f215; } .awe-skyatlas:before { content: \f216; } .awe-cart-plus:before { content: \f217; } .awe-cart-arrow-down:before { content: \f218; } .awe-diamond:before { content: \f219; } .awe-ship:before { content: \f21a; } .awe-user-secret:before { content: \f21b; } .awe-motorcycle:before { content: \f21c; } .awe-street-view:before { content: \f21d; } .awe-heartbeat:before { content: \f21e; } .awe-venus:before { content: \f221; } .awe-mars:before { content: \f222; } .awe-mercury:before { content: \f223; } .awe-intersex:before, .awe-transgender:before { content: \f224; } .awe-transgender-alt:before { content: \f225; } .awe-venus-double:before { content: \f226; } .awe-mars-double:before { content: \f227; } .awe-venus-mars:before { content: \f228; } .awe-mars-stroke:before { content: \f229; } .awe-mars-stroke-v:before { content: \f22a; } .awe-mars-stroke-h:before { content: \f22b; } .awe-neuter:before { content: \f22c; } .awe-genderless:before { content: \f22d; } .awe-facebook-official:before { content: \f230; } .awe-pinterest-p:before { content: \f231; } .awe-whatsapp:before { content: \f232; } .awe-server:before { content: \f233; } .awe-user-plus:before { content: \f234; } .awe-user-times:before { content: \f235; } .awe-hotel:before, .awe-bed:before { content: \f236; } .awe-viacoin:before { content: \f237; } .awe-train:before { content: \f238; } .awe-subway:before { content: \f239; } .awe-medium:before { content: \f23a; } .awe-yc:before, .awe-y-combinator:before { content: \f23b; } .awe-optin-monster:before { content: \f23c; } .awe-opencart:before { content: \f23d; } .awe-expeditedssl:before { content: \f23e; } .awe-battery-4:before, .awe-battery-full:before { content: \f240; } .awe-battery-3:before, .awe-battery-three-quarters:before { content: \f241; } .awe-battery-2:before, .awe-battery-half:before { content: \f242; } .awe-battery-1:before, .awe-battery-quarter:before { content: \f243; } .awe-battery-0:before, .awe-battery-empty:before { content: \f244; } .awe-mouse-pointer:before { content: \f245; } .awe-i-cursor:before { content: \f246; } .awe-object-group:before { content: \f247; } .awe-object-ungroup:before { content: \f248; } .awe-sticky-note:before { content: \f249; } .awe-sticky-note-o:before { content: \f24a; } .awe-cc-jcb:before { content: \f24b; } .awe-cc-diners-club:before { content: \f24c; } .awe-clone:before { content: \f24d; } .awe-balance-scale:before { content: \f24e; } .awe-hourglass-o:before { content: \f250; } .awe-hourglass-1:before, .awe-hourglass-start:before { content: \f251; } .awe-hourglass-2:before, .awe-hourglass-half:before { content: \f252; } .awe-hourglass-3:before, .awe-hourglass-end:before { content: \f253; } .awe-hourglass:before { content: \f254; } .awe-hand-grab-o:before, .awe-hand-rock-o:before { content: \f255; } .awe-hand-stop-o:before, .awe-hand-paper-o:before { content: \f256; } .awe-hand-scissors-o:before { content: \f257; } .awe-hand-lizard-o:before { content: \f258; } .awe-hand-spock-o:before { content: \f259; } .awe-hand-pointer-o:before { content: \f25a; } .awe-hand-peace-o:before { content: \f25b; } .awe-trademark:before { content: \f25c; } .awe-registered:before { content: \f25d; } .awe-creative-commons:before { content: \f25e; } .awe-gg:before { content: \f260; } .awe-gg-circle:before { content: \f261; } .awe-tripadvisor:before { content: \f262; } .awe-odnoklassniki:before { content: \f263; } .awe-odnoklassniki-square:before { content: \f264; } .awe-get-pocket:before { content: \f265; } .awe-wikipedia-w:before { content: \f266; } .awe-safari:before { content: \f267; } .awe-chrome:before { content: \f268; } .awe-firefox:before { content: \f269; } .awe-opera:before { content: \f26a; } .awe-internet-explorer:before { content: \f26b; } .awe-tv:before, .awe-television:before { content: \f26c; } .awe-contao:before { content: \f26d; } .awe-500px:before { content: \f26e; } .awe-amazon:before { content: \f270; } .awe-calendar-plus-o:before { content: \f271; } .awe-calendar-minus-o:before { content: \f272; } .awe-calendar-times-o:before { content: \f273; } .awe-calendar-check-o:before { content: \f274; } .awe-industry:before { content: \f275; } .awe-map-pin:before { content: \f276; } .awe-map-signs:before { content: \f277; } .awe-map-o:before { content: \f278; } .awe-map:before { content: \f279; } .awe-commenting:before { content: \f27a; } .awe-commenting-o:before { content: \f27b; } .awe-houzz:before { content: \f27c; } .awe-vimeo:before { content: \f27d; } .awe-black-tie:before { content: \f27e; } .awe-fonticons:before { content: \f280; } .awe-reddit-alien:before { content: \f281; } .awe-edge:before { content: \f282; } .awe-credit-card-alt:before { content: \f283; } .awe-codiepie:before { content: \f284; } .awe-modx:before { content: \f285; } .awe-fort-awesome:before { content: \f286; } .awe-usb:before { content: \f287; } .awe-product-hunt:before { content: \f288; } .awe-mixcloud:before { content: \f289; } .awe-scribd:before { content: \f28a; } .awe-pause-circle:before { content: \f28b; } .awe-pause-circle-o:before { content: \f28c; } .awe-stop-circle:before { content: \f28d; } .awe-stop-circle-o:before { content: \f28e; } .awe-shopping-bag:before { content: \f290; } .awe-shopping-basket:before { content: \f291; } .awe-hashtag:before { content: \f292; } .awe-bluetooth:before { content: \f293; } .awe-bluetooth-b:before { content: \f294; } .awe-percent:before { content: \f295; } .container { margin-right: auto; margin-left: auto; width: 100%; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1200px; } } .draggable > .container { width: 100%; } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row { } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (max-width: 767px) { .twelve.collapsed { } .six.collapsed { width: 100%; } .four.collapsed { width: 100%; } .three.collapsed { width: 100%; } } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } .clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right; } .pull-left { float: left; } .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } html { -webkit-overflow-scrolling: touch; } html:lang(ar), html:lang(fa) { direction: rtl; } body { overflow-x: hidden; -webkit-overflow-scrolling: touch; } body.overlayVisible { overflow-y: hidden; } strong, b { font-weight: bold; } i { font-style: italic; } u { text-decoration: underline; } h1, h2, h3, h4, h5, h6, h7, .h1, .h2, .h3, .h4, .h5, .h6, .h7 { color: inherit; } a, a:active, a:focus { color: inherit; } a:hover { color: inherit; text-decoration: underline; } .ellipsis { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } a.ellipsis { display: inline; } .clr { clear: both; } #dummy { position: fixed; bottom: 0; width: 100%; } #wrapper * { box-sizing: border-box; } .sortable, .droppable, .draggable { position: relative; } .sortable.stripe-error { width: 100%; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); } .container { position: relative; display: table; table-layout: fixed; } .container-inner { height: 100%; } div.editorBlock { float: left; width: 86px; height: 60px; background-color: #efefef; box-sizing: border-box; border: 1px dashed #d9dadb; cursor: move; margin: 0; } div.editorBlock > spanclass^awe-, div.editorBlock > spanclass* awe- { font-size: 18px; margin-top: 14px; } div.editorBlock > span.title { font-size: 12px; } div.editorBlock > span { display: block; text-align: center; } div.csLangOverview { display: table; } div.csLangOverview.csLangOverview-align-center { margin: 0 auto; } div.csLangOverview.csLangOverview-align-right { margin: 0 0 0 auto; } div.csLangOverviewFlag { float: left; text-align: center; } div.csLangOverview-type-vertical div.csLangOverviewFlag { float: none; } div.csLangOverviewFlag.last + div.csLangOverviewFlag { clear: both; } div.csLangOverviewFlag a { display: block; } div.csLangOverviewFlag.disabled a { cursor: default; } data-textbox, data-h1, data-table{ display: none; } data-textboxen, data-h1en { display: block; } data-tableen { display: table; } .csKeywordOverviewGroupNameInline { font-size: inherit; line-height: inherit; margin: 0; } div.csKeywordOverviewIconLegend { display: table; width: 100%; } div.csKeywordOverviewIconLegend .csKeywordOverviewIconLegendItem { display: block; float: right; max-width: 25%; overflow: hidden; padding-right: 0; white-space: nowrap; } div.csKeywordOverviewRow { position: relative; clear:both; } div.csKeywordOverviewRow .csKeywordOverviewRowName { } div.csKeywordOverviewRow .csKeywordOverviewRowDesc { } div.csKeywordOverviewRow .csKeywordOverviewRowLayout_1 .csKeywordOverviewRowImage, div.csKeywordOverviewRow .csKeywordOverviewRowLayout_1 .csKeywordOverviewRowContent, div.csKeywordOverviewRow .csKeywordOverviewRowLayout_3 .csKeywordOverviewRowImage, div.csKeywordOverviewRow .csKeywordOverviewRowLayout_3 .csKeywordOverviewRowContent{ display: block; } div.csKeywordOverviewRow .csKeywordOverviewRowLayout_4 .csKeywordOverviewRowImage, div.csKeywordOverviewRow .csKeywordOverviewRowLayout_4 .csKeywordOverviewRowContent{ float: left; } div.csKeywordOverviewRow .csKeywordOverviewRowLayout_2 .csKeywordOverviewRowImage, div.csKeywordOverviewRow .csKeywordOverviewRowLayout_2 .csKeywordOverviewRowContent{ float: right; } div.csKeywordOverviewRow .csKeywordOverviewRowLayout_4 .csKeywordOverviewRowImage, div.csKeywordOverviewRow .csKeywordOverviewRowLayout_2 .csKeywordOverviewRowImage{ width: 40%; } div.csKeywordOverviewRow .csKeywordOverviewRowLayout_4 .csKeywordOverviewRowImage img, div.csKeywordOverviewRow .csKeywordOverviewRowLayout_2 .csKeywordOverviewRowImage img{ width: 100%; } div.csKeywordOverviewRow .csKeywordOverviewRowLayout_4 .csKeywordOverviewRowContent, div.csKeywordOverviewRow .csKeywordOverviewRowLayout_2 .csKeywordOverviewRowContent{ width: 60%; position: relative; display:contents; } div.csKeywordOverviewRow .csKeywordOverviewRowHHDZ { position: absolute; right: 0; top: 0; width: 120px; } div.csKeywordOverviewRow .csKeywordOverviewRowLayout_2 .csKeywordOverviewRowHHDZ{ right: 40%; } div.csKeywordOverviewRow .csKeywordOverviewRowHHDZ > .columns { opacity: 0.2; text-align: center; display: block; float: left; } div.csKeywordOverviewRow .csKeywordOverviewRowHHDZ > .columns.active { opacity: 1; } div.csKeywordOverviewRowDetail { display: table; width: 100%; margin: 1.425em 0; } div.csKeywordOverviewRowDetail.desc div.csKeywordOverviewRowContent *, div.csKeywordOverviewRowDetail.techdata div.csKeywordOverviewRowContent *, div.csKeywordOverviewRowDetail.aoa div.csKeywordOverviewRowContent *, div.csKeywordOverviewRowDetail.iso div.csKeywordOverviewRowContent *, div.csKeywordOverviewRowDetail.din div.csKeywordOverviewRowContent * { font: inherit !important; color: inherit !important; background: inherit !important; } div.csKeywordOverviewRowDetail .csKeywordOverviewRowDetailContactTable { width: auto; } div.csKeywordOverviewRowDetail .csKeywordOverviewRowDetailProductlist ul { list-style-type: none; margin: 0; } div.csImagegalleryListView { display: table; width: 100%; } div.csImagegalleryListView .csImageGalleryItemContainer { position: relative; float: left; box-sizing: border-box; } div.csImagegalleryListView .csImageGalleryItemContainer:before{ content: ; display: block; padding-top: 100%; } div.csImagegalleryListView .csImageGalleryItemContainer:hover { cursor: pointer; } div.csImagegalleryListView .csImageGalleryItemContainer .thumb { background-size: contain; background-position: center center; background-repeat: no-repeat; background-color: transparent; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } div.csVideoListView divdata-src, div.csFileListView divdata-src { cursor: pointer; float: left; position: relative; box-sizing: border-box; } div.csFileListView divdata-src { margin-bottom: 2%; } div.csVideoListView divdata-src:not(data-col), div.csFileListView divdata-src:not(data-col) { width: 23.5%; } div.csVideoListView divdata-src:not(data-col), div.csFileListView divdata-src:not(data-col) { margin-right: 2%; } div.csFileListView divdata-src:not(data-col):nth-child(4n-1) { margin-right: 1%; } div.csFileListView divdata-src:not(data-col):nth-child(4n) { margin-right: 0; margin-left: 1%; } div.csFileListView divdata-src:not(data-col):nth-child(4n+1) { clear: left; } div.csFileListView divdata-srcdata-col1 { width: 100%; margin-right: 0%; } div.csFileListView divdata-srcdata-col2 { width: 49%; margin-right: 1%; } div.csFileListView divdata-srcdata-col3 { width: 32%; margin-right: 2%; } div.csFileListView divdata-srcdata-col4 { width: 23%; margin-right: 2%; } div.csVideoListView divdata-srcdata-col2:nth-child(2n), div.csVideoListView divdata-srcdata-col4:nth-child(4n), div.csFileListView divdata-srcdata-col2:nth-child(2n), div.csFileListView divdata-srcdata-col4:nth-child(4n) { margin-right: 0; margin-left: 1%; } div.csVideoListView divdata-srcdata-col3:nth-child(3n), div.csFileListView divdata-srcdata-col3:nth-child(3n) { margin-right: 0; margin-left: 2%; } div.csVideoListView divdata-srcdata-col2:nth-child(2n+1), div.csVideoListView divdata-srcdata-col3:nth-child(3n+1), div.csVideoListView divdata-srcdata-col4:nth-child(4n+1), div.csFileListView divdata-srcdata-col2:nth-child(2n+1), div.csFileListView divdata-srcdata-col3:nth-child(3n+1), div.csFileListView divdata-srcdata-col4:nth-child(4n+1) { clear: both; } div.csVideoListView divdata-srcdata-col3:nth-child(3n+2), div.csFileListView divdata-srcdata-col3:nth-child(3n+2) { margin-right: 0; margin-left: 0; } div.csVideoListView divdata-srcdata-col4:nth-child(4n-1), div.csFileListView divdata-srcdata-col4:nth-child(4n-1) { margin-right: 1%; } div.csVideoListView divdata-src img, div.csFileListView divdata-src img { display: block; width: 100%; } div.csVideoListView divdata-src > .video-play-overlay, div.csFileListView divdata-src > .file-open-overlay { height: 100%; left: 0; opacity: 0.6; position: absolute; top: 0; width: 100%; } div.csVideoListView divdata-src > .video-play-overlay:hover, div.csFileListView divdata-src > .file-open-overlay:hover { opacity: 1; } div.csVideoListView divdata-src > .video-play-overlay > span, div.csFileListView divdata-src > .file-open-overlay > span { background-color: rgba(255, 255, 255, 0.8); border-radius: 60px; font-size: 50px; height: 60px; left: 50%; line-height: 60px; margin-left: -30px; margin-top: -30px; position: absolute; text-align: center; top: 50%; width: 60px; color: inherit !important; } #ep-video-overlay { background-color: rgba(0, 0, 0, 0.5); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 100; } #ep-video-overlay video { left: 50%; position: absolute; top: 50%; } table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } .table { width: 100%; } .table th, .table td { padding: 0px 5px; text-align: left; vertical-align: top; line-height: 1.425; min-height: 25px; } .table th:first-child, .table td:first-child { padding-left: 0; } .table th:last-child, .table td:last-child { padding-right: 0; } .table th img, .table td img { max-width: 100% } .table th {} .table thead th { vertical-align: bottom; } .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; } .table tbody + tbody { border-top: 1px solid #D9DADB; } .table-fixed { table-layout: fixed; } table.table-center, .table-center table { width: auto; margin: 0 auto; } .frontendHidden{ display:none; } .hiddende:lang(de), .hiddenen:lang(en), .hiddenes:lang(es), .hiddenpl:lang(pl), .hiddenfr:lang(fr), .hiddenit:lang(it), .hiddenar:lang(ar), .hiddenkr:lang(kr), .hiddenkr:lang(ko), .hiddenko:lang(ko), .hiddenjp:lang(jp), .hiddenjp:lang(ja), .hiddenja:lang(ja), .hiddencn:lang(cn), .hiddencn:lang(zh), .hiddenzh:lang(zh), .hiddencz:lang(cz), .hiddencz:lang(cs), .hiddencs:lang(cs), .hiddenpt:lang(pt), .hiddenru:lang(ru), .hiddentr:lang(tr), .hiddenhu:lang(hu), .hiddenfa:lang(fa) { display: none; } #autotransInfoOverlay { position: fixed; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(0,0,0,0.5); display: none; z-index: 99; } #autotransInfoOverlay, #autotransInfoOverlay * { color: #FFF!important; } #autotransInfoOverlay.visible { display: block; } #autotransInfoOverlay > div:first-child { position: relative; width: 560px; padding: 20px; box-sizing: border-box; max-width: 100%; margin: 0 auto; line-height: 25px; font-size: 1rem; top: 50%; transform: translateY(-50%); background-color: rgba(0,0,0,0.5); } #autotransInfoOverlay > div div.autotransMessageRow { margin-bottom: 10px; } #autotransInfoOverlay > div div.autotransBtnRow { margin: 0 -10px; } #autotransInfoOverlay > div .autotransBtn { float: left; width: calc(50% - 20px); margin: 0 10px; height: 40px; line-height: 40px; padding-left: 50px!important; } #autotransInfoOverlay > div div.autotransBtnRowdata-layout3 .autotransBtn { width: calc(33.33% - 20px); } #autotransInfoOverlay > div .autotransBtn > span:first-child { width: 40px; height: 40px; line-height: 40px; } #cookieInfoOverlay { position: fixed; left: 0; right: 0; bottom: 0; max-height: 0; background-color: rgba(0,0,0,1); display: none; z-index: 100; -webkit-transition-property: max-height; -webkit-transition-duration: 2s; transition-property: max-height; transition-duration: 2s; } #cookieInfoOverlay, #cookieInfoOverlay * { color: #FFF!important; } #cookieInfoOverlay a { text-decoration: underline; } #cookieInfoOverlay.visible { display: block; max-height: 300px; } #cookieInfoOverlay > div:first-child { position: relative; width: 920px; padding: 0 20px; box-sizing: border-box; max-width: 100%; margin: 15px auto; line-height: 25px; font-size: 1rem; } #cookieInfoOverlay > div a { text-decoration: underline; } #cookieInfoOverlay > div .cookieBtn { float: left; width: 49%; margin-top: 1rem; margin-right: 1%; height: 40px; line-height: 40px; padding-left: 50px; opacity: .6; } #cookieInfoOverlay > div .cookieBtn + .cookieBtn { margin-right: 0%; margin-left: 1%; } #cookieInfoOverlay > div .cookieBtn > span:first-child { width: 40px; height: 40px; line-height: 40px; } #cookieInfoOverlay > div .cookieBtndata-actionaccept, #cookieInfoOverlay > div .cookieBtndata-actionaccept * { background-color: #97BF0D!important; } #cookieInfoOverlay > div .cookieBtndata-actiondecline, #cookieInfoOverlay > div .cookieBtndata-actiondecline * { background-color: #E85422!important; } #cookieInfoOverlay > div .cookieBtndata-actionaccept:hover, #cookieInfoOverlay > div .cookieBtndata-actiondecline:hover { opacity: 1; } body.hide-overlay #cookieInfoOverlay { display: none!important; } body.hide-overlay #page_wrap, body.hide-overlay #main-header, body.hide-overlay #footer, body.hide-overlay #toTop { -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px); } #elem_error_default { text-align: center !important; font-size: 16px !important; position: absolute; top: 33.33%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #elem_error_default h1 { font-size: 80px !important; line-height: 1.425 !important; padding: 0 !important; margin: 0 !important; } #elem_error_default .elem_error_default_home { font-size: 16px !important; margin-top: 1.425em !important; display: inline-block !important; } @media (max-width:1199px) { div.csVideoListView divdata-src:not(data-col), div.csFileListView divdata-src:not(data-col) { width: 32%; margin-right: 2%; margin-bottom: 2%; } div.csVideoListView divdata-src:not(data-col):nth-child(2n), div.csFileListView divdata-src:not(data-col):nth-child(2n) { margin-right: 1%; } div.csVideoListView divdata-src:not(data-col):nth-child(3n), div.csFileListView divdata-src:not(data-col):nth-child(3n) { margin-right: 0; margin-left: 1%; clear: right; } div.csVideoListView divdata-src:not(data-col):nth-child(3n-2), div.csFileListView divdata-src:not(data-col):nth-child(3n-2) { clear: left; margin-left: 0%; margin-right: 2%; } div.csVideoListView divdata-src:not(data-col):nth-child(3n-1), div.csFileListView divdata-src:not(data-col):nth-child(3n-1) { margin-left: 0%; margin-right: 1%; } div.csVideoListView divdata-src:not(data-col):nth-child(5n), div.csFileListView divdata-src:not(data-col):nth-child(5n) { clear: none; } } @media (max-width: 1400px) { #cookieInfoOverlay { padding-bottom: 50px; } } @media (max-width:1024px) { div.csVideoListView divdata-src:not(data-col), div.csFileListView divdata-src:not(data-col) { width: 48%; margin-bottom: 4%; } div.csVideoListView divdata-src:not(data-col):nth-child(2n), div.csFileListView divdata-src:not(data-col):nth-child(2n) { margin-right: 0; margin-left: 2%; clear: none; } div.csVideoListView divdata-src:not(data-col):nth-child(2n-1), div.csFileListView divdata-src:not(data-col):nth-child(2n-1) { clear: left; margin-left: 0%; margin-right: 2%; } } @media (max-width: 900px) { div.csVideoListView divdata-srcdata-col, div.csFileListView divdata-srcdata-col { clear: none!important; width: 49%!important; margin-right: 1%!important; margin-left: 0%!important; } div.csVideoListView divdata-srcdata-col:nth-child(2n), div.csFileListView divdata-srcdata-col:nth-child(2n) { margin-right: 0!important; margin-left: 1%!important; } div.csVideoListView divdata-srcdata-col:nth-child(2n) + divdata-srcdata-col, div.csFileListView divdata-srcdata-col:nth-child(2n) + divdata-srcdata-col { clear: both!important; } body.front .menu-mobile-btn + .menu-nav.menu_mobile_hidden { display: none!important; } } @media (max-width: 767px) { div.csVideoListView divdata-src:not(data-col), div.csFileListView divdata-src:not(data-col) { width: 100%; margin-right: 0% !important; margin-left: 0% !important; clear: both !important; } div.csVideoListView divdata-src:not(data-col):nth-child(4n-1), div.csFileListView divdata-src:not(data-col):nth-child(4n-1) { margin-right: 0%; } div.csVideoListView divdata-src:not(data-col):nth-child(4n), div.csFileListView divdata-src:not(data-col):nth-child(4n) { margin-right: 0; margin-left: 0%; } div.csLangOverview { overflow-x: scroll; width: 100%; white-space: nowrap; display: block; } div.csLangOverview > div.csLangOverviewFlag { float: none; display: inline-block; vertical-align: top; } } @media (max-width: 559px) { #autotransInfoOverlay > div .autotransBtn { float: none; margin: 10px 0; width: 100% !important; display: block; } #autotransInfoOverlay > div .autotransBtn:first-child { margin-top: 0; } #autotransInfoOverlay > div .autotransBtn:last-child { margin-bottom: 0; } } .flag, .flag_country { display: block; width: 35px; height: 20px; background-image: url(https://osscs.industrystock.cn/assets/images/flags/rect_20.jpg) !important; } .flagclass*size_40 { width: 70px; height: 40px; background-image: url(https://osscs.industrystock.cn/assets/images/flags/rect_40.jpg) !important; } .svgflag { display: block; width: 35px; height: 20px; background-image: none !important; pointer-events: none; margin: 0 auto; } .svgflagclass*size_40 { width: 70px; height: 40px; background-image: none !important; } .svgflag + class*flag_text { color: inherit; vertical-align: top; } .flag.flag_tr {background-position: 0px 0px; } .flag.flag_ru {background-position: -35px 0px; } .flag.flag_pt {background-position: -70px 0px; } .flag.flag_pl {background-position: -105px 0px; } .flag.flag_kr, .flag.flag_ko {background-position: -140px 0px; } .flag.flag_fa {background-position: -175px 0px; } .flag.flag_jp, .flag.flag_ja {background-position: 0px -20px; } .flag.flag_it {background-position: -35px -20px; } .flag.flag_hu {background-position: -70px -20px; } .flag.flag_fr {background-position: -105px -20px; } .flag.flag_es {background-position: -140px -20px; } .flag.flag_at {background-position: -175px -20px; } .flag.flag_en {background-position: 0px -40px; } .flag.flag_de {background-position: -35px -40px; } .flag.flag_cz, .flag.flag_cs {background-position: -70px -40px; } .flag.flag_cn, .flag.flag_zh {background-position: -105px -40px; } .flag.flag_ar {background-position: -140px -40px; } .flag.flag_ch {background-position: -175px -40px; } .flag.flag_nl { background-position: 0 0; background-image: url(https://osscs.industrystock.cn/assets/images/flags/rect/nl.jpg) !important; background-size: 100% 100%; } .flag.size_40.flag_tr {background-position: 0px 0px; } .flag.size_40.flag_ru {background-position: -45px 0px; } .flag.size_40.flag_pt {background-position: -90px 0px; } .flag.size_40.flag_pl {background-position: -135px 0px; } .flag.size_40.flag_kr, .flag.size_40.flag_ko {background-position: -180px 0px; } .flag.size_40.flag_fa {background-position: -225px 0px; } .flag.size_40.flag_jp, .flag.size_40.flag_ja {background-position: 0px -40px; } .flag.size_40.flag_it {background-position: -45px -40px; } .flag.size_40.flag_hu {background-position: -90px -40px; } .flag.size_40.flag_fr {background-position: -135px -40px; } .flag.size_40.flag_es {background-position: -180px -40px; } .flag.size_40.flag_at {background-position: -225px -40px; } .flag.size_40.flag_en {background-position: 0px -80px; } .flag.size_40.flag_de {background-position: -45px -80px; } .flag.size_40.flag_cz, .flag.size_40.flag_cs {background-position: -90px -80px; } .flag.size_40.flag_cn, .flag.size_40.flag_zh {background-position: -135px -80px; } .flag.size_40.flag_ar {background-position: -180px -80px; } .flag.size_40.flag_ch {background-position: -225px -80px; } .flag.size_40.flag_nl { background-position: 0 0; background-image: url(https://osscs.industrystock.cn/assets/images/flags/rect/nl.jpg) !important; background-size: 100% 100%; } .worldFlag { display: block; width: 32px; height: 32px; background:url(https://osscs.industrystock.cn/assets/images/flags/flags.png) !important; } .text-center .worldFlag{ margin:0 auto; } .worldFlag.worldFlag_ad {background-position: -32px 0!important} .worldFlag.worldFlag_ae {background-position: -64px 0!important} .worldFlag.worldFlag_af {background-position: -96px 0!important} .worldFlag.worldFlag_ag {background-position: -128px 0!important} .worldFlag.worldFlag_ai {background-position: -160px 0!important} .worldFlag.worldFlag_al {background-position: -192px 0!important} .worldFlag.worldFlag_am {background-position: -224px 0!important} .worldFlag.worldFlag_an {background-position: -256px 0!important} .worldFlag.worldFlag_ao {background-position: -288px 0!important} .worldFlag.worldFlag_ar {background-position: -320px 0!important} .worldFlag.worldFlag_as {background-position: -352px 0!important} .worldFlag.worldFlag_at {background-position: -384px 0!important} .worldFlag.worldFlag_au {background-position: -416px 0!important} .worldFlag.worldFlag_aw {background-position: -448px 0!important} .worldFlag.worldFlag_az {background-position: 0 -32px!important} .worldFlag.worldFlag_ba {background-position: -32px -32px!important} .worldFlag.worldFlag_bb {background-position: -64px -32px!important} .worldFlag.worldFlag_bd {background-position: -96px -32px!important} .worldFlag.worldFlag_be {background-position: -128px -32px!important} .worldFlag.worldFlag_bf {background-position: -160px -32px!important} .worldFlag.worldFlag_bg {background-position: -192px -32px!important} .worldFlag.worldFlag_bh {background-position: -224px -32px!important} .worldFlag.worldFlag_bi {background-position: -256px -32px!important} .worldFlag.worldFlag_bj {background-position: -288px -32px!important} .worldFlag.worldFlag_bm {background-position: -320px -32px!important} .worldFlag.worldFlag_bn {background-position: -352px -32px!important} .worldFlag.worldFlag_bo {background-position: -384px -32px!important} .worldFlag.worldFlag_br {background-position: -416px -32px!important} .worldFlag.worldFlag_bs {background-position: -448px -32px!important} .worldFlag.worldFlag_bt {background-position: 0 -64px!important} .worldFlag.worldFlag_bw {background-position: -32px -64px!important} .worldFlag.worldFlag_by {background-position: -64px -64px!important} .worldFlag.worldFlag_bz {background-position: -96px -64px!important} .worldFlag.worldFlag_ca {background-position: -128px -64px!important} .worldFlag.worldFlag_cd {background-position: -160px -64px!important} .worldFlag.worldFlag_cf {background-position: -192px -64px!important} .worldFlag.worldFlag_cg {background-position: -224px -64px!important} .worldFlag.worldFlag_ch {background-position: -256px -64px!important} .worldFlag.worldFlag_ci {background-position: -288px -64px!important} .worldFlag.worldFlag_ck {background-position: -320px -64px!important} .worldFlag.worldFlag_cl {background-position: -352px -64px!important} .worldFlag.worldFlag_cm {background-position: -384px -64px!important} .worldFlag.worldFlag_cn {background-position: -416px -64px!important} .worldFlag.worldFlag_co {background-position: -448px -64px!important} .worldFlag.worldFlag_cr {background-position: 0 -96px!important} .worldFlag.worldFlag_cu {background-position: -32px -96px!important} .worldFlag.worldFlag_cv {background-position: -64px -96px!important} .worldFlag.worldFlag_cy {background-position: -96px -96px!important} .worldFlag.worldFlag_cz {background-position: -128px -96px!important} .worldFlag.worldFlag_de {background-position: -160px -96px!important} .worldFlag.worldFlag_dj {background-position: -192px -96px!important} .worldFlag.worldFlag_dk {background-position: -224px -96px!important} .worldFlag.worldFlag_dm {background-position: -256px -96px!important} .worldFlag.worldFlag_do {background-position: -288px -96px!important} .worldFlag.worldFlag_dz {background-position: -320px -96px!important} .worldFlag.worldFlag_ec {background-position: -352px -96px!important} .worldFlag.worldFlag_ee {background-position: -384px -96px!important} .worldFlag.worldFlag_eg {background-position: -416px -96px!important} .worldFlag.worldFlag_eh {background-position: -448px -96px!important} .worldFlag.worldFlag_er {background-position: 0 -128px!important} .worldFlag.worldFlag_es {background-position: -32px -128px!important} .worldFlag.worldFlag_et {background-position: -64px -128px!important} .worldFlag.worldFlag_fi {background-position: -96px -128px!important} .worldFlag.worldFlag_fj {background-position: -128px -128px!important} .worldFlag.worldFlag_fm {background-position: -160px -128px!important} .worldFlag.worldFlag_fo {background-position: -192px -128px!important} .worldFlag.worldFlag_fr {background-position: -224px -128px!important} .worldFlag.worldFlag_ga {background-position: -256px -128px!important} .worldFlag.worldFlag_gb {background-position: -288px -128px!important} .worldFlag.worldFlag_gd {background-position: -320px -128px!important} .worldFlag.worldFlag_ge {background-position: -352px -128px!important} .worldFlag.worldFlag_gg {background-position: -384px -128px!important} .worldFlag.worldFlag_gh {background-position: -416px -128px!important} .worldFlag.worldFlag_gi {background-position: -448px -128px!important} .worldFlag.worldFlag_gl {background-position: 0 -160px!important} .worldFlag.worldFlag_gm {background-position: -32px -160px!important} .worldFlag.worldFlag_gn {background-position: -64px -160px!important} .worldFlag.worldFlag_gp {background-position: -96px -160px!important} .worldFlag.worldFlag_gq {background-position: -128px -160px!important} .worldFlag.worldFlag_gr {background-position: -160px -160px!important} .worldFlag.worldFlag_gt {background-position: -192px -160px!important} .worldFlag.worldFlag_gu {background-position: -224px -160px!important} .worldFlag.worldFlag_gw {background-position: -256px -160px!important} .worldFlag.worldFlag_gy {background-position: -288px -160px!important} .worldFlag.worldFlag_hk {background-position: -320px -160px!important} .worldFlag.worldFlag_hn {background-position: -352px -160px!important} .worldFlag.worldFlag_hr {background-position: -384px -160px!important} .worldFlag.worldFlag_ht {background-position: -416px -160px!important} .worldFlag.worldFlag_hu {background-position: -448px -160px!important} .worldFlag.worldFlag_id {background-position: 0 -192px!important} .worldFlag.worldFlag_ie {background-position: -32px -192px!important} .worldFlag.worldFlag_il {background-position: -64px -192px!important} .worldFlag.worldFlag_im {background-position: -96px -192px!important} .worldFlag.worldFlag_in {background-position: -128px -192px!important} .worldFlag.worldFlag_iq {background-position: -160px -192px!important} .worldFlag.worldFlag_ir {background-position: -192px -192px!important} .worldFlag.worldFlag_is {background-position: -224px -192px!important} .worldFlag.worldFlag_it {background-position: -256px -192px!important} .worldFlag.worldFlag_je {background-position: -288px -192px!important} .worldFlag.worldFlag_jm {background-position: -320px -192px!important} .worldFlag.worldFlag_jo {background-position: -352px -192px!important} .worldFlag.worldFlag_jp {background-position: -384px -192px!important} .worldFlag.worldFlag_ke {background-position: -416px -192px!important} .worldFlag.worldFlag_kg {background-position: -448px -192px!important} .worldFlag.worldFlag_kh {background-position: 0 -224px!important} .worldFlag.worldFlag_ki {background-position: -32px -224px!important} .worldFlag.worldFlag_km {background-position: -64px -224px!important} .worldFlag.worldFlag_kn {background-position: -96px -224px!important} .worldFlag.worldFlag_kp {background-position: -128px -224px!important} .worldFlag.worldFlag_kr {background-position: -160px -224px!important} .worldFlag.worldFlag_kw {background-position: -192px -224px!important} .worldFlag.worldFlag_ky {background-position: -224px -224px!important} .worldFlag.worldFlag_kz {background-position: -256px -224px!important} .worldFlag.worldFlag_la {background-position: -288px -224px!important} .worldFlag.worldFlag_lb {background-position: -320px -224px!important} .worldFlag.worldFlag_lc {background-position: -352px -224px!important} .worldFlag.worldFlag_li {background-position: -384px -224px!important} .worldFlag.worldFlag_lk {background-position: -416px -224px!important} .worldFlag.worldFlag_lr {background-position: -448px -224px!important} .worldFlag.worldFlag_ls {background-position: 0 -256px!important} .worldFlag.worldFlag_lt {background-position: -32px -256px!important} .worldFlag.worldFlag_lu {background-position: -64px -256px!important} .worldFlag.worldFlag_lv {background-position: -96px -256px!important} .worldFlag.worldFlag_ly {background-position: -128px -256px!important} .worldFlag.worldFlag_ma {background-position: -160px -256px!important} .worldFlag.worldFlag_mc {background-position: -192px -256px!important} .worldFlag.worldFlag_md {background-position: -224px -256px!important} .worldFlag.worldFlag_me {background-position: -256px -256px!important} .worldFlag.worldFlag_mg {background-position: -288px -256px!important} .worldFlag.worldFlag_mh {background-position: -320px -256px!important} .worldFlag.worldFlag_mk {background-position: -352px -256px!important} .worldFlag.worldFlag_ml {background-position: -384px -256px!important} .worldFlag.worldFlag_mm {background-position: -416px -256px!important} .worldFlag.worldFlag_mn {background-position: -448px -256px!important} .worldFlag.worldFlag_mo {background-position: 0 -288px!important} .worldFlag.worldFlag_mq {background-position: -32px -288px!important} .worldFlag.worldFlag_mr {background-position: -64px -288px!important} .worldFlag.worldFlag_ms {background-position: -96px -288px!important} .worldFlag.worldFlag_mt {background-position: -128px -288px!important} .worldFlag.worldFlag_mu {background-position: -160px -288px!important} .worldFlag.worldFlag_mv {background-position: -192px -288px!important} .worldFlag.worldFlag_mw {background-position: -224px -288px!important} .worldFlag.worldFlag_mx {background-position: -256px -288px!important} .worldFlag.worldFlag_my {background-position: -288px -288px!important} .worldFlag.worldFlag_mz {background-position: -320px -288px!important} .worldFlag.worldFlag_na {background-position: -352px -288px!important} .worldFlag.worldFlag_nc {background-position: -384px -288px!important} .worldFlag.worldFlag_ne {background-position: -416px -288px!important} .worldFlag.worldFlag_ng {background-position: -448px -288px!important} .worldFlag.worldFlag_ni {background-position: 0 -320px!important} .worldFlag.worldFlag_nl {background-position: -32px -320px!important} .worldFlag.worldFlag_no {background-position: -64px -320px!important} .worldFlag.worldFlag_np {background-position: -96px -320px!important} .worldFlag.worldFlag_nr {background-position: -128px -320px!important} .worldFlag.worldFlag_nz {background-position: -160px -320px!important} .worldFlag.worldFlag_om {background-position: -192px -320px!important} .worldFlag.worldFlag_pa {background-position: -224px -320px!important} .worldFlag.worldFlag_pe {background-position: -256px -320px!important} .worldFlag.worldFlag_pf {background-position: -288px -320px!important} .worldFlag.worldFlag_pg {background-position: -320px -320px!important} .worldFlag.worldFlag_ph {background-position: -352px -320px!important} .worldFlag.worldFlag_pk {background-position: -384px -320px!important} .worldFlag.worldFlag_pl {background-position: -416px -320px!important} .worldFlag.worldFlag_pr {background-position: -448px -320px!important} .worldFlag.worldFlag_ps {background-position: 0 -352px!important} .worldFlag.worldFlag_pt {background-position: -32px -352px!important} .worldFlag.worldFlag_pw {background-position: -64px -352px!important} .worldFlag.worldFlag_py {background-position: -96px -352px!important} .worldFlag.worldFlag_qa {background-position: -128px -352px!important} .worldFlag.worldFlag_re {background-position: -160px -352px!important} .worldFlag.worldFlag_ro {background-position: -192px -352px!important} .worldFlag.worldFlag_rs {background-position: -224px -352px!important} .worldFlag.worldFlag_ru {background-position: -256px -352px!important} .worldFlag.worldFlag_rw {background-position: -288px -352px!important} .worldFlag.worldFlag_sa {background-position: -320px -352px!important} .worldFlag.worldFlag_sb {background-position: -352px -352px!important} .worldFlag.worldFlag_sc {background-position: -384px -352px!important} .worldFlag.worldFlag_sd {background-position: -416px -352px!important} .worldFlag.worldFlag_se {background-position: -448px -352px!important} .worldFlag.worldFlag_sg {background-position: 0 -384px!important} .worldFlag.worldFlag_si {background-position: -32px -384px!important} .worldFlag.worldFlag_sk {background-position: -64px -384px!important} .worldFlag.worldFlag_sl {background-position: -96px -384px!important} .worldFlag.worldFlag_sm {background-position: -128px -384px!important} .worldFlag.worldFlag_sn {background-position: -160px -384px!important} .worldFlag.worldFlag_so {background-position: -192px -384px!important} .worldFlag.worldFlag_sr {background-position: -224px -384px!important} .worldFlag.worldFlag_st {background-position: -256px -384px!important} .worldFlag.worldFlag_sv {background-position: -288px -384px!important} .worldFlag.worldFlag_sy {background-position: -320px -384px!important} .worldFlag.worldFlag_sz {background-position: -352px -384px!important} .worldFlag.worldFlag_tc {background-position: -384px -384px!important} .worldFlag.worldFlag_td {background-position: -416px -384px!important} .worldFlag.worldFlag_tg {background-position: -448px -384px!important} .worldFlag.worldFlag_th {background-position: 0 -416px!important} .worldFlag.worldFlag_tj {background-position: -32px -416px!important} .worldFlag.worldFlag_tl {background-position: -64px -416px!important} .worldFlag.worldFlag_tm {background-position: -96px -416px!important} .worldFlag.worldFlag_tn {background-position: -128px -416px!important} .worldFlag.worldFlag_to {background-position: -160px -416px!important} .worldFlag.worldFlag_tr {background-position: -192px -416px!important} .worldFlag.worldFlag_tt {background-position: -224px -416px!important} .worldFlag.worldFlag_tv {background-position: -256px -416px!important} .worldFlag.worldFlag_tw {background-position: -288px -416px!important} .worldFlag.worldFlag_tz {background-position: -320px -416px!important} .worldFlag.worldFlag_ua {background-position: -352px -416px!important} .worldFlag.worldFlag_ug {background-position: -384px -416px!important} .worldFlag.worldFlag_us {background-position: -416px -416px!important} .worldFlag.worldFlag_uy {background-position: -448px -416px!important} .worldFlag.worldFlag_uz {background-position: 0 -448px!important} .worldFlag.worldFlag_va {background-position: -32px -448px!important} .worldFlag.worldFlag_vc {background-position: -64px -448px!important} .worldFlag.worldFlag_ve {background-position: -96px -448px!important} .worldFlag.worldFlag_vg {background-position: -128px -448px!important} .worldFlag.worldFlag_vi {background-position: -160px -448px!important} .worldFlag.worldFlag_vn {background-position: -192px -448px!important} .worldFlag.worldFlag_vu {background-position: -224px -448px!important} .worldFlag.worldFlag_ws {background-position: -256px -448px!important} .worldFlag.worldFlag_ye {background-position: -288px -448px!important} .worldFlag.worldFlag_za {background-position: -320px -448px!important} .worldFlag.worldFlag_zm {background-position: -352px -448px!important} .worldFlag.worldFlag_zw {background-position: -384px -448px!important} .csLangOverviewFlagdata-languk, .csLangOverviewFlagdata-langid { padding: 0 5px; } .csLangOverviewFlagdata-languk a { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjgwMCI+PHJlY3Qgd2lkdGg9IjEyMDAiIGhlaWdodD0iODAwIiBmaWxsPSIjMDA1N0I3Ii8+PHJlY3Qgd2lkdGg9IjEyMDAiIGhlaWdodD0iNDAwIiB5PSI0MDAiIGZpbGw9IiNGRkQ3MDAiLz48L3N2Zz4); background-size: cover; background-position: center center; } .csLangOverviewFlagdata-langid a { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MDAiIGhlaWdodD0iNjAwIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwSDkwMFY2MDBIMHoiLz48cGF0aCBmaWxsPSJyZWQiIGQ9Ik0wIDBIOTAwVjMwMEgweiIvPjwvc3ZnPg); background-size: cover; background-position: center center; } .csLangOverviewFlagdata-langvi a { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSItMTUgLTEwIDMwIDIwIj48cGF0aCBmaWxsPSIjREEyNTFkIiBkPSJNLTIwLTE1aDQwdjMwaC00MHoiPjwvcGF0aD48ZyBpZD0iYiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtNikiPjxwYXRoIGlkPSJhIiBmaWxsPSIjRkYwIiB0cmFuc2Zvcm09InJvdGF0ZSgxOCkiIGQ9Ik0wIDB2Nmg0Ij48L3BhdGg+PHVzZSB4bGluazpocmVmPSIjYSIgdHJhbnNmb3JtPSJzY2FsZSgtMSAxKSI+PC91c2U+PC9nPjxnIGlkPSJjIiB0cmFuc2Zvcm09InJvdGF0ZSg3MikiPjx1c2UgeGxpbms6aHJlZj0iI2IiPjwvdXNlPjx1c2UgeGxpbms6aHJlZj0iI2IiIHRyYW5zZm9ybT0icm90YXRlKDcyKSI+PC91c2U+PC9nPjx1c2UgeGxpbms6aHJlZj0iI2MiIHRyYW5zZm9ybT0ic2NhbGUoLTEgMSkiPjwvdXNlPjwvc3ZnPg); background-size: cover; background-position: center center; } .csLangOverviewFlagdata-langnb a { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDIyIDE2Ij4KCTx0aXRsZT5GbGFnIG9mIE5vcndheTwvdGl0bGU+Cgk8cmVjdCB3aWR0aD0iMjIiIGhlaWdodD0iMTYiIGZpbGw9IiNiYTBjMmYiLz4KCTxwYXRoIGQ9Ik0wLDhoMjJNOCwwdjE2IiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iNCIvPgoJPHBhdGggZD0iTTAsOGgyMk04LDB2MTYiIHN0cm9rZT0iIzAwMjA1YiIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPg); background-size: cover; background-position: center center; } .csLangOverviewFlagdata-versiontext_short { padding-right: 0; } .csLangOverviewFlagdata-versiontext_short a { background-image: none; } .myBarChart, .myBarChart * { font-size: 12px; } .myBarChart { width: 100%; height: 300px; padding-top: 50px; padding-left: 100px; padding-bottom: 30px; box-sizing: border-box; position: relative; } .myBarHeader { position: absolute; top: 0; left: 0; right: 0; height: 40px; line-height: 40px; text-align: center; } .myBarContent { position: absolute; top: 60px; right: 0; left: 100px; bottom: 30px; overflow: hidden; border-bottom: 1px solid #000; border-left: 1px solid #000; z-index: 1; } .myBarContent > div { float: left; height: 100%; position: relative; box-sizing: border-box; } .myBarContent > div > div { height: 100%; float: left; width: 100%; position: relative; } .myBarContent > divdata-children2 > div { width: calc(100% / 2); } .myBarContent > divdata-children3 > div { width: calc(100% / 3); } .myBarContent > divdata-children4 > div { width: calc(100% / 4); } .myBarContent > divdata-children5 > div { width: calc(100% / 5); } .myBarContent > divdata-children6 > div { width: calc(100% / 6); } .myBarContent > divdata-children7 > div { width: calc(100% / 7); } .myBarContent > div > div > div { position: absolute; bottom: 0; left: 0px; right: 0px; background-color: #AAA; border-bottom: 0; margin-left: 15%; margin-right: 15%; } .myBarLegendItem:nth-child(1) > span:first-child, .myBarContent > div > div:nth-child(1) > div {background-color: #E85422;} .myBarLegendItem:nth-child(2) > span:first-child, .myBarContent > div > div:nth-child(2) > div {background-color: #97BF0D;} .myBarLegendItem:nth-child(3) > span:first-child, .myBarContent > div > div:nth-child(3) > div {background-color: #00632F;} .myBarLegendItem:nth-child(4) > span:first-child, .myBarContent > div > div:nth-child(4) > div {background-color: #333333;} .myBarLegendItem:nth-child(5) > span:first-child, .myBarContent > div > div:nth-child(5) > div {background-color: #D1E392;} .myBarLegendItem:nth-child(6) > span:first-child, .myBarContent > div > div:nth-child(6) > div {background-color: #F8B334;} .myBarLegendItem:nth-child(7) > span:first-child, .myBarContent > div > div:nth-child(7) > div {background-color: #4D6181;} .myBarContent > div > div > div > i { display: none; position: absolute; top: 0; left: 0; right: 0; height: 20px; line-height: 20px; text-align: center; color: #FFF; } .myBarContent > div > div > div .barTitle { position: absolute; top: 0px; left: 0; right: 0; text-align: center; color: #FFF; height: 20px; line-height: 20px; background-color: rgba(0, 0, 0, 0.1); padding: 0 5px; } .myBarContent > div > div > div .barTitle * { text-align: center; } .myBarContent > div > div > div .barTitle.outside { top: -30px; color: #FFF; background-color: #AAA; } .myBarContent > div > div > div .barTitle.outside::after { content: ; position: absolute; bottom: -8px; left: 50%; margin-left: -10px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid rgba(0, 0, 0, 0.3); border-top: 10px solid #AAA; } .myBarLegendX { position: absolute; bottom: 0px; left: 100px; right: 0; bottom: 0px; height: 30px; line-height: 30px; border-left: 1px solid #000; } .myBarLegendX > div { float: left; } .myBarLegendX > div > span { padding: 0 10px; display: block; text-align: center; } .myBarLegendY { position: absolute; top: 60px; left: 0; right: 0; z-index: 0; bottom: 30px; border-bottom: 1px solid #000; background-color: #EFEFEF; } .myBarLegendY > div { position: relative; } .myBarLegendY > div > span { display: block; position: absolute; padding: 0 10px; left: 0; right: 0; background-color: #E1E1E1; } .myBarLegendY > div:nth-child(2n) > span { background-color: #EFEFEF;; } .myAlert .myBarLegendY { background-color: #000; } .myAlert .myBarLegendY > div > span { background-color: #222; } .myAlert .myBarLegendY > div:nth-child(2n) > span { background-color: #000; } .myBarChartAdmin, .myBarChartAdmin * { } .myBarChartAdminInner {} .myBarChartAdminInner > div { overflow: hidden; padding-right: 60px; height: 30px; line-height: 30px; position: relative; } .myBarChartAdminInner > div + div { border-top: 1px solid #999!important; } .myBarChartAdminInner > div > input { width: 25%; float: left; box-sizing: border-box; height: 30px; line-height: 30px; border: none!important; } .myBarChartAdminInner > div > input + input { text-align: right; border-left: 1px solid #AAA!important; } .myBarChartAdminInner > div > .actions { position: absolute; top: 0; right: 0; bottom: 0; width: 60px; height: 30px; } .myBarChartAdminInner > div > .actions > span { width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 16px; cursor: pointer; background-color: #AAA; color: #FFF; float: left; } .myBarChartAdminInner > div > .actions > span:nth-child(2n) { background-color: #BBB; } .myBarChartAdminActions { overflow: hidden; padding-right: 60px; } .myBarChartAdminSave, .myBarChartAdminSave * { background-color: #E85422!important; } .myBarChartAdminActions .btn { float: left; width: 50%; height: 30px; line-height: 30px; margin: 0!important; font-size: 16px; } .myBarChartAdminPreview {} .myBarLegendItem { float: left; padding: 0 10px 0 40px; height: 30px; line-height: 30px; max-width: 300px; position: relative; background-color: #FFF; margin-right: 20px; } .myBarLegendItem > span:first-child { position: absolute; top: 0; left: 0; bottom: 0; width: 30px; } .myBarChartTitle { background-color: #666; } .myBarChartTitle > span { text-align: center; } divdata-menu { display: table; width: 100%; } .menu-bar { position: relative; display: table; width: 100%; } .menu-nav { display: block; margin: 0; list-style-type: none; } .menu-nav a, .menu-nav span { text-decoration: none; display: block; color: inherit; padding: 5px 10px; } .menu-nav span { cursor: default; } .menu-nav a > .awe, .menu-nav a > class^awe-, .menu-nav a > class* awe-, .menu-nav span > .awe, .menu-nav span > class^awe-, .menu-nav span > class* awe- { color: inherit; } .menu-nav ul { margin: 0; list-style-type: none; } .menu-nav ul > li { position: relative; } .menu-nav > li > ul { position: absolute; display: none; left: 0; text-align: left; background-color: #ffffff; color: #000000; } .main-menu .menu-nav > li:hover > ul { display: block; } .menu-nav > li > ul > li > ul { } .menu-nav > li > ul a, .menu-nav > li > ul span { font-size: smaller; padding-top: 5px !important; padding-bottom: 5px !important; white-space: nowrap; } .menu-nav > li, .menu-nav.menu-type-horizontal > li { float: left; position: relative; } .menu-nav.menu-type-vertical > li { float: none; } .menu-nav.menu-align-left { float: left; } .menu-nav.menu-align-center { float: none; margin-left: auto; margin-right: auto; } .menu-nav.menu-type-horizontal.menu-align-center > li { float: none; display: inline-block; } .menu-nav.menu-align-right { float: right; } .main-menu .menu-nav > li > ul > li ul { position: absolute; -webkit-transform: translate(100%, 0); -o-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); right: 0; top: 0; } .menu-mobile-btn { display: none; float: left; padding: 10px; cursor: pointer; } .main-menu .menu-mobile-btn, .main-menu .menu-mobile-btn > span { line-height: 25px; } .main-menu .menu-mobile-btn > span { font-size: 21px; width: 25px; height: 25px; text-align: center; display: block; box-sizing: content-box !important; } @media (max-width: 767px) { .main-menu .menu-mobile-btn { display: block; } .main-menu .menu-nav { display: none; position: absolute !important; top: 45px; left: 0; } .main-menu .menu-nav > li { float: none !important; margin-left: 0 !important; } .main-menu .menu-nav > li::before { display: none; } .main-menu .menu-nav > li > a, .main-menu .menu-nav > li > span { padding: 0 0 0 12px !important; } .main-menu .menu-nav > li > ul { position: relative !important; -webkit-transform: none !important; -o-transform: none !important; -ms-transform: none !important; transform: none !important; -webkit-transform-origin: 0 0 !important; -o-transform-origin: 0 0 !important; -ms-transform-origin: 0 0 !important; transform-origin: 0 0 !important; padding: 0 !important; } .main-menu .menu-nav > li > ul > li { background-color: transparent !important; padding: 0 !important; } .main-menu .menu-nav > li > ul > li > a, .main-menu .menu-nav > li > ul > li > span { color: inherit !important; padding: 0 !important; } } .csBreadcrumb { margin: 0; padding: 0; display: table; width: 100%; } .csBreadcrumb > li { float: left; display: block; } .csBreadcrumb > li.csBreadcrumbSeparator { opacity: 0.5; line-height: inherit; margin-left: 0.5em; margin-right: 0.5em; min-height: 1px; } html:lang(ar) .csBreadcrumb > li.csBreadcrumbSeparator, html:lang(fa) .csBreadcrumb > li.csBreadcrumbSeparator { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); } .elem-imageslider divdata-imageslider { height: 100%; position: relative; overflow: hidden; width: 100%; } .elem-imageslider divdata-imageslider > div, .elem-imageslider divdata-imageslider > div.csImageSliderItemContainer > div.csImageSliderItemContainer-image{ height: 100%; width: 100%; margin: 0; position: absolute; background-color: transparent; background-position: center center; background-size: cover; z-index: 0; opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .elem-imageslider divdata-imageslider > div.front, .elem-imageslider divdata-imageslider > div.front > div.csImageSliderItemContainer-image{ z-index: 1 !important; opacity: 1; } .elem-imageslider divdata-imageslider > div.linked, .elem-imageslider divdata-imageslider > divdata-href{ cursor: pointer; } .elem-companydata divdata-companydata table tr td { padding: 0 10px; } .elem-companydata divdata-companydata table tr td:first-child { padding-left: 0; width: 1px; white-space: nowrap; } .elem-companydata divdata-companydata table tr td:last-child { padding-right: 0; } .elem-companydata divdata-companydatalogo a { display: inline-block; } .elem-companydata divdata-companydatalogo img { vertical-align: bottom; max-width: 100%; } .elem-companydata divdata-companydataaddress span { display: block; } .companydata-row > .awe, .companydata-row > class^awe-, .companydata-row > class* awe- { margin-right: 5px; } .companydata-row > .awe-phone{ width:17px; } a.social-text{ margin:0 0 0 10px; } .csProductsList{ display: table; width: 100%; } .csProductsList .csProductContainer{ float: left; box-sizing: border-box; } .csProductsList .csProductContainerdata-col2:nth-child(2n+1), .csProductsList .csProductContainerdata-col3:nth-child(3n+1), .csProductsList .csProductContainerdata-col4:nth-child(4n+1) { clear: both; } .csProductsListView .loadMore{ margin-top:20px; margin-left: auto; margin-right: auto; display: table; } .csProductsList .csProductContainer > .csProductItem { display: table; width: 100%; } .csProductItem .csProductItemBody { } .csProductItem .csProductItemBody .csProductItemImage { height: 150px; overflow: hidden; position: relative; } .csProductItem .csProductItemBody .csProductItemImage img{ margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; max-width: 100%; max-height: 100%; } .csProductItem .csProductItemBody .csProductItemImage imgdata-layout1{ width: auto; max-height: 100%; } .csProductItem .csProductItemBody .csProductItemImage imgdata-layout2{ max-width: 100%; height: auto; } .csProductItem .csProductItemHeader { padding: 10px 0 0 0; } .csProductItem .csProductItemHeader .csProductItemCaption { margin-bottom: 10px; color: rgba(236,123,43,1); } .csProductItem .csProductItemHeader .csProductItemTraits { margin-bottom: 10px; overflow:hidden; } .csProductItem .csProductItemHeader .csProductItemTraitsdata-numtraits1{ min-height: 1.5em; max-height: 1.5em; } .csProductItem .csProductItemHeader .csProductItemTraitsdata-numtraits2{ min-height: 3em; max-height: 3em; } .csProductItem .csProductItemHeader .csProductItemTraitsdata-numtraits0, .csProductItem .csProductItemHeader .csProductItemTraitsdata-numtraits3{ min-height: 4.275em; max-height: 4.275em; } .csProductItem .csProductItemHeader .csProductItemTraitsdata-numtraits4{ min-height: 5.5em; max-height: 5.5em; } .csProductItem .csProductItemHeader .csProductItemTraitsdata-numtraits5{ min-height: 7.5em; max-height: 7.5em; } .csProductItem .csProductItemHeader .csProductItemTraitsdata-numtraits6{ min-height: 9.275em; max-height: 9.275em; } .csProductItem .csProductItemHeader .csProductItemTraitsdata-numtraits7{ min-height: 10em; max-height: 10em; } .csProductItem .csProductItemHeader .csProductItemTraitsdata-numtraits8{ min-height: 13em; max-height: 13em; } .csProductItem .csProductItemHeader .csProductItemTraitsdata-numtraits9{ min-height: 11.55em; max-height: 11.5em; } .csProductItem .csProductItemHeader .csProductItemTraitsdata-numtraits10{ min-height: 15em; max-height: 15em; } .csProductItem .csProductItemHeader .csProductItemTraits table.table { width: auto; } .csProductItem .csProductItemHeader .csProductItemTraits td { padding: 0; } .csProductItem .csProductItemHeader .csProductItemTraits td:first-child { padding-right: 10px; font-weight: bold; } .csProductItem .csProductItemHeader .csProductItemDesc { margin-bottom: 10px; } .csProductItem .csProductItemFooter .productPreviewFooter { margin-top: 1em; } .csProductItem .csProductItemFooter .productPreviewFooter a.btn { } .csProductListRowDetailContainer { display: table; width: 100%; } .csProductListRowDetailContainer .csProductListRowDetailContainerLeft, .csProductListRowDetailContainer .csProductListRowDetailContainerRight { width: 50%; float: left; } .csProductListRowDetailContainer .csProductListRowDetailContainerLeft { } .csProductListRowDetailContainer .csProductListRowDetailContainerRight { } .csProductListRowDetailContainer .csProductListRowDetail { display: table; width: 100%; margin: 1.425em 0; } .csProductListRowDetailContainer .csProductListRowDetail.name { } .csProductListRowDetailContainer .csProductListRowDetail.name h2 { margin: 0 !important; } .csProductListRowDetailContainer .csProductListRowDetail.ref { margin-top: -1.425em; } .csProductListRowDetailContainer .csProductListRowDetail.traits { } .csProductListRowDetailContainer .csProductListRowDetail.traits table { width: auto; } .csProductListRowDetailContainer .csProductListRowDetail.traits td { padding: 0; } .csProductListRowDetailContainer .csProductListRowDetail.traits td:first-child { padding-right: 10px; } .csProductListRowDetailContainer .csProductListRowDetail.files { } .csProductListRowDetailContainer .csProductListRowDetail.files ul { list-style-type: none; margin-left: 0; } .csProductListRowDetailContainer .csProductListRowDetail.files a { display: inline; } .csProductItem .csProductItemBody.floatLeft, .csProductItem .csProductItemHeader.floatLeft{ float:left; } .csProductItem .floatLeft:nth-child(2n){ padding-left:10px; } .csProductOverviewRowDetailTraitTable { width: auto; } .csProductOverviewRowDetailTraitTable td:first-child { font-weight: bold; } .productinfo-block-row-images .defaultPreviewItemdata-col1:first-child > div:not(.MYIS_add) { padding-top: 0; } .productinfo-block-row-images .defaultPreviewItem img { max-width: 100%; } .productinfo-block-row-files > div:first-child { margin-bottom: 1em; } .productinfo-block-row-files ul { } .productinfo-block-row-files ul > li { list-style-type: none; } .productinfo-block-row-files ul > li::before { content: \f15b; margin-right: 10px; margin-left: -15px; display: inline-block; font-family: FontAwesome!important; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .productinfo-block-row-files ul > li.file-type-1::before {} .productinfo-block-row-files ul > li.file-type-2::before {} .productinfo-block-row-files ul > li.file-type-3::before {} .subGrid > .container > .container-inner {} .subGrid > .container > .container-inner > * { width: 100%!important; float: none!important; margin: 0!important; padding: 0!important; } .csProductItemCaption > a { white-space: normal !important; word-wrap: anywhere !important; } @media (max-width: 767px) { .csProductsList { display: block; } .csProductsList .csProductContainer > .csProductItem { display: block; } .csProductItem .csProductItemBody.floatLeft, .csProductItem .csProductItemHeader.floatLeft{ float:none; } .csProductItem .csProductItemHeader .csProductItemTraits table.table { table-layout: fixed; } } @media (max-width: 480px) { .csProductsList .csProductContainer { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; float: none; } .csProductItem .floatLeft:nth-child(2n){ padding-left: 0; } .csProductItem .csProductItemHeader .csProductItemTraits table.table { width: 100%; } } .blogiteminfo-block { } .blogiteminfo-block-content { } .blogiteminfo-block-row-image img { display: block; max-width: 100%; } .csCatItemImage img { max-width: 100%; } .csItemList{ display: table; width: 100%; } .csItemList .csItemContainer{ float: left; box-sizing: border-box; } .csItemList .csItemContainerdata-col2:nth-child(2n+1), .csItemList .csItemContainerdata-col3:nth-child(3n+1), .csItemList .csItemContainerdata-col4:nth-child(4n+1) { clear: both; } .csCatItemBody { display: table; width: 100%; } .csCatItemBodydata-imagedesignleft .csCatItemImage, .csCatItemBodydata-imagedesignleft .csCatItemIntrotext, .csCatItemBodydata-imagedesignright .csCatItemIntrotext, .csCatItemBodydata-imagedesignright .csCatItemImage { width: 47.25%; } .csCatItemBodydata-imagedesignright .csCatItemIntrotext, .csCatItemBodydata-imagedesignleft .csCatItemImage { float: left; } .csCatItemBodydata-imagedesignleft .csCatItemImage { margin-right: 5%; } .csCatItemBodydata-imagedesignleft .csCatItemIntrotext, .csCatItemBodydata-imagedesignright .csCatItemImage { float: right; } .csCatItemBodydata-imagedesignright .csCatItemImage { margin-left: 5%; } .csItemListView .loadMore{ margin-top:20px; margin-left: auto; margin-right: auto; display: table; } .csItemListViewdata-numitems0 .csItemListCategory{ cursor:pointer; } @media (max-width: 767px) { .csItemList { display: block; } .csItemList .csItemContainer > .csCategoryItem { display: block; } } @media (max-width: 480px) { .csItemList .csItemContainer { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; float: none; } .csProductItem .floatLeft:nth-child(2n){ padding-left: 0; } } .csNewsListView, .csNewsList{ display: table; width: 100%; } .csNewsListView .csNewsContainer{ float: left; box-sizing: border-box; } .csNewsListView .csNewsContainerdata-col2:nth-child(2n+1), .csNewsListView .csNewsContainerdata-col3:nth-child(3n+1), .csNewsListView .csNewsContainerdata-col4:nth-child(4n+1) { clear: both; } .csNewsItem { } .csNewsItem .csNewsItemHeader { } .csNewsItem .csNewsItemHeader .csNewsItemImage { height: 150px; overflow: hidden; position: relative; } .csNewsItem .csNewsItemHeader .csNewsItemImage img { width: 100%; height: auto; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .csNewsItem .csNewsItemHeader .csNewsItemCaption { margin: 1.425em 0 0 0; } .csNewsItem .csNewsItemHeader .csNewsItemCaptionSub { font-size: smaller; margin: 0 0 1.425em 0; } .csNewsItem .csNewsItemBody { } .csNewsItem .csNewsItemBody .csNewsItemIntrotext { max-height: 4.275em; min-height: 4.275em; overflow: hidden; margin: 0 0 1.425em 0; } .csNewsListView .loadMore{ margin-top:20px; margin-left: auto; margin-right: auto; display: table; } .csNewsItemDetail { } .csNewsItemDetail .csNewsItemHeader .csNewsItemCaption { margin: 0 !important; } .csNewsItemDetail .csNewsItemHeader .csNewsItemCaptionSub { font-size: smaller; margin: 0 0 1.425em 0; } .csNewsItemDetail .csNewsItemBody .csNewsItemText { } .csNewsItemDetail .csNewsItemBody .csNewsItemImage { display: block; max-width: 500px; float: left; margin: 0 20px 10px 0; } .elem-h1 h1data-h1, .elem-h1 h2data-h1, .elem-h1 h3data-h1, .elem-h1 h4data-h1, .elem-h1 h5data-h1, .elem-h1 h6data-h1{ font-size: inherit; color: inherit; font-family: inherit; font-weight: inherit; text-align: inherit; text-decoration: inherit; line-height: inherit; } .keywordinfo-block { } .keywordinfo-block-name { margin-bottom: 1em; } .keywordinfo-block-content { } .keywordinfo-block-content table.csKeywordOverviewRowDetailContactTable td:first-child { width:1px; } .keywordinfo-block-row-combinations span { } .keywordinfo-block-row-combinations span:after { content: , ; } .keywordinfo-block-row-combinations span:last-child:after { content: ; display: none; } .keywordinfo-block-row-files > div:first-child { margin-bottom: 1em; } .keywordinfo-block-row-files ul { } .keywordinfo-block-row-files ul > li { list-style-type: none; } .keywordinfo-block-row-files ul > li::before { content: \f15b; margin-right: 10px; margin-left: -15px; display: inline-block; font-family: FontAwesome!important; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .keywordinfo-block-row-files ul > li.file-type-1::before { } .keywordinfo-block-row-files ul > li.file-type-2::before { } .keywordinfo-block-row-files ul > li.file-type-3::before { } .elem-sitemap divdata-sitemap a { font-size: inherit; color: inherit; font-family: inherit; font-weight: inherit; text-align: inherit; text-decoration: inherit; line-height: inherit; } .elem-contactform divdata-contactform .csContactFormContainer .csContactFormLabel, .elem-contactform divdata-contactform .csContactFormContainer .csContactFormInput{ font-size: inherit; color: inherit; font-family: inherit; font-weight: inherit; text-align: inherit; text-decoration: inherit; } .elem-contactform divdata-contactform .csContactFormContainer .csContactFormLabel{ float:left; width:30%; } .elem-contactform divdata-contactform .csContactFormContainer .csContactFormInput{ float:left; width:68%; } .elem-contactform divdata-contactform .csContactFormContainer .csContactFormBlock{ margin-bottom: 10px; display: table; width: 100%; } .elem-contactform divdata-contactform .csContactFormContainer .csContactFormBlock .cs_contactform_submit_btn{ text-align: center; } .form-vertical .elem-contactform divdata-contactform .csContactFormContainer .csContactFormLabel, .form-vertical .elem-contactform divdata-contactform .csContactFormContainer .csContactFormInput{ float:none; width:100%; } .form-center, .form-center input, .form-center textarea { text-align: center; } .csContactFormBlock-submit .csContactFormLabel { display: none; } @media (max-width: 767px){ .elem-contactform divdata-contactform .csContactFormContainer .csContactFormLabel, .elem-contactform divdata-contactform .csContactFormContainer .csContactFormInput{ float:none; width:100%; } } .fbElement{ clear:both; } .fbElement div.six{ float:left; } .fbElement_1 div.starWrapper{ unicode-bidi: bidi-override; direction: rtl; text-align:left; cursor:pointer; } .fbElement_1 div.starWrapper > span { display: inline-block; position: relative; width: 1.1em; } .fbElement_1 div.starWrapper > span:hover:before, .fbElement_1 div.starWrapper > span:hover ~ span:before { content: \2605; position: absolute; color:orange; } .fbElement_1 div.starWrapper > span.activeStar:before, .fbElement_1 div.starWrapper > span.activeStar ~ span:before { content: \2605; position: absolute; color:orange; } .fbElement_7{ font-size: 1.5em; } form .controls .checkbox.hasError:before { content: \f071; font-family: FontAwesome!important; position: absolute; right: 0px; line-height: 22px; margin: 0; width: 25px; font-size: 15px; text-align: center; background-color: #FF0000; color: #FFF!important; } .elem-search divdata-search { display: table; width: 100%; } form.csSearchForm { display: table-row; } form.csSearchForm .csSearchFormInput, form.csSearchForm .csSearchFormSubmit { display: table-cell; } form.csSearchForm .csSearchFormSubmit { width: 1px; } form.csSearchFormdata-buttonpositiontype1 .csSearchFormSubmit { display: block; width: auto; position: absolute; left: 0; top: 0; } form.csSearchFormdata-buttonpositiontype1 .csSearchFormInput + .csSearchFormSubmit { right: 0; left: auto; } .overlay-inner-container .overlay-sidepanel { background-color: transparent !important; } #overlay_search .overlay-content-item { height: 100vh; text-align: left; } .csSearchResultItem { } .csSearchResultItem .highlight { color: inherit; font-weight: bold; } .myForm { &.cs_current_sending { min-height: 80px; & > * { display: none; position: relative; } &:before { width: 80px; height: 80px; line-height: 80px; font-size: 40px; content: \f110; font-family: FontAwesome; position: absolute; top: 50%; left: 50%; margin-top: -40px; margin-left: -40px; text-align: center; animation-name: spin; animation-duration: 5000ms; animation-iteration-count: infinite; animation-timing-function: linear; } } } .myBarChart, .myBarChart * { font-size: inherit; } .myBarChart { } .myBarHeader { } .myBarContent { } .myBarContent > div { } .myBarContent > div > div { } .myBarContent > div > div > div { } .myBarLegendItem:nth-child(1) > span:first-child, .myBarContent > div > div:nth-child(1) > div {background-color: rgba(236,123,43,1) !important;} .myBarContent > div > div > div > i { } .myBarContent > div > div > div .barTitle { } .myBarContent > div > div > div .barTitle * { } .myBarContent > div > div > div .barTitle.outside { } .myBarContent > div > div > div .barTitle.outside::after { } .myBarLegendX { } .myBarLegendX > div { } .myBarLegendX > div > span { } .myBarLegendY { } .myBarLegendY > div { } .myBarLegendY > div > span { } .myBarLegendY > div:nth-child(2n) > span { } .myAlert .myBarLegendY { } .myAlert .myBarLegendY > div > span { } .myAlert .myBarLegendY > div:nth-child(2n) > span { } divdata-image > img { max-width: 100%; } divdata-image > picture > img { max-width: 100%; } divdata-singlevideo > video { height: 100%; position: relative; overflow: hidden; width: 100%; } divdata-button { display: table; } divdata-buttondata-button-params*widthbtn-full { width: 100%; } divdata-buttondata-button-params*floatbtn-fcenter { margin: 0 auto; } divdata-buttondata-button-params*floatbtn-fleft { } divdata-buttondata-button-params*floatbtn-fleft > div { text-align: left; } divdata-buttondata-button-params*floatbtn-fright { float: right; } divdata-buttondata-button-params*floatbtn-fright > div { text-align: right; } divdata-button .btn{ width:auto; display: table-cell; } divdata-button .btn-full { width:100%; } divdata-button .btn span.awe, divdata-button .btn spanclass^awe-, divdata-button .btn spanclass* awe- { margin-right: 5px; } .paymentOverlay {} .paymentOverlay #cs_payment_data_form { padding-bottom: 0; } .myAlert.paymentOverlay .myAlert-prompt { padding: 1rem; background-color: #000; } .paymentOverlay #cs_payment_data_form .inputBlock { padding-left: 50%; position: relative; background-color: #FFF; margin: 0; } .paymentOverlay #cs_payment_data_form .inputBlock + .inputBlock { margin-top: 1rem; } .paymentOverlay #cs_payment_data_form .inputBlock label { position: absolute; top: 0; left: 0; width: 50%; background-color: rgba(0,0,0,0.1); color: #000; } .paymentOverlay #cs_payment_data_form .inputBlock label, .paymentOverlay #cs_payment_data_form .inputBlock name { padding: 0 0.5rem; } .paymentOrderSummaryWrapper, .paymentMethodSelectWrapper { padding: 1rem; background-color: #FFF; } .paymentOrderSummaryWrapper { padding-bottom: 0; } .paymentOrderSummaryWrapper, .paymentOrderSummaryWrapper *, .paymentMethodSelectWrapper, .paymentMethodSelectWrapper * { color: #000; } .paymentMethodSelectWrapper > i { display: block; font-style: normal; text-align: center; font-size: 1.2rem; } .paymentMethodWrapperContainer data-actionfinishTransaction, .paymentMethodSelectWrapper .paymentMethodBtnContainer > *, .paymentMethodSelectWrapper data-actionprocess { text-align: center; width: 100%; height: 40px; line-height: 40px; background-color: rgba(0,0,0,0.1); color: #000; cursor: pointer; opacity: 0.5; margin-top: 1rem; } .paymentMethodWrapperContainer data-actionfinishTransaction { margin-top: 0rem; } .paymentMethodWrapperContainer data-actionfinishTransaction, .paymentMethodSelectWrapper data-actionprocess:hover { background-color: #97BF0D; opacity: 1; } .paymentMethodSelectWrapper .paymentMethodBtnContainer > *:hover, .paymentMethodSelectWrapper .paymentMethodBtnContainer > *.active { opacity: 1; } .paymentMethodWrapperContainer { padding-top: 1.5rem; overflow: hidden; } .paymentOrderSummaryWrapper table { table-layout: fixed; width: 100%; } .paymentOrderSummaryWrapper table td { width: 60%; padding: 5px 0; } .paymentOrderSummaryWrapper table tr + tr td { border-top: 1px solid rgba(0,0,0,0.3); } .paymentOrderSummaryWrapper table td + td { width: 40%; text-align: right; } .paymentOrderSummaryWrapper table tfoot td { border-top: 1px solid rgba(0,0,0,0.6); font-weight: bold; } .paymentMethodLoadingInfo { text-align: center; display: block; margin-bottom: 1.5rem; } .cs_currency_select_wrapper {} .cs_currency_select_wrapper select { height: 40px; line-height: 40px; padding: 0 0.5rem; } .cs_product { background-color: #FFF; position: relative; padding-top: 10px; } .cs_product, .cs_product * { box-sizing: border-box; } .cs_product.cs_product_has_images, .cs_product.cs_product_has_videos { padding-top: 250px; } .cs_product_inner { padding-bottom: 0.5rem!important; } .cs_product_inner > * { padding-top: 0!important; padding-bottom: 0!important; margin-bottom: 0.5rem; } .cs_product_title, .cs_product_price_output { padding: 0 1rem; height: 40px; line-height: 40px; text-align: left; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cs_product_title { font-weight: bold; } .cs_product_properties { padding: 0 1rem; } .cs_product_properties > table, data-keyproperties > table { table-layout: fixed; width: 100%; } .cs_product_properties > table tr > td { padding-right: 1rem; font-size: 0.8rem; min-height: 30px; line-height: 1.3rem; padding-top: 3px; padding-bottom: 3px; } .cs_product_properties > table tr > td:first-child { font-weight: bold; } .cs_product_properties > table tr > td + td { padding-right: 0; } .cs_product_properties > table tr > td * { font-style: normal; } .cs_product_basic_ref { padding: 0 1rem; height: 30px; line-height: 30px; text-align: left; display: block; font-size: 0.8rem; margin-top: -10px; } .cs_product_generic_data_desc { padding: 0 1rem; height: auto!important; } .cs_product_url_detail { display: block; width: 100%; padding: 0 1rem; } .cs_product_url_detail > a { display: block; width: 100%; height: 40px; line-height: 40px; background-color: rgba(0,0,0,0.1); cursor: pointer; text-align: center; } .cs_product_generic_data_teaser { padding: 1rem; font-size: 0.9rem; line-height: 1.2rem; } .cs_product_upload { display: none; } .cs_product_upload_1 , .cs_product_upload_2, .cs_product_upload_3 { position: relative; display: block; height: 250px; overflow: hidden; } .cs_product_upload_3 { height: auto; padding: 0 1rem; } .cs_product_upload_1, .cs_product_upload_2 { position: absolute; top: 0; left: 0; right: 0; z-index: 1; } .cs_product_upload_1 > *, .cs_product_upload_2 > * { height: 250px; width: 100%; display: flex; } .cs_product_upload_3 > * { height: 40px; line-height: 40px; display: block; padding: 0 1rem; padding-left: 40px; position: relative; background-color: rgba(0,0,0,0.05); margin-bottom: 1rem; } .cs_product_upload_3 > *:before { content: ; position: absolute; top: 0; left: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; content: \f019; font-family: FontAwesome !important; } .cs_product_upload_1 > * > * > *, .cs_product_upload_2 > * > * > * { display: block; height: 250px; width: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .cs_product_upload_2 > * > * > *:before { content: \f04b; font-family: FontAwesome !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; line-height: 50px; color: #FFF; font-size: 50px; cursor: pointer; text-shadow: 0px 0px 5px rgba(0, 0, 0, 1); opacity: 0.5; transition: opacity .5s ease-out; -moz-transition: opacity .5s ease-out; -webkit-transition: opacity .5s ease-out; -o-transition: opacity .5s ease-out; } .cs_product_upload_2 > * > *:hover::before { opacity: 1; } .cs_product_has_images { & .cs_slideshow { outline: 1px solid black; padding: 1rem; & > * { display: block; width: 100%; height: 100%; position: relative; & > * { height: auto!important; background-size: contain; } } } } .elem-productdata data-keygeneric_data_title { text-align: center; } .elem-productdata data-keygeneric_data_desc {} .elem-productdata data-keyupload_single { position: relative; outline: 1px solid black; } .elem-productdata data-keyupload_single data-keyupload_title { width: 100%; line-height: 30px; min-height: 40px; padding: 5px 1rem; background-color: rgba(0,0,0,0.08); display: block; position: absolute; bottom: 0; left: 0; right: 0; } .elem-productdata data-keyupload_single > data-type1, .elem-productdata data-keyupload_single > data-type2 { outline: 1px solid black; width: 100%; min-height: 250px; overflow: hidden; } .elem-productdata data-keyupload_single > data-type1, .elem-productdata data-keyupload_single > data-type2 { display: block; background-size: cover; background-repeat: no-repeat; background-position: center center!important; width: 100%; height: 100%; } .elem-productdata data-keyupload_1 .cs_slideshow, .elem-productdata data-keyupload_2 .cs_slideshow { outline: 1px solid black; width: 100%; height: 250px; overflow: hidden; } .elem-productdata data-keyupload_1 .cs_slideshow > span, .elem-productdata data-keyupload_2 .cs_slideshow > span { display: block; height: 100%; position: relative; } .elem-productdata data-keyupload_1 .cs_slideshow > span > *, .elem-productdata data-keyupload_2 .cs_slideshow > span > * { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: center center!important; width: 100%; height: inherit; } .elem-productdata data-keyupload_2 .cs_slideshow > span > *:before, .elem-productdata data-keyupload_single > data-type2:before { content: \f04b; font-family: FontAwesome !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; line-height: 50px; color: #FFF; font-size: 50px; cursor: pointer; text-shadow: 0px 0px 5px rgba(0, 0, 0, 1); opacity: 0.5; transition: opacity .5s ease-out; -moz-transition: opacity .5s ease-out; -webkit-transition: opacity .5s ease-out; -o-transition: opacity .5s ease-out; } .elem-productdata data-keyupload_2 .cs_slideshow > span > *::hover:before, .elem-productdata data-keyupload_single:hover > data-type2:before { opacity: 1; } .elem-productdata data-keyupload_3 {} .elem-productdata data-keyproperties {} .elem-productdata data-keyproperties table { table-layout: fixed; width: 100%; background-color: #FFF; border-collapse: collapse; } .elem-productdata data-keyproperties table th, .elem-productdata data-keyproperties table td { line-height: 30px; font-size: 90%; padding: 0 0.5rem; border: 1px solid rgba(0,0,0,0.2); } .elem-productdata data-keyproperties table td, .elem-productdata data-keyproperties table td * { font-style: normal!important; } .elem-productdata data-keyproperties table th { background-color: rgba(0,0,0,0.05); } .elem-productdata data-keyproperties table tr td { padding: 0 0.5rem; } .elem-productdata data-keyproperties table th, .elem-productdata data-keyproperties table tr td:first-child { font-weight: bold; } .showOverlay, .loadOverlay { cursor: pointer; } .overlay { width: 100%; height: 100%; z-index: 2000; left: 0px; top: 0px; position: fixed; } .overlay-bg { width: 100%; height: 100%; z-index: 1000; position: absolute; left: 0px; top: 0px; opacity: 0.5; } .overlay .overlay-bg { background-color: #000; } .overlay-inner { z-index: 1001; text-align: center; position: absolute; width: 100%; height: 100%; max-height: 100%; overflow-y: scroll; overflow-x: hidden; } .overlay-inner-container { position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 300px; background-color: #FFF; padding: 0px!important; margin: 0px!important; max-height: 100%; overflow: hidden; padding-right: 40px!important; } .overlay-inner-container .overlay-sidepanel { width: 40px; position: absolute; top: 0; right: 0; bottom: 0; padding: 0!important; overflow: hidden; background-color: #E3E3E3; } .overlay-inner-container .overlay-sidepanel > div { width: 40px; height: 40px; line-height: 40px; text-align: center; color: #FFF; background-color: #00632F; cursor: pointer; padding: 0!important; margin-bottom: 5px; opacity: 0.8; } .overlay-inner-container .overlay-sidepanel > div:hover { opacity: 1; } .overlay-inner-container .overlay-sidepanel > div.overlay-close { background-color: #E85422!important; position: relative!important; } .overlay-inner-container .overlay-sidepanel > div, .overlay-inner-container .overlay-sidepanel > div * { font-size: 25px!important; } .overlay-close { position: absolute; z-index: 1010; right: 0px; top: 0px; width: auto; padding: 0px 20px!important; height: 25px; line-height: 25px; text-align: center; cursor: pointer; background-color: #D1E392!important; color: #000; font-size: initial!important; } .overlay-close:hover { opacity: 1; } .body_ar .overlay-close { right: auto; left: 0px; } .body_ar .overlay-inner-container { float: right; } .overlay-inner-container > div { overflow: hidden; padding-top: 0px; padding-bottom: 0px; overflow-y: auto; } .overlay-inner-container > div > header, .overlay-inner-container > div > div { padding: 20px; } .overlay-inner-container > div > header { padding-bottom: 0px; } .overlay-inner-container > div > header + div {} .overlay-inner-containerdata-type2, .overlay-inner-containerdata-type3 { position: absolute; width: 600px; } .overlay-inner-containerdata-type4 { position: absolute; width: 900px; } .overlaydata-typevideo .overlay-inner-containerdata-type4 { background-color: #FFF; } .overlay-inner-containerdata-type2 {} .overlay-inner-containerdata-type3 { color: #333; font-size: 2em; line-height: 3em; } .overlay-inner-containerdata-type3 iframe{ min-height:400px; } .overlay-inner-containerdata-type3 #defaultOverlayMessageSpan { display: block; text-align: center; margin-top: 30px; } #overlay_gallery .overlay-inner-container { text-align: center; } #overlay_gallery .overlay-inner-container video, #overlay_gallery .overlay-inner-container iframe { width: 100%; max-width: 100%; } #overlay_gallery .overlay-inner-container img { max-width: 100%; } #overlayGalleryNav { position: absolute; bottom: 0; right: 0; left: 0; height: 40px; width: 100%; overflow: hidden; padding: 0!important; opacity: .2; background-color: #333; } #overlayGalleryNav:hover { opacity: 1; } #overlayGalleryNav span { position: absolute; display: block; cursor: pointer; height: 40px; line-height: 40px; width: 40px; text-align: center; top: 0; bottom: 0; color: #FFF; } #overlayGalleryNav span:nth-child(1) { left: 0; } #overlayGalleryNav span:nth-child(2) { right: 0; } .showOverlaydata-typeimage { cursor: zoom-in; } .overlay-dummy .loading-square { top: 50%; margin-top: -25px; } .overlay-dummy .loading-square * { background-color: #EFEFEF; } @media (max-width:1024px) { .overlay-inner-container { width: calc(100% - 40px) !important; } } .column, .columns { min-height: 1px; position: relative; display: table-cell; vertical-align: top; word-wrap: break-word; overflow-wrap: break-word; z-index: 10; } .collapsed.column, .collapsed.columns { padding: 0; } .padding-less { padding: 0!important; } .margin-less { margin: 0!important; } .default-padding, .column > .pf, .columns > .pf, .column, .columns { padding: 0 2%; } .column > .pfr, .columns > .pfr { padding-right: 2%; } .column > .pfl, .columns > .pfl { padding-left: 2%; } .column.centered, .columns.centered { float: none; margin: 0 auto; } class*column + class*column:last-child { } class*column + class*column.end { float: left; } .body_ar class*column + class*column:last-child { float: left; } .body_ar class*column + class*column.end { float: right; } .oc { overflow: hidden; } .zeroPointFive, .row .zeroPointFive { width: 2.166665%; } .one, .row .one { width: 4.33333%; } .onePointFive, .row .onePointFive { width: 8.76923982249%; } .two, .row .two { width: 12.66667%; } .twoPointFive, .row .twoPointFive { width: 16.833335%; } .three, .row .three { width: 21%; } .threePointFive, .row .threePointFive{ width: 25.166665%; } .four, .row .four { width: 29.33333%; } .fourPointFive, .row .fourPointFive { width: 33.5%; } .five, .row .five { width: 37.66667%; } .fivePointFive, .row .fivePointFive { width: 41.833335%; } .six, .row .six { width: 46%; } .sixPointFive, .row .sixPointFive { width: 50.166665%; } .seven, .row .seven { width: 54.33333%; } .sevenPointFive, .row .sevenPointFive{ width: 58.5%; } .eight, .row .eight { width: 62.66667%; } .eightPointFive, .row .eightPointFive{ width: 66.833335%; } .nine, .row .nine { width: 71%; } .ninePointFive, .row .ninePointFive { width: 75.166665%; } .ten, .row .ten { width: 79.33333%; } .tenPointFive, .row .tenPointFive { width: 83.5%; } .eleven, .row .eleven { width: 87.66667%; } .elevenPointFive, .row .elevenPointFive { width: 91.833335%; } .twelve, .row .twelve { width: 96%; } .zeroPointFive.collapsed { width: 4.1666666665%; } .one.collapsed { width: 8.333333333%; } .onePointFive.collapsed { width: 12.4999999995%; } .two.collapsed { width: 16.66666667%; } .twoPointFive.collapsed { width: 20.8333333325%; } .three.collapsed { width: 25%; } .threePointFive.collapsed { width: 29.1666666655%; } .four.collapsed { width: 33.33333333%; } .fourPointFive.collapsed { width: 37.4999999985%; } .five.collapsed { width: 41.66666667%; } .fivePointFive.collapsed { width: 45.8333333315%; } .six.collapsed { width: 50%; } .sixPointFive.collapsed { width: 54.1666666645%; } .seven.collapsed { width: 58.33333333%; } .sevenPointFive.collapsed { width: 62.4999999975%; } .eight.collapsed { width: 66.66666667%; } .eightPointFive.collapsed { width: 70.8333333305%; } .nine.collapsed { width: 75%; } .ninePointFive.collapsed { width: 79.1666666635%; } .ten.collapsed { width: 83.33333333%; } .tenPointFive.collapsed { width: 87.4999999965%; } .eleven.collapsed { width: 91.66666667%; } .elevenPointFive.collapsed { width: 95.8333333295%; } .twelve.collapsed { width: 100%; } .grid, .subGrid > .container > .container-inner { display: grid; grid-template-columns: repeat(auto-fill, minmax(30%, 1fr)); gap: 1em; width: 100%!important; } .grid *, .subGrid > .container > .container-inner * { box-sizing: border-box; } .grid > *, .subGrid > .container > .container-inner > * { width: 100%!important; } .grid.collapsed, .subGrid.collapsed > .container > .container-inner { grid-gap: 0em!important; } .grid.width_1, .subGrid.width_1 > .container > .container-inner { grid-template-columns: repeat(auto-fill, minmax(95%, 1fr)); } .grid.width_2, .subGrid.width_2 > .container > .container-inner { grid-template-columns: repeat(auto-fill, minmax(45%, 1fr)); } .grid.width_3, .subGrid.width_3 > .container > .container-inner { grid-template-columns: repeat(auto-fill, minmax(30%, 1fr)); } .grid.width_4, .subGrid.width_4 > .container > .container-inner { grid-template-columns: repeat(auto-fill, minmax(23%, 1fr)); } .grid.width_5, .subGrid.width_5 > .container > .container-inner { grid-template-columns: repeat(auto-fill, minmax(18%, 1fr)); } .flex { display: flex; gap: 1em; } .flex_1 { flex: 1; } .flex_2 { flex: 2; } .flex_3 { flex: 3; } .flex_4 { flex: 4; } .flex_5 { flex: 5; } .flex_6 { flex: 6; } .flex_7 { flex: 7; } .flex_8 { flex: 8; } .flex_9 { flex: 9; } .flex_10 { flex: 10; } .flex_auto { flex: auto; } .flex_p10 { flex: 0 0 10%; } .flex_p20 { flex: 0 0 20%; } .flex_p30 { flex: 0 0 30%; } .flex_p40 { flex: 0 0 40%; } .flex_p50 { flex: 0 0 50%; } .flex_p60 { flex: 0 0 60%; } .flex_p70 { flex: 0 0 70%; } .flex_p80 { flex: 0 0 80%; } .flex_p90 { flex: 0 0 90%; } @media (max-width: 767px) { .collapsed.column, .collapsed.columns { display: block; width: 100% !important; } .collapsed.column.twelve, .collapsed.columns.twelve { display: table-cell; } } .defaultPreviewItem { overflow: hidden; position: relative; background-color: #FFF; margin-bottom: 20px; float: left; font-size: 12px; } .defaultPreviewItem > div:not(.MYIS_add) { padding: 10px; } .defaultPreviewItemdata-col1 { width: 100%; margin-right: 0%; } .defaultPreviewItemdata-col2 { width: 49%; margin-right: 1%; } .defaultPreviewItemdata-col3 { width: 32%; margin-right: 2%; } .defaultPreviewItemdata-col4 { width: 23%; margin-right: 2%; } .defaultPreviewItemdata-col2:nth-child(2n), .defaultPreviewItemdata-col4:nth-child(4n) { margin-right: 0; margin-left: 1%; } .defaultPreviewItemdata-col3:nth-child(3n) { margin-right: 0; margin-left: 2%; } .defaultPreviewItemdata-col2:nth-child(2n+1), .defaultPreviewItemdata-col3:nth-child(3n+1), .defaultPreviewItemdata-col4:nth-child(4n+1) { clear: both; } .defaultPreviewItemdata-col3:nth-child(3n+2) { margin-right: 0; margin-left: 0; } .defaultPreviewItemdata-col4:nth-child(4n-1) { margin-right: 1%; } .defaultPreviewItem .defaultPreviewDetail { position: relative; } .defaultPreviewItem.hideDetail .defaultPreviewDetail { display: none; } .defaultPreviewThumb { min-height: 170px; background-position: center center; background-repeat: no-repeat; background-color: #FFF; background-size: contain; position: relative; } .defaultPreviewThumbdata-layout2{ background-size: cover; } .defaultPreviewThumbdata-typetext { min-height: 0!important; padding: 30px 10px; background-color: #AAA; color: #FFF; font-size: 1.3rem; } .defaultPreviewThumbdata-typetext > div {} .defaultPreviewThumbdata-typetext > div * { text-align: center; display: block; } .defaultPreviewThumbdata-typetext > div data-keysub { display: block; font-size: 0.8rem; margin-top: -0.6rem; color: #444; } .defaultPreviewThumbOverlay { -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); position: absolute; font-size: 1.2rem; line-height: 1.5rem; color: #333; background-color: rgba(255, 255, 255, 0.9); bottom: -10px; left: -10px; padding: 10px 10px; } .defaultPreviewThumb > div { width: 100%; } .defaultPreviewThumb.raw { background-size: auto!important; } .defaultPreviewThumb.dummy { text-align: center; line-height: 170px; text-align: center; color: #AAA; } .defaultPreviewThumb.dummy > spanclass^awe- { opacity: 0.3; font-size: 3rem!important; } .productPreviewItem .dummy { min-height: 0!important; max-height: 100px!important; line-height: 120px!important; } .defaultPreviewItem .defaultPreviewTitle { font-size: 1.1rem; line-height: 1.5rem; padding-top: 10px; } .defaultPreviewItem .defaultPreviewTitle > span {} .defaultPreviewItem .defaultPreviewTitle > span + span { font-size: 0.8rem; color: #666; } .defaultPreviewItem .defaultPreviewDetail > div, .defaultPreviewItem .defaultPreviewTraits > div, .defaultPreviewItem .defaultPreviewFooter > div { padding: 10px 0px; } .defaultPreviewItem .defaultPreviewFooter > div { padding-bottom: 0px; } .defaultPreviewItem .defaultPreviewFooter > div .btn { color: #FFF; font-size: 1rem; } .defaultPreviewItem .defaultPreviewDetail {} .defaultPreviewItem .defaultPreviewDetail > div { line-height: 1.3rem; } .defaultPreviewItem .defaultPreviewDetail .iconRow { position: relative; padding-left: 25px; min-height: 20px; } .defaultPreviewItem .defaultPreviewDetail .iconRow > spanclass^awe- { position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; line-height: 20px; text-align: center; } .defaultPreviewItem .defaultPreviewDetail .detailBlock + .detailBlock { margin-top: 5px; padding-top: 5px; border-top: 1px solid rgba(0, 0, 0, 0.3); } .defaultPreviewItem .defaultPreviewDetail > div { min-height: 3.5rem; max-height: 3.5rem; overflow: hidden; } .defaultPreviewItem .defaultPreviewDetail.full > div { max-height: none; } .defaultPreviewItem.open .defaultPreviewDetail > div { max-height: 1000px; -moz-transition: max-height 0.5s ease; -webkit-transition: max-height 0.5s ease; -o-transition: max-height 0.5s ease; transition: max-height 0.5s ease; } @media only screen and (max-width: 900px) { .defaultPreviewItem{ clear: none!important; width: 49%!important; margin-right: 1%!important; margin-left: 0%!important; } .defaultPreviewItem:nth-child(2n){ margin-right: 0!important; margin-left: 1%!important; } .defaultPreviewItem:nth-child(2n) + .defaultPreviewItem{ clear: both!important; } } .dropup, .dropdown { position: relative; } .dropdown-toggle { *margin-bottom: -3px; } .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; } .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #000000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ; } .dropdown .caret { margin-top: 8px; margin-left: 2px; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { *width: 100%; height: 1px; margin: 8px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } .dropdown-menu a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 18px; color: #333333; white-space: nowrap; } .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a { text-decoration: none; color: #ffffff; background-color: #40444d; background-color: #3b3f47; background-image: -moz-linear-gradient(top, #40444d, #34383f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#40444d), to(#34383f)); background-image: -webkit-linear-gradient(top, #40444d, #34383f); background-image: -o-linear-gradient(top, #40444d, #34383f); background-image: linear-gradient(to bottom, #40444d, #34383f); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr#ff40444d, endColorstr#ff34383f, GradientType0); } .dropdown-menu .active > a, .dropdown-menu .active > a:hover { color: #ffffff; text-decoration: none; outline: 0; background-color: #40444d; background-color: #3b3f47; background-image: -moz-linear-gradient(top, #40444d, #34383f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#40444d), to(#34383f)); background-image: -webkit-linear-gradient(top, #40444d, #34383f); background-image: -o-linear-gradient(top, #40444d, #34383f); background-image: linear-gradient(to bottom, #40444d, #34383f); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr#ff40444d, endColorstr#ff34383f, GradientType0); } .dropdown-menu .disabled > a, .dropdown-menu .disabled > a:hover { color: #999999; } .dropdown-menu .disabled > a:hover { text-decoration: none; background-color: transparent; cursor: default; } .open { *z-index: 1000; } .open > .dropdown-menu { display: block; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid #000000; content: ; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropdown-submenu > a:after { display: block; content: ; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #cccccc; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover > a:after { border-left-color: #ffffff; } .dropdown .dropdown-menu .nav-header { padding-left: 20px; padding-right: 20px; } .infoStackContainer {} .infoStackContainer .message { padding: 0px; line-height: 25px; background-color: #EFEFEF; display: block; cursor: default; font-size: 18px; } .infoStackContainer .message:nth-child(2n) { background-color: #DFDFDF; } .infoStackContainer .message:last-child { margin-bottom: 10px; } .alert { padding: 4px 35px 4px 14px; margin-bottom: 15px; background-color: #fcf8e3; border: 1px solid #fbeed5; color: #c09853; text-align: center; } .alert h4 { margin: 0; } .alert .close { position: relative; top: -2px; right: -21px; line-height: 18px; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #468847; } .alert-danger, .alert-error { background-color: #f2dede; border-color: #eed3d7; color: #b94a48; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad; } .alert-block { padding-top: 14px; padding-bottom: 14px; } .alert-block > p, .alert-block > ul { margin-bottom: 0; } .alert-block p + p { margin-top: 5px; } div.myNotify { z-index: 9999; color: #FFF; font-size: 11px; } div.myNotify { position: absolute; } body > div.myNotify { position: fixed; } div.myNotify { top: 0px; width: 100%; left: 0px; } div.center div.myNotify-notification, div.center div.myNotify-closer { margin-left: auto; margin-right: auto; } div.myNotify div.myNotify-notification, div.myNotify div.myNotify-closer { background-color: #000; opacity: 1; width: 100%; margin-top: 5px; margin-bottom: 5px; font-size: 1em; display: none; } div.myNotify div.myNotify-notification, div.myNotify div.myNotify-closer, div.myNotify div.myNotify-notification, div.myNotify div.myNotify-closer * { text-align: center!important; } div.myNotify div.myNotify-notification {} div.myNotify div.myNotify-notification, div.myNotify div.myNotify-closer { margin: 0px; } div.myNotify div.myNotify-notification div.myNotify-header { font-weight: bold; font-size: 0.85em; } div.myNotify div.myNotify-notification div.myNotify-close { display: none; position : absolute; top: 10px; right: 12px; z-index: 99; float: right; font-weight: bold; font-size: 1.2em; cursor: pointer; color: #FFF; } div.myNotify div.myNotify-closer { padding-top: 4px; padding-bottom: 4px; cursor: pointer; font-size: 0.9em; font-weight: bold; text-align: center; } @media print { div.myNotify { display: none; } } div.myNotify div.myNotify-notification, div.myNotify div.myNotify-closer { color: #ffffff; background-color: #40444d; } div.myNotify div.myNotify-closer {} div.myNotify div.myNotify-closer:hover {} div.myNotify div.primary, div.myNotify div.primary a, div.myNotify div.primary a:hover, div.myNotify div.danger, div.myNotify div.error, div.myNotify div.danger a, div.myNotify div.error a, div.myNotify div.danger a:hover, div.myNotify div.error a:hover, div.myNotify div.info, div.myNotify div.info a, div.myNotify div.info a:hover, div.myNotify div.success, div.myNotify div.success a, div.myNotify div.success a:hover { color: #FFF; } div.myNotify div.primary { background-color: #40444d; } div.myNotify div.primary a { border-bottom: 1px dotted; } div.myNotify div.primary a:hover { border-bottom: 1px solid; text-decoration: none; } div.myNotify div.danger, div.myNotify div.error { background-color: #e74949; } div.myNotify div.danger a, div.myNotify div.error a { border-bottom: 1px dotted; } div.myNotify div.danger a:hover, div.myNotify div.error a:hover { border-bottom: 1px solid; text-decoration: none; } div.myNotify div.info { background-color: #4986e7; } div.myNotify div.info a { border-bottom: 1px dotted; } div.myNotify div.info a:hover { border-bottom: 1px solid; text-decoration: none; } div.myNotify div.success { background-color: #6b9b20; } div.myNotify div.success a { border-bottom: 1px dotted; } div.myNotify div.success a:hover { border-bottom: 1px solid; text-decoration: none; } div.myNotify .message { display: block; line-height: 30px; padding: 0px; } div.myNotify .message, div.myNotify .message * { font-size: 12px; text-align: center!important; } div.myNotify .message_error { background-color: #FF4800; } div.myNotify .message_error, div.myNotify .message_error * {} div.myNotify .message_success { background-color: #C7FF00; } div.myNotify .message_success, div.myNotify .message_success * { color: #333; } div.myNotify .message_icon { margin-left: -20px; margin-top: 2px; font-size: 12px; color: rgba(0,0,0,0.8); display: block; float: left; } div.myNotify .message_content {} .myAlert { position: fixed; z-index: 9999; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 300px; background: rgba(0, 0, 0, 0.5); color: #FFF; padding: 20px; margin: 0 auto; max-width: 90vw; max-height: 90vh; min-height: 80px; overflow-y: auto; padding: 0px; font-size: 1rem; &.multiLangFormWrapper { & .myAlert-prompt { padding: 1rem; & .multiSelect_wrapper + .inputBlock { margin-top: 1rem; } & .inputBlock { margin-bottom: 0; padding-right: 80px; & + * { margin-top: .5rem!important; } & label { padding-left: 0; padding-right: 0; } &.focus, &:hover { & label { font-weight: bold; } & name { background-color: var(--clr_input_active); } } & name { padding-left: .5em; padding-right: .5rem; border: none!important; } & label { line-height: 1.4rem; height: 1.4rem; min-height: 1.4rem; font-size: .8rem; } &data-lang { padding-left: 40px; background-color: #EFEFEF; & > label { display: none; } & .myRedactorHeader { min-height: 40px; & * { line-height: 40px; } } &:before { content: attr(data-lang); color: #000; background-color: rgba(0,0,0,.1); position: absolute; top: 0; left: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; text-transform: uppercase; } } & .actions { position: absolute; top: 0; right: 0!important; width: 80px!important; min-height: 40px; display: flex; flex-wrap: wrap; & > * { flex: 1; width: 40px; } } } } } &.myAlert-temporary { width: 500px; min-width: 30vw; max-width: 100%; -webkit-box-shadow: 0 0 100px 0 rgba(0,0,0,.6); box-shadow: 0 0 100px 0 rgba(0,0,0,.6); & .myAlert-prompt { background-color: #FFF; color: #000; } & table { table-layout: fixed; width: 100%; background-color: rgba(0,0,0,.05); & tr:nth-child(2n) td { background-color: rgba(0,0,0,.05); } & td { overflow: hidden; min-height: 40px!important; line-height: 1.2rem; font-size: .9rem; padding: 8px 10px; &.price { position: relative; height: 40px; overflow: hidden; } & input { position: absolute; top: 0; left: 0; right: 0; height: 40px; line-height: 40px; border: none!important; background-color: var(--clr_input_active); } } } } } .myAlert > div:first-child { overflow-y: auto; height: inherit; max-height: inherit; } .myAlert.loadingOverlay { background: transparent; } .myAlert.noMinHeight { min-height: 40px!important; & .btn, & .btn * { height: 40px; line-height: 40px; } } .myAlert.wide { width: 600px; } .myAlert.wider { width: 1200px; } .myAlert.widest { width: 100%; } .myAlert.scroll { height: 100%; left: 50%; top: 50%; overflow-y: auto; box-sizing: border-box; margin: 0!important; } .myAlert-overlay { position: fixed; z-index: 9998; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.5); } .myAlert-message { margin-bottom: 0px; line-height: 40px; padding: 0 10px; background-color: #555; color: #FFF; text-align: center; font-size: 0.9rem; } .myAlert.info .myAlert-message { line-height: 25px; padding: 10px; text-align: left; } .myAlertMessage { margin-bottom: 0px; color: #FFF; text-align: center; font-weight: bold; } .myAlert.info .myAlertMessage { text-align: left; } .myAlert-prompt { margin-bottom: 10px; } .myAlert .myAlertContentBlock { padding: 1rem; } .myAlert .limitInfo { color: #000!important; } .myAlert-input { margin: 0!important; height: 40px!important; } .myAlert name { width: 100%; box-shadow: none; font-family: inherit; font-size: inherit; color: inherit; box-sizing: border-box; color: #333; } .myAlert name + name { margin-top: 10px; } .myAlert .cs_detail_form_block name { margin-bottom: 0; } .myAlert name:not(.redactor) { display: block; } .myAlert .inputBlock { margin-bottom: 0.5rem; padding-left: 0; } .myAlert .inputBlock * { line-height: 40px; min-height: 40px; } .myAlert .inputBlock label { padding: 0 1rem; } .myAlert .inputBlock name { margin-bottom: 0px; } .myAlert .inputBlock textarea { min-height: 150px; } .myAlert .myRedactorHeader { height: 30px; line-height: 30px; min-height: 30px; display: flex; } .myAlert .myRedactorHeader * { padding: 0; height: inherit; line-height: inherit; width: 30px; height: 30px; line-height: 30px; text-align: center; } .myAlert .myRedactorWrapper contenteditable, .myAlert .myRedactorWrapper textarea { color: #000; max-height: 500px; min-height: 200px; overflow-y: auto; overflow-x: hidden; padding: 0.5rem!important; border: none!important; } .myAlert .myRedactorWrapper contenteditable, .myAlert .myRedactorWrapper contenteditable *, .myAlert .myRedactorWrapper textarea { line-height: 1.4rem!important; } .myAlert .myRedactorWrapper textarea { color: #FFF; border: none; max-height: 500px; min-height: 300px; } .myAlert-buttons { text-align: right; } .myAlert-ok, .myAlert-cancel, .myAlert-extra, .myAlertSubmitAltBtn { border: none; font-family: inherit; font-size: inherit; margin-left: 5px; cursor: pointer; line-height: 25px; width: auto!important; min-width: 40px; height: 40px; line-height: 40px; float: right; } .myAlert-ok, .myAlert-cancel, .myAlertSubmitAltBtn { padding: 0px 10px; } .myAlert-ok, .myAlert-extra, .myAlertSubmitAltBtn { background: var(--clr_green); color: #FFF; } .myAlert-cancel { background: var(--clr_orangeDark); color: #FFF; } .myAlert-ok > spanclass^awe-, .myAlert-cancel > spanclass^awe-, .myAlert-extra > spanclass^awe-, .myAlertSubmitAltBtn > spanclass^awe- { display: block; width: 100%; height: inherit; line-height: inherit; text-align: center; font-size: 20px; } .myAlert-extra > spanclass^awe- { line-height: 43px; } .myAlert-ok:hover, .myAlert-ok:focus, .myAlert-ok:active, .myAlertSubmitAltBtn:hover, .myAlertSubmitAltBtn:focus, .myAlertSubmitAltBtn:active, .myAlert-extra:hover, .myAlert-extra:focus, .myAlert-extra:active, .myAlert-cancel:hover, .myAlert-cancel:focus, .myAlert-cancel:active { opacity: 1; } .myAlert.hideActions .myAlert-buttons, .myAlert.hideOK .myAlert-ok, .myAlert.hideCancel .myAlert-cancel, .myAlert.hideExtra .myAlert-extra { display: none!important; } .myAlert-buttons .btn.extra { float: left; } .myAlert name + name { margin-top: 10px; } .myAlert .myAlert-prompt > div, .myAlert .myAlert-prompt .inputWrapper > div { overflow: hidden; } .myAlert .myAlert-prompt > div > label, .myAlert .myAlert-prompt .inputWrapper > div > label { box-sizing: border-box; } .myAlert .myAlert-prompt > div > label > span, .myAlert .myAlert-prompt .inputWrapper > div > label > span { } .myAlert div.valid, .myAlert div.invalid { position: relative; } .myAlert div.invalid label { color: rgba(200,0,0,1)!important; } .myAlert div > .myAlertFormCheckSpan { position: absolute; top: 0!important; right: 0!important; color: var(--clr_orangeDark); height: 25px; line-height: 25px; width: 20px; text-align: center; font-size: 18px; } .myAlert div.valid > .myAlertFormCheckSpan { color: var(--clr_green); } .myAlertInfo { display: block; font-size: 11px; margin-top: 1rem; } .myAlertFormInfo { padding-left: 10px; } .myAlert .table-default td {} .myAlert .table-default + .table-default { margin-top: 10px; } .myAlert .table-default a { text-decoration: underline; } .myAlert .checkbox > input { display: none!important; } .myAlert { max-height: 75vh; overflow-y: visible; } .myAlert.autoHeight { height: auto!important; } .myAlert .myAlert-prompt { margin-bottom: 0; } .myAlert .myAlert-buttons { position: absolute; top: 0; right: -40px; width: 40px; } .myAlert .myAlertSubmitAltBtn { position: absolute; top: 0; right: -40px; padding: 0!important; } .myAlert .iconInput { position: relative; padding-left: 30px; } .myAlert .iconInput.right { position: relative; padding-left: 0px; padding-right: 30px; } .myAlert .iconInput > span:first-child { position : absolute; top: 0; left: 0; bottom: 0; width: 30px; text-align: center; line-height: 30px; font-size: 16px; background-color: #FFF; } .myAlert .iconInput.right > span:first-child { left: auto; right: 0; } .myAlert .iconInput * { border: none; } .myAlertBlockLabel { height: 30px; line-height: 30px; text-align: center; background-color: #000; } .myAlert.saveButton .myAlert-ok > span::before { content: \f0c7!important; } .myAlertCheckbox { box-sizing: border-box; padding-left: 40px; padding-right: 10px; position: relative; background-color: #000; float: none!important; display: block; background-color: transparent!important; width: 100%!important; &, & * { height: 30px; line-height: 30px; } &:nth-child(2n) { background-color: #444; } & input { display: none!important; & + span { padding: 0!important; &::before { font-family: FontAwesome!important; content: \f00d; position: absolute; top: 0; left: 0; bottom: 0; height: 30px; line-height: 30px; width: 30px; color: #FFF; font-size: 16px; text-align: center; background-color: rgba(255,255,255,0.2); } } &:checked + span::before { content: \f00c; } } } .multiLangInputTrigger { cursor: pointer; position: relative; &:not(class*awe-)::before { font-family: FontAwesome !important; content: \f0ac; position: absolute; background-color: rgba(0,0,0,0.1); top: 0; right: 0; width: 30px; height: 25px; line-height: 25px; z-index: 10; text-align: center; } & input, & .myRedactorWrapper contentEditable { padding: 0 0.5rem; pointer-events: none; padding-right: 50px!important; border: none!important; background-color: #FFFCCC; } & textarea { cursor: pointer; padding: 10px .5rem!important; min-height: 100px; border: none!important; background-color: rgba(0,0,0,.05); } } .multiLangInputTrigger .myRedactorHeader { display: none; } .multiLangInputTrigger .myRedactorWrapper contentEditable { padding: 0.5rem; overflow: hidden; height: auto; } .multiLangFormWrapper .multiSelect_wrapper .multiSelectAddAll { display: none; } .multiLangFormWrapper .multiSelect_wrapper .multiSelectRemoveAll { position: absolute; width: 40px; bottom: 0; right: 0; background-color: #EFEFEF; font-size: 0; color: transparent; } .multiLangFormWrapper .multiSelect_wrapper .multiSelectRemoveAll:before { content: \f12d; font-family: FontAwesome!important; font-size: 20px; color: #666; width: 40px; height: 40px; line-height: 40px; text-align: center; } .multiLangFormWrapper .multiSelect_wrapperdata-count .multiSelectRemoveAll:before, .multiLangFormWrapper .multiSelect_wrapperdata-count0 .multiSelectRemoveAll:before { display: none!important; } .myAlert.loadingOverlay .loading:not(input) { min-height: 70px!important; line-height: 70px!important; text-align: center; position: relative; margin: 1rem 0; width: 100%!important; height: 100px!important; &::before { content: ; display: block; position: relative; left: auto; right: auto; top: auto; bottom: auto; width: 70px!important; height: 70px!important; border: 6px solid rgba(255,255,255,1); border-radius: 50%; border-top-color: #2977A6; animation: spin 1s ease-in-out infinite; -webkit-animation: spin 1s ease-in-out infinite; margin: 0px auto; } } .myAlert { &.myAlert-download { & .myAlert-message { display: none; } & .myAlert-prompt { padding: 0!important; min-height: 7rem; overflow: hidden!important; } & a { display: block; width: 100%; height: 7rem; line-height: 7.5rem; text-align: center; &:hover { font-style: normal; text-decoration: none; } &:before { content: \f019; font-family: FontAwesome; font-size: 3rem; } } } } .defaultLoadingOverlay { position: fixed; inset: 0; background-color: rgba(0,0,0,.5); z-index: 100000; &:before { content: \f110; font-family: FontAwesome; width: 100px; height: 100px; line-height: 100px; text-align: center; font-size: 50px; color: #FFF; position: absolute; top: 50%; left: 50%; margin-top: -50px; margin-left: -50px; animation: rotate 3s linear infinite; } } @keyframes rotate{ to{ transform: rotate(360deg); } } .globeInputWrapper { min-height: 40px; line-height: 40px; position: relative; cursor: pointer; & .controls:after { box-sizing: border-box; content: attr(data-value); position: absolute; top: 0; right: 0; width: 100%; padding: 0 1rem; } & label, & input { min-height: 40px; line-height: 40px; pointer-events: none; } & label { padding-right: 10px; } & input { border: 1px solid #CCC!important; color: transparent; } &:before { content: \f0ac; font-family: FontAwesome; position: absolute; z-index: 10; top: 0; right: 0; width: 40px!important; height: 40px!important; line-height: 40px!important; text-align: center; font-size: 20px; } } @media only screen and (max-width: 700px) { .myAlert { padding-bottom: 40px; & .myAlert-buttons { right: 0px; left: 0; top: auto; bottom: 0; width: auto; display: flex; flex-wrap: wrap; & > * { flex: 1; width: 40px!important; margin: 0; } } } } .cs_detail_form_block { display: grid; background-color: rgba(0,0,0,0.1); } .myAlert .cs_detail_form_block { background-color: transparent; } .cs_detail_form_block .inputBlock { margin: 0; margin-bottom: 10px; padding: 0; } .cs_detail_form_block label { padding: 0!important; font-size: 0.8rem; height: 25px; line-height: 25px; min-height: 0; } .cs_detail_form_block name:not(iframe) { min-height: 40px; line-height: 40px; } .cs_detail_form_block textarea { height: auto; min-height: 100px; line-height: 25px; padding-top: 10px; padding-bottom: 10px; } .cs_default_detail_nav_wrapper { display: flex; flex-wrap: wrap; gap: 2rem; } .cs_default_detail_nav_wrapper, .cs_default_detail_nav_wrapper * { box-sizing: border-box; } .cs_default_detail_nav { flex: 2; flex-grow: 1; } .cs_default_detail_nav > * { width: 100%; display: block; height: 40px; line-height: 40px; padding: 0 1rem; text-align: center; background-color: #FFF; opacity: 0.8; cursor: pointer; } .cs_default_detail_nav > *:hover { opacity: 1; } .cs_default_detail_nav > * { color: #000; } .cs_default_detail_nav > *.active { opacity: 1; background-color: green; color: #FFF; } .cs_default_detail_nav > * + * { margin-top: 0.5rem; } .cs_default_detail_nav + div { flex: 4; flex-grow: 1; flex-shrink: 1; flex-basis: 400px; } .cs_default_detail_info { margin-bottom: 1rem; } .cs_default_detail_nav > *, .cs_default_detail_nav_wrapper label > span { display: block; white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; } .cs_default_detail_nav > .cs_default_detail_nav_has_invalid { color: var(--default_color_error)!important; } .cs_default_detail_nav > .cs_default_detail_nav_has_invalid.active { color: #FFF!important; background-color: var(--default_color_error)!important; } .myFormInputTraceContainer { float: right; width: auto; height: 20px; overflow: hidden; } .myFormInputTraceItem { height: 20px; width: auto; line-height: 20px; margin: 0px 5px; font-size: 11px; color: #CCC; float: left; } .myFormInputTraceItem.active { color: #333; } .myFormIgnoreLayout > .formBlockInner > div { width: 100%!important; box-sizing: border-box; } .myFormIgnoreLayout .flex { display: block!important; gap: 0!important; & > * { min-width: 100%; & .btn-full + .btn-full { margin-top: .5rem!important; } } } .myFormAllLang { display: none; font-family: FontAwesome!important; width: 30px; position: absolute; top: 0px; right: 0px; margin: 1px; text-align: center; line-height: 25px; font-size: 18px; color: #CCC; cursor: pointer; z-index: 100; } .myFormAllLang::before { content: \f0ac; } .myFormAllLang.active { opacity: 1; color: #E85422; } .myFormSubInfo { background-color: rgba(0,0,0,0.2); padding: 1rem; } .controls.showGlobe .myFormAllLang { display: block!important; } .controls.showGlobe { box-sizing: border-box; padding-right: 30px; } textarea + .myFormAllLang, .myRedactorWrapper + .myFormAllLang { background-color: transparent; } .inputBlock { position: relative; padding-left: 150px; margin-bottom: 5px; } .inputBlock.full { padding-left: 0px; } .inputBlock.full > * { width: 100%!important; float: none; } .inputBlock, .inputBlock * { line-height: 25px; } .inputBlock:not(.full) > div:first-child { position: absolute; top: 0; left: 0; bottom: 0; width: 140px; padding: 0 5px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: #D3D3D3; color: #333; } .inputBlock > .input-append { position: relative; & > .add-on { position: absolute; top: 0; right: 0; bottom: 0; } } .inputBlock .colorpicker-preview { height: 100%; width: 100%; } .input-append { position: relative; padding-right: 50px; } .input-append .add-on { min-width: 40px; position: absolute; top: 0; right: 0; bottom: 0; background-color: #EEE; color: #000; text-align: center; line-height: 25px; border: 1px solid #D9DADB; box-sizing: border-box; & > span { width: 40px!important; padding: 0!important; & + span { position: absolute; top: 0; right: 40px; } } } .input-append .add-on.btn { background-color: #97BF0D; color: #FFF; font-size: 16px; border: none!important; &:hover { background-color: #CCC; color: #333; } } .input-append .myFormAllLang { right: -30px; } form .controls { position: relative; } form .controls .help-block-icon { position: absolute; top: 0px; right: 0px; bottom: 0px; line-height: 22px; margin: 0; width: 25px; font-size: 15px; text-align: center; background-color: #FF0000; color: #FFF!important; } .controls.showGlobe .help-block-icon { right: 30px!important; } .controls.hasError { position: relative; } .help-block.error { text-align: center; background-color: #E85422; color: #FFF!important; line-height: 40px; margin: 10px 0px; } .controls.hasError .checkbox, .controls.hasError .checkbox * { color: #E85422!important; } .myForm .formBlockInner { box-sizing: border-box; } .myForm.compact .formBlockInner { position: relative; padding-left: 30%; margin-bottom: 10px; } .myForm.compact .formBlockInner > div:first-child { line-height: 35px; } .myForm.compact .formBlockInner > div:first-child { position: absolute; top: 0; left: 0; bottom: 0; width: 30%; padding: 0 10px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: #D3D3D3; box-sizing: border-box; } .myForm.compact .hideLabel .formBlockInner > div:first-child { background-color: transparent; visibility: hidden; opacity: 0; } .myForm.compact .control-group.missing .formBlockInner > div:first-child { background-color: #E85422; color: #FFF; } .myForm readonly { cursor: default; color: transparent; text-shadow: 0 0 0 #555; } .myForm.compact .myFormIgnoreLayout .formBlockInner { padding-left: 0px; } .myForm.compact .myFormIgnoreLayout .formBlockInner > div:first-child { display: none; } .myForm.compact .myFormIgnoreLayout textarea { height: 170px; } .myFormBlockLabel label { height: 30px; line-height: 30px; background-color: rgba(0, 0, 0, 0.1); } .myFormBlockLabel label, .myFormBlockLabel label * { text-align: center!important; } .myFormInfoBlock { box-sizing: border-box; position: relative; background-color: #FFF; min-height: 30px; } .myFormInfoBlock.important {} .myFormInfoBlock > div:first-child { padding: 10px; padding-bottom: 40px; } .myFormInfoBlockdata-icon1 > div:first-child { padding-left: 50px; } .myFormInfoBlockdata-typefix > div:first-child { padding-bottom: 10px; } .myFormInfoBlockdata-icon1 > div:first-child > span:first-child { position: absolute; top: 0; bottom: 0; left: 0; line-height: 40px; width: 40px; text-align: center; color: rgba(0,0,0,0.3); background-color: rgba(0,0,0,0.1); font-size: 20px; } .myFormInfoBlock.importantdata-icon1 > div:first-child > span:first-child { background-color: #E85422; color: #FFF; } .myFormInfoBlock .btn:last-child { position: absolute; bottom: 0; left: 0; right: 0; padding-left: 50px!important; } .myFormInfoBlock .btn:last-child > span:first-child { width: 40px!important; } .genericDataMissingWrapper { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #D9DADB; overflow: hidden; } .genericDataMissingWrapper > label { display: block; margin-bottom: 10px; overflow: hidden; line-height: 25px; } .genericDataMissingWrapper > label > span:first-child { width: 50%; float: left; } .genericDataMissingWrapper > label > span:last-child { width: 50%; float: right; overflow: hidden; } .genericDataMissingWrapper > label > span:last-child > span { width: 50%; float: left; box-sizing: border-box; padding-left: 30px; padding-right: 10px; position: relative; height: 25px; background-color: #FFF; } .genericDataMissingWrapper > div { overflow: hidden; } .genericDataMissingWrapper > div > div { color: #E85422; float: left; cursor: pointer; line-height: 25px; padding-left: 30px; padding-right: 10px; position: relative; height: 25px; background-color: #FFF; margin-right: 5px; margin-bottom: 5px; } .genericDataMissingWrapper > div > div.dataInfoBooked.dataInfoAvailable { color: #00632F; } .genericDataMissingWrapper > div > div.dataInfoBooked.dataInfoMissing { color: #E85422; } .genericDataMissingWrapper > div > div.dataInfoUnbooked { color: #D9DADB; } .genericDataMissingWrapper > div > div::before, .genericDataMissingWrapper > label > span:last-child > span > span:first-child { content: \f00c; font-family: FontAwesome!important; position: absolute; top: 0; left: 0; bottom: 0; width: 25px; height: 25px; text-align: center; line-height: 25px; background-color: rgba(0,0,0,0.1) } .genericDataMissingWrapper > div > div.dataInfoMissing::before { content: \f071; } .genericDataMissingWrapper > div > div.dataInfoAvailable::before { content: \f00c; } .input-icon {} .input-icon .controls { position: relative; } .input-icon input { padding-left: 50px!important; } .input-icon .controls > span:first-child { position: absolute; left: 0; top: 0; bottom: 0; height: 40px; width: 40px; line-height: 40px; text-align: center; font-size: 20px; color: #AAA; } body:not(.front) { & .control-group { &.multiLangInputTrigger { &:before { width: 40px!important; height: 40px!important; line-height: 40px!important; } } &.multiLangInputTrigger:before { top: 10px; right: 10px; } &:not(.formBlockSubHeader) .formBlockInner.flex { display: flex!important; gap: 1rem; flex-wrap: wrap; padding: 10px!important; background-color: rgba(0,0,0,.05); & > * { flex: 1; } & .controls { & input + .btn { line-height: 40px!important; } & textarea { min-height: 40px; height: 100px; padding: .5rem; } } & > * { float: none!important; & label { height: auto; min-height: 20px!important; line-height: 20px; padding-top: 10px; padding-bottom: 10px; } & typetext, & typedate, & typetime { min-height: 40px; } & .add-on { line-height: 40px!important; & * { display: block; line-height: 40px!important; min-height: 40px!important; } } & select { min-height: 40px!important; } } & > :first-child { flex: 4; } & > :first-child + * { flex: 8; & > * { border-color: #CCC!important; } } & > .clear { display: none!important; } & label.radio, & label.checkbox { & > span { &:before { top: 14px; border-width: 2px; } } & input:checked + span:before { content: ; background-color: #97BF0D; border-color: #97BF0D; } } & .input-append { position: relative; padding-right: 40px; padding-right: 0; & input { padding-right: 40px; } & .add-on { display: block; position: absolute!important; top: 0; right: 0; float: none!important; line-height: 40px; height: 40px; margin: 0!important; padding: 0!important; text-align: center!important; } } } &:last-child, &.last { & .formBlockInner.flex { border-bottom: none!important; padding-bottom: 0; } } } } .checkbox, .radio { &.readonly { opacity: 0.6; pointer-events: none; } } .inputBlock .message { display: block; color: #FFF; font-size: 12px; padding: 0 10px; position: absolute; inset: 0; right: 80px; left: 40px; padding-left: 10px; z-index: 1; background-color: var(--clr_orangeDark); } form {} fieldset { padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 18px; font-size: 19.5px; line-height: 36px; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } legend small { font-size: 13.5px; color: #999999; } label { display: block; line-height: 25px; margin: 0; font-size: inherit; } label.cs_readonly { pointer-events: none!important; } select, textarea, inputtypetext, inputtypepassword, inputtypedatetime, inputtypedatetime-local, inputtypedate, inputtypemonth, inputtypetime, inputtypeweek, inputtypenumber, inputtypeemail, inputtypeurl, inputtypesearch, inputtypetel, inputtypecolor, .uneditable-input { display: inline-block; height: 25px; min-height: 25px; line-height: 25px; padding: 0px 5px; color: #000; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font: inherit; } textarea { white-space: pre-wrap!important; line-height: inherit!important; resize: vertical; } selectmultiple { height: auto!important; } inputtypetext, inputtypepassword, inputtypedatetime, inputtypedatetime-local, inputtypedate, inputtypemonth, inputtypetime, inputtypeweek, inputtypenumber, inputtypeemail, inputtypeurl, inputtypesearch, inputtypetel, inputtypecolor, .uneditable-input {} select, inputtypetext, inputtypepassword, textarea { border: 1px solid #D9DADB!important; } select:focus, select:active, inputtypetext:focus, inputtypetext:active, inputtypepassword:focus, inputtypepassword:active, textarea:focus, textarea:active { border: 1px solid #D9DADB!important; } select optionvalue, select option:not(value) { font-weight: bold; } textarea, inputtypetext, inputtypepassword, inputtypedatetime, inputtypedatetime-local, inputtypedate, inputtypemonth, inputtypetime, inputtypeweek, inputtypenumber, inputtypeemail, inputtypeurl, inputtypesearch, inputtypetel, inputtypecolor, .uneditable-input { background-color: #FFF; border: 1px solid #D9DADB!important; } textarea { height: 100px; } inputdisabled, selectdisabled, textareadisabled, inputreadonly, selectreadonly, textareareadonly { cursor: not-allowed; background-color: #eeeeee; } inputtyperadiodisabled, inputtypecheckboxdisabled, inputtyperadioreadonly, inputtypecheckboxreadonly { background-color: transparent; } .control-group > label.control-label { text-align: left; color: #333; } .form-actions { margin-top: 5px; } .form-actions:before, .form-actions:after { display: table; content: ; line-height: 0; } .form-actions:after { clear: both; } .control-group { margin-bottom: 10px; } .control-group:hover .control-label { color: #333; } legend + .control-group { margin-top: 18px; -webkit-margin-top-collapse: separate; } form textarea { width: 100%; padding: 0px 5px!important; } .help-block, .help-inline { font-size: 11px; color: #babcbe; } .help-block { display: block; margin-bottom: 3px; } .help-inline { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; padding-left: 5px; } .help-block.error { color: #b94a48!important; } .radio, .checkbox { padding: 0; line-height: 25px; display: table; } .radio inputtyperadio, .checkbox inputtypecheckbox { display:none; } .radio inputtyperadio + span > span, .checkbox inputtypecheckbox + span > span { display: inline-block; width: 14px; height: 14px; margin: 0px 10px 0 0; vertical-align: middle; border: 1px solid #AAA; background-color: #EFEFEF; cursor: pointer; margin-top: -3px; } .checkbox inputtyperadio + span > span, .radio inputtyperadio + span > span { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .checkbox inputtypecheckbox:checked + span > span, .radio inputtyperadio:checked + span > span { background-color: #97BF0D!important; } .radio.minimal, .checkbox.minimal { width: 15px; height: 15px; line-height: 15px; } .radio.minimal inputtyperadio + span > span, .checkbox.minimal inputtypecheckbox + span > span { margin: 0!important; } .radio.size_20, .checkbox.size_20 { width: 20px; height: 20px; line-height: 20px; overflow: hidden; } .radio.size_20 inputtyperadio + span > span, .checkbox.size_20 inputtypecheckbox + span > span { width: 20px; height: 20px; } .radio.size_25, .checkbox.size_25 { width: 25px; height: 25px; line-height: 25px; overflow: hidden; } .radio.size_25 inputtyperadio + span > span, .checkbox.size_25 inputtypecheckbox + span > span { width: 25px; height: 25px; } .color_radio {} .color_radio input { display: none; } .color_radio > span { width: 20px; height: 20px; display: block; float: right; position: relative; } .color_radio > span > span { display: none; position: absolute; left: 50%; margin-left: -5px; bottom: -15px; border-style: solid; border-width: 0 5px 10px 5px; border-color: transparent transparent black; } .color_radio input:checked + span > span { display: block; } .price { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 25px!important; line-height: 25px!important; text-align: right; font-family: Arial!important; } .radio.no-input, .checkbox.no-input { padding: 0!important; display: inline-block; margin-right: 5px; } .radio.no-input input + span > span, .checkbox.no-input input + span > span { display: none!important; } .radio.no-input input + span, .checkbox.no-input input + span { color: #000; } .radio.no-input input:checked + span, .checkbox.no-input input:checked + span { color: #E85422; } .checkbox.checkbox-icon { width: 22px!important; height: 20px!important; line-height: 20px!important; display: inline-block; padding: 0; margin: 0; } .checkbox.checkbox-icon spanclass^awe- { display: block; color: #CCC; line-height: 20px; width: 20px; height: 20px; font-size: 13px; text-align: center!important; margin: 0; } .checkbox.checkbox-icon input:checked + span, .checkbox.checkbox-icon input:checked + span * { color: #00632F!important; } input:focus::-webkit-input-placeholder { color: transparent; } input:focus:-moz-placeholder { color: transparent; } input:focus::-moz-placeholder { color: transparent; } input:focus:-ms-input-placeholder { color: transparent; } .myForm .control-group.six.columns:not(.collapsed) { width: 48%; } .myForm .control-group.six.columns:nth-child(2n+1) { padding-left: 0; } .myForm .control-group.six.columns:nth-child(2n) { padding-right: 0; } .limitInput { overflow: hidden; position: relative; } .limitInput input { padding-right: 50px; } .limitInput .limitInfo, .limitInput .myContentEdit + span, .redactor-box .redactor-limiter-info { display: block; position: absolute; min-width: 25px; height: 25px; line-height: 25px; top: 0px; right: 0px; padding: 0px 5px; background-color: transparent; } .iconInput { position: relative; } .iconInput > input { padding-left: 35px; } .iconInput > span { position: absolute; top: 0; left: 0; width: 35px; height: 25px; line-height: 25px; text-align: center; font-size: 15px; color: #666; } input.loading { -webkit-animation: loading-pulse 3s infinite; -moz-animation: loading-pulse 3s infinite; -o-animation: loading-pulse 3s infinite; animation: loading-pulse 3s infinite; } @keyframes loading-pulse { 50% { background-color: #CCC; } } @-moz-keyframes loading-pulse{ 50% { background-color: #CCC; } } @-webkit-keyframes loading-pulse { 50% { background-color: #CCC; } } @-o-keyframes loading-pulse { 50% { background-color: #CCC; } } @-ms-keyframes loading-pulse { 50% { background-color: #CCC; } } .formHideLabelCol > .formBlockInner > div:nth-child(1) { display: none; } .formHideLabelCol > .formBlockInner > div:nth-child(2) { width: 100%; } .formBlockSubHeader { background-color: #efefef; border-bottom: 2px solid #cccccc; padding: 0 10px; } .formBlockSubHeader > .formBlockInner > div:nth-child(1) { width: 100%; } .formBlockSubHeader > .formBlockInner > div:nth-child(2) { display: none; width: 100%; } input + span.add-on { font-size: 12px; color: #aaa; } .myFormColumnSection, .formBlockInner { display: table; width: 100%; table-layout: fixed; } .myFormColumnSection > .collapsed.columns { padding: 0 10px; } @media (min-width: 768px) { .myFormColumnSection > .collapsed.columns:first-child { padding-left: 0; } .myFormColumnSection > .collapsed.columns.lastcolumn, .myFormColumnSection > .collapsed.columns:last-child { padding-right: 0; } } #wrapper .myFormColumnSection .column, #wrapper .myFormColumnSection .columns { z-index: auto; display: block; } @media (max-width: 1199px) { .fbElement div.six { width: 100%; float: none; display: block; } } @media (max-width: 767px) { #wrapper .myFormColumnSection .column, #wrapper .myFormColumnSection .columns { display: block !important; padding: 0 !important; } } .showContentTarget { display: none; } .cs_default_input_row_parent { padding: 1rem!important; background-color: #FFF; & > * + * { margin-top: 1rem; } } .btn { padding: 4px 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; } .btn { display: inline-block; padding: 0px 15px; margin-bottom: 0; line-height: 25px; min-height: 25px; text-align: center; vertical-align: middle; cursor: pointer; color: #FFF; background-color: #97BF0D; font-size: inherit; box-sizing: border-box; } .btn-orange { background-color: #E85422; } .btn-grey { background-color: #E0E0E0; color: #000000; } .btn.full { padding-left: 0; padding-right: 0; width: 100%; } .btn.full + .btn.full { margin-top: 5px; } .btn-full{ width: 100%; } .btn-autolineheight{ line-height: 1.425; padding-top: 4px; padding-bottom: 4px; } .btn.btn-fleft, .btn.btn-fright, .btn.btn-fcenter{ display: table; } .btn-fleft{ float: left; } .btn-fright{ float: right; } .btn-fcenter{ margin-left: auto !important; margin-right:auto !important; float: none; } .btn:hover, .btn:active, .btn.active, .btn.disabled, .btndisabled { color: #333333; background-color: #e6e6e6; *background-color: #d9d9d9; } .btn:active, .btn.active { background-color: #cccccc \9; } .btn:first-child { *margin-left: 0; } .btn:hover { color: #333333; text-decoration: none; background-color: #e6e6e6; *background-color: #d9d9d9; } .btn.active, .btn:active { background-color: #e6e6e6; background-color: #d9d9d9 \9; background-image: none; outline: 0; } .btn-small { padding: 3px 9px; font-size: 0.9em; line-height: 16px; } .btn-small class^icon- { margin-top: 0; } .btn-mini { padding: 2px 6px; font-size: 0.8em; line-height: 15px; } inputtypesubmit.btn-block, inputtypereset.btn-block, inputtypebutton.btn-block { width: 100%; } .btn { border-color: #c5c5c5; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); } button.btn, inputtypesubmit.btn { *padding-top: 3px; *padding-bottom: 3px; } button.btn::-moz-focus-inner, inputtypesubmit.btn::-moz-focus-inner { padding: 0; border: 0; } button.btn.btn-large, inputtypesubmit.btn.btn-large { *padding-top: 7px; *padding-bottom: 7px; } button.btn.btn-small, inputtypesubmit.btn.btn-small { *padding-top: 3px; *padding-bottom: 3px; } button.btn.btn-mini, inputtypesubmit.btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px; } .btn-mini .caret, .btn-small .caret, .btn-large .caret { margin-top: 6px; } .btn-large .caret { border-left-width: 5px; border-right-width: 5px; border-top-width: 5px; } .btn-image { display: inline-block; overflow: hidden; font-size: 25px!important; position: relative; } .btn-image, .btn-image > span { text-align: center!important; width: 30px!important; height: 30px!important; line-height: 30px; } .btn-image > span { position: absolute; top: 0; left: 0; } .btn-image.btn-image-small { font-size: 25px!important; width: 25px; height: 25px; line-height: 25px; } .btn-group { position: relative; } .btn-image + .btn-image { margin-left: 5px; } .btn-hover { opacity: 0.5; cursor: pointer!important; } .btn-hover:hover, .btn-hover:focus, .btn-hover.active, .btn-hover:active { opacity: 1; } body.april-fools { transform: rotate(2deg); -moz-transform: rotate(2deg); -webkit-transform: rotate(2deg); -o-transform: rotate(2deg); -ms-transform: rotate(2deg); } .animation-pulse, .unsavedChanges > spanclass^awe- { -webkit-animation: pulse 2s ease-in-out infinite; -moz-animation: pulse 2s ease-in-out infinite; -o-animation: pulse 2s ease-in-out infinite; animation: pulse 2s ease-in-out infinite; } .animation-pulse-rotate { -webkit-animation: pulse-rotate 2s ease-in-out infinite; -moz-animation: pulse-rotate 2s ease-in-out infinite; -o-animation: pulse-rotate 2s ease-in-out infinite; animation: pulse-rotate 2s ease-in-out infinite; } .animation-rotate { -webkit-animation: rotate 2s ease-in-out infinite; -moz-animation: rotate 2s ease-in-out infinite; -o-animation: rotate 2s ease-in-out infinite; animation: rotate 2s ease-in-out infinite; } @keyframes pulse { 0% {transform: scaleX(1.0) scaleY(1.0) ; } 50% {transform: scaleX(0.7) scaleY(0.7) ; } 100% {transform: scaleX(1.0) scaleY(1.0) ; } } @-moz-keyframes pulse{ 0% {-moz-transform: scaleX(1.0) scaleY(1.0) ; } 50% {-moz-transform: scaleX(0.7) scaleY(0.7) ; } 100% {-moz-transform: scaleX(1.0) scaleY(1.0) ; } } @-webkit-keyframes pulse { 0% {-webkit-transform: scaleX(1.0) scaleY(1.0) ; } 50% {-webkit-transform: scaleX(0.7) scaleY(0.7) ; } 100% {-webkit-transform:scaleX(1.0) scaleY(1.0) ; } } @-o-keyframes pulse { 0% {-o-transform: scaleX(1.0) scaleY(1.0) ; } 50% {-o-transform: scaleX(0.7) scaleY(0.7) ; } 100% {-o-transform: scaleX(1.0) scaleY(1.0) ; } } @-ms-keyframes pulse { 0% {-ms-transform: scaleX(1.0) scaleY(1.0) ; } 50% {-ms-transform: scaleX(0.7) scaleY(0.7) ; } 100% {-ms-transform: scaleX(1.0) scaleY(1.0) ; } } @keyframes pulse-rotate { 0% {transform: scaleX(1.0) scaleY(1.0) ; } 50% {transform: scaleX(1.5) scaleY(1.5) rotate(180deg); } 100% {transform: scaleX(1.0) scaleY(1.0) rotate(360deg); } } @-moz-keyframes pulse-rotate { 0% {-moz-transform: scaleX(1.0) scaleY(1.0) ; } 50% {-moz-transform: scaleX(1.5) scaleY(1.5) rotate(180deg) ; } 100% {-moz-transform: scaleX(1.0) scaleY(1.0) rotate(360deg); } } @-webkit-keyframes pulse-rotate { 0% {-webkit-transform: scaleX(1.0) scaleY(1.0) ; } 50% {-webkit-transform: scaleX(1.5) scaleY(1.5) rotate(180deg) ; } 100% {-webkit-transform:scaleX(1.0) scaleY(1.0) rotate(360deg); } } @-o-keyframes pulse-rotate { 0% {-o-transform: scaleX(1.0) scaleY(1.0) ; } 50% {-o-transform: scaleX(1.5) scaleY(1.5) rotate(180deg) ; } 100% {-o-transform: scaleX(1.0) scaleY(1.0) rotate(360deg); } } @-ms-keyframes pulse-rotate { 0% {-ms-transform: scaleX(1.0) scaleY(1.0) ; } 50% {-ms-transform: scaleX(1.5) scaleY(1.5) rotate(180deg) ; } 100% {-ms-transform: scaleX(1.0) scaleY(1.0) rotate(360deg); } } @keyframes rotate { 50% {transform: rotate(180deg);} 100% {transform: rotate(360deg);}} @-moz-keyframes rotate { 50% {-moz-transform: rotate(180deg);} 100% {-moz-transform: rotate(360deg);}} @-webkit-keyframes rotate { 50% {-webkit-transform: rotate(180deg);} 100% {-webkit-transform:rotate(360deg);}} @-o-keyframes rotate { 50% {-o-transform: rotate(180deg);} 100% {-o-transform: rotate(360deg);}} @-ms-keyframes rotate { 50% {-ms-transform: rotate(180deg);} 100% {-ms-transform: rotate(360deg);}} .btn > spanclass^awe- { } .social-button { width: 35px; height: 35px; -webkit-border-radius: 30px; border-radius: 30px; text-align: center; line-height: 35px; font-size: 20px; display: inline-block; margin: 0px 5px; margin-bottom: 5px; } .social-button.full { width: 100%!important; margin: 0!important; } .social-button.small { font-size: 15px; width: 25px; height: 25px; line-height: 25px; } .social-button.app-button { -webkit-border-radius: 5px; border-radius: 5px; width: 70px; } .social-button.shorturl-button { -webkit-border-radius: 5px; border-radius: 5px; background-color: #444; } .social-button, .social-button *, a.social-button:hover, a.social-button:hover * { color: #FFFFFF !important; text-decoration: none !important; } .social-buttondata-keyxing { background-color: #008388; } .social-buttondata-keyfacebook { background-color: #375A92; } .social-buttondata-keytwitter { background-color: #5C8ECB; } .social-buttondata-keygoldenline { background-color: #333; } .social-buttondata-keylinkedin { background-color: #4573B1; } .social-buttondata-keyyoutube { background-color: #E13334; } .social-buttondata-keyinstagram { background-color: #5e0bf6; } .social-buttondata-keygoogle { background-color: #C93B2D; } .social-buttondata-keyskype { background-color: #22A7E2; } .social-buttondata-keyslideshare { background-color: #29B1B3; } .social-buttondata-keyweibo { background-color: #E6162D; } .social-buttondata-keyqq { background-color: #000000; } .social-buttondata-keywechat { background-color: #91BF4B; } .social-buttondata-keywhatsapp { background-color: #91BF4B; } .social-buttondata-keyvk { background-color: #507299; } .social-buttondata-keyapp-1,.social-buttondata-keyapple { background-color: #2F2F2F; } .social-buttondata-keyapp-2,.social-buttondata-keyandroid { background-color: #A4C53A; } .social-buttondata-keyapp-3,.social-buttondata-keywindows { background-color: #00ADEF; } .social-button > span { font-family: FontAwesome!important; } .social-buttondata-keyxing > span::before { content: \f168; } .social-buttondata-keyfacebook > span::before { content: \f09a; } .social-buttondata-keytwitter > span::before { content: \f099; } .social-buttondata-keygoldenline > span::before { content: \00a0; } .social-buttondata-keylinkedin > span::before { content: \f0e1; } .social-buttondata-keyyoutube > span::before { content: \f167; } .social-buttondata-keyinstagram > span::before { content: \f16d; } .social-buttondata-keygoogle > span::before { content: \f0d5; } .social-buttondata-keyskype > span::before { content: \f17e; } .social-buttondata-keyslideshare > span::before { content: \f1e7; } .social-buttondata-keyqq > span::before { content: \f1d6; } .social-buttondata-keyweibo > span::before { content: \f18a; } .social-buttondata-keywechat > span::before { content: \f1d7; } .social-buttondata-keywhatsapp > span::before { content: \f232; } .social-buttondata-keyvk > span::before {content: \f189;} .social-buttondata-keyapp-1 > span::before,.social-buttondata-keyapple > span::before { content: \f179; } .social-buttondata-keyapp-2 > span::before,.social-buttondata-keyandroid > span::before { content: \f17b; } .social-buttondata-keyapp-3 > span::before,.social-buttondata-keywindows > span::before { content: \f17a; } .btn-icon, .btn-prefix { position: relative; height: 30px; line-height: 30px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; padding-left: 40px!important; padding-right: 10px!important; text-align: left!important; } .btn-icon-40 { padding-left: 50px!important; height: 40px; line-height: 40px; } .btn-icon > span:first-child, .btn-prefix > span:first-child { position: absolute; top: 0; left: 0; bottom: 0; width: 30px; height: inherit; line-height: 30px; background-color: rgba(0,0,0,0.1)!important; text-align: center; font-size: 16px; } .btn-icon-40 > span:first-child { width: 40px; line-height: 40px; font-size: 20px; } .btn-input inputtypetext { padding: 0 5px!important; height: inherit!important; line-height: inherit!important; color: #000!important; background-color: #FFF!important; } .btn-prefix.btn-input { padding-left: 30px!important; padding-right: 0px!important; } .btn-icon, .btn-icon *, .btn-prefix, .btn-prefix * { color: #FFF!important; } .btn-icon.active, .btn-icon.active *, .btn-icon:not(.inactive):hover, .btn-icon:not(.inactive):hover *, .btn-prefix:not(.inactive):hover, .btn-prefix:not(.inactive):hover * { color: #333!important; background-color: #D6D6D6!important; } .cs_btn.inactive { pointer-events: none!important; cursor: default; filter: grayscale(1); } span.loading, div.loading { display: inline-block; background-repeat: no-repeat; background-position: center; font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; height: 24px; width: 24px; } span.loading_white, div.loading_white { } span.loading2, div.loading2 { display: block; font: 0/0 a; color: transparent; padding: 30px 0px; } span.loading_rect, div.loading_rect { } input.loadingInput { border-color: #BCDD00!important; } .loadingOverlayContainer { display: none; position: fixed; top: 0px; left: 0px; z-index: 10000000!important; height: 100%; width: 100%; background: rgba(0,0,0,0.7); } .loadingOverlayInner { position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; margin-top: -30px; margin-left: -30px; } .loading-square { margin: 20px auto; width: 25px; height: 25px; position: relative; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); clear: both; } .loading-square.small { margin: 10px auto; width: 15px; height: 15px; } .loading-square .loading_item { float: left; width: 50%; height: 50%; position: relative; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .loading-square .loading_item:before { content: ; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #666; -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both; animation: sk-foldCubeAngle 2.4s infinite linear both; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } .loading-square .loading_2 { -webkit-transform: scale(1.1) rotateZ(90deg); transform: scale(1.1) rotateZ(90deg); } .loading-square .loading_3 { -webkit-transform: scale(1.1) rotateZ(180deg); transform: scale(1.1) rotateZ(180deg); } .loading-square .loading_4 { -webkit-transform: scale(1.1) rotateZ(270deg); transform: scale(1.1) rotateZ(270deg); } .loading-square .loading_2:before { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .loading-square .loading_3:before { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .loading-square .loading_4:before { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } @-webkit-keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1; } 90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0; } } @keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1; } 90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0; } } @-webkit-keyframes fadeIn { from {opacity:0;} to {opacity:1;} } @-ms-keyframes fadeIn { from {opacity:0;} to {opacity:1;} } @keyframes fadeIn { from {opacity:0;} to {opacity:1;} } @-webkit-keyframes fadeOut { from {opacity:1;} to {opacity:0;} } @-ms-keyframes fadeOut { from {opacity:1;} to {opacity:0;} } @keyframes fadeOut { from {opacity:1;} to {opacity:0;} } @-webkit-keyframes scaleIn { from {-webkit-transform:scale(0);} to {-webkit-transform:scale(1);} } @-ms-keyframes scaleIn { from {-ms-transform:scale(0);} to {-ms-transform:scale(1);} } @keyframes scaleIn { from {transform:scale(0);} to {transform:scale(1);} } @-webkit-keyframes scaleOut { from {-webkit-transform:scale(1);} to {-webkit-transform:scale(0);} } @-ms-keyframes scaleOut { from {-ms-transform:scale(1);} to {-ms-transform:scale(0);} } @keyframes scaleOut { from {transform:scale(1);} to {transform:scale(0);} } @-webkit-keyframes slideInLeft { from {-webkit-transform:translateX(-9999%);} to {-webkit-transform:translateX(0);} } @-ms-keyframes slideInLeft { from {-ms-transform:translateX(-9999%);} to {-ms-transform:translateX(0);} } @keyframes slideInLeft { from {transform:translateX(-9999%);} to {transform:translateX(0);} } @-webkit-keyframes slideOutLeft { from {-webkit-transform:translateX(0);} to {-webkit-transform:translateX(-9999%);} } @-ms-keyframes slideOutLeft { from {-ms-transform:translateX(0);} to {-ms-transform:translateX(-9999%);} } @keyframes slideOutLeft { from {transform:translateX(0);} to {transform:translateX(-9999%);} } @-webkit-keyframes slideInTop { from {-webkit-transform:translateY(-9999%);} to {-webkit-transform:translateY(0);} } @-ms-keyframes slideInTop { from {-ms-transform:translateY(-9999%);} to {-ms-transform:translateY(0);} } @keyframes slideInTop { from {transform:translateY(-9999%);} to {transform:translateY(0);} } @-webkit-keyframes slideOutTop { from {-webkit-transform:translateY(0);} to {-webkit-transform:translateY(-9999%);} } @-ms-keyframes slideOutTop { from {-ms-transform:translateY(0);} to {-ms-transform:translateY(-9999%);} } @keyframes slideOutTop { from {transform:translateY(0);} to {transform:translateY(-9999%);} } @-webkit-keyframes slideInRight { from {-webkit-transform:translateX(9999%);} to {-webkit-transform:translateX(0);} } @-ms-keyframes slideInRight { from {-ms-transform:translateX(9999%);} to {-ms-transform:translateX(0);} } @keyframes slideInRight { from {transform:translateX(9999%);} to {transform:translateX(0);} } @-webkit-keyframes slideOutRight { from {-webkit-transform:translateX(0);} to {-webkit-transform:translateX(9999%);} } @-ms-keyframes slideOutRight { from {-ms-transform:translateX(0);} to {-ms-transform:translateX(9999%);} } @keyframes slideOutRight { from {transform:translateX(0);} to {transform:translateX(9999%);} } @-webkit-keyframes slideInBottom { from {-webkit-transform:translateY(9999%);} to {-webkit-transform:translateY(0);} } @-ms-keyframes slideInBottom { from {-ms-transform:translateY(9999%);} to {-ms-transform:translateY(0);} } @keyframes slideInBottom { from {transform:translateY(9999%);} to {transform:translateY(0);} } @-webkit-keyframes slideOutBottom { from {-webkit-transform:translateY(0);} to {-webkit-transform:translateY(9999%);} } @-ms-keyframes slideOutBottom { from {-ms-transform:translateY(0);} to {-ms-transform:translateY(9999%);} } @keyframes slideOutBottom { from {transform:translateY(0);} to {transform:translateY(9999%);} } @-webkit-keyframes fadeSlideInLeft { from {-webkit-transform:translateX(-50%);opacity:0;} to {-webkit-transform:translateX(0);opacity:1;} } @-ms-keyframes fadeSlideInLeft { from {-ms-transform:translateX(-50%);opacity:0;} to {-ms-transform:translateX(0);opacity:1;} } @keyframes fadeSlideInLeft { from {transform:translateX(-50%);opacity:0;} to {transform:translateX(0);opacity:1;} } @-webkit-keyframes fadeSlideOutLeft { from {-webkit-transform:translateX(0);opacity:1;} to {-webkit-transform:translateX(-50%);opacity:0;} } @-ms-keyframes fadeSlideOutLeft { from {-ms-transform:translateX(0);opacity:1;} to {-ms-transform:translateX(-50%);opacity:0;} } @keyframes fadeSlideOutLeft { from {transform:translateX(0);opacity:1;} to {transform:translateX(-50%);opacity:0;} } @-webkit-keyframes fadeSlideInTop { from {-webkit-transform:translateY(-50%);opacity:0;} to {-webkit-transform:translateY(0);opacity:1;} } @-ms-keyframes fadeSlideInTop { from {-ms-transform:translateY(-50%);opacity:0;} to {-ms-transform:translateY(0);opacity:1;} } @keyframes fadeSlideInTop { from {transform:translateY(-50%);opacity:0;} to {transform:translateY(0);opacity:1;} } @-webkit-keyframes fadeSlideOutTop { from {-webkit-transform:translateY(0);opacity:1;} to {-webkit-transform:translateY(-50%);opacity:0;} } @-ms-keyframes fadeSlideOutTop { from {-ms-transform:translateY(0);opacity:1;} to {-ms-transform:translateY(-50%);opacity:0;} } @keyframes fadeSlideOutTop { from {transform:translateY(0);opacity:1;} to {transform:translateY(-50%);opacity:0;} } @-webkit-keyframes fadeSlideInRight { from {-webkit-transform:translateX(50%);opacity:0;} to {-webkit-transform:translateX(0);opacity:1;} } @-ms-keyframes fadeSlideInRight { from {-ms-transform:translateX(50%);opacity:0;} to {-ms-transform:translateX(0);opacity:1;} } @keyframes fadeSlideInRight { from {transform:translateX(50%);opacity:0;} to {transform:translateX(0);opacity:1;} } @-webkit-keyframes fadeSlideOutRight { from {-webkit-transform:translateX(0);opacity:1;} to {-webkit-transform:translateX(50%);opacity:0;} } @-ms-keyframes fadeSlideOutRight { from {-ms-transform:translateX(0);opacity:1;} to {-ms-transform:translateX(50%);opacity:0;} } @keyframes fadeSlideOutRight { from {transform:translateX(0);opacity:1;} to {transform:translateX(50%);opacity:0;} } @-webkit-keyframes fadeSlideInBottom { from {-webkit-transform:translateY(50%);opacity:0;} to {-webkit-transform:translateY(0);opacity:1;} } @-ms-keyframes fadeSlideInBottom { from {-ms-transform:translateY(50%);opacity:0;} to {-ms-transform:translateY(0);opacity:1;} } @keyframes fadeSlideInBottom { from {transform:translateY(50%);opacity:0;} to {transform:translateY(0);opacity:1;} } @-webkit-keyframes fadeSlideOutBottom { from {-webkit-transform:translateY(0);opacity:1;} to {-webkit-transform:translateY(50%);opacity:0;} } @-ms-keyframes fadeSlideOutBottom { from {-ms-transform:translateY(0);opacity:1;} to {-ms-transform:translateY(50%);opacity:0;} } @keyframes fadeSlideOutBottom { from {transform:translateY(0);opacity:1;} to {transform:translateY(50%);opacity:0;} } @media only screen and (min-width: 999px) { .fadeIn1>.container>.container-inner, .fadeIn2>.container>.container-inner, .fadeIn3>.container>.container-inner, .fadeIn4>.container>.container-inner, .fadeSlideInLeft1>.container>.container-inner, .fadeSlideInLeft2>.container>.container-inner, .fadeSlideInLeft3>.container>.container-inner, .fadeSlideInLeft4>.container>.container-inner, .fadeSlideInTop1>.container>.container-inner, .fadeSlideInTop2>.container>.container-inner, .fadeSlideInTop3>.container>.container-inner, .fadeSlideInTop4>.container>.container-inner, .fadeSlideInRight1>.container>.container-inner, .fadeSlideInRight2>.container>.container-inner, .fadeSlideInRight3>.container>.container-inner, .fadeSlideInRight4>.container>.container-inner, .fadeSlideInBottom1>.container>.container-inner, .fadeSlideInBottom2>.container>.container-inner, .fadeSlideInBottom3>.container>.container-inner, .fadeSlideInBottom4>.container>.container-inner{ opacity: 0; } .fadeIn1.animate>.container>.container-inner{ -webkit-animation:fadeIn 1s both; -ms-animation:fadeIn 1s both; animation:fadeIn 1s both; -webkit-animation-delay:500ms; -ms-animation-delay:500ms; animation-delay:500ms; } .fadeIn2.animate>.container>.container-inner{ -webkit-animation:fadeIn 1s both; -ms-animation:fadeIn 1s both; animation:fadeIn 1s both; -webkit-animation-delay:750ms; -ms-animation-delay:750ms; animation-delay:750ms; } .fadeIn3.animate>.container>.container-inner{ -webkit-animation:fadeIn 1s both; -ms-animation:fadeIn 1s both; animation:fadeIn 1s both; -webkit-animation-delay:1000ms; -ms-animation-delay:1000ms; animation-delay:1000ms; } .fadeIn4.animate>.container>.container-inner{ -webkit-animation:fadeIn 1s both; -ms-animation:fadeIn 1s both; animation:fadeIn 1s both; -webkit-animation-delay:1250ms; -ms-animation-delay:1250ms; animation-delay:1250ms; } .fadeOut1.animate>.container>.container-inner{ -webkit-animation:fadeOut 1s both; -ms-animation:fadeOut 1s both; animation:fadeOut 1s both; -webkit-animation-delay:500ms; -ms-animation-delay:500ms; animation-delay:500ms; } .fadeOut2.animate>.container>.container-inner{ -webkit-animation:fadeOut 1s both; -ms-animation:fadeOut 1s both; animation:fadeOut 1s both; -webkit-animation-delay:750ms; -ms-animation-delay:750ms; animation-delay:750ms; } .fadeOut3.animate>.container>.container-inner{ -webkit-animation:fadeOut 1s both; -ms-animation:fadeOut 1s both; animation:fadeOut 1s both; -webkit-animation-delay:1000ms; -ms-animation-delay:1000ms; animation-delay:1000ms; } .fadeOut4.animate>.container>.container-inner{ -webkit-animation:fadeOut 1s both; -ms-animation:fadeOut 1s both; animation:fadeOut 1s both; -webkit-animation-delay:1250ms; -ms-animation-delay:1250ms; animation-delay:1250ms; } .scaleIn1.animate>.container>.container-inner{ -webkit-animation:scaleIn 1s both; -ms-animation:scaleIn 1s both; animation:scaleIn 1s both; -webkit-animation-delay:500ms; -ms-animation-delay:500ms; animation-delay:500ms; } .scaleIn2.animate>.container>.container-inner{ -webkit-animation:scaleIn 1s both; -ms-animation:scaleIn 1s both; animation:scaleIn 1s both; -webkit-animation-delay:750ms; -ms-animation-delay:750ms; animation-delay:750ms; } .scaleIn3.animate>.container>.container-inner{ -webkit-animation:scaleIn 1s both; -ms-animation:scaleIn 1s both; animation:scaleIn 1s both; -webkit-animation-delay:1000ms; -ms-animation-delay:1000ms; animation-delay:1000ms; } .scaleIn4.animate>.container>.container-inner{ -webkit-animation:scaleIn 1s both; -ms-animation:scaleIn 1s both; animation:scaleIn 1s both; -webkit-animation-delay:1250ms; -ms-animation-delay:1250ms; animation-delay:1250ms; } .slideInLeft1.animate>.container>.container-inner{ -webkit-animation:slideInLeft 1s both; -ms-animation:slideInLeft 1s both; animation:slideInLeft 1s both; -webkit-animation-delay:500ms; -ms-animation-delay:500ms; animation-delay:500ms; } .slideInLeft2.animate>.container>.container-inner{ -webkit-animation:slideInLeft 1s both; -ms-animation:slideInLeft 1s both; animation:slideInLeft 1s both; -webkit-animation-delay:750ms; -ms-animation-delay:750ms; animation-delay:750ms; } .slideInLeft3.animate>.container>.container-inner{ -webkit-animation:slideInLeft 1s both; -ms-animation:slideInLeft 1s both; animation:slideInLeft 1s both; -webkit-animation-delay:1000ms; -ms-animation-delay:1000ms; animation-delay:1000ms; } .slideInLeft4.animate>.container>.container-inner{ -webkit-animation:slideInLeft 1s both; -ms-animation:slideInLeft 1s both; animation:slideInLeft 1s both; -webkit-animation-delay:1250ms; -ms-animation-delay:1250ms; animation-delay:1250ms; } .slideOutLeft1.animate>.container>.container-inner{ -webkit-animation:slideOutLeft 1s both; -ms-animation:slideOutLeft 1s both; animation:slideOutLeft 1s both; -webkit-animation-delay:500ms; -ms-animation-delay:500ms; animation-delay:500ms; } .slideOutLeft2.animate>.container>.container-inner{ -webkit-animation:slideOutLeft 1s both; -ms-animation:slideOutLeft 1s both; animation:slideOutLeft 1s both; -webkit-animation-delay:750ms; -ms-animation-delay:750ms; animation-delay:750ms; } .slideOutLeft3.animate>.container>.container-inner{ -webkit-animation:slideOutLeft 1s both; -ms-animation:slideOutLeft 1s both; animation:slideOutLeft 1s both; -webkit-animation-delay:1000ms; -ms-animation-delay:1000ms; animation-delay:1000ms; } .slideOutLeft4.animate>.container>.container-inner{ -webkit-animation:slideOutLeft 1s both; -ms-animation:slideOutLeft 1s both; animation:slideOutLeft 1s both; -webkit-animation-delay:1250ms; -ms-animation-delay:1250ms; animation-delay:1250ms; } .slideInTop1.animate>.container>.container-inner{ -webkit-animation:slideInTop 1s both; -ms-animation:slideInTop 1s both; animation:slideInTop 1s both; -webkit-animation-delay:500ms; -ms-animation-delay:500ms; animation-delay:500ms; } .slideInTop2.animate>.container>.container-inner{ -webkit-animation:slideInTop 1s both; -ms-animation:slideInTop 1s both; animation:slideInTop 1s both; -webkit-animation-delay:750ms; -ms-animation-delay:750ms; animation-delay:750ms; } .slideInTop3.animate>.container>.container-inner{ -webkit-animation:slideInTop 1s both; -ms-animation:slideInTop 1s both; animation:slideInTop 1s both; -webkit-animation-delay:1000ms; -ms-animation-delay:1000ms; animation-delay:1000ms; } .slideInTop4.animate>.container>.container-inner{ -webkit-animation:slideInTop 1s both; -ms-animation:slideInTop 1s both; animation:slideInTop 1s both; -webkit-animation-delay:1250ms; -ms-animation-delay:1250ms; animation-delay:1250ms; } .slideOutTop1.animate>.container>.container-inner{ -webkit-animation:slideOutTop 1s both; -ms-animation:slideOutTop 1s both; animation:slideOutTop 1s both; -webkit-animation-delay:500ms; -ms-animation-delay:500ms; animation-delay:500ms; } .slideOutTop2.animate>.container>.container-inner{ -webkit-animation:slideOutTop 1s both; -ms-animation:slideOutTop 1s both; animation:slideOutTop 1s both; -webkit-animation-delay:750ms; -ms-animation-delay:750ms; animation-delay:750ms; } .slideOutTop3.animate>.container>.container-inner{ -webkit-animation:slideOutTop 1s both; -ms-animation:slideOutTop 1s both; animation:slideOutTop 1s both; -webkit-animation-delay:1000ms; -ms-animation-delay:1000ms; animation-delay:1000ms; } .slideOutTop4.animate>.container>.container-inner{ -webkit-animation:slideOutTop 1s both; -ms-animation:slideOutTop 1s both; animation:slideOutTop 1s both; -webkit-animation-delay:1250ms; -ms-animation-delay:1250ms; animation-delay:1250ms; } .slideInRight1.animate>.container>.container-inner{ -webkit-animation:slideInRight 1s both; -ms-animation:slideInRight 1s both; animation:slideInRight 1s both; -webkit-animation-delay:500ms; -ms-animation-delay:500ms; animation-delay:500ms; } .slideInRight2.animate>.container>.container-inner{ -webkit-animation:slideInRight 1s both; -ms-animation:slideInRight 1s both; animation:slideInRight 1s both; -webkit-animation-delay:750ms; -ms-animation-delay:750ms; animation-delay:750ms; } .slideInRight3.animate>.container>.container-inner{ -webkit-animation:slideInRight 1s both; -ms-animation:slideInRight 1s both; animation:slideInRight 1s both; -webkit-animation-delay:1000ms; -ms-animation-delay:1000ms; animation-delay:1000ms; } .slideInRight4.animate>.container>.container-inner{ -webkit-animation:slideInRight 1s both; -ms-animation:slideInRight 1s both; animation:slideInRight 1s both; -webkit-animation-delay:1250ms; -ms-animation-delay:1250ms; animation-delay:1250ms; } .slideOutRight1.animate>.container>.container-inner{ -webkit-animation:slideOutRight 1s both; -ms-animation:slideOutRight 1s both; animation:slideOutRight 1s both; -webkit-animation-delay:500ms; -ms-animation-delay:500ms; animation-delay:500ms; } .slideOutRight2.animate>.container>.container-inner{ -webkit-animation:slideOutRight 1s both; -ms-animation:slideOutRight 1s both; animation:slideOutRight 1s both; -webkit-animation-delay:750ms; -ms-animation-delay:750ms; animation-delay:750ms; } .slideOutRight3.animate>.container>.container-inner{ -webkit-animation:slideOutRight 1s both; -ms-animation:slideOutRight 1s both; animation:slideOutRight 1s both; -webkit-animation-delay:1000ms; -ms-animation-delay:1000ms; animation-delay:1000ms; } .slideOutRight4.animate>.container>.container-inner{ -webkit-animation:slideOutRight 1s both; -ms-animation:slideOutRight 1s both; animation:slideOutRight 1s both; -webkit-animation-delay:1250ms; -ms-animation-delay:1250ms; animation-delay:1250ms; } .slideInBottom1.animate>.container>.container-inner{ -webkit-animation:slideInBottom 1s both; -ms-animation:slideInBottom 1s both; animation:slideInBottom 1s both; -webkit-animation-delay:500ms; -ms-animation-delay:500ms; animation-delay:500ms; } .slideInBottom2.animate>.container>.container-inner{ -webkit-animation:slideInBottom 1s both; -ms-animation:slideInBottom 1s both; animation:slideInBottom 1s both; -webkit-animation-delay:750ms; -ms-animation-delay:750ms; animation-delay:750ms; } .slideInBottom3.animate>.container>.container-inner{ -webkit-animation:slideInBottom 1s both; -ms-animation:slideInBottom 1s both; animation:slideInBottom 1s both; -webkit-animation-delay:1000ms; -ms-animation-delay:1000ms; animation-delay:1000ms; } .slideInBottom4.animate>.container>.container-inner{ -webkit-animation:slideInBottom 1s both; -ms-animation:slideInBottom 1s both; animation:slideInBottom 1s both; -webkit-animation-delay:1250ms; -ms-animation-delay:1250ms; animation-delay:1250ms; } .slideOutBottom1.animate>.container>.container-inner{ -webkit-animation:slideOutBottom 1s both; -ms-animation:slideOutBottom 1s both; animation:slideOutBottom 1s both; -webkit-animation-delay:500ms; -ms-animation-delay:500ms; animation-delay:500ms; } .slideOutBottom2.animate>.container>.container-inner{ -webkit-animation:slideOutBottom 1s both; -ms-animation:slideOutBottom 1s both; animation:slideOutBottom 1s both; -webkit-animation-delay:750ms; -ms-animation-delay:750ms; animation-delay:750ms; } .slideOutBottom3.animate>.container>.container-inner{ -webkit-animation:slideOutBottom 1s both; -ms-animation:slideOutBottom 1s both; animation:slideOutBottom 1s both; -webkit-animation-delay:1000ms; -ms-animation-delay:1000ms; animation-delay:1000ms; } .slideOutBottom4.animate>.container>.container-inner{ -webkit-animation:slideOutBottom 1s both; -ms-animation:slideOutBottom 1s both; animation:slideOutBottom 1s both; -webkit-animation-delay:1250ms; -ms-animation-delay:1250ms; animation-delay:1250ms; } .fadeSlideInLeft1.animate>.container>.container-inner{ -webkit-animation:fadeSlideInLeft 1s both; -ms-animation:fadeSlideInLeft 1s both; animation:fadeSlideInLeft 1s both; -webkit-animation-delay:500ms; -ms-animation-delay:500ms; animation-delay:500ms; } .fadeSlideInLeft2.animate>.container>.container-inner{ -webkit-animation:fadeSlideInLeft 1s both; -ms-animation:fadeSlideInLeft 1s both; animation:fadeSlideInLeft 1s both; -webkit-animation-delay:750ms; -ms-animation-delay:750ms; animation-delay:750ms; } .fadeSlideInLeft3.animate>.container>.container-inner{ -webkit-animation:fadeSlideInLeft 1s both; -ms-animation:fadeSlideInLeft 1s both; animation:fadeSlideInLeft 1s both; -webkit-animation-delay:1000ms; -ms-animation-delay:1000ms; animation-delay:1000ms; } .fadeSlideInLeft4.animate>.container>.container-inner{ -webkit-animation:fadeSlideInLeft 1s both; -ms-animation:fadeSlideInLeft 1s both; animation:fadeSlideInLeft 1s both; -webkit-animation-delay:1250ms; -ms-animation-delay:1250ms; animation-delay:1250ms; } .fadeSlideOutLeft1.animate>.container>.container-inner{ -webkit-animation:fadeSlideOutLeft 1s both; -ms-animation:fadeSlideOutLeft 1s both; animation:fadeSlideOutLeft 1s both; -webkit-animation-delay:500ms; -ms-animation-delay:500ms; animation-delay:500ms; } .fadeSlideOutLeft2.animate>.container>.container-inner{ -webkit-animation:fadeSlideOutLeft 1s both; -ms-animation:fadeSlideOutLeft 1s both; animation:fadeSlideOutLeft 1s both; -webkit-animation-delay:750ms; -ms-animation-delay:750ms; animation-delay:750ms; } .fadeSlideOutLeft3.animate>.container>.container-inner{ -webkit-animation:fadeSlideOutLeft 1s both; -ms-animation:fadeSlideOutLeft 1s both; animation:fadeSlideOutLeft 1s both; -webkit-animation-delay:1000ms; -ms-animation-delay:1000ms; animation-delay:1000ms; } .fadeSlideOutLeft4.animate>.container>.container-inner{ -webkit-animation:fadeSlideOutLeft 1s both; -ms-animation:fadeSlideOutLeft 1s both; animation:fadeSlideOutLeft 1s both; -webkit-animation-delay:1250ms; -ms-animation-delay:1250ms; animation-delay:1250ms; } .fadeSlideInTop1.animate>.container>.container-inner{ -webkit-animation:fadeSlideInTop 1s both; -ms-animation:fadeSlideInTop 1s both; animation:fadeSlideInTop 1s both; -webkit-animation-delay:500ms; -ms-animation-delay:500ms; animation-delay:500ms; } .fadeSlideInTop2.animate>.container>.container-inner{ -webkit-animation:fadeSlideInTop 1s both; -ms-animation:fadeSlideInTop 1s both; animation:fadeSlideInTop 1s both; -webkit-animation-delay:750ms; -ms-animation-delay:750ms; animation-delay:750ms; } .fadeSlideInTop3.animate>.container>.container-inner{ -webkit-animation:fadeSlideInTop 1s both; -ms-animation:fadeSlideInTop 1s both; animation:fadeSlideInTop 1s both; -webkit-animation-delay:1000ms; -ms-animation-delay:1000ms; animation-delay:1000ms; } .fadeSlideInTop4.animate>.container>.container-inner{ -webkit-animation:fadeSlideInTop 1s both; -ms-animation:fadeSlideInTop 1s both; animation:fadeSlideInTop 1s both; -webkit-animation-delay:1250ms; -ms-animation-delay:1250ms; animation-delay:1250ms; } .fadeSlideOutTop1.animate>.container>.container-inner{ -webkit-animation:fadeSlideOutTop 1s both; -ms-animation:fadeSlideOutTop 1s both; animation:fadeSlideOutTop 1s both; -webkit-animation-delay:500ms; -ms-animation-delay:500ms; animation-delay:500ms; } .fadeSlideOutTop2.animate>.container>.container-inner{ -webkit-animation:fadeSlideOutTop 1s both; -ms-animation:fadeSlideOutTop 1s both; animation:fadeSlideOutTop 1s both; -webkit-animation-delay:750ms; -ms-animation-delay:750ms; animation-delay:750ms; } .fadeSlideOutTop3.animate>.container>.container-inner{ -webkit-animation:fadeSlideOutTop 1s both; -ms-animation:fadeSlideOutTop 1s both; animation:fadeSlideOutTop 1s both; -webkit-animation-delay:1000ms; -ms-animation-delay:1000ms; animation-delay:1000ms; } .fadeSlideOutTop4.animate>.container>.container-inner{ -webkit-animation:fadeSlideOutTop 1s both; -ms-animation:fadeSlideOutTop 1s both; animation:fadeSlideOutTop 1s both; -webkit-animation-delay:1250ms; -ms-animation-delay:1250ms; animation-delay:1250ms; } .fadeSlideInRight1.animate>.container>.container-inner{ -webkit-animation:fadeSlideInRight 1s both; -ms-animation:fadeSlideInRight 1s both; animation:fadeSlideInRight 1s both; -webkit-animation-delay:500ms; -ms-animation-delay:500ms; animation-delay:500ms; } .fadeSlideInRight2.animate>.container>.container-inner{ -webkit-animation:fadeSlideInRight 1s both; -ms-animation:fadeSlideInRight 1s both; animation:fadeSlideInRight 1s both; -webkit-animation-delay:750ms; -ms-animation-delay:750ms; animation-delay:750ms; } .fadeSlideInRight3.animate>.container>.container-inner{ -webkit-animation:fadeSlideInRight 1s both; -ms-animation:fadeSlideInRight 1s both; animation:fadeSlideInRight 1s both; -webkit-animation-delay:1000ms; -ms-animation-delay:1000ms; animation-delay:1000ms; } .fadeSlideInRight4.animate>.container>.container-inner{ -webkit-animation:fadeSlideInRight 1s both; -ms-animation:fadeSlideInRight 1s both; animation:fadeSlideInRight 1s both; -webkit-animation-delay:1250ms; -ms-animation-delay:1250ms; animation-delay:1250ms; } .fadeSlideOutRight1.animate>.container>.container-inner{ -webkit-animation:fadeSlideOutRight 1s both; -ms-animation:fadeSlideOutRight 1s both; animation:fadeSlideOutRight 1s both; -webkit-animation-delay:500ms; -ms-animation-delay:500ms; animation-delay:500ms; } .fadeSlideOutRight2.animate>.container>.container-inner{ -webkit-animation:fadeSlideOutRight 1s both; -ms-animation:fadeSlideOutRight 1s both; animation:fadeSlideOutRight 1s both; -webkit-animation-delay:750ms; -ms-animation-delay:750ms; animation-delay:750ms; } .fadeSlideOutRight3.animate>.container>.container-inner{ -webkit-animation:fadeSlideOutRight 1s both; -ms-animation:fadeSlideOutRight 1s both; animation:fadeSlideOutRight 1s both; -webkit-animation-delay:1000ms; -ms-animation-delay:1000ms; animation-delay:1000ms; } .fadeSlideOutRight4.animate>.container>.container-inner{ -webkit-animation:fadeSlideOutRight 1s both; -ms-animation:fadeSlideOutRight 1s both; animation:fadeSlideOutRight 1s both; -webkit-animation-delay:1250ms; -ms-animation-delay:1250ms; animation-delay:1250ms; } .fadeSlideInBottom1.animate>.container>.container-inner{ -webkit-animation:fadeSlideInBottom 1s both; -ms-animation:fadeSlideInBottom 1s both; animation:fadeSlideInBottom 1s both; -webkit-animation-delay:500ms; -ms-animation-delay:500ms; animation-delay:500ms; } .fadeSlideInBottom2.animate>.container>.container-inner{ -webkit-animation:fadeSlideInBottom 1s both; -ms-animation:fadeSlideInBottom 1s both; animation:fadeSlideInBottom 1s both; -webkit-animation-delay:750ms; -ms-animation-delay:750ms; animation-delay:750ms; } .fadeSlideInBottom3.animate>.container>.container-inner{ -webkit-animation:fadeSlideInBottom 1s both; -ms-animation:fadeSlideInBottom 1s both; animation:fadeSlideInBottom 1s both; -webkit-animation-delay:1000ms; -ms-animation-delay:1000ms; animation-delay:1000ms; } .fadeSlideInBottom4.animate>.container>.container-inner{ -webkit-animation:fadeSlideInBottom 1s both; -ms-animation:fadeSlideInBottom 1s both; animation:fadeSlideInBottom 1s both; -webkit-animation-delay:1250ms; -ms-animation-delay:1250ms; animation-delay:1250ms; } .fadeSlideOutBottom1.animate>.container>.container-inner{ -webkit-animation:fadeSlideOutBottom 1s both; -ms-animation:fadeSlideOutBottom 1s both; animation:fadeSlideOutBottom 1s both; -webkit-animation-delay:500ms; -ms-animation-delay:500ms; animation-delay:500ms; } .fadeSlideOutBottom2.animate>.container>.container-inner{ -webkit-animation:fadeSlideOutBottom 1s both; -ms-animation:fadeSlideOutBottom 1s both; animation:fadeSlideOutBottom 1s both; -webkit-animation-delay:750ms; -ms-animation-delay:750ms; animation-delay:750ms; } .fadeSlideOutBottom3.animate>.container>.container-inner{ -webkit-animation:fadeSlideOutBottom 1s both; -ms-animation:fadeSlideOutBottom 1s both; animation:fadeSlideOutBottom 1s both; -webkit-animation-delay:1000ms; -ms-animation-delay:1000ms; animation-delay:1000ms; } .fadeSlideOutBottom4.animate>.container>.container-inner{ -webkit-animation:fadeSlideOutBottom 1s both; -ms-animation:fadeSlideOutBottom 1s both; animation:fadeSlideOutBottom 1s both; -webkit-animation-delay:1250ms; -ms-animation-delay:1250ms; animation-delay:1250ms; } } .front .cs_info_popup_wrapper .cs_info_popup_image { position: relative; } .front .cs_info_popup_wrapper .cs_info_popup_image button img { width: 25px; } .front .cs_info_popup_wrapper .cs_info_popup_image button { cursor: pointer; } .front .cs_info_popup_wrapper .cs_info_popup_image .cs_popup_image_open { display: block; } .front .cs_info_popup_wrapper .cs_info_popup_image .cs_popup_image_close { display: none; } .front .cs_info_popup_wrapper .cs_info_popup_image button.cs_show_info .cs_popup_image_open { display: none; } .front .cs_info_popup_wrapper .cs_info_popup_image button.cs_show_info .cs_popup_image_close { display: block; } .front .cs_info_popup_wrapper .cs_info_popup_content { display: flex; opacity: 0; visibility: hidden; transition: all .3s ease; } .stripe-cs_info_popup.cs_popup_active { z-index: 9999 !important; } .front .cs_info_popup_wrapper .cs_info_popup_content { position: fixed !important; z-index: 300 !important; top: 50% !important; -ms-transform: translateY(-50%) !important; transform: translateY(-50%) !important; left: 0px !important; bottom: auto !important; background: #fff; border-radius: 3px; padding: 20px; max-width: 100% !important; max-height: 100% !important; overflow-y: auto; margin-left: 15% !important; margin-right: 15% !important; } .front .cs_info_popup_wrapper.cs_info_popup_with_icon .cs_info_popup_content{ } .front .cs_info_popup_wrapper .cs_info_popup_content.cs_show_info { opacity: 1; visibility: visible; } @media (min-width: 1170px) { .front .cs_info_popup_wrapper .cs_info_popup_content { position: fixed !important; z-index: 300!important; top: auto !important; left: 25% !important; bottom: 25% !important; background: #fff; border-radius: 3px; padding: 20px; max-width: 100vh; max-height: 100vh; overflow-y: auto; } .front .cs_info_popup_wrapper.cs_info_popup_with_icon .cs_info_popup_content{ } } .front .cs_info_popup_filter { position: fixed; z-index: 100; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity .25s ease-out; pointer-events: none; } .front.cs_popup_is_active .cs_info_popup_filter { opacity: 1 !important; } .front.cs_popup_is_active .column { z-index:inherit; } .front.cs_popup_is_active .cs_info_popup_wrapper .column { } .front .cs_info_popup_wrapper >.cs_info_popup_image button{ border: 0; background-color:transparent; padding:40px 0px; } .front .cs_info_popup_wrapper .cs_info_popup_close{ display:none; } .front.cs_popup_is_active .cs_info_popup_wrapper .cs_info_popup_close{ position: absolute; width: 25px; height: 25px; top: 0px; right: 0px; font-size: 25px; cursor: pointer; display:block; } .front.cs_popup_is_active .cs_info_popup_wrapper.cs_popup_is_active{ z-index: 1000; } :root { --grayBlue: #E7EEF5; --grayBlueDarker: #A8ACB3; } #shopping_cart_example_wrapper .btn, .cs_default_overlay .btn, .cs_shopping_cart_overview .btn, .cs_login, .cs_registration, .cs_logout { display: block; width: 100%; height: 40px; line-height: 40px; cursor: pointer; text-align: center; background-color: rgba(0,0,0,0.1); color: #333; } #shopping_cart_example_wrapper, #shopping_cart_example_wrapper *, .cs_default_overlay, .cs_default_overlay *, .cs_shopping_cart_item , .cs_shopping_cart_item *, .cs_shopping_cart_item *:before, .cs_shopping_cart_item *:after, .cs_shopping_cart_overview, .cs_login_wrapper, .cs_login_wrapper *, .cs_shopping_cart_overview * { box-sizing: border-box; } #shopping_cart_example_wrapper .btn + .btn, .cs_default_overlay .btn + .btn, .cs_shopping_cart_overview .btn + .btn { margin-top: 1rem; } #shopping_cart_example_wrapper .btn:hover, .cs_default_overlay .btn:hover, .cs_shopping_cart_overview .btn:hover { color: #FFF; background-color: rgba(0,0,0,0.4); } .cs_default_overlay input, .cs_default_overlay select, .cs_default_overlay input, .cs_default_overlay textarea, .cs_shopping_cart_overview input, .cs_shopping_cart_overview select { height: 40px; line-height: 40px; border: none!important; padding: 0 1rem!important; margin: 0; background-color: var(--grayBlue); width: 100%; display: block; } .cs_default_overlay textarea { height: 140px; line-height: 20px; padding: 0.5rem 1rem!important; resize: vertical; } .cs_default_overlay readonly, .cs_shopping_cart_overview readonly { pointer-events: none; } #shopping_cart_example_wrapper { padding: 2rem; background-color: #CCC; } .cs_shopping_cart_item_overview { display: grid; grid-template-columns: repeat(auto-fill, minmax(23%, 1fr)); gap: 2rem; margin-bottom: 2rem; } .cs_shopping_cart_item { padding: 1rem; position: relative; background-color: #FFF; } #shopping_cart_example_wrapper .cs_shopping_cart_item { min-height: 10rem; } .cs_shopping_cart_add:not(.cs_shopping_cart_add_auto), .cs_shopping_cart_add_0:not(.cs_shopping_cart_add_0_auto), .cs_shopping_cart_add_default { display: block; text-align: center; height: 40px; line-height: 40px; padding: 0 50px; background-color: rgba(0,0,0,0.1); cursor: pointer; position: relative; } .cs_shopping_cart_add:not(.cs_shopping_cart_add_auto) > spanclass^awe- { width: 40px; height: 40px; line-height: 40px; position: absolute; top: 0; left: 0; pointer-events: none; } .cs_shopping_cart_add_0class*awe- { font-family: inherit!important; } .cs_shopping_cart_add_0class*awe-::before { font-family: FontAwesome!important; } .cs_shopping_cart_add.cs_shopping_cart_add_auto, .cs_shopping_cart_add_0.cs_shopping_cart_add_0_auto { position: absolute; top: 0; right: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; cursor: pointer; background-color: rgba(0,0,0,0.1); font-size: 20px; } .cs_shopping_cart_item_0 .cs_shopping_cart_add.cs_shopping_cart_add_auto { top: 40px; } .cs_shopping_cart_initialized .cs_shopping_cart_add.cs_shopping_cart_add_auto::before { content: \1f6d2; font-style: normal; } .cs_shopping_cart_initialized .cs_shopping_cart_add::after { content: attr(data-cs_shopping_cart_item_quantity); font-size: 1rem!important; display: none; position: absolute; top: 0; right: 0; height: 40px; line-height: 40px!important; min-width: 40px; padding: 0 5px; line-height: 1.6rem; background-color: rgba(0,0,0,0.2); font-style: normal; } .cs_shopping_cart_initialized .cs_shopping_cart_add.cs_shopping_cart_add_auto::after { bottom: -1.6rem; top: auto; left: 0; right: 0; height: 1.6rem; line-height: 1.6rem!important; padding: 0; } .cs_shopping_cart_initialized.cs_shopping_cart_added .cs_shopping_cart_add::after { display: block!important; } .cs_shopping_cart_overview_wrapper { min-height: 40px; background-color: rgba(0,0,0,0.05); } .cs_shopping_cart_overview { overflow: hidden; margin-bottom: 1rem; min-height: 40px; line-height: 40px; & > * { background-color: #FFF; padding-left: 1rem; padding-right: 100px; position: relative; & + * { margin-top: 0.5rem; } & > div:first-child { display: grid; grid-template-columns: repeat(auto-fill, minmax(20%, 1fr)); gap: 2rem; & > * + * { text-align: right; line-height: 40px; } } & > span:last-child { position: absolute; top: 0; right: 0; width: 100px; & > * { height: 40px; line-height: 40px; width: 40px; text-align: center; cursor: pointer; float: right; background-color: #FFF; font-style: normal; font-size: 16px; &:nth-child(2n) { background-color: rgba(0,0,0,0.05); } &data-actionurl_detail { text-decoration: none; &::before { font-family: FontAwesome; content: \f002; } } &data-actionremove { &::before { font-family: FontAwesome; content: \f00d; } } } } } } .cs_shopping_cart_initialized .cs_shopping_cart_add::after, .cs_shopping_cart_btn_main::after { content: attr(data-cs_shopping_cart_item_quantity); } .cs_shopping_cart_btn_checkout, .cs_shopping_cart_btn_main { width: 100%; height: 40px; line-height: 40px; padding: 0 3rem; text-align: center; background-color: #FFF; cursor: pointer; position: relative; & * { display: inline-block; text-align: center; } } .cs_shopping_cart_btn_main::after { position: absolute; top: 0; right: 0; width: 2rem; text-align: center; background-color: rgba(0,0,0,0.1); } .cs_default_overlay.cs_shopping_cart_overlay { width: 70%; & > div:first-child { background-color: #AAA; } } .cs_default_overlay.cs_shopping_cart_overlay_0 { width: 40%; & .cs_shopping_cart_overview > * > div:first-child { grid-template-columns: repeat(auto-fill, minmax(45%, 1fr)); } } .cs_shopping_cart_item.cs_shopping_cart_item_0 {} .cs_shopping_cart_item.cs_shopping_cart_item_0 .cs_shopping_cart_add_0.cs_shopping_cart_add_0_auto { font-size: 0; color: transparent; } .cs_shopping_cart_item.cs_shopping_cart_item_0 .cs_shopping_cart_add_0.cs_shopping_cart_add_0_auto::before, .cs_shopping_cart_add_0:not(.cs_shopping_cart_add_0_auto)::before { width: 40px; font-size: 20px; color: #000; font-style: normal; } .cs_shopping_cart_item.cs_shopping_cart_item_0 .cs_shopping_cart_add_0.cs_shopping_cart_add_0_auto::before, .cs_shopping_cart_add_0:not(.cs_shopping_cart_add_0_auto):not(class*awe-)::before { font-family: FontAwesome!important; content: \f005; } .cs_shopping_cart_add_0:not(.cs_shopping_cart_add_0_auto)::before { position: absolute; top: 0; right: 0; } .cs_shopping_cart_item.cs_shopping_cart_item_0.cs_shopping_cart_added_0 {} .cs_shopping_cart_item.cs_shopping_cart_item_0.cs_shopping_cart_added_0.cs_shopping_cart_add_0.cs_shopping_cart_add_0_auto { font-size: 0; color: transparent; } .cs_shopping_cart_item.cs_shopping_cart_item_0.cs_shopping_cart_added_0 .cs_shopping_cart_add_0.cs_shopping_cart_add_0_auto::before, .cs_shopping_cart_item.cs_shopping_cart_added_0 .cs_shopping_cart_add_0:not(.cs_shopping_cart_add_0_auto)::before { display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 20px; color: #FFF; font-family: FontAwesome!important; content: \f00c; background-color: green; } .cs_shopping_cart_item.cs_shopping_cart_item_0 .cs_shopping_cart_add_0.cs_shopping_cart_add_0_auto::after { display: none!important; } .cs_shopping_cart_overlay { padding: 2rem; background-color: #AAA!important; overflow: visible!important; border-radius: 0!important; & > div { padding: 0!important; overflow-y: auto!important; } & .cs_default_overlay_close { font-size: 0!important; background-color: #000!important; color: #FFF; top: -40px!important; &:before { font-size: 20px!important; } } } .cs_appointment_calendar { width: 100%!important; position: relative; overflow: hidden; min-height: 535px; } .cs_appointment_calendar, .cs_appointment_calendar * { } .loadModuledata-keyappointment_calendar {} .loadModuledata-keyappointment_calendar > div > .flex { flex-wrap: wrap; } .loadModuledata-keyappointment_calendar > div > .flex > * { flex-shrink: 1; flex-grow: 1; flex-basis: 300px; } .loadModuledata-keyappointment_calendar > div > .flex > * + * { flex-basis: 800px; } .cs_appointment_calendar.cs_appointment_calendar_loading {} .cs_appointment_calendar.cs_appointment_calendar_loading > * { display: none!important; } .cs_appointment_calendar.cs_appointment_calendar_loading::before { content: ; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.1); cursor: default; z-index: 10; } .cs_appointment_calendar.cs_appointment_calendar_loading::after { } .cs_appointment_calendar .flex.collapsed { gap: var(--cs_appointment_calendar_cell_gap); background-color: var(--cs_appointment_calendar_cell_gap_color); } .cs_appointment_calendar_actions {} .cs_appointment_calendar_actions > * { margin-bottom: 1rem; } .cs_appointment_calendar_actions name { min-height: 40px; line-height: 40px; } .cs_appointment_calendar i { font-style: normal; } .cs_appointment_calendar > input { width: 1px; height: 1px; opacity: 0; position: absolute!important; top: 0; left: -100px; } .cs_appointment_calendar_sub_grid:not(.cs_appointment_calendar_full) { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(45%, 1fr)); padding-left: 1px; } .cs_appointment_calendar_sub_griddata-count1 { grid-template-columns: repeat(auto-fill, minmax(95%, 1fr)); } .cs_appointment_calendar_sub_grid:not(.cs_appointment_calendar_full) > div { max-width: 100%; margin: 0 auto; } .cs_appointment_calendar_sub_grid > div > div:first-child { min-height: 40px; line-height: 40px; text-align: center; background-color: rgba(0,0,0,0.2); } .cs_appointment_calendar_sub_grid > div > div:first-child {} .cs_appointment_calendar table { table-layout: fixed; width: 100%; } .cs_appointment_calendar table td { vertical-align: middle!important; } .cs_appointment_calendar table td > span, .cs_appointment_calendar table th > span { display: block; height: var(--cs_appointment_calendar_cell_height); width: 100%; line-height: var(--cs_appointment_calendar_cell_height); text-align: center; } .cs_appointment_calendar table td > span { position: relative; z-index: 1; } .cs_appointment_calendar table th { background-color: rgba(0,0,0,0.1); } .cs_appointment_calendar table tddata-dow6, .cs_appointment_calendar table tddata-dow7 { background-color: rgba(0,0,0,0.1); } .cs_appointment_calendar table td { opacity: 0.2; } .cs_appointment_calendar table td.cs_appointment_calendar_inactive, .cs_appointment_calendar table td.cs_appointment_calendar_skip { pointer-events: none; background-color: var(--cs_appointment_calendar_cell_gap_color)!important; } .cs_appointment_calendar table td.cs_appointment_calendar_inactive { visibility: hidden; border: none!important; } .cs_appointment_calendar table td.cs_appointment_calendar_locked { pointer-events: none; opacity: 0.3; position: relative; cursor: not-allowed; } .cs_appointment_calendar table td.cs_appointment_calendar_locked::before { content: ; display: block; width: 100%; height: 100%; top: 0; left: 0; position: absolute; } .cs_appointment_calendar table td.cs_appointment_calendar_available:not(.cs_appointment_calendar_skip) { background-color: #FFF; opacity: 1; } .cs_appointment_calendar table td.cs_appointment_calendar_available:hover { background-color: rgba(0,255,0,0.5); } .cs_appointment_calendar table td.cs_appointment_calendar_trainer:not(.cs_appointment_calendar_skip) {} .cs_appointment_calendar table td.cs_appointment_calendar_trainer:not(.cs_appointment_calendar_skip):before { content: ; width: 0; height: 0; border-style: solid; border-width: 0 0 var(--cs_appointment_calendar_slot_height) var(--cs_appointment_calendar_slot_height); border-color: transparent transparent #0AF transparent; position: absolute; bottom: 0; right: 0; left: auto; top: auto; } .cs_appointment_calendar table td::before { display: block; width: 32px; height: 32px; right: 0; bottom: 0; position: absolute; line-height: 32px; text-align: center; } .cs_appointment_calendar table td.cs_appointment_calendar_booked { position: relative; overflow: hidden; } .cs_appointment_calendar table td.cs_appointment_calendar_booked:not(.cs_appointment_calendar_skip) > span { color: #FFF; } .cs_appointment_calendar table td.cs_appointment_calendar_booked:not(.cs_appointment_calendar_skip)::before { content: ; background-color: green!important; z-index: 1; } .cs_appointment_calendar table td.cs_appointment_calendar_locked::before { content: \f023; background-color: #EFEFEF; font-family: FontAwesome !important; font-size: 20px; } .cs_appointment_calendar_nav { width: 100%; min-height: 40px; line-height: 40px; overflow: hidden; margin-bottom: 1rem; & { & > .cs_appointment_calendar_quick_action { position: relative; max-width: 40px; height: 40px; &:before { content: \f274; font-family: FontAwesome; z-index: 2; background-color: #FFF; position: absolute; inset: 0; pointer-events: none; text-align: center; font-size: 1.5rem; } & inputtypedate { z-index: 1; max-width: 40px; height: 40px; line-height: 40px; border: none!important; background-color: #CCC; cursor: pointer; } } } } .cs_appointment_calendar .cs_appointment_calendar_nav_sub { padding: 0 1rem; color: var(--default_color_blue_1); font-weight: bold; } .cs_appointment_calendar.cs_appointment_calendar_week .cs_appointment_calendar_nav_sub, .cs_appointment_calendar.cs_appointment_calendar_day .cs_appointment_calendar_nav_sub { display: block; } .cs_appointment_calendar .cs_appointment_calendar_nav_sub > * { padding: 0 10px; opacity: 0.6; } .cs_appointment_calendar .cs_appointment_calendar_nav_sub > .active { border-bottom: 1px solid var(--default_color_blue_1); pointer-events: none; opacity: 1; } .cs_appointment_calendar_nav > .cs_appointment_calendar_nav_main > i { width: 40px; height: 40px; line-height: 37px; text-align: center; float: left; background-color: rgba(0,0,0,0.2); font-size: 25px; font-family: monospace; color: #FFF; font-weight: bold; opacity: 0.5; } .cs_appointment_calendar_nav > .cs_appointment_calendar_nav_main > i:hover { opacity: 1; background-color: var(--default_color_blue_1); color: #FFF; } .cs_appointment_calendar_nav > .cs_appointment_calendar_nav_main > i::before { content: ; } .cs_appointment_calendar_nav > .cs_appointment_calendar_nav_main > i + i { float: right; } .cs_appointment_calendar_nav > .cs_appointment_calendar_nav_main > i + i::before { content: >; } .cs_appointment_calendar_close { width: 40px; height: 40px; line-height: 40px; position: absolute; top: 0; right: 0; text-align: center; background-color: rgba(0,0,0,0.6); color: #FFF; cursor: pointer; } .cs_appointment_calendar_close::before { content: \2716; } .cs_appointment_calendar_week_overview { padding-left: 150px; position: relative; } .cs_appointment_calendar_week_overview > div:first-child { position: absolute; left: 0; width: 150px; display: grid; gap: var(--cs_appointment_calendar_cell_gap); background-color: var(--cs_appointment_calendar_cell_gap_color); } .cs_appointment_calendar_week_overview > div:first-child > * { display: grid; gap: var(--cs_appointment_calendar_cell_gap); } .cs_appointment_calendar_week_overview > div:first-child * { text-align: center; line-height: var(--cs_appointment_calendar_cell_height); } .cs_appointment_calendar_week_overview > div:first-child * > i { position: relative; display: block; width: 100%; height: var(--cs_appointment_calendar_slot_height); line-height: var(--cs_appointment_calendar_slot_height); font-size: 0.7rem; border-right: 2px solid var(--cs_appointment_calendar_cell_gap_color); } .cs_appointment_calendar_hour_overview { flex: 1; display: grid; gap: var(--cs_appointment_calendar_cell_gap); background-color: var(--cs_appointment_calendar_cell_gap_color); } .cs_appointment_calendar_hour_overview, .cs_appointment_calendar_hour_overview * { min-height: var(--cs_appointment_calendar_cell_height); line-height: var(--cs_appointment_calendar_cell_height); box-sizing: border-box; } .cs_appointment_calendar_hour_overview > * > * { display: grid; gap: var(--cs_appointment_calendar_cell_gap); } .cs_appointment_calendar_hour_overview > label { text-align: center; background-color: #FFF; } .cs_appointment_calendar_hour_overview > label > i { display: block; text-align: center; font-style: normal; } .cs_appointment_calendar_hour_overview > label > i:first-child { line-height: 27px; } .cs_appointment_calendar_hour_overview > label > i:first-child + i { line-height: 16px; font-size: 0.7rem; height: 16px; min-height: 0; margin-top: -20px; color: rgba(0,0,0,0.7); } .cs_appointment_calendar_hour_overview > * { position: relative; } .cs_appointment_calendar_hour_overview > * > label { position: absolute; top: 0; left: 0; padding: 0 10px; background-color: rgba(0,0,0,0.1); width: 100px; text-align: center; } .cs_appointment_calendar_hour_overview > * > label + div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; } .cs_appointment_calendar_hour_overview > * > label + div > *, .cs_appointment_calendar_hour_overview > div > div > * { position: relative; background-color: #FFF; line-height: var(--cs_appointment_calendar_slot_height); height: var(--cs_appointment_calendar_slot_height); min-height: var(--cs_appointment_calendar_slot_height); overflow: hidden; font-size: 0.7rem; } .cs_appointment_calendar_hour_overview > * > label + div > *::before, .cs_appointment_calendar_hour_overview > div > div > *::before { font-family: FontAwesome !important; text-align: center; width: 100%; height: 100%; display: block; } .cs_appointment_calendar_legend > *data-cisdata-kunavailable > i:before, .cs_appointment_calendar_hour_overview .cs_appointment_calendar_empty, .cs_appointment_calendar_hour_overview .cs_appointment_calendar_is_skip { cursor: not-allowed; background-color: var(--cs_appointment_calendar_cell_gap_color)!important; } .cs_appointment_calendar_legend > *data-cisdata-kbooked > i:before { cursor: default; background-color: green!important; color: #FFF; } .cs_appointment_calendar_hour_overview div.cs_appointment_calendar_is_booked::before { background-color: green; content: ; position: absolute; top: 0; right: 0; width: 2rem; } .cs_appointment_calendar_hour_overview div.cs_appointment_calendar_is_booked.cs_appointment_calendar_is_checked::after { color: #FFF; } .cs_appointment_calendar_legend > *data-cisdata-kavailable > i:before, .cs_appointment_calendar_hour_overview div.cs_appointment_calendar_is_available { background-color: #FFF; } .cs_appointment_calendar_legend > *data-cisdata-kavailable > i:before {} .cs_appointment_calendar_hour_overview div.cs_appointment_calendar_is_available:hover {} .cs_appointment_calendar_hour_overview divdata-iddata-index_h > i { display: none; height: 20px; line-height: 20px; text-align: center; font-size: 0.6rem; } .cs_appointment_calendar_hour_overview divdata-iddata-index_h.cs_appointment_calendar_is_available > i, .cs_appointment_calendar_hour_overview divdata-iddata-index_h.cs_appointment_calendar_is_skip > i { display: block; } .cs_appointment_calendar_legend > *data-cisdata-kunavailable > i:before, .cs_appointment_calendar_hour_overview div.cs_appointment_calendar_has_error { background-color: #BBB!important; cursor: not-allowed; } .cs_appointment_calendar_hour_overview div.cs_appointment_calendar_is_locked, .cs_appointment_calendar_hour_overview div.cs_appointment_calendar_is_reserved {} .cs_appointment_calendar_hour_overview div.cs_appointment_calendar_has_customer {} .cs_appointment_calendar_hour_overview divdata-id { position: relative; } .cs_appointment_calendar_legend > *data-cdata-k > i:before, .cs_appointment_calendar_hour_overview divdata-id:before, .cs_appointment_calendar_hour_overview divdata-id:after { font-family: FontAwesome; } .cs_appointment_calendar_hour_overview divdata-id:before, .cs_appointment_calendar_hour_overview divdata-id:after { content: ; width: var(--cs_appointment_calendar_slot_height); height: var(--cs_appointment_calendar_slot_height); line-height: var(--cs_appointment_calendar_slot_height); text-align: center; position: absolute; top: 0; right: 0; z-index: 1; font-size: 1rem; } .cs_appointment_calendar_hour_overview divdata-id:after { z-index: 2; } .cs_appointment_calendar_legend > *data-chasdata-krole_50 > i:before, .cs_appointment_calendar_legend > *data-chasdata-krole_55 > i:before, .cs_appointment_calendar_hour_overview divdata-id.cs_appointment_calendar_has_role_50:before, .cs_appointment_calendar_hour_overview divdata-id.cs_appointment_calendar_has_role_55:before, .cs_appointment_calendar_legend > *data-chasdata-krole_50_self:before, .cs_appointment_calendar_legend > *data-chasdata-krole_55_self:before, .cs_appointment_calendar_hour_overview divdata-id.cs_appointment_calendar_has_role_50_self:before, .cs_appointment_calendar_hour_overview divdata-id.cs_appointment_calendar_has_role_55_self:before { width: 0; height: 0; border-style: solid; border-width: 0 0 var(--cs_appointment_calendar_slot_height) var(--cs_appointment_calendar_slot_height); border-color: transparent transparent #0AF transparent; } .cs_appointment_calendar_legend > *data-chasdata-krole_50_self > i:before, .cs_appointment_calendar_legend > *data-chasdata-krole_55_self > i:before, .cs_appointment_calendar_hour_overview divdata-id.cs_appointment_calendar_has_role_50_self:before, .cs_appointment_calendar_hour_overview divdata-id.cs_appointment_calendar_has_role_55_self:before { border-color: transparent transparent #00D95F transparent; } .cs_appointment_calendar_legend > *data-chasdata-krole_50 > i:before, .cs_appointment_calendar_legend > *data-chasdata-krole_55 > i:before, .cs_appointment_calendar_legend > *data-chasdata-krole_50_self:before, .cs_appointment_calendar_legend > *data-chasdata-krole_55_self:before { border-width: 0 0 15px 20px; margin-bottom: 5px; } .cs_appointment_calendar_legend > *data-cisdata-kselected > i:before, .cs_appointment_calendar_hour_overview divdata-id.cs_appointment_calendar_is_selected:not(.cs_appointment_calendar_is_reserved):not(.cs_appointment_calendar_is_locked):not(.cs_appointment_calendar_is_booked):after { content: \f07a; } .cs_appointment_calendar_legend > *data-cisdata-kcbecked > i:before, .cs_appointment_calendar_hour_overview divdata-id.cs_appointment_calendar_is_checked:after { content: \f00c; } .cs_appointment_calendar_legend > *data-cisdata-kmissed > i:before, .cs_appointment_calendar_hour_overview divdata-id.cs_appointment_calendar_is_missed:after { content: \f00d; } .cs_appointment_calendar_legend > *data-cisdata-klocked > i, .cs_appointment_calendar_hour_overview divdata-id.cs_appointment_calendar_is_locked { content: \f023; background-color: rgb(255, 0, 0)!important; } .cs_appointment_calendar_legend > *data-cisdata-klocked > i:before, .cs_appointment_calendar_hour_overview divdata-id.cs_appointment_calendar_is_locked:after { content: \f023; color: #FFF; } .cs_appointment_calendar_legend > *data-cisdata-kreserved > i:before, .cs_appointment_calendar_hour_overview divdata-id.cs_appointment_calendar_is_reserved:after { content: \f252; } .cs_appointment_calendar_legend > *data-cisdata-kblocked > i:before, .cs_appointment_calendar_hour_overview divdata-id.cs_appointment_calendar_is_blocked:after { content: \f256; color: #FFF; background-color: rgb(0,0,255); } .cs_appointment_calendar_hour_overview div.cs_appointment_calendar_has_comment:not(.cs_appointment_calendar_is_locked), .cs_appointment_calendar_legend > *data-chasdata-kcomment > i:before { background-color: rgb(255, 255, 0)!important; } .cs_appointment_calendar_hour_overview div.cs_appointment_calendar_has_comment:not(.cs_appointment_calendar_is_locked):before, .cs_appointment_calendar_legend > *data-chasdata-kcomment > i:before { content: \f075!important; color: #000; } .cs_appointment_calendar_hour_overview data-id.cs_appointment_calendar_is_available:not(.cs_appointment_calendar_is_selected):not(.cs_appointment_calendar_is_checked)::after { content: attr(data-date)!important; font-family: inherit!important; left: 0; right: 0!important; width: auto!important; box-sizing: border-box; font-size: 0.65rem!important; color: #333; font-family: Arial!important; text-align: center; } .cs_appointment_calendar_hour_overview data-id.cs_appointment_calendar_is_available.cs_appointment_calendar_is_selected::after, .cs_appointment_calendar_hour_overview data-id.cs_appointment_calendar_is_available.cs_appointment_calendar_is_checked::after { left: 0; right: 0!important; width: auto!important; text-align: center; } .cs_appointment_calendar.cs_appointment_calendar_viewable .cs_appointment_calendar_hour_overview data-id { } .cs_appointment_calendar label.cs_appointment_calendar_dummy, .cs_appointment_calendar label > i.cs_appointment_calendar_dummy { background-color: var(--default_color_gray_2); } .cs_appointment_assignment_dummy { background-color: #FFF; } .cs_appointment_assignment_dummy:before { content: \f007; font-size: 1.2rem; line-height: 2rem; color: var(--black); font-family: FontAwesome !important; } .cs_appointment_assignment_dummy_product:before { content: \f1b0; } .cs_appointment_calendar_error { cursor: not-allowed; _ointer-events: none; opacity: 0.2!important; } .cs_appointment_summary {} .cs_appointment_calendar_legend { overflow: hidden; display: flex; flex-wrap: wrap; gap: 0; margin-top: 1rem; } .cs_appointment_calendar_legend > * { min-height: var(--cs_appointment_calendar_slot_height); line-height: 40px; font-size: 0.8rem; position: relative; padding-left: 45px; padding-right: 1rem; } .cs_appointment_calendar_legend > * > i { display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; overflow: hidden; position: absolute; top: 5px; left: 5px; box-shadow: 0 0 5px rgb(0, 0, 0, .3); } .cs_appointment_calendar_legend > * > i:before { display: block; content: ; width: 30px; height: 30px; } .cs_appointment_calendar_legend > *data-krole_50 > i:before { border-radius: 0!important; margin: 0; border-width: 0 0 var(--cs_appointment_calendar_slot_height) var(--cs_appointment_calendar_slot_height)!important; } .cs_appointment_calendar .cs_appointment_calendar_hour_overview .cs_appointment_calendar_is_available, .cs_appointment_calendar .cs_appointment_calendar_hour_overview .cs_appointment_calendar_is_skip, .cs_appointment_calendar .cs_appointment_calendar_hour_overview .cs_appointment_calendar_is_booked { display: flex; flex-wrap: wrap; } .cs_appointment_calendar .cs_appointment_calendar_hour_overview .cs_appointment_calendar_is_available > idata-name, .cs_appointment_calendar .cs_appointment_calendar_hour_overview .cs_appointment_calendar_is_skip > idata-name, .cs_appointment_calendar .cs_appointment_calendar_hour_overview .cs_appointment_calendar_is_booked > idata-name { display: block; width: var(--cs_appointment_calendar_slot_height)!important; height: var(--cs_appointment_calendar_slot_height)!important; min-height: 0; z-index: 2; position: relative; top: 0; margin-right: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; } @media only screen and (max-width: 535px) { --root { --cs_appointment_calendar_cell_gap: 1px; } .cs_appointment_calendar {} .cs_appointment_calendar_week .cs_appointment_calendar_sub_grid > div > div:first-child, .cs_appointment_calendar_day .cs_appointment_calendar_sub_grid > div > div:first-child { width: 60px!important; } .cs_appointment_calendar_week_overview { padding-left: 60px!important; } .cs_appointment_calendar_week_overview > div:first-child { width: 60px!important; } .cs_appointment_calendar_hour_overview > label { font-weight: normal!important; font-size: 0.7rem!important; } } .multiSelect_wrapper { width: 100%; position: relative; background-color: #FFF; } .multiSelect_wrapper * { color: #555!important; text-align: left!important; } .multiSelect_wrapper .multiSelect_value_input { display: none!important; } .multiSelect_wrapper .multiSelect_selectContainer { z-index: 100!important; } .multiSelect_wrapper .multiSelect_selectContainer select { padding: 0px; margin: 0px; height: 40px; line-height: 40px; padding: 0 0.5rem; border: none; outline: none; } .multiSelect_wrapper .multiSelect_selectContainer select, .multiSelect_wrapper .multiSelect_selectContainer select * { line-height: 40px!important; } .multiSelect_wrapper .multiSelect_selectContainer select option { height: 14px; outline: none; padding: 2px; } .multiSelect_wrapper .multiSelect_itemContainer { padding-bottom: 0px; min-height: 0; overflow: hidden; border-bottom: none; background-color: rgba(0,0,0,0.05); } .multiSelect_wrapper .multiSelect_selectContainer { width: inherit; overflow: hidden; } .multiSelect_wrapper .multiSelect_itemContainer .multiSelect_selectedItem { cursor: default; background-color: #E3E3E3; position: relative; padding: 0 0.5rem; padding-right: 30px; float: left; max-width: 50%; } .multiSelect_wrapper .multiSelect_itemContainer .multiSelect_selectedItem, .multiSelect_wrapper .multiSelect_itemContainer .multiSelect_selectedItem * { height: 40px; line-height: 40px; } .multiSelect_wrapper .multiSelect_itemContainer .multiSelect_selectedItem:nth-child(2n) { background-color: #D3D3D3; } .multiSelect_wrapper:not(.disabled) .multiSelect_itemContainer .multiSelect_selectedItem:hover { background-color: #FFF; } .multiSelect_wrapper .multiSelect_itemContainer .multiSelect_selectedItem .multiSelect_selectedItemIcon { cursor: pointer; position: absolute; top: 0px; right: 0px; width: 30px; height: 40px; line-height: 40px; text-align: center!important; } .multiSelect_wrapper .multiSelect_itemContainer .multiSelect_selectedItem .multiSelect_selectedItemIcon::before { content: \2716; } .multiSelectAutocompleteWrapper {} .multiSelectAutocompleteWrapper input.multiSelect { background-color: #FFF; margin: 0!important; } .multiSelectAutocompleteWrapper .multiSelect_itemContainer { max-height: 150px; overflow-y: auto; } .multiSelectAddAll, .multiSelectRemoveAll { overflow: hidden; text-align: center; height: 40px; line-height: 40px; cursor: pointer; text-align: center!important; width: 50%; padding: 0; color: #FFF; } .multiSelectRemoveAll { opacity: 0.9; } .multiSelect_wrapper .help-block { text-align: center!important; margin-bottom: -1px; color: #990000!important; } .multiSelect_wrapper.disabled { background-color: transparent!important; } .multiSelect_wrapper.disabled .multiSelectAddAll, .multiSelect_wrapper.disabled .multiSelectRemoveAll, .multiSelect_wrapper.disabled input, .multiSelect_wrapper.disabled select { display: none; } .multiSelect_wrapper.disabled .multiSelect_selectedItem { padding-right: 5px; } .multiSelect_wrapper.disabled .multiSelect_selectedItemIcon { display: none!important; } .autoAddInput { clear: both; padding: 10px; background-color: #EFEFEF; } .default-module-nav.alt .inputBlock name.autoAddInput { background-color: transparent!important; } .autoAddInputRow { position: relative; } .autoAddInputRow input { width: 100%; height: 40px; line-height: 40px; } .autoAddInputRow + .autoAddInputRow { margin-top: 10px; } .cs_chat_ai_wrapper { position: relative; &, & * { box-sizing: border-box; } & * { color: inherit; } & > div:first-child { background-color: #FFF; padding: 0 1rem; padding-top: 0; height: 100%; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); & > header { height: 3.5rem; border-bottom: 1px solid rgba(0,0,0,0.1); position: relative; display: flex; flex-wrap: wrap; flex-direction: row-reverse; gap: 0rem; &:before { content: ; position: absolute; top: 0.25rem; left: 1rem; width: 20%; height: 3rem; background-position: left center; background-repeat: no-repeat; background-size: contain; } & > * { display: block; max-width: 2.5rem; height: 2.5rem; margin-top: 0.5rem; flex: 1; cursor: pointer; position: relative; &data-actiondownload:before, &data-actionrefresh:before, &data-actionclose:before { content: ; position: absolute; top: 0; left: 0; width: 2.5rem; height: 2.5rem; background-position: center right; background-repeat: no-repeat; background-size: 40%; opacity: 0.4; } &data-actiondownload:before { background-image: url(data:image/svg+xml;utf8,svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 512 512>path dM216 0h80c13.3 0 24 10.7 24 24v168h87.7c17.8 0 26.7 21.5 14.1 34.1L269.7 378.3c-7.5 7.5-19.8 7.5-27.3 0L90.1 226.1c-12.6-12.6-3.7-34.1 14.1-34.1H192V24c0-13.3 10.7-24 24-24zm296 376v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h146.7l49 49c20.1 20.1 52.5 20.1 72.6 0l49-49H488c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z >/path>/svg>); } &data-actionrefresh:before { background-image: url(data:image/svg+xml;utf8,svg xmlnshttp://www.w3.org/2000/svg width1em height1em viewBox0 0 1536 1536>path fillcurrentColor dM1511 928q0 5-1 7q-64 268-268 434.5T764 1536q-146 0-282.5-55T238 1324l-129 129q-19 19-45 19t-45-19t-19-45V960q0-26 19-45t45-19h448q26 0 45 19t19 45t-19 45l-137 137q71 66 161 102t187 36q134 0 250-65t186-179q11-17 53-117q8-23 30-23h192q13 0 22.5 9.5t9.5 22.5zm25-800v448q0 26-19 45t-45 19h-448q-26 0-45-19t-19-45t19-45l138-138Q969 256 768 256q-134 0-250 65T332 500q-11 17-53 117q-8 23-30 23H50q-13 0-22.5-9.5T18 608v-7q65-268 270-434.5T768 0q146 0 284 55.5T1297 212l130-129q19-19 45-19t45 19t19 45z>/path>/svg>); } &data-actionclose:before { background-image: url(data:image/svg+xml;utf8,svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 352 512>path dM242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z >/path>/svg>); } } } } &.inline { min-height: 100%!important; max-height: 100%!important; height: 100%; overflow: hidden; position: relative; padding-top: 3.5rem; padding-bottom: 3.5rem; background-color: #EFEFEF; color: #333; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); & header { background-color: #FFF; position: absolute!important; top: 0; left: 0; right: 0; padding: 0 1rem; -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.3); box-shadow: 0 0 30px 0 rgba(0,0,0,0.3); } & footer { background-color: #FFF; color: #333; position: absolute!important; bottom: 0; left: 0; right: 0; padding: 0 1rem; padding-top: .5rem!important; -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.3); box-shadow: 0 0 30px 0 rgba(0,0,0,0.3); & data-actionchat_ai_submit { bottom: .5rem!important; } } & > header + div { height: 100%; overflow: scroll; padding-bottom: 0!important; } } &:not(.inline) { z-index: 90000!important; position: fixed; bottom: 1rem; right: 0; width: 450px; max-width: 90vw!important; & > div:first-child { display: none; width: calc(100% - 2rem); height: calc(100% - 5rem); border-radius: 1rem; } &.open { top: 3rem; & > div:first-child { display: block; position: absolute; top: 1rem; bottom: 4rem; left: 1rem; right: 1rem; } } } & > div:first-child > footer { position: relative; height: 3.5rem; & input { display: block; width: 100%; height: 2.5rem; line-height: 2.5rem; border: 1px solid rgba(0,0,0,0.1); border-radius: 5px; padding-right: 2.5rem; padding-left: .5rem; } & data-actionchat_ai_submit { position: absolute; right: 1rem; bottom: 1rem; width: 2.5rem; height: 2.5rem; cursor: pointer; &:before { content: ; position: absolute; inset: 0; background-position: center center; background-repeat: no-repeat; background-size: 50%; opacity: 0.6; background-image: url(data:image/svg+xml;utf8,svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 512 512>path dM476 3.2L12.5 270.6c-18.1 10.4-15.8 35.6 2.2 43.2L121 358.4l287.3-253.2c5.5-4.9 13.3 2.6 8.6 8.3L176 407v80.5c0 23.6 28.5 32.9 42.5 15.8L282 426l124.6 52.2c14.2 6 30.4-2.9 33-18.2l72-432C515 7.8 493.3-6.8 476 3.2z>/path>/svg>); } } } & > div:first-child > header + div { padding: 1rem 0; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; max-height: 100%; } &:not(.inline) > div:first-child > header + div { height: calc(100% - 7rem); } & > div:first-child > header + div > * { display: block; padding: .5rem 1rem; line-height: 1.5rem; border-radius: 5px; color: #666; float: left; clear: both; max-width: 70%; margin-left: 10px; & i { font-style: normal!important; } &:not(.dummy) { background-color: #EFEFEF; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); } } & > div:first-child > header + div > * + * { margin-top: 0; } & > div:first-child > header + div > *data-direction + data-direction { margin-top: 1rem!important; } & > div:first-child > header + div > *data-direction1 { background-color: transparent; float: right; clear: both; margin-left: 0; margin-right: 10px; } & > div:first-child > header + div > *data-direction1 * { text-align: right; display: block; } & > div:first-child > header + div > *data-direction1 + data-direction1, & > div:first-child > header + div > *data-direction2 + data-direction2 { margin-top: -1rem; } & > div:first-child > header + div > * > i:first-child { display: block; font-size: 0.7rem; color: rgba(0,0,0,.4); } & > div:first-child > header + div > *.dummy { position: relative; padding: 0!important; background-color: transparent; margin: 0!important; } & > div:first-child > header + div > *.dummy:before { content: .; -webkit-animation: dots 1s steps(5, end) infinite; animation: dots 1.5s steps(5, end) infinite; font-size: 2rem; color: #666; } & > data-actionopen { display: block; width: 3rem; height: 3rem; position: absolute; bottom: 0; left: 1rem; border-radius: 2rem; cursor: pointer; &:before { content: ; display: block; position: absolute; inset: 0; background-position: center center; background-repeat: no-repeat; background-size: 60%; background-image: url(data:image/svg+xml;utf8,svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 576 512>path dM416 192c0-88.4-93.1-160-208-160S0 103.6 0 192c0 34.3 14.1 65.9 38 92-13.4 30.2-35.5 54.2-35.8 54.5-2.2 2.3-2.8 5.7-1.5 8.7S4.8 352 8 352c36.6 0 66.9-12.3 88.7-25 32.2 15.7 70.3 25 111.3 25 114.9 0 208-71.6 208-160zm122 220c23.9-26 38-57.7 38-92 0-66.9-53.5-124.2-129.3-148.1.9 6.6 1.3 13.3 1.3 20.1 0 105.9-107.7 192-240 192-10.8 0-21.3-.8-31.7-1.9C207.8 439.6 281.8 480 368 480c41 0 79.1-9.2 111.3-25 21.8 12.7 52.1 25 88.7 25 3.2 0 6.1-1.9 7.3-4.8 1.3-2.9.7-6.3-1.5-8.7-.3-.3-22.4-24.2-35.8-54.5z >/path>/svg>); } } &.open > data-actionopen:before { background-image: url(data:image/svg+xml;utf8,svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 448 512>path dM207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z class>/path>/svg>); } &.sending footer { display: none; } & data-keybubble { display: block; padding: 0.5rem; border-radius: 5px; background-color: #EFEFEF; color: #666; width: auto; max-width: calc(100% - 6rem); bottom: 3.5rem; left: 3rem; position: absolute; font-size: 0.8rem; cursor: default; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.2); box-shadow: 0 0 15px 0 rgba(0,0,0,.2); } &.open data-keybubble { display: none; } } @keyframes dots { 0% { color: #666; text-shadow: .25em 0 0 rgba(0,0,0,0), .5em 0 0 rgba(0,0,0,0); } 20% { color: #666; text-shadow: .25em 0 0 rgba(0,0,0,0), .5em 0 0 rgba(0,0,0,0); } 40% { text-shadow: .25em 0 0 #666, .5em 0 0 rgba(0,0,0,0); } 80%, 100% { text-shadow: .25em 0 0 #666, .5em 0 0 #666; } } :root { --white: #FFFFFF; --yellow: #FFD500; --purple: #800080; --grayLighter: #EFEFEF; --grayLight: #DEDEDE; --gray: #CCCCCC; --grayDark: #706F6F; --black: #000000; --greenLighter: #F1F7E2; --greenLight: #E4EFC7; --green: #95C11F; --greenDark: #098C38; --greenDarker: #186533; --red: #E6332A; --orange: #F9B233; --orangeDark: #F08213; --orangeLight: #FEF9F3; --blue: #125B9B; --blueT1: #125B9BE0; --blueLight: #DCE7f0; --transparent: rgb(0,0,0,0); --default_color_blue_1: #125B9B; --clr_main_1: 0, 0, 0; --clr_main_2: 0, 0, 0; --clr_main_3: 0, 0, 0; --clr_main_4: 0, 0, 0; --clr_main_5: 0, 0, 0; --clr_main_6: 0, 0, 0; --clr_main_7: 0, 0, 0; --clr_main_8: 0, 0, 0; --clr_main_9: 0, 0, 0; --clr_main_10: 0, 0, 0; --clr_main_11: 0, 0, 0; --clr_main_12: 0, 0, 0; --clr_main_13: 0, 0, 0; --clr_main_14: 0, 0, 0; --clr_main_15: 0, 0, 0; --clr_main_16: 0, 0, 0; --clr_main_17: 0, 0, 0; --clr_main_18: 0, 0, 0; --clr_main_19: 0, 0, 0; --clr_main_20: 0, 0, 0; --social_xing: #008388; --social_facebook: #375A92; --social_twitter: #5C8ECB; --social_x: #5C8ECB; --social_goldenline: #333333; --social_linkedin: #4573B1; --social_youtube: #E13334; --social_instagram: #5e0bf6; --social_google: #C93B2D; --social_skype: #22A7E2; --social_slideshare: #29B1B3; --social_weibo: #E6162D; --social_qq: #000000; --social_wechat: #91BF4B; --social_whatsapp: #91BF4B; --social_vk: #507299; --opacity: 1; } .cs_color_opacity_90 { --opacity: 0.9; } .cs_color_opacity_80 { --opacity: 0.8; } .cs_color_opacity_70 { --opacity: 0.7; } .cs_color_opacity_60 { --opacity: 0.6; } .cs_color_opacity_50 { --opacity: 0.5; } .cs_color_opacity_40 { --opacity: 0.4; } .cs_color_opacity_30 { --opacity: 0.3; } .cs_color_opacity_20 { --opacity: 0.2; } .cs_color_opacity_10 { --opacity: 0.1; } .cs_color_opacity_05 { --opacity: 0.05; } .cs_bg_color_1 { background-color: rgba(var(--clr_main_1), var(--opacity))!important; } .cs_bg_color_2 { background-color: rgba(var(--clr_main_2), var(--opacity))!important; } .cs_bg_color_3 { background-color: rgba(var(--clr_main_3), var(--opacity))!important; } .cs_bg_color_4 { background-color: rgba(var(--clr_main_4), var(--opacity))!important; } .cs_bg_color_5 { background-color: rgba(var(--clr_main_5), var(--opacity))!important; } .cs_bg_color_6 { background-color: rgba(var(--clr_main_6), var(--opacity))!important; } .cs_bg_color_7 { background-color: rgba(var(--clr_main_7), var(--opacity))!important; } .cs_bg_color_8 { background-color: rgba(var(--clr_main_8), var(--opacity))!important; } .cs_bg_color_9 { background-color: rgba(var(--clr_main_9), var(--opacity))!important; } .cs_bg_color_10 { background-color: rgba(var(--clr_main_10), var(--opacity))!important; } .cs_bg_color_11 { background-color: rgba(var(--clr_main_11), var(--opacity))!important; } .cs_bg_color_12 { background-color: rgba(var(--clr_main_12), var(--opacity))!important; } .cs_bg_color_13 { background-color: rgba(var(--clr_main_13), var(--opacity))!important; } .cs_bg_color_14 { background-color: rgba(var(--clr_main_14), var(--opacity))!important; } .cs_bg_color_15 { background-color: rgba(var(--clr_main_15), var(--opacity))!important; } .cs_bg_color_16 { background-color: rgba(var(--clr_main_16), var(--opacity))!important; } .cs_bg_color_17 { background-color: rgba(var(--clr_main_17), var(--opacity))!important; } .cs_bg_color_18 { background-color: rgba(var(--clr_main_18), var(--opacity))!important; } .cs_bg_color_19 { background-color: rgba(var(--clr_main_19), var(--opacity))!important; } .cs_bg_color_20 { background-color: rgba(var(--clr_main_20), var(--opacity))!important; } .cs_color_1 { color: rgba(var(--clr_main_1), var(--opacity))!important; } .cs_color_2 { color: rgba(var(--clr_main_2), var(--opacity))!important; } .cs_color_3 { color: rgba(var(--clr_main_3), var(--opacity))!important; } .cs_color_4 { color: rgba(var(--clr_main_4), var(--opacity))!important; } .cs_color_5 { color: rgba(var(--clr_main_5), var(--opacity))!important; } .cs_color_6 { color: rgba(var(--clr_main_6), var(--opacity))!important; } .cs_color_7 { color: rgba(var(--clr_main_7), var(--opacity))!important; } .cs_color_8 { color: rgba(var(--clr_main_8), var(--opacity))!important; } .cs_color_9 { color: rgba(var(--clr_main_9), var(--opacity))!important; } .cs_color_10 { color: rgba(var(--clr_main_10), var(--opacity))!important; } .cs_color_11 { color: rgba(var(--clr_main_11), var(--opacity))!important; } .cs_color_12 { color: rgba(var(--clr_main_12), var(--opacity))!important; } .cs_color_13 { color: rgba(var(--clr_main_13), var(--opacity))!important; } .cs_color_14 { color: rgba(var(--clr_main_14), var(--opacity))!important; } .cs_color_15 { color: rgba(var(--clr_main_15), var(--opacity))!important; } .cs_color_16 { color: rgba(var(--clr_main_16), var(--opacity))!important; } .cs_color_17 { color: rgba(var(--clr_main_17), var(--opacity))!important; } .cs_color_18 { color: rgba(var(--clr_main_18), var(--opacity))!important; } .cs_color_19 { color: rgba(var(--clr_main_19), var(--opacity))!important; } .cs_color_20 { color: rgba(var(--clr_main_20), var(--opacity))!important; } .cs_default_overview_wrapper .cs_error { color: red; } .ui-helper-hidden-accessible { display: none!important; } .cs_toggle_sub_info { cursor: pointer; } .cs_sort_trigger { cursor: pointer; } .cs_sort_trigger_a, .cs_sort_trigger_a *, .cs_sort_trigger_d, .cs_sort_trigger_d * { color: var(--default_color_blue_1); } .cs_sort_trigger_a:before, .cs_sort_trigger_d:before { float: left; margin-right: 5px; } .cs_sort_trigger_a:before { content: \25B2; } .cs_sort_trigger_d:before { content: \25BC; } .ui-tooltip { position: absolute; z-index: 9999; max-width: 400px; background: #666; padding: .5rem 1rem; color: white; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,.3); font-size: 0.8rem; } .loadModuleOverlaydata-key { display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; cursor: pointer; background-color: var(--default_color_blue_1); color: #FFF; overflow: hidden!important; &:before { content: attr(data-label); } } body.front { & .csTriggerTargetOverlay { z-index: 1001!important; &:before { content: ; display: block; position: fixed!important; inset: -10000px!important; background-color: rgba(0,0,0,.3); } } & .csTriggerTargetWrapper { & .csActiveTriggerBtn {} & .csActiveTriggerTarget { display: none; &.csTriggerTargetActive { display: block; & .csActiveTriggerBtn { display: block; &:before { content: \f00d; font-family: FontAwesome; } } } } } } label.cs_truncated { & > input { display: none; & + span { display: block; & > a { color: var(--default_color_blue_1); } & + span { display: none; } } &:checked + span { display: none; & + span { display: block; } } } } .cs_alert { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1000001!important; } .cs_alert > div { position: relative; z-index: 1001; background-color: #FFF; padding: 1.5rem; -webkit-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,0.6); box-shadow: 0 0 50px 0 rgba(0,0,0,0.6); min-width: 300px; max-width: 90vw; min-height: 150px; max-height: 90vh; padding-bottom: 40px; } .cs_alert .cs_alert-message { padding-bottom: 40px } .cs_alert .cs_alert-message:before { display: block; content: \2713; width: 50px; height: 50px; line-height: 50px; text-align: center; font-family: Arial sans-serif!important; color: var(--default_color_blue_1); font-size: 1.6rem; font-weight: bold; border: 2px solid var(--default_color_blue_1); border-radius: 40px; margin-bottom: 1rem; } .cs_alert.cs_alert_error .cs_alert-message:before { content: !; color: #990000; border-color: #990000; } .cs_alert:before { content: ; background-color: rgba(0,0,0,0.3); position: absolute; inset: -2000px; z-index: 1000; } .cs_alert-buttons { position: absolute; bottom: 1.5rem; left: 1.5rem; right: 1.5rem; display: flex; flex-direction: row-reverse; } .progress-container { width: 100%; height: 20px; background-color: lightgray; position: relative; } .progress-bar { height: 100%; } .progress-bar:before { content: ; display: block; width: var(--progress, 0); height: 100%; background-color: green; transition: width 0.5s ease-in-out; position: absolute; top: 0; left: 0; } body.front .cs_show_content_by_role:not(.cs_show_content_by_role_active) { display: none!important; } .cs_pp_placeholder { background-image: var(--default_pp_placeholder); background-repeat: no-repeat; background-position: center center; background-size: cover; } .cs_default_item_overview {} .cs_default_item_overview > * {} .cs_default_item_overview > * + * { } .cs_default_item_overview > * + *:before { content: ; display: block; width: 100%; height: 1rem; border-top: 2px solid var(--default_color_blue_1); margin-top: 1rem; } .cs_default_item_overview > * > :first-child { min-height: 100px; position: relative; background-color: #FFF; color: var(--default_color_blue_1); padding: 1rem; margin-bottom: 1rem; } .cs_default_item_overview > * + ::before { border-top: 2px dotted var(--default_color_blue_1); } .cs_default_item_overview > * > :first-child > *:first-child, .cs_default_item_overview > * .myDropzone:not(.cs_btn) { position: absolute; top: 10px; right: 0; width: 80px; height: 80px; overflow: hidden; } .cs_default_item_overview > * > :first-child > *:first-child > data-action { display: block; width: 80px; height: 80px; text-align: center; } .cs_default_item_overview > * > :first-child > *:first-child > data-actiondownload:before { width: 100%; content: \f019; font-family: FontAwesome !important; font-size: 30px; text-align: center; line-height: 80px; } .cs_default_item_overview > * > :first-child > *:first-child * img { width: 100%; height: 100%; } .cs_default_item_overview > * > :first-child > *:first-child + div { display: flex; flex-wrap: wrap; gap: 1rem; min-height: 3.5rem; padding-top: 7px } .cs_default_item_overview > * > :first-child > *:first-child + div > * > i { display: block; } .cs_default_item_overview > * > :first-child > *:first-child + div > * > i:first-child { font-weight: bold; line-height: 1.7rem; } .cs_default_overlay { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); height: auto; width: 800px; max-width: 90vw; max-height: 75vh; -webkit-box-shadow: 0 0 2000px 2000px rgba(0,0,0,0.5); box-shadow: 0 0 2000px 2000px rgba(0,0,0,0.5); background-color: #FFF; border-radius: 25px; overflow: hidden; z-index: 100000; } .cs_default_overlay_error, .cs_default_overlay_info { display: block; min-height: 40px; font-weight: bold; padding: 0; margin-bottom: 1rem; } .cs_default_overlay_error { color: #990000; } .cs_default_overlaydata-headline { padding-top: 2rem; } .cs_default_overlaydata-headline::before { content: attr(data-headline); position: absolute; top: 0; left: 0; right: 0; height: 40px; line-height: 40px; text-align: center; background-color: #E3E3E3; padding: 0 40px; padding-right: 2.7rem; } .cs_default_overlay > div:first-child { height: auto; max-height: 75vh; overflow-y: scroll; padding: 2rem; } .cs_default_overlay.cs_shopping_cart_overlay_0 .cs_shopping_cart_overview > * > div:first-child { grid-template-columns: repeat(auto-fill, minmax(45%, 1fr)); } .cs_verification_overlay { padding: 2rem; } .cs_verification_overlay label { margin-bottom: 1rem!important; } .cs_default_overlay.cs_verification_overlay > div:first-child { overflow: hidden; } .cs_default_overlay .cs_default_overlay_close { margin: 0!important; height: 40px; line-height: 40px; width: 40px; text-align: center; position: absolute; top: 0; right: 0; cursor: pointer; font-size: 16px; background-color: #FFF; } .cs_default_overlay .cs_default_overlay_close:before { content: \2716; font-weight: bold; } .cs_ajax_loading_overlay { z-index: 1000; position: fixed; bottom: 0; right: 0; transform: none; width: 40px; height: 40px; padding: 0; overflow: hidden; } .cs_ajax_loading_overlay.cs_ajax_loading_overlay_full { z-index: 100000; position: fixed; width: auto; height: auto; inset: 0; background-color: rgba(0,0,0,0.1); } .cs_ajax_loading_overlay::before { content: ; position: absolute; display: inline-block; width: 20px; height: 20px; border: 5px solid rgba(0,0,0,.3); border-radius: 50%; border-top-color: #FFF; animation: spin 1s ease-in-out infinite; -webkit-animation: spin 1s ease-in-out infinite; left: 50%; top: 50%; margin-top: -15px; margin-left: -15px; } @keyframes spin { to { -webkit-transform: rotate(360deg); } } @-webkit-keyframes spin { to { -webkit-transform: rotate(360deg); } } .cs_default_overlaydata-headline::before { display: none; content: attr(data-headline); color: #fff; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); top: -10px; left: 0; right: 40px; height: auto; font-size: 1.55rem; line-height: 0px; text-align: left; font-weight: bold; background-color: rgba(255, 255, 255, 0) !important; padding: 0rem 45px; z-index: 2; } .cs_overlay_show.active { border-bottom: 2px solid var(--default_color_blue_1)!important; opacity: 1; } .cs_overlay_footer .cs_overlay_show { float: none; margin-top: 1rem; font-weight: normal; height: 1.55rem; font-size: 1rem; line-height: 0.7rem; cursor: pointer; color: #333; } .cs_overlay_footer .cs_overlay_show:hover { text-decoration: underline; color: #333 !important; } .cs_default_overlay input, .cs_default_overlay select, .cs_default_overlay input, .cs_default_overlay textarea, .cs_shopping_cart_overview input, .cs_shopping_cart_overview select { height: 2.4rem; font-size: 1rem; line-height: 2.4rem; padding: 0 10px !important; margin: 0; background-color: transparent; width: 100%; display: block; } .cs_overlay_footer > .cs_overlay_submit.cs_btn { border: none; border-radius: 50px; display: block; height: 3.5rem; line-height: 3.5rem; cursor: pointer; text-align: center; background-color: rgba(16, 74, 150, 1); color: #fff; font-size: 1rem; font-weight: bold; margin-top: 1.8rem; } .cs_image_overlay { position: fixed; inset: 0; z-index: 10000; background-color: rgba(0,0,0,0.8); cursor: pointer; } .cs_image_overlay img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 90%; max-height: 90%; } .cs_default_placeholder_user_1 { display: block; background: url(data:image/svg+xml;utf8,svg xmlnshttp://www.w3.org/2000/svg xmlns:xlinkhttp://www.w3.org/1999/xlink version1.1 viewBox0 -256 1792 1792>g transformmatrix(1,0,0,-1,197.42373,1300.6102)>path dM 1408,131 Q 1408,11 1335,-58.5 1262,-128 1141,-128 H 267 Q 146,-128 73,-58.5 0,11 0,131 0,184 3.5,234.5 7,285 17.5,343.5 28,402 44,452 q 16,50 43,97.5 27,47.5 62,81 35,33.5 85.5,53.5 50.5,20 111.5,20 9,0 42,-21.5 33,-21.5 74.5,-48 41.5,-26.5 108,-48 Q 637,565 704,565 q 67,0 133.5,21.5 66.5,21.5 108,48 41.5,26.5 74.5,48 33,21.5 42,21.5 61,0 111.5,-20 50.5,-20 85.5,-53.5 35,-33.5 62,-81 27,-47.5 43,-97.5 16,-50 26.5,-108.5 10.5,-58.5 14,-109 Q 1408,184 1408,131 z m -320,893 Q 1088,865 975.5,752.5 863,640 704,640 545,640 432.5,752.5 320,865 320,1024 320,1183 432.5,1295.5 545,1408 704,1408 863,1408 975.5,1295.5 1088,1183 1088,1024 z/>/g>/svg>) no-repeat center center; background-size: 60%!important; } .cs_default_placeholder_product_20 { display: block; background: url(data:image/svg+xml;utf8,svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 512 512>path dM496 96h-64l-7.16-14.31A32 32 0 0 0 396.22 64H342.6l-27.28-27.28C305.23 26.64 288 33.78 288 48.03v149.84l128 45.71V208h32c35.35 0 64-28.65 64-64v-32c0-8.84-7.16-16-16-16zm-112 48c-8.84 0-16-7.16-16-16s7.16-16 16-16 16 7.16 16 16-7.16 16-16 16zM96 224c-17.64 0-32-14.36-32-32 0-17.67-14.33-32-32-32S0 174.33 0 192c0 41.66 26.83 76.85 64 90.1V496c0 8.84 7.16 16 16 16h64c8.84 0 16-7.16 16-16V384h160v112c0 8.84 7.16 16 16 16h64c8.84 0 16-7.16 16-16V277.55L266.05 224H96z/>/svg>) no-repeat center center; background-size: 60%!important; } .cs_default_profile { position: relative; min-height: 100px; font-size: 0.8rem; padding-left: 1rem; } .cs_default_profile > div:first-child { display: flex; flex-wrap: wrap; gap: 1rem; } .cs_default_profile + .cs_default_profile { margin-top: 1rem; padding-top: 1rem!important; border-top: 2px dotted var(--default_color_blue_1); } .cs_default_profile > div:first-child > * { flex-basis: 200px; flex-grow: 3; flex-shrink: 1; } .cs_default_profile data-keytitle { font-size: 1.3rem; margin-bottom: 0.5rem; color: var(--default_color_blue_1); font-weight: bold; } .cs_default_profile > div:first-child > *:first-child { flex-basis: 100px; flex-grow: 1; flex-shrink: 1; position: relative; min-height: 100px; overflow: hidden; max-width: 100px; max-height: 100px; } .cs_default_profile > div:first-child > *:first-child > i { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 100px; } .cs_default_profile > div:first-child > *:last-child { flex-basis: 40px; flex-grow: 1; flex-shrink: 1; color: var(--default_color_blue_1); } .cs_default_profile .cs_flex > * > :first-child { font-weight: bold; } .cs_default_profile data-keyactions { display: flex; flex-wrap: wrap; } .cs_default_profile data-keyactions > * { height: 40px; min-width: 40px; line-height: 40px; font-size: 20px; flex: 1; text-align: center; cursor: pointer; } .cs_default_profile > div:first-child > divdata-keyactions > *:before { font-family: FontAwesome !important; } .cs_default_profile divdata-keyactions > *data-actionedit:before, .cs_default_profile divdata-keyactions > *data-actionjumpToDetail:before { content: \f044; } .cs_default_profile divdata-keyactions > *data-actionhistory:before { content: \f1da; } .cs_default_profile divdata-keyactions > *data-actiondelete:before { content: \f1f8; } .cs_default_profile divdata-keyactions > *data-actionquestionnaire:before { content: \f0ea; } .cs_default_profile .cs_flex { display: flex; flex-wrap: wrap; gap: 0.5rem; } .cs_default_profile .cs_flex > * { flex-basis: 150px; flex-grow: 1; flex-shrink: 1; } .cs_default_profile .cs_flex > * > * { display: block; } .cs_default_profile .cs_flex > * > *:first-child { color: var(--default_color_blue_1); } .cs_default_disabled { opacity: 0.5; } .cs_default_disabled, .cs_default_disabled * { pointer-events: none; } .cs_default_input_row { padding: 0.5rem 0; } .cs_default_input_row > label { font-size: 0.85rem; font-weight: bold; line-height: 1rem; color: var(--default_color_gray_3)!important; margin-bottom: 0.5rem; } .cs_default_input_row > label + label { margin-top: .5rem; } .cs_default_input_grid { display: flex; gap: 0 2rem; flex-wrap: wrap; } .cs_default_input_grid > * { flex-grow: 1; flex-shrink: 1; flex-basis: 300px; } .cs_default_input_rowdata-suffix { position: relative; } .cs_default_input_rowdata-suffix > input { padding-right: 50px; } .cs_default_input_rowdata-suffix:before { content: attr(data-suffix); position: absolute; bottom: 1.1rem; right: 0; height: 2.4rem; line-height: 2.4rem; padding-left: 1rem; } .cs_default_input_row readonly, .cs_default_input_row disabled { pointer-events: none; } .cs_default_input_row { & textarea, & textarea, & inputtypetext, & inputtypepassword, & inputtypedatetime, & inputtypedatetime-local, & inputtypedate, & inputtypemonth, & inputtypetime, & inputtypeweek, & inputtypenumber, & inputtypeemail, & inputtypeurl, & inputtypesearch, & inputtypetel, & inputtypecolor, & .uneditable-input { background-color: #FFF; padding: 5px 0px!important; background-color: transparent; outline: none; height: 2.4rem; line-height: 2.4rem; } & inputtypetext:focus, & inputtypetext:active, & inputtypepassword:focus, & inputtypepassword:active, & textarea:focus, & textarea:active { padding: 0 10px!important; background-color: rgba(0,0,0,0.05); } & textarea:focus, & textarea:active { padding: 10px!important; } & select { border: 0; font-weight: bold; padding: 0 1.5rem; } & input:-webkit-autofill, & input:-webkit-autofill:focus, & input:-webkit-autofill:hover { -webkit-box-shadow: 0 0 0px 1000px white inset !important; box-shadow: 0 0 0px 1000px white inset !important; background-color: transparent !important; } } .formBlockInner textarea, .cs_default_input_row textarea { height: 1rem; min-height: 6rem; } .cs_select_wrapper { position: relative; overflow: hidden; cursor: pointer; line-height: 2.5rem; display: block; } .cs_select_wrapper + .cs_select_wrapper { margin-top: 1rem; } .cs_select_wrapper::before { content: \25BC; position: absolute; top: 1px; right: 1px; bottom: 1px; width: 2.1rem; height: 38px; line-height: 38px; border: none; box-sizing: border-box; text-align: center; pointer-events: none; } .cs_select_wrapper select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ; } .cs_select_wrapper > select { background-color: #FFF; height: 2.5rem; padding: 0px 1rem; } inputtypetext.cs_default_filter_input { height: 40px; line-height: 40px; color: var(--default_color_blue_1); background-color: #FFF; height: 2.5rem; padding: 0px 1rem; } .cs_date_input_wrapper { position: relative; & > input { border: 2px solid var(--default_color_blue_1)!important; border-radius: 25px; height: 40px!important; line-height: 40px!important; color: var(--default_color_blue_1); background-color: transparent!important; outline: none!important; padding: 0 1rem; } &:before { content: \f073; font-family: FontAwesome; width: 45px; height: 32px; line-height: 32px; text-align: center; position: absolute; top: 4px; right: 5px; z-index: 10; pointer-events: none; background-color: #FFF; border-radius: 25px; cursor: pointer; } } label.checkbox, .cs_checkbox, label.radio, .cs_radio { font-weight: normal; line-height: 1.5rem; min-height: 1.5rem; position: relative; cursor: pointer; display: block!important; padding: 0; } label.checkbox, label.checkbox *, .cs_checkbox, .cs_checkbox *, label.radio, label.radio *, .cs_radio, .cs_radio * { font-weight: normal; color: initial!important; min-height: 30px; line-height: 30px; } label.checkbox input, .cs_checkbox input, label.checkbox input + span > span, label.radio input, .cs_radio input, label.radio input + span > span { display: none!important; } label.checkbox input + span, label.radio input + span { padding-left: 30px; } label.checkbox input + span:before, .cs_checkbox input + span:before, label.radio input + span:before, .cs_radio input + span:before { box-sizing: border-box; content: ; width: 20px; height: 20px; display: block; position: absolute; top: 5px; left: 0; border-radius: 5px; pointer-events: none; border: 1px solid rgba(0,0,0,.4); } label.checkbox input:checked + span:before, .cs_checkbox input:checked + span:before, label.radio input:checked + span:before, .cs_radio input:checked + span:before { border-color: #97BF0D; } label.radio input + span:before, .cs_radio input + span:before { border-radius: 20px } label.radio input:checked + span::before, .cs_radio input:checked + span::before { content: ; text-align: center; background-color: #97BF0D; } label.checkbox input:checked + span:before, .cs_checkbox input:checked + span:before { content: \2713; font-weight: bold; text-align: center; background-color: #97BF0D; color: #FFF; line-height: 20px; font-size: 14px; } .cs_search_wrapper { position: relative; color: var(--default_color_blue_1); line-height: 2.5rem; } .cs_search_wrapper input { height: 2.5rem; line-height: 2.5rem; padding: 0 10px; padding-right: 50px; border: none!important; outline: none; box-sizing: border-box; } .cs_search_wrapper:before { content: \f002; font-family: FontAwesome !important; position: absolute; top: 0; right: 0; bottom: 0; width: 2.5rem; text-align: center; } .cs_overview_table, .cs_overview_table * { font-size: 0.8rem; } .cs_overview_table { table-layout: fixed; width: 100%; } .cs_overview_table thead th { font-weight: bold; text-align: left; border-bottom: 2px solid var(--default_color_blue_1); } .cs_overview_table thead th { line-height: 1.5rem; } .cs_overview_table thead th, .cs_overview_table tbody td { min-height: 1.5rem; padding: 5px 0; padding-right: 10px; vertical-align: top; } .cs_overview_table_wrapper { position: relative; padding-top: 40px; } .cs_overview_table_wrapper .cs_overview_table thead { } .cs_overview_table tbody tr + tr td { border-top: 1px solid var(--default_color_gray_1); } .cs_overview_table tbody tr:hover { background-color: var(--default_color_gray_1); } .cs_overview_table thead th:last-child, .cs_overview_table tbody td:last-child { padding-right: 0; } .cs_overview_table tbody td > i { display: block; } .cs_overview_table tbody td > i:first-child { font-weight: bold; } .cs_overview_table tbody td.actions { display: flex; flex-wrap: wrap; gap: 10px; padding: 0 10px; flex-direction: row-reverse; } .cs_overview_table tbody td.actions > * { flex: 1; border-radius: 0; padding: 0; min-height: 30px; line-height: 30px; color: #000; background-color: transparent !important; font-size: 1.2rem; } .cs_overview_table tbody td.actions > *data-action { max-width: 30px; text-align: center; } .cs_overview_table tbody td.actions > *data-action:hover { max-width: 30px; text-align: center; background-color: var(--default_color_blue_1)!important; border-radius: 5px; color: #FFF; } .cs_overview_dummy { text-align: center; font-weight: bold; line-height: 40px } .cs_simple_loading { text-align: center; } .cs_simple_loading:after { overflow: hidden; display: inline-block; vertical-align: bottom; -webkit-animation: ellipsis steps(4,end) 3000ms infinite; animation: ellipsis steps(4,end) 3000ms infinite; content: \2026; width: 0px; } @keyframes ellipsis { to { width: 1.25em; } } @-webkit-keyframes ellipsis { to { width: 1.25em; } } .multiSelect_wrapper .btn { display: none!important; } .autoAddInput { padding: 0!important; background-color: transparent!important; } .autoAddInputRow + .autoAddInputRow { margin-top: 0!important; } .autoAddInputRow input { margin: 0!important; } .cs_checkout_overlay { min-width: 80vw; display: fixed; min-width: none; overflow: hidden!important; } .cs_checkout_overlay > div { display: flex; flex-wrap: wrap; gap: 1rem; } .cs_checkout_overlay > div .cs_overlay_header { flex-grow: 0; flex-shrink: 1; flex-basis: 2100px; max-width: 100%; } .cs_checkout_overlay > div .cs_overlay_content { flex: 1; flex-basis: 800px; } .cs_checkout_overlay > div .cs_overlay_footer { flex: 1; flex-basis: 200px; margin: 0; } .cs_overlay_header { display: flex; flex-wrap: wrap; gap: 1rem; min-height: 40px; font-size: 1.55rem; font-weight: bold; color: var(--default_color_blue_1); margin-bottom: 1rem; font-weight: bold; color: var(--default_color_blue_1); margin-bottom: 2rem; } .cs_overlay_header > .cs_overlay_show { font-weight: bold; border-bottom: 2px solid transparent; font-size: 1rem; opacity: 0.7; cursor: pointer; margin: 0; } .cs_overlay_content {} .cs_overlay_content table { table-layout: fixed; width: 100% } .cs_overlay_content table td, .cs_overlay_content table th { padding: 10px; min-height: 60px; } .cs_overlay_content table tr + tr td { border-top: 1px solid rgba(0,0,0,0.3); } .cs_overlay_content table colgroup col:last-child { width: 50px; } .cs_overlay_content table thead th { font-weight: bold; border-bottom: 3px solid var(--default_color_blue_1); } .cs_overlay_content table tbody td.cs_checkout_item_content_add { vertical-align: middle; } .cs_overlay_content table tbody td i { display: block; line-height: 1.8rem; } .cs_overlay_content table tbody td i:first-child { font-weight: bold; } .cs_overlay_content table tbody td i:first-child + i { font-size: 0.8rem; } .cs_overlay_content table tbody td select { background-color: rgba(0,0,0,0.1); } .cs_checkout_overlay_payment { min-width: 0; max-width: 100%; max-height: 100%; background-color: #AAA; } .cs_checkout_overlay_payment > div { overflow-y: auto!important; } .cs_checkout_overlay_payment .cs_overlay_header, .cs_checkout_overlay_payment .cs_overlay_content { display: none; } .cs_checkout_overlay_payment .cs_overlay_footer { margin-top: 0; padding: 0!important; } .cs_checkout_overlay_payment .cs_default_overlay_close { background-color: transparent!important; } .cs_checkout_overview { padding-bottom: 4rem; } .cs_checkout_overview > * { display: block; padding-right: 50px; position: relative; } .cs_checkout_overview > * + * { margin-top: 1rem; padding-top: 1rem; border-top: 2px solid var(--default_color_blue_1); } .cs_checkout_overview > * > div:first-child { display: flex; gap: 1rem; flex-wrap: wrap; } .cs_checkout_overview > * > div:first-child + * { position: absolute; top: 50%; right: 0; width: 40px; min-height: 40px; margin-top: -13px; font-size: 1.5rem; color: var(--default_color_error); } .cs_checkout_overview > * > div:first-child + * > * { display: block; cursor: pointer; } .cs_checkout_overview > * > div:first-child + * > *data-actionremove:before { display: block; content: \f00d; font-family: FontAwesome !important; width: 40px; height: 40px; text-align: center; line-height: 40px; } .cs_checkout_overview > * > div:first-child > * { flex-shrink: 0; flex-grow: 1; flex-basis: 200px; } .cs_checkout_overview > * > div:first-child > * > i { display: block; } .cs_checkout_overview > * > div:first-child > * > i:first-child { font-size: 0.8rem; color: #999; margin-bottom: 0.5rem; } .cs_checkout_overview > * > div:first-child > * > i:first-child + i { font-weight: bold; } .cs_checkout_overlay .cs_back { display: none; margin-top: 1rem; font-size: 0.8rem; cursor: pointer; } .cs_checkout_overlay_payment .cs_back { display: block; } .cs_checkout_overview > div > div > span:last-child > idata-keyerror { display: none; } .cs_checkout_overview > div.cs_checkout_item_error > div > span:last-child > i { display: none; } .cs_checkout_overview > div.cs_checkout_item_error > div > span:last-child > idata-keyerror { display: block; } .cs_checkout_summary { background-color: rgba(0,0,0,0.05); padding: 1rem; margin-bottom: 1rem; } .cs_checkout_summary > table { table-layout: fixed; width: 100%; } .cs_checkout_summary > table td:first-child { font-weight: bold; } .cs_checkout_summary > table tr > td { padding: .5rem 0!important; } .cs_checkout_summary > table tr:first-child > td { padding-top: 0!important; } .cs_checkout_summary > table tr:last-child > td { padding-bottom: 0!important; } .cs_checkout_summary > table tr + tr > td { border-top: 1px solid #CCC; } .cs_checkout_summary > table tr > td.cs_checkout_credit_info { font-size: 0.8rem; font-weight: normal !important; } .cs_checkout_add_info { display: block; margin-top: 1rem; } .cs_checkout_summary table + .cs_btn { margin-top: 2rem; margin-bottom: 1rem; } .cs_checkout_summary .cs_btn.cs_error { pointer-events: none; background-color: #999!important; } #paypalCheckoutContainer { text-align: center; } .cs_user_detail_payment_customer_id_wrapper { background-color: #FFF; padding: 1rem; border-radius: 20px; } .cs_checkout_payment_method_info { margin-top: 1em; margin-bottom: 1rem; text-align: center; font-weight: bold; display: block; font-size: 0.8rem; } .cs_overlay_content table tbody td data-actionremove { display: block; line-height: 40px; cursor: pointer; width: 30px; text-align: center; } .cs_overlay_content table tbody td data-actionremove:before { content: \2716; } .cs_overlay_footer { margin-top: 1rem; } .cs_btn, .form button { border: none; display: block; cursor: pointer; font-size: 1em; height: auto!important; min-height: 40px; & data-keyinfo { font-size: 0.8rem; line-height: 1rem!important; margin: 0!important; padding-bottom: 10px; } } body.front .cs_btn.cs_btn_inactive { pointer-events: none; background-color: var(--default_color_gray_3)!important; } .cs_btn.cs_btn_icon { padding-right: 3rem!important; } .cs_btn.full, .cs_btn.cs_btn_full { width: 100%; } body.front .cs_btn.cs_btn_important { background-color: var(--default_color_green_1)!important; color: #333!important; font-weight: bold; } .cs_background_loading { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48c3R5bGU+LnNwaW5uZXJfSElLNXt0cmFuc2Zvcm0tb3JpZ2luOmNlbnRlcjthbmltYXRpb246c3Bpbm5lcl9YVlk5IDFzIGN1YmljLWJlemllcigwLjM2LC42LC4zMSwxKSBpbmZpbml0ZX1Aa2V5ZnJhbWVzIHNwaW5uZXJfWFZZOXs1MCV7dHJhbnNmb3JtOnJvdGF0ZSgxODBkZWcpfTEwMCV7dHJhbnNmb3JtOnJvdGF0ZSgzNjBkZWcpfX08L3N0eWxlPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjMiLz48ZyBjbGFzcz0ic3Bpbm5lcl9ISUs1Ij48Y2lyY2xlIGN4PSI0IiBjeT0iMTIiIHI9IjMiLz48Y2lyY2xlIGN4PSIyMCIgY3k9IjEyIiByPSIzIi8+PC9nPjwvc3ZnPg)!important; background-repeat: no-repeat!important; background-size: 50%!important; background-position: center center!important; } .cs_btndata-actioncreateCustomer { margin-top: 1rem; } .cs_payment_check_wrapper { padding: 1rem; margin-top: 1rem; min-height: 100px; position: relative; } .cs_payment_check_wrapper > * + * { margin-top: 1rem; } .cs_payment_check_wrapper.cs_payment_checking > * { display: none; } .cs_payment_check_wrapper.cs_payment_checking:before { content: ; box-sizing: border-box; position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; animation:spin 1s linear infinite; color: #000; z-index: 100; font-size: 60px; text-align: center; line-height: 50px; background-color: var(--default_color_blue_1); opacity: 1; border-radius: 50px; border: 5px solid var(--default_color_blue_1); border-top-color: #FFF; } .showEncodedImage { cursor: pointer; position: relative; display: block; } .showEncodedImage:before { font-family: FontAwesome !important; content: \f002; top: 50%; left: 50%; width: 40px; height: 40px; display: block; position: absolute; transform: translate(-50%, -50%); z-index: 10; color: #FFF; text-align: center; line-height: 40px; text-shadow: 0 0 5px; font-size: 30px; } .cs_default_overview_wrapper { display: flex; flex-wrap: wrap; gap: 1rem; } .cs_default_overview_wrapper > :first-child { flex-grow: 3; flex-shrink: 0; flex-basis: 200px; } .cs_default_overview_wrapper > :first-child + * { flex-grow: 10; flex-shrink: 0; flex-basis: 600px; } .cs_default_overview_wrapper > :first-child + * > div:first-child { overflow-y: hidden; scrollbar-gutter: stable; } .cs_default_overview_wrapper > :first-child + * > div:last-child { max-height: 50vh; overflow-y: scroll; } .cs_default_overview_wrapper > :first-child + * > div:last-child table thead th { padding: 0; border: none; } .cs_default_overview_wrapper > :first-child > *:not(.grid) { margin-bottom: 1rem; display: block; width: 100%; } .cs_default_overview_wrapper > :first-child > .grid { margin-bottom: 1rem; } .cs_default_overview_wrapper > :first-child > .grid > * { margin: 0!important; } .cs_default_overview_wrapper .cs_module_filter + div { width: 100%; overflow-x: auto; max-width: 100%; } .cs_default_overview_wrapper .cs_module_filter + div .cs_overview_table { min-width: 800px; } .cs_contract_membership_subscription_missing_wrapper {} .cs_contract_membership_subscription_missing_wrapper table { margin-top: 1rem; } .cs_contract_membership_subscription_missing_wrapper table thead { display: none; } .cs_default_form_info { background-color: var(--default_color_green_1); padding: 1rem; margin-bottom: 1rem; border-radius: 1rem; } .cs_comment_wrapper {} .cs_comment_wrapper > * {} .cs_comment_wrapper > *:first-child { display: block; margin-bottom: 1rem; padding-bottom: 1rem; } .cs_comment_wrapper > *:first-child + * { padding: 1rem; background-color: rgba(0,0,0,0.05); border-radius: 20px; } .cs_comment_wrapper > *:first-child > * + * { margin-top: 0.5rem; } .cs_comment_wrapper > *:first-child > * > i { display: block; font-size: 0.7rem } .cs_comment_wrapper > *:first-child > * > span { display: block; } .cs_comment_wrapper .cs_btn { margin-top: 1rem; } .cs_comment_wrapper data-id { padding-right: 40px; position: relative; min-height: 40px; } .cs_comment_wrapper data-id .actions { width: 40px; height: 40px; position: absolute; top: 0; right: 0; text-align: center; line-height: 40px; cursor: pointer; } .cs_btn_socialdata-key { display: block; width: 40px; height: 40px; background-position: center center; background-size: contain; background-repeat: no-repeat; } .cs_btn_socialdata-keyfacebook { background-image: url(data:image/svg+xml,%3Csvg xmlnshttp://www.w3.org/2000/svg xml:spacepreserve viewBox0 0 40 40%3E%3ClinearGradient ida x1-277.375 x2-277.375 y1406.6018 y2407.5726 gradientTransformmatrix(40 0 0 -39.7778 11115.001 16212.334) gradientUnitsuserSpaceOnUse%3E%3Cstop offset0 stop-color%230062e0/%3E%3Cstop offset1 stop-color%2319afff/%3E%3C/linearGradient%3E%3Cpath fillurl(%23a) dM16.7 39.8C7.2 38.1 0 29.9 0 20 0 9 9 0 20 0s20 9 20 20c0 9.9-7.2 18.1-16.7 19.8l-1.1-.9h-4.4l-1.1.9z/%3E%3Cpath fill%23fff dm27.8 25.6.9-5.6h-5.3v-3.9c0-1.6.6-2.8 3-2.8H29V8.2c-1.4-.2-3-.4-4.4-.4-4.6 0-7.8 2.8-7.8 7.8V20h-5v5.6h5v14.1c1.1.2 2.2.3 3.3.3 1.1 0 2.2-.1 3.3-.3V25.6h4.4z/%3E%3C/svg%3E); } .cs_btn_socialdata-keyinstagram { background-image: url(data:image/svg+xml,%3Csvg version1.1 idEbene_1 xmlnshttp://www.w3.org/2000/svg xmlns:xlinkhttp://www.w3.org/1999/xlink x0px y0px viewBox0 0 448 512 styleenable-background:new 0 0 448 512; xml:spacepreserve%3E%3Cstyle typetext/css%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill:url(%23instagram_00000083782150410661069700000000828828677597460894_);%7D%0A%3C/style%3E%3Cpath idWhite classst0 dM446.6,163.5c-1.7-35.9-9.9-67.7-36.2-93.9c-26.2-26.2-58-34.4-93.9-36.2c-37-2.1-147.9-2.1-184.9,0 C95.8,35.1,64,43.3,37.7,69.5s-34.4,58-36.2,93.9c-2.1,37-2.1,147.9,0,184.9c1.7,35.9,9.9,67.7,36.2,93.9s58,34.4,93.9,36.2 c37,2.1,147.9,2.1,184.9,0c35.9-1.7,67.7-9.9,93.9-36.2c26.2-26.2,34.4-58,36.2-93.9C448.7,311.3,448.7,200.5,446.6,163.5 L446.6,163.5z/%3E%3ClinearGradient gradientUnitsuserSpaceOnUse x142.4009 y1437.4991 x2410.2128 y269.6872%3E%3Cstop offset0 stylestop-color:%23FDC25E/%3E%3Cstop offset0.2542 stylestop-color:%23EE5D28/%3E%3Cstop offset0.4959 stylestop-color:%23C52C6D/%3E%3Cstop offset0.7458 stylestop-color:%23873EA5/%3E%3Cstop offset1 stylestop-color:%235F449F/%3E%3C/linearGradient%3E%3Cpath idinstagram dM224.1,141 c-63.6,0-114.9,51.3-114.9,114.9s51.3,114.9,114.9,114.9S339,319.5,339,255.9S287.7,141,224.1,141z M224.1,330.6 c-41.1,0-74.7-33.5-74.7-74.7s33.5-74.7,74.7-74.7s74.7,33.5,74.7,74.7S265.2,330.6,224.1,330.6L224.1,330.6z M370.5,136.3 c0,14.9-12,26.8-26.8,26.8c-14.9,0-26.8-12-26.8-26.8s12-26.8,26.8-26.8S370.5,121.5,370.5,136.3z M446.6,163.5 c-1.7-35.9-9.9-67.7-36.2-93.9c-26.2-26.2-58-34.4-93.9-36.2c-37-2.1-147.9-2.1-184.9,0C95.8,35.1,64,43.3,37.7,69.5 s-34.4,58-36.2,93.9c-2.1,37-2.1,147.9,0,184.9c1.7,35.9,9.9,67.7,36.2,93.9s58,34.4,93.9,36.2c37,2.1,147.9,2.1,184.9,0 c35.9-1.7,67.7-9.9,93.9-36.2c26.2-26.2,34.4-58,36.2-93.9C448.7,311.3,448.7,200.5,446.6,163.5L446.6,163.5z M398.8,388 c-7.8,19.6-22.9,34.7-42.6,42.6c-29.5,11.7-99.5,9-132.1,9s-102.7,2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6 c-11.7-29.5-9-99.5-9-132.1s-2.6-102.7,9-132.1c7.8-19.6,22.9-34.7,42.6-42.6c29.5-11.7,99.5-9,132.1-9s102.7-2.6,132.1,9 c19.6,7.8,34.7,22.9,42.6,42.6c11.7,29.5,9,99.5,9,132.1S410.5,358.6,398.8,388z/%3E%3C/svg%3E); } .cs_btn_socialdata-keytwitter { background-image: url(data:image/svg+xml;utf8,svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 512 512>path fill%231C93E4 dM459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z>/path>/svg>); } .cs_btn_socialdata-keyyoutube { background-image: url(data:image/svg+xml;utf8,svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 576 512>path fill%23FF0000 dM549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z>/path>/svg>); } .cs_btn_socialdata-keytiktok { background-image: url(data:image/svg+xml;utf8,svg version1.1 idLayer_1 xmlnshttp://www.w3.org/2000/svg xmlns:xlinkhttp://www.w3.org/1999/xlink x0px y0px enable-backgroundnew 0 0 1000 291.379 xml:spacepreserve height145.6895px width145.6895px viewBox-10 0 281.379 291.379>g>path fill%23FF004F dM191.102,105.182c18.814,13.442,41.862,21.351,66.755,21.351V78.656c-4.711,0.001-9.41-0.49-14.019-1.466 v37.686c-24.891,0-47.936-7.909-66.755-21.35v97.703c0,48.876-39.642,88.495-88.54,88.495c-18.245,0-35.203-5.513-49.29-14.968 c16.078,16.431,38.5,26.624,63.306,26.624c48.901,0,88.545-39.619,88.545-88.497v-97.701H191.102z M208.396,56.88 c-9.615-10.499-15.928-24.067-17.294-39.067v-6.158h-13.285C181.161,30.72,192.567,47.008,208.396,56.88L208.396,56.88z M70.181,227.25c-5.372-7.04-8.275-15.652-8.262-24.507c0-22.354,18.132-40.479,40.502-40.479 c4.169-0.001,8.313,0.637,12.286,1.897v-48.947c-4.643-0.636-9.329-0.906-14.013-0.807v38.098c-3.976-1.26-8.122-1.9-12.292-1.896 c-22.37,0-40.501,18.123-40.501,40.48C47.901,206.897,56.964,220.583,70.181,227.25z/>path dM177.083,93.525c18.819,13.441,41.864,21.35,66.755,21.35V77.189c-13.894-2.958-26.194-10.215-35.442-20.309 c-15.83-9.873-27.235-26.161-30.579-45.225h-34.896v191.226c-0.079,22.293-18.18,40.344-40.502,40.344 c-13.154,0-24.84-6.267-32.241-15.975c-13.216-6.667-22.279-20.354-22.279-36.16c0-22.355,18.131-40.48,40.501-40.48 c4.286,0,8.417,0.667,12.292,1.896v-38.098c-48.039,0.992-86.674,40.224-86.674,88.474c0,24.086,9.621,45.921,25.236,61.875 c14.087,9.454,31.045,14.968,49.29,14.968c48.899,0,88.54-39.621,88.54-88.496V93.525L177.083,93.525z/> path fill%2300F2EA dM243.838,77.189V66.999c-12.529,0.019-24.812-3.488-35.442-10.12 C217.806,67.176,230.197,74.276,243.838,77.189z M177.817,11.655c-0.319-1.822-0.564-3.656-0.734-5.497V0h-48.182v191.228 c-0.077,22.29-18.177,40.341-40.501,40.341c-6.554,0-12.742-1.555-18.222-4.318c7.401,9.707,19.087,15.973,32.241,15.973 c22.32,0,40.424-18.049,40.502-40.342V11.655H177.817z M100.694,114.408V103.56c-4.026-0.55-8.085-0.826-12.149-0.824 C39.642,102.735,0,142.356,0,191.228c0,30.64,15.58,57.643,39.255,73.527c-15.615-15.953-25.236-37.789-25.236-61.874 C14.019,154.632,52.653,115.4,100.694,114.408z/>/g>/svg>); background-size: 86%!important; } .showOverlay.inline { position: relative; } .showOverlay.inline > video { position: absolute; inset: 0; width: 100%; height: 100%; } .dynamicPaginationWrapper { width: 100%!important; height: calc(100vh - 40px)!important; max-height: none!important; position: relative; } .dynamicPaginationWrapper > div { display: flex; flex-wrap: wrap; max-height: 100vh; overflow: hidden; width: 100%!important; gap: 2rem; } .dynamicPaginationWrapper > div > * { float: none!important; flex: 1; max-height: inherit; min-width: 250px; max-width: 100vw; margin: 0!important; background-size: cover; background-position: center center; background-repeat: no-repeat; } .dynamicPaginationWrapper.resizing { background-color: rgba(0, 0, 0, .1); } .dynamicPaginationWrapper.resizing > div > *, .dynamicPaginationWrapper.resizing + .dynamicPagination { opacity: 0; } .dynamicPagination { display: flex; flex-wrap: wrap!important; gap: 1rem; margin-top: 1rem; min-height: 40px; } .dynamicPaginationWrapper.responsive + .dynamicPagination { display: none; } .dynamicPagination > * { cursor: pointer; flex: 1; flex-basis: 40px; flex-shrink: 0; text-align: center; line-height: 40px; min-height: 40px; background-color: rgba(0,0,0,0.1); opacity: 0.5; text-decoration: none!important; } .dynamicPagination > *:hover { opacity: 1; } .dynamicPagination > *.active { opacity: 1; background-color: #76B1FF; color: #FFF; } .dynamicPaginationWrapper > divdata-keynav { display: none; position: absolute; top: 0; bottom: 0; width: 50px!important; box-sizing: border-box; border-radius: 0; cursor: pointer; } .dynamicPaginationWrapper.responsive > divdata-keynav { display: block; } .dynamicPaginationWrapper > divdata-keynavdata-dir-1 { left: 0; } .dynamicPaginationWrapper > divdata-keynavdata-dir1 { right: 0; } .dynamicPaginationWrapper + .dynamicPagination > data-dir { display: block; cursor: pointer; } .dynamicPaginationWrapper + .dynamicPagination > data-dir:before, .dynamicPaginationWrapper > divdata-keynavdata-dir:before { content: ; font-family: FontAwesome; font-size: 1.2rem; text-align: center; } .dynamicPaginationWrapper > divdata-keynavdata-dir:before { width: 100%!important; top: 50%; transform: translate(0, -50%); position: absolute; font-size: 2rem!important; color: #FFF; text-shadow: 0 0 10px #000; opacity: 1; } .dynamicPaginationWrapper + .dynamicPagination > data-dir-1:before, .dynamicPaginationWrapper > divdata-keynavdata-dir-1:before { content: \f053; margin-left: -4px; text-align: center; } .dynamicPaginationWrapper + .dynamicPagination > data-dir1:before, .dynamicPaginationWrapper > divdata-keynavdata-dir1:before { content: \f054; margin-right: -2px; } .cs_input_wrapper { min-height: 40px; position: relative; } .cs_input_wrapper > input { min-height: 40px!important; line-height: 40px!important; padding-left: 1rem; padding-right: 1rem; margin: 0; } .cs_input_wrapper > input, .cs_input_wrapper > textarea, .cs_input_wrapper > input:focus, .cs_input_wrapper > input:active { border: 2px solid var(--default_color_blue_1)!important; margin: 0!important; } .cs_input_wrapperdata-key input { padding-left: 40px; } .cs_input_wrapperdata-key:before { content: \f003; font-family: FontAwesome; font-size: 1.5rem; position: absolute; top: 0; left: 0; width: 40px; height: 40px; line-height: 38px; text-align: center; color: var(--default_color_blue_1); } .cs_input_wrapper.invalid, .cs_input_wrapper.invalid > * { border-color: var(--default_color_error)!important; } .cs_credit_bundle_overview { display: flex; flex-wrap: wrap; gap: 1rem; } .cs_credit_bundle_overview > * { background-color: rgba(0,0,0,0.1); padding: 1rem; flex: 1; box-sizing: border-box; } .cs_credit_bundle_overview > * + * {} .cs_credit_bundle_overview > * > * { display: block; } .cs_credit_bundle_overview > * > *:first-child { font-weight: bold; margin-bottom: 1rem; text-align: center; } .cs_credit_bundle_overview > * > *:first-child + * > * { display: block; text-align: center; } .cs_credit_payment_wrapper table {} .cs_credit_payment_wrapper table td > * { display: block; } .cs_ocean { padding-top: 50px; height: 200px; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; } .cs_ocean .cs_logo, .cs_ocean .cs_ring { width: 150px; height: 150px; display: block; position: absolute; top: 70px; left: 100px; z-index: 1000; } .cs_ocean .cs_logo { background: var(--default_logo_header); background-repeat: no-repeat; background-position: center center; background-size: contain; width: 200px; top: 0px; z-index: 3000; } .cs_ocean .cs_ring { left: auto; right: 100px; animation: swim 30s ease infinite; background-image: url(data:image/svg+xml,%3Csvg version1.1 idCapa_1 xmlnshttp://www.w3.org/2000/svg xmlns:xlinkhttp://www.w3.org/1999/xlink x0px y0px viewBox0 0 800 800 styleenable-background:new 0 0 800 800; xml:spacepreserve%3E%3Cstyle typetext/css%3E .st0%7Bfill:%23dadada;%7D%0A%3C/style%3E%3Cg%3E%3Cpath classst0 dM781.3,346.3c-1.9-1.9-3.8-3.7-5.9-5.4C750,178.7,622,50.7,459.9,25.3c-1.2-1.5-2.4-3.1-3.7-4.5 C443.8,7.6,426.3,0,408,0h-14.3c-18.3,0-35.9,7.6-48.2,20.8c-1.3,1.4-2.6,2.9-3.8,4.5C179.7,50.7,51.6,178.7,26.2,340.9 c-2.1,1.7-4.6,3.4-6.6,5.4C7.3,358.6,0,375.2,0,392.9v14.3c0,17.7,7.3,34.2,19.6,46.6c1.9,1.9,4.2,3.7,6.4,5.4 c25.4,162.1,153.6,290.2,315.7,315.5c1.2,1.5,2.5,3.1,3.9,4.5c12.3,13.2,29.9,20.8,48.2,20.8H408c18.3,0,35.9-7.6,48.2-20.8 c1.3-1.4,2.6-2.9,3.8-4.5c162.1-25.4,290.2-153.4,315.6-315.5c2.1-1.7,3.7-3.4,5.7-5.4c12.4-12.4,18.7-28.9,18.7-46.6v-14.3 C800,375.2,793.6,358.6,781.3,346.3z M759.5,392.9v14.3c0,14.2-10.7,25.2-24.6,25.2c-0.6,0-1,0-1.7-0.1l-57.4-4 c-14.8-1-26.9-13.7-26.9-28.2c0-14.5,12.2-27.2,27-28.2l57.5-4c0.6,0,0.8-0.1,1.4-0.1C748.8,367.7,759.5,378.6,759.5,392.9z M433.4,67.5l-4.2,57.5c-1,14.8-13.8,27-28.3,27c-14.5,0-27.2-12.1-28.3-27l-4-57.5c-1-14.8,10.3-27,25.1-27h14.8 C423.4,40.5,434.5,52.7,433.4,67.5z M152.9,400c0,14.5-12.1,27.2-27,28.2l-57.5,4c-0.6,0-1.7,0.1-2.3,0.1c-14,0-25.5-11-25.5-25.2 v-14.3c0-14.2,11.6-25.2,25.5-25.2c0.6,0,1.5,0,2.1,0.1l57.6,4C140.6,372.8,152.9,385.5,152.9,400z M393.8,759.5 c-14.9,0-26.2-12.1-25.1-27l4-57.5c1-14.8,13.7-27,28.2-27s27.2,12.1,28.2,27l4,57.5c1,14.8-10.3,27-25.1,27H393.8z M400.9,562.2 c-89.4,0-162.2-72.7-162.2-162.2s72.7-162.2,162.2-162.2c89.4,0,162.2,72.7,162.2,162.2S490.3,562.2,400.9,562.2z/%3E%3C/g%3E%3C/svg%3E); background-repeat: no-repeat; background-position: center center; background-size: contain; top: 75px; z-index: 1950; } .cs_wave { background: url(data:image/svg+xml,%3Csvg xmlnshttp://www.w3.org/2000/svg viewBox0 0 1600 88.7%3E%3Cpath dM0 40c0 0 199.5 47.3 400 0 200.5-47.3 400 0 600 0s400-47.3 600 0 400 0 400 0v48H0V40z fill%23005297/%3E%3C/svg%3E); background-repeat: repeat-x; position: absolute; left: 0; width: 1600vw; height: 100%; animation: wave 300s ease infinite; transform: translate3d(0, 0, 0); opacity: 1; z-index: 2000; } .cs_wave + .cs_wave { animation: wave 350s -50s ease infinite; animation-direction: reverse; opacity: 0.5; z-index: 1900; } .cs_wave + .cs_wave + .cs_wave { animation: wave 400s -100s ease infinite; animation-direction: normal; opacity: 0.3; z-index: 1800; } @keyframes wave { 0% { transform: translateX(0); } 50% { transform: translateX(-800vw); } 100% { transform: translateX(0); } } @keyframes swim { 0% {transform: translateY(-50%);} 50% {transform: translateY(0) rotate(-25deg);} 100% {transform: translateY(-50%) rotate(0deg);} } .myAlert.myAlertModuleWrapper { & .myAlert-message { padding-bottom: 0 !important; padding-top: 20px !important; } } .voucherAdminWrapper { & > * > *:first-child { background-color: rgba(0,0,0,.2); padding: 1rem; margin-bottom: 1rem; margin-top: 1rem; & .flex, & .grid { flex-wrap: wrap; margin-bottom: 1rem; & > * { margin: 0!important; flex: 1; height: 40px; line-height: 40px; flex-basis: 200px; &namecomment { flex-basis: 800px; } &required { background-color: #f7f8c5; } } } } & data-keyoverview { margin-top: 1rem; & > * { font-size: 0.8rem; display: flex; flex-wrap: wrap; gap: 1rem; & > * { flex: 1; & > * { display: block; } } & + * { border-top: 1px solid #CCC; } &data-status1 { color: #005297; pointer-events: none; } &data-status2 { } &data-status3 { pointer-events: none; color: #96C85B; } &data-status4 { pointer-events: none; opacity: 0.3; } } } } .cs_voucher_form_redeem { & > input { margin: 0!important; height: 40px; line-height: 40px; } } .csTableWrapper { overflow: auto; max-width: 100vw; max-height: calc(100vh - 130px); & table { table-layout: initial!important; width: auto!important; position: relative; min-width: 100%; & thead, & tfoot { position: -webkit-sticky; position: sticky; z-index: 2; } & thead { top: 0; } & tfoot { bottom: 0; } border-collapse: collapse; width: 100%; font-family: Arial, sans-serif; & * { font-style: normal; font-size: .8rem; line-height: 1.2rem!important; } & *.price { text-align: right; font-family: Courier; white-space: nowrap; } & thead { background-color: #F2F2F2; & th { padding: 0; padding-right: .5rem; padding-top: .5rem; padding-bottom: .5rem; text-align: left; font-weight: bold; border-bottom: 1px solid #DDD; } } & tbody { background-color: #FFF; &.hasActive { & td { opacity: .3; } & tr.active { & td { opacity: 1; } } } & td { padding: 0; padding-right: .5rem; border-bottom: 1px solid #DDD; vertical-align: top; &:first-child { text-align: center; padding-left: .5rem; padding-right: .5rem; } & > span { display: block; & > i { display: block; max-height: 3.6rem; overflow: hidden; &:first-child { color: rgba(0,0,0,.7); font-size: .7rem; } } & + span { margin-top: .5rem; } } & > span:hover { & > i { max-height: 100rem; } } } & tr:nth-child(even) { background-color: #F9F9F9; } & tr:hover { background-color: #E0F7FA; } } & tfoot { background-color: #F2F2F2; & td { padding: .5rem; font-weight: bold; } } } } label.cs_checkbox.cs_slider { overflow: hidden; padding-left: 50px; & > input { & + span { &::before { content: !important; width: 40px; height: 21px; position: absolute; top: 1px; left: 0; background-color: #AAA; -webkit-border-radius: 50px; border-radius: 50px; } &::after { content: ; width: 15px; height: 14.5px; position: absolute; top: 4px; left: 4px; background-color: #FFF; -webkit-border-radius: 50px; border-radius: 50px; } } &:checked + span { &::before { background-color: #99CC99; } &::after { left: 21px; } } } } htmllangar { label.cs_checkbox.cs_slider { padding-left: 0; padding-right: 50px; & > input { & + span { display: block; & * { text-align: right!important; } &::before { left: auto; right: 0; } &::after { left: auto; right: 4px; } } &:checked + span { &::after { left: auto; right: 21px; } } } } } .cs_slideshow:not(.initialzed) { & > span > :not(:first-child) { display: none!important; } } .cs_default_data_table { table-layout: fixed; width: 100%; background-color: #FFF; border-collapse: collapse; & td { &.cs_data_table_image_cell { padding: 0; } & picture { display: block; max-width: 100%; overflow: hidden; & > img { max-width: 100%; display: block; margin: 0 auto; } } } } .cs_default_data_table th, .cs_default_data_table td { line-height: 30px; font-size: 90%; padding: 0 0.5rem; border: 1px solid rgba(0,0,0,0.2); } .cs_default_data_table thead tr th { background-color: rgba(0,0,0,0.05); text-align: center; font-weight: bold; } .cs_default_data_table tfoot tr td { background-color: rgba(0,0,0,0.05); } .cs_default_data_table tbody tr td { padding: 0 0.5rem; } .cs_image_slider_v2 { position: relative!important; display: block; min-height: 100px!important; display: flex; gap: 1rem; & > * { flex: 1; } } .csImagegalleryListView_2 { margin: 0!important; padding: 0!important; display: flex!important; gap: 1rem; & > * { width: 100%; &:before { display: none!important; } } & .thumb { position: relative!important; } & * { flex: 1; margin: 0!important; padding: 0!important; float: none!important; } & picture { display: block; & img { max-width: 100%!important; } } } .cs_default_data_table { & *.sorted_asc, & *.sorted_desc { padding-right: 30px; position: relative; &:before { content: \2191; position: absolute; top: 0; right: 0; width: 30px; height: inherit; line-height: inherit; font-size: 30px; } &.sorted_desc { &:before { content: \2193; } } } } picture { display: block; } .propertyFilterWrapper { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1rem; } .propertyFilterWrapper > * { flex: 1; min-width: 300px; height: 40px; line-height: 40px; border: none!important; padding: 0 .5rem; } .propertyFilterWrapper + .csFileListView { margin-top: 1rem; display: flex; flex-wrap: wrap; gap: 1rem; } .propertyFilterWrapper + .csFileListView > * { float: none!important; flex: 1; min-width: 200px; max-width: 250px; background-color: rgba(0,0,0,.1); margin: 0!important; } .cs_btn + adata-keyimport_example_download { font-size: 0.8rem; text-align: center; display: block; } .loadModuledata-keyuser_admin { margin-top: 1rem; } .cs_alert { & .cs_btn { min-width: 40px; padding: 0 10px; } } body.front { & .myAlert { & .myAlert-prompt { padding: 1rem; & input { background-color: rgba(0,0,0,.1); color: #000; border: none!important; } & .cs_btnclass*awe- { &:before { margin-right: 10px; } } & .cs_btn.cs_alert_submit_btn_default, & .cs_btndata-action { display: block; text-align: center; background-color: var(--green); line-height: 40px; } & .cs_btn.cs_alert_submit_btn_default { font-size: 20px; } & .cs_default_filter_form { padding-top: 40px; display: flex; gap: 1rem; & input { flex: 1; margin: 0!important; height: 40px; line-height: 40px; } } } } } .cs_indi_module_loading { position: relative; min-height: 300px; & > * { display: none; } &:before { -webkit-animation: spin 4s infinite linear; content: \f110; font-family: FontAwesome !important; width: 50px; height: 50px; line-height: 50px; font-size: 2rem; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; text-align: center; } } .cs_rondell { display: flex; gap: 1rem; & > * { flex: 1; display: block; } } body.front .loadModuleWrapper:not(.loadModuleWrapper_has_content) { display: none; } .cs_module_loading_overlay { } @keyframes spin { from {transform:rotate(0deg);} to {transform:rotate(360deg);} } body.front .cs_module_loading_overlay { position: fixed; inset: 0; background-color: rgba(255,255,255,0.8); z-index: 100000; & > i { width: 50px; height: 50px; line-height: 50px; font-size: 0; animation-name: spin; animation-duration: 4000ms; animation-iteration-count: infinite; animation-timing-function: linear; display: block; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); &:before { content: \f110; font-family: FontAwesome; font-size: 30px; } } } .loadModuleTrigger { display: block; min-height: 40px; background-color: rgba(0,0,0,0.3); cursor: pointer; } .backend .loadModuledata-key:not(.loaded) { position: relative; background-color: rgba(0,0,0,0.1); min-height: 100px; width: 100%; } .backend .loadModuledata-key:not(.loaded)::before, .backend .loadModuledata-key:not(.loaded)::after { display: block; position: absolute; left: 0; right: 0; text-align: center; } .backend .loadModuledata-key:not(.loaded)::before { top: 50%; margin-top: -30px; content: attr(data-key); line-height: 40px; color: rgba(0,0,0,0.6); } .backend .loadModuledata-key:not(.loaded)::after { top: 52%; content: attr(data-info); font-size: 0.8rem; color: rgba(0,0,0,0.5); } .myDropzone:not(.cs_btn) { width: 100%; height: auto!important; min-height: 150px; text-align: center; line-height: 0; font-size: 50px; background-color: #FFF; position: relative; } .myDropzone:not(.cs_btn)::before { width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; display: block; content: url(data:image/svg+xml,svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24>path fillwhite dM19.35 10.04A7.49 7.49 0 0 0 12 4C9.11 4 6.6 5.64 5.35 8.04A5.994 5.994 0 0 0 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z/>/svg>); cursor: pointer; filter: drop-shadow(0 0 10px black); opacity: 0.5; z-index: 10; } .myDropzone:hover::before { opacity: 1; } .myDropzone:not(.cs_btn) img { width: 100%; } body.front .myDropzone.cs_btn { background-color: var(--default_color_gray_3)!important; } .myDropzone .myDropzonePreview { width: inherit; height: inherit; min-height: inherit; background-position: center center; background-repeat: no-repeat; background-size: cover; } .myDropzone + .myDropzoneOverview {} .myDropzone + .myDropzoneOverview > * { display: block; height: 2rem; line-height: 2rem; padding: 0 40px 0 0; padding-right: 2rem; position: relative; } .myDropzone + .myDropzoneOverview > * + * { border-top: 1px solid rgba(0,0,0,0.1); } .myDropzone + .myDropzoneOverview > * > a { display: block; width: 2rem; height: 2rem; position: absolute; top: 0; right: 0; text-align: center; line-height: 2.2rem; } .myDropzone + .myDropzoneOverview > * > a:before { content: \f019; font-family: FontAwesome !important; font-size: 1.2rem } .dz-progress.progress-arc { position: absolute; inset: 0; text-align: center; top: 50%; height: 50px; margin-top: -25px; font-size: 0; color: transparent; } .dz-progress.progress-arc:before { content: ; box-sizing: border-box; position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; animation:spin 1s linear infinite; color: #000; z-index: 100; font-size: 60px; text-align: center; line-height: 50px; background-color: var(--default_color_blue_1); opacity: 1; border-radius: 50px; border: 5px solid var(--default_color_blue_1); border-top-color: #FFF; } .myDropzone.readonly { pointer-events: none!important; } .myDropzone.readonly:before { display: none!important; } .myDropzone { & .myDropzonePreview { & data-actiondelete { width: 40px; height: 40px; line-height: 40px; font-size: 2rem; text-align: center; position: absolute; right: 0; top: 0; cursor: pointer; } } } .ghost-select { display: none; z-index: 9000; position: absolute!important; cursor: default !important; background-color: rgba(0,0,255,.3); } .ghost-active { display: block!important; } .cs_ghost_select_active, .cs_ghost_select_active data-id:before, .cs_ghost_select_active data-id:after { pointer-events: none; } .cs_appointment_booking_email_override_container { margin-bottom: 1rem; padding: 1rem; background-color: rgba(0, 0, 0, .1); } .loadModuledata-keyappointment_calendar > div > .flex > div:first-child > * + * { margin-top: 1rem; } .cs_appointment_calendar_week .cs_appointment_calendar_sub_grid { overflow-y: scroll; scrollbar-width: none; } .cs_appointment_calendar_week .cs_appointment_calendar_sub_grid > div { min-width: 830px; } .cs_calendar_wrapper.cs_calender_has_actions { padding-left: 30%; position: relative; min-height: 50vh; } .cs_calendar_wrapper.cs_calender_has_actions > div:first-child { display: grid; gap: 1rem; position: absolute; top: 0; left: 0; width: 25%; } .cs_calendar_wrapper.cs_calender_has_actions > div:first-child > * { margin: 0!important; } .cs_appointment_detail_qr_preview { margin-top: 2rem; } .cs_appointment_detail_qr_preview img { width: 70%; display: block; margin: 0 auto; } .cs_appointment_calendar .cs_appointment_cancelled { background-color: var(--cs_appointment_calendar_cell_gap_color)!important; pointer-events: none; &:before, &:after, & > * { display: none!important; } } .loadModuledata-keyappointment_calendar { &:not(.cs_appointment_calendar_has_selected_slots) .cs_appointment_calenter_slots_needed { pointer-events: none; filter: grayscale(1); opacity: 0.3; } } @media only screen and (max-width: 900px) { .cs_calendar_wrapper.cs_calender_has_actions { padding-left: 0; } .cs_calendar_wrapper.cs_calender_has_actions > div:first-child { position: relative; top: auto; left: auto; width: 100%; margin-bottom: 1rem; } } .loadModuledata-keyappointment_overview { & td { & bdata-keyuser { color: var(--default_color_green_2); } & bdata-keyproduct { color: var(--default_color_blue_1); } } } .loadModuledata-keyappointment_overview .cs_overview_table tr td:last-child, .loadModuledata-keyappointment_history .cs_overview_table tr td:last-child { display: flex; flex-wrap: wrap; } .loadModuledata-keyappointment_overview .cs_overview_table tr td:last-child > *, .loadModuledata-keyappointment_history .cs_overview_table tr td:last-child > * { display: block; width: 30px; height: 30px; cursor: pointer; flex: 1; } .loadModuledata-keyappointment_overview .cs_overview_table tr td:last-child > *:before, .loadModuledata-keyappointment_history .cs_overview_table tr td:last-child > *:before { content: ; font-family: FontAwesome !important; height: 30px; width: 30px!important; text-align: center; line-height: 30px; text-shadow: none; font-size: 1.4rem!important; display: block; position: relative; transform: none; top: auto!important; left: auto!important; } .loadModuledata-keyappointment_overview .cs_overview_table tr td:last-child > *.showEncodedImage { background-image: none; } .loadModuledata-keyappointment_overview .cs_overview_table tr td:last-child > *.showEncodedImage:before { content: \f029; color: #000; } .loadModuledata-keyappointment_overview .cs_overview_table tr td:last-child > *data-actioncancel:before { content: \f273; } .loadModuledata-keyappointment_overview .cs_overview_table tr td:last-child > *data-actiondetail:before, .loadModuledata-keyappointment_history .cs_overview_table tr td:last-child > *data-actiondetail:before { content: \f002; } .loadModuledata-keynav_aside { position: fixed; z-index: 1000; right: 0; height: auto; max-width: 100px !important; top: 50%; transform: translate(0, -50%); } .loadModuledata-keynav_aside > div > * { cursor: pointer; background-color: var(--default_color_gray_1); -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); border-top-left-radius: 15px; border-bottom-left-radius: 15px; } .loadModuledata-keynav_aside > div > *:not(.hidden) + * { margin-top: 2rem; } .cs_nav_aside_upcoming_apppointment_item { padding: 10px; } .cs_nav_aside_upcoming_apppointment_item > .showEncodedImage { display: block; width: 80px; height: 80px; margin-bottom: 5px; } .cs_nav_aside_upcoming_apppointment_item > .showEncodedImage img { width: inherit; height: inherit; } .cs_nav_aside_upcoming_apppointment_item > span:last-child {} .cs_nav_aside_upcoming_apppointment_item > span i { font-size: 0.7rem !important; width: 80px; text-align: center; } .cs_nav_aside_shopping_cart_item { width: 100px; height: 100px; line-height: 100px; position: relative; cursor: pointer; } .cs_nav_aside_shopping_cart_item:before { content: \f07a; display: block; width: 90%; height: 100%; font-family: FontAwesome !important; text-align: center; font-size: 65px; color: var(--default_color_blue_1); } .cs_nav_aside_shopping_cart_item > i { display: block; position: absolute; text-align: center; width: 30px; height: 30px; line-height: 30px; font-size: 30px; top: 50%; left: 50%; font-weight: bold; transform: translate(-50%, -50%); color: #FFF; background-color: transparent; text-shadow: 0 0 10px #000000; } .cs_nav_aside_shopping_cart_item > idata-count0 { display: none!important; } .cs_nav_aside_shopping_cart_item > i:before { content: attr(data-count); } .loadModuledata-keynav_aside {} .loadModuledata-keynav_aside data-action { display: block; font-size: 0.7rem; color: var(--default_color_blue_1); cursor: pointer; margin-top: 5px; font-weight: bold; } @media only screen and (max-width: 950px) { .loadModuledata-keynav_aside { position: fixed; top: auto; left: 0; right: 0; bottom: 0; height: auto; line-height: 60px; background-color: var(--default_color_gray_1); overflow: hidden; max-width: 100% !important; transform: none; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); } .loadModuledata-keynav_aside > div { display: flex; flex-wrap: wrap; } .loadModuledata-keynav_aside > div > * { flex: 1; position: relative; } .cs_nav_aside_shopping_cart_item { width: 60px; height: 60px; line-height: 60px; background-color: transparent!important; -webkit-box-shadow: none!important; box-shadow: none!important; } .cs_nav_aside_shopping_cart_item::before { font-size: 45px; line-height: 60px; width: 100%; } .loadModuledata-keynav_aside > div { margin-top: 0rem; } .loadModuledata-keynav_aside > div > * { -webkit-box-shadow: none; box-shadow: none; margin: 0!important; } .loadModuledata-keynav_aside > div > *.cs_nav_aside_upcoming_apppointment_item { padding-left: 80px; min-height: 60px; border-radius: 0; } .loadModuledata-keynav_aside > div > *.cs_nav_aside_upcoming_apppointment_item > * { margin-top: 0; display: block; line-height: 20px; } .loadModuledata-keynav_aside > div > *.cs_nav_aside_upcoming_apppointment_item i { text-align: left; width: auto; font-weight: bold; } .cs_nav_aside_upcoming_apppointment_item > .showEncodedImage { width: 60px; height: 60px; position: absolute; top: 10px; left: 10px; margin-bottom: 0px; } .cs_nav_aside_upcoming_apppointment_item > span:last-child > * { display: block; width: 100%; line-height: 20px; text-align: left; } } .cs_default_overlaydata-typequestionnaire .cs_default_input_row { margin-bottom: 2rem; } .cs_questionnaire_upload_wrapper { display: grid; grid-template-columns: repeat(auto-fill, minmax(30%, 1fr)); gap: 1rem; & data-upload_id { & idata-actionremove { position: absolute; top: 50%; right: auto; left: 50%; width: 30px; height: 30px; line-height: 30px; margin-left: -15px; margin-top: -25px; font-size: 20px; text-align: center; padding: 0; cursor: pointer; display: none; &:before { content: \f1f8; font-family: FontAwesome; color: #000; } } &:hover { & idata-actionremove { display: block; } } } } .cs_questionnaire_upload_wrapper > * { flex-shrink: 1; flex-grow: 1; flex-basis: 200px; min-height: 100px; } .cs_questionnaire_upload_wrapper > *:first-child { cursor: pointer; position: relative; } .cs_questionnaire_upload_wrapper > *:first-child > * { display: block; width: 100%; height: 100%; min-height: 100%; } .cs_questionnaire_upload_wrapper > *:first-child:before { content: +; font-family: sans-serif; position: absolute; inset: 0; text-align: center; line-height: 100px; font-size: 70px; color: rgba(0,0,0,0.3); } .cs_questionnaire_upload_wrapper > *:first-child:hover:before { color: rgba(0,0,0,1); } .cs_questionnaire_upload_wrapper > * + * { display: block; height: 100%; position: relative; } .cs_questionnaire_upload_wrapper > * + *:before { content: \f15b; font-family: FontAwesome; color: rgba(0,0,0,0.3); text-align: center; line-height: 100px; font-size: 50px; position: absolute; inset: 0; margin-top: -10px; } .cs_questionnaire_upload_wrapper > * + * > i { padding: 3px 10px; font-size: 0.8rem; position: absolute; inset: auto 0 0 0; width: 100%; text-align: center; background-color: rgba(255,255,255,0.5) } .cs_questionnaire_rating_wrapper { min-height: 80px; position: relative; padding-top: 10px; } .cs_questionnaire_rating_wrapper > i { position: absolute; top: 0; left: 0; width: 80px; height: 80px; line-height: 103px; top: 0; transform: translate(0, 0); text-align: center; cursor: pointer; padding: 0 !important; background-color: var(--default_color_gray_1); border-radius: 10%; box-shadow: 0 0 10px rgba(0,0,0,0.3); } .cs_questionnaire_rating_wrapperdata-value0 > idata-actionminus, .cs_questionnaire_rating_wrapperdata-valuemax > idata-actionplus { opacity: 0.2; pointer-events: none; } .cs_questionnaire_rating_wrapper > i:before { content: \f068; font-family: FontAwesome; line-height: 50px; font-size: 3rem!important; color: red; } .cs_questionnaire_rating_wrapper > i + i:before { content: \f067; color: green; } .cs_questionnaire_rating_wrapper > input { position: absolute; } .cs_questionnaire_rating_wrapper > i + i { left: auto; right: 0; padding-right: 0; padding-left: 10px; } .cs_questionnaire_rating_wrapper > div:last-child { height: 30px; padding: 0 60px; display: flex; flex-wrap: wrap; } .cs_questionnaire_rating_wrapper > div:last-child > * { flex: 1; background-color: rgba(0,0,0,0.1); } .cs_questionnaire_rating_wrapper > div:last-child > *.hover { background-color: var(--default_color_gray_2); } .cs_questionnaire_rating_wrapper > div:last-child > *.active { background-color: var(--default_color_blue_1); } .cs_default_overlaydata-typequestionnaire, .cs_default_overlaydata-typequestionnaire * {} .cs_questionnaire_sub_input_wrapper { display: flex; flex-wrap: wrap; grid-template-columns: repeat(auto-fill, minmax(45%, 1fr)); gap: 1rem; padding: 1rem 0; } .cs_questionnaire_sub_input_wrapper > * { flex-shrink: 0; flex-grow: 1; flex-basis: 200px; display: grid; gap: 1rem; } .cs_questionnaire_sub_input_wrapper i { font-size: 0.85rem; line-height: 1rem; color: var(--default_color_gray_3) !important; margin-bottom: 0.5rem; cursor: default; } .cs_questionnaire_checkbox_wrapper, .cs_questionnaire_radio_wrapper { padding: 1rem 0; display: flex; flex-wrap: wrap; gap: 1rem; font-size: 0.85rem; line-height: 1rem; } .cs_questionnaire_checkbox_wrapper > *, .cs_questionnaire_radio_wrapper > * { flex-shrink: 0; flex-grow: 1; flex-basis: 200px; } .cs_questionnaire_info_block { margin-bottom: 1rem; padding: 1rem; background-color: var(--default_color_gray_1); border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.3); } .cs_questionnaire_info_block > span { display: block; margin-bottom: 0.5rem; font-weight: bold; } .cs_questionnaire_info_block > div:last-child { display: flex; flex-wrap: wrap; gap: 1rem; } .cs_questionnaire_info_block > div:last-child > * {} .loadModuledata-keyquestionnaire .cs_default_overview_wrapperdata-keyresult { margin-top: 2rem; } .loadModuledata-keyquestionnaire .cs_overview_table tr td + td > i { font-weight: normal; } .loadModuledata-keyquestionnaire .cs_overview_table tr idata-kproduct { font-weight: bold; color: var(--default_color_blue_1); } .loadModuledata-keyquestionnaire .cs_overview_table tr idata-kimportant { font-weight: bold; } .cs_questionnaire_rating_block { min-height: 80px; position: relative; } .cs_questionnaire_rating_block .cs_rating_indicator { position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); } .cs_dog { height: 80px!important; width: 100px!important; isolation: isolate; } .cs_dog_body { background: #fdb44e; height: 45%; width: 70%; position: absolute; top: 30%; right: 0; border-radius: 0 10% 0 50%; background: #fdb44e; } .cs_dog_head { width: 40%; height: 40%; position: absolute; top: 15%; left: 0; transform-origin: 70% 70%; } .cs_dog_head:before { content: ; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 0px 0px 10% 80%; background: #fdb44e; } .cs_dogdata-value0 .cs_dog_head { transform: rotate(-80deg); } .cs_dogdata-value1 .cs_dog_head { transform: rotate(-70deg); } .cs_dogdata-value2 .cs_dog_head { transform: rotate(-60deg); } .cs_dogdata-value3 .cs_dog_head { transform: rotate(-50deg); } .cs_dogdata-value4 .cs_dog_head { transform: rotate(-40deg); } .cs_dogdata-value5 .cs_dog_head { transform: rotate(-30deg); } .cs_dogdata-value6 .cs_dog_head { transform: rotate(-20deg); } .cs_dogdata-value7 .cs_dog_head { transform: rotate(-10deg); } .cs_dogdata-value8 .cs_dog_head { transform: rotate(0deg); } .cs_dogdata-value9 .cs_dog_head { transform: rotate(10deg); } .cs_dog_ear { background-color: rgba(151,89,2,1); width: 35%; height: 110%; border-radius: 0px 0px 100px 100px; position: absolute; top: 0; right: 0; } .cs_dog_nose { background-color: black; height: 20%; width: 15%; border-radius: 50%; position: absolute; left: -5%; top: -5%; } .cs_dog_eye { background-color: black; height: 12%; width: 9%; border-radius: 50%; position: absolute; top: 10%; left: 40%; } .cs_dog_tongue { background-color: tomato; height: 50%; width: 10%; border-radius: 20px; position: absolute; left: 20%; bottom: 20%; transform: rotate(45deg); z-index: -1; animation: move 1s infinite; } .cs_dogdata-value0 .cs_dog_tongue { animation: none; display: none; } .cs_dogdata-value1 .cs_dog_tongue { animation: none; display: none; } .cs_dogdata-value2 .cs_dog_tongue { animation: none; } .cs_dogdata-value3 .cs_dog_tongue { animation: none; } .cs_dogdata-value4 .cs_dog_tongue { animation: none; } .cs_dogdata-value5 .cs_dog_tongue { animation: none; } .cs_dogdata-value6 .cs_dog_tongue { animation: move 2s infinite; } .cs_dogdata-value7 .cs_dog_tongue { animation: move 1s infinite; } .cs_dogdata-value8 .cs_dog_tongue { animation: move .5s infinite; } .cs_dogdata-value9 .cs_dog_tongue { animation: move .3s infinite; } .cs_dog_leg { background: #fdb44e; height: 50%; width: 9%; position: absolute; } .cs_dog_leg1 { right: 45%; bottom: 0; background-color: rgba(151,89,2,0.5); z-index: -1; } .cs_dog_leg2 { right: 30%; bottom: 0; } .cs_dog_leg3 { right: 15%; bottom: 0; background-color: rgba(151,89,2,0.5); z-index: -1; } .cs_dog_leg4 { right: 0; bottom: 0; } .cs_dog_tail { width: 0; height: 0; width: 8%; height: 30%; background-color: #fdb44e; border-radius: 50px 50px 0px 0px; position: absolute; top: 4%; right: 0; transform-origin: bottom; animation: move 1s infinite; } .cs_dogdata-value0 .cs_dog_tail { transform: rotate(150deg); animation: none; } .cs_dogdata-value1 .cs_dog_tail { transform: rotate(140deg); animation: none; } .cs_dogdata-value2 .cs_dog_tail { transform: rotate(130deg); animation: none; } .cs_dogdata-value3 .cs_dog_tail { transform: rotate(120deg); animation: none; } .cs_dogdata-value4 .cs_dog_tail { transform: rotate(110deg); animation: move 4s infinite; } .cs_dogdata-value5 .cs_dog_tail { transform: rotate(100deg); animation: wag 3s infinite; } .cs_dogdata-value6 .cs_dog_tail { transform: rotate(80deg); animation: wag 2s infinite; } .cs_dogdata-value7 .cs_dog_tail { transform: rotate(40deg); animation: wag 1s infinite; } .cs_dogdata-value8 .cs_dog_tail { transform: rotate(20deg); animation: wag 0.5s infinite; } .cs_dogdata-value9 .cs_dog_tail { transform: rotate(0deg); animation: wag 0.2s infinite; } @keyframes wag { 50% {transform: rotate(10deg)} } @keyframes move { 50% { transform: rotate(45deg) translateY(2.5px); } } .cs_rating_stars { width: 200px; height: 40px; overflow: hidden; position: relative; } .cs_rating_stars > div:first-child { position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden; display: flex; z-index: 0; } .cs_rating_stars > div:first-child > *, .cs_rating_stars > div:first-child + * > * { min-width: 40px; height: 40px; background-image: url(data:image/svg+xml;utf8,svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 576 512>path dM259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z>/path>/svg>); background-position: center center; background-size: 70%; background-repeat: no-repeat; opacity: 0.2; } .cs_rating_stars > div:first-child + * > * { opacity: 1; filter: invert(37%) sepia(89%) saturate(1514%) hue-rotate(92deg) brightness(97%) contrast(108%); } .cs_rating_stars > div:first-child + * { position: absolute; inset: 0; width: 0; height: 100%; overflow: hidden; display: flex; z-index: 0; } .cs_questionnaire_rating_wrapper .cs_rating_stars { min-height: 40px; left: 50%; bottom: 0; position: absolute; transform: translate(-50%, 0); background-color: transparent; } .cs_questionnaire_rating_wrapper .cs_rating_stars * { background-color: transparent!important; } .myAlertModuleWrapper_questionnaire_admin { transform: none; inset: 0; margin: auto; & data-actionsubmit { display: none!important; } } .loadModuleOverlaydata-keyquestionnaire_admin { display: none!important; } .loadModuledata-keyuser_admin { & .loadModuleOverlaydata-keyquestionnaire_admin { display: block!important; } } .myAlertModuleWrapper_questionnaire_admin { min-width: 90vw; .questionnaireAdminGrid { display: flex; flex-wrap: wrap; gap: 1rem; & > :first-child { flex: 5; flex-basis: 400px; & + * { flex: 2; flex-basis: 400px; } } } & .cs_default_input_row { padding-bottom: 0 !important; } & select, & inputtypetext { font-weight: normal; padding: 0 10px; } & textareaname { margin-top: 0!important; } overflow: visible!important; & .myAlert-message { background-color: transparent!important; } & .btndata-action { display: block; border-radius: 0!important; color: #000; background-color: rgba(0,0,0,.2)!important; } & .questionnaireAdminMainAction { position: absolute!important; top: 40px; left: -40px; z-index: 100; width: 40px; height: 40px; background-color: #66AA66!important; color: #FFF; text-align: center; cursor: pointer; opacity: .5; &:before { content: \f067; font-family: FontAwesome; color: #FFF; font-size: 25px; line-height: 40px; } &:hover { opacity: 1; &:after { content: attr(title); position: absolute; top: 0; right: auto; left: 40px!important; height: auto!important; min-height: 30px; width: auto; max-width: 50vw; z-index: 20; background-color: inherit; font-size: 0.8rem; text-align: left; padding: 5px 10px; font-weight: normal; -webkit-box-shadow: 10px 0 5px 0 rgba(0,0,0,.1); box-shadow: 10px 0 5px 0 rgba(0,0,0,.1); } } } & data-actionsaveData { background-color: #AA6666!important; top: 90px; &:before { content: \f0c7; } } & data-actionaddItem { background-color: #6666AA!important; top: 140px; &:before { content: \f036; color: #CCC; } &:after { content: +; position: absolute; top: 3px; right: 3px; width: 20px; height: 20px; line-height: 20px; font-size: 25px; text-align: center; font-weight: bold; text-shadow: 0 0 5px #000000; } } & .questionnaire_admin_editing { & data-paneloverview { & data-keyoverview { & > * { opacity: 0.5; } } } } & data-panel { margin-top: 2rem; padding: 1rem; background-color: #EFEFEF; &data-title { padding-top: 5rem!important; position: relative; &:before { content: attr(data-title); position: absolute; top: 0; left: 0; right: 0; height: 4rem; line-height: 4rem; padding: 0 1rem; text-align: center; font-size: 1.5rem; color: rgba(0,0,0,.3); background-color: rgba(0,0,0,.1); } } &data-paneloverview, &data-panelpreview { padding: 0!important; &data-panelpreview iframe { display: block; width: 100%; min-height: 50vh; } } &data-paneloverview { color: #FFF; & data-keyoverview { & > * { background-color: var(--default_color_blue_1); padding-right: 120px!important; position: relative; & > span:first-child { display: block; line-height: 1.3rem; padding: .6rem 0; } &.active { opacity: 1!important; & > span:first-child { font-weight: bold; } & data-actionedit { opacity: .2; pointer-events: none; } } &.done { background-color: #AAA; } &.sending { background-color: var(--default_color_green_2); } & .iconSpan { height: inherit; font-size: .8rem; line-height: inherit; } & .actions { position: absolute; top: 0; right: 0; width: 160px; display: flex; flex-direction: row-reverse; flex-wrap: wrap; & > * { max-width: 40px; height: 40px; line-height: 40px; flex: 1; cursor: pointer; text-align: center; &data-action:before { font-family: FontAwesome; } &data-actionactivate:before { content: \f0c8; } &data-actiondeactivate:before { content: \f14a; } &data-actionedit:before { content: \f040; } &data-actiondelete:before { content: \f1f8; } &data-actionpreview:before { content: \f002; } } } } } } &data-paneloverview { padding: 0; & data-keyoverview { max-height: 500px; overflow-y: auto; & > * { min-height: 40px; line-height: 40px; padding-right: 80px; position: relative; padding-left: 10px; & data-keyinfo { margin-top: -1rem; font-size: 0.8rem; display: flex; gap: 1rem; min-height: inherit; line-height: inherit; } & + * { border-top: 1px solid rgba(0,0,0,.3); } & .actions { position: absolute; top: 0; right: 0; height: 40px; display: flex; flex-wrap: wrap; & > * { flex: 1; width: 40px; height: 40px; width: 40px; height: 40px; line-height: 40px; text-align: center; cursor: pointer; &:before { font-family: FontAwesome; } &data-actiondeleteRecipient:before { content: \f1f8; } } } } } } &data-panelitems { & data-keyoverview { & > * { padding: 1rem; background-color: rgba(0,0,0,.1); .cs_select_wrapper { & > select { color: #000; border: 1px solid #CCC!important; border-radius: 0; } } & name { min-height: 40px; line-height: 40px; background-color: #FFF; } & .myDropzone { display: block; background-size: contain; background-repeat: no-repeat; background-position: center center; } & + * { margin-top: 1rem; } &data-item_type { display: flex; flex-wrap: wrap; gap: 1rem; & > * { flex: 3; & + * { flex: 2; } } & data-keysub { display: none; } &data-item_type4, &data-item_type5, &data-item_type6 { & data-keysub { display: block; } } } } } & data-item_id { position: relative; padding-top: 3.5rem!important; padding-bottom: 3.5rem!important; & .csRedactorWrapper { margin-bottom: 10px; } & data-actionsortItems, & data-actiondeleteItem { position: absolute!important; height: 40px; display: block; text-align: center; line-height: 40px; cursor: pointer; font-size: 1.5rem; color: #666; opacity: 0.6; top: 0; right: 0; &:hover { opacity: 1; } &:before { font-family: Fontawesome; } &data-actionsortItems { z-index: 4; background-color: rgba(0,0,0,.2); left: 0; &:before { content: \f062; } &data-dir1 { top: auto; bottom: 0; &:before { content: \f063; } } } &data-actiondeleteItem { z-index: 5; position: absolute!important; width: 40px; &:before { content: \f1f8; } } } &:first-child { & data-dir-1 { visibility: hidden; pointer-events: none; } } &:last-child { & data-dir1 { visibility: hidden; pointer-events: none; } } & data-keysub { & > :first-child { min-height: 40px; line-height: 40px; text-align: center; display: block; cursor: pointer; background-color: var(--default_color_blue_1); color: #FFF; } & > div { & * { min-height: 40px; display: block; } } } } } } & .questionnaireAdminWrapper { &:not(.questionnaire_admin_editing) { & .questionnaireAdminGrid { display: block; } & data-panel, & > div > data-action { display: none; &data-actionadd, &data-paneloverview { display: block; } } } &.questionnaire_admin_readonly { & name, & .cs_select_wrapper { pointer-events: none; cursor: default; &:before { color: transparent!important; } } & > div > data-action, & > div > data-actionaddItem, & > div > data-actiondeleteItem, & > div > data-actionsaveItem, & .myDropzone:before { display: none; &data-actionadd, &data-actionsendTest { display: block; } } & data-panelitems data-keyoverview { & data-item_id { padding-top: 1rem!important; padding-bottom: 1rem!important; } & data-actionsortItems, & data-actiondeleteItem { display: none!important; } & .csRedactorWrapper { pointer-events: none!important; padding-top: 0; & .csRedactorHeader { display: none; } } } & data-panelrecipients data-keyoverview { & data-action { display: none!important; } } } } } @media only screen and (max-width: 800px) { .myAlertModuleWrapper_questionnaire_admin { padding-right: 0; padding-left: 50px; width: 100vw!important; max-width: 100vw!important; background-color: var(--white); border-radius: 0!important; -webkit-box-shadow: none!important; box-shadow: none!important; max-height: 100vh; &:before { content: ; position: absolute; top: 0; left: 0; width: 40px; height: 100vh; background-color: rgba(0,0,0,.1); } & .myAlert-message.myAlert-message.myAlert-message { padding-left: 1rem!important; } & .myAlert-prompt.myAlert-prompt.myAlert-prompt { padding: 0!important; color: var(--black); } & .questionnaireAdminMainAction { left: 0; z-index: 100; } } } .cs_login_wrapper > * {} .cs_login > spandata-action, body.logged_in .cs_login > span, body.logged_in .cs_registration, body:not(.logged_in) .cs_logout { display: none!important; height: 40px; line-height: 40px; } body.logged_in .cs_login > spandata-action { display: block!important; } body.front:not(.logged_in) .show_on_login, body.front.logged_in .show_on_logout, body.front.logged_in .hide_on_login { display: none!important; } .cs_login_overlay .cs_login_nav {} .cs_login_overlay .cs_login_nav > * { display: block; flex: 1; cursor: pointer; height: 25px; line-height: 25px; } .loadModuledata-keymembership_info > div > div > div { padding-bottom: 1rem; } .loadModuledata-keymembership_info > div > div > div:first-child { border-bottom: 2px dotted #666; margin-bottom: 1rem; } .loadModuledata-keymembership_info > div > div > div i { display:block; line-height: 1.5rem; min-height: 1.5rem; } .loadModuledata-keymembership_info > div > div > div i:first-child { margin-top: 1rem; } .loadModuledata-keymembership_info > div > div > div i > span { color: #005297; font-weight: bold; line-height: 1rem; height: 1rem; } .loadModuledata-keymembership_info .actions > div + div { margin-top: 1rem; } .loadModuledata-keymembership_info > div > div > .actions > div > span { position: relative; border-radius: 20px; text-align: left; padding: 0px 1rem; max-width: 400px; color: var(--default_button_color); background-color: var(--default_button_background-color); } .loadModuledata-keymembership_info .actions > div > span:hover { filter: brightness(1.25); } .loadModuledata-keymembership_info > div > div > .actions > div > span + i { padding: 10px 0; font-size: 0.9rem; padding-bottom: 1rem; } .loadModuledata-keymembership_info .actions .cs_btn.fulldata-actionupgrade:before, .loadModuledata-keymembership_info .actions .cs_btn.fulldata-actiondowngrade:before, .loadModuledata-keymembership_info .actions .cs_btn.fulldata-actionpause:before, .loadModuledata-keymembership_info .actions .cs_btn.fulldata-actioncontinue:before, .loadModuledata-keymembership_info .actions .cs_btn.fulldata-actioncancel:before { position: absolute; font-family: FontAwesome; text-align: center; right: 15px; } .loadModuledata-keymembership_info .actions .cs_btn.fulldata-actionupgrade:before { content: \f062; } .loadModuledata-keymembership_info .actions .cs_btn.cs_btn_important.fulldata-actionupgrade:before { content: \f005; } .loadModuledata-keymembership_info .actions .cs_btn.fulldata-actiondowngrade:before { content: \f063; } .loadModuledata-keymembership_info .actions .cs_btn.fulldata-actionpause:before { content: \f04c; } .loadModuledata-keymembership_info .actions .cs_btn.fulldata-actioncontinue:before { content: \f04b; } .loadModuledata-keymembership_info .actions .cs_btn.fulldata-actioncancel:before { content: \f05e; } .cs_membership_info_overlay { & .cs_membership_info_overview { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1rem; & > div table th { font-weight: bold; text-align: center; padding-top: 0; border-bottom: 2px dotted var(--default_color_blue_1); line-height: 30px; } & > * { flex: 1; flex-basis: 300px; & table { table-layout: fixed; font-size: .8rem; width: 100%; & tr { & > td { padding: 5px 0; } & + * > td { border-top: 1px solid #CCC; } } & .ellipsis { display: block; overflow: visible!important; text-overflow: initial; white-space: normal; } } } } } .cs_membership_info_overlay .cs_membership_info_overviewdata-keypause > div:last-child, .cs_membership_info_overlay .cs_membership_info_overviewdata-keyunpause > div:first-child { position: relative; } .cs_membership_info_overlay .cs_membership_info_overviewdata-keypause > div:last-child table, .cs_membership_info_overlay .cs_membership_info_overviewdata-keyunpause > div:first-child table { opacity: 0.5; } .cs_membership_info_overlay .cs_membership_info_overviewdata-keypause > div:last-child:before, .cs_membership_info_overlay .cs_membership_info_overviewdata-keyunpause > div:first-child:before { font-family: FontAwesome !important; content: \f252; padding: 0 10px; color: rgba(0,0,0,0.3); top: 50%; left: 50%; position: absolute; transform: translate(-50%,-50%); z-index: 1; font-size: 80px; } .cs_membership_info_overlay .cs_select_wrapper { margin-bottom: 1rem; } .cs_membership_overview, .cs_membership_overview * { box-sizing: border-box; } .cs_membership_overview { background-color: #EFEFEF; padding: 1rem } .cs_membership_overview > div:last-child { display: flex; flex-wrap: wrap; gap: 1em; width: 100%; overflow: auto; margin-bottom: 0!important; padding-bottom: 0!important; } .cs_membership_overview > div:last-child > * { flex: 1 0 auto; } .cs_membership_overview > div:last-child > * > * { padding: 1rem; display: block; } .cs_membership_overview > div:last-child > * > :first-child { height: 100px; line-height: 100px; text-align: center; padding: 0; color: #FFF; font-weight: bold; font-size: 1.4rem; background-color: rgba(0,0,0,.3); } .cs_membership_overview > div:last-child > * > * + * { background-color: rgba(0,0,0,.05); margin-top: 1rem; min-height: 80px; } .cs_membership_overview > div:last-child > * i { display: block; margin: 0!important; } .cs_membership_overview > div:last-child data-key {} .cs_membership_overview > div:last-child data-key > :first-child { font-weight: bold; font-size: 0.8rem; padding-bottom: .5rem; } .cs_membership_sub_overview > * { display: block; } .cs_membership_overview { & data-role131, & data-role141 { display: none; } &.show_role_130 data-role130, &.show_role_131 data-role131, &.show_role_140 data-role140, &.show_role_141 data-role141 { display: block!important; } &.hide_role_130 data-role130, &.hide_role_131 data-role131, &.hide_role_140 data-role140, &.hide_role_141 data-role141 { display: none!important; } } .loadModuledata-keyuser_data {} .loadModuledata-keyuser_data_admin { display: none; } .loadModuledata-keyuser_data_admin > div { padding: 2rem 4rem; background-color: var(--default_color_gray_1); -webkit-border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px; margin-top: -20px; } .cs_product_admin_wrapper { max-width: 100%; overflow: hidden; } .cs_product_admin_wrapper > .cs_btn { margin-bottom: 1rem; } .cs_product_edit_trigger { cursor: pointer; } .cs_user_detail_nav_wrapper { margin-top: 0px; background-color: rgba(255, 255, 255, 0); padding: 45px 0px 50px; } .cs_user_detail_nav_wrapper > .cs_default_detail_nav {} .cs_user_detail_nav_wrapper > .cs_default_detail_nav > span { border-radius: 50px; color: var(--default_button_background-color); } .cs_user_detail_nav_wrapper .cs_default_detail_nav {} .cs_user_detail_nav_wrapper .cs_default_detail_nav > * + * { margin-top: 15px; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-actionsave { background-color: green!important; color: var(--white)!important; } .cs_user_detail_nav_wrapper > .cs_default_detail_nav > span:hover { opacity: 1; background-color: var(--default_button_background-color); color: var(--default_button_color); filter: brightness(1.25); } .cs_user_detail_nav_wrapper > .cs_default_detail_nav > span:active { transform: translate(0px, 1px) } .cs_user_detail_nav_wrapper > .cs_default_detail_nav > .active { opacity: 1; background-color: rgba(16, 74, 150,1); color: var(--white); } .cs_user_detail_nav_wrapper .cs_detail_form_block > .cs_product_admin_wrapper > .cs_btn { position: relative; color: var(--white); padding: 0 20px; padding-right: 4rem!important; border-radius: 50px; height: 3.5rem; line-height: 3.5rem; font-size: 1rem; font-weight: bold; text-align: left; } .cs_user_detail_nav_wrapper .cs_detail_form_block > .cs_product_admin_wrapper > .cs_btn:before { content: \f1b0; position: absolute; right: 30px; top: 3px; font-family: FontAwesome; font-size: 1.8rem; } .cs_user_detail_nav_wrapper .cs_detail_form_block > .cs_product_admin_wrapper > .cs_btn:after { content: \2b; position: absolute; right: 18px; top: -10px; font-family: FontAwesome; font-size: 1.5rem; } .loadModuledata-keyuser_data_admin .myDropzone:not(.cs_btn) { text-align: center; line-height: 0; font-size: 3rem; background-color: transparent; overflow: hidden; } .loadModuledata-keyuser_data_admin .myDropzone:not(.cs_btn) > i { box-shadow: inset 0px 0px 25px rgba(0, 0, 0, 0.2); } .loadModuledata-keyuser_data_admin .myDropzone:not(.cs_btn) > * { width: 100%; padding-bottom: 100%; display: block; background-position: center center; background-repeat: no-repeat; background-size: cover; box-shadow: inset 0px 0px 25px rgba(0, 0, 0, 0.2); } .loadModuledata-keyuser_data_admin .myDropzonedata-actionuserProfilePicUpload { width: 200px!important; height: 200px!important; } .loadModuledata-keyuser_data_admin .myDropzonedata-actionuserProfilePicUpload > * { width: 100%; height: 100%; } .loadModuledata-keyuser_data_admin .cs_default_profile { padding-left: 0!important; } .loadModuledata-keyuser_data_admin .cs_default_profile > div + div { padding-top: 1rem; } .cs_user_detail_nav_wrapper .cs_detail_form_block { color: #666; background-color: transparent; } .cs_user_detail_nav_wrapper .cs_detail_form_block label { font-size: 1.1rem; font-weight: bold; padding-bottom: 10px; height: 30px; line-height: 25px; } .cs_user_admin_pricing_wrapper {} .cs_user_admin_pricing_wrapper + .cs_user_admin_pricing_wrapper { margin-top: 1rem; } .cs_user_admin_pricing_wrapper > div > i { display: block; margin-bottom: 1rem; font-size: .8rem; } .cs_user_admin_pricing_wrapper .cs_checkbox { padding-left: 2rem!important; } .cs_user_admin_pricing_wrapper > div > i + label + div { padding: 1rem; background-color: rgba(0, 0, 0, .1); margin-top: 0.5rem; margin-bottom: 1rem; border-radius: 10px; } .cs_user_admin_pricing_wrapper > div > i + label + div > * {} .cs_user_admin_pricing_wrapper > div > i + label + div > * + * { margin-top: 2rem; } .cs_user_admin_pricing_wrapper > div > i + label + div > * > input { height: 40px; line-height: 40px; border: 2px solid var(--default_color_blue_1)!important; border-radius: 5px; padding: 0 1rem; } .cs_user_admin_credit_wrapper { background-color: rgba(0,0,0,0.05); padding: 2rem; border-radius: 20px; } .cs_user_admin_credit_wrapper > spandata-keyinfo { display: block; margin-bottom: 2rem; } .cs_user_admin_credit_wrapper > spandata-keyoutput { display: flex; flex-wrap: wrap; margin-bottom: 2rem; gap: 1rem; & > * { flex: 1; flex-basis: 200px; & > * { display: block; text-align: center; &:first-child { font-weight: bold; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; & + i { padding: 1rem 0; font-size: 2rem; & + i { font-size: 0.8rem; } } } } } } .cs_user_detail_nav_wrapper .cs_default_detail_nav > * { width: 100%; display: block; position: relative; font-weight: bold; height: 40px; line-height: 40px; padding: 0 1rem 0 3.5rem!important; text-align: left !important; background-color: transparent; opacity: 1; cursor: pointer; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > *:before { content: ; position: absolute; left: 0; height: 40px; width: 40px; background-color: var(--white); border-radius: 50px; z-index: 0; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > *:after { position: absolute; left: 0; height: 40px; width: 40px; line-height: 40px; text-align: center; font-size: 1.3rem; font-family: FontAwesome; } .cs_user_detail_nav_wrapper > .cs_default_detail_nav > .active:before { background-color: var(--default_color_blue_1); } .cs_user_detail_nav_wrapper > .cs_default_detail_nav > .active:after { color: var(--white); } .cs_default_detail_nav > *:hover:before { color: var(--white)!important; background-color: var(--default_color_blue_1); } .cs_default_detail_nav > *:hover:after { color: var(--white)!important; } .cs_user_detail_nav_wrapper > .cs_default_detail_nav > span:hover:not(.active) { opacity: 1; background-color: transparent; color: var(--default_color_blue_1); filter: brightness(1.25); } .cs_user_detail_nav_wrapper data-actionsave { margin-top: 1rem; } .cs_user_detail_nav_wrapper > .cs_default_detail_nav > .active { opacity: 1; background-color: var(--default_color_blue_1); color: var(--white); } .cs_user_detail_nav_wrapper > .cs_default_detail_nav > span { border-radius: 50px; color: var(--default_button_background-color); } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-keydata:after { content: \f007; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-keycontact:after { content: \f0e0; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-keyaddress:after { content: \f015; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-keyother:after { content: \f084; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-keypayment:after { content: \f09d; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-keyuser_pp:after { content: \f030; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-keyuser_logo:after { content: \f0b1; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-keyrole_200:after { content: \f1b0; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-keycommission:after { content: \f0d6; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-keyuser_roles:after { content: \f0c0; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-keypricing:after { content: \f0ad; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-keycredit:after { content: \f005; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-keyhistory_training:after { content: \f1da; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-actionsave:after { content: \f0c7; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-actionparams:after { content: \f073; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-keyparams:after { content: \f073; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-keycomments:after { content: \f086; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-keyuser_visibility:after { content: \f06e; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-key:after { font-weight: normal!important; } .cs_user_detail_nav_wrapper .cs_default_detail_nav > data-key:hover:after { color: var(--black); } .cs_detail_form_blockdata-keyuser_visibility {} .cs_detail_form_blockdata-keyuser_visibility > * { background-color: #FFF; padding: 1rem; border-radius: 20px; } .cs_detail_form_blockdata-keyuser_visibility > * > i { display: block; font-weight: bold; } .cs_detail_form_blockdata-keyuser_visibility > * > i + div { display: block; margin-top: 1rem; } .cs_detail_form_blockdata-keyuser_visibility > * + * { margin-top: 1rem; } .cs_user_admin_history_wrapper { & table { table-layout: fixed; width: 100%; font-size: 0.8rem; table-layout: fixed; width: 100%; margin-bottom: 10px; & * { font-family: monospace!important; } & > tbody > tr + tr { border-top: 2px dotted rgba(0, 0, 0, 0.3); } & > tbody > tr { line-height: 2rem; } & td { padding: 5px 0; padding-right: 10px; } & td:first-child:not(:last-child) { font-weight: bold; color: var(--default_color_blue_1); & + td { padding-right: 0; } } & thead { border-bottom: 2px solid rgba(0, 0, 0, 0.3); } & thead, & tfoot { font-weight: bold; line-height: 30px; & > tr > * { padding-right: 10px!important; } } & col:first-child { width: 40px!important; } & col:nth-child(2) { width: 150px!important; } & col:last-child { width: 80px!important; } & tbody { & > tr > td { overflow: hidden; padding-right: 10px; line-height: 1rem; font-size: .7rem; &:last-child { padding-right: 0; } } } } } .loadModuledata-keyuser_profile { position: relative; & .btn { margin-top: .5rem!important; } & .cs_flex { display: flex; flex-wrap: wrap; gap: 1rem; & > * { flex: 1; flex-basis: 200px; } } & > div { display: flex; gap: 2rem; flex-wrap: wrap; padding: 2rem 4rem; background-color: var(--default_color_gray_1); -webkit-border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px; margin-top: 40px; & > div { position: relative; flex-grow: 1; flex-shrink: 1; flex-basis: 250px; & + div { position: relative; flex-grow: 2; flex-shrink: 1; flex-basis: 300px; } } & > div:first-child > div { margin-bottom: 1rem; } } } .loadModuledata-keyuser_profile .cs_pp_placeholder, .loadModuledata-keyuser_profile .cs_user_profile_info_pp { display: block; width: 200px; height: 200px; background-color: transparent; background-size: cover; background-position: center; border-radius: 50%; box-shadow: inset 0px 0px 25px rgba(0, 0, 0, 0.1); } .loadModuledata-keyuser_profile .cs_user_profile_info_name { font-weight: bold; font-size: 1.55rem; color: var(--default_color_gray_3); } .loadModuledata-keyuser_profile .cs_user_profile_info_level { position: absolute; display: block; width: 90px; height: 120px; left: 25%; top: -23px; z-index: 5; } .loadModuledata-keyuser_profile .cs_user_profile_action_edit { display: block; line-height: 40px; min-height: 40px; position: relative; cursor: pointer; color: #FFF; border: 2px solid var(--default_color_blue_1); padding: 0 1rem; margin-top: 1rem; text-align: center; border-radius: 20px; background-color: var(--default_color_blue_1); } .loadModuledata-keyuser_profile data-actionjumpToDetail { cursor: pointer; } .loadModuledata-keyuser_profile .cs_user_profile_info_level > i { display: block; font-size: 1.1rem; font-style: normal; font-weight: bold; text-align: center; margin-left: 10%; } .loadModuledata-keyuser_profile .cs_user_profile_info_level > i:first-child { margin-top: 25%; } .loadModuledata-keyuser_profile .cs_user_profile_info_level > i:last-child { font-size: 1.9rem; line-height: 1.8rem; } .loadModuledata-keyuser_profile .cs_user_profile_info_level:before { content: ; position: absolute; width: 100%; height: 100%; background-image: url(data:image/svg+xml,%3Csvg idIcons xmlnshttp://www.w3.org/2000/svg viewBox0 0 423.6 555.27%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23000; %7D .cls-2 %7B fill: %23828282; %7D %3C/style%3E%3C/defs%3E%3Cpath classcls-2 dm.06,111.39S-1.84,34.99,15.74,6.44C20.32-.98,31.1,1.1,43.1,1.1l-.75,110.13L.06,111.39Z/%3E%3Cpath classcls-1 dm384.59,1.91L43.11,0c-15.41-.02-20.04.8-23.69,2.93,21.34,6.6,18.57,98.73,18.57,98.73l-4.4,453.6,203.7-144.3,186.3,144.3V68.77S425.49.01,384.59,1.91Z/%3E%3C/svg%3E); background-repeat: no-repeat no-repeat; background-size: contain; z-index: -2; } .loadModuledata-keyuser_profile .cs_user_profile_info_leveldata-level1:before { filter: invert(59%) sepia(14%) saturate(1811%) hue-rotate(33deg) brightness(129%) contrast(123%);} .loadModuledata-keyuser_profile .cs_user_profile_info_leveldata-level2:before { filter: invert(83%) sepia(8%) saturate(2486%) hue-rotate(100deg) brightness(97%) contrast(97%);} .loadModuledata-keyuser_profile .cs_user_profile_info_leveldata-level3:before { filter: invert(75%) sepia(47%) saturate(1329%) hue-rotate(154deg) brightness(92%) contrast(105%);} .loadModuledata-keyuser_profile .cs_user_profile_info_leveldata-level4:before { filter: invert(34%) sepia(84%) saturate(1539%) hue-rotate(215deg) brightness(98%) contrast(89%);} .loadModuledata-keyuser_profile .cs_user_profile_info_leveldata-level5:before { filter: invert(26%) sepia(47%) saturate(4680%) hue-rotate(260deg) brightness(97%) contrast(92%);} .loadModuledata-keyuser_profile .cs_user_profile_info_leveldata-level6:before { filter: invert(82%) sepia(37%) saturate(7371%) hue-rotate(233deg) brightness(80%) contrast(92%);} .loadModuledata-keyuser_profile .cs_user_profile_info_leveldata-level7:before { filter: invert(75%) sepia(51%) saturate(349%) hue-rotate(350deg) brightness(92%) contrast(89%);} .loadModuledata-keyuser_profile .cs_user_profile_info_leveldata-level8:before { filter: invert(82%) sepia(78%) saturate(465%) hue-rotate(345deg) brightness(103%) contrast(106%);} .loadModuledata-keyuser_profile .cs_user_profile_info_leveldata-level9:before { filter: invert(60%) sepia(74%) saturate(1492%) hue-rotate(339deg) brightness(101%) contrast(101%);} .loadModuledata-keyuser_profile .cs_user_profile_info_leveldata-level10:before { filter: invert(24%) sepia(46%) saturate(5814%) hue-rotate(348deg) brightness(111%) contrast(107%);} .loadModuledata-keyuser_profile .cs_user_profile_info_leveldata-level { color: #FFF; } .loadModuledata-keyuser_profile .cs_user_profile_info_leveldata-level1, .loadModuledata-keyuser_profile .cs_user_profile_info_leveldata-level2, .loadModuledata-keyuser_profile .cs_user_profile_info_leveldata-level8 { color: #333; } .loadModuledata-keyuser_profile > div > div + div > * {} .loadModuledata-keyuser_profile > div > div + div > * > * { display: block; font-style: normal; } .loadModuledata-keyuser_profile > div > div + div > * > *:first-child { font-weight: bold; color: rgba(0,0,0,0.3); } .loadModuledata-keyuser_profile > div > div + div > * > * > *:after { content: , ; } .loadModuledata-keyuser_profile > div > div + div > * > * > *:last-child:after { content: ; } @media only screen and (max-width: 725px) { .loadModuledata-keyuser_profile .cs_user_profile_info_level { left: 30%; } } @media only screen and (max-width: 535px) { .loadModuledata-keyuser_profile .cs_user_profile_info_level { left: 50%; } .loadModuledata-keyuser_profile > div { padding: 2rem 20px; } } .loadModuledata-keyuser_admin, body.front .cs_user_admin_detail_overlay { & * { _utline: 1px solid black; } & select { & optgroup { font-style: normal; color: #999; & option { color: #000; } } } & inputname, & selectname, & textareaname { background-color: #DDD; padding: 0 10px!important; } & .cs_default_input_row > textareaname { padding: 10px!important; min-height: 100px; } & .cs_btn { padding: 0 10px!important; } & .cs_select_wrapper::before { background-color: #DDD; } & .btn, & .cs_btn { min-height: 40px; line-height: 40px; text-align: center; padding: 0px 1rem; } & .cs_btn { position: relative; color: #FFF; background-color: rgba(0,0,0,.5); } & .btnclass*awe- { padding: 0; min-width: 40px; &:before { display: block; text-align: center; min-width: 40px; } } & .cs_btn.full { max-width: 100%!important; width: 100%!important; } & .btn:hover, & .cs_btn:hover { filter: brightness(1.25); } & .btn.btn-border { background-color: #FFF !important; color: var(--default_color_gray_4)!important; border: 2px solid var(--default_color_gray_4); box-sizing: border-box; height: 36px; line-height: 36px; } &.myAlert.myAlertModuleWrapper:not(.loadingOverlay) { padding-right: 0px; width: 800px; max-width: 90vw; background-color: var(--white); -webkit-box-shadow: 0 0 2000px 2000px rgba(0,0,0,0.3), 8px 10px 10px rgba(0, 0, 0, 0.4) !important; box-shadow: 0 0 2000px 2000px rgba(0,0,0,0.3), 8px 10px 10px rgba(0, 0, 0, 0.4) !important; overflow: hidden; } &.myAlert.myAlertModuleWrapper name { color: #333; } &.myAlert.myAlertModuleWrapper .myAlert-buttons { right: 0!important; } &.myAlert.myAlertModuleWrapper:not(.loadingOverlay) .myAlert-prompt { padding: 2.5rem!important; color: var(--black); } &.myAlert.myAlertModuleWrapper .myAlert-message { text-align: left; background-color: #FFF; color: rgba(0,0,0,.8)!important; padding: 1rem 2.5rem!important; font-size: 1.2rem; font-weight: bold; position: relative; z-index: 10; border-bottom: 2px solid rgba(0,0,0,.1)!important; } &.myAlert.myAlertModuleWrapper .myAlert-message + .myAlert-prompt { padding-top: 0!important; } &.myAlert.myAlertModuleWrapper .myAlert-ok { display: none!important; } &.myAlert.myAlertModuleWrapper .myAlert-cancel { background: var(--white); position: absolute; color: #666; right: 0; top: 0; z-index: 11; width: 40px; height: 40px; } &.myAlert.myAlertModuleWrapper .myAlert-prompt spandata-keycomment { display: block; line-height: 1.3rem; } &.myAlert.myAlertModuleWrapper .myAlert-prompt spandata-keycomment + data-keycomment { margin-top: 10px; } &.myAlert .myAlert-prompt textarea { margin: 0; margin-top: 1rem; } & .myAlert-prompt .cs_btn { font-weight: bold; } & .myAlert-prompt .cs_btn, & .myAlert-prompt .cs_btn > * { text-align: center!important; display: block; } & .csRedactorWrapper { position: relative; padding-top: 30px; & .csRedactorHeader { position: absolute; top: 0; left: 0; right: 0; display: flex; flex-wrap: wrap; gap: .5rem; & > * { flex: 1; height: 30px; line-height: 30px; border-radius: 0; border: 0; font-size: 1rem; cursor: pointer; } } & contenteditable, & name { min-height: 300px!important; & i { font-style: italic!important; } & b { font-weight: bold!important; } &contenteditable { padding: 10px; background-color: #FFF; } &name { display: none; } } &.csRedactorShowCode { & .csRedactorHeader .csRedactorBtndata-key, & contenteditable { display: none!important; &data-keycode { display: block!important; } } & textarea { display: block!important; font-family: Courier!important; font-size: .8rem; border: none; background-color: #333!important; color: #FFF!important; padding: .5rem 1rem!important; margin-top: 0!important; } } } } .loadModuledata-keyuser_admin > div { & .cs_overview_table { & tr td:first-child { padding-left: 10px; } & tr.is_supervisor { background-color: rgb(243, 248, 171); } & tr.is_supervised { background-color: rgb(190, 230, 245); } } } .loadModuledata-keyuser_admin > div > :first-child { flex-grow: 3; flex-shrink: 0; flex-basis: 200px; } .loadModuledata-keyuser_admin > div > :first-child + * { flex-grow: 10; flex-shrink: 0; flex-basis: 600px; } .loadModuledata-keyuser_admin > div > :first-child + * > div:first-child:not(.btn) { overflow-y: hidden; scrollbar-gutter: stable; } .loadModuledata-keyuser_admin > div > :first-child + * > div:last-child { max-height: 50vh; overflow-y: scroll; } .loadModuledata-keyuser_admin > div > :first-child + * > div:last-child table thead th { padding: 0; border: none; } .loadModuledata-keyuser_admin table tr:not(.active) { opacity: .3; } .loadModuledata-keyuser_admin > div > :first-child > * { margin-bottom: 1rem; display: block; width: 100%; } .loadModuledata-keyuser_admin .cs_module_filter + div { width: 100%; overflow-x: auto; max-width: 100%; } .loadModuledata-keyuser_admin .cs_module_filter + div .cs_overview_table { min-width: 800px; } .loadModuledata-keyuser_admin .cs_user_overview_icon { position: relative; padding-left: 1.5rem; line-height: 1.2rem; &:before { font-family: FontAwesome !important; width: 1.2rem; height: 1.2rem; line-height: 1.2rem; text-align: center; position: absolute; top: 0; left: 0; } &data-keylocation:before { content: \f041; } &data-keysupervisor:before { content: \f005; } &data-keyproduct:before { content: \f1b0; } } .cs_user_admin_detail_overlay .cs_user_detail_nav_wrapper > .cs_default_detail_nav > span { font-size: 0; } .cs_user_admin_detail_overlay .cs_default_detail_nav { flex-grow: 0; } .cs_user_admin_detail_overlay .cs_default_detail_nav > * { padding: 0 1rem 0 1.5rem!important; } .cs_user_detail_nav_wrapper { & .myDropzonePreview { background-size: contain!important; height: 200px!important; background-color: rgba(0,0,0,.1); margin-bottom: 1rem; } } .creditBundleAdminWrapper { & > * { overflow: auto!important; scrollbar-gutter: auto!important; } & .cs_input_append { position: relative; & > i:last-child { position: absolute; bottom: 0; right: 0; min-width: 30px; max-width: 50px; height: 30px; line-height: 30px; background-color: #CCC; padding: 0 5px; text-align: center; } } & select, & inputtypetext, & inputtypenumber, & textarea { background-color: #FFF; min-height: 30px; margin-top: 10px; border: none!important; } & textarea { padding: 6px; height: 30px; min-height: 30px; } & data-keyoverview { padding-top: 1rem; display: flex; flex-wrap: wrap; gap: 1rem; & > * { position: relative; flex: 1; flex-basis: 600px; background-color: rgba(0,0,0,0.1); padding: 1rem; font-size: 0.8rem; gap: 1rem; display: grid; gap: 1rem; & > div:first-child { & > i { display: block; &:first-child { font-weight: bold; line-height: 24px; } } } & > * {} & data-actionsave { position: absolute; top: 0; right: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; cursor: pointer; font-size: 20px; background-color: rgba(0,0,0,.1); } & data-keysub { & > div:last-child { & > * { display: flex; flex-wrap: wrap; gap: 1rem; & > * { flex: 1; } } } } } } } .cs_credit_bundle_overview, .cs_credit_payment_wrapper { & .cs_btn { margin-top: 1rem !important; font-weight: bold; min-height: 3.5rem; padding: 0.5rem 1rem; } & table { display: table!important; font-size: 0.8rem; table-layout: fixed; width: 100%; margin-bottom: 10px; & td { padding: 5px 0; padding-right: 10px; &:first-child:not(:last-child) { font-weight: bold; color: var(--default_color_blue_1); } } & > tbody > tr + tr { border-top: 2px dotted rgba(0, 0, 0, 0.3); } } } .cs_default_alert_575799:not(.loadingOverlay).myAlertModuleWrapper_sales_overview { width: 90vw!important; max-width: 100%!important; height: 90vh!important; max-height: 100%!important; border-radius: 0; & .cs_alert_submit_btn_default { display: none!important; pointer-events: none!important; } & .myAlert-message { display: none; } & .myAlert-prompt { padding: 0; height: 100%!important; width: 100%!important; overflow: hidden; padding: 0!important; } & .cs_sales_overview_header { height: 130px; padding: 1rem; & * { margin: 0; min-height: 40px; line-height: 40px; } & > * { padding-right: 30px!important; } & > * + * { margin-top: 1rem; } } & .csTableWrapper { overflow: auto; max-width: 90vw!important; max-height: calc(90vh - 130px); & table { width: 100%; table-layout: fixed; & *.price { font-family: monospace!important; } & tbody { & .payment_done { & td { background-color: rgba(100, 255, 100, .3)!important; } } & .payment_todo { & td { background-color: rgba(255, 100, 100, .3)!important; } } } } } & data-actionoverride_sub_price { display: block; cursor: pointer; margin-top: 5px; line-height: 1.3rem!important; text-align: right; font-size: 1rem!important; &:before { content: \f044; font-family: FontAwesome; } } } .csLoggerItemWrapper { padding: 1rem; background-color: rgba(0,0,0,.05); &.csLoggerChartWrapper { max-height: 250px; padding-bottom: 4rem; } & > span { display: block; text-align: center; margin-bottom: 1rem; color: rgba(0,0,0,0.3); font-weight: bold; } & + * { margin-top: 1rem; } } #logger_item_scanner_action { & table { & td { padding: 5px; background-color: #c5d7de; } & tr:nth-child(2n) { & td { background-color: rgba(0,0,0,.05); font-size: 11px; color: #666; border-bottom: 2px solid #CCC; } } font-size: 12px; font-family: Courier!important; } } .product_configurator_overlay_show:not(.active) { display: none; pointer-events: none; } .cs_product_configurator_wrapper { & > form { &.loaded { background-color: rgba(230, 230, 230, .4); padding: 1rem; -webkit-box-shadow: 0 0 1rem 0 rgba(0,0,0,.2); box-shadow: 0 0 1rem 0 rgba(0,0,0,.2); } & + form { margin-top: 1.5rem; } & > * { display: flex; flex-wrap: wrap; gap: 1rem; & + * { margin-top: 1rem; & > div:first-child { display: flex; gap: 1rem; flex-wrap: wrap; & > * { flex: 1; flex-basis: 200px; } } } & > * { flex: 1; flex-basis: 300px; & label { color: #666; display: block; line-height: 1.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } & label + * { _isplay: block; height: 40px; line-height: 40px; } } } &:not(.loaded) > *:first-child > * + * { display: none; } & .product_configurator_preview { height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; background-color: #FFF; width: 100%; height: 250px; } &.has_preview_image { & > *:last-child { position: relative; } } } & select.cs_select_single_option { pointer-events: none !important; border: none !important; -webkit-appearance: none; } &.cs_product_configurator_single { & selectdata-keyproduct_id { pointer-events: none !important; border: none !important; font-weight: bold; text-align: center; -webkit-appearance: none; } } & form + data-action { margin-top: 40px!important; } & data-action { margin-top: 10px; height: 40px; line-height: 40px; text-align: center; background-color: rgba(0,0,0,.1); cursor: pointer; position: relative; &:hover { background-color: rgba(0,0,0,.2); } &:before { content: attr(data-count); position: absolute; top: 0; right: 0; padding: 0 10px; text-align: center; min-width: 20px; font-weight: bold; } } & data-keyproperty_block { &.has_unit { position: relative; padding-right: 60px; max-height: 64px; & input { border-right: 0!important; } &:before { box-sizing: border-box; content: attr(data-unit); position: absolute; bottom: 0; right: 0; height: 40px; line-height: 40px; pointer-events: none; width: 60px; text-align: right; padding: 0 10px; color: rgba(0,0,0,.5); background-color: #FFF; border: 1px solid #000; border-left: 0; } } } } .cs_product_configurator_overlay { min-width: 90%; & .myAlert-prompt { font-size: 1rem; padding: 1rem; background-color: rgba(230, 230, 230, 1); color: #333; & data-keyadd_data_form { display: flex; flex-wrap: wrap; gap: 1rem; & > * { flex: 1; min-width: 40%; padding-top: 1.2rem; position: relative; & label { display: block; line-height: 1.2rem; height: 1.2rem; font-size: .8rem; position: absolute; top: 0; left: 0; right: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #000; opacity: .5!important; } & name { display: block; height: 40px; line-height: 40px; margin: 0; &:focus { background-color: rgba(255, 255, 200, 1); } &:focus + label { opacity: 1!important; } } } } & .cs_default_form_block { padding-top: 0!important; & label { display: none!important; } input { border: none!important; background-color: rgba(0,0,0,.08); padding: 0 10px; &.has_input { padding-top: 15px; & + label { display: block!important; height: 1rem!important; line-height: 1rem!important; font-size: .7rem!importaNT; padding: 0 10px; top: 2px!important; } } } } & data-action { height: 40px; line-height: 40px; text-align: center; background-color: rgba(0,0,0,.1); cursor: pointer; position: relative; margin-top: 1rem; margin-left: 0!important; margin-right: 0!important; &:hover { background-color: rgba(0,0,0,.3); } } & > div { display: flex; flex-wrap: wrap; gap: 1rem; & * { box-sizing: border-box; } & > * { flex: 1; &:first-child { flex: 1; } } & .product_configurator_overview { & data-keyinfo { width: 100%; min-width: 100%; padding: .5rem!important; background-color: rgba(0,0,0,.1); text-align: center; } & * { font-style: normal; } & > * { display: block; line-height: 40px; background-color: rgba(0,0,0,.05)!important; position: relative!important; padding-left: 120px!important; min-height: 120px; border: none!important; &:not(.show_price) { & data-keyprice { display: none!important; } } & + * { margin-top: 1rem!important; } & > data-keypreview { position: absolute; top: 1rem; left: 1rem; width: 90px; min-height: 85px!important; & > * { background-size: contain; background-position: center center; background-repeat: no-repeat; display: block; width: 90px; height: 85px; } & > *.dummy { &:before { content: \f013; font-family: FontAwesome; color: #000; font-style: normal; display: block; text-align: center; height: 85px; line-height: 85px; font-size: 4rem; color: rgba(0,0,0,.2); } } } & > :first-child { display: block; font-weight: bold; height: 40px; line-height: 40px; & + * { & > span { display: block; line-height: 1rem!important; min-height: 0; font-weight: bold; margin-bottom: 1rem; } & > data-id { line-height: 1rem!important; min-height: 51px; padding-top: 10px; display: flex; flex-wrap: wrap; gap: 1rem; background-color: rgba(0,0,0,.05); padding: .5rem; & > span:first-child { min-width: 400px; overflow: hidden; } & > * { display: block; flex: 1; flex-basis: 100px; & + * { max-width: 200px; } &data-keyprice { text-align: right; height: 40px; line-height: 40px; padding: 0 1rem; font-size: 1rem; font-weight: bold; font-family: monospace; border-bottom: 2px solid rgba(0,0,0,.2); } } & + * { border-top: 2px solid rgba(0,0,0,.1); margin-top: 10px; padding-top: 10px; } & > input { height: 40px; line-height: 40px; border: none!important; background-color: rgba(0,0,0,.1); text-align: center; max-width: 100px!important; &:focus { background-color: rgba(255, 255, 200, 1); } } } & i { font-size: .8rem; white-space: nowrap; } } } } & data-actionremove { margin: 0!important; width: 40px; max-width: 40px!important; background-color: rgba(0,0,0,.2)!important; color: #444!important; &:hover { color: #FFF!important; } &:before { content: \f00d; font-family: FontAwesome; font-size: 20px; cursor: pointer; } } } } } & .cs_alert_submit_btn_default { display: none!important; } & .cs_payment_summary { display: none; } &.product_configurator_payment_init { min-width: auto!important; max-width: 700px!important; & data-keysummary { display: none; } & #cs_product_configurator_btn_pay_now { max-height: 55px; } } & .cs_payment_summary { display: block; margin-bottom: 1rem; font-family: Monospace; font-size: .8rem; & > table { table-layout: fixed; width: 100%; & tr { background-color: rgba(0,0,0,.1); &:nth-child(2n) { background-color: rgba(0,0,0,.15); } & > td { padding: 0 10px; line-height: 1.5rem; text-align: right!important; width: auto; &:first-child { text-align: left!important; width: 45%; } &data-keyquantity { &:before { content: x; } } } } & tfoot { font-weight: bold; & td { border-top: 2px solid rgba(0,0,0,.2); } } } } & data-keysummary { & > * { display: block; margin-bottom: 1rem; } } &.product_configurator_payment_init { & data-keysummary { & > * { margin-top: 0; } } } } @media only screen and (max-width: 1200px) { .cs_product_configurator_overlay { min-width: 100%; min-height: 100%; max-height: 100vh; .myAlert-buttons { top: 0; } & .myAlert-prompt { min-height: 100%!important; & data-keyadd_data_form { margin-top: 1rem!important; padding-top: 1rem!important; & > * { flex: 1; flex-basis: 800px; } } & > div { display: block; & .product_configurator_overview { & data-keyinfo { padding: 0 1rem!important; text-align: center; pointer-events: none; } & > * { padding-left: 1rem; & + * { margin-top: 1rem; } } & data-keypreview { display: none; } & data-keyproperties { font-size: .7rem; } } } } } } .product_configurator_show_on_data:not(.csForceShow) { display: none!important; } .product_configurator_payment_init { & #cs_product_configurator_btn_pay_now { height: auto; font-size: 0; background-color: transparent!important; } & data-actionupdate, & .product_configurator_overview, & data-keyadd_data_form { display: none!important; } } .loadModuledata-keyproducts data-iddata-valid0 { display: none!important; } .cs_product_special_2 { background-color: var(--default_color_blue_1); border-radius: 15px; padding: 20px; color: #fff; } .cs_product_special_2 > div:first-child { overflow: hidden; } .cs_product_special_2 > div:first-child > span { float: left; } .cs_product_special_2 span > i { display: block; width:120px !important; height: 120px !important; border-radius: 50%; background-size: cover; background-position: center center; } .cs_product_special_2 > div:first-child > div { float: left; width: calc(90% - 140px); margin-left: 20px; border-bottom: 2px dotted #fff; padding: 40px 0px 10px; } .cs_product_special_2 > div:first-child > div:before { content: ; position: absolute; width: 60px; height: 60px; right: 4px; top:4px; border-radius: 0px 11px; background-color: #fff; background-image: url(data:image/svg+xml,%3Csvg version1.1 id_24x24_On_Light_Party xmlnshttp://www.w3.org/2000/svg xmlns:xlinkhttp://www.w3.org/1999/xlink x0px y0px viewBox0 0 800 800 styleenable-background:new 0 0 800 800; xml:spacepreserve%3E%3Cstyle typetext/css%3E .st0%7Bfill:none;%7D .st1%7Bfill:%23005297;%7D .st2%7Bfill:%2303A5D1;%7D .st3%7Bfill:%2300BBA2;%7D .st4%7Bfill:%23FF6783;%7D .st5%7Bfill:%23FFA458;%7D .st6%7Bfill:%23C75FFF;%7D%0A%3C/style%3E%3Crect idview-box classst0 width800 height800/%3E%3Cpath idShape classst1 dM145.8,654.2c-42.9-42.6-50.5-109.3-18.3-160.5L319,187.3c7.4-11.7,22.8-15.2,34.5-7.8 c1.5,1,3,2.1,4.3,3.4l259.4,259.3c9.8,9.7,9.8,25.5,0.1,35.3c-1.3,1.4-2.8,2.5-4.5,3.6L306.3,672.5 C255.1,704.5,188.5,696.9,145.8,654.2L145.8,654.2z M169.9,520.2c-23.5,37.3-12.3,86.5,25,110c26,16.3,59,16.3,85,0l29.7-18.6 L188.5,490.5L169.9,520.2z M353,584.3l79.6-49.7L265.4,367.4L215.7,447L353,584.3z M476.1,507.4l83.5-52.2L344.8,240.4l-52.2,83.5 L476.1,507.4z/%3E%3Cpath idShape-2 classst2 dM549,186.7V73.3c0-13.8-11.2-25-25-25c-13.8,0-25,11.2-25,25v113.3c0,13.8,11.2,25,25,25 C537.8,211.7,549,200.5,549,186.7z/%3E%3Cpath idShape-3 classst3 dM615.7,328.8l88.7-57.9c11.5-7.6,14.7-23.1,7.1-34.6c-7.6-11.4-22.9-14.7-34.4-7.2l-88.7,57.8 c-11.6,7.5-14.9,23-7.5,34.6c7.5,11.6,23,14.9,34.6,7.5C615.6,328.9,615.7,328.8,615.7,328.8L615.7,328.8z/%3E%3Cpath idShape-4 classst4 dM641.7,196.8l27.6-27.6c9.4-10.1,8.9-25.9-1.2-35.3c-9.6-8.9-24.5-8.9-34.1,0l-27.6,27.6 c-9.4,10.1-8.9,25.9,1.2,35.3C617.2,205.8,632.1,205.8,641.7,196.8z/%3E%3Cpath idShape-5 classst5 dM657.4,404.2h7.2c13.8,0,25-11.2,25-25c0-13.8-11.2-25-25-25h-7.2c-13.8,0-25,11.2-25,25 C632.4,393,643.6,404.2,657.4,404.2z/%3E%3Cpath idShape-6 classst6 dM524,304.2h7.2c13.8,0,25-11.2,25-25s-11.2-25-25-25H524c-13.8,0-25,11.2-25,25 S510.2,304.2,524,304.2z/%3E%3Cpath idShape-7 classst5 dM447,135.9l-14.7-34.2c-5.2-12.8-19.8-19-32.6-13.8s-19,19.8-13.8,32.6c0.1,0.3,0.3,0.7,0.4,1 l14.6,34.2c5.2,12.8,19.8,19,32.6,13.8c12.8-5.2,19-19.8,13.8-32.6c-0.1-0.3-0.3-0.7-0.4-1L447,135.9z/%3E%3C/svg%3E); background-repeat: no-repeat no-repeat; background-position: center center; background-size: cover; } .cs_product_special_2 > div:first-child > div > div { float: left; width: auto; } .cs_product_special_2 > div:first-child > div data-keytitle > i { font-size: 1.55rem; font-weight: bold; line-height: 2rem; margin-right: 10px; } .cs_product_special_2 > div:first-child > div data-keyage > i { font-size: 1.2rem; line-height: 2.2rem; } .cs_product_special_2 data-keyfeedback { margin-top: 15px; } .cs_product_special_2 data-keyfeedback > span { display: block; } .cs_product_special_2 data-keyowner { font-weight: bold; margin-top: 20px; } .cs_default_input_rowdata-keydefault_breed + .cs_default_input_rowdata-keydefault_breed_info { display: none; } .cs_default_input_rowdata-keydefault_breeddata-valuedefault + .cs_default_input_rowdata-keydefault_breed_info { display: block; } .leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { position: absolute; left: 0; top: 0; } .leaflet-container { overflow: hidden; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; } .leaflet-tile::selection { background: transparent; } .leaflet-safari .leaflet-tile { image-rendering: -webkit-optimize-contrast; } .leaflet-safari .leaflet-tile-container { width: 1600px; height: 1600px; -webkit-transform-origin: 0 0; } .leaflet-marker-icon, .leaflet-marker-shadow { display: block; } .leaflet-container .leaflet-overlay-pane svg, .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile { max-width: none !important; max-height: none !important; } .leaflet-container .leaflet-shadow-pane img { display: none!important; } .leaflet-container.leaflet-touch-zoom { -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; } .leaflet-container.leaflet-touch-drag { -ms-touch-action: pinch-zoom; touch-action: none; touch-action: pinch-zoom; } .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { -ms-touch-action: none; touch-action: none; } .leaflet-container { -webkit-tap-highlight-color: transparent; } .leaflet-container a { -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); } .leaflet-tile { filter: inherit; visibility: hidden; } .leaflet-tile-loaded { visibility: inherit; } .leaflet-zoom-box { width: 0; height: 0; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 800; } .leaflet-overlay-pane svg { -moz-user-select: none; } .leaflet-pane { z-index: 400; } .leaflet-tile-pane { z-index: 200; } .leaflet-overlay-pane { z-index: 400; } .leaflet-shadow-pane { z-index: 500; } .leaflet-marker-pane { z-index: 600; } .leaflet-tooltip-pane { z-index: 650; } .leaflet-popup-pane { z-index: 700; } .leaflet-map-pane canvas { z-index: 100; } .leaflet-map-pane svg { z-index: 200; } .leaflet-vml-shape { width: 1px; height: 1px; } .lvml { behavior: url(#default#VML); display: inline-block; position: absolute; } .leaflet-control { position: relative; z-index: 800; pointer-events: visiblePainted; pointer-events: auto; } .leaflet-top, .leaflet-bottom { position: absolute; z-index: 1000; pointer-events: none; } .leaflet-top { top: 0; } .leaflet-right { right: 0; } .leaflet-bottom { bottom: 0; } .leaflet-left { left: 0; } .leaflet-control { float: left; clear: both; } .leaflet-right .leaflet-control { float: right; } .leaflet-top .leaflet-control { margin-top: 10px; } .leaflet-bottom .leaflet-control { margin-bottom: 10px; } .leaflet-left .leaflet-control { margin-left: 10px; } .leaflet-right .leaflet-control { margin-right: 10px; } .leaflet-fade-anim .leaflet-tile { will-change: opacity; } .leaflet-fade-anim .leaflet-popup { opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; } .leaflet-zoom-animated { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .leaflet-zoom-anim .leaflet-zoom-animated { will-change: transform; } .leaflet-zoom-anim .leaflet-zoom-animated { -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1); -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1); transition: transform 0.25s cubic-bezier(0,0,0.25,1); } .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { -webkit-transition: none; -moz-transition: none; transition: none; } .leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; } .leaflet-interactive { cursor: pointer; } .leaflet-grab { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { cursor: crosshair; } .leaflet-popup-pane, .leaflet-control { cursor: auto; } .leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container { pointer-events: none; } .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path { pointer-events: visiblePainted; pointer-events: auto; } .leaflet-container { background: #ddd; outline: 0; } .leaflet-container a { color: #0078A8; } .leaflet-container a.leaflet-active { outline: 2px solid orange; } .leaflet-zoom-box { border: 2px dotted #38f; background: rgba(255,255,255,0.5); } .leaflet-container { font: 12px/1.5 Helvetica Neue, Arial, Helvetica, sans-serif; } .leaflet-bar { box-shadow: 0 1px 5px rgba(0,0,0,0.65); border-radius: 4px; } .leaflet-bar a, .leaflet-bar a:hover { background-color: #fff; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black; } .leaflet-bar a, .leaflet-control-layers-toggle { background-position: 50% 50%; background-repeat: no-repeat; display: block; } .leaflet-bar a:hover { background-color: #f4f4f4; } .leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .leaflet-bar a:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; } .leaflet-bar a.leaflet-disabled { cursor: default; background-color: #f4f4f4; color: #bbb; } .leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px; } .leaflet-touch .leaflet-bar a:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } .leaflet-touch .leaflet-bar a:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .leaflet-control-zoom-in, .leaflet-control-zoom-out { font: bold 18px Lucida Console, Monaco, monospace; text-indent: 1px; } .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { font-size: 22px; } .leaflet-control-layers { box-shadow: 0 1px 5px rgba(0,0,0,0.4); background: #fff; border-radius: 5px; } .leaflet-control-layers-toggle { width: 36px; height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; } .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; } .leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: #333; background: #fff; } .leaflet-control-layers-scrollbar { overflow-y: scroll; overflow-x: hidden; padding-right: 5px; } .leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; } .leaflet-control-layers label { display: block; } .leaflet-control-layers-separator { height: 0; border-top: 1px solid #ddd; margin: 5px -10px 5px -6px; } .leaflet-default-icon-path { background-image: url(https://osscs.industrystock.cn/assets/images/marker-icon.png); } .leaflet-container .leaflet-control-attribution { background: #fff; background: rgba(255, 255, 255, 0.7); margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { padding: 0 5px; color: #333; } .leaflet-control-attribution a { text-decoration: none; } .leaflet-control-attribution a:hover { text-decoration: underline; } .leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale { font-size: 11px; } .leaflet-left .leaflet-control-scale { margin-left: 5px; } .leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; } .leaflet-control-scale-line { border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; font-size: 11px; white-space: nowrap; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; background: rgba(255, 255, 255, 0.5); } .leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777; } .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { box-shadow: none; } .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { border: 2px solid rgba(0,0,0,0.2); background-clip: padding-box; } .leaflet-popup { position: absolute; text-align: center; margin-bottom: 20px; } .leaflet-popup-content-wrapper { padding: 1px; text-align: left; border-radius: 12px; } .leaflet-popup-content { margin: 13px 19px; line-height: 1.4; } .leaflet-popup-content p { margin: 18px 0; } .leaflet-popup-tip-container { width: 40px; height: 20px; position: absolute; left: 50%; margin-left: -20px; overflow: hidden; pointer-events: none; } .leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .leaflet-popup-content-wrapper, .leaflet-popup-tip { background: white; color: #333; box-shadow: 0 3px 14px rgba(0,0,0,0.4); } .leaflet-container a.leaflet-popup-close-button { position: absolute; top: 0; right: 0; padding: 4px 4px 0 0; border: none; text-align: center; width: 18px; height: 14px; font: 16px/14px Tahoma, Verdana, sans-serif; color: #c3c3c3; text-decoration: none; font-weight: bold; background: transparent; } .leaflet-container a.leaflet-popup-close-button:hover { color: #999; } .leaflet-popup-scrolled { overflow: auto; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; } .leaflet-oldie .leaflet-popup-content-wrapper { -ms-zoom: 1; } .leaflet-oldie .leaflet-popup-tip { width: 24px; margin: 0 auto; -ms-filter: progid:DXImageTransform.Microsoft.Matrix(M110.70710678, M120.70710678, M21-0.70710678, M220.70710678); filter: progid:DXImageTransform.Microsoft.Matrix(M110.70710678, M120.70710678, M21-0.70710678, M220.70710678); } .leaflet-oldie .leaflet-popup-tip-container { margin-top: -1px; } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { border: 1px solid #999; } .leaflet-div-icon { background: #fff; border: 1px solid #666; } .leaflet-tooltip { position: absolute; padding: 6px; background-color: #fff; border: 1px solid #fff; border-radius: 3px; color: #222; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; box-shadow: 0 1px 3px rgba(0,0,0,0.4); } .leaflet-tooltip.leaflet-clickable { cursor: pointer; pointer-events: auto; } .leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: ; } .leaflet-tooltip-bottom { margin-top: 6px; } .leaflet-tooltip-top { margin-top: -6px; } .leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before { left: 50%; margin-left: -6px; } .leaflet-tooltip-top:before { bottom: 0; margin-bottom: -12px; border-top-color: #fff; } .leaflet-tooltip-bottom:before { top: 0; margin-top: -12px; margin-left: -6px; border-bottom-color: #fff; } .leaflet-tooltip-left { margin-left: -6px; } .leaflet-tooltip-right { margin-left: 6px; } .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { top: 50%; margin-top: -6px; } .leaflet-tooltip-left:before { right: 0; margin-right: -12px; border-left-color: #fff; } .leaflet-tooltip-right:before { left: 0; margin-left: -12px; border-right-color: #fff; } .cs_location_overview_custom_marker_role_41 { filter: grayscale(1); cursor: default; opacity: 0.7!important; } .loadModuledata-keylocation_detail {} .loadModuledata-keylocation_detail .cs_select_wrapper + div { margin-top: 1rem; gap: 1rem; display: flex; flex-wrap: wrap; } .loadModuledata-keylocation_detail .cs_select_wrapper + div > * { flex: 1; flex-grow: 1; flex-shrink: 1; flex-basis: 250px; } .loadModuledata-keylocation_detail .cs_select_wrapper + div > * .cs_btn { margin-top: 1rem; font-size: 1rem!important; font-weight: bold; text-decoration: none; } .loadModuledata-keylocation_detail .cs_select_wrapper + div > div:first-child { background-color: var(--default_color_gray_1); padding: 1rem; border-radius: 25px; } .loadModuledata-keylocation_detail .cs_select_wrapper + div > div:first-child > .cs_user_detail_pp { height: 300px; background-size: contain; background-position: center center; background-repeat: no-repeat; display: block; margin-bottom: 0.5rem; } .loadModuledata-keylocation_detail .cs_select_wrapper + div > div:first-child + div { padding: 0 1rem; } .loadModuledata-keylocation_detail .cs_select_wrapper + div > div:first-child + div > span:first-child > *:first-child { margin-top: 0px; } .loadModuledata-keylocation_detail .cs_select_wrapper + div > div:first-child + div > span > *:first-child { display: block; font-weight: bold; color: var(--default_color_blue_1); font-size: 1.1rem; margin-top: 15px; } .loadModuledata-keylocation_detail .cs_select_wrapper + div > div:first-child + div > * { font-size: 0.8rem; } .elem-location_detail div > .cs_user_detail_name { font-weight: bold; font-size: 1.1rem; color: var(--default_color_blue_1); } .loadModuledata-keylocation_detail { & data-keyusers { display: grid!important; grid-template-columns: repeat(auto-fill, minmax(45%, 1fr)); gap: 50px 40px; font-size: 0.8rem; margin-top: 1.5rem; & { flex-basis: 1000px!important; display: block!important; & > i { display: block; width: 100%; font-size: 1.2rem; color: #777; margin-bottom: 1rem; & + div { display: block; display: grid; grid-template-columns: repeat(auto-fill, minmax(45%, 1fr)); gap: 1rem; } } } & + data-keyusers { border-top: 2px solid var(--default_color_blue_1); padding-top: 1rem; margin-top: 0; } } & data-keyusers > * {} & data-keyusers > * > i { display: block; } & idata-kpp { width: 100px; height: 100px; display: block; background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 50%; float: right; } & idata-kname { display: block; font-weight: bold; font-size: 1rem; color: var(--default_color_blue_1); } & idata-kcompany { display: block; margin-bottom: .5rem; color: var(--default_color_blue_1); } & data-kdesc { display: block; margin-bottom: .5rem; } & idata-kroles { display: block; } & idata-ksocial { margin-top: 10px; display: flex; gap: 1rem; } & .cs_btn_socialdata-key { display: block; width: 35px; height: 35px; background-position: center center; background-size: contain; background-repeat: no-repeat; } & idata-kcontact { margin-top: 10px; & > * { display: block; margin-top: 2px; } } } .loadModuledata-keysupport { position: relative; } .loadModuledata-keysupport > div { padding: 2rem 60px; background-color: var(--default_color_gray_1); -webkit-border-radius: 20px 0 0 20px; border-radius: 0 20px 20px 0; } .loadModuledata-keysupport > div > div:first-child { display: flex; gap: 1rem; flex-wrap: wrap; } .loadModuledata-keysupport > div > div:first-child > * { flex-grow: 1; flex-shrink: 0; flex-basis: 200px; } .loadModuledata-keysupport .cs_btn { width: fit-content; font-weight: bold; text-align: left; padding: 0px 50px; } .loadModuledata-keysupport .cs_btn:hover { background-color: var(--default_color_blue_1); filter: brightness(1.25); } .loadModuledata-keysupport .cs_support_ticket_container > span { display: block; line-height: 40px; font-size: 1.3rem; font-weight: normal; text-align: left; text-transform: uppercase; padding-bottom: 0.7rem; } .loadModuledata-keysupport .cs_support_ticket_container { margin-top: 2rem; } .loadModuledata-keysupport .cs_support_ticket_table { font-size: 0.8rem; } .loadModuledata-keysupport .cs_support_ticket_table > * { display: flex; gap: 1rem; flex-wrap: wrap; padding: 1rem 0; } .loadModuledata-keysupport .cs_support_ticket_table > * > * { flex-grow: 1; flex-shrink: 1; flex-basis: 200px; } .loadModuledata-keysupport .cs_support_ticket_table > *:hover { background-color: rgba(0,0,0,0.05); } .loadModuledata-keysupport .cs_support_ticket_table > * { cursor: pointer; } .loadModuledata-keysupport .cs_support_ticket_table i { display: block; } .loadModuledata-keysupport .cs_support_ticket_table > * + * { border-top: 2px dotted rgba(0,0,0,0.3); } .loadModuledata-keysupport .cs_support_ticket_table data-keycomments > span { display: block; } .loadModuledata-keysupport .cs_support_ticket_table data-keycomments > span + span { margin-top: 5px; } .loadModuledata-keysupport .cs_support_ticket_table data-keycomments > span > i { display: block; } .loadModuledata-keysupport i > i:first-child, .loadModuledata-keysupport i > span > i:first-child { font-weight: bold; opacity: 1; color: var(--default_color_blue_1); } .cs_support_ticket_empty_dummy { margin-top: 1rem; } .huffys_stripe_inner_support { background-color: var(--default_color_gray_1); } .huffys_stripe_inner_support .loadModuledata-keysupport > div { padding: 0!important; background-color: transparent; -webkit-border-radius: 0; border-radius: 0; } .cs_support_ticket_overlay .myAlert-prompt > i:first-child { margin-bottom: 1rem; display: block; } @media only screen and (max-width: 535px) { .loadModuledata-keysupport > div { padding: 2rem 20px; } } .loadModuledata-keyfilter { &data-typeproduct { margin-bottom: 1rem; & > div { display: flex; flex-wrap: wrap; gap: 1rem; & > * { flex: 1; min-width: 300px; & name { padding: 0 .5rem; height: 40px; line-height: 40px; outline: none!important; border: none!important; background-color: rgb(211, 222, 232); } &data-kquery { position: relative; & > input { padding-right: 40px!important; } &:before { font-family: FontAwesome !important; content: \f002; position: absolute; width: 40px; height: 40px; line-height: 40px; position: absolute; top: 0; right: 0; text-align: center; pointer-events: none; background-color: rgba(0,0,0,.1); } } } } } } #cookieInfoOverlay {} #cookieInfoOverlay > div { max-height: 75vh; overflow-y: auto; } #cookieInfoOverlay.visible { max-height: none!important; } #cookieInfoOverlay .cookieActionWrapper { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 10px; } #cookieInfoOverlay .cookieActionWrapper > * { flex: 1; flex-basis: 200px; margin: 0!important; } #cookieInfoOverlay .cookieActionWrapper > *.cookieBtn.cookieConsentExtBtn { padding: 0 10px!important; padding-left: 10px!important; background-color: #DDD!important; color: #000!important; opacity: 1; } #cookieInfoOverlay .cookieConsentOptions { padding: 1rem; background-color: rgba(255,255,255,.5); margin-top: 1rem; display: flex; flex-wrap: wrap; gap: .5rem; } #cookieInfoOverlay .cookieConsentOptions > * { flex-basis: 100%; } #cookieInfoOverlay .cookieConsentOptions > label { font-size: 0.8rem; } #cookieInfoOverlay .cookieConsentOptions > label > span > b { font-size: 1rem; display: block; } #cookieInfoOverlay .cookieInfoOverlayHeader { display: none; padding-right: 150px; position: relative; min-height: 30px; line-height: 30px; margin-bottom: 1rem; border-bottom: 2px solid rgba(255,255,255,.5); } #cookieInfoOverlay .cookieInfoOverlayHeader > * {} #cookieInfoOverlay .cookieInfoOverlayHeader > *.csCookieLangNav { display: none; width: 150px; position: absolute; top: 0; right: 0; min-height: 30px; } #cookieInfoOverlay .cookieInfoOverlayHeader > *.csCookieLangNav > span { display: block!important; text-align: right; cursor: pointer; } #cookieInfoOverlay .cookieInfoOverlayHeader > *.csCookieLangNav > span + div { display: none; } #cookieInfoOverlay .cookieInfoOverlayHeader > *.csCookieLangNav > span + div { background-color: rgba(0,0,0,.8)!important; } #cookieInfoOverlay .cookieInfoOverlayHeader > *.csCookieLangNav > span:hover {} #cookieInfoOverlay .cookieInfoOverlayHeader > *.csCookieLangNav > span:hover + div { padding: .5rem; display: block; position: absolute; width: 200px!important; top: 30px; right: 0; width: 100%; display: flex; gap: .5rem; flex-wrap: wrap; } #cookieInfoOverlay .cookieInfoOverlayHeader > *.csCookieLangNav > span:hover + div > * { flex: 1; width: 30px; min-width: 30px; max-width: 30px; height: 30px; margin: 0!important; overflow: hidden; } #cookieInfoOverlay .cookieInfoOverlayHeader > *.csCookieLangNav > span:hover + div > * a { -webkit-border-radius: 50px; border-radius: 50px; background-size: cover; display: block; width: 30px; height: 30px; } #cookieInfoOverlay .cookieInfoOverlayHeader > *.csCookieLangNav > span:hover {} #cookieInfoOverlay .cookieInfoOverlayHeader > *.csCookieLangNav > span:hover > span {} #cookieInfoOverlay .cookieInfoOverlayHeader > *.csCookieLangNav > span:hover > span + div { background-color: rgba(0,0,0,0.2); padding: .5rem; display: block; position: absolute; width: 200px!important; top: 30px; right: 0; width: 100%; display: flex; gap: .5rem; flex-wrap: wrap; } #cookieInfoOverlay .cookieInfoOverlayHeader > *.csCookieLangNav > span:hover > spa + div > * { flex: 1; width: 30px; min-width: 30px; max-width: 30px; height: 30px; margin: 0!important; overflow: hidden; } #cookieInfoOverlay .cookieInfoOverlayHeader > *.csCookieLangNav > span:hover > spa + div > * a { -webkit-border-radius: 50px; border-radius: 50px; background-size: cover; display: block; width: 30px; height: 30px; } #cookieInfoOverlay .cookieInfoOverlayHeader .cookieInfoOverlayHeadline { display: block; } #cookieInfoOverlay .cookieInfoOverlayHasHeadline {} #cookieInfoOverlay .cookieInfoOverlayHasHeadline .cookieInfoOverlayHeader { display: block; } body.cs_has_cookie_overlay { overflow: hidden!important; } body.cs_has_cookie_overlay #wrapper { pointer-events: none; } body.cs_cookie_force_display_2 #cookieInfoOverlay { top: 0; } body.cs_cookie_force_display_2 #cookieInfoOverlay .csCookieLangNav, body.cs_cookie_force_display_2 #cookieInfoOverlay .cookieInfoOverlayHeader { display: block!important; } body.cs_cookie_force_display_2 #cookieInfoOverlay > div { background-color: rgba(0, 0, 0, .9); padding: 1rem!important; padding-top: .5rem!important; outline: 1px solid black; width: 30vw!important; min-width: 300px!important; max-width: 90%!important; top: 50%; transform: translate(0, -50%); } .loadModuledata-keynewsletter { margin-bottom: 4rem; & iframe { padding: 0; width: 100%; min-height: 150vh; overflow-y: auto; -webkit-border-radius: 0; border-radius: 0; } & > * { padding: 1.5rem 2rem; background-color: var(--default_color_gray_1); -webkit-border-radius: 20px; border-radius: 20px; & > i:first-child { margin-bottom: 2rem; display: block; color: var(--default_color_blue_1); font-weight: bold; & + div > div + div { margin-top: 0.5rem; } & + div .btn { margin-top: 2rem; } } } } .myAlertModuleWrapper_voucher_admin, .myAlertModuleWrapper_newsletter_admin { transform: none; inset: 0; margin: auto; & data-actionsubmit { display: none!important; } } .loadModuleOverlaydata-keynewsletter_admin { display: none!important; } .loadModuledata-keyuser_admin { & .loadModuleOverlaydata-keynewsletter_admin { display: block!important; } } .myAlertModuleWrapper_newsletter_admin { min-width: 90vw; & .cs_default_action_row { & > label + div { display: flex; flex-wrap: wrap; & > * { flex: 10; &.actions { display: flex; flex: 2; & > * { flex: 1; display: block; cursor: pointer; line-height: 40px; text-align: center; background-color: rgba(0,0,0,.1); &:nth-child(2n) { background-color: rgba(0,0,0,.2) } &:hover { background-color: rgba(0,0,0,.3) } } } } } } & data-panelimports { padding: 0!important; & > * { position: relative; min-height: 30px; padding: 5px 130px 5px 10px; &:after { content: attr(data-comment); display: block; font-size: 0.8rem; font-style: normal; } & .actions { position: absolute; top: 0; right: 0; width: 120px; display: flex; flex-wrap: wrap; & > * { display: block; flex: 1; width: 30px; height: 30px; line-height: 30px; text-align: center; background-color: rgba(0,0,0,.1); cursor: pointer; text-decoration: none; &:nth-child(2n) { background-color: rgba(0,0,0,.2); } } } & + * { border-top: 1px solid rgba(0,0,0,.1); } } } & select { & optgroup { font-style: normal; color: #999; & option { color: #000; } } } & inputname, & selectname, & textareaname { background-color: #EEE!important; padding: 0 10px!important; } & .cs_default_input_row > textareaname { padding: 10px!important; min-height: 100px; } & .cs_btn { background-color: #EEE!important; padding: 0 10px!important; } & .cs_select_wrapper::before { background-color: #EEE; } &.myAlert.myAlertModuleWrapper:not(.loadingOverlay) { background-color: var(--white); -webkit-box-shadow: 0 0 2000px 2000px rgba(0,0,0,0.3), 8px 10px 10px rgba(0, 0, 0, 0.4) !important; box-shadow: 0 0 2000px 2000px rgba(0,0,0,0.3), 8px 10px 10px rgba(0, 0, 0, 0.4) !important; } &.myAlert.myAlertModuleWrapper .myAlert-buttons { right: 0!important; } &.myAlert.myAlertModuleWrapper:not(.loadingOverlay) .myAlert-prompt { padding: 2.5rem!important; color: var(--black); } &.myAlert.myAlertModuleWrapper .myAlert-message { text-align: left; background-color: #FFF; color: rgba(0,0,0,.8)!important; padding: 1rem 2.5rem!important; font-size: 1.2rem; font-weight: bold; position: relative; z-index: 10; border-bottom: 2px solid rgba(0,0,0,.1)!important; } &.myAlert.myAlertModuleWrapper .myAlert-message + .myAlert-prompt { padding-top: 0!important; } &.myAlert.myAlertModuleWrapper .myAlert-ok { display: none!important; } &.myAlert.myAlertModuleWrapper .myAlert-cancel { background: var(--white); position: absolute; color: #666; right: 0; top: 0; z-index: 11; width: 40px; height: 40px; } &.myAlert.myAlertModuleWrapper .myAlert-prompt spandata-keycomment { display: block; line-height: 1.3rem; } &.myAlert.myAlertModuleWrapper .myAlert-prompt spandata-keycomment + data-keycomment { margin-top: 10px; } &.myAlert .myAlert-prompt textarea { margin: 0; margin-top: 1rem; } & .csRedactorWrapper { position: relative; padding-top: 30px; & .csRedactorHeader { position: absolute; top: 0; left: 0; right: 0; display: flex; flex-wrap: wrap; gap: .5rem; & > * { flex: 1; height: 30px; line-height: 30px; border-radius: 0; border: 0; font-size: 1rem; cursor: pointer; } } & contenteditable, & name { min-height: 300px!important; & i { font-style: italic!important; } & b { font-weight: bold!important; } &contenteditable { padding: 10px; background-color: #FFF; } &name { display: none; } } &.csRedactorShowCode { & .csRedactorHeader .csRedactorBtndata-key, & contenteditable { display: none!important; &data-keycode { display: block!important; } } & textarea { display: block!important; font-family: Courier!important; font-size: .8rem; border: none; background-color: #333!important; color: #FFF!important; padding: .5rem 1rem!important; margin-top: 0!important; } } } & .iconSpan { position: relative; font-family: inherit!important; padding-left: 1.5rem; &:before { font-family: FontAwesome; position: absolute; top: 0; left: 0; text-align: left; width: 1.5rem; } &, &:before, & * { line-height: 30px!important; height: 30px!important; min-height: 30px!important; } } & data-panelstatistics { padding: 0!important; & table { font-size: .8rem; table-layout: fixed; width: 100%; & td { line-height: 1.4rem; padding: 0 10px; & + td { text-align: right; } } & tr:nth-child(2n) > td { background-color: rgba(0,0,0,.1); } } } & name { color: #333!important; } & i { font-style: normal!important; } & .newsletterAdminGrid { display: flex; flex-wrap: wrap; gap: 1rem; & > :first-child { flex: 5; flex-basis: 400px; & + * { flex: 2; flex-basis: 400px; } } } & .cs_default_input_row { padding-bottom: 0 !important; } & select, & inputtypetext { font-weight: normal; padding: 0 10px; } & textareaname { margin-top: 0!important; } overflow: visible!important; & .myAlert-message { background-color: transparent!important; } & .btndata-action { display: block; border-radius: 0!important; color: #000; background-color: rgba(0,0,0,.2)!important; } & .newsletterAdminMainAction { position: absolute!important; top: 40px; left: -40px; z-index: 100; width: 40px; height: 40px; background-color: #66AA66!important; color: #FFF; text-align: center; cursor: pointer; opacity: .5; &:before { content: \f067; font-family: FontAwesome; color: #FFF; font-size: 25px; line-height: 40px; } &:hover { opacity: 1; &:after { content: attr(title); position: absolute; top: 0; right: auto; left: 40px!important; height: auto!important; min-height: 30px; width: auto; max-width: 50vw; z-index: 20; background-color: inherit; font-size: 0.8rem; text-align: left; padding: 5px 10px; font-weight: normal; -webkit-box-shadow: 10px 0 5px 0 rgba(0,0,0,.1); box-shadow: 10px 0 5px 0 rgba(0,0,0,.1); } } } & data-actionsaveData { background-color: #AA6666!important; top: 90px; &:before { content: \f0c7; } } & data-actionsendTest { background-color: #AAAA66!important; top: 240px; &:before { content: \f1d8; } } & data-actionaddRecipient { background-color: #66AAAA!important; top: 190px; &:before { content: \f234; } } & data-actionimportNewsletterRecipients { background-color: #66AAAA!important; top: 290px; &:before { content: \f093; } } & data-actioncopy { background-color: #333!important; top: 340px; &:before { content: \f0c5; } } & data-actionaddItem { background-color: #6666AA!important; top: 140px; &:before { content: \f036; color: #CCC; } &:after { content: +; position: absolute; top: 3px; right: 3px; width: 20px; height: 20px; line-height: 20px; font-size: 25px; text-align: center; font-weight: bold; text-shadow: 0 0 5px #000000; } } & .newsletter_admin_editing { & data-paneloverview { & data-keyoverview { & > * { opacity: 0.5; } } } } & data-panel { margin-top: 2rem; padding: 1rem; background-color: #EFEFEF; &data-title { padding-top: 5rem!important; position: relative; &:before { content: attr(data-title); position: absolute; top: 0; left: 0; right: 0; height: 4rem; line-height: 4rem; padding: 0 1rem; text-align: center; font-size: 1.5rem; color: rgba(0,0,0,.3); background-color: rgba(0,0,0,.1); } } &data-paneloverview, &data-panelpreview { padding: 0!important; &data-panelpreview iframe { display: block; width: 100%; min-height: 200vh; } } &data-paneloverview { & data-keyoverview { & > * { color: #FFF; background-color: #666; &:nth-child(2n) { background-color: #333; } padding-right: 120px!important; position: relative; & > span:first-child { display: block; line-height: 1.3rem; padding: .6rem 0; } &.active { opacity: 1!important; & > span:first-child { font-weight: bold; } & data-actionedit { opacity: .2; pointer-events: none; } } &.done { background-color: #AAA; } &.sending { background-color: var(--default_color_green_2); } & .iconSpan { height: inherit; font-size: .8rem; line-height: inherit; } & .actions { position: absolute; top: 0; right: 0; width: 160px; display: flex; flex-direction: row-reverse; flex-wrap: wrap; & > * { max-width: 40px; height: 40px; line-height: 40px; flex: 1; cursor: pointer; text-align: center; &data-action:before { font-family: FontAwesome; } &data-actionactivate:before { content: \f0c8; } &data-actiondeactivate:before { content: \f14a; } &data-actionedit:before { content: \f040; } &data-actiondelete:before { content: \f1f8; } &data-actionpreview:before { content: \f002; } &data-actionget_style_overlay { filter: var(--color-filter-white); background-image: var(--icon-paint-roller); background-position: center center; background-repeat: no-repeat; } } } } } } &data-paneloverview, &data-panelrecipients { padding: 0; & data-keyoverview { max-height: 500px; overflow-y: auto; & > * { min-height: 35px; line-height: 40px; padding-right: 80px; position: relative; padding-left: 10px; & data-keymain { display: flex; gap: 1rem; } & data-keyinfo { margin-top: -1rem; font-size: 0.8rem; display: flex; gap: 1rem; min-height: inherit; line-height: inherit; } & + * { border-top: 1px solid rgba(0,0,0,.3); } & .actions { position: absolute; top: 0; right: 0; height: 40px; display: flex; flex-wrap: wrap; & > * { flex: 1; width: 40px; height: 40px; width: 40px; height: 40px; line-height: 40px; text-align: center; cursor: pointer; &:before { font-family: FontAwesome; } &data-actiondeleteRecipient:before { content: \f1f8; } } } } } } &data-panelrecipients { & data-keyoverview { & > * { &:before { content: \f252; font-family: FontAwesome; position: absolute; top: 0; right: 40px; width: 40px; height: 40px; line-height: 40px; text-align: center; } &data-done1 { &:before { content: \f00c; } opacity: 0.5; } & .actions { width: 40px; } } } } &data-panelitems { & data-keyoverview { & > * { padding: 1rem; background-color: rgba(0,0,0,.1); .cs_select_wrapper { & > select { color: #000; border-radius: 0; } } & name { min-height: 40px; line-height: 40px; background-color: #FFF; } & .myDropzone { display: block; background-size: contain; background-repeat: no-repeat; background-position: center center; } & + * { margin-top: 1rem; } &data-item_type1 { & .myDropzone, & nameitem_data_img { display: none; } & nameitem_data_href { margin-bottom: 0; } } &data-item_type2, &data-item_type3, &data-item_type4 { display: flex; flex-wrap: wrap; gap: 1rem; &data-item_type3 { flex-direction: row-reverse; } & > * { flex: 3; & + * { flex: 2; } } } &data-item_type4, &data-item_type7 { & nameitem_data_headline, & nameitem_data_content, & .csRedactorWrapper { display: none; } } &data-item_type5, &data-item_type6 { & nameitem_data_content, & .csRedactorWrapper, & .newsletterItemUploadColumn { display: none; } } &data-item_type6, &data-item_type7 { & nameitem_data_href { display: none; } } &data-item_type1, &data-item_type7 { & nameitem_data_style_override_img_min_height { display: none; } } } } & data-item_id { position: relative; padding-top: 3.5rem!important; padding-bottom: 3.5rem!important; & .csRedactorWrapper { margin-bottom: 10px; } & data-actionsortItems, & data-actiondeleteItem { position: absolute!important; height: 40px; display: block; text-align: center; line-height: 40px; cursor: pointer; font-size: 1.5rem; color: #666; opacity: 0.6; top: 0; right: 0; &:hover { opacity: 1; } &:before { font-family: Fontawesome; } &data-actionsortItems { z-index: 4; background-color: rgba(0,0,0,.2); left: 0; &:before { content: \f062; } &data-dir1 { top: auto; bottom: 0; &:before { content: \f063; } } } &data-actiondeleteItem { z-index: 5; position: absolute!important; width: 40px; &:before { content: \f1f8; } } } &:first-child { & data-dir-1 { pointer-events: none; opacity: .2; } } &:last-child { & data-dir1 { pointer-events: none; opacity: .2; } } } } } & .newsletterAdminWrapper { &:not(.newsletter_admin_editing) { & .newsletterAdminGrid { display: block; } & data-panel, & > div > data-action { display: none; &data-actionadd, &data-paneloverview { display: block; } } } &.newsletter_admin_readonly { & name, & .cs_select_wrapper { pointer-events: none; cursor: default; &:before { color: transparent!important; } } & > div > data-action, & > div > data-actionaddItem, & > div > data-actiondeleteItem, & > div > data-actionsaveItem, & .myDropzone:before { display: none; &data-actionadd, &data-actioncopy, &data-actionsendTest { display: block; } } & data-panelitems data-keyoverview { & data-item_id { padding-top: 1rem!important; padding-bottom: 1rem!important; } & data-actionsortItems, & data-actiondeleteItem { display: none!important; } & .csRedactorWrapper { pointer-events: none!important; padding-top: 0; & .csRedactorHeader { display: none; } } } & data-panelrecipients data-keyoverview { & data-action { display: none!important; } } } } & data-panelinfo { padding: 0!important; & > a { padding: 0 10px; height: 40px; line-height: 40px; display: block; background-color: rgba(var(--clr_main_1), 1); color: #FFF; text-align: center; text-decoration: none; opacity: .7; &:hover { opacity: 1; } } } & contenteditable { & table { table-layout: fixed; width: 100%; border-spacing: 5px; border-collapse: separate; & td { background-color: #EDEDED; padding: 3px 8px; font-size: 1rem; } } } } @media only screen and (max-width: 800px) { .myAlertModuleWrapper_newsletter_admin { padding-right: 0; padding-left: 50px; width: 100vw!important; max-width: 100vw!important; background-color: var(--white); border-radius: 0!important; -webkit-box-shadow: none!important; box-shadow: none!important; max-height: 100vh; &:before { content: ; position: absolute; top: 0; left: 0; width: 40px; height: 100vh; background-color: rgba(0,0,0,.1); } & .myAlert-message.myAlert-message.myAlert-message { padding-left: 1rem!important; } & .myAlert-prompt.myAlert-prompt.myAlert-prompt { padding: 0!important; color: var(--black); } & .newsletterAdminMainAction { left: 0; z-index: 100; } } } .newsletter_style_admin_wrapper { position: fixed; height: 80vh; width: 80vw; top: 50%; left: 50%; z-index: 100000!important; transform: translate(-50%, -50%); display: flex; flex-wrap: wrap; background-color: #666; color: #FFF; -webkit-box-shadow: 0 0 1000px 1000px rgba(0,0,0,.2)!important; box-shadow: 0 0 1000px 1000px rgba(0,0,0,.2)!important; &:before { content: ; position: fixed; background-color: rgba(0,0,0,.7); inset: -1000px; z-index: -1; } & > * { flex: 5; } & iframe { flex: 3; display: block; } & > div:first-child { overflow-y: scroll; height: 80vh; width: 80vw; display: flex; flex-wrap: wrap; gap: .5rem; & > * { flex: 1; min-height: 40px; min-width: 45%; background-color: #000; padding: 1rem; padding-top: .1rem; &:before { display: block; content: attr(data-label); font-size: 0.8rem; color: #BBB; line-height: 40px; } & input, & select { line-height: 40px; min-height: 40px; padding: 0; border: none!important; outline: none!important; } & inputtypenumber, & select { padding: .5rem; } &data-block_typevalue_unit, & data-block_typevalue_unit { & > span { display: flex; gap: 1em; & > * { flex: 1; } } } &data-block_typeborder { & > span { display: flex; gap: 1em; & > * { flex: 5; &data-keycolor { flex: 2; } } } } &data-block_typeimage { & .dropzone { cursor: pointer; background-size: cover!important; background-position: center center; display: block; position: relative; min-height: 150px; &:before { content: ; position: absolute; inset: 0; background-color: rgba(255,255,255,.1); z-index: 1; } &:after { content: \f093; font-family: FontAwesome; color: #FFF; opacity: .3; pointer-events: none; position: absolute; inset: 0; line-height: 150px; text-align: center; font-size: 50px; } } & img { display: block; max-height: 150px; max-width: 100%; margin: 0 auto; position: relative; z-index: 2; } } } } & .actions { position: absolute!important; top: 0; right: -40px; width: 40px; height: 80px; padding: 0; & > * { display: block; text-align: center; width: 40px!important; height: 40px!important; line-height: 40px!important; background-color: #000; font-style: normal; font-size: 20px; &data-action { &:before { font-family: FontAwesome !important; display: block; cursor: pointer; } } &data-actionsave { &:before { content: \f0c7; background-color: var(--green); } } &data-actionclose { &:before { content: \f00d; background-color: var(--red); } } } } } .companyColorAddOverlay { z-index: 200000!important; & .myAlert-prompt { background-color: #FFF; } & input { height: 40px; padding: 0; } } .companyColorAdmin { max-width: 40px; padding: 0 20px; & data-actionadd { width: 40px; height: 40px; color: #FFF; cursor: pointer; &:before { content: +; text-align: center; line-height: 40px; display: block; font-size: 30px; } } & data-hex { display: block; width: 40px; height: 40px; cursor: pointer; border: 2px solid #FFF; -webkit-border-radius: 50px; border-radius: 50px; box-sizing: border-box; margin-top: 5px; } } .myAlertModuleWrapper_newsletter_admin { & inputtypetext, & inputtypedate { background-color: #FFF!important; border: 1px solid rgba(0,0,0,.1)!important; } & .newsletter_smtp_input_block { margin-top: 1.5rem; margin-bottom: 1rem; background-color: rgba(0,0,0,.1); padding: 1rem; display: flex; flex-wrap: wrap; gap: 1rem; & > * { flex: 1; } } } .newsletter_smtp_input_block { padding-right: 100px!important; position: relative; & > * { flex-basis: 200px!important; } & > :last-child { position: absolute; top: 0; right: 0; width: 80px; height: 80px; cursor: pointer; background-color: rgba(0,0,0,.1); &:before { display: block; font-family: FontAwesome !important; text-align: center; line-height: 80px; font-size: 30px; } } &data-valid0 { & > :last-child { &:before { content: \f071; color: var(--red); } } } &data-valid1 { & > :last-child { &:before { content: \f00c; color: var(--greenDark); } } } &.checking { pointer-events: none; & > :last-child { &:before { content: \f021!important; color: var(--blue)!important; -webkit-animation: spin 4s infinite linear; } } } } .loadModuledata-keynewsletter_statistics { & table { table-layout: fixed; width: 100%; margin-top: 1rem; margin-bottom: 1rem; font-size: .7rem; font-family: monospace; & col:first-child { width: 300px!important; } & col:last-child { width: 30px!important; } & tr { & th { font-weight: bold; background-color: #EFEFEF; border: 1px solid #CCC; border-bottom: 1px solid #666!important; } & td, & th { padding: 5px 10px; min-height: 30px; box-sizing: border-box; } &:nth-child(2n) { & td { background-color: rgba(0,0,0,.05); } } & td { border: 1px solid #CCC; border-bottom: 1px solid #666!important; &data-keycount { text-align: right; } &:last-child { padding: 0; position: relative; & a { position: absolute; top: 0; left: 0; right: 0; display: block; width: 30px; height: 25px; line-height: 25px; text-align: center; font-size: 18px; text-decoration: none; } } } &data-status { & td:first-child { position: relative; padding-left: 30px; &:before { text-align: center; position: absolute; top: 0; left: 0; content: ; width: 30px; height: 25px; line-height: 25px; font-family: FontAwesome; font-size: 15px; } } } &data-status1 { & td:first-child { &:before { content: \f110; } } } &data-status2 { & td:first-child { &:before { content: \f252; -webkit-animation:spin 4s linear infinite; -moz-animation:spin 4s linear infinite; animation:spin 4s linear infinite; } } } &data-status3 { & td:first-child { &:before { content: \f00c; } } } } } } html { height: 100%; } body { background-color: #ffffff; font-size: 14px; line-height: 1.425; color: rgba(51,51,51,1); font-family: Arial, Helvetica, sans-serif; height: 100%; overflow-y: scroll; } a { text-decoration: none; } a:hover { } h1, h2, h3{ font-weight:inherit; font-size:inherit; color:inherit; } h1{ padding-bottom:20px; line-height:inherit; } .template-maincolor-text { color: rgba(236,123,43,1); } .template-maincolor-border { border-color: rgba(236,123,43,1); } .template-maincolor-background { background-color: rgba(236,123,43,1); } #wrapper { position: relative; z-index: 0; min-height: 100%; box-sizing: border-box; } #wrapper .btn { background-color: rgba(236,123,43,1); } #wrapper .btn:hover, #wrapper .btn:active, #wrapper .btn.active { background-color: rgba(236,123,43,1); color: #FFF; } div.csLangOverviewFlag { margin-left: 20px; } #wrapper .btn_white, #wrapper .btn.full { -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; border: solid rgba(236,123,43,1) 1px !important; text-decoration: none !important; background-color: #fff !important; color: rgba(236,123,43,1) !important; margin-top:20px !important; padding: 10px 20px !important; display: inline-block !important; cursor: pointer !important; } #wrapper .btn_white:hover, #wrapper .btn.full:hover, #wrapper .btn.loadMore:hover { background: rgba(236,123,43,1) !important; border: solid rgba(255,255,255,1) 1px !important; text-decoration: none !important; color: #ffffff !important; } #wrapper .btn.loadMore { -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; border: solid rgba(236,123,43,1) 1px !important; text-decoration: none !important; background-color: #fff !important; color: rgba(236,123,43,1) !important; margin-top:20px !important; padding: 10px 20px !important; cursor: pointer !important; } #wrapper .btn.loadMore:hover { background: rgba(236,123,43,1) !important; border: solid rgba(255,255,255,1) 1px !important; text-decoration: none !important; color: #ffffff !important; } .stripe-header { z-index: 9999 !important; } .header-menu.fixed { position: fixed !important; top: 0 !important; left: 0 !important; z-index: 9999; } .fixedbg{ background-attachment:fixed !important; background-size: 100% auto !important; background-repeat: no-repeat; z-index:-1 !important; } .fixedheader{ z-index: 100 !important; } .pagearea-1{ margin-top:100px !important; } .section-1-title { font-size: 50px; text-align: center; font-family: Verdana, Geneva, sans-serif; } .section-1-text{ color:#fff; font-size:20px; font-family: Verdana, Geneva, sans-serif; } .section-2-colbox-1, .catbox-col-1{ margin-right:20px;} .section-2-colbox-2, .catbox-col-2{ margin-right:10px; margin-left:10px; } .section-2-colbox-3, .catbox-col-3{ margin-left:20px; } .section-2-colbox h3, .catbox-col h3{ font-size:25px; } .section-2-colbox img, .catbox-col img{ max-width:100%; max-height:300px; background-color:#fff; padding: 20px; margin-bottom: -5px; } .square-icon { width: 1.5em; height: 1.5em; font-size: 2.5em; line-height: 1.5em; color:rgba(51,51,51,1); } .section-title > .container > .container-inner { font-size: 30px; color: rgba(236,123,43,1); text-align: center; font-weight: bold; padding-right: 0px; font-family: Verdana, Geneva, sans-serif; padding-bottom: 20px; } h3.h2{ color: rgba(236,123,43,1); } .col-3-schwerpunkte .section-2-colbox p, .catbox .catbox-col p{ position: absolute; background-color: rgba(236,123,43, 0.9); color: #ffffff; bottom: 0; padding: 20px 10px 20px 10px; top: 0; overflow:hidden; -webkit-transform:translateY(50%); -ms-transform:translateY(50%); transform:translateY(50%); opacity:0; -webkit-transition: opacity 1s, -webkit-transform 1s; -ms-transition: opacity 1s, -ms-transform 1s; transition: opacity 1s, transform 1s; } .catbox .catbox-col p{ text-align:left; } .col-3-schwerpunkte .section-2-colbox-1 > .container > .container-inner, .col-3-schwerpunkte .section-2-colbox-2 > .container > .container-inner, .col-3-schwerpunkte .section-2-colbox-3 > .container > .container-inner { background-color: rgba(236,123,43, 0.7); padding: 20px; } .col-3-schwerpunkte .section-2-colbox, .catbox .catbox-col{ cursor:pointer; } .col-3-schwerpunkte .section-2-colbox .section-2-colbox-caption > .container > .container-inner { font-family: Verdana, Geneva, sans-serif; font-size: 25px; color: rgb(255, 255, 255); font-weight: bold; } .col-3-schwerpunkte .section-2-colbox .imgText, .catbox .catbox-col .imgText{ overflow:hidden; } .catbox .catbox-col .imgText > .container{ overflow:hidden; max-height:300px; text-align: center; } .catbox .catbox-col .imgText > .container > .container-inner{ vertical-align:middle; } .col-3-schwerpunkte .section-2-colbox:hover p, .catbox .catbox-col:hover p{ -webkit-transform:translateY(0%); transform:translateY(0%); opacity:1; } .col-3-schwerpunkte .section-2-colbox .container-inner, .catbox .catbox-col > .container > .container-inner{ border-radius: 5px; } .col-3-erfahrung .col-3-erfahrung-text .container .container-inner::before { content: ; position: absolute; top: 0; left: 15px; bottom: 0; right: 15px; z-index: -1; background-color:#ffffff; border-radius: 5px; } .col-3-erfahrung .col-3-erfahrung-text .container .container-inner { padding:30px; } .col-3-erfahrung .col-3-erfahrung-text { margin-left:-15px; margin-right:-15px; } .catbox-col .elem-keywordoverview{ padding-bottom:5px; } .section-form .btn { background-color: #ccc !important; width:100% !important; } .elem-contactform divdata-contactform .csContactFormContainer .csContactFormInput { width: 100%; } .section-form .btn{ width:100%; border: 1px solid #d2d2d2 !important; background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%) !important; background: -webkit-linear-gradient(top, #ffffff 0%,#f0f0f0 100%) !important; background: linear-gradient(to bottom, #ffffff 0%,#f0f0f0 100%) !important; } .section-form .btn:hover, .section-form .btn:active, .section-form .btn.active { background: rgba(236,123,43,1) !important; color: #FFF !important; opacity:1; } .elem-contactform divdata-contactform .csContactFormContainer .csContactFormBlock { margin-bottom: 13px; } .main-menu { } .main-menu ul.menu-nav { display: table; } .main-menu ul.menu-nav > li { position: relative; } .main-menu ul.menu-nav > li::before { width: 2px; background-color: #b1adb1; content: ; left: -1px; position: absolute; top: 0; bottom: 0; } .main-menu ul.menu-nav > li:first-child::before { display: none; } .main-menu ul.menu-nav > li > a, .main-menu ul.menu-nav > li > span { color: #9d999d !important; letter-spacing: 1px; position: relative; -webkit-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; padding-top: 0; padding-bottom: 0; text-decoration: none !important; } .main-menu ul.menu-nav > li > a:hover, .main-menu ul.menu-nav > li > span:hover, .main-menu ul.menu-nav > li.active > a, .main-menu ul.menu-nav > li.active > span { color: rgba(236,123,43,1) !important; } .main-menu ul.menu-nav > li > a::before, .main-menu ul.menu-nav > li > span::before { left: 0; right: 0; height: 4px; width: 0; background-color: rgba(236,123,43,1); top: 100%; margin-top: 36px; position: absolute; content: ; -webkit-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .main-menu ul.menu-nav > li:hover > a::before, .main-menu ul.menu-nav > li:hover > span::before, .main-menu ul.menu-nav > li.active > a::before, .main-menu ul.menu-nav > li.active > span::before { width: 100%; } .main-menu ul.menu-nav > li > ul { padding-top: 40px; background-color: transparent; display: block; -webkit-transform: scaleY(0); -o-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 40px; -o-transform-origin: 0 40px; -ms-transform-origin: 0 40px; transform-origin: 0 40px; -webkit-transition: -webkit-transform 0.26s ease-out; -o-transition: -o-transform 0.26s ease; -ms-transition: -ms-transform 0.26s ease; transition: transform 0.26s ease; } .main-menu ul.menu-nav > li:hover > ul { -webkit-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .main-menu ul.menu-nav > li > ul > li { background-color: rgba(51,51,51,1); } .main-menu ul.menu-nav > li > ul > li:first-child { padding-top: 20px; } .main-menu ul.menu-nav > li > ul > li:last-child { padding-bottom: 20px; } .main-menu ul.menu-nav > li > ul > li > a, .main-menu ul.menu-nav > li > ul > li > span { padding: 5px 15px !important; -webkit-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; color: #ffffff !important; text-decoration: none !important; } .main-menu ul.menu-nav > li > ul > li > a:hover, .main-menu ul.menu-nav > li > ul > li > span:hover, .main-menu ul.menu-nav > li > ul > li.active > a, .main-menu ul.menu-nav > li > ul > li.active > span { color: rgba(236,123,43,1) !important; } .main-menu ul.menu-nav > li > ul > li > ul { display: none !important; } .main-menu ul.menu-nav > li > a, .main-menu ul.menu-nav > li > span, .main-menu ul.menu-nav > li > ul > li > a, .main-menu ul.menu-nav > li > ul > li > span, .main-menu ul.menu-nav > li > ul > li > ul > li > a, .main-menu ul.menu-nav > li > ul > li > ul > li > span, .main-menu ul.menu-nav > li > ul > li > ul > li > ul > li > a, .main-menu ul.menu-nav > li > ul > li > ul > li > ul > li > span{ color: #fff !important; font-size: inherit !important; font-weight:bold !important; padding: 12px 15px !important; } .main-menu ul.menu-nav > li > a:hover, .main-menu ul.menu-nav > li > span:hover, .main-menu ul.menu-nav > li.active > a, .main-menu ul.menu-nav > li.active > span, .main-menu ul.menu-nav > li > ul li a:hover, .main-menu ul.menu-nav > li > ul li span:hover, .main-menu ul.menu-nav > li > ul li.active > a, .main-menu ul.menu-nav > li > ul li.active > span{ color: rgba(255, 255, 255, 1) !important; background-color: rgba(255,255,255,0.3) !important; } .main-menu ul.menu-nav > li > ul li{ border-left: 1px solid rgba(255, 252, 252, 0.9); border-right: 1px solid rgba(255, 252, 252, 0.9); } .main-menu ul.menu-nav > li > ul > li > ul > li:first-child, .main-menu ul.menu-nav > li > ul > li > ul > li > ul > li:first-child { border-left: 0px solid #fff; } .main-menu ul.menu-nav > li > ul li:last-child{ border-bottom: 1px solid rgba(255, 252, 252, 0.9); } .main-menu ul.menu-nav > li::before { width: 1px; background-color: rgba(0,0,0,0.1); } .header-slogan { margin-top: 250px; margin-bottom: 300px; color: #ffffff; } .header-slogan-row > .container > .container-inner { background-color: rgba(236,123,43, 0.8); } .section-form .btn { width: 100% !important; float: right !important; } .section-form input { width: 100% !important; } .main-menu ul.menu-nav > li > a::before, .main-menu ul.menu-nav > li > span::before{ background-color: rgba(255, 252, 252, 0.9); top: 0; margin-top: 40px; } .main-menu ul.menu-nav > li > ul{ -webkit-transform: none !important; -o-transform: none !important; -ms-transform: none !important; transform: none !important; -webkit-transform-origin: none !important; -o-transform-origin: none !important; -ms-transform-origin: none !important; transform-origin: none !important; padding-top:0px; overflow:hidden; } .main-menu ul.menu-nav > li > ul > li a{ font-size:inherit !important; font-weight:bold; border-top: 1px solid rgba(0, 0, 0, 0.1); } .main-menu ul.menu-nav > li > ul > li span{ border-top: 1px solid rgba(0, 0, 0, 0.1); } .main-menu ul.menu-nav > li > ul > li:first-child { padding-top: 0px; } .main-menu ul.menu-nav > li > ul li { background-color:rgba(236,123,43,1); } .main-menu ul.menu-nav > li > ul > li:last-child { padding-bottom: 0px; } .main-menu ul.menu-nav > li > ul { max-height:0px !important; -webkit-transition: -webkit-max-height 0.5s 0s ease-in-out; -o-transition: -o-max-height 0.5s 0s ease-in-out; -ms-transition: -ms-max-height 0.5s 0s ease-in-out; transition: max-height 0.5s 0s ease-in-out; } .main-menu ul.menu-nav > li:hover > ul { max-height:2000px !important; } .main-menu ul.menu-nav > li > ul > li > ul, .main-menu ul.menu-nav > li > ul > li > ul > li > ul { max-height:40px !important; max-width:0px !important; -webkit-transition: -webkit-max-width 1s 0s, -webkit-max-height 1s 0.3s; -o-transition: -o-max-width 1s 0s, -o-max-height 1s 0.3s; -ms-transition: -ms-max-width 1s 0s, -ms-max-height 1s 0.3s; transition: max-width 1s 0s, max-height 1s 0.3s; } .main-menu ul.menu-nav > li > ul > li > ul, .main-menu ul.menu-nav > li > ul > li > ul > li > ul { overflow:hidden; } .main-menu ul.menu-nav > li > ul > li:hover > ul, .main-menu ul.menu-nav > li > ul > li > ul > li:hover > ul { max-width:2000px !important; max-height:2000px !important; } .overflow-visible{ overflow:visible !important; } .main-menu ul.menu-nav > li > ul > li > ul { display: block !important; } .main-menu ul.menu-nav > li > ul > li:hover > ul { display: block !important; } .top-info > .container > .container-inner{ padding:5px 0px; } .header-logo > .container > .container-inner{ padding:10px 0px; } .header-menu > .container > .container-inner{ background-color: rgba(236,123,43,1); } .box-padding > .container > .container-inner{ padding:30px 0px; } .catbox-padding > .container > .container-inner{ padding:0px 0px 30px 0px; } .csProductsList > .csProductContainer{ background-color: rgba(236,123,43, 0.7) !important; -webkit-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-radius: 5px; padding: 20px !important; color:#fff !important; float: left !important; box-sizing: border-box !important; margin-right: 15px !important; margin-bottom: 30px !important; margin-left: 15px !important; padding-top: 15px !important; padding-right: 15px !important; padding-bottom: 15px !important; padding-left: 15px !important; border-top: 2px !important; border-right: 2px !important; border-bottom: 2px !important; border-left: 2px !important; border-color: rgba(245,245,245,1) !important; border-style: solid !important; width: calc(33.3333333333% - 10px - 10px) !important; min-height: 450px; } .csProductItem .csProductItemHeader .csProductItemCaption{ font-family: Verdana, Geneva, sans-serif; font-size: 20px; line-height: 25px; color: rgb(255, 255, 255); font-weight: bold; } .csProductItem .csProductItemBody .csProductItemImage { background-color: #fff; } .csProductItem .csProductItemHeader .csProductItemTraits table.table { width: 100%; table-layout: fixed; } .csProductItem .csProductItemHeader .csProductItemTraitsdata-numtraits5 { min-height: 8.5em; max-height: 8.5em; } .csProductItemCaption.h3.ellipsis { white-space: normal; min-height: 50px; } .csProductsList .csProductContainerdata-col3:nth-child(3n+1){ margin-left:0px !important; } .csProductsList .csProductContainerdata-col3:nth-child(3n+3){ margin-right:0px !important; } .stripe-footer{ background-color: rgba(236,123,43,1); color: #ffffff; position:absolute !important; bottom:0; left:0; width:100%; } .footer-caption { font-family: Verdana, Geneva, sans-serif; margin-bottom:5px; } .footer-caption > .container > .container-inner { font-weight: bold; } .footer-caption > .container > .container-inner > * { margin-right: 30px; padding-bottom: 5px; border-bottom: 1px solid rgba(255,255,255,0.3); letter-spacing: 0.8px; } .stripe-footer .menu-nav li a{ padding:5px 5px 5px 0px; -webkit-transition: padding 1s; -ms-transition: padding 1s; transition: all 0.4s; } .stripe-footer .menu-nav li a:hover{ padding:5px 5px 5px 10px; background-color: rgba(255,255,255,0.3) !important; } @media (max-width:767px){ html { overflow-x: hidden; } h1, h2, h3{ padding-left:10px; padding-right:10px; } .main-menu ul.menu-nav { position: relative !important; top: 0px; width:100%; display:block; display:none; } .pagearea-1, .pagearea-2 { background-position: center center !important; } .main-menu .menu-nav>li{ margin-bottom:10px; } .main-menu ul.menu-nav > li > a::before{ margin-top: 48px; } .main-menu ul.menu-nav > li > a{ padding: 15px !important; font-size: 20px; font-weight: normal; } .mobile-about{ padding:20px; } .col-3-erfahrung-text>.container, .col-3-schwerpunkte .container, .section-form{ display:block !important; } .section-2-title h1{ padding-left:10px; } .section-2-colbox, .catbox-col{ margin:5px 10px !important; } .stripe-footer, .header-logo-lang, .elem-keywordinfo{ padding:5px 10px !important; } .section-form .container, .stripe-footer .container, .header-logo-lang .container{ table-layout: auto; } .section-contact-form>.container>.container-inner{ padding:10px !important; } .section-contact-form .elem-contactform{ padding:0 !important; } .section-contact-form .elem-contactform divdata-contactform .csContactFormContainer .csContactFormInput { width: 100% !important; } .header-slogan{ margin-top: 0px !important; margin-bottom: 0px !important; } .header-slogan .section-1-text{ padding-left: 20px; padding-right: 20px; } .section-map iframe{ width:100%; } .main-menu .menu-nav > li > ul > li ul { position: relative; -webkit-transform: none !important; -o-transform: none !important; -ms-transform: none !important; transform: none !important; } .main-menu ul.menu-nav > li > ul, .main-menu ul.menu-nav > li > ul > li > ul, .main-menu ul.menu-nav > li > ul > li > ul > li > ul { max-height: 2000px !important; max-width: 2000px !important; } .main-menu .menu-nav > li > ul li, .main-menu .menu-nav > li > ul > li > ul li { background-color: rgba(255, 255, 255, 1)!important; } .main-menu .menu-nav > li > ul > li, .main-menu .menu-nav > li > ul li { padding-left:15px !important; } .main-menu ul.menu-nav > li > ul > li > a, .main-menu ul.menu-nav > li > ul > li > span, .main-menu ul.menu-nav > li > ul > li > ul > li > a, .main-menu ul.menu-nav > li > ul > li > ul > li > span, .main-menu ul.menu-nav > li > ul > li > ul > li > ul > li > a, .main-menu ul.menu-nav > li > ul > li > ul > li > ul > li > span{ color: rgba(236,123,43,1) !important; } .main-menu ul.menu-nav > li > ul li a:hover, .main-menu ul.menu-nav > li > ul li span:hover, .main-menu ul.menu-nav > li > ul li.active > a, .main-menu ul.menu-nav > li > ul li.active > span{ color: rgba(236,123,43,1) !important; background-color: rgba(236,123,43, 0.3) !important; } .csProductsList > .csProductContainer { width: calc(100% - 15px - 15px) !important; } .mobile-padding{ padding:5px 10px !important; } .stripe-footer h1, .stripe-footer h2, .stripe-footer h3, .stripe-footer data-companydatatitle { padding-left: 0px; padding-right: 0px; margin-top:20px; } .kontakt .section-form > .container > .container-inner{ margin-left:10px; } .kontakt .section-contact-form>.container>.container-inner { padding-left: 0px !important; } div.csLangOverviewFlag { margin: 10px 10px 10px 0px; } .top-info > .container > .container-inner{ padding-right:10px; } } .menu-mobile-btn { float: none; padding:17px 10px; } /style>script typetext/javascript>var checkReady function(callback) { if (window.jQuery) { callback(jQuery); } else { window.setTimeout(function() { checkReady(callback); }, 20); } }; checkReady(function($) { $(function() {}); });/script>script typetext/javascript>var SID JSON.parse(0);var SANDBOX JSON.parse(false);var BASEURL JSON.parse(https:\/\/contentstock.industrystock.com);var LIVEURL JSON.parse(https:\/\/www.nbpinnacle.com\/);var LOC JSON.parse(https:\/\/www.nbpinnacle.com\/en\/);var COMPANY_ID JSON.parse(526045);var LANG JSON.parse(en);var DEFAULTLANG JSON.parse(en);var LANG_URL JSON.parse({de:https:\/\/www.nbpinnacle.com\/de,en:https:\/\/www.nbpinnacle.com\/en,es:https:\/\/www.nbpinnacle.com\/es,fr:https:\/\/www.nbpinnacle.com\/fr,zh:https:\/\/www.nbpinnacle.com\/zh});var DETAIL_ID JSON.parse();var LANG_CONVERT JSON.parse();var AUTOTRANS JSON.parse();var AUTOTRANSDEFAULT JSON.parse(en);/script>script src//www.nbpinnacle.com/c-en526045.js?v497ee1e59669f1ed2f522c41f82b96a3 typetext/javascript>/script>meta namerobots contentindex, follow />meta nameviewport contentwidthdevice-width, initial-scale1.0, maximum-scale5.0 />meta propertyog:title contentNingbo Pinnacle Machinery Technology Co., Ltd />link relshortcut icon hrefhttps://cdnuploads.industrystock.direct/images/company/da9d3b0c61682595eb1502ff8fbdde82.ico />link relcanonical hrefhttps://www.nbpinnacle.com/en />link hreflangde hrefhttps://www.nbpinnacle.com/de/de relalternate />link hreflangen hrefhttps://www.nbpinnacle.com/en relalternate />link hreflanges hrefhttps://www.nbpinnacle.com/es/es relalternate />link hreflangfr hrefhttps://www.nbpinnacle.com/fr/fr relalternate />link hreflangzh hrefhttps://www.nbpinnacle.com/zh/zh relalternate />title>Ningbo Pinnacle Machinery Technology Co., Ltd/title>link relstylesheet typetext/css href.csLangOverviewFlag span { />link relstylesheet typetext/css href position: relative; />link relstylesheet typetext/css href left: 35px; />link relstylesheet typetext/css href} />link relstylesheet typetext/css href.csLangOverviewFlag a { />link relstylesheet typetext/css href text-align: left; />link relstylesheet typetext/css href text-decoration: none; />link relstylesheet typetext/css href text-transform: uppercase; />link relstylesheet typetext/css href font-size: 13px; />link relstylesheet typetext/css href color: DATA::MAINCOLOR; />link relstylesheet typetext/css href.csLangOverviewFlag:first-child a {} />link relstylesheet typetext/css href.csLangOverviewFlag:first-child:hover a { />link relstylesheet typetext/css href.csLangOverviewFlag:hover a { />link relstylesheet typetext/css href.csLangOverviewFlag:first-child a:after { />link relstylesheet typetext/css href width: 6px; />link relstylesheet typetext/css href height: 6px; />link relstylesheet typetext/css href display: block; />link relstylesheet typetext/css href margin-top: -5px; />link relstylesheet typetext/css href position: absolute; />link relstylesheet typetext/css href top: 15px; />link relstylesheet typetext/css href right: 20px; />link relstylesheet typetext/css href content: ; />link relstylesheet typetext/css href border-color: DATA::MAINCOLOR; />link relstylesheet typetext/css href border-style: solid; />link relstylesheet typetext/css href border-width: 1px 1px 0 0; />link relstylesheet typetext/css href vertical-align: top; />link relstylesheet typetext/css href -webkit-transform: rotate(133deg); />link relstylesheet typetext/css href transform: rotate(133deg); />link relstylesheet typetext/css href -webkit-box-sizing: inherit; />link relstylesheet typetext/css href box-sizing: inherit; />link relstylesheet typetext/css href.csLangOverviewFlag { />link relstylesheet typetext/css href padding-left: 15px; />link relstylesheet typetext/css href line-height: 30px; />link relstylesheet typetext/css href border-left: 1px solid #c7c7c7; />link relstylesheet typetext/css href border-right: 1px solid #c7c7c7; />link relstylesheet typetext/css href background-color: #fff; />link relstylesheet typetext/css href.csLangOverviewFlag:first-child { />link relstylesheet typetext/css href //border-top: 1px solid #c7c7c7; />link relstylesheet typetext/css href.csLangOverviewFlag:last-child { />link relstylesheet typetext/css href border-bottom: 1px solid #c7c7c7; />link relstylesheet typetext/css href.csLangOverviewFlag:hover { />link relstylesheet typetext/css href background-color: #EEEEEE; />link relstylesheet typetext/css href.header_flag, .header_flag > .container { />link relstylesheet typetext/css href width: 150px !important; />link relstylesheet typetext/css href float: right; />link relstylesheet typetext/css href.header_flag .csLangOverview { />link relstylesheet typetext/css href width: 100%; />link relstylesheet typetext/css href.header_flag > .container > .container-inner { />link relstylesheet typetext/css href height: 30px; />link relstylesheet typetext/css href overflow: hidden !important; />link relstylesheet typetext/css href padding-top: 30px; />link relstylesheet typetext/css href.header_flag > .container > .container-inner:before { />link relstylesheet typetext/css href top: 0; />link relstylesheet typetext/css href left: 0; />link relstylesheet typetext/css href width: 148px; />link relstylesheet typetext/css href height: 28px; />link relstylesheet typetext/css href border: 1px solid #c7c7c7; />link relstylesheet typetext/css href.header_flag > .container > .container-inner:hover { />link relstylesheet typetext/css href height: 500px; />link relstylesheet typetext/css href />link relstylesheet typetext/css href.csLangOverviewFlag .svgflag { />link relstylesheet typetext/css href width: 25px; />link relstylesheet typetext/css href.csLangOverviewFlag{ />link relstylesheet typetext/css hreffloat: none!important; />link relstylesheet typetext/css href.initialized .csLangOverviewFlag{ />link relstylesheet typetext/css hrefmargin-left: 0px!important; />link relstylesheet typetext/css href.svgflagclass*size_40{ />link relstylesheet typetext/css hrefheight: 30px!important; />link relstylesheet typetext/css href.csLangOverview .csLangOverviewFlag svg.flag_de:lang(de), .csLangOverview .csLangOverviewFlag svg.flag_en:lang(en), .csLangOverview .csLangOverviewFlag svg.flag_es:lang(es), .csLangOverview .csLangOverviewFlag svg.flag_pl:lang(pl), .csLangOverview .csLangOverviewFlag svg.flag_fr:lang(fr), .csLangOverview .csLangOverviewFlag svg.flag_it:lang(it), .csLangOverview .csLangOverviewFlag svg.flag_ar:lang(ar), .csLangOverview .csLangOverviewFlag svg.flag_kr:lang(kr), .csLangOverview .csLangOverviewFlag svg.flag_jp:lang(jp), .csLangOverview .csLangOverviewFlag svg.flag_cn:lang(cn), .csLangOverview .csLangOverviewFlag svg.flag_cz:lang(cz), .csLangOverview .csLangOverviewFlag svg.flag_pt:lang(pt), .csLangOverview .csLangOverviewFlag svg.flag_ru:lang(ru), .csLangOverview .csLangOverviewFlag svg.flag_tr:lang(tr), .csLangOverview .csLangOverviewFlag svg.flag_hu:lang(hu), .csLangOverview .csLangOverviewFlag svg.flag_fa:lang(fa) { />link relstylesheet typetext/css href top: 0px; />link relstylesheet typetext/css href left: 15px; />link relstylesheet typetext/css href.csLangOverview .csLangOverviewFlag span.flag_text_de:lang(de), .csLangOverview .csLangOverviewFlag span.flag_text_en:lang(en), .csLangOverview .csLangOverviewFlag span.flag_text_es:lang(es), .csLangOverview .csLangOverviewFlag span.flag_text_pl:lang(pl), .csLangOverview .csLangOverviewFlag span.flag_text_fr:lang(fr), .csLangOverview .csLangOverviewFlag span.flag_text_it:lang(it), .csLangOverview .csLangOverviewFlag span.flag_text_ar:lang(ar), .csLangOverview .csLangOverviewFlag span.flag_text_kr:lang(kr), .csLangOverview .csLangOverviewFlag span.flag_text_jp:lang(jp), .csLangOverview .csLangOverviewFlag span.flag_text_cn:lang(cn), .csLangOverview .csLangOverviewFlag span.flag_text_cz:lang(cz), .csLangOverview .csLangOverviewFlag span.flag_text_pt:lang(pt), .csLangOverview .csLangOverviewFlag span.flag_text_ru:lang(ru), .csLangOverview .csLangOverviewFlag span.flag_text_tr:lang(tr), .csLangOverview .csLangOverviewFlag span.flag_text_hu:lang(hu), .csLangOverview .csLangOverviewFlag span.flag_text_fa:lang(fa) { />link relstylesheet typetext/css href line-height: 30px !important; />link relstylesheet typetext/css href left: 50px; />link relstylesheet typetext/css href padding-right: 20px !important; />link relstylesheet typetext/css href visibility: visible !important; />link relstylesheet typetext/css href opacity: 1 !important; />style typetext/css idproject-settings-body-styles> body { font-family:Arial, Helvetica, sans-serif;font-size:16px;color:rgba(51,51,51,1);background-image:none;background-repeat:repeat;background-size:auto;background-position:left top;background-color:rgba(255,255,255,1); } #wrapper .btn { text-decoration:none;border-color:rgba(51,51,51,1); } #wrapper .btn:hover { text-decoration:none; } #wrapper a { } #wrapper a:hover { } /style>style typetext/css idproject-settings-custom-styles>.csProductItemDesc { color: #333; } .csProductContainer:hover .csProductItemDesc { color: #fff; } @media (max-width: 767px){ .csProductsList > .csProductContainer {width: calc(100% - 0px - 30px);} } @media (min-width: 768px){ .csProductsList > .csProductContainer{ min-height: auto;width: calc(50% - 0px - 30px)!important;} } @media (min-width: 992px){ .csProductsList > .csProductContainer{ min-height: auto;width: calc(33.33333% - 0px - 30px)!important;} } @media (min-width: 1200px){ .csProductsList > .csProductContainer{ min-height: auto;width: calc(25% - 0px - 30px)!important;} .test-add .csProductsList > .csProductContainer{ min-height: auto;width: calc(31% - 0px - 30px)!important;} .header-slogan{margin:0px!important;} .po-ab{position: absolute!important;} .container-left{margin-left: 0px!important;width: 40%;} } .main-menu ul.menu-nav > li > a::before, .main-menu ul.menu-nav > li > span::before {background-color: #ffffff;} .header-slogan {margin-top: 280px;margin-bottom: 252px;} .csProductsList > .csProductContainer{ min-height: auto;width: calc(25% - 0px - 30px);background-color: #f7f7f7!important;transition:.5s;border:1px solid #ec7c2c!important;} .csProductsList > .csProductContainer:hover{background-color: #ec7b2b!important;} .csProductsList .csProductContainer > .csProductItem{display: unset;} .csProductItemHeader>h2{max-width: unset!important;} .home-ab-img img{width:97%;padding: 0px 0px;} .scrollLoader{display:none;} .csProductItem .csProductItemHeader .csProductItemCaption{color: #333;transition:.2s;} .csProductsList > .csProductContainer:hover .csProductItem .csProductItemHeader .csProductItemCaption{color: #fff;} .csProductItem .csProductItemHeader .csProductItemTraits{min-height: 0em!important;} .productPreviewFooter .btn{color: rgba(0,0,0,1) !important;} .csProductItem .csProductItemBody .csProductItemImage img{width:100%!important;} .csProductItem .csProductItemBody .csProductItemImage{height:207px;} a{text-decoration:none} a:hover{text-decoration:none} .ver-align>.container>.container-inner{ vertical-align: middle; } .ver-align-top>.container>.container-inner{ vertical-align: top; } .ver-align-bottom>.container>.container-inner{ vertical-align: bottom; } .fixed-bg{ background-attachment: fixed; } .th{ line-height: 1.75em; } .em{ text-indent:2em; } .font-img{ font-size: 0px; } .font-img-c{ text-align: center; } .tab-cap input{ text-transform:capitalize; } .hand-diy{cursor: pointer;} .test-add tr td:nth-child(1){display:none;} .test-add tr td:nth-child(2){color:#333;font-size:12px;text-align: center;} .csProductContainer:hover span{color:#fff;}/style>/head>body classfront>div idwrapper classhome data-id784335>div classet-item sortable ui-sortable-handle stylewidth:100%;z-index:0; idelem_stripe_1567673369675_78n4nk09t7eppuebktjro4p441spga1e data-tpl787>div classcontainer style> div classcontainer-inner et-item elem-stripe droppable column collapsed twelve ui-sortable style> div classdraggable et-item ver-align style idelem_box_1567673378321_78n4nk09t7eppuebktjro4p441spga1e> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed ui-sortable six style> div classdraggable et-item styleposition: relative; opacity: 1; idelem_companydata_stripe_header_02> div classcontainer style> div classcontainer-inner et-item elem-companydata column collapsed twelve stylepadding-top: 15px; padding-bottom: 15px;> div data-companydatalogo data-companydata-paramsdatasource1&columns2&sizedefault&logohref%2F&information%5B0%5Dcapital&information%5B1%5Dcommercial_register&information%5B2%5Dlegal_form&information%5B3%5Dnumber_of_employees&information%5B4%5Dquality_certificate_iso&information%5B5%5Dtrade_name&information%5B6%5Dturnover&information%5B7%5Dyear_of_foundation&social%5B0%5Dfacebook&social%5B1%5Dlinkedin&social%5B2%5Dtwitter&social%5B3%5Dxing&social%5B4%5Dyoutube&social%5B5%5Dgoogle&social%5B6%5Dskype&social%5B7%5Dvk&social%5B8%5Dweibo&social%5B9%5Dwechat&social%5B10%5Dwhatsapp&social%5B11%5Dqq&social%5B12%5Dgoldenline>a hrefhttps://www.nbpinnacle.com/en/>img srchttps://ossis.industrystock.com/company/logo/34e602765faf88b5e116c3cd8cf7e9a7.png altNingbo Pinnacle Machinery Technology Co., Ltd />/a>/div> /div> /div> /div>/div> div classcontainer-inner et-item elem-box droppable column collapsed ui-sortable six style> div classdraggable et-item hea der_f lag styleposition: relative; opacity: 1; idelem_language_stripe_header3> div classcontainer style> div classcontainer-inner et-item elem-language column collapsed twelve style> div data-languagecolumns&target2&sizesize_20_text&type0&alignright&itemmargin%5Btop%5D&itemmargin%5Bright%5D&itemmargin%5Bbottom%5D&itemmargin%5Bleft%5D classinitialized>div classcsLangOverview csLangOverview-align-right> div classcsLangOverviewFlag csLangOverviewFlag_en csLangOverviewFlagActive data-versionsize_20_text data-langen style> a target_blank hrefhttps://www.nbpinnacle.com/en titleEnglish > svg classsvgflag flag flag_rect size_20_text flag_en >use xlink:hrefhttps://osscs.industrystock.com/fonts/flags_extended.svg#flag_en>/use>/svg>span classflag_text_en titleEnglish>English/span> /a> /div> div classcsLangOverviewFlag csLangOverviewFlag_zh data-versionsize_20_text data-langzh style> a target_blank hrefhttps://www.nbpinnacle.com/zh titleChinese > svg classsvgflag flag flag_rect size_20_text flag_zh >use xlink:hrefhttps://osscs.industrystock.com/fonts/flags_extended.svg#flag_cn>/use>/svg>span classflag_text_zh titleChinese>中文/span> /a> /div> div classcsLangOverviewFlag csLangOverviewFlag_de data-versionsize_20_text data-langde style> a target_blank hrefhttps://www.nbpinnacle.com/de titleGerman > svg classsvgflag flag flag_rect size_20_text flag_de >use xlink:hrefhttps://osscs.industrystock.com/fonts/flags_extended.svg#flag_de>/use>/svg>span classflag_text_de titleGerman>Deutsch/span> /a> /div> div classcsLangOverviewFlag csLangOverviewFlag_es data-versionsize_20_text data-langes style> a target_blank hrefhttps://www.nbpinnacle.com/es titleSpanish > svg classsvgflag flag flag_rect size_20_text flag_es >use xlink:hrefhttps://osscs.industrystock.com/fonts/flags_extended.svg#flag_es>/use>/svg>span classflag_text_es titleSpanish>Español/span> /a> /div> div classcsLangOverviewFlag csLangOverviewFlag_fr data-versionsize_20_text data-langfr style> a target_blank hrefhttps://www.nbpinnacle.com/fr titleFrench > svg classsvgflag flag flag_rect size_20_text flag_fr >use xlink:hrefhttps://osscs.industrystock.com/fonts/flags_extended.svg#flag_fr>/use>/svg>span classflag_text_fr titleFrench>Français/span> /a> /div> /div>/div> /div> /div> /div>/div>/div> /div>/div> /div>/div>div classet-item sortable ui-sortable-handle stylewidth: 100%; z-index: 3; background-color: rgb(236, 123, 43); idelem_stripe_1567673176186_78n4nk09t7eppuebktjro4p441spga1e data-tpl789>div classcontainer style> div classcontainer-inner et-item elem-stripe droppable column collapsed twelve ui-sortable style> div classdraggable et-item heade r-menu scroll-fixed styleposition: relative; opacity: 1; left: 0px; top: 0px; idelem_box_header_navigation> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable style> div classdraggable et-item main-menu style idelem_box_header_navigation_row> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable style> div classdraggable et-item styleposition: relative; idelem_menu_stripe_header> div classcontainer style> div classcontainer-inner et-item elem-menu column collapsed twelve stylefont-size: 16px; color: rgb(51, 51, 51); text-align: center; background-color: rgb(236, 123, 43); data-font-family> div data-menu data-menu-paramsbaseitem&levels1&type0&alignleft&itempadding%5Btop%5D&itempadding%5Bright%5D&itempadding%5Bbottom%5D&itempadding%5Bleft%5D>div classmenu-bar> div classmenu-mobile-btn>span classawe-bars>/span>/div> ul classmenu-nav menu-type-horizontal menu-align-left> li classlevel-0 active> a data-type1 hrefhttps://www.nbpinnacle.com/en/ style data-id784335 data-aliashome area-labelHome >Home/a> /li>li classlevel-0> a data-type1 hrefhttps://www.nbpinnacle.com/en/about-us style data-id784337 data-aliasabout-us area-labelAbout us >About us/a> /li>li classlevel-0 deeper> a data-type1 hrefhttps://www.nbpinnacle.com/en/products style data-id784339 data-aliasproducts area-labelProducts >Products/a> ul>li classlevel-1> a data-type-4 hrefhttps://www.nbpinnacle.com/en/products/ki-44215-fasteners style data-idkiu44215 data-aliaski-44215-fasteners area-labelFasteners >Fasteners/a> /li>li classlevel-1> a data-type-4 hrefhttps://www.nbpinnacle.com/en/products/ki-44221-machining-part style data-idkiu44221 data-aliaski-44221-machining-part area-labelMachining part >Machining part/a> /li>li classlevel-1> a data-type-4 hrefhttps://www.nbpinnacle.com/en/products/ki-44219-sheet-metal-processing style data-idkiu44219 data-aliaski-44219-sheet-metal-processing area-labelSheet metal processing >Sheet metal processing/a> /li>/ul>/li>li classlevel-0> a data-type1 hrefhttps://www.nbpinnacle.com/en/news style data-id784353 data-aliasnews area-labelNews >News/a> /li>li classlevel-0> a data-type1 hrefhttps://www.nbpinnacle.com/en/contact style data-id784345 data-aliascontact area-labelContact >Contact/a> /li> /ul> /div>/div> /div> /div> /div> /div> /div> /div> /div> /div> /div>/div> /div>/div>div classet-item sortable fixe dbg pagearea-2 fixed-bg animate ui-sortable-handle stylewidth: 100%; z-index: 0; idelem_stripe_slogan> div classcontainer stylewidth: 100%;> div classcontainer-inner et-item elem-stripe droppable column collapsed twelve ui-sortable style> div classdraggable et-item styleposition: relative; opacity: 1; left: 0px; top: 0px; idelem_box_stripe_slogan_overlay> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable style> div classdraggable et-item style idelem_imageslider_1573525695925_tora8j776910d2em3fbfmhgo8krokpiu> div classcontainer styleheight: 700px;> div classcontainer-inner et-item elem-imageslider column collapsed twelve style> div data-imagesliderlangen&url&imagehttps%3A%2F%2Fossis.industrystock.com%2Fdefault%2Fd5a0adb0056629c3fc0bc11e046da2e0.jpg,langen&url&imagehttps%3A%2F%2Fossis.industrystock.com%2Fdefault%2Ff94e9da8a5e821907d662bad03fff083.jpg,imagehttps%3A%2F%2Fossis.industrystock.com%2Fdefault%2Ff8808a18a96c270c97600479fce9f512.jpg&url&langen class>div stylebackground-image: url(https://ossis.industrystock.com/default/d5a0adb0056629c3fc0bc11e046da2e0.jpg); data-langen roleimg aria-labelalt title>/div>div stylebackground-image: url(https://ossis.industrystock.com/default/f94e9da8a5e821907d662bad03fff083.jpg); data-langen roleimg aria-labelalt title>/div>div stylebackground-image: url(https://ossis.industrystock.com/default/f8808a18a96c270c97600479fce9f512.jpg); data-langen roleimg aria-labelalt title>/div>/div> /div> /div> /div>div classdraggable et-item header-slogan po-ab styleposition: absolute; top: 30%; idelem_box_stripe_slogan_overlay_wrapper> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable style> div classdraggable et-item box-p adding header-slogan-row styleposition: relative; opacity: 1; left: 0px; top: 0px; idelem_box_stripe_slogan_overlay_row> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable stylebackground-color: rgba(236, 123, 43, 0);> div classdraggable et-item container container-left styleposition: relative; idelem_box_stripe_slogan_overlay_content> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable style> div classdraggable et-item section-1-text fadeSlideInBottom2 animate th styleposition: relative; idelem_text_stripe_slogan_overlay_text> div classcontainer style> div classcontainer-inner et-item elem-textbox column collapsed twelve stylepadding: 5%; background-color: rgba(27, 14, 4, 0.5); data-font-family>div data-textboxen>We are a team dedicated to providing high quality products to our customers. div>br> div>With a long-term commitment to fasteners, machining and sheet metal welding, we strive to bring more refined products and a wider range of solutions to our customers./div>/div>/div>/div> /div> /div> /div> /div> /div> /div> /div> /div> /div> /div> /div> /div> /div> /div> /div> /div> /div>div classsortable et-item ui-sortable-handle stylewidth: 100%; z-index: 0; padding-top: 30px; position: relative; idelem_stripe_default_01> div classcontainer style> div classcontainer-inner et-item elem-stripe droppable column collapsed twelve ui-sortable style> div classdraggable et-item section-title animate styleposition: relative; opacity: 1; left: 0px; top: 0px; idelem_h1_stripe_default_01_caption> div classcontainer style> div classcontainer-inner et-item elem-h1 column collapsed twelve style data-font-family>h3 data-h1en>About us/h3>/div> /div> /div>div classdraggable et-item styleposition: relative; idelem_box_stripe_default_01_wrapper> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable style> div classdraggable et-item box-padding animate ver-a lign th styleposition: relative; idelem_box_stripe_default_01_row> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed ui-sortable six stylepadding-right: 15px; padding-left: 15px; width: 50%;> div classdraggable et-item th fadeIn1 scroll-animate styleposition: relative; idelem_text_stripe_default_01_text> div classcontainer style> div classcontainer-inner et-item elem-textbox column collapsed twelve stylefont-size: 18px; padding-bottom: 20px; data-font-family>div data-textboxen>Our company is a specialized company which integrates manufacturing and sales. div> Complete technical ability and processing ability in custom industrial customized fasteners,precision machinery addition and precision sheet metal work./div>div>The company has professionalfastener manufacturing plant,mechanical processing plant andsheet metal factory.With high precision machining capability,a complete product line can be provided. /div>div>The factory has an area of more than 5,000 square meters./div>div>Our products are widelyused in equipment,automobile,electronics and industries.Quality,service and price are the advantages of customer trust./div>/div>/div> /div> /div>div classdraggable et-item th fadeSlideInLeft1 scroll-animate styleposition: relative; idelem_1567676209826_78n4nk09t7eppuebktjro4p441spga1e> div classcontainer style> div classcontainer-inner et-item elem-textbox column collapsed twelve stylefont-size: 18px; padding-top: 20px; data-font-family>div data-textboxen>We follow up the professional,accountable,share business philosophy.Strive to grow with customers with professional products,perfect solutons and services./div>/div> /div> /div> /div> div classcontainer-inner et-item elem-box droppable column collapsed ui-sortable six stylewidth: 50%;> div classdraggable et-item font-img font-img-c home-ab-img fadeIn1 scroll-animate styleposition: relative; opacity: 1; left: 0px; top: 0px; idelem_image_1567674811872_78n4nk09t7eppuebktjro4p441spga1e> div classcontainer style> div classcontainer-inner et-item elem-image column collapsed twelve style data-actions> div data-image data-image-params>img srchttps://ossis.industrystock.com/default/e1b0adcba157d499a0607a557c615194.png>/div> /div> /div> /div>div classdraggable et-item styleposition: relative; opacity: 1; idelem_box_1567675388581_78n4nk09t7eppuebktjro4p441spga1e> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed ui-sortable four stylepadding-top: 10px; padding-right: 10px; padding-left: 10px;> div classdraggable et-item font-img font-img-c fadeSlideInRight1 scroll-animate styleposition: relative; opacity: 1; left: 0px; top: 0px; idelem_1567675406968_78n4nk09t7eppuebktjro4p441spga1e> div classcontainer style> div classcontainer-inner et-item elem-image column collapsed twelve style data-actions> div data-image data-image-params>img srchttps://ossis.industrystock.com/default/9ae57eca81c8810d89ceefe61d0c920b.png>/div> /div> /div> /div>/div> div classcontainer-inner et-item elem-box droppable column collapsed ui-sortable four stylepadding-top: 10px; padding-right: 10px; padding-left: 10px;> div classdraggable et-item font-img font-img-c fadeSlideInRight2 scroll-animate styleposition: relative; opacity: 1; left: 0px; top: 0px; idelem_1567675406968_78n4nk09t7eppuebktjro4p441spga1e2> div classcontainer style> div classcontainer-inner et-item elem-image column collapsed twelve style data-actions> div data-image data-image-params>img srchttps://ossis.industrystock.com/default/978abe04d2b332afea435843fac15956.png>/div> /div> /div> /div>/div>div classcontainer-inner et-item elem-box droppable column collapsed ui-sortable four stylepadding-top: 10px; padding-right: 10px; padding-left: 10px;> div classdraggable et-item font-img font-img-c fadeSlideInRight3 scroll-animate styleposition: relative; opacity: 1; left: 0px; top: 0px; idelem_1567675406968_78n4nk09t7eppuebktjro4p441spga1e3> div classcontainer style> div classcontainer-inner et-item elem-image column collapsed twelve style data-actions> div data-image data-image-params>img srchttps://ossis.industrystock.com/default/15c2f42185141f873ad96f880a1a4b9e.png>/div> /div> /div> /div>/div>/div> /div> /div>/div> /div> /div> /div> /div> /div> /div> /div>div classet-item sortable fixed-bg ui-sortable-handle stylewidth: 100%; z-index: 0; background-image: url(https://ossis.industrystock.com/default/afc36da3308b3b47bf2c7474939761aa.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; idelem_stripe_default_02 data-tpl827>div classcontainer stylewidth: 100%;> div classcontainer-inner et-item elem-stripe droppable column collapsed twelve ui-sortable style> div classdraggable et-item box-padding fixed-bg styleposition: relative; idelem_box_stripe_default_02_wrapper> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable style> div classdraggable et-item container col-3-erfahrung scroll-animate fadeSlideInTop1 styleposition: relative; idelem_box_stripe_default_01_content> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable style> div classdraggable et-item col-3-erfahrung-text styleposition: relative; idelem_box_stripe_default_02_row> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed ui-sortable four style> div classdraggable et-item styleposition: relative; idelem_box_stripe_default_02_column_01> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable style> div classdraggable et-item styleposition: relative; opacity: 1; left: 0px; top: 0px; idelem_text_stripe_default_02_column_01> div classcontainer style> div classcontainer-inner et-item elem-textbox column collapsed twelve stylepadding: 0px; text-align: center;>div data-textboxen>span classawe-users square-icon h2 template-maincolor-text>/span>/div>/div> /div> /div>div classdraggable et-item styleposition: relative; opacity: 1; left: 0px; top: 0px; idelem_1567662197366_78n4nk09t7eppuebktjro4p441spga1e> div classcontainer style> div classcontainer-inner et-item elem-textbox column collapsed twelve stylepadding: 0px; text-align: center; font-size: 20px; color: rgb(236, 123, 43); data-font-family>div data-textboxen>Quality first/div>/div> /div> /div>div classdraggable et-item styleposition: relative; opacity: 1; left: 0px; top: 0px; idelem_1567662197208_78n4nk09t7eppuebktjro4p441spga1e> div classcontainer style> div classcontainer-inner et-item elem-textbox column collapsed twelve stylepadding: 0px; text-align: center;>div data-textboxen>We will only give a reasonable offer if we ensure that the quality meets the customers requirements. Our philosophy is that product quality is the lifeblood of the company./div>/div> /div> /div> /div> /div> /div> /div> div classcontainer-inner et-item elem-box droppable column collapsed ui-sortable four style> div classdraggable et-item styleposition: relative; idelem_box_stripe_default_02_column_012> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable style> div classdraggable et-item styleposition: relative; opacity: 1; left: 0px; top: 0px; idelem_1567662258630_78n4nk09t7eppuebktjro4p441spga1e2> div classcontainer style> div classcontainer-inner et-item elem-textbox column collapsed twelve stylepadding: 0px; text-align: center;>div data-textboxen>span classawe-lightbulb-o square-icon h2 template-maincolor-text>/span>/div>/div> /div> /div>div classdraggable et-item styleposition: relative; opacity: 1; left: 0px; top: 0px; idelem_1567662197366_78n4nk09t7eppuebktjro4p441spga1e2> div classcontainer style> div classcontainer-inner et-item elem-textbox column collapsed twelve stylepadding: 0px; text-align: center; font-size: 20px; color: rgb(236, 123, 43); data-font-family>div data-textboxen>Experienced/div>/div> /div> /div>div classdraggable et-item styleposition: relative; opacity: 1; left: 0px; top: 0px; idelem_1567662197208_78n4nk09t7eppuebktjro4p441spga1e2> div classcontainer style> div classcontainer-inner et-item elem-textbox column collapsed twelve stylepadding: 0px; text-align: center;>div data-textboxen>We offer customized base on who have been working professionally in these field for years/div>/div> /div> /div> /div> /div> /div> /div>div classcontainer-inner et-item elem-box droppable column collapsed ui-sortable four style> div classdraggable et-item styleposition: relative; idelem_box_stripe_default_02_column_013> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable style> div classdraggable et-item styleposition: relative; opacity: 1; left: 0px; top: 0px; idelem_1567662258134_78n4nk09t7eppuebktjro4p441spga1e3> div classcontainer style> div classcontainer-inner et-item elem-textbox column collapsed twelve stylepadding: 0px; text-align: center;>div data-textboxen>span classawe-thumbs-up square-icon h2 template-maincolor-text>/span>/div>/div> /div> /div>div classdraggable et-item styleposition: relative; opacity: 1; left: 0px; top: 0px; idelem_1567662197366_78n4nk09t7eppuebktjro4p441spga1e3> div classcontainer style> div classcontainer-inner et-item elem-textbox column collapsed twelve stylepadding: 0px; text-align: center; font-size: 20px; color: rgb(236, 123, 43); data-font-family>div data-textboxen>The Right Attitude/div>/div> /div> /div>div classdraggable et-item styleposition: relative; opacity: 1; left: 0px; top: 0px; idelem_1567662197208_78n4nk09t7eppuebktjro4p441spga1e3> div classcontainer style> div classcontainer-inner et-item elem-textbox column collapsed twelve stylepadding: 0px; text-align: center;>div data-textboxen>Not only for the survival and development of the company, but also for the sake of customers from the customers point of view. Do our best to achieve a win-win situation./div>/div> /div> /div> /div> /div> /div> /div>/div> /div> /div> /div> /div> /div> /div> /div> /div> /div>/div>div classet-item sortable ui-sortable-handle stylewidth: 100%; z-index: 0; idelem_stripe_default_03> div classcontainer stylewidth: 100%;> div classcontainer-inner et-item elem-stripe droppable column collapsed twelve ui-sortable style> div classdraggable et-item styleposition: relative; idelem_box_stripe_default_03_wrapper> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable style> div classdraggable et-item col-3-schwerpunkte box-padding styleposition: relative; z-index: -1; idelem_box_stripe_default_03_row> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed ui-sortable twelve style> div classdraggable et-item container styleposition: relative; idelem_box_stripe_default_03_main> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable style> div classdraggable et-item section-title scroll-animate fadeIn1 styleposition: relative; idelem_h1_stripe_default_03_caption> div classcontainer style> div classcontainer-inner et-item elem-h1 column collapsed twelve style data-font-family>h3 data-h1en>Product categories/h3>/div> /div> /div> div classdraggable et-item styleposition: relative; idelem_box_stripe_default_03_products> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed ui-sortable four stylewidth: 33.33%;> div classdraggable et-item section-2-colbox section-2-colbox-1 scroll-animate fadeSlideInLeft2 styleposition: relative; idelem_box_stripe_default_03_column_01> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable style data-actionsclick%3Aurl%5Ben%5Dhttps%3A%2F%2Fcontentstock.industrystock.com%2Fpreview%2F526045%2Fen%2Fproducts%2Fp-1955427-fasteners&click%3Aurl%5Bde%5D&click%3Aurl%5Bes%5D&click%3Aurl%5Bpl%5D&click%3Aurl%5Bfr%5D&click%3Aurl%5Bit%5D&click%3Aurl%5Bar%5D&click%3Aurl%5Bkr%5D&click%3Aurl%5Bjp%5D&click%3Aurl%5Bcn%5D&click%3Aurl%5Bcz%5D&click%3Aurl%5Bpt%5D&click%3Aurl%5Bru%5D&click%3Aurl%5Btr%5D&click%3Aurl%5Bhu%5D&click%3Aurl%5Bfa%5D&click%3Aurl%5Bzht%5D&click%3Aurl-target_self> div classdraggable et-item section-2-colbox-caption styleposition: relative; idelem_h1_stripe_default_03_column_01_caption> div classcontainer style> div classcontainer-inner et-item elem-h1 column collapsed twelve stylefont-size: 25px; color: rgb(255, 255, 255); font-weight: bold; data-font-family>h2 data-h1en>Fastener/h2>/div> /div> /div> div classdraggable et-item imgText styleposition: relative; idelem_text_stripe_default_03_column_01_description> div classcontainer style> div classcontainer-inner et-item elem-textbox column collapsed twelve style data-font-family>div data-textboxen>img srchttps://ossis.industrystock.com/default/1a969bcaf879208d420976803170e279.png>p>We have extraordinary manufacturing know-how and experience in standard and custom fasteners. Could meet the needs of different customers and solve customer problems./p>/div>/div> /div> /div> /div> /div> /div> /div> div classcontainer-inner et-item elem-box droppable column collapsed ui-sortable four stylewidth: 33.33%;> div classdraggable et-item styleposition: relative; idelem_box_stripe_default_03_column_02> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable style> div classdraggable et-item section-2-colbox section-2-colbox-2 scroll-animate fadeSlideInBottom3 styleposition: relative; idelem_box_stripe_default_03_column_02_inner> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable style data-actionsclick%3Aurl%5Ben%5Dhttps%3A%2F%2Fcontentstock.industrystock.com%2Fpreview%2F526045%2Fen%2Fproducts%2Fp-1955445-machining-part&click%3Aurl%5Bde%5D&click%3Aurl%5Bes%5D&click%3Aurl%5Bpl%5D&click%3Aurl%5Bfr%5D&click%3Aurl%5Bit%5D&click%3Aurl%5Bar%5D&click%3Aurl%5Bkr%5D&click%3Aurl%5Bjp%5D&click%3Aurl%5Bcn%5D&click%3Aurl%5Bcz%5D&click%3Aurl%5Bpt%5D&click%3Aurl%5Bru%5D&click%3Aurl%5Btr%5D&click%3Aurl%5Bhu%5D&click%3Aurl%5Bfa%5D&click%3Aurl%5Bzht%5D&click%3Aurl-target_self> div classdraggable et-item section-2-colbox-caption styleposition: relative; idelem_h1_stripe_default_03_column_02_caption> div classcontainer style> div classcontainer-inner et-item elem-h1 column collapsed twelve style data-font-family>h2 data-h1en>Machining/h2>/div> /div> /div> div classdraggable et-item imgText styleposition: relative; idelem_text_stripe_default_03_column_02_description> div classcontainer style> div classcontainer-inner et-item elem-textbox column collapsed twelve style data-font-family>div data-textboxen>img srchttps://ossis.industrystock.com/default/afc36da3308b3b47bf2c7474939761aa.jpg>p>We have high precision CNC equipment and excellent process engineers and tool engineers in machining realm. No matter alloy material processing or casting material processing are handy./p>/div>/div> /div> /div> /div> /div> /div> /div> /div> /div> /div> div classcontainer-inner et-item elem-box droppable column collapsed ui-sortable four stylewidth: 33.34%;> div classdraggable et-item section-2-colbox section-2-colbox-3 scroll-animate fadeSlideInRight4 styleposition: relative; idelem_box_stripe_default_03_column_03> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable style data-actionsclick%3Aurl-target_self> div classdraggable et-item section-2-colbox-caption styleposition: relative; idelem_h1_stripe_default_03_column_03_caption> div classcontainer style> div classcontainer-inner et-item elem-h1 column collapsed twelve style data-font-family>h2 data-h1en>Sheet metal/h2>/div> /div> /div> div classdraggable et-item imgText styleposition: relative; idelem_text_stripe_default_03_column_03_description> div classcontainer style> div classcontainer-inner et-item elem-textbox column collapsed twelve style data-font-family>div data-textboxen>img srchttps://ossis.industrystock.com/default/c087ada596099be98ae0936e1693c1c5.png>p>We are equipped with laser cutting machine, bending machine and welding equipment. Design tooling for different products to ensure product quality. At the same time, we have experienced welding staff and polishing technology. We can provide one-stop service for customers./p>/div>/div> /div> /div> /div> /div> /div> /div> /div> /div> /div> /div> /div> /div> /div> /div> /div> /div> /div> /div> /div> /div>div classet-item sortable active section-form box-padding ui-sortable-handle stylewidth: 100%; z-index: 0; idelem_stripe_default_04 data-tpl791>div classcontainer stylewidth: 100%;> div classcontainer-inner et-item elem-stripe droppable column collapsed twelve ui-sortable stylebackground-color: rgb(245, 245, 245);> div classdraggable et-item section-title scroll-ani mate fad eIn1 ani animate styleposition: relative; idelem_h1_stripe_default_04_caption> div classcontainer style> div classcontainer-inner et-item elem-h1 column collapsed twelve style data-font-family> h3 data-h1en>Contact/h3>/div> /div> /div> div classdraggable et-item section-contact-form container th styleposition: relative; idelem_box_stripe_default_04_row> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed ui-sortable four stylewidth: 25%;> div classdraggable et-item section-contact-1 scroll-an imate fadeSlide InLeft4 anim ate animate styleposition: relative; idelem_box_stripe_default_04_column_01> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable style> div classdraggable et-item styleposition: relative; idelem_companydata_stripe_default_04_01> div classcontainer style> div classcontainer-inner et-item elem-companydata column collapsed twelve stylefont-weight: bold; padding-bottom: 5px; data-font-family> div data-companydatatitle data-companydata-paramsdatasource1&columns2&sizedefault&logohref%2F&information%5B0%5Dcapital&information%5B1%5Dcommercial_register&information%5B2%5Dlegal_form&information%5B3%5Dnumber_of_employees&information%5B4%5Dquality_certificate_iso&information%5B5%5Dtrade_name&information%5B6%5Dturnover&information%5B7%5Dyear_of_foundation&social%5B0%5Dfacebook&social%5B1%5Dlinkedin&social%5B2%5Dtwitter&social%5B3%5Dxing&social%5B4%5Dyoutube&social%5B5%5Dgoogle&social%5B6%5Dskype&social%5B7%5Dvk&social%5B8%5Dweibo&social%5B9%5Dwechat&social%5B10%5Dwhatsapp&social%5B11%5Dqq&social%5B12%5Dgoldenline>div>Ningbo Pinnacle Machinery Technology Co., Ltd/div>/div> /div> /div> /div> div classdraggable et-item styleposition: relative; margin-bottom: 30px; idelem_companydata_stripe_default_04_02> div classcontainer style> div classcontainer-inner et-item elem-companydata column collapsed twelve style> div data-companydataaddress data-companydata-paramsdatasource1&columns2&sizedefault&logohref%2F&information%5B0%5Dcapital&information%5B1%5Dcommercial_register&information%5B2%5Dlegal_form&information%5B3%5Dnumber_of_employees&information%5B4%5Dquality_certificate_iso&information%5B5%5Dtrade_name&information%5B6%5Dturnover&information%5B7%5Dyear_of_foundation&social%5B0%5Dfacebook&social%5B1%5Dlinkedin&social%5B2%5Dtwitter&social%5B3%5Dxing&social%5B4%5Dyoutube&social%5B5%5Dgoogle&social%5B6%5Dskype&social%5B7%5Dvk&social%5B8%5Dweibo&social%5B9%5Dwechat&social%5B10%5Dwhatsapp&social%5B11%5Dqq&social%5B12%5Dgoldenline> span>Longtanshan 3rd., Dai Beilun Industry/span> span>315800 Ningbo/span> span>China/span> /div> /div> /div> /div> div classdraggable et-item styleposition: relative; idelem_companydata_stripe_default_04_04> div classcontainer style> div classcontainer-inner et-item elem-companydata column collapsed twelve style> div data-companydatacontact data-companydata-paramsdatasource1&columns2&sizedefault&logohref%2F&information%5B0%5Dcapital&information%5B1%5Dcommercial_register&information%5B2%5Dlegal_form&information%5B3%5Dnumber_of_employees&information%5B4%5Dquality_certificate_iso&information%5B5%5Dtrade_name&information%5B6%5Dturnover&information%5B7%5Dyear_of_foundation&social%5B0%5Dfacebook&social%5B1%5Dlinkedin&social%5B2%5Dtwitter&social%5B3%5Dxing&social%5B4%5Dyoutube&social%5B5%5Dgoogle&social%5B6%5Dskype&social%5B7%5Dvk&social%5B8%5Dweibo&social%5B9%5Dwechat&social%5B10%5Dwhatsapp&social%5B11%5Dqq&social%5B12%5Dgoldenline> table classtable table-condensed> tbody>tr>td>span classellipsis>Tel:/span>/td>td>span classellipsis>+8613567420787/span>/td>/tr>tr>td>span classellipsis>Email:/span>/td>td>a classellipsis email-cloak data-email-prefixMj_pacbrake data-email-suffix163.com href>/a>/td>/tr>/tbody> /table> /div> /div> /div> /div>div classdraggable et-item styleposition: relative; opacity: 1; left: 0px; top: 0px; idelem_text_1569740219057_ostng2g50u97998a4itljkum4fvl6513> div classcontainer style> div classcontainer-inner et-item elem-textbox column collapsed twelve style>div data-textboxen>Email： a href/cdn-cgi/l/email-protection class__cf_email__ data-cfemail4e03272d262f2b22112427200e202c3e2720202f2d222b602d2123>email protected/a>/div>/div> /div> /div> /div> /div> /div> /div> div classcontainer-inner et-item elem-box droppable column collapsed ui-sortable four stylewidth: 50%;> div classdraggable et-item scroll-ani mate fadeS lideInBottom1 ani animate styleposition: relative; idelem_box_stripe_default_04_column_02> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable style> div classdraggable et-item tab-cap styleposition: relative; margin-right: 60px; idelem_contactform_stripe_default_04_column_02> div classcontainer style> div classcontainer-inner et-item elem-contactform column collapsed twelve style> div data-contactform data-contactform-paramsblocks%5B0%5Dcontact_company&blocks%5B1%5Dcontact_name&blocks%5B2%5Dcontact_email&blocks%5B3%5Dcontact_tel&blocks%5B4%5Dbasic_query&require%5B0%5Dcontact_company&require%5B1%5Dcontact_name&require%5B2%5Dcontact_email&require%5B3%5Dcontact_tel&require%5B4%5Dbasic_query&templateplaceholder>form classcsContactFormContainer> div classcsContactFormBlock csContactFormBlock-contact_company> div classcsContactFormInput controls contact_company>input typetext data-checkrequired namecs_contactformdatacontact_company placeholderCompany name/>/div> /div> div classcsContactFormBlock csContactFormBlock-contact_name> div classcsContactFormInput controls contact_name>input typetext data-checkrequired namecs_contactformdatacontact_name placeholderContact person/>/div> /div> div classcsContactFormBlock csContactFormBlock-contact_email> div classcsContactFormInput controls contact_email>input typetext data-checkrequired namecs_contactformdatacontact_email placeholderEmail/>/div> /div> div classcsContactFormBlock csContactFormBlock-contact_tel> div classcsContactFormInput controls contact_tel>input typetext data-checkrequired namecs_contactformdatacontact_tel placeholderTel/>/div> /div> div classcsContactFormBlock csContactFormBlock-basic_query> div classcsContactFormInput controls basic_query>textarea namecs_contactformdatabasic_query data-checkrequired placeholderEnquiry>/textarea>/div> /div> div classcsContactFormBlock csContactFormBlock-submit> div classcsContactFormInput cs_contactform_submit_btn btn btn-min>Contact/div> /div> input typehidden name cs_contactformhash value />/form>/div> /div> /div> /div> /div> /div> /div> /div> div classcontainer-inner et-item elem-box droppable column collapsed ui-sortable four stylewidth: 25%; background-image: url(https://osscs.industrystock.com/526045/4894c7c5d2bdc5816d05b3fb616b38ed.png); background-repeat: repeat; background-size: auto; background-position: left top;> div classdraggable et-item section-map scroll-ani mate fadeSlideInR ight4 anim ate animate styleposition: relative; idelem_box_stripe_default_04_column_03> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed twelve ui-sortable style> /div> /div> /div> /div> /div> /div> /div> /div>/div>div classet-item sortable stripe-footer box-padding ui-sortable-handle stylewidth: 100%; z-index: 0; idelem_stripe_footer data-tpl793>div classcontainer style> div classcontainer-inner et-item elem-stripe droppable column collapsed twelve ui-sortable style> div classdraggable et-item styleposition: relative; idelem_box_stripe_footer_row> div classcontainer style> div classcontainer-inner et-item elem-box droppable column collapsed ui-sortable four stylewidth: 33.33%;> div classdraggable et-item footer-caption styleposition: relative; idelem_companydata_footer_companyname> div classcontainer style> div classcontainer-inner et-item elem-companydata column collapsed twelve style data-font-family> div data-companydatatitle data-companydata-paramsdatasource1&columns2&sizedefault&logohref%2F&information%5B0%5Dcapital&information%5B1%5Dcommercial_register&information%5B2%5Dlegal_form&information%5B3%5Dnumber_of_employees&information%5B4%5Dquality_certificate_iso&information%5B5%5Dtrade_name&information%5B6%5Dturnover&information%5B7%5Dyear_of_foundation&social%5B0%5Dfacebook&social%5B1%5Dlinkedin&social%5B2%5Dtwitter&social%5B3%5Dxing&social%5B4%5Dyoutube&social%5B5%5Dgoogle&social%5B6%5Dskype&social%5B7%5Dvk&social%5B8%5Dweibo&social%5B9%5Dwechat&social%5B10%5Dwhatsapp&social%5B11%5Dqq&social%5B12%5Dgoldenline>div>Ningbo Pinnacle Machinery Technology Co., Ltd/div>/div> /div> /div> /div> div classdraggable et-item styleposition: relative; idelem_companydata_footer_address> div classcontainer style> div classcontainer-inner et-item elem-companydata column collapsed twelve style data-font-family> div data-companydataaddress data-companydata-paramsdatasource1&columns2&sizedefault&logohref%2F&information%5B0%5Dcapital&information%5B1%5Dcommercial_register&information%5B2%5Dlegal_form&information%5B3%5Dnumber_of_employees&information%5B4%5Dquality_certificate_iso&information%5B5%5Dtrade_name&information%5B6%5Dturnover&information%5B7%5Dyear_of_foundation&social%5B0%5Dfacebook&social%5B1%5Dlinkedin&social%5B2%5Dtwitter&social%5B3%5Dxing&social%5B4%5Dyoutube&social%5B5%5Dgoogle&social%5B6%5Dskype&social%5B7%5Dvk&social%5B8%5Dweibo&social%5B9%5Dwechat&social%5B10%5Dwhatsapp&social%5B11%5Dqq&social%5B12%5Dgoldenline> span>Longtanshan 3rd., Dai Beilun Industry/span> span>315800 Ningbo/span> span>China/span> /div> /div> /div> /div> /div> div classcontainer-inner et-item elem-box droppable column collapsed ui-sortable four stylewidth: 33.34%;> div classdraggable et-item footer-caption styleposition: relative; idelem_h1_footer_contact_caption> div classcontainer style> div classcontainer-inner et-item elem-h1 column collapsed twelve style data-font-family> h4 data-h1en data-h1-paramskind4>Contact/h4> /div> /div> /div> div classdraggable et-item styleposition: relative; idelem_companydata_footer_contact> div classcontainer style> div classcontainer-inner et-item elem-companydata column collapsed twelve style data-font-family> div data-companydatacontact data-companydata-paramsdatasource1&columns2&sizedefault&logohref%2F&information%5B0%5Dcapital&information%5B1%5Dcommercial_register&information%5B2%5Dlegal_form&information%5B3%5Dnumber_of_employees&information%5B4%5Dquality_certificate_iso&information%5B5%5Dtrade_name&information%5B6%5Dturnover&information%5B7%5Dyear_of_foundation&social%5B0%5Dfacebook&social%5B1%5Dlinkedin&social%5B2%5Dtwitter&social%5B3%5Dxing&social%5B4%5Dyoutube&social%5B5%5Dgoogle&social%5B6%5Dskype&social%5B7%5Dvk&social%5B8%5Dweibo&social%5B9%5Dwechat&social%5B10%5Dwhatsapp&social%5B11%5Dqq&social%5B12%5Dgoldenline> table classtable table-condensed> tbody>tr>td>span classellipsis>Tel:/span>/td>td>span classellipsis>+8613567420787/span>/td>/tr>tr>td>span classellipsis>Email:/span>/td>td>a classellipsis email-cloak data-email-prefixMj_pacbrake data-email-suffix163.com href>/a>/td>/tr>/tbody> /table> /div> /div> /div> /div> /div> div classcontainer-inner et-item elem-box droppable column collapsed ui-sortable four stylewidth: 33.33%;> div classdraggable et-item footer-caption styleposition: relative; idelem_h1_footer_social_caption> div classcontainer style> div classcontainer-inner et-item elem-h1 column collapsed twelve style data-font-family> h4 data-h1en data-h1-paramskind4>Follow us/h4> /div> /div> /div> div classdraggable et-item styleposition: relative; idelem_companydata_footer_social> div classcontainer style> div classcontainer-inner et-item elem-companydata column collapsed twelve style data-font-family> div data-companydatasocial data-companydata-paramsdatasource1&columns2&sizedefault&logohref%2F&information%5B0%5Dcapital&information%5B1%5Dcommercial_register&information%5B2%5Dlegal_form&information%5B3%5Dnumber_of_employees&information%5B4%5Dquality_certificate_iso&information%5B5%5Dtrade_name&information%5B6%5Dturnover&information%5B7%5Dyear_of_foundation&social%5B0%5Dfacebook&social%5B1%5Dlinkedin&social%5B2%5Dtwitter&social%5B3%5Dxing&social%5B4%5Dyoutube&social%5B5%5Dgoogle&social%5B6%5Dskype&social%5B7%5Dvk&social%5B8%5Dweibo&social%5B9%5Dwechat&social%5B10%5Dwhatsapp&social%5B11%5Dqq&social%5B12%5Dgoldenline>a classsocial-button default relnofollow target_blank data-valueMichael.jintop aria-labelskype href# onclicktypeof $.MYALERT object ? $.MYALERT.alert(Michael.jintop) : alert(Michael.jintop);return false; data-keyskype>span>/span>/a>a classsocial-button default relnofollow target_blank data-value13567420787 aria-labelwechat href# onclicktypeof $.MYALERT object ? $.MYALERT.alert(13567420787) : alert(13567420787);return false; data-keywechat>span>/span>/a>/div> /div> /div> /div> /div> /div> /div> /div> /div>/div>/div>script data-cfasyncfalse src/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js>/script>/body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]