/* ::::: https://fonts.googleapis.com/css?family=Open+Sans:400,300,600 ::::: */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 300; src: local("Open Sans Light"), local("OpenSans-Light"), url('mem5yags126mizpba-un_r8ouuhv.woff') format("woff"); } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; src: local("Open Sans Regular"), local("OpenSans-Regular"), url('mem8yags126mizpba-ufvz0d.woff') format("woff"); } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url('mem5yags126mizpba-unirkouuhv.woff') format("woff"); } /* ::::: https://forum.industrial-craft.net/core/style/style-2.css?m=1568567189 ::::: */ html, body, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, big, cite, code, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, canvas, embed, figure, figcaption, audio, video { margin: 0px; padding: 0px; border: 0px none; } img { border: 0px none; } h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; } ol, ul { list-style: outside none none; } blockquote::before, blockquote::after, q::before, q::after { content: none; } html { box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; min-width: 0px; } html { } .clearfix::before, .clearfix::after { display: table; content: ""; } .clearfix::after { clear: both; } .redactor-layer pre:not(.redactorCalcHeight)::before { color: rgb(93, 197, 232); content: attr(data-title); cursor: pointer; display: block; font-family: "Open Sans",Arial,Helvetica,sans-serif; margin-bottom: 20px; font-weight: 400; line-height: 1.28; } @media screen and (min-width: 769px), print { .redactor-layer pre:not(.redactorCalcHeight)::before { font-size: 18px; } } @media screen and (max-width: 768px) { .redactor-layer pre:not(.redactorCalcHeight)::before { font-size: 18px; } } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } .codeBox > div > ol::before { border-right: 1px solid rgb(0, 94, 135); bottom: 0px; content: ""; left: -5px; position: absolute; top: 0px; } .codeBox .codeBoxJumpAnchor:target::after { background-color: rgb(255, 255, 102); bottom: 0px; content: ""; display: block; height: 100%; left: 0px; position: absolute; right: 0px; top: 0px; } @media screen and (max-width: 1024px) { .codeBox .codeBoxJumpAnchor:target::after { top: 52px; } } @media screen and (min-width: 1025px), print { .codeBox .codeBoxJumpAnchor:target::after { top: 50px; } } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } @media screen and (min-width: 769px), print { } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } woltlab-quote:not(.redactorCalcHeight)::before { color: rgb(93, 197, 232); content: attr(data-title); cursor: pointer; display: block; font-style: normal; margin-bottom: 20px; font-weight: 400; line-height: 1.28; } @media screen and (min-width: 769px), print { woltlab-quote:not(.redactorCalcHeight)::before { font-size: 18px; } } @media screen and (max-width: 768px) { woltlab-quote:not(.redactorCalcHeight)::before { font-size: 18px; } } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } .quoteBoxIcon > .quoteBoxQuoteSymbol::before { content: "“"; position: relative; } @media screen and (min-width: 769px), print { .quoteBoxIcon > .quoteBoxQuoteSymbol::before { top: -5px; } } @media screen and (max-width: 768px) { } .redactor-layer woltlab-spoiler:not(.redactorCalcHeight)::before { color: rgb(93, 197, 232); content: attr(data-title); cursor: pointer; display: block; margin-bottom: 20px; font-weight: 400; line-height: 1.28; } @media screen and (min-width: 769px), print { .redactor-layer woltlab-spoiler:not(.redactorCalcHeight)::before { font-size: 18px; } } @media screen and (max-width: 768px) { .redactor-layer woltlab-spoiler:not(.redactorCalcHeight)::before { font-size: 18px; } } .spoilerBox { clear: both; margin: 1em 0px; } .spoilerBox > .spoilerBoxContent { background-color: rgb(67, 67, 67); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.24); padding: 10px 20px; margin-top: 10px; } .spoilerBox > .spoilerBoxContent > p:first-child { margin-top: 0px; } .spoilerBox > .spoilerBoxContent > p:last-child { margin-bottom: 0px; } .userMention::before { content: "@"; display: inline-block; } dl:not(.plain) { display: block; } dl:not(.plain):not(:first-child) { margin-top: 20px; } dl:not(.plain) > dt { color: rgb(255, 255, 255); display: block; } dl:not(.plain) > dt:not(:empty) { margin-bottom: 5px; } dl:not(.plain) > dd { display: block; } dl:not(.plain) > dd:not(:last-child) { margin-bottom: 20px; } dl:not(.plain) > dd > small:not(.innerError) { color: rgb(223, 223, 223); display: block; margin-top: 3px; } dl:not(.plain) > dd > label { display: block; } dl:not(.plain) > dd > label + small:not(.innerError) { margin-left: 24px; } dl:not(.plain) > dd > label:not(:first-child) { margin-top: 5px; } dl:not(.plain) > dd.floated { display: flex; flex-wrap: wrap; } dl:not(.plain) > dd.floated > label { flex: 0 0 auto; margin: 0px 10px 5px 0px; } dl:not(.plain) > dd.floated > label:last-child { margin-right: 0px; } dl:not(.plain) > dd.floated > label + small:not(.innerError) { margin-left: 0px; } dl:not(.plain) > dd.floated small { flex: 1 1 100%; } dl.wide:not(.plain) > dt { display: none; } dl.dataList { overflow: hidden; } dl.dataList::before, dl.dataList::after { display: table; content: ""; } dl.dataList::after { clear: both; } dl.dataList > dt { clear: right; color: rgb(223, 223, 223); float: left; margin-right: 4px; text-align: left; } dl.dataList > dt::after { content: ":"; } dl.dataList > dd { float: right; min-height: 20px; text-align: right; } dl.dataList > dd:not(:last-child) { margin-bottom: 3px; } dl.inlineDataList > dt::after { content: ":"; padding-left: 1px; } dl.inlineDataList > dd:not(:last-of-type)::after { content: ","; padding-left: 1px; } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } .inlineList { display: flex; flex-wrap: wrap; } .inlineList > li { flex: 0 1 auto; } .inlineList > li:not(:last-child) { margin-right: 5px; } .inlineList.commaSeparated > li:not(:last-child)::after { content: ","; padding-left: 1px; } .inlineList.dotSeparated > li:not(:last-child)::after { content: "·"; margin-left: 5px; } .tagList > li:not(:last-child) { margin-right: 5px; } .tagList.commaSeparated > li:not(:last-child)::after { content: ","; padding-left: 1px; } .tagList.dotSeparated > li:not(:last-child)::after { content: "·"; margin-left: 5px; } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } .tagList .tag::before { border-width: 11px 11px 11px 0px; border-style: solid; border-color: transparent rgb(0, 52, 89) transparent transparent; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; content: ""; display: block; left: -11px; position: absolute; top: 0px; } .tagList .tag:hover::before { border-right-color: rgb(0, 110, 151); } @media screen and (min-width: 1025px), print { } ol.dataList > li:not(:last-child), ul.dataList > li:not(:last-child) { margin-right: 5px; } ol.dataList.commaSeparated > li:not(:last-child)::after, ul.dataList.commaSeparated > li:not(:last-child)::after { content: ","; padding-left: 1px; } ol.dataList.dotSeparated > li:not(:last-child)::after, ul.dataList.dotSeparated > li:not(:last-child)::after { content: "·"; margin-left: 5px; } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } ol.dataList > li:not(:last-child)::after, ul.dataList > li:not(:last-child)::after { content: ","; padding-left: 1px; } @font-face { font-family: "FontAwesome"; font-style: normal; font-weight: normal; src: url('getfont.php') format("embedded-opentype"), url('getfont_001.php') format("woff2"), url('getfont_002.php') format("woff"), url('getfont_003.php') format("truetype"); } .icon, .fa { color: rgb(255, 255, 255); display: inline-block; font-family: FontAwesome; font-weight: normal ! important; font-style: normal ! important; text-align: center; -moz-user-select: none; } .icon:hover, .fa:hover { text-decoration: none; } span.icon:not(.pointer):not(.disabled), span.fa:not(.pointer):not(.disabled) { cursor: default; } a > span.icon:not(.pointer), a > span.fa:not(.pointer) { cursor: pointer ! important; } .icon16 { font-size: 14px; height: 16px; line-height: 16px; width: 16px; } .icon24 { font-size: 18px; height: 24px; line-height: 24px; width: 24px; } .icon32 { font-size: 28px; height: 32px; line-height: 32px; width: 32px; vertical-align: -5px; } .icon48, .wcfImageViewer > div.loading::before, .wcfImageViewer > footer > div > ul > li.loading::before { font-size: 42px; height: 48px; line-height: 48px; width: 48px; } .fa-spinner, .wcfImageViewer > div.loading::before, .wcfImageViewer > footer > div > ul > li.loading::before { animation: 0.6s linear 0s normal none infinite running wcfSpinner; border-width: 2px; border-style: solid; border-color: rgb(79, 129, 189) rgb(204, 204, 204) rgb(204, 204, 204); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-radius: 50%; vertical-align: middle; } .fa-spinner.fa-spinner::before { display: none; } .fa-rotate-90::before { transform: rotate(90deg); } .fa-rotate-180::before { transform: rotate(180deg); } .fa-rotate-270::before { transform: rotate(270deg); } .fa-flip-horizontal::before { transform: scale(-1, 1); } .fa-flip-vertical::before { transform: scale(1, -1); } .fa-glass::before { content: ""; } .fa-music::before { content: ""; } .fa-search::before { content: ""; } .fa-envelope-o::before { content: ""; } .fa-heart::before { content: ""; } .fa-star::before { content: ""; } .fa-star-o::before { content: ""; } .fa-user::before { content: ""; } .fa-film::before { content: ""; } .fa-th-large::before { content: ""; } .fa-th::before { content: ""; } .fa-th-list::before { content: ""; } .fa-check::before { content: ""; } .fa-remove::before, .fa-close::before, .fa-times::before { content: ""; } .fa-search-plus::before { content: ""; } .fa-search-minus::before { content: ""; } .fa-power-off::before { content: ""; } .fa-signal::before { content: ""; } .fa-gear::before, .fa-cog::before { content: ""; } .fa-trash-o::before { content: ""; } .fa-home::before { content: ""; } .fa-file-o::before { content: ""; } .fa-clock-o::before { content: ""; } .fa-road::before { content: ""; } .fa-download::before { content: ""; } .fa-arrow-circle-o-down::before { content: ""; } .fa-arrow-circle-o-up::before { content: ""; } .fa-inbox::before { content: ""; } .fa-play-circle-o::before { content: ""; } .fa-rotate-right::before, .fa-repeat::before { content: ""; } .fa-refresh::before { content: ""; } .fa-list-alt::before { content: ""; } .fa-lock::before { content: ""; } .fa-flag::before { content: ""; } .fa-headphones::before { content: ""; } .fa-volume-off::before { content: ""; } .fa-volume-down::before { content: ""; } .fa-volume-up::before { content: ""; } .fa-qrcode::before { content: ""; } .fa-barcode::before { content: ""; } .fa-tag::before { content: ""; } .fa-tags::before { content: ""; } .fa-book::before { content: ""; } .fa-bookmark::before { content: ""; } .fa-print::before { content: ""; } .fa-camera::before { content: ""; } .fa-font::before { content: ""; } .fa-bold::before { content: ""; } .fa-italic::before { content: ""; } .fa-text-height::before { content: ""; } .fa-text-width::before { content: ""; } .fa-align-left::before { content: ""; } .fa-align-center::before { content: ""; } .fa-align-right::before { content: ""; } .fa-align-justify::before { content: ""; } .fa-list::before { content: ""; } .fa-dedent::before, .fa-outdent::before { content: ""; } .fa-indent::before { content: ""; } .fa-video-camera::before { content: ""; } .fa-photo::before, .fa-image::before, .fa-picture-o::before { content: ""; } .fa-pencil::before { content: ""; } .fa-map-marker::before { content: ""; } .fa-adjust::before { content: ""; } .fa-tint::before { content: ""; } .fa-edit::before, .fa-pencil-square-o::before { content: ""; } .fa-share-square-o::before { content: ""; } .fa-check-square-o::before { content: ""; } .fa-arrows::before { content: ""; } .fa-step-backward::before { content: ""; } .fa-fast-backward::before { content: ""; } .fa-backward::before { content: ""; } .fa-play::before { content: ""; } .fa-pause::before { content: ""; } .fa-stop::before { content: ""; } .fa-forward::before { content: ""; } .fa-fast-forward::before { content: ""; } .fa-step-forward::before { content: ""; } .fa-eject::before { content: ""; } .fa-chevron-left::before { content: ""; } .fa-chevron-right::before { content: ""; } .fa-plus-circle::before { content: ""; } .fa-minus-circle::before { content: ""; } .fa-times-circle::before { content: ""; } .fa-check-circle::before { content: ""; } .fa-question-circle::before { content: ""; } .fa-info-circle::before { content: ""; } .fa-crosshairs::before { content: ""; } .fa-times-circle-o::before { content: ""; } .fa-check-circle-o::before { content: ""; } .fa-ban::before { content: ""; } .fa-arrow-left::before { content: ""; } .fa-arrow-right::before { content: ""; } .fa-arrow-up::before { content: ""; } .fa-arrow-down::before { content: ""; } .fa-mail-forward::before, .fa-share::before { content: ""; } .fa-expand::before { content: ""; } .fa-compress::before { content: ""; } .fa-plus::before { content: ""; } .fa-minus::before { content: ""; } .fa-asterisk::before { content: ""; } .fa-exclamation-circle::before { content: ""; } .fa-gift::before { content: ""; } .fa-leaf::before { content: ""; } .fa-fire::before { content: ""; } .fa-eye::before { content: ""; } .fa-eye-slash::before { content: ""; } .fa-warning::before, .fa-exclamation-triangle::before { content: ""; } .fa-plane::before { content: ""; } .fa-calendar::before { content: ""; } .fa-random::before { content: ""; } .fa-comment::before { content: ""; } .fa-magnet::before { content: ""; } .fa-chevron-up::before { content: ""; } .fa-chevron-down::before { content: ""; } .fa-retweet::before { content: ""; } .fa-shopping-cart::before { content: ""; } .fa-folder::before { content: ""; } .fa-folder-open::before { content: ""; } .fa-arrows-v::before { content: ""; } .fa-arrows-h::before { content: ""; } .fa-bar-chart-o::before, .fa-bar-chart::before { content: ""; } .fa-twitter-square::before { content: ""; } .fa-facebook-square::before { content: ""; } .fa-camera-retro::before { content: ""; } .fa-key::before { content: ""; } .fa-gears::before, .fa-cogs::before { content: ""; } .fa-comments::before { content: ""; } .fa-thumbs-o-up::before { content: ""; } .fa-thumbs-o-down::before { content: ""; } .fa-star-half::before { content: ""; } .fa-heart-o::before { content: ""; } .fa-sign-out::before { content: ""; } .fa-linkedin-square::before { content: ""; } .fa-thumb-tack::before { content: ""; } .fa-external-link::before { content: ""; } .fa-sign-in::before { content: ""; } .fa-trophy::before { content: ""; } .fa-github-square::before { content: ""; } .fa-upload::before { content: ""; } .fa-lemon-o::before { content: ""; } .fa-phone::before { content: ""; } .fa-square-o::before { content: ""; } .fa-bookmark-o::before { content: ""; } .fa-phone-square::before { content: ""; } .fa-twitter::before { content: ""; } .fa-facebook-f::before, .fa-facebook::before { content: ""; } .fa-github::before { content: ""; } .fa-unlock::before { content: ""; } .fa-credit-card::before { content: ""; } .fa-feed::before, .fa-rss::before { content: ""; } .fa-hdd-o::before { content: ""; } .fa-bullhorn::before { content: ""; } .fa-bell::before { content: ""; } .fa-certificate::before { content: ""; } .fa-hand-o-right::before { content: ""; } .fa-hand-o-left::before { content: ""; } .fa-hand-o-up::before { content: ""; } .fa-hand-o-down::before { content: ""; } .fa-arrow-circle-left::before { content: ""; } .fa-arrow-circle-right::before { content: ""; } .fa-arrow-circle-up::before { content: ""; } .fa-arrow-circle-down::before { content: ""; } .fa-globe::before { content: ""; } .fa-wrench::before { content: ""; } .fa-tasks::before { content: ""; } .fa-filter::before { content: ""; } .fa-briefcase::before { content: ""; } .fa-arrows-alt::before { content: ""; } .fa-group::before, .fa-users::before { content: ""; } .fa-chain::before, .fa-link::before { content: ""; } .fa-cloud::before { content: ""; } .fa-flask::before { content: ""; } .fa-cut::before, .fa-scissors::before { content: ""; } .fa-copy::before, .fa-files-o::before { content: ""; } .fa-paperclip::before { content: ""; } .fa-save::before, .fa-floppy-o::before { content: ""; } .fa-square::before { content: ""; } .fa-navicon::before, .fa-reorder::before, .fa-bars::before { content: ""; } .fa-list-ul::before { content: ""; } .fa-list-ol::before { content: ""; } .fa-strikethrough::before { content: ""; } .fa-underline::before { content: ""; } .fa-table::before { content: ""; } .fa-magic::before { content: ""; } .fa-truck::before { content: ""; } .fa-pinterest::before { content: ""; } .fa-pinterest-square::before { content: ""; } .fa-google-plus-square::before { content: ""; } .fa-google-plus::before { content: ""; } .fa-money::before { content: ""; } .fa-caret-down::before { content: ""; } .fa-caret-up::before { content: ""; } .fa-caret-left::before { content: ""; } .fa-caret-right::before { content: ""; } .fa-columns::before { content: ""; } .fa-unsorted::before, .fa-sort::before { content: ""; } .fa-sort-down::before, .fa-sort-desc::before { content: ""; } .fa-sort-up::before, .fa-sort-asc::before { content: ""; } .fa-envelope::before { content: ""; } .fa-linkedin::before { content: ""; } .fa-rotate-left::before, .fa-undo::before { content: ""; } .fa-legal::before, .fa-gavel::before { content: ""; } .fa-dashboard::before, .fa-tachometer::before { content: ""; } .fa-comment-o::before { content: ""; } .fa-comments-o::before { content: ""; } .fa-flash::before, .fa-bolt::before { content: ""; } .fa-sitemap::before { content: ""; } .fa-umbrella::before { content: ""; } .fa-paste::before, .fa-clipboard::before { content: ""; } .fa-lightbulb-o::before { content: ""; } .fa-exchange::before { content: ""; } .fa-cloud-download::before { content: ""; } .fa-cloud-upload::before { content: ""; } .fa-user-md::before { content: ""; } .fa-stethoscope::before { content: ""; } .fa-suitcase::before { content: ""; } .fa-bell-o::before { content: ""; } .fa-coffee::before { content: ""; } .fa-cutlery::before { content: ""; } .fa-file-text-o::before { content: ""; } .fa-building-o::before { content: ""; } .fa-hospital-o::before { content: ""; } .fa-ambulance::before { content: ""; } .fa-medkit::before { content: ""; } .fa-fighter-jet::before { content: ""; } .fa-beer::before { content: ""; } .fa-h-square::before { content: ""; } .fa-plus-square::before { content: ""; } .fa-angle-double-left::before { content: ""; } .fa-angle-double-right::before { content: ""; } .fa-angle-double-up::before { content: ""; } .fa-angle-double-down::before { content: ""; } .fa-angle-left::before { content: ""; } .fa-angle-right::before { content: ""; } .fa-angle-up::before { content: ""; } .fa-angle-down::before { content: ""; } .fa-desktop::before { content: ""; } .fa-laptop::before { content: ""; } .fa-tablet::before { content: ""; } .fa-mobile-phone::before, .fa-mobile::before { content: ""; } .fa-circle-o::before { content: ""; } .fa-quote-left::before { content: ""; } .fa-quote-right::before { content: ""; } .fa-circle::before { content: ""; } .fa-mail-reply::before, .fa-reply::before { content: ""; } .fa-github-alt::before { content: ""; } .fa-folder-o::before { content: ""; } .fa-folder-open-o::before { content: ""; } .fa-smile-o::before { content: ""; } .fa-frown-o::before { content: ""; } .fa-meh-o::before { content: ""; } .fa-gamepad::before { content: ""; } .fa-keyboard-o::before { content: ""; } .fa-flag-o::before { content: ""; } .fa-flag-checkered::before { content: ""; } .fa-terminal::before { content: ""; } .fa-code::before { content: ""; } .fa-mail-reply-all::before, .fa-reply-all::before { content: ""; } .fa-star-half-empty::before, .fa-star-half-full::before, .fa-star-half-o::before { content: ""; } .fa-location-arrow::before { content: ""; } .fa-crop::before { content: ""; } .fa-code-fork::before { content: ""; } .fa-unlink::before, .fa-chain-broken::before { content: ""; } .fa-question::before { content: ""; } .fa-info::before { content: ""; } .fa-exclamation::before { content: ""; } .fa-superscript::before { content: ""; } .fa-subscript::before { content: ""; } .fa-eraser::before { content: ""; } .fa-puzzle-piece::before { content: ""; } .fa-microphone::before { content: ""; } .fa-microphone-slash::before { content: ""; } .fa-shield::before { content: ""; } .fa-calendar-o::before { content: ""; } .fa-fire-extinguisher::before { content: ""; } .fa-rocket::before { content: ""; } .fa-maxcdn::before { content: ""; } .fa-chevron-circle-left::before { content: ""; } .fa-chevron-circle-right::before { content: ""; } .fa-chevron-circle-up::before { content: ""; } .fa-chevron-circle-down::before { content: ""; } .fa-html5::before { content: ""; } .fa-css3::before { content: ""; } .fa-anchor::before { content: ""; } .fa-unlock-alt::before { content: ""; } .fa-bullseye::before { content: ""; } .fa-ellipsis-h::before { content: ""; } .fa-ellipsis-v::before { content: ""; } .fa-rss-square::before { content: ""; } .fa-play-circle::before { content: ""; } .fa-ticket::before { content: ""; } .fa-minus-square::before { content: ""; } .fa-minus-square-o::before { content: ""; } .fa-level-up::before { content: ""; } .fa-level-down::before { content: ""; } .fa-check-square::before { content: ""; } .fa-pencil-square::before { content: ""; } .fa-external-link-square::before { content: ""; } .fa-share-square::before { content: ""; } .fa-compass::before { content: ""; } .fa-toggle-down::before, .fa-caret-square-o-down::before { content: ""; } .fa-toggle-up::before, .fa-caret-square-o-up::before { content: ""; } .fa-toggle-right::before, .fa-caret-square-o-right::before { content: ""; } .fa-euro::before, .fa-eur::before { content: ""; } .fa-gbp::before { content: ""; } .fa-dollar::before, .fa-usd::before { content: ""; } .fa-rupee::before, .fa-inr::before { content: ""; } .fa-cny::before, .fa-rmb::before, .fa-yen::before, .fa-jpy::before { content: ""; } .fa-ruble::before, .fa-rouble::before, .fa-rub::before { content: ""; } .fa-won::before, .fa-krw::before { content: ""; } .fa-bitcoin::before, .fa-btc::before { content: ""; } .fa-file::before { content: ""; } .fa-file-text::before { content: ""; } .fa-sort-alpha-asc::before { content: ""; } .fa-sort-alpha-desc::before { content: ""; } .fa-sort-amount-asc::before { content: ""; } .fa-sort-amount-desc::before { content: ""; } .fa-sort-numeric-asc::before { content: ""; } .fa-sort-numeric-desc::before { content: ""; } .fa-thumbs-up::before { content: ""; } .fa-thumbs-down::before { content: ""; } .fa-youtube-square::before { content: ""; } .fa-youtube::before { content: ""; } .fa-xing::before { content: ""; } .fa-xing-square::before { content: ""; } .fa-youtube-play::before { content: ""; } .fa-dropbox::before { content: ""; } .fa-stack-overflow::before { content: ""; } .fa-instagram::before { content: ""; } .fa-flickr::before { content: ""; } .fa-adn::before { content: ""; } .fa-bitbucket::before { content: ""; } .fa-bitbucket-square::before { content: ""; } .fa-tumblr::before { content: ""; } .fa-tumblr-square::before { content: ""; } .fa-long-arrow-down::before { content: ""; } .fa-long-arrow-up::before { content: ""; } .fa-long-arrow-left::before { content: ""; } .fa-long-arrow-right::before { content: ""; } .fa-apple::before { content: ""; } .fa-windows::before { content: ""; } .fa-android::before { content: ""; } .fa-linux::before { content: ""; } .fa-dribbble::before { content: ""; } .fa-skype::before { content: ""; } .fa-foursquare::before { content: ""; } .fa-trello::before { content: ""; } .fa-female::before { content: ""; } .fa-male::before { content: ""; } .fa-gittip::before, .fa-gratipay::before { content: ""; } .fa-sun-o::before { content: ""; } .fa-moon-o::before { content: ""; } .fa-archive::before { content: ""; } .fa-bug::before { content: ""; } .fa-vk::before { content: ""; } .fa-weibo::before { content: ""; } .fa-renren::before { content: ""; } .fa-pagelines::before { content: ""; } .fa-stack-exchange::before { content: ""; } .fa-arrow-circle-o-right::before { content: ""; } .fa-arrow-circle-o-left::before { content: ""; } .fa-toggle-left::before, .fa-caret-square-o-left::before { content: ""; } .fa-dot-circle-o::before { content: ""; } .fa-wheelchair::before { content: ""; } .fa-vimeo-square::before { content: ""; } .fa-turkish-lira::before, .fa-try::before { content: ""; } .fa-plus-square-o::before { content: ""; } .fa-space-shuttle::before { content: ""; } .fa-slack::before { content: ""; } .fa-envelope-square::before { content: ""; } .fa-wordpress::before { content: ""; } .fa-openid::before { content: ""; } .fa-institution::before, .fa-bank::before, .fa-university::before { content: ""; } .fa-mortar-board::before, .fa-graduation-cap::before { content: ""; } .fa-yahoo::before { content: ""; } .fa-google::before { content: ""; } .fa-reddit::before { content: ""; } .fa-reddit-square::before { content: ""; } .fa-stumbleupon-circle::before { content: ""; } .fa-stumbleupon::before { content: ""; } .fa-delicious::before { content: ""; } .fa-digg::before { content: ""; } .fa-pied-piper-pp::before { content: ""; } .fa-pied-piper-alt::before { content: ""; } .fa-drupal::before { content: ""; } .fa-joomla::before { content: ""; } .fa-language::before { content: ""; } .fa-fax::before { content: ""; } .fa-building::before { content: ""; } .fa-child::before { content: ""; } .fa-paw::before { content: ""; } .fa-spoon::before { content: ""; } .fa-cube::before { content: ""; } .fa-cubes::before { content: ""; } .fa-behance::before { content: ""; } .fa-behance-square::before { content: ""; } .fa-steam::before { content: ""; } .fa-steam-square::before { content: ""; } .fa-recycle::before { content: ""; } .fa-automobile::before, .fa-car::before { content: ""; } .fa-cab::before, .fa-taxi::before { content: ""; } .fa-tree::before { content: ""; } .fa-spotify::before { content: ""; } .fa-deviantart::before { content: ""; } .fa-soundcloud::before { content: ""; } .fa-database::before { content: ""; } .fa-file-pdf-o::before { content: ""; } .fa-file-word-o::before { content: ""; } .fa-file-excel-o::before { content: ""; } .fa-file-powerpoint-o::before { content: ""; } .fa-file-photo-o::before, .fa-file-picture-o::before, .fa-file-image-o::before { content: ""; } .fa-file-zip-o::before, .fa-file-archive-o::before { content: ""; } .fa-file-sound-o::before, .fa-file-audio-o::before { content: ""; } .fa-file-movie-o::before, .fa-file-video-o::before { content: ""; } .fa-file-code-o::before { content: ""; } .fa-vine::before { content: ""; } .fa-codepen::before { content: ""; } .fa-jsfiddle::before { content: ""; } .fa-life-bouy::before, .fa-life-buoy::before, .fa-life-saver::before, .fa-support::before, .fa-life-ring::before { content: ""; } .fa-circle-o-notch::before { content: ""; } .fa-ra::before, .fa-resistance::before, .fa-rebel::before { content: ""; } .fa-ge::before, .fa-empire::before { content: ""; } .fa-git-square::before { content: ""; } .fa-git::before { content: ""; } .fa-y-combinator-square::before, .fa-yc-square::before, .fa-hacker-news::before { content: ""; } .fa-tencent-weibo::before { content: ""; } .fa-qq::before { content: ""; } .fa-wechat::before, .fa-weixin::before { content: ""; } .fa-send::before, .fa-paper-plane::before { content: ""; } .fa-send-o::before, .fa-paper-plane-o::before { content: ""; } .fa-history::before { content: ""; } .fa-circle-thin::before { content: ""; } .fa-header::before { content: ""; } .fa-paragraph::before { content: ""; } .fa-sliders::before { content: ""; } .fa-share-alt::before { content: ""; } .fa-share-alt-square::before { content: ""; } .fa-bomb::before { content: ""; } .fa-soccer-ball-o::before, .fa-futbol-o::before { content: ""; } .fa-tty::before { content: ""; } .fa-binoculars::before { content: ""; } .fa-plug::before { content: ""; } .fa-slideshare::before { content: ""; } .fa-twitch::before { content: ""; } .fa-yelp::before { content: ""; } .fa-newspaper-o::before { content: ""; } .fa-wifi::before { content: ""; } .fa-calculator::before { content: ""; } .fa-paypal::before { content: ""; } .fa-google-wallet::before { content: ""; } .fa-cc-visa::before { content: ""; } .fa-cc-mastercard::before { content: ""; } .fa-cc-discover::before { content: ""; } .fa-cc-amex::before { content: ""; } .fa-cc-paypal::before { content: ""; } .fa-cc-stripe::before { content: ""; } .fa-bell-slash::before { content: ""; } .fa-bell-slash-o::before { content: ""; } .fa-trash::before { content: ""; } .fa-copyright::before { content: ""; } .fa-at::before { content: ""; } .fa-eyedropper::before { content: ""; } .fa-paint-brush::before { content: ""; } .fa-birthday-cake::before { content: ""; } .fa-area-chart::before { content: ""; } .fa-pie-chart::before { content: ""; } .fa-line-chart::before { content: ""; } .fa-lastfm::before { content: ""; } .fa-lastfm-square::before { content: ""; } .fa-toggle-off::before { content: ""; } .fa-toggle-on::before { content: ""; } .fa-bicycle::before { content: ""; } .fa-bus::before { content: ""; } .fa-ioxhost::before { content: ""; } .fa-angellist::before { content: ""; } .fa-cc::before { content: ""; } .fa-shekel::before, .fa-sheqel::before, .fa-ils::before { content: ""; } .fa-meanpath::before { content: ""; } .fa-buysellads::before { content: ""; } .fa-connectdevelop::before { content: ""; } .fa-dashcube::before { content: ""; } .fa-forumbee::before { content: ""; } .fa-leanpub::before { content: ""; } .fa-sellsy::before { content: ""; } .fa-shirtsinbulk::before { content: ""; } .fa-simplybuilt::before { content: ""; } .fa-skyatlas::before { content: ""; } .fa-cart-plus::before { content: ""; } .fa-cart-arrow-down::before { content: ""; } .fa-diamond::before { content: ""; } .fa-ship::before { content: ""; } .fa-user-secret::before { content: ""; } .fa-motorcycle::before { content: ""; } .fa-street-view::before { content: ""; } .fa-heartbeat::before { content: ""; } .fa-venus::before { content: ""; } .fa-mars::before { content: ""; } .fa-mercury::before { content: ""; } .fa-intersex::before, .fa-transgender::before { content: ""; } .fa-transgender-alt::before { content: ""; } .fa-venus-double::before { content: ""; } .fa-mars-double::before { content: ""; } .fa-venus-mars::before { content: ""; } .fa-mars-stroke::before { content: ""; } .fa-mars-stroke-v::before { content: ""; } .fa-mars-stroke-h::before { content: ""; } .fa-neuter::before { content: ""; } .fa-genderless::before { content: ""; } .fa-facebook-official::before { content: ""; } .fa-pinterest-p::before { content: ""; } .fa-whatsapp::before { content: ""; } .fa-server::before { content: ""; } .fa-user-plus::before { content: ""; } .fa-user-times::before { content: ""; } .fa-hotel::before, .fa-bed::before { content: ""; } .fa-viacoin::before { content: ""; } .fa-train::before { content: ""; } .fa-subway::before { content: ""; } .fa-medium::before { content: ""; } .fa-yc::before, .fa-y-combinator::before { content: ""; } .fa-optin-monster::before { content: ""; } .fa-opencart::before { content: ""; } .fa-expeditedssl::before { content: ""; } .fa-battery-4::before, .fa-battery::before, .fa-battery-full::before { content: ""; } .fa-battery-3::before, .fa-battery-three-quarters::before { content: ""; } .fa-battery-2::before, .fa-battery-half::before { content: ""; } .fa-battery-1::before, .fa-battery-quarter::before { content: ""; } .fa-battery-0::before, .fa-battery-empty::before { content: ""; } .fa-mouse-pointer::before { content: ""; } .fa-i-cursor::before { content: ""; } .fa-object-group::before { content: ""; } .fa-object-ungroup::before { content: ""; } .fa-sticky-note::before { content: ""; } .fa-sticky-note-o::before { content: ""; } .fa-cc-jcb::before { content: ""; } .fa-cc-diners-club::before { content: ""; } .fa-clone::before { content: ""; } .fa-balance-scale::before { content: ""; } .fa-hourglass-o::before { content: ""; } .fa-hourglass-1::before, .fa-hourglass-start::before { content: ""; } .fa-hourglass-2::before, .fa-hourglass-half::before { content: ""; } .fa-hourglass-3::before, .fa-hourglass-end::before { content: ""; } .fa-hourglass::before { content: ""; } .fa-hand-grab-o::before, .fa-hand-rock-o::before { content: ""; } .fa-hand-stop-o::before, .fa-hand-paper-o::before { content: ""; } .fa-hand-scissors-o::before { content: ""; } .fa-hand-lizard-o::before { content: ""; } .fa-hand-spock-o::before { content: ""; } .fa-hand-pointer-o::before { content: ""; } .fa-hand-peace-o::before { content: ""; } .fa-trademark::before { content: ""; } .fa-registered::before { content: ""; } .fa-creative-commons::before { content: ""; } .fa-gg::before { content: ""; } .fa-gg-circle::before { content: ""; } .fa-tripadvisor::before { content: ""; } .fa-odnoklassniki::before { content: ""; } .fa-odnoklassniki-square::before { content: ""; } .fa-get-pocket::before { content: ""; } .fa-wikipedia-w::before { content: ""; } .fa-safari::before { content: ""; } .fa-chrome::before { content: ""; } .fa-firefox::before { content: ""; } .fa-opera::before { content: ""; } .fa-internet-explorer::before { content: ""; } .fa-tv::before, .fa-television::before { content: ""; } .fa-contao::before { content: ""; } .fa-500px::before { content: ""; } .fa-amazon::before { content: ""; } .fa-calendar-plus-o::before { content: ""; } .fa-calendar-minus-o::before { content: ""; } .fa-calendar-times-o::before { content: ""; } .fa-calendar-check-o::before { content: ""; } .fa-industry::before { content: ""; } .fa-map-pin::before { content: ""; } .fa-map-signs::before { content: ""; } .fa-map-o::before { content: ""; } .fa-map::before { content: ""; } .fa-commenting::before { content: ""; } .fa-commenting-o::before { content: ""; } .fa-houzz::before { content: ""; } .fa-vimeo::before { content: ""; } .fa-black-tie::before { content: ""; } .fa-fonticons::before { content: ""; } .fa-reddit-alien::before { content: ""; } .fa-edge::before { content: ""; } .fa-credit-card-alt::before { content: ""; } .fa-codiepie::before { content: ""; } .fa-modx::before { content: ""; } .fa-fort-awesome::before { content: ""; } .fa-usb::before { content: ""; } .fa-product-hunt::before { content: ""; } .fa-mixcloud::before { content: ""; } .fa-scribd::before { content: ""; } .fa-pause-circle::before { content: ""; } .fa-pause-circle-o::before { content: ""; } .fa-stop-circle::before { content: ""; } .fa-stop-circle-o::before { content: ""; } .fa-shopping-bag::before { content: ""; } .fa-shopping-basket::before { content: ""; } .fa-hashtag::before { content: ""; } .fa-bluetooth::before { content: ""; } .fa-bluetooth-b::before { content: ""; } .fa-percent::before { content: ""; } .fa-gitlab::before { content: ""; } .fa-wpbeginner::before { content: ""; } .fa-wpforms::before { content: ""; } .fa-envira::before { content: ""; } .fa-universal-access::before { content: ""; } .fa-wheelchair-alt::before { content: ""; } .fa-question-circle-o::before { content: ""; } .fa-blind::before { content: ""; } .fa-audio-description::before { content: ""; } .fa-volume-control-phone::before { content: ""; } .fa-braille::before { content: ""; } .fa-assistive-listening-systems::before { content: ""; } .fa-asl-interpreting::before, .fa-american-sign-language-interpreting::before { content: ""; } .fa-deafness::before, .fa-hard-of-hearing::before, .fa-deaf::before { content: ""; } .fa-glide::before { content: ""; } .fa-glide-g::before { content: ""; } .fa-signing::before, .fa-sign-language::before { content: ""; } .fa-low-vision::before { content: ""; } .fa-viadeo::before { content: ""; } .fa-viadeo-square::before { content: ""; } .fa-snapchat::before { content: ""; } .fa-snapchat-ghost::before { content: ""; } .fa-snapchat-square::before { content: ""; } .fa-pied-piper::before { content: ""; } .fa-first-order::before { content: ""; } .fa-yoast::before { content: ""; } .fa-themeisle::before { content: ""; } .fa-google-plus-circle::before, .fa-google-plus-official::before { content: ""; } .fa-fa::before, .fa-font-awesome::before { content: ""; } .fa-handshake-o::before { content: ""; } .fa-envelope-open::before { content: ""; } .fa-envelope-open-o::before { content: ""; } .fa-linode::before { content: ""; } .fa-address-book::before { content: ""; } .fa-address-book-o::before { content: ""; } .fa-vcard::before, .fa-address-card::before { content: ""; } .fa-vcard-o::before, .fa-address-card-o::before { content: ""; } .fa-user-circle::before { content: ""; } .fa-user-circle-o::before { content: ""; } .fa-user-o::before { content: ""; } .fa-id-badge::before { content: ""; } .fa-drivers-license::before, .fa-id-card::before { content: ""; } .fa-drivers-license-o::before, .fa-id-card-o::before { content: ""; } .fa-quora::before { content: ""; } .fa-free-code-camp::before { content: ""; } .fa-telegram::before { content: ""; } .fa-thermometer-4::before, .fa-thermometer::before, .fa-thermometer-full::before { content: ""; } .fa-thermometer-3::before, .fa-thermometer-three-quarters::before { content: ""; } .fa-thermometer-2::before, .fa-thermometer-half::before { content: ""; } .fa-thermometer-1::before, .fa-thermometer-quarter::before { content: ""; } .fa-thermometer-0::before, .fa-thermometer-empty::before { content: ""; } .fa-shower::before { content: ""; } .fa-bathtub::before, .fa-s15::before, .fa-bath::before { content: ""; } .fa-podcast::before { content: ""; } .fa-window-maximize::before { content: ""; } .fa-window-minimize::before { content: ""; } .fa-window-restore::before { content: ""; } .fa-times-rectangle::before, .fa-window-close::before { content: ""; } .fa-times-rectangle-o::before, .fa-window-close-o::before { content: ""; } .fa-bandcamp::before { content: ""; } .fa-grav::before { content: ""; } .fa-etsy::before { content: ""; } .fa-imdb::before { content: ""; } .fa-ravelry::before { content: ""; } .fa-eercast::before { content: ""; } .fa-microchip::before { content: ""; } .fa-snowflake-o::before { content: ""; } .fa-superpowers::before { content: ""; } .fa-wpexplorer::before { content: ""; } .fa-meetup::before { content: ""; } .box { box-sizing: border-box; } .boxTitle { font-weight: 400; line-height: 1.28; } @media screen and (min-width: 769px), print { .boxTitle { font-size: 18px; } } @media screen and (max-width: 768px) { .boxTitle { font-size: 18px; } } .boxTitle + .boxContent { margin-top: 20px; } @media screen and (max-width: 1024px) { } @media screen and (min-width: 1025px), print { } @media screen and (max-width: 1024px) { .boxesHero .box:not(:last-child) { margin-bottom: 40px; } } @media screen and (min-width: 1025px), print { .boxesHero .box:not(:last-child) { margin-bottom: 60px; } } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } @media screen and (max-width: 1024px) { } @media screen and (min-width: 1025px), print { } @media screen and (min-width: 545px), print { } @media screen and (max-width: 1024px) { } @media screen and (min-width: 1025px), print { } @media screen and (max-width: 1024px) { } @media screen and (min-width: 545px) and (max-width: 1024px) { .boxesHeaderBoxes .box:first-child:nth-last-child(1) { flex-basis: 100%; max-width: 100%; } } @media screen and (min-width: 1025px), print { .boxesHeaderBoxes .box:first-child:nth-last-child(1) { flex-basis: 100%; max-width: 100%; } .boxesHeaderBoxes .box:first-child:nth-last-child(2), .boxesHeaderBoxes .box:first-child:nth-last-child(2) ~ .box { flex-basis: 50%; max-width: 50%; } .boxesHeaderBoxes .box:first-child:nth-last-child(3), .boxesHeaderBoxes .box:first-child:nth-last-child(3) ~ .box { flex-basis: 33.3333%; max-width: 33.3333%; } } @media screen and (max-width: 1024px) { .boxesTop .box, .boxesBottom .box { margin-bottom: 40px; margin-top: 40px; } } @media screen and (min-width: 1025px), print { .boxesTop .box, .boxesBottom .box { margin-bottom: 60px; margin-top: 60px; } } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } @media screen and (max-width: 544px) { } @media screen and (min-width: 545px), print { .boxesTop .boxWithImage::before, .boxesBottom .boxWithImage::before, .boxesTop .boxWithImage::after, .boxesBottom .boxWithImage::after { display: table; content: ""; } .boxesTop .boxWithImage::after, .boxesBottom .boxWithImage::after { clear: both; } .boxesTop .boxWithImage:nth-child(2n+1) .boxImage, .boxesBottom .boxWithImage:nth-child(2n+1) .boxImage { float: left; } .boxesTop .boxWithImage:nth-child(2n) .boxImage, .boxesBottom .boxWithImage:nth-child(2n) .boxImage { float: right; } } @media screen and (min-width: 545px) and (max-width: 1024px) { .boxesTop .boxWithImage:nth-child(2n+1) .boxImage, .boxesBottom .boxWithImage:nth-child(2n+1) .boxImage { margin: 0px 10px 10px 0px; } .boxesTop .boxWithImage:nth-child(2n) .boxImage, .boxesBottom .boxWithImage:nth-child(2n) .boxImage { margin: 0px 0px 10px 10px; } } @media screen and (min-width: 1025px), print { .boxesTop .boxWithImage:nth-child(2n+1) .boxImage, .boxesBottom .boxWithImage:nth-child(2n+1) .boxImage { margin: 0px 20px 20px 0px; } .boxesTop .boxWithImage:nth-child(2n) .boxImage, .boxesBottom .boxWithImage:nth-child(2n) .boxImage { margin: 0px 0px 20px 20px; } } .boxesTop { border-bottom: 1px solid rgb(0, 94, 135); } @media screen and (min-width: 545px) and (max-width: 768px) { } @media screen and (min-width: 769px) and (max-width: 1024px) { } @media screen and (min-width: 545px) and (max-width: 1024px) { } .boxesSidebarLeft .box:not(.boxBorderless), .boxesSidebarRight .box:not(.boxBorderless) { background-color: rgb(53, 53, 53); } @media screen and (max-width: 1024px) { .boxesSidebarLeft .box:not(.boxBorderless), .boxesSidebarRight .box:not(.boxBorderless) { padding: 20px 10px; } .boxesSidebarLeft .box:not(.boxBorderless) .boxMenu, .boxesSidebarRight .box:not(.boxBorderless) .boxMenu { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 1025px), print { .boxesSidebarLeft .box:not(.boxBorderless), .boxesSidebarRight .box:not(.boxBorderless) { padding: 20px; } .boxesSidebarLeft .box:not(.boxBorderless) .boxMenu, .boxesSidebarRight .box:not(.boxBorderless) .boxMenu { margin-left: -20px; margin-right: -20px; } } .boxesSidebarLeft .box:not(:first-child), .boxesSidebarRight .box:not(:first-child) { margin-top: 30px; } .boxesSidebarLeft .box.boxError a:not(.button), .boxesSidebarRight .box.boxError a:not(.button), .boxesSidebarLeft .box.boxInfo a:not(.button), .boxesSidebarRight .box.boxInfo a:not(.button), .boxesSidebarLeft .box.boxSuccess a:not(.button), .boxesSidebarRight .box.boxSuccess a:not(.button), .boxesSidebarLeft .box.boxWarning a:not(.button), .boxesSidebarRight .box.boxWarning a:not(.button) { font-weight: 600; } .boxesSidebarLeft .box.boxError a:hover:not(.button), .boxesSidebarRight .box.boxError a:hover:not(.button), .boxesSidebarLeft .box.boxInfo a:hover:not(.button), .boxesSidebarRight .box.boxInfo a:hover:not(.button), .boxesSidebarLeft .box.boxSuccess a:hover:not(.button), .boxesSidebarRight .box.boxSuccess a:hover:not(.button), .boxesSidebarLeft .box.boxWarning a:hover:not(.button), .boxesSidebarRight .box.boxWarning a:hover:not(.button) { text-decoration: underline; } .boxesSidebarLeft .box.boxError a:not(.button), .boxesSidebarRight .box.boxError a:not(.button) { color: rgb(0, 126, 167); } .boxesSidebarLeft .box.boxError a:hover:not(.button), .boxesSidebarRight .box.boxError a:hover:not(.button) { color: rgb(0, 52, 89); } .boxesSidebarLeft .box.boxInfo a:not(.button), .boxesSidebarRight .box.boxInfo a:not(.button) { color: rgb(93, 197, 232); } .boxesSidebarLeft .box.boxInfo a:hover:not(.button), .boxesSidebarRight .box.boxInfo a:hover:not(.button) { color: rgb(58, 171, 209); } .boxesSidebarLeft .box.boxSuccess a:not(.button), .boxesSidebarRight .box.boxSuccess a:not(.button) { color: rgb(0, 126, 167); } .boxesSidebarLeft .box.boxSuccess a:hover:not(.button), .boxesSidebarRight .box.boxSuccess a:hover:not(.button) { color: rgb(255, 255, 255); } .boxesSidebarLeft .box.boxWarning a:not(.button), .boxesSidebarRight .box.boxWarning a:not(.button) { color: rgb(0, 23, 31); } .boxesSidebarLeft .box.boxWarning a:hover:not(.button), .boxesSidebarRight .box.boxWarning a:hover:not(.button) { color: rgb(0, 126, 167); } @media screen and (max-width: 1024px) { .boxesSidebarLeft .box .boxMenu:not(.open):not(.forceOpen) > li:first-child, .boxesSidebarRight .box .boxMenu:not(.open):not(.forceOpen) > li:first-child, .boxesSidebarLeft .box .boxMenu:not(.open):not(.forceOpen) > li.active:not(:first-child), .boxesSidebarRight .box .boxMenu:not(.open):not(.forceOpen) > li.active:not(:first-child) { pointer-events: none; } .boxesSidebarLeft .box .boxMenu:not(.open):not(.forceOpen) > li:first-child > a::after, .boxesSidebarRight .box .boxMenu:not(.open):not(.forceOpen) > li:first-child > a::after, .boxesSidebarLeft .box .boxMenu:not(.open):not(.forceOpen) > li.active:not(:first-child) > a::after, .boxesSidebarRight .box .boxMenu:not(.open):not(.forceOpen) > li.active:not(:first-child) > a::after { content: ""; font-family: FontAwesome; font-size: 14px; margin-left: 7px; } .boxesSidebarLeft .box .boxMenu:not(.open):not(.forceOpen) > li:first-child .boxMenuDepth1, .boxesSidebarRight .box .boxMenu:not(.open):not(.forceOpen) > li:first-child .boxMenuDepth1, .boxesSidebarLeft .box .boxMenu:not(.open):not(.forceOpen) > li.active:not(:first-child) .boxMenuDepth1, .boxesSidebarRight .box .boxMenu:not(.open):not(.forceOpen) > li.active:not(:first-child) .boxMenuDepth1, .boxesSidebarLeft .box .boxMenu:not(.open):not(.forceOpen) > li:first-child .boxMenuDepth2, .boxesSidebarRight .box .boxMenu:not(.open):not(.forceOpen) > li:first-child .boxMenuDepth2, .boxesSidebarLeft .box .boxMenu:not(.open):not(.forceOpen) > li.active:not(:first-child) .boxMenuDepth2, .boxesSidebarRight .box .boxMenu:not(.open):not(.forceOpen) > li.active:not(:first-child) .boxMenuDepth2 { position: relative; } .boxesSidebarLeft .box .boxMenu:not(.open):not(.forceOpen) > li:first-child .boxMenuDepth1 > li:not(.active), .boxesSidebarRight .box .boxMenu:not(.open):not(.forceOpen) > li:first-child .boxMenuDepth1 > li:not(.active), .boxesSidebarLeft .box .boxMenu:not(.open):not(.forceOpen) > li.active:not(:first-child) .boxMenuDepth1 > li:not(.active), .boxesSidebarRight .box .boxMenu:not(.open):not(.forceOpen) > li.active:not(:first-child) .boxMenuDepth1 > li:not(.active), .boxesSidebarLeft .box .boxMenu:not(.open):not(.forceOpen) > li:first-child .boxMenuDepth2 > li:not(.active), .boxesSidebarRight .box .boxMenu:not(.open):not(.forceOpen) > li:first-child .boxMenuDepth2 > li:not(.active), .boxesSidebarLeft .box .boxMenu:not(.open):not(.forceOpen) > li.active:not(:first-child) .boxMenuDepth2 > li:not(.active), .boxesSidebarRight .box .boxMenu:not(.open):not(.forceOpen) > li.active:not(:first-child) .boxMenuDepth2 > li:not(.active) { display: none; } .boxesSidebarLeft .box .boxMenu:not(.open):not(.forceOpen) > li:first-child .boxMenuDepth1 > li.active, .boxesSidebarRight .box .boxMenu:not(.open):not(.forceOpen) > li:first-child .boxMenuDepth1 > li.active, .boxesSidebarLeft .box .boxMenu:not(.open):not(.forceOpen) > li.active:not(:first-child) .boxMenuDepth1 > li.active, .boxesSidebarRight .box .boxMenu:not(.open):not(.forceOpen) > li.active:not(:first-child) .boxMenuDepth1 > li.active, .boxesSidebarLeft .box .boxMenu:not(.open):not(.forceOpen) > li:first-child .boxMenuDepth2 > li.active, .boxesSidebarRight .box .boxMenu:not(.open):not(.forceOpen) > li:first-child .boxMenuDepth2 > li.active, .boxesSidebarLeft .box .boxMenu:not(.open):not(.forceOpen) > li.active:not(:first-child) .boxMenuDepth2 > li.active, .boxesSidebarRight .box .boxMenu:not(.open):not(.forceOpen) > li.active:not(:first-child) .boxMenuDepth2 > li.active { left: 0px; position: absolute; right: 0px; top: 0px; transform: translateY(-100%); } .boxesSidebarLeft .box .boxMenu:not(.open):not(.forceOpen) > li:first-child .boxMenuDepth1 > li.active > a::after, .boxesSidebarRight .box .boxMenu:not(.open):not(.forceOpen) > li:first-child .boxMenuDepth1 > li.active > a::after, .boxesSidebarLeft .box .boxMenu:not(.open):not(.forceOpen) > li.active:not(:first-child) .boxMenuDepth1 > li.active > a::after, .boxesSidebarRight .box .boxMenu:not(.open):not(.forceOpen) > li.active:not(:first-child) .boxMenuDepth1 > li.active > a::after, .boxesSidebarLeft .box .boxMenu:not(.open):not(.forceOpen) > li:first-child .boxMenuDepth2 > li.active > a::after, .boxesSidebarRight .box .boxMenu:not(.open):not(.forceOpen) > li:first-child .boxMenuDepth2 > li.active > a::after, .boxesSidebarLeft .box .boxMenu:not(.open):not(.forceOpen) > li.active:not(:first-child) .boxMenuDepth2 > li.active > a::after, .boxesSidebarRight .box .boxMenu:not(.open):not(.forceOpen) > li.active:not(:first-child) .boxMenuDepth2 > li.active > a::after { content: ""; font-family: FontAwesome; font-size: 14px; margin-left: 7px; } .boxesSidebarLeft .box .boxMenu:not(.open):not(.forceOpen) > li:first-child ~ li, .boxesSidebarRight .box .boxMenu:not(.open):not(.forceOpen) > li:first-child ~ li { display: none; } .boxesSidebarLeft .box .boxMenu:not(.open):not(.forceOpen) > li.active:not(:first-child), .boxesSidebarRight .box .boxMenu:not(.open):not(.forceOpen) > li.active:not(:first-child) { display: block; position: absolute; left: 0px; right: 0px; top: 0px; } } @media screen and (max-width: 544px) { } @media screen and (min-width: 545px) and (max-width: 1024px) { .boxesSidebarLeft .boxWithImage::before, .boxesSidebarRight .boxWithImage::before, .boxesSidebarLeft .boxWithImage::after, .boxesSidebarRight .boxWithImage::after { display: table; content: ""; } .boxesSidebarLeft .boxWithImage::after, .boxesSidebarRight .boxWithImage::after { clear: both; } } @media screen and (min-width: 1025px), print { } .boxesContentTop .box:not(:first-child), .boxesContentBottom .box:not(:first-child) { margin-top: 40px; } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } @media screen and (max-width: 544px) { } @media screen and (min-width: 545px), print { .boxesContentTop .boxWithImage::before, .boxesContentBottom .boxWithImage::before, .boxesContentTop .boxWithImage::after, .boxesContentBottom .boxWithImage::after { display: table; content: ""; } .boxesContentTop .boxWithImage::after, .boxesContentBottom .boxWithImage::after { clear: both; } } @media screen and (min-width: 545px) and (max-width: 1024px) { } @media screen and (min-width: 1025px), print { } .boxesContentTop:not(:first-child) { margin-top: 40px; } .boxesFooterBoxes { background-color: rgb(0, 52, 89); color: rgb(0, 126, 167); } .boxesFooterBoxes a { color: rgb(93, 197, 232); } .boxesFooterBoxes a:hover { color: rgb(58, 171, 209); } .boxesFooterBoxes .icon { color: rgb(0, 126, 167); } @media screen and (max-width: 768px) { .boxesFooterBoxes .boxContainer { padding: 40px 0px; } } @media screen and (max-width: 1024px) { .boxesFooterBoxes .boxContainer { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 769px), print { .boxesFooterBoxes .boxContainer { display: flex; flex-wrap: wrap; margin-bottom: -60px; padding: 60px 0px; } } @media screen and (min-width: 1025px), print { .boxesFooterBoxes .boxContainer { margin-left: -15px; margin-right: -15px; } } .boxesFooterBoxes .box { overflow: hidden; padding-left: 15px; padding-right: 15px; } @media screen and (max-width: 768px) { .boxesFooterBoxes .box:not(:last-child) { margin-bottom: 40px; } } @media screen and (min-width: 769px), print { .boxesFooterBoxes .box { flex: 0 0 50%; margin-bottom: 60px; max-width: 50%; } .boxesFooterBoxes .box.boxFullWidth { flex-basis: 100%; max-width: 100%; } } .boxesFooterBoxes .boxTitle { color: rgb(255, 255, 255); } .boxesFooter { background-color: rgb(67, 67, 67); color: rgb(255, 255, 255); padding: 20px 0px; } .boxesFooter a { color: rgb(93, 197, 232); } .boxesFooter a:hover { color: rgb(58, 171, 209); text-decoration: underline; } .boxesFooter .box:not(:first-child) { margin-top: 20px; } @media screen and (max-width: 544px) { } @media screen and (min-width: 545px), print { .boxesFooter .boxWithImage::before, .boxesFooter .boxWithImage::after { display: table; content: ""; } .boxesFooter .boxWithImage::after { clear: both; } } @media screen and (min-width: 545px) and (max-width: 1024px) { } @media screen and (min-width: 1025px), print { } @media screen and (max-width: 768px) { } @media screen and (min-width: 769px), print { } .boxesTop .boxMenu, .boxesBottom .boxMenu, .boxesFooter .boxMenu { display: inline-flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } .boxesTop .boxMenu > li, .boxesBottom .boxMenu > li, .boxesFooter .boxMenu > li { flex: 0 0 auto; padding-left: 10px; padding-right: 10px; } .boxesTop .boxMenuLinkGroup:not(:first-child), .boxesBottom .boxMenuLinkGroup:not(:first-child), .boxesFooter .boxMenuLinkGroup:not(:first-child) { margin-top: 40px; } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } @media screen and (max-width: 1024px) { } @media screen and (min-width: 1025px), print { } .containerList > li:not(:last-child) { border-bottom: 1px solid rgb(0, 94, 135); } @media screen and (max-width: 544px) { } .containerList > li.containerListButtonGroup > .buttonGroup:not(:first-child), .containerList > li.containerListButtonGroup > .messageFooterButtons:not(:first-child) { margin-left: 5px; } @media screen and (max-width: 1024px) { .containerList > li .buttonGroupNavigation > .buttonList li:hover:not(.dropdownDivider):not(.dropdownList):not(.dropdownText), .containerList > li .buttonGroupNavigation > .buttonList li.dropdownList > li:hover:not(.dropdownDivider), .containerList > li .buttonGroupNavigation > .buttonList li.dropdownNavigationItem, .containerList > li .buttonGroupNavigation > .buttonList li.active { background-color: rgb(4, 202, 216); color: rgb(33, 33, 33); } .containerList > li .buttonGroupNavigation > .buttonList li:hover:not(.dropdownDivider):not(.dropdownList):not(.dropdownText) > a, .containerList > li .buttonGroupNavigation > .buttonList li.dropdownList > li:hover:not(.dropdownDivider) > a, .containerList > li .buttonGroupNavigation > .buttonList li.dropdownNavigationItem > a, .containerList > li .buttonGroupNavigation > .buttonList li.active > a { color: rgb(33, 33, 33); } .containerList > li .buttonGroupNavigation > .buttonList li.missingValue > span::after { color: rgb(0, 52, 89); content: ""; font-family: FontAwesome; position: absolute; right: 20px; top: 5px; } } @media screen and (max-width: 1024px) and (max-width: 768px) { } @media screen and (max-width: 1024px) and (max-width: 768px) { } @media screen and (max-width: 1024px) and (max-width: 544px) { } @media screen and (max-width: 1024px) and (max-width: 1024px) { } @media screen and (min-width: 1025px), print { .containerList > li .buttonGroupNavigation > ul > li:not(:last-child) { border-right: 1px solid rgba(0, 0, 0, 0.15); } } @media screen and (max-width: 768px) { } @media screen and (min-width: 769px), print { } @media screen and (min-width: 769px), print { .flexibleCategoryList:not(.flexibleCategoryListDisabled) { -moz-column-count: 2; } .flexibleCategoryList:not(.flexibleCategoryListDisabled) > li { } .flexibleCategoryList:not(.flexibleCategoryListDisabled) > li > ol > li > ol { font-size: 0px; } .flexibleCategoryList:not(.flexibleCategoryListDisabled) > li > ol > li > ol > li { display: inline-block; } @-moz-document url-prefix("") { .flexibleCategoryList:not(.flexibleCategoryListDisabled) > li { display: block; overflow: hidden; } } } @media screen and (max-width: 1024px) { } .contentHeader, .boxHeadline { color: rgb(255, 255, 255); } .contentHeader .contentTitle, .boxHeadline .contentTitle, .contentHeader > h1, .boxHeadline > h1 { font-weight: 300; line-height: 1.05; } @media screen and (min-width: 769px), print { .contentHeader .contentTitle, .boxHeadline .contentTitle, .contentHeader > h1, .boxHeadline > h1 { font-size: 28px; } } @media screen and (max-width: 768px) { .contentHeader .contentTitle, .boxHeadline .contentTitle, .contentHeader > h1, .boxHeadline > h1 { font-size: 23px; } } .contentHeader .contentHeaderMetaData { color: rgb(223, 223, 223); margin-top: 5px; } .contentHeader .contentHeaderMetaData.inlineList > li:not(:last-child) { margin-right: 10px; } .contentHeader .contentHeaderMetaData > li a, .contentHeader .contentHeaderMetaData > li a:hover, .contentHeader .contentHeaderMetaData > li .icon { color: rgb(223, 223, 223); } @media screen and (max-width: 768px) { .contentHeader .contentHeaderIcon { display: none; } } @media screen and (min-width: 545px) and (max-width: 768px) { .contentHeader .contentHeaderNavigation > ul > li:not(:last-child) { margin-right: 5px; } .contentHeader .contentHeaderNavigation > ul.commaSeparated > li:not(:last-child)::after { content: ","; padding-left: 1px; } .contentHeader .contentHeaderNavigation > ul.dotSeparated > li:not(:last-child)::after { content: "·"; margin-left: 5px; } } @media screen and (min-width: 769px), print { .contentHeader { display: flex; align-items: flex-start; } .contentHeader .contentHeaderIcon { flex: 0 0 64px; margin-right: 15px; } .contentHeader .contentHeaderTitle { flex: 1 1 0%; } .contentHeader .contentHeaderNavigation > ul > li:not(:last-child) { margin-right: 5px; } .contentHeader .contentHeaderNavigation > ul.commaSeparated > li:not(:last-child)::after { content: ","; padding-left: 1px; } .contentHeader .contentHeaderNavigation > ul.dotSeparated > li:not(:last-child)::after { content: "·"; margin-left: 5px; } .contentHeader .contentHeaderNavigation > ul > li:not(:last-child) { margin-right: 0px; } .contentHeader .contentHeaderNavigation > ul > li:not(:first-child) { margin-left: 5px; } } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } .section { margin-top: 40px; } .section > :first-child { margin-top: 0px; } .section .sectionTitle { color: rgb(255, 255, 255); font-weight: 300; line-height: 1.28; } @media screen and (min-width: 769px), print { .section .sectionTitle { font-size: 23px; } } @media screen and (max-width: 768px) { .section .sectionTitle { font-size: 20px; } } .section > .sectionHeader, .section > .sectionTitle { margin-bottom: 20px; } .section:not(.sectionContainerList) > .sectionHeader, .section:not(.sectionContainerList) > .sectionTitle { border-bottom: 1px solid rgb(0, 94, 135); padding-bottom: 10px; } .section .section { margin-top: 30px; } .section .section:first-child { margin-top: 20px; } .section .section .sectionTitle { font-weight: 400; line-height: 1.28; } @media screen and (min-width: 769px), print { .section .section .sectionTitle { font-size: 18px; } } @media screen and (max-width: 768px) { .section .section .sectionTitle { font-size: 18px; } } .section .section > .sectionHeader, .section .section > .sectionTitle { margin-bottom: 15px; } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } @media screen and (max-width: 768px) { .contentNavigation > nav:not(.pagination) > ul > li + li { margin-top: 10px; } } @media screen and (min-width: 769px), print { .contentNavigation > nav:not(.pagination) { text-align: right; } .contentNavigation ul > li:not(:last-child) { margin-right: 5px; } } .paginationTop { margin-top: 40px; } .paginationTop + .section { margin-top: 20px; } @media screen and (max-width: 544px) { .contentFooter > .contentFooterNavigation > ul > li:not(:first-child) { margin-top: 10px; } .contentFooter > .contentFooterNavigation .button:not(:first-child) { margin-top: 10px; } } @media screen and (min-width: 545px), print { .contentFooter > .contentFooterNavigation > ul > li:not(:last-child) { margin-right: 5px; } .contentFooter > .contentFooterNavigation > ul.commaSeparated > li:not(:last-child)::after { content: ","; padding-left: 1px; } .contentFooter > .contentFooterNavigation > ul.dotSeparated > li:not(:last-child)::after { content: "·"; margin-left: 5px; } } @media screen and (max-width: 544px) { .contentHeader > .contentHeaderNavigation > ul > li:not(:first-child) { margin-top: 10px; } } @media screen and (max-width: 768px) { .paginationTop { display: none; } .paginationTop + .section { margin-top: 30px; } } @media screen and (min-width: 1025px), print { .sidebar + .content:not(:last-child) .contentHeaderNavigation { flex: 1 1 0%; } .sidebar + .content:not(:last-child) .contentHeaderNavigation > ul { flex-wrap: wrap ! important; justify-content: flex-end; } } input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea { margin: 0px; background-color: rgb(0, 52, 89); border: 1px solid rgb(0, 126, 167); border-radius: 0px; color: rgb(226, 226, 226); font-weight: 400; outline: medium none; padding: 4px 8px; font-family: "Open Sans",Arial,Helvetica,sans-serif; line-height: 1.48; } @media screen and (min-width: 769px), print { input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea { font-size: 14px; } } @media screen and (max-width: 768px) { input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea { font-size: 14px; } } input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, select:focus, textarea:focus, input[type="date"]:hover, input[type="datetime"]:hover, input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="url"]:hover, select:hover, textarea:hover { background-color: rgb(0, 126, 167); border-color: rgb(4, 202, 216); color: rgb(255, 255, 255); } input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"] { } input[type="date"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="url"]::-moz-placeholder { color: rgb(255, 255, 255); } input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="date"]:hover, input[type="datetime"]:hover, input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="url"]:hover { } input[type="date"]:focus::-moz-placeholder, input[type="datetime"]:focus::-moz-placeholder, input[type="email"]:focus::-moz-placeholder, input[type="number"]:focus::-moz-placeholder, input[type="password"]:focus::-moz-placeholder, input[type="search"]:focus::-moz-placeholder, input[type="tel"]:focus::-moz-placeholder, input[type="text"]:focus::-moz-placeholder, input[type="url"]:focus::-moz-placeholder, input[type="date"]:hover::-moz-placeholder, input[type="datetime"]:hover::-moz-placeholder, input[type="email"]:hover::-moz-placeholder, input[type="number"]:hover::-moz-placeholder, input[type="password"]:hover::-moz-placeholder, input[type="search"]:hover::-moz-placeholder, input[type="tel"]:hover::-moz-placeholder, input[type="text"]:hover::-moz-placeholder, input[type="url"]:hover::-moz-placeholder { color: rgb(255, 255, 255); } input[type="search"], input[type="text"] { } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } .formSubmit:not(:first-child) { margin-top: 30px; } @media screen and (max-width: 544px) { .formSubmit > .button:not(:first-child), .formSubmit > button:not(:first-child), .formSubmit > input:not(:first-child) { margin-top: 10px; } } @media screen and (min-width: 545px), print { .formSubmit > :not(:first-child) { margin-left: 10px; } } .inputAddon:not(:last-child) { margin-bottom: 5px; } .inputAddon > .inputPrefix:not(.button), .inputAddon > .inputSuffix:not(.button) { background-color: rgb(0, 52, 89); border: 1px solid rgb(0, 126, 167); color: rgb(226, 226, 226); cursor: default; padding: 3px 5px; } .inputAddon > .inputSuffix:not(.button) { border-left-width: 0px ! important; } .inputAddon input.long, input.long { width: 100%; } @media screen and (max-width: 544px) { } @media screen and (min-width: 545px), print { } .layoutBoundary { margin: 0px auto; } @media screen and (max-width: 1024px) { .layoutBoundary { padding: 0px 10px; width: 100%; } } @media screen and (min-width: 1025px), print { .layoutBoundary { padding: 0px 20px; min-width: 1000px; max-width: 1400px; } } .invisible { display: none; } .box16 > :first-child:not(:last-child) { flex: 0 0 auto; margin-right: 5px; } .box16 > :last-child { flex: 1 1 auto; overflow: hidden; } .box24 { display: flex; } .box24 > :first-child:not(:last-child) { flex: 0 0 auto; margin-right: 8px; } .box24 > :last-child { flex: 1 1 auto; overflow: hidden; } .box32 { display: flex; } .box32 > :first-child:not(:last-child) { flex: 0 0 auto; margin-right: 10px; } .box32 > :last-child { flex: 1 1 auto; overflow: hidden; } .box48 > :first-child:not(:last-child) { flex: 0 0 auto; margin-right: 12px; } .box48 > :last-child { flex: 1 1 auto; overflow: hidden; } .box64 > :first-child:not(:last-child) { flex: 0 0 auto; margin-right: 15px; } .box64 > :last-child { flex: 1 1 auto; overflow: hidden; } .box96 > :first-child:not(:last-child) { flex: 0 0 auto; margin-right: 15px; } .box96 > :last-child { flex: 1 1 auto; overflow: hidden; } .box128 > :first-child:not(:last-child) { flex: 0 0 auto; margin-right: 20px; } .box128 > :last-child { flex: 1 1 auto; overflow: hidden; } .box256 > :first-child:not(:last-child) { flex: 0 0 auto; margin-right: 30px; } .box256 > :last-child { flex: 1 1 auto; overflow: hidden; } small, .small { font-weight: 400; } @media screen and (min-width: 769px), print { small, .small { font-size: 12px; } } @media screen and (max-width: 768px) { small, .small { font-size: 12px; } } strong { font-weight: 600; } img { vertical-align: middle; } .elementPointer { pointer-events: none; position: absolute; top: 0px; transform: translateY(-100%); } .htmlContent::before, .messageBody > .messageText::before, .messageSignature > div::before, .redactor-layer::before, .htmlContent::after, .messageBody > .messageText::after, .messageSignature > div::after, .redactor-layer::after { display: table; content: ""; } .htmlContent::after, .messageBody > .messageText::after, .messageSignature > div::after, .redactor-layer::after { clear: both; } .htmlContent img, .messageBody > .messageText img, .messageSignature > div img, .redactor-layer img { max-width: 100%; } .htmlContent > :first-child, .messageBody > .messageText > :first-child, .messageSignature > div > :first-child, .redactor-layer > :first-child { margin-top: 0px ! important; } .htmlContent > :last-child, .messageBody > .messageText > :last-child, .messageSignature > div > :last-child, .redactor-layer > :last-child { margin-bottom: 0px ! important; } .htmlContent p, .messageBody > .messageText p, .messageSignature > div p, .redactor-layer p { margin: 0px; } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } .separatorLeft::before { color: rgb(255, 255, 255); content: "·"; margin-right: 0.25em; } .separatorRight::after { color: rgb(255, 255, 255); content: "·"; margin-left: 0.25em; } .pointer { cursor: pointer; } a.externalURL::after { content: ""; display: inline-block; font-family: FontAwesome ! important; font-size: 14px ! important; font-weight: normal ! important; font-style: normal ! important; margin-left: 4px; vertical-align: -1px; } @media screen and (min-width: 769px), print { } @media screen and (min-width: 769px), print { } @media screen and (min-width: 769px), print { } .rowColGap:not(:first-child) { margin-top: 20px; } @media screen and (max-width: 1024px) { } html, body { font-weight: 400; height: 100%; line-height: 1.48; } @media screen and (min-width: 769px), print { html, body { font-size: 14px; } } @media screen and (max-width: 768px) { html, body { font-size: 14px; } } body { background-color: rgb(67, 67, 67); color: rgb(255, 255, 255); font-family: "Open Sans",Arial,Helvetica,sans-serif; position: relative; width: 100%; word-wrap: break-word; } a { color: rgb(93, 197, 232); cursor: pointer; text-decoration: none; } a:hover { color: rgb(58, 171, 209); text-decoration: none; } .pageContainer { display: flex; height: 100%; flex-direction: column; } .pageHeaderContainer, .boxesHeaderBoxes, .pageNavigation, .pageFooter, .boxesTop, .boxesBottom, .boxesFooterBoxes { flex: 0 0 auto; } .main { flex: 1 0 auto; } @media screen and (max-width: 1024px) { .main { padding: 40px 0px; width: 100%; } } @media screen and (min-width: 1025px), print { .main { padding: 60px 0px; } } @media screen and (min-width: 1025px), print { .main > div { display: flex; } .content { flex: 1 1 0px; } .content:not(:last-child) { flex-basis: calc(100% - 340px); max-width: calc(100% - 340px); } .sidebar + .content:not(:last-child) { flex-basis: calc(100% - 680px); max-width: calc(100% - 680px); } } @media screen and (max-width: 1024px) { } @media screen and (min-width: 769px), print { } .pageFooterCopyright { background-color: rgb(0, 52, 89); color: rgb(0, 126, 167); text-align: center; } @media screen and (min-width: 769px), print { .pageFooterCopyright { padding: 20px 0px; } } @media screen and (max-width: 768px) { .pageFooterCopyright { padding: 20px 0px; } } .pageFooterCopyright > .layoutBoundary > div:not(:first-child) { margin-top: 10px; } .pageFooterCopyright a { color: rgb(93, 197, 232); } .pageFooterCopyright a:hover { color: rgb(58, 171, 209); text-decoration: underline; } .pageHeaderContainer { color: rgb(255, 255, 255); z-index: 100; padding-top: 50px; } .pageHeaderContainer a { color: rgb(93, 197, 232); } .pageHeaderContainer a:hover { color: rgb(58, 171, 209); } .pageHeaderContainer .icon { color: rgb(255, 255, 255); } @media screen and (min-width: 1025px), print { .pageHeaderContainer { background-color: rgb(67, 67, 67); } } .pageHeaderPanel { left: 0px; position: fixed; right: 0px; top: 0px; z-index: 300; } .pageHeaderPanel > .layoutBoundary { display: flex; } @media screen and (max-width: 1024px) { .pageHeaderPanel { background-color: rgb(67, 67, 67); } .pageHeaderPanel > .layoutBoundary { padding: 9px 10px; } } @media screen and (min-width: 1025px), print { .pageHeaderPanel { background-color: rgb(0, 52, 89); } } .pageHeaderFacade:first-child { margin-top: -50px; } .pageHeaderFacade > .layoutBoundary { align-items: center; display: flex; } @media screen and (min-width: 1025px), print { .pageHeaderFacade > .layoutBoundary { align-items: center; padding-bottom: 30px; padding-top: 30px; } } @media screen and (max-width: 1024px) { .pageHeaderFacade > .layoutBoundary { height: 50px; justify-content: center; left: 60px; padding: 9px 0px; position: fixed; right: 60px; top: 0px; width: auto; z-index: 301; } } .mainMenu { flex: 1 1 0%; margin-right: 20px; position: relative; } .mainMenu .boxMenu { display: flex; overflow: hidden; } .mainMenu .boxMenu > li { flex: 0 0 auto; } .mainMenu .boxMenu > li:first-child { transition: margin-left 0.24s ease-in-out 0s; } .mainMenu .boxMenu > li > a { background: rgb(0, 52, 89) none repeat scroll 0% 0%; align-items: center; color: rgb(255, 255, 255); display: flex; height: 50px; padding: 0px 15px; } .mainMenu .boxMenu > li > a > span { flex: 0 0 auto; } .mainMenu .boxMenu > li.active > a, .mainMenu .boxMenu > li:hover > a { background: rgb(0, 126, 167) none repeat scroll 0% 0%; color: rgb(255, 255, 255); } .mainMenu .boxMenu > .boxMenuHasChildren:hover .boxMenuDepth1 { visibility: visible; } .mainMenu .boxMenu > .boxMenuHasChildren > a::after { content: ""; display: block; font-family: "FontAwesome"; font-size: 14px; height: 24px; line-height: 24px; margin-left: 5px; width: 10px; } .mainMenu .boxMenu .boxMenuDepth1 { background-color: rgb(0, 126, 167); border-radius: 0px 0px 3px 3px; padding: 5px 0px; position: absolute; visibility: hidden; } @media screen and (min-width: 769px), print { .mainMenu .boxMenu .boxMenuDepth1 { font-size: 14px; } } @media screen and (max-width: 768px) { .mainMenu .boxMenu .boxMenuDepth1 { font-size: 14px; } } .mainMenu .boxMenu .boxMenuDepth1 > li > a { color: rgb(255, 255, 255); } .mainMenu .boxMenu .boxMenuDepth1 > li > a, .mainMenu .boxMenu .boxMenuDepth1 > li > span { display: block; padding: 7px 20px; white-space: nowrap; } .mainMenu .boxMenu .boxMenuDepth1 > li.active > a, .mainMenu .boxMenu .boxMenuDepth1 > li > a:hover { background-color: rgb(4, 202, 216); color: rgb(255, 255, 255); text-decoration: none; } .mainMenu .mainMenuShowPrevious, .mainMenu .mainMenuShowNext { align-items: center; display: flex; height: 100%; opacity: 0; position: absolute; top: 0px; transition: opacity 0.24s linear 0s, visibility 0s linear 0.24s; visibility: hidden; width: 50px; } .mainMenu .mainMenuShowPrevious { background: transparent linear-gradient(to left, transparent 0%, rgb(0, 52, 89) 75%) repeat scroll 0% 0%; left: 0px; } .mainMenu .mainMenuShowNext { background: transparent linear-gradient(to right, transparent 0%, rgb(0, 52, 89) 75%) repeat scroll 0% 0%; justify-content: flex-end; right: 0px; } .userPanel { flex: 0 0 auto; } .userPanel > ul { display: flex; justify-content: flex-end; } .userPanel > ul > li { align-items: center; display: flex; flex: 0 0 auto; } .userPanel > ul > li > a { align-items: center; background: rgb(0, 52, 89) none repeat scroll 0% 0%; color: rgb(255, 255, 255); display: flex; flex: 0 0 auto; height: 50px; padding: 0px 15px; position: relative; } .userPanel > ul > li > a > span:not(.icon):not(.badge) { display: none; } .userPanel > ul > li > a .icon { color: rgb(255, 255, 255); } .userPanel > ul > li.dropdownOpen > a, .userPanel > ul > li.open > a, .userPanel > ul > li:hover > a { background: rgb(0, 126, 167) none repeat scroll 0% 0%; color: rgb(255, 255, 255); } .userPanel > ul > li.dropdownOpen > a .icon, .userPanel > ul > li.open > a .icon, .userPanel > ul > li:hover > a .icon { color: rgb(255, 255, 255); } .userPanel > ul > li#userNotifications:not([data-count="0"]) > a > .icon { animation: 5s ease 10s normal none 6 running fa-bell-ring; transform-origin: 50% 0px 0px; } @media screen and (min-width: 1025px), print { .pageHeaderLogo { flex: 1 1 auto; } .pageHeaderLogo .pageHeaderLogoLarge { max-width: 100%; } .pageHeaderLogo .pageHeaderLogoSmall { display: none; } .pageHeaderLogo > a { display: block; padding: 10px 0px; } } @media screen and (max-width: 1024px) { .pageHeaderLogo .pageHeaderLogoLarge { display: none; } .pageHeaderLogo .pageHeaderLogoSmall { max-height: 30px; } } .pageHeaderSearch { display: none; position: fixed; } .pageHeaderSearchInputContainer { display: flex; } .pageHeaderSearchInputContainer .pageHeaderSearchType { display: flex; } .pageHeaderSearchInputContainer .pageHeaderSearchType > .button { align-items: center; background-color: rgb(0, 52, 89); border-radius: 0px 0px 0px 2px; color: rgb(255, 255, 255); display: flex; max-width: 200px; min-width: 140px; overflow: hidden; padding: 4px 8px; position: relative; text-align: left; text-overflow: ellipsis; text-transform: none; white-space: nowrap; } .pageHeaderSearchInputContainer .pageHeaderSearchType > .button::after { color: inherit; content: ""; flex: 1 1 0%; font-family: FontAwesome; margin-left: 10px; text-align: right; } .pageHeaderSearchInputContainer .pageHeaderSearchType > .button:hover, .pageHeaderSearchInputContainer .pageHeaderSearchType.dropdownOpen > .button { background: rgb(0, 126, 167) none repeat scroll 0% 0%; color: rgb(255, 255, 255); } .pageHeaderSearchInputContainer .pageHeaderSearchInput { background-color: rgb(0, 52, 89); border-width: 0px; color: rgb(255, 255, 255); padding-bottom: 8px; padding-top: 8px; width: 250px; } .pageHeaderSearchInputContainer .pageHeaderSearchInput:focus, .pageHeaderSearchInputContainer .pageHeaderSearchInput:hover { background-color: rgb(0, 126, 167); color: rgb(255, 255, 255); } .pageHeaderSearchInputContainer .pageHeaderSearchInput:focus::-moz-placeholder, .pageHeaderSearchInputContainer .pageHeaderSearchInput:hover::-moz-placeholder { color: rgb(207, 207, 207); } .pageHeaderSearchInputContainer .pageHeaderSearchInput::-moz-placeholder { color: rgb(255, 255, 255); } .pageHeaderSearchInputContainer .pageHeaderSearchInputButton { background-color: rgb(0, 52, 89); border-radius: 0px 0px 2px; color: rgb(255, 255, 255); padding: 4px 9px; } .pageHeaderSearchInputContainer .pageHeaderSearchInputButton:hover { background: rgb(0, 126, 167) none repeat scroll 0% 0%; color: rgb(255, 255, 255); } @media screen and (max-width: 1024px) { .pageHeaderPanel > .layoutBoundary { justify-content: space-between; } .userPanel { flex: 0 0 auto; } .userPanel > .userPanelItems { display: none; } .mainMenu { flex: 0 0 auto; } .mainMenu::before { content: ""; } .mainMenu > .boxContent { display: none; } .mainMenu, .userPanel { position: relative; } .mainMenu.pageMenuMobileButtonHasContent::after, .userPanel.pageMenuMobileButtonHasContent::after { background-color: rgb(244, 67, 54); border: 2px solid rgb(67, 67, 67); border-radius: 50%; content: ""; height: 14px; position: absolute; right: -3px; top: -3px; width: 14px; } .mainMenu::before, .userPanel:not(.userPanelLoggedIn)::before { color: rgb(93, 197, 232); font-family: FontAwesome; font-size: 28px; line-height: 32px; padding: 5px; } .mainMenu:hover::before, .userPanel:hover:not(.userPanelLoggedIn)::before { color: rgb(58, 171, 209); } .userPanel:not(.userPanelLoggedIn)::before { content: ""; } .pageHeaderSearch { left: 0px ! important; right: 0px ! important; } .pageHeaderSearch .pageHeaderSearchInputContainer { border-radius: 0px; display: flex; flex-wrap: wrap; } .pageHeaderSearch .pageHeaderSearchInputContainer .pageHeaderSearchType { flex: 0 0 100%; } .pageHeaderSearch .pageHeaderSearchInputContainer .pageHeaderSearchType > .button { border-radius: 0px; max-width: unset; min-width: unset; padding-bottom: 8px; padding-top: 8px; width: 100%; } .pageHeaderSearch .pageHeaderSearchInputContainer .pageHeaderSearchInput { flex: 1 1 auto; } .pageHeaderSearch .pageHeaderSearchInputContainer .pageHeaderSearchInputButton { border-radius: 0px; } .pageHeaderSearch:not(.open) { display: none; } } @media screen and (max-width: 544px) { .pageHeaderPanel, .pageHeaderFacade > .layoutBoundary { transition: transform 0.12s linear 0s; } } @media screen and (min-width: 1025px), print { .pageNavigation { background-color: rgb(0, 126, 167); color: rgb(0, 23, 31); flex: 0 0 auto; padding: 10px 0px; } .pageNavigation > div { align-items: center; display: flex; justify-content: flex-end; min-height: 20px; } .pageNavigation a { color: rgb(255, 255, 255); } .pageNavigation a:hover { color: rgb(4, 202, 216); } .pageNavigationIcons { display: flex; flex: 0 0 auto; flex-direction: row-reverse; margin-left: 10px; } .pageNavigationIcons > li:not(:last-child) { margin-left: 10px; } } @media screen and (max-width: 1024px) { .pageNavigation { display: none; } } .sidebar .boxContainer > div:not(.box), .sidebar .boxContainer > fieldset, .sidebar .boxContainer > section:not(.box) { background-color: rgb(53, 53, 53); } @media screen and (min-width: 769px), print { .sidebar .boxContainer > div:not(.box), .sidebar .boxContainer > fieldset, .sidebar .boxContainer > section:not(.box) { padding: 20px; } } @media screen and (max-width: 768px) { .sidebar .boxContainer > div:not(.box), .sidebar .boxContainer > fieldset, .sidebar .boxContainer > section:not(.box) { padding: 20px 10px; } } .sidebar .boxContainer > div:not(.box):not(:first-child), .sidebar .boxContainer > fieldset:not(:first-child), .sidebar .boxContainer > section:not(.box):not(:first-child) { margin-top: 30px; } .sidebar .boxContainer section:not(.box) > h1, .sidebar .boxContainer fieldset > legend { color: rgb(255, 255, 255); border-bottom-width: 0px; margin-bottom: 15px; padding: 0px; font-weight: 400; line-height: 1.28; } @media screen and (min-width: 769px), print { .sidebar .boxContainer section:not(.box) > h1, .sidebar .boxContainer fieldset > legend { font-size: 18px; } } @media screen and (max-width: 768px) { .sidebar .boxContainer section:not(.box) > h1, .sidebar .boxContainer fieldset > legend { font-size: 18px; } } .sidebar .boxContainer section:not(.box) > h1 > a, .sidebar .boxContainer fieldset > legend > a { color: rgb(93, 197, 232); } .sidebar .boxContainer section:not(.box) > h1 > a > .icon, .sidebar .boxContainer fieldset > legend > a > .icon { color: rgb(93, 197, 232); } .sidebar .boxContainer section:not(.box) > h1 > a:hover, .sidebar .boxContainer fieldset > legend > a:hover { color: rgb(58, 171, 209); } .sidebar .boxContainer section:not(.box) > h1 > a:hover > .icon, .sidebar .boxContainer fieldset > legend > a:hover > .icon { color: rgb(58, 171, 209); } .sidebar .formSubmit:not(:first-child) { margin-top: 20px; } .sidebar .boxContainer > div .boxContent::before, .sidebar .boxContainer > fieldset .boxContent::before, .sidebar .boxContainer > section .boxContent::before, .sidebar .boxContainer > div .boxContent::after, .sidebar .boxContainer > fieldset .boxContent::after, .sidebar .boxContainer > section .boxContent::after { display: table; content: ""; } .sidebar .boxContainer > div .boxContent::after, .sidebar .boxContainer > fieldset .boxContent::after, .sidebar .boxContainer > section .boxContent::after { clear: both; } .sidebar .sidebarItemList > li:not(:last-child), .sidebar .sidebarBoxList > li:not(:last-child) { margin-bottom: 10px; } .aclList > li:not(.active) { cursor: pointer; } .aclPermissionList::after, .aclPermissionList::before { min-width: 60px; position: absolute; text-align: center; top: -5px; transform: translateY(-100%); font-weight: 400; } @media screen and (min-width: 769px), print { .aclPermissionList::after, .aclPermissionList::before { font-size: 12px; } } @media screen and (max-width: 768px) { .aclPermissionList::after, .aclPermissionList::before { font-size: 12px; } } .aclPermissionList::after { content: attr(data-deny); right: 0px; } .aclPermissionList::before { content: attr(data-grant); right: 80px; } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } .aclPermissionList > li:not(.aclCategory) { display: flex; padding: 10px 0px; } @media screen and (min-width: 1025px), print { } @media screen and (max-width: 1024px) { } @media screen and (min-width: 1025px), print { } @media screen and (max-width: 544px) { } @media screen and (min-width: 545px), print { } @media screen and (min-width: 545px) and (max-width: 768px) { } @media screen and (min-width: 769px) and (max-width: 1024px) { } @media screen and (min-width: 1025px), print { } @media screen and (max-width: 1024px) { } @media screen and (min-width: 1025px), print { } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } .innerError::before, .innerInfo::before { border-width: 0px 6px 6px; border-style: solid; border-color: transparent; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; content: ""; display: inline-block; left: 10px; position: absolute; top: -6px; z-index: 99; } .innerError::before { border-bottom-color: rgb(242, 222, 222); } .pageFooterStickyNotice { bottom: 0px; left: 0px; right: 0px; position: fixed; z-index: 600; } @media screen and (max-width: 768px) { } @media screen and (max-width: 768px) and (max-width: 768px) { } @media screen and (max-width: 768px) { } @media screen and (max-width: 768px) { } .innerInfo::before { border-bottom-color: rgb(0, 52, 89); } @media screen and (max-width: 1024px) { } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } @media screen and (min-width: 769px), print { } @media screen and (min-width: 769px), print { } .articleNavigation .previousArticleButton > a::before, .articleNavigation .nextArticleButton > a::before { align-self: center; display: block; flex: 0 0 auto; font-family: FontAwesome; font-size: 36px; } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } .articleNavigation .previousArticleButton > a:hover::before, .articleNavigation .nextArticleButton > a:hover::before { color: rgb(58, 171, 209); } @media screen and (min-width: 769px), print { } .articleNavigation .previousArticleButton > a::before { content: ""; } @media screen and (min-width: 769px), print { } .articleNavigation .nextArticleButton > a::before { content: ""; order: 1; } @media screen and (max-width: 768px) { } @media screen and (min-width: 769px), print { } html[dir="rtl"] .articleNavigation .previousArticleButton > a::before { content: ""; } html[dir="rtl"] .articleNavigation .nextArticleButton > a::before { content: ""; } .articleList > li:not(:first-child) { margin-top: 30px; } @media screen and (max-width: 544px) { } @media screen and (min-width: 1025px), print { } @media screen and (min-width: 545px), print { } @media screen and (max-width: 544px) { } .attachmentFileList > ul > li:not(:last-child) { margin-right: 10px; } @media screen and (min-width: 545px), print { } @media screen and (min-width: 545px), print { } @media screen and (max-width: 544px) { } @media screen and (min-width: 545px), print { } @media screen and (max-width: 544px) { } @media screen and (max-width: 544px) { } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } .attachmentThumbnail .attachmentMetaData li:not(:last-child) { margin-right: 10px; } @media screen and (min-width: 769px), print { } .formAttachmentContent > dl > dd > div > .button:not(:first-child) { margin-left: 10px; } .embeddedAttachmentLink::after, .embeddedImageLink::after { background-color: rgba(0, 0, 0, 0.8); border-radius: 2px; box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.15); bottom: 5px; color: white; content: ""; display: block; font-family: FontAwesome; font-size: 21px; font-style: normal; font-weight: normal; opacity: 0.5; padding: 2px 8px; position: absolute; right: 5px; text-decoration: none; transition: opacity 0.2s ease 0s; } .embeddedAttachmentLink:hover::after, .embeddedImageLink:hover::after { opacity: 0.8; } @media screen and (min-width: 769px), print { .avatarEdit .avatarType > dt:not(:empty) { margin: 0px 0px 0px 30px; } } @media screen and (max-width: 768px) { .avatarEdit .avatarType > dt:not(:empty) { flex: 0 0 100%; margin-top: 20px; text-align: center; } } .badge, a.badge { background-color: rgb(255, 255, 255); border-radius: 2px; color: rgb(67, 67, 67); display: inline-block; line-height: 1.28; padding: 2px 6px; position: relative; vertical-align: middle; white-space: nowrap; word-wrap: normal; font-weight: 400; } @media screen and (min-width: 769px), print { .badge, a.badge { font-size: 12px; } } @media screen and (max-width: 768px) { .badge, a.badge { font-size: 12px; } } .badge.black, a.badge.black { background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); } .breadcrumbs { flex: 1 1 0%; } .breadcrumbs > ol { display: flex; flex-wrap: wrap; } .breadcrumbs > ol > li { flex: 0 0 auto; max-width: 100%; font-weight: 400; } @media screen and (min-width: 769px), print { .breadcrumbs > ol > li { font-size: 12px; } } @media screen and (max-width: 768px) { .breadcrumbs > ol > li { font-size: 12px; } } .breadcrumbs > ol > li:not(:last-child) { margin-right: 10px; } .breadcrumbs > ol > li:not(:last-child)::after { color: rgb(0, 23, 31); content: "/"; } .breadcrumbs > ol > li:not(:last-child) > a { margin-right: 10px; } .breadcrumbs > ol > li > a { color: rgb(255, 255, 255); text-decoration: none; } .breadcrumbs > ol > li > a:hover { color: rgb(4, 202, 216); text-decoration: underline; } button, input[type="button"], input[type="reset"], input[type="submit"], .button, a.button { background-color: rgb(0, 52, 89); border-radius: 2px; border-width: 0px; color: rgb(226, 226, 226); cursor: pointer; display: inline-block; font-weight: 400; margin: 0px; padding: 8px 18px; text-decoration: none; font-family: "Open Sans",Arial,Helvetica,sans-serif; line-height: 1.48; -moz-user-select: none; } @media screen and (min-width: 769px), print { button, input[type="button"], input[type="reset"], input[type="submit"], .button, a.button { font-size: 14px; } } @media screen and (max-width: 768px) { button, input[type="button"], input[type="reset"], input[type="submit"], .button, a.button { font-size: 14px; } } button .icon, input[type="button"] .icon, input[type="reset"] .icon, input[type="submit"] .icon, .button .icon, a.button .icon { color: inherit; } button.active, input.active[type="button"], input.active[type="reset"], input.active[type="submit"], .button.active, a.button.active, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, a.button:hover { background-color: rgb(0, 110, 151); color: rgb(93, 197, 232); text-decoration: none; } button:not(.inputPrefix), input[type="button"]:not(.inputPrefix), input[type="reset"]:not(.inputPrefix), input[type="submit"]:not(.inputPrefix), .button:not(.inputPrefix), a.button:not(.inputPrefix) { text-transform: uppercase; } button.small, input.small[type="button"], input.small[type="reset"], input.small[type="submit"], .button.small, a.button.small { padding: 6px 8px; text-transform: none; font-weight: 400; } @media screen and (min-width: 769px), print { button.small, input.small[type="button"], input.small[type="reset"], input.small[type="submit"], .button.small, a.button.small { font-size: 12px; } } @media screen and (max-width: 768px) { button.small, input.small[type="button"], input.small[type="reset"], input.small[type="submit"], .button.small, a.button.small { font-size: 12px; } } button.buttonPrimary, input.buttonPrimary[type="button"], input[type="submit"], .button.buttonPrimary, a.button.buttonPrimary { background-color: rgb(0, 52, 89); color: rgb(226, 226, 226); } button.buttonPrimary.active, input.buttonPrimary.active[type="button"], input.active[type="submit"], .button.buttonPrimary.active, a.button.buttonPrimary.active, button.buttonPrimary:hover, input.buttonPrimary[type="button"]:hover, input[type="submit"]:hover, .button.buttonPrimary:hover, a.button.buttonPrimary:hover { background-color: rgb(0, 110, 151); color: rgb(93, 197, 232); } button:disabled, input[type="button"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled, .button:disabled, a.button:disabled, button.disabled, input.disabled[type="button"], input.disabled[type="reset"], input.disabled[type="submit"], .button.disabled, a.button.disabled { background-color: rgb(255, 255, 255) ! important; color: rgb(111, 111, 111) ! important; cursor: not-allowed ! important; pointer-events: none; } .buttonList { display: flex; flex-wrap: wrap; } .buttonList > li { flex: 0 1 auto; } .buttonList > li:not(:last-child) { margin-right: 5px; } .buttonList.commaSeparated > li:not(:last-child)::after { content: ","; padding-left: 1px; } .buttonList.dotSeparated > li:not(:last-child)::after { content: "·"; margin-left: 5px; } .buttonList.smallButtons .button { padding: 6px 8px; text-transform: none; font-weight: 400; } @media screen and (min-width: 769px), print { .buttonList.smallButtons .button { font-size: 12px; } } @media screen and (max-width: 768px) { .buttonList.smallButtons .button { font-size: 12px; } } .buttonGroupNavigation > ul > li:not(:last-child) { margin-right: 5px; } .buttonGroupNavigation > ul.commaSeparated > li:not(:last-child)::after { content: ","; padding-left: 1px; } .buttonGroupNavigation > ul.dotSeparated > li:not(:last-child)::after { content: "·"; margin-left: 5px; } .buttonGroup, .messageFooterButtons { margin-bottom: -1px; display: flex; flex-wrap: wrap; } .buttonGroup > li, .messageFooterButtons > li { flex: 0 1 auto; } .buttonGroup > li:not(:last-child), .messageFooterButtons > li:not(:last-child) { margin-right: 5px; } .buttonGroup.commaSeparated > li:not(:last-child)::after, .messageFooterButtons.commaSeparated > li:not(:last-child)::after { content: ","; padding-left: 1px; } .buttonGroup.dotSeparated > li:not(:last-child)::after, .messageFooterButtons.dotSeparated > li:not(:last-child)::after { content: "·"; margin-left: 5px; } .buttonGroup > li, .messageFooterButtons > li { margin-bottom: 1px; } .buttonGroup > li:not(:last-child), .messageFooterButtons > li:not(:last-child) { margin-right: 1px; } .buttonGroup > li:first-child .button, .messageFooterButtons > li:first-child .button { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .buttonGroup > li:last-child .button, .messageFooterButtons > li:last-child .button { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .buttonGroup > li .button, .messageFooterButtons > li .button { border-radius: 0px; border-width: 0px; } .flexibleButtonGroup > li:not(:last-child) { margin-right: 5px; } .flexibleButtonGroup > li.spaceAfter:not(:last-child) { margin-right: 20px; } #colorPickerBar > span::after, #colorPickerBar > span::before { content: ""; display: block; height: 0px; position: absolute; top: 0px; width: 0px; } #colorPickerBar > span::after { border-bottom: 5px solid transparent; border-right: 5px solid rgb(0, 0, 0); border-top: 5px solid transparent; right: -7px; top: -5px; } #colorPickerBar > span::before { border-bottom: 5px solid transparent; border-left: 5px solid rgb(0, 0, 0); border-top: 5px solid transparent; left: -7px; top: -5px; } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } .commentList .commentResponseList:not(:empty) { margin-top: 20px; } .datePicker > header > a:not(.active) { visibility: hidden; } .datePicker > ul > li > a:not(:last-child), .datePicker > ul > li > span:not(:last-child) { border-right: 1px solid rgb(0, 126, 167); } .datePicker > ul > li > a.active, .datePicker > ul > li > a:hover:not(.otherMonth) { background-color: rgb(4, 202, 216); color: rgb(33, 33, 33); } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } .dialogOverlay { background-color: transparent; bottom: 0px; left: 0px; opacity: 0; position: fixed; right: 0px; top: 0px; transition: opacity 0.12s linear 0s, visibility 0s linear 0.3s; visibility: hidden; will-change: opacity; z-index: 399; } @media screen and (min-width: 545px), print { .dialogOverlay { padding: 100px 0px; } } .dialogOverlay::before { background-color: rgba(0, 0, 0, 0.4); bottom: 0px; content: ""; display: block; left: 0px; position: fixed; right: 0px; top: 0px; z-index: 100; } @media screen and (max-width: 544px) { } @media screen and (min-width: 545px), print { } @media screen and (max-width: 768px) { } @media screen and (min-width: 769px), print { } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } @media screen and (max-width: 768px) { .dialogContainer > .dialogContent:not(.dialogContentNoPadding) { padding: 10px; } } @media screen and (min-width: 769px), print { .dialogContainer > .dialogContent:not(.dialogContentNoPadding) { padding: 30px 20px 10px; } } .dialogContainer > .dialogContent:not(.dialogContentNoPadding)::after { content: ""; display: block; height: 20px; } .dialogContainer > .dialogContent.dialogForm:not(.dialogContentNoPadding)::after { height: 17px; } .dialogContainer > .dialogContent:not(.dialogForm) { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .dialogContainer > .dialogContent dl:not(.plain) > dt { float: none; text-align: left; width: auto ! important; } .dialogContainer > .dialogContent dl:not(.plain) > dt:empty { margin-bottom: 0px; } .dialogContainer > .dialogContent dl:not(.plain) > dd { margin-left: 0px ! important; } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } .spinner > span:not(.icon) { display: block; margin-top: 5px; } .dropdownMenuContainer { bottom: 0px; left: 0px; pointer-events: none; position: absolute; right: 0px; top: 0px; } .dropdown .dropdownToggle:active, .dropdown.dropdownOpen .dropdownToggle { outline: 0px none; } .dropdown.inputAddon > .dropdownToggle > span.active::after { content: ""; font-family: FontAwesome; font-size: 14px; margin-left: 7px; } .dropdown .dropdownToggle { cursor: pointer; } .dropdownMenu { background-color: rgb(0, 52, 89); border-radius: 2px; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.24); color: rgb(255, 255, 255); display: none; min-width: 160px; padding: 3px 0px; pointer-events: all; position: absolute; text-align: left; visibility: hidden; z-index: 450; } .dropdownMenu li { display: block; } .dropdownMenu li:hover:not(.dropdownDivider):not(.dropdownList):not(.dropdownText), .dropdownMenu li.dropdownList > li:hover:not(.dropdownDivider), .dropdownMenu li.dropdownNavigationItem, .dropdownMenu li.active { background-color: rgb(4, 202, 216); color: rgb(33, 33, 33); } .dropdownMenu li:hover:not(.dropdownDivider):not(.dropdownList):not(.dropdownText) > a, .dropdownMenu li.dropdownList > li:hover:not(.dropdownDivider) > a, .dropdownMenu li.dropdownNavigationItem > a, .dropdownMenu li.active > a { color: rgb(33, 33, 33); } .dropdownMenu li.dropdownDivider { border-top: 1px solid rgb(0, 126, 167); margin: 3px 0px; } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } .dropdownMenu li.missingValue > span::after { color: rgb(0, 52, 89); content: ""; font-family: FontAwesome; position: absolute; right: 20px; top: 5px; } .dropdownMenu li > a, .dropdownMenu li > span { clear: both; cursor: pointer; display: block; max-width: 350px; overflow: hidden; padding: 5px 20px; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; } .dropdownMenu li > a { color: rgb(93, 197, 232); } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } @media screen and (max-width: 544px) { .dropdownMenu { left: 0px ! important; right: 0px ! important; } } @media screen and (max-width: 1024px) { .dropdownMenu li { overflow: hidden; } .dropdownMenu li > a, .dropdownMenu li > span { max-width: none; white-space: normal; } } @media screen and (min-width: 769px), print { } @media screen and (max-width: 1024px) { } .dropdownIndicator::after { content: ""; font-family: FontAwesome; margin-left: 5px; } @media screen and (min-width: 545px) and (max-width: 1024px) { } @media screen and (min-width: 1025px), print { } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } @media screen and (max-width: 768px) { } .interactiveDropdownItems > li:not(:last-child) { border-bottom: 1px solid rgb(0, 94, 135); } @media screen and (max-width: 768px) { } .interactiveDropdownItems .loading > .fa-spinner, .interactiveDropdownItems .loading > .wcfImageViewer > div.loading::before, .wcfImageViewer > .interactiveDropdownItems .loading > div.loading::before, .interactiveDropdownItems .loading > .wcfImageViewer > footer > div > ul > li.loading::before, .wcfImageViewer > footer > div > ul > .interactiveDropdownItems .loading > li.loading::before, .interactiveDropdownItems .noItems > .fa-spinner, .interactiveDropdownItems .noItems > .wcfImageViewer > div.loading::before, .wcfImageViewer > .interactiveDropdownItems .noItems > div.loading::before, .interactiveDropdownItems .noItems > .wcfImageViewer > footer > div > ul > li.loading::before, .wcfImageViewer > footer > div > ul > .interactiveDropdownItems .noItems > li.loading::before { margin-right: 5px; } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } @media screen and (min-width: 769px), print { .interactiveDropdownItems:not(.interactiveDropdownItemsUserMenu) > li { max-width: 400px; } } @media screen and (max-width: 768px) { } .wcfImageViewer.maximized:not(.wcfImageViewerMobile) > header { top: -100px; } .wcfImageViewer.maximized:not(.wcfImageViewerMobile) > div { bottom: 0px; top: 0px; } .wcfImageViewer.maximized:not(.wcfImageViewerMobile) > footer { bottom: -100px; } .wcfImageViewer:not(.wcfImageViewerMobile) .icon:hover { color: rgb(255, 255, 255); } .wcfImageViewer:not(.wcfImageViewerMobile) > header { transition: top 0.24s linear 0s; } .wcfImageViewer:not(.wcfImageViewerMobile) > footer { transition: bottom 0.24s linear 0s; } .wcfImageViewer:not(.wcfImageViewerMobile) > div { cursor: pointer; } .wcfImageViewer:not(.wcfImageViewerMobile) > div > img, .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul { cursor: default; } .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul { background-color: rgba(0, 0, 0, 0.9); border-width: 1px 1px 0px; border-style: solid; border-color: rgb(51, 51, 51); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-radius: 2px 2px 0px 0px; display: flex; bottom: 0px; left: 50%; position: absolute; transform: translateX(-50%); z-index: 30; } .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li { flex: 0 0 auto; } .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li:not(.pointer) > .icon { color: rgb(66, 66, 66) ! important; } .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.pointer > span.icon { cursor: pointer; } .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonToggle > span, .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonEnlarge > span, .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonFull > span { font-size: 28px; } .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonEnlarge, .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonFull { border-left: 1px solid rgb(51, 51, 51); box-sizing: border-box; } .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li > span { vertical-align: middle; } .wcfImageViewer > footer > div > ul > li:not(:last-child) { margin-right: 10px; } @media only screen and (max-width: 800px) { } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } .inputItemList > .item:not(:last-child), .inputItemList > .input:not(:last-child) { margin-right: 5px; } .labelList > li:not(:last-child) { margin-right: 5px; } .labelList.commaSeparated > li:not(:last-child)::after { content: ","; padding-left: 1px; } .labelList.dotSeparated > li:not(:last-child)::after { content: "·"; margin-left: 5px; } .labelList > li:not(:first-child) .label { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .labelList > li:not(:last-child) { margin-right: 1px; } .labelList > li:not(:last-child) .label { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .likesSummary { color: rgb(223, 223, 223); cursor: pointer; flex: 0 0 auto; } .likesSummary > .icon { color: rgb(223, 223, 223); margin-right: 5px; } .wcfLikeCounter { color: rgb(223, 223, 223); } .wcfLikeCounter .icon { color: inherit ! important; } .wcfLikeCounter.likeCounterLiked { color: rgb(0, 102, 0) ! important; } html.touch .wcfLikeButton > .button:hover:not(.active), html.touch .wcfDislikeButton > .button:hover:not(.active) { background-color: rgb(0, 52, 89) ! important; color: rgb(226, 226, 226) ! important; } .sortableList:not(.tabularList) { list-style: outside none decimal; margin-left: 20px; } .sortableNode:not(:last-child) { border-bottom: 1px solid rgb(0, 94, 135); } .sortableNode > .sortableList:not(:empty) { border-top: 1px solid rgb(0, 94, 135); } @media screen and (max-width: 544px) { } @media screen and (min-width: 1025px), print { } .structuredList li:not(:first-child) { border-top: 1px solid rgb(238, 238, 238); } .mediaManagerMediaList::before, .mediaManagerMediaList::after { display: table; content: ""; } .mediaManagerMediaList::after { clear: both; } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } @media screen and (max-width: 1024px) { .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li:hover:not(.dropdownDivider):not(.dropdownList):not(.dropdownText), .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li.dropdownList > li:hover:not(.dropdownDivider), .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li.dropdownNavigationItem, .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li.active { background-color: rgb(4, 202, 216); color: rgb(33, 33, 33); } .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li:hover:not(.dropdownDivider):not(.dropdownList):not(.dropdownText) > a, .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li.dropdownList > li:hover:not(.dropdownDivider) > a, .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li.dropdownNavigationItem > a, .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li.active > a { color: rgb(33, 33, 33); } .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li.missingValue > span::after { color: rgb(0, 52, 89); content: ""; font-family: FontAwesome; position: absolute; right: 20px; top: 5px; } } @media screen and (max-width: 1024px) and (max-width: 768px) { } @media screen and (max-width: 1024px) and (max-width: 768px) { } @media screen and (max-width: 1024px) and (max-width: 544px) { } @media screen and (max-width: 1024px) and (max-width: 1024px) { } @media screen and (min-width: 1025px), print { } @media screen and (min-width: 769px), print { } @media screen and (max-width: 1024px) { } .menuOverlayMobile { background-color: rgb(0, 52, 89); bottom: 0px; display: none; overflow: hidden; position: absolute; top: 0px; z-index: 320; } @media screen and (min-width: 545px), print { } .menuOverlayMobile.androidMenuTouchEnd.pageMainMenuMobile:not(.open) { transform: translateX(-100vw); } .menuOverlayMobile.androidMenuTouchEnd.pageUserMenuMobile:not(.open) { transform: translateX(100vw); } @media screen and (min-width: 545px), print { .menuOverlayMobile.androidMenuTouchEnd.pageMainMenuMobile:not(.open) { transform: translateX(-350px); } .menuOverlayMobile.androidMenuTouchEnd.pageUserMenuMobile:not(.open) { transform: translateX(350px); } } .menuOverlayMobile > .menuOverlayItemList { transition: transform 0.24s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; visibility: visible; } .menuOverlayMobile.allowScroll .menuOverlayItemList:not(.hidden) { overflow: auto; } .menuOverlayMobile:not(.allowScroll)::before { bottom: 0px; content: ""; left: 0px; position: absolute; right: 0px; top: 0px; z-index: 500; } @media screen and (max-width: 544px) { .menuOverlayMobile { left: 0px; max-width: 100vw; right: 0px; } .menuOverlayMobile .menuOverlayItemList { right: 0px; } } @media screen and (min-width: 545px), print { .menuOverlayMobile { width: 350px; } .menuOverlayMobile.pageMainMenuMobile { left: 0px; } .menuOverlayMobile.pageMainMenuMobile .menuOverlayItemList { left: 0px; } .menuOverlayMobile.pageUserMenuMobile { right: 0px; } .menuOverlayMobile.pageUserMenuMobile .menuOverlayItemList { right: 0px; } } .menuOverlayItemList { background-color: rgb(0, 52, 89); height: 100%; list-style-type: none; margin: 0px; padding: 5px 0px; position: absolute; top: 0px; left: -1px; bottom: 0px; width: calc(100% + 1px); z-index: 450; } @media screen and (min-width: 545px), print { .menuOverlayItemList { width: 350px; } } .menuOverlayItemList:not(.activeList) { display: none; } .menuOverlayItemSpacer { margin-top: 25px; } .menuOverlayItem { } .menuOverlayItem:not(:last-child) { margin-bottom: 1px; } .menuOverlayItem > .menuOverlayItemList { margin-left: 100%; z-index: 500; } .menuOverlayItemLink, .menuOverlayTitle, .menuOverlayBackLink { color: rgb(255, 255, 255); display: block; font-size: 14px; padding: 10px 30px; position: relative; } .menuOverlayItemLink { align-items: center; background-color: rgb(0, 52, 89); display: flex; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .menuOverlayItemLink .icon::before { color: rgb(255, 255, 255); } .menuOverlayItemLink:hover { color: rgb(255, 255, 255); } .menuOverlayItemLink.menuOverlayItemLinkMore::after { color: rgb(255, 255, 255); content: ""; display: block; font-family: FontAwesome; font-size: 18px; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); } .menuOverlayItemLink .menuOverlayItemTitle { overflow: hidden; text-overflow: ellipsis; } html[dir="rtl"] .menuOverlayItemLink.menuOverlayItemLinkMore::after { content: ""; } .menuOverlayItemLink.active, .menuOverlayItemLinkIcon.active { background-color: rgb(0, 126, 167); color: rgb(255, 255, 255); } .menuOverlayItemLinkIcon.active > .icon::before { color: rgb(255, 255, 255); } .menuOverlayTitle { color: rgba(255, 255, 255, 0.7); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .menuOverlayTitle:not(:first-child) { margin-top: 10px; } .menuOverlayItemLinkIcon > .icon::before { color: rgb(255, 255, 255); } .menuOverlayBackLink::before { color: rgba(255, 255, 255, 0.7); content: ""; display: block; font-family: FontAwesome; font-size: 18px; position: absolute; left: 12px; top: 50%; transform: translateY(-50%); } @media screen and (min-width: 769px), print { .messageList:not(.messageReducedList) { border-top: 1px solid rgb(32, 158, 199); } .messageList:not(.messageReducedList) > li { border-bottom: 1px solid rgb(32, 158, 199); padding: 30px 0px; } .messageList:not(.messageReducedList) > li.messageListPagination:last-child { border-bottom-width: 0px; } } @media screen and (max-width: 768px) { .messageList:not(.messageReducedList) .messageSidebar { border-top: 1px solid rgb(32, 158, 199); } .messageList:not(.messageReducedList) > .messageListPagination { border-top: 1px solid rgb(32, 158, 199); margin: 0px -10px; padding: 20px 10px; } } @media screen and (min-width: 769px), print { .messageList.messageReducedList > li:not(:last-child) { padding-bottom: 30px; } } .messageList > .anchorFixedHeader:target { margin-top: -49px; pointer-events: none; position: relative; z-index: 10; } .messageList > .anchorFixedHeader:target::after { content: ""; display: block; height: 50px; } .messageList > .anchorFixedHeader:target > .message { pointer-events: all; transform: translateY(49px); } @media screen and (max-width: 768px) { .messageList > li:not(:last-child) { padding-bottom: 30px; } } .messageCheckboxLabel::before, .message .messageClipboardCheckbox::before, .messageGroupList .columnMark > label::before { content: ""; display: block; font-family: FontAwesome; position: absolute; } .messageCheckboxLabel::after, .message .messageClipboardCheckbox::after, .messageGroupList .columnMark > label::after { color: rgb(0, 150, 0); content: ""; display: none; font-family: FontAwesome; position: absolute; } @media screen and (min-width: 769px), print { .message { display: flex; } } .message .messageClipboardCheckbox::before { font-size: 25px; left: 2px; top: -6px; } .message.jsMarked .messageClipboardCheckbox::after { display: block; font-size: 14px; left: 5px; top: 1px; } .messageSidebar { background-color: rgb(53, 53, 53); color: rgb(255, 255, 255); position: relative; } @media screen and (min-width: 769px), print { .messageSidebar { align-self: flex-start; border-radius: 3px; flex: 0 0 240px; padding: 20px; text-align: center; } .messageSidebar + .messageContent { flex-basis: calc(100% - 270px); margin-left: 30px; max-width: calc(100% - 270px); } .messageSidebar .username { display: block; } } @media screen and (max-width: 768px) { .messageSidebar { margin: 0px -10px; padding: 10px; } .messageSidebar .messageAuthor { flex: 0 0 auto; position: relative; } .messageSidebar .messageAuthor .userAvatar { display: block; margin: 0px; position: absolute; top: 50%; transform: translateY(-50%); } .messageSidebar .messageAuthor .userAvatar .userAvatarImage { max-height: 48px; max-width: 48px; } .messageSidebar .messageAuthor .messageAuthorContainer, .messageSidebar .messageAuthor .userTitle, .messageSidebar .messageAuthor .userRank { margin-left: 58px; } .messageSidebar .userCredits { display: none; } .messageSidebar + .messageContent { margin-top: 20px; } } .messageSidebar a { color: rgb(93, 197, 232); } .messageSidebar a:hover { color: rgb(58, 171, 209); } .messageSidebar .dataList { font-weight: 400; } @media screen and (min-width: 769px), print { .messageSidebar .dataList { font-size: 12px; } } @media screen and (max-width: 768px) { .messageSidebar .dataList { font-size: 12px; } } .messageSidebar .userAvatar { display: inline-block; position: relative; margin-bottom: 10px; } .messageSidebar .userAvatar > a { display: inline-block; } .messageSidebar .username { display: inline-block; font-weight: 400; line-height: 1.28; } @media screen and (min-width: 769px), print { .messageSidebar .username { font-size: 18px; } } @media screen and (max-width: 768px) { .messageSidebar .username { font-size: 18px; } } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { .messageSidebar .badgeOnline::before { background-color: inherit; border: 1px solid rgb(255, 255, 255); border-radius: 50%; content: ""; height: 16px; left: 34px; position: absolute; width: 16px; } } .messageSidebar .userTitle + .userRank { margin-top: 3px; } .messageAuthor + * { margin-top: 20px; } .messageAuthor + *::before { content: ""; left: 0px; margin-top: -10px; position: absolute; right: 0px; } @media screen and (min-width: 769px), print { .messageAuthorContainer:not(:last-child) { margin-bottom: 5px; } } @media screen and (max-width: 768px) { .messageContent { position: relative; } } @media screen and (min-width: 769px), print { .messageContent { display: flex; flex: 1 1 0%; flex-direction: column; } } .messageHeader { display: flex; justify-content: flex-end; } @media screen and (min-width: 769px), print { .messageHeader { flex: 0 0 auto; } } .messageHeader + .messageBody { margin-top: 20px; } .messageHeader > .messageQuickOptions { flex: 0 0 auto; } .messageHeaderBox { align-items: center; display: flex; flex: 1 1 auto; flex-wrap: wrap; } .messageHeaderBox > .messageHeaderMetaData, .messageHeaderBox > .messageStatus { flex: 0 0 auto; } @media screen and (min-width: 545px), print { } @media screen and (max-width: 544px) { } @media screen and (max-width: 544px) and (max-width: 768px) { } .messageHeaderMetaData { align-items: center; display: flex; flex-wrap: wrap; font-weight: 400; } .messageHeaderMetaData > li { flex: 0 1 auto; } .messageHeaderMetaData > li:not(:last-child) { margin-right: 5px; } .messageHeaderMetaData.commaSeparated > li:not(:last-child)::after { content: ","; padding-left: 1px; } .messageHeaderMetaData.dotSeparated > li:not(:last-child)::after { content: "·"; margin-left: 5px; } .messageHeaderMetaData > li:not(:last-child)::after { content: "·"; margin-left: 5px; } @media screen and (min-width: 769px), print { .messageHeaderMetaData { font-size: 12px; } } @media screen and (max-width: 768px) { .messageHeaderMetaData { font-size: 12px; } } .messageHeaderMetaData .messagePublicationTime { color: rgb(223, 223, 223); } .messageHeaderMetaData + .messageStatus { margin-left: 5px; } .messageStatus { align-items: center; display: flex; flex-wrap: wrap; font-weight: 400; } .messageStatus > li { flex: 0 1 auto; } .messageStatus > li:not(:last-child) { margin-right: 5px; } .messageStatus.commaSeparated > li:not(:last-child)::after { content: ","; padding-left: 1px; } .messageStatus.dotSeparated > li:not(:last-child)::after { content: "·"; margin-left: 5px; } @media screen and (min-width: 769px), print { .messageStatus { font-size: 12px; } } @media screen and (max-width: 768px) { .messageStatus { font-size: 12px; } } @media screen and (min-width: 769px), print { .messageQuickOptions { display: flex; flex-wrap: wrap; } .messageQuickOptions > li { flex: 0 1 auto; } .messageQuickOptions > li:not(:last-child) { margin-right: 5px; } .messageQuickOptions.commaSeparated > li:not(:last-child)::after { content: ","; padding-left: 1px; } .messageQuickOptions.dotSeparated > li:not(:last-child)::after { content: "·"; margin-left: 5px; } } @media screen and (max-width: 768px) { .messageQuickOptions { flex: 0 0 24px ! important; height: 1.5em; opacity: 0; position: relative; transition: opacity 0.12s linear 0s, visibility 0s linear 0.12s; visibility: hidden; } .messageQuickOptions::before { content: ""; font-family: FontAwesome; font-size: 18px; height: 24px; position: absolute; right: 0px; text-align: center; top: -2px; width: 24px; } .messageQuickOptions > li { display: none; } } @media screen and (min-width: 769px), print { .messageBody { flex: 1 1 auto; } } .messageBody > .messageText img { height: auto ! important; max-width: 100%; } .messageBody > :first-child { margin-top: 0px; } @media screen and (min-width: 769px), print { .messageFooter { flex: 0 0 auto; } } .messageFooterNote { border-left: 5px solid rgb(0, 94, 135); color: rgb(223, 223, 223); margin-top: 20px; padding: 5px 10px; font-weight: 400; } @media screen and (min-width: 769px), print { .messageFooterNote { font-size: 12px; } } @media screen and (max-width: 768px) { .messageFooterNote { font-size: 12px; } } .messageFooterNote a { color: rgb(61, 165, 200); } .messageFooterNote a:hover { color: rgb(26, 139, 177); text-decoration: underline; } .messageFooterGroup { align-items: center; display: flex; flex-wrap: wrap; } .messageFooterGroup:not(:first-child) > .likesSummary, .messageFooterGroup:not(:first-child) > .messageFooterButtons { margin-top: 20px; } .messageFooterGroup > .likesSummary { flex: 0 1 auto; font-weight: 400; } @media screen and (min-width: 769px), print { .messageFooterGroup > .likesSummary { font-size: 12px; } } @media screen and (max-width: 768px) { .messageFooterGroup > .likesSummary { font-size: 12px; } } @media screen and (min-width: 769px), print { .messageFooterGroup > .messageFooterButtons { flex: 1 1 auto; } } @media screen and (max-width: 768px) { .messageFooterGroup > .messageFooterButtons:not(.open) { display: none; } .messageFooterGroup > .messageFooterButtons.buttonList.open li:hover:not(.dropdownDivider):not(.dropdownList):not(.dropdownText), .messageFooterGroup > .messageFooterButtons.buttonList.open li.dropdownList > li:hover:not(.dropdownDivider), .messageFooterGroup > .messageFooterButtons.buttonList.open li.dropdownNavigationItem, .messageFooterGroup > .messageFooterButtons.buttonList.open li.active { background-color: rgb(4, 202, 216); color: rgb(33, 33, 33); } .messageFooterGroup > .messageFooterButtons.buttonList.open li:hover:not(.dropdownDivider):not(.dropdownList):not(.dropdownText) > a, .messageFooterGroup > .messageFooterButtons.buttonList.open li.dropdownList > li:hover:not(.dropdownDivider) > a, .messageFooterGroup > .messageFooterButtons.buttonList.open li.dropdownNavigationItem > a, .messageFooterGroup > .messageFooterButtons.buttonList.open li.active > a { color: rgb(33, 33, 33); } .messageFooterGroup > .messageFooterButtons.buttonList.open li.missingValue > span::after { color: rgb(0, 52, 89); content: ""; font-family: FontAwesome; position: absolute; right: 20px; top: 5px; } } @media screen and (max-width: 768px) and (max-width: 768px) { } @media screen and (max-width: 768px) and (max-width: 768px) { } @media screen and (max-width: 768px) and (max-width: 544px) { } @media screen and (max-width: 768px) and (max-width: 1024px) { } @media screen and (max-width: 768px) and (max-width: 768px) { } @media screen and (max-width: 768px) { .messageSignature { display: none; } } @media screen and (min-width: 769px), print { .messageSignature { border-top: 1px solid rgb(0, 94, 135); margin-top: 20px; opacity: 0.6; padding-top: 10px; transition: opacity 0.12s linear 0s; transform: translateZ(0px); } .message:hover .messageSignature { opacity: 1; } } .messageFooterButtons { justify-content: flex-end; } .messageFooterButtons > li { display: flex; } .messageFooterButtons > li > a { align-items: center; } .messageFooterButtons .icon + span:not(.invisible) { margin-left: 5px; } @media screen and (max-width: 768px) { } @media screen and (max-width: 768px) { } @media screen and (min-width: 769px), print { } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } .messageGroupList .tabularList .tabularListRow:not(.tabularListRowHead) .columnStats { position: relative; } .messageGroupList .tabularList .tabularListRow:not(.tabularListRowHead) .columnStats > dl { visibility: hidden; } @media screen and (min-width: 1025px), print { .messageGroupList .tabularList .tabularListRow:hover:not(.tabularListRowHead) .columnStats > dl { visibility: visible; } .messageGroupList .tabularList .tabularListRow:hover:not(.tabularListRowHead) .columnStats .messageGroupListStatsSimple { display: none; } } .messageGroupList .columnMark > label::before { font-size: 24px; top: -6px; } .messageGroupList .jsMarked .columnMark > label::after { display: block; font-size: 13px; left: 3px; top: 1px; } .messageGroupList .tabularListRowHead .columnMark > label::before { top: -3px; } .messageGroupList .tabularListRowHead .jsMarked .columnMark > label::after { top: 4px; } .messageGroupList .messageDeleted .columnAvatar::before, .messageGroupList .messageDisabled .columnAvatar::before { display: block; font-family: FontAwesome; position: absolute; } @media screen and (min-width: 769px), print { .messageGroupList .messageDeleted .columnAvatar::before, .messageGroupList .messageDisabled .columnAvatar::before { font-size: 42px; } } @media screen and (max-width: 768px) { .messageGroupList .messageDeleted .columnAvatar::before, .messageGroupList .messageDisabled .columnAvatar::before { font-size: 28px; } } .messageGroupList .messageDisabled .columnAvatar::before { color: rgb(0, 140, 0); content: ""; } @media screen and (min-width: 769px), print { .messageGroupList .messageDisabled .columnAvatar::before { left: 13px; top: -2px; } } @media screen and (max-width: 768px) { .messageGroupList .messageDisabled .columnAvatar::before { left: 3px; top: -4px; } } .messageGroupList .messageDeleted .columnAvatar::before { color: rgb(180, 0, 0); content: ""; left: 17px; top: -2px; } @media screen and (min-width: 769px), print { .messageGroupList .messageDeleted .columnAvatar::before { left: 17px; top: -2px; } } @media screen and (max-width: 768px) { .messageGroupList .messageDeleted .columnAvatar::before { left: 7px; top: -4px; } } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } .messageGroupList .pagination:not(:last-child) { margin-right: 5px; } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns { flex-wrap: wrap; justify-content: flex-end; padding: 5px 0px; } .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns > li { padding: 0px; } .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnAvatar { margin-right: 10px; padding: 0px; } .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnAvatar div { height: 32px; width: 32px; } .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnAvatar img { max-height: 32px; max-width: 32px; } .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnAvatar .myAvatar { display: none; } .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject { flex-basis: calc(100% - 42px); max-width: calc(100% - 42px); } .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject > h3 { align-items: flex-start; display: flex; } .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject > h3 > .messageGroupLink { flex: 1 1 auto; line-height: 1.48; overflow: hidden; text-overflow: ellipsis; } .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject > h3 > .messageGroupCounterMobile { flex: 0 0 auto; margin-left: 10px; } .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject .messageGroupInfoMobile { color: rgb(223, 223, 223); display: flex; font-weight: 400; } .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject .messageGroupInfoMobile > .messageGroupAuthorMobile { flex: 1 1 auto; } .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject .messageGroupInfoMobile > .messageGroupLastPostTimeMobile { flex: 0 0 auto; margin-left: 10px; } .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject .statusDisplay, .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject .messageGroupInfo, .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject .messageGroupTime, .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject .messageGroupEditLink { display: none; } .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject .labelList { float: none; padding-bottom: 2px; padding-left: 0px; } .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnStats, .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnLastPost { display: none; } } @media screen and (max-width: 768px) and (max-width: 768px) { .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject > h3 > .messageGroupLink { font-size: 14px; } } @media screen and (max-width: 768px) and (max-width: 768px) { .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject .messageGroupInfoMobile { font-size: 12px; } } @media screen and (max-width: 1024px) { } @media screen and (min-width: 1025px), print { .contentHeader.messageGroupContentHeader > .contentHeaderIcon { position: relative; } } .contentHeader.messageGroupContentHeader.messageDeleted > .contentHeaderIcon::before, .contentHeader.messageGroupContentHeader.messageDisabled > .contentHeaderIcon::before { display: block; font-family: FontAwesome; font-size: 56px; position: absolute; } .contentHeader.messageGroupContentHeader.messageDisabled > .contentHeaderIcon::before { color: rgb(0, 140, 0); content: ""; left: 4px; top: -12px; } .contentHeader.messageGroupContentHeader.messageDeleted > .contentHeaderIcon::before { color: rgb(180, 0, 0); content: ""; left: 11px; top: -12px; } .pageAction { bottom: 10px; position: fixed; right: 10px; z-index: 400; display: flex; flex-wrap: wrap; } .pageAction > li { flex: 0 1 auto; } .pageAction > li:not(:last-child) { margin-right: 5px; } .pageAction.commaSeparated > li:not(:last-child)::after { content: ","; padding-left: 1px; } .pageAction.dotSeparated > li:not(:last-child)::after { content: "·"; margin-left: 5px; } .pageAction > li { animation: 0.3s ease 0s normal forwards 1 running wcfPageActionOut; display: flex; max-width: 400px; white-space: nowrap; } .pageAction > li[aria-hidden="false"] { animation: 0.3s ease 0s normal forwards 1 running wcfPageAction; } .pageAction > li.toTop > a { padding: 2px; } @media screen and (max-width: 544px) { .pageAction { flex-wrap: nowrap; left: 10px; } .pageAction > li { flex: 1 1 auto; max-width: none; overflow: hidden; } .pageAction > li > a { overflow: hidden; text-align: center; text-overflow: ellipsis; width: 100%; } } @media screen and (max-width: 544px) { } @media screen and (max-width: 544px) { .pagination { text-align: center; } } .pagination > ul { display: inline-flex; flex-wrap: wrap; } .pagination > ul > li { display: flex; flex: 0 0 auto; } .pagination > ul > li > .invisible { display: none; } .pagination > ul > li > a, .pagination > ul > li > span { color: rgb(255, 255, 255); padding: 2px 8px 0px; } .pagination > ul > li.disabled > span { color: rgb(223, 223, 223); } .pagination > ul > li.active > a, .pagination > ul > li.active > span, .pagination > ul > li > a:hover { background-color: rgb(0, 110, 151); color: rgb(93, 197, 232); } .pagination > ul > li > .icon { height: auto; line-height: inherit; width: auto; } .pagination > ul > li:not(:last-child) { margin-right: 1px; } .pagination > ul > li:not(.skip) > a, .pagination > ul > li:not(.skip) > span { padding: 4px 8px; } .pagination > ul > li:first-child > a::before, .pagination > ul > li:first-child > span::before { left: -1px; position: relative; } @media screen and (min-width: 545px), print { } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } .pollContainer .pollInnerContainer dd:not(:last-child) { margin-bottom: 5px; } .popover { animation: 0.3s ease 0s normal forwards 1 running wcfPopoverOut; background-color: rgb(67, 67, 67); border-radius: 2px; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.16), 0px 3px 6px rgba(0, 0, 0, 0.23); position: absolute; top: 0px; vertical-align: middle; visibility: hidden; width: 500px ! important; z-index: 500; } .popover.forceHide { animation: 0s ease 0s normal none 0 running none; visibility: hidden; } .popover > .elementPointer { display: none; } @media screen and (max-width: 768px) { .popover { display: none; } } .popoverContent { background-color: rgb(67, 67, 67); border-radius: 3px; color: rgb(255, 255, 255); padding: 15px; } .redactor-box:not(:first-child):not(.redactorBoxFullscreen) { margin-top: 20px; } .redactor-layer.redactor-placeholder::after { color: rgb(223, 223, 223); content: attr(placeholder); display: block; pointer-events: none; position: absolute; } .redactor-layer > :first-child:not(p) { margin-top: 10px ! important; } .redactor-layer > :last-child:not(p) { margin-bottom: 20px ! important; } .redactor-layer img:not(.smiley) { cursor: pointer; } .redactor-layer table td:empty::before { content: ""; display: inline-block; } @media screen and (min-width: 1025px), print { } @media screen and (max-width: 1024px) { } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } @media screen and (min-width: 1025px), print { } @media screen and (min-width: 545px), print { .redactor-toolbar > li.redactor-toolbar-separator::before { bottom: 7px; border-left: 1px solid rgb(255, 255, 255); content: ""; left: -6px; opacity: 0.6; position: absolute; top: 7px; } } @media screen and (max-width: 544px) { .redactor-toolbar:not(.redactorToolbarOverride) > li[data-show-on-mobile="false"] { display: none; } .redactor-toolbar.redactorToolbarOverride > .redactor-toolbar-separator::before { bottom: 7px; border-left: 1px solid rgb(255, 255, 255); content: ""; left: 0px; opacity: 0.6; position: absolute; top: 7px; } .redactor-toolbar .redactorToolbarToggle::before { bottom: 7px; border-left: 1px solid rgb(255, 255, 255); content: ""; left: 0px; opacity: 0.6; position: absolute; top: 7px; } } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } .redactorDropArea::before { content: attr(data-drop-here); } .redactorDropArea.active::before { content: attr(data-drop-now); } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } .smiley { margin: 0px 1px; } @media screen and (max-width: 1024px) { } @media screen and (max-width: 768px) { } @media screen and (min-width: 769px), print { } .messageQuickReplyCollapsed .messageQuickReplyContent::before { color: rgb(255, 255, 255); content: ""; font-family: FontAwesome; font-size: 28px; height: 32px; line-height: 32px; margin-right: 10px; width: 32px; vertical-align: -5px; } .messageQuickReplyCollapsed .messageQuickReplyContent::after { color: rgb(255, 255, 255); content: attr(data-placeholder); } @media screen and (min-width: 545px), print { .messageQuickReplyCollapsed .messageQuickReplyContent::after { font-weight: 300; line-height: 1.28; } } @media screen and (min-width: 545px), print { } @media screen and (max-width: 544px) { } .highlight { background-color: rgb(255, 214, 30); color: rgb(0, 0, 0); padding: 0px 2px; } .messageShareButtons .inlineList { margin-right: -5px; margin-bottom: -5px; } .messageShareButtons .inlineList > li { margin-bottom: 5px; } .messageShareButtons .button { display: flex; align-items: center; } @media screen and (max-width: 768px) { .messageShareButtons .button > span:not(.icon) { display: none; } } @media screen and (min-width: 769px), print { .messageShareButtons .icon { margin-right: 3px; } } .messageShareButtons .jsShareFacebook { background-color: rgb(59, 89, 153); color: rgb(255, 255, 255); } .messageShareButtons .jsShareFacebook:hover { background-color: rgb(45, 68, 116); color: rgb(255, 255, 255); } .messageShareButtons .jsShareTwitter { background-color: rgb(85, 172, 238); color: rgb(255, 255, 255); } .messageShareButtons .jsShareTwitter:hover { background-color: rgb(39, 149, 233); color: rgb(255, 255, 255); } .messageShareButtons .jsShareGoogle { background-color: rgb(220, 78, 65); color: rgb(255, 255, 255); } .messageShareButtons .jsShareGoogle:hover { background-color: rgb(198, 50, 36); color: rgb(255, 255, 255); } .messageShareButtons .jsShareReddit { background-color: rgb(255, 69, 0); color: rgb(255, 255, 255); } .messageShareButtons .jsShareReddit:hover { background-color: rgb(204, 55, 0); color: rgb(255, 255, 255); } .messageShareButtons .jsShareLinkedIn { background-color: rgb(0, 122, 182); color: rgb(255, 255, 255); } .messageShareButtons .jsShareLinkedIn:hover { background-color: rgb(0, 88, 131); color: rgb(255, 255, 255); } .messageShareButtons .jsSharePinterest { background-color: rgb(189, 33, 37); color: rgb(255, 255, 255); } .messageShareButtons .jsSharePinterest:hover { background-color: rgb(146, 25, 28); color: rgb(255, 255, 255); } .slideshowContainer > ul:not(.slideshowButtonList) > li:not(:first-child) { display: none; } .tabMenu > ul > li:not(:last-child), .menu > ul > li:not(:last-child) { margin-right: 5px; } .tabMenu > ul.commaSeparated > li:not(:last-child)::after, .menu > ul.commaSeparated > li:not(:last-child)::after { content: ","; padding-left: 1px; } .tabMenu > ul.dotSeparated > li:not(:last-child)::after, .menu > ul.dotSeparated > li:not(:last-child)::after { content: "·"; margin-left: 5px; } .tabMenu > ul > li:not(:last-child), .menu > ul > li:not(:last-child) { margin-right: 20px; } .tabMenu > ul > li::before, .menu > ul > li::before { border-top: 1px solid rgb(93, 197, 232); bottom: 0px; content: ""; left: 50%; position: absolute; width: 0px; } .tabMenu > ul > li.active::before, .menu > ul > li.active::before { left: 0px; transition: left 0.12s linear 0s, width 0.12s linear 0s; width: 100%; } @media screen and (max-width: 768px) { .tabMenu::before, .menu::before { display: none; } } @media screen and (min-width: 769px), print { .tabMenu > ul > li::before, .menu > ul > li::before { bottom: -1px; } } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } @media screen and (min-width: 769px), print { } .tabMenuOverlayLeft::before, .tabMenuOverlayRight::before { color: rgb(223, 223, 223); } .messageTabMenu:not(.messageTabMenuContent) > .messageTabMenuContent.active { border-width: 0px 1px 1px; border-style: solid; border-color: rgb(0, 94, 135); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; padding: 20px; } .messageTabMenu.messageTabMenuContent > nav > ul > li:not(:last-child) { margin-right: 5px; } .messageTabMenu.messageTabMenuContent > nav > ul.commaSeparated > li:not(:last-child)::after { content: ","; padding-left: 1px; } .messageTabMenu.messageTabMenuContent > nav > ul.dotSeparated > li:not(:last-child)::after { content: "·"; margin-left: 5px; } .messageTabMenu.messageTabMenuContent > nav > ul > li:not(:last-child) { margin-right: 20px; } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } .messageTabMenuNavigation > ul > li:not(:last-child) { margin-right: 5px; } .messageTabMenuNavigation > ul.commaSeparated > li:not(:last-child)::after { content: ","; padding-left: 1px; } .messageTabMenuNavigation > ul.dotSeparated > li:not(:last-child)::after { content: "·"; margin-left: 5px; } .messageTabMenuNavigation > ul > li:not(:last-child) { margin-right: 0px; } .messageTabMenuNavigation > ul > li.active > a::after { border-bottom: 1px solid rgb(67, 67, 67); bottom: -1px; content: ""; display: block; left: 0px; position: absolute; right: 0px; } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { .messageTabMenuNavigation > ul > li > a > span:not(.icon) { display: none; } } .tabularListRow.divider + li:not(.divider) { border-top-color: rgb(32, 158, 199); } .tabularListRow:hover:not(.tabularListRowHead) { background-color: rgb(30, 63, 86); } .tabularListRow:not(.tabularListRowHead) { border-top: 1px solid rgb(0, 94, 135); } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } .tabularListRowHead > .tabularListColumns > li.ASC > a::after, .tabularListRowHead > .tabularListColumns > li.DESC > a::after { display: inline-block; font-family: FontAwesome; margin-left: 7px; position: absolute; } .tabularListRowHead > .tabularListColumns > li.ASC > a::after { content: ""; top: 1px; } .tabularListRowHead > .tabularListColumns > li.DESC > a::after { content: ""; top: 2px; } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } .htmlContent table th.ASC > a::after, .messageBody > .messageText table th.ASC > a::after, .messageSignature > div table th.ASC > a::after, .redactor-layer table th.ASC > a::after, .table th.ASC > a::after, .htmlContent table th.DESC > a::after, .messageBody > .messageText table th.DESC > a::after, .messageSignature > div table th.DESC > a::after, .redactor-layer table th.DESC > a::after, .table th.DESC > a::after { display: inline-block; font-family: FontAwesome; margin-left: 5px; } .htmlContent table th.ASC > a::after, .messageBody > .messageText table th.ASC > a::after, .messageSignature > div table th.ASC > a::after, .redactor-layer table th.ASC > a::after, .table th.ASC > a::after { content: ""; } .htmlContent table th.DESC > a::after, .messageBody > .messageText table th.DESC > a::after, .messageSignature > div table th.DESC > a::after, .redactor-layer table th.DESC > a::after, .table th.DESC > a::after { content: ""; } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } .htmlContent table tr:not(:last-child) > td, .messageBody > .messageText table tr:not(:last-child) > td, .messageSignature > div table tr:not(:last-child) > td, .redactor-layer table tr:not(:last-child) > td, .table tr:not(:last-child) > td { border-bottom: 1px solid rgb(0, 94, 135); } .balloonTooltip, .redactor-toolbar-tooltip { background-color: rgba(0, 0, 0, 0.8); border-radius: 2px; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.24); color: rgb(255, 255, 255); left: 0px; max-width: 300px; padding: 5px 10px; pointer-events: none; position: absolute; top: 0px; transition: visibility 0s linear 0.12s; visibility: hidden; z-index: 800; font-weight: 400; } @media screen and (min-width: 769px), print { .balloonTooltip, .redactor-toolbar-tooltip { font-size: 12px; } } @media screen and (max-width: 768px) { .balloonTooltip, .redactor-toolbar-tooltip { font-size: 12px; } } .balloonTooltip > .elementPointer, .redactor-toolbar-tooltip > .elementPointer { display: none; } .balloonTooltip.interactive, .redactor-toolbar-tooltip.interactive { pointer-events: all; } .balloonTooltip.interactive > span, .redactor-toolbar-tooltip.interactive > span { cursor: pointer; } .balloonTooltip.interactive > span:not(:first-child), .redactor-toolbar-tooltip.interactive > span:not(:first-child) { border-left: 1px solid rgb(255, 255, 255); margin-left: 10px; padding-left: 10px; } #quoteManagerCopy { z-index: 350; } .ignoredUserContent:not(:hover) { opacity: 0.5 ! important; } .ignoredUserMessage::before { content: attr(data-ignored-user-message); } @media screen and (min-width: 769px), print { .ignoredUserMessage::before { padding: 10px 20px; } } @media screen and (max-width: 768px) { .ignoredUserMessage::before { padding: 10px; } } .loginForm > form .userLoginButtons { margin-top: 20px; text-align: center; } .loginForm > form .thirdPartyLogin .thirdPartyLoginButton > span:not(.icon) { flex: 1 1 auto; margin-left: 5px; } @media screen and (min-width: 769px), print { .loginForm:not(.loginFormLoginOnly) > form { -moz-column-count: 2; -moz-column-gap: 40px; } .loginForm:not(.loginFormLoginOnly) > form > .section { margin-top: 0px; overflow: hidden; page-break-inside: avoid; } .loginForm:not(.loginFormLoginOnly) > form > .section.loginFormLogin { page-break-after: always; } .loginForm:not(.loginFormLoginOnly) > form > .section.loginFormRegister { margin-top: 0px; } .loginForm:not(.loginFormLoginOnly) > form > .section.loginFormRegister + .loginFormThirdPartyLogin { margin-top: 30px; } } @media screen and (min-width: 769px), print { .dialogContent .loginForm:not(.loginFormLoginOnly) .section { width: 300px; } } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { .userProfileUser .contentHeaderIcon .badgeOnline::before { background-color: inherit; border: 1px solid rgb(255, 255, 255); border-radius: 50%; content: ""; height: 16px; left: 34px; position: absolute; width: 16px; } } @media screen and (min-width: 545px) and (max-width: 1024px) { } @media screen and (max-width: 768px) { } @media screen and (max-width: 544px) { .userProfileUser .contentHeaderNavigation .userProfileButtonContainer > li:not(:last-child) { margin-right: 1px; } } @media screen and (min-width: 769px), print { } .userTitleBadge { max-width: 154px; overflow: hidden; text-overflow: ellipsis; } .userAvatarImage { background-color: rgb(255, 255, 255); border-radius: 50%; } .userAvatarList > li:not(:last-child) { margin-right: -12px; } .userAvatarList.small > li:not(:last-child) { margin-right: -6px; } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } .wbbBoardList > li.wbbCategory:not(:last-child) { margin-bottom: 20px; } @media screen and (min-width: 1025px), print { } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } @media screen and (max-width: 768px) { } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { .wbbBoardList .wbbBoardMain h3::after { content: ""; color: rgb(223, 223, 223); font-family: FontAwesome; font-size: 28px; flex: 0 0 18px; line-height: 32px; margin-left: 10px; position: relative; top: -1px; text-align: right; } .wbbBoardList .wbbBoardMain .badgeUpdate:not(.badgeUpdateMobile) { display: none; } } @media screen and (max-width: 768px) { .wbbBoardList .wbbExternalLink .wbbBoardMain h3::after { content: ""; font-size: 18px; top: 3px; } } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } @media screen and (max-width: 768px) { .wbbBoardList .wbbLastPost > .box32 > div > small > .separatorLeft::before { display: none; } } @media screen and (max-width: 768px) and (max-width: 768px) { } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } @media screen and (max-width: 768px) and (max-width: 768px) { } @media screen and (max-width: 768px) { } @media screen and (min-width: 769px), print { } @media screen and (max-width: 768px) { } .wbbMovedIcon::before { left: 1px; position: relative; } @media screen and (min-width: 1025px), print { } .wbbPost.wbbPostDeleted.messageCollapsedExpandable .messageHeaderWrapper > :first-child { pointer-events: none; position: relative; } .wbbPost.wbbPostDeleted.messageCollapsedExpandable .messageHeaderWrapper > :first-child::before { display: block; color: rgb(180, 0, 0); content: ""; font-family: FontAwesome; font-size: 42px; left: 13px; position: absolute; top: -8px; } .wbbPost.wbbPostDeleted.messageCollapsedExpandable .messageHeaderWrapper > :first-child > img { visibility: hidden; } #postMergeContainer .sortableNode:not(:last-child) { border-bottom-width: 0px; margin-bottom: 30px; } @media screen and (max-width: 544px) { } @media screen and (min-width: 545px), print { } @media screen and (max-width: 768px) { } @media screen and (min-width: 769px), print { } #shoutbox .shoutboxContent.fadeOut::after { height: 40px; width: calc(100% - 27px); position: absolute; content: ""; left: 0px; pointer-events: none; } #shoutbox .shoutboxContent.asc::after { top: calc(300px - 20px); background: transparent linear-gradient(to bottom, rgba(53, 53, 53, 0) 0%, rgb(53, 53, 53) 100%) repeat scroll 0% 0%; } #shoutbox .shoutboxContent.desc::after { top: 5px; background: transparent linear-gradient(to bottom, rgb(53, 53, 53) 0%, rgba(53, 53, 53, 0) 100%) repeat scroll 0% 0%; } #shoutbox.noForm .shoutboxContent.fadeOut::after { bottom: 0px; } #shoutbox.shoutboxSidebar .shoutboxContent.asc::after { top: calc(250px - 20px); } #shoutbox.shoutboxSidebar #submitLink::after { content: ""; font-family: FontAwesome; } @media only screen and (max-width: 800px) { #shoutbox .shoutboxContent.desc::after, #shoutbox .shoutboxContent.asc::after { display: none; } #submitLink::after { content: ""; font-family: FontAwesome; } } .userAvatarImage { border-radius: 0px ! important; background-color: transparent ! important; } #pageHeader { background: transparent url('header.png') repeat-x scroll center center / cover ; } .pageHeaderFacade > .layoutBoundary { align-items: center; padding-bottom: 0px ! important; padding-top: 0px ! important; } .pageHeaderLogo > a { padding: 0px ! important; } #main { background: transparent url('background.png') repeat scroll 0% 0%; } #content { background: rgb(67, 67, 67) none repeat scroll 0% 0%; padding: 20px; } .userAvatarList > li:not(:last-child) { margin-right: 7px; } .content, .box { box-shadow: 4px 5px 30px 0px black; } .content .box, .boxesFooterBoxes .box, .pageHeader .box, .pageFooter .box { box-shadow: none; } .box.global-announcement { margin: 0px; padding: 5px 0px; box-shadow: none; } .userTitleBadge { overflow: hidden; white-space: normal; }