Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- 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 {
- border: 0 none;
- margin: 0;
- padding: 0;
- }
- img {
- border: 0 none;
- }
- h1, h2, h3, h4, h5, h6 {
- font-size: 100%;
- font-weight: normal;
- }
- ol, ul {
- list-style: outside none none;
- }
- blockquote, q {
- quotes: none;
- }
- blockquote::before, blockquote::after, q::before, q::after {
- content: none;
- }
- address {
- font-style: normal;
- }
- html {
- box-sizing: border-box;
- }
- *, *::before, *::after {
- box-sizing: inherit;
- min-width: 0;
- }
- html {
- }
- .clearfix::before, .clearfix::after {
- content: "";
- display: table;
- }
- .clearfix::after {
- clear: both;
- }
- .redactor-layer pre {
- background-color: #fff !important;
- border-radius: 2px;
- box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
- color: #444 !important;
- font-family: Consolas,"Courier New",monospace;
- margin: 1em 0;
- overflow-wrap: break-word;
- padding: 10px 20px;
- position: relative;
- white-space: pre-wrap;
- word-break: break-all;
- }
- .redactor-layer pre:not(.redactorCalcHeight)::before {
- color: rgba(230, 81, 0, 1);
- content: attr(data-title);
- cursor: pointer;
- display: block;
- font-family: "Roboto",Arial,Helvetica,sans-serif;
- font-weight: 400;
- line-height: 1.28;
- margin-bottom: 20px;
- }
- @media (min-width: 769px) {
- .redactor-layer pre:not(.redactorCalcHeight)::before {
- font-size: 18px;
- }
- }
- @media (max-width: 768px) {
- .redactor-layer pre:not(.redactorCalcHeight)::before {
- font-size: 18px;
- }
- }
- .codeBox {
- background-color: rgba(250, 250, 250, 1);
- border-radius: 2px;
- box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
- clear: both;
- margin: 1em 0;
- overflow: hidden;
- padding: 10px;
- position: relative;
- }
- .codeBox.collapsed {
- max-height: 200px;
- }
- .codeBox.collapsed > .toggleButton {
- bottom: 0;
- box-shadow: 0 -10px 50px 10px #fafafa;
- left: 0;
- padding-bottom: 10px;
- position: absolute;
- right: 0;
- z-index: 1;
- }
- .codeBox > div > .codeBoxHeader {
- align-items: center;
- display: flex;
- }
- .codeBox > div > .codeBoxHeader > .codeBoxHeadline {
- flex: 1 1 auto;
- font-weight: 400;
- line-height: 1.28;
- padding: 0 10px;
- }
- @media (min-width: 769px) {
- .codeBox > div > .codeBoxHeader > .codeBoxHeadline {
- font-size: 18px;
- }
- }
- @media (max-width: 768px) {
- .codeBox > div > .codeBoxHeader > .codeBoxHeadline {
- font-size: 18px;
- }
- }
- .codeBox > div > .codeBoxHeader > .codeBoxPlainSource {
- flex: 0 0 auto;
- margin-left: 10px;
- }
- .codeBox > div > ol {
- margin: 20px 0 0 3.4em !important;
- position: relative;
- }
- .codeBox > div > ol::before {
- border-right: 1px solid rgba(224, 224, 224, 1);
- bottom: 0;
- content: "";
- left: -5px;
- position: absolute;
- top: 0;
- }
- .codeBox > div > ol > li {
- font-family: Consolas,"Courier New",monospace;
- overflow-wrap: break-word;
- padding-left: 5px;
- position: relative;
- white-space: pre-wrap;
- word-break: break-all;
- z-index: 1;
- }
- .codeBox > div > ol > li .lineAnchor {
- bottom: 0;
- left: -3.4em;
- position: absolute;
- top: 0;
- width: 3.4em;
- }
- .codeBox .codeBoxJumpAnchor:target {
- height: 100%;
- pointer-events: none;
- position: absolute;
- width: 100%;
- z-index: -1;
- }
- .codeBox .codeBoxJumpAnchor:target::after {
- background-color: rgba(255, 255, 102, 1);
- bottom: 0;
- content: "";
- display: block;
- height: 100%;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- }
- @media (max-width: 1024px) {
- .codeBox .codeBoxJumpAnchor:target {
- top: -52px;
- }
- .codeBox .codeBoxJumpAnchor:target::after {
- top: 52px;
- }
- }
- @media (min-width: 1025px) {
- .codeBox .codeBoxJumpAnchor:target {
- top: -50px;
- }
- .codeBox .codeBoxJumpAnchor:target::after {
- top: 50px;
- }
- }
- .codeBox > .toggleButton {
- background-color: #fafafa;
- cursor: pointer;
- display: block;
- font-weight: 400;
- padding: 10px 20px 0 10px;
- text-align: center;
- }
- @media (min-width: 769px) {
- .codeBox > .toggleButton {
- font-size: 12px;
- }
- }
- @media (max-width: 768px) {
- .codeBox > .toggleButton {
- font-size: 12px;
- }
- }
- .codeBox .hlQuotes {
- color: red;
- }
- .codeBox .hlComments, .codeBox .hlOperators {
- color: green;
- }
- .codeBox .hlKeywords1 {
- color: blue;
- }
- .codeBox .hlKeywords2 {
- color: darkred;
- }
- .codeBox .hlKeywords3 {
- color: darkviolet;
- }
- .codeBox .hlKeywords4 {
- color: darkgoldenrod;
- }
- .codeBox .hlKeywords5 {
- color: crimson;
- }
- .codeBox .hlNumbers {
- color: darkorange;
- }
- .diffHighlighter .hlComments {
- color: darkviolet;
- }
- .diffHighlighter .hlRemoved {
- color: red;
- }
- .diffHighlighter .hlAdded {
- color: green;
- }
- .phpHighlighter .hlKeywords2 {
- color: green;
- }
- .phpHighlighter .hlComments {
- color: darkgoldenrod;
- }
- .cssHighlighter .hlComments {
- color: #236e26;
- }
- .cssHighlighter .hlColors {
- color: #751116;
- }
- .cssHighlighter .hlNumbers, .sqlHighlighter .hlNumbers {
- color: #1906fd;
- }
- .cssHighlighter .hlKeywords1 {
- color: #87154f;
- }
- .cssHighlighter .hlKeywords2 {
- color: #994509;
- }
- .cssHighlighter .hlKeywords3, .cssHighlighter .hlKeywords4 {
- color: inherit;
- }
- .sqlHighlighter .hlKeywords1 {
- color: #663821;
- }
- .sqlHighlighter .hlKeywords2 {
- color: #871550;
- }
- .inlineCode, kbd {
- background-color: rgba(255, 255, 255, 1) !important;
- border: 1px solid rgba(196, 196, 196, 1) !important;
- border-radius: 2px;
- color: rgba(68, 68, 68, 1) !important;
- display: inline;
- font-family: Consolas,"Courier New",monospace;
- font-style: normal;
- font-weight: normal;
- margin: 1px 2px;
- overflow: auto;
- overflow-wrap: break-word;
- padding: 0 4px;
- text-decoration: none;
- vertical-align: middle;
- word-break: break-all;
- }
- .mediaBBCode {
- display: inline-block;
- max-width: 100%;
- }
- .mediaBBCode .mediaBBCodeCaption {
- color: rgba(125, 130, 135, 1);
- display: block;
- font-weight: 400;
- margin-top: 5px;
- text-align: center;
- }
- @media (min-width: 769px) {
- .mediaBBCode .mediaBBCodeCaption {
- font-size: 12px;
- }
- }
- @media (max-width: 768px) {
- .mediaBBCode .mediaBBCodeCaption {
- font-size: 12px;
- }
- }
- woltlab-quote, .quoteBox {
- background-color: rgba(250, 250, 250, 1);
- border-radius: 2px;
- box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
- display: block;
- font-style: italic;
- margin: 1em 0;
- }
- woltlab-quote:first-child, .quoteBox:first-child {
- margin-top: 0;
- }
- woltlab-quote .quoteBox, .quoteBox .quoteBox {
- clear: both;
- }
- woltlab-quote .quoteBox .quoteBoxIcon, .quoteBox .quoteBox .quoteBoxIcon {
- display: none;
- }
- @media (min-width: 769px) {
- woltlab-quote, .quoteBox {
- padding: 20px;
- }
- }
- @media (max-width: 768px) {
- woltlab-quote, .quoteBox {
- padding: 10px;
- }
- }
- .quoteBox {
- clear: both;
- overflow: hidden;
- }
- @media (min-width: 769px) {
- .quoteBox {
- min-height: 104px;
- }
- }
- .quoteBox.collapsed {
- position: relative;
- }
- .quoteBox.collapsed > .quoteBoxContent {
- max-height: 100px;
- overflow: hidden;
- }
- .quoteBox.collapsed > .toggleButton {
- bottom: 0;
- box-shadow: 0 -10px 50px 10px #fafafa;
- left: 0;
- padding-bottom: 10px;
- position: absolute;
- right: 0;
- z-index: 1;
- }
- .quoteBox > .toggleButton {
- background-color: #fafafa;
- cursor: pointer;
- display: block;
- font-weight: 400;
- padding: 10px 20px 0 10px;
- text-align: center;
- }
- @media (min-width: 769px) {
- .quoteBox > .toggleButton {
- font-size: 12px;
- }
- }
- @media (max-width: 768px) {
- .quoteBox > .toggleButton {
- font-size: 12px;
- }
- }
- .quoteBox .quoteBox {
- min-height: 0;
- }
- woltlab-quote:not(.redactorCalcHeight)::before {
- color: rgba(230, 81, 0, 1);
- content: attr(data-title);
- cursor: pointer;
- display: block;
- font-style: normal;
- font-weight: 400;
- line-height: 1.28;
- margin-bottom: 20px;
- }
- @media (min-width: 769px) {
- woltlab-quote:not(.redactorCalcHeight)::before {
- font-size: 18px;
- }
- }
- @media (max-width: 768px) {
- woltlab-quote:not(.redactorCalcHeight)::before {
- font-size: 18px;
- }
- }
- .quoteBoxTitle {
- font-style: normal;
- font-weight: 400;
- line-height: 1.28;
- margin-bottom: 20px;
- }
- @media (min-width: 769px) {
- .quoteBoxTitle {
- font-size: 18px;
- }
- }
- @media (max-width: 768px) {
- .quoteBoxTitle {
- font-size: 18px;
- }
- }
- .quoteBoxIcon {
- float: right;
- margin: 0 0 10px 10px;
- }
- .quoteBoxIcon > a {
- display: block;
- font-size: 0;
- }
- .quoteBoxIcon > .quoteBoxQuoteSymbol {
- color: rgba(125, 130, 135, 1);
- display: block;
- font-family: Georgia,"Times New Roman",serif;
- font-style: normal;
- text-align: center;
- }
- @media (min-width: 769px) {
- .quoteBoxIcon > .quoteBoxQuoteSymbol {
- font-size: 160px;
- height: 64px;
- line-height: 160px;
- width: 64px;
- }
- }
- @media (max-width: 768px) {
- .quoteBoxIcon > .quoteBoxQuoteSymbol {
- font-size: 80px;
- height: 32px;
- line-height: 80px;
- width: 32px;
- }
- }
- .quoteBoxIcon > .quoteBoxQuoteSymbol::before {
- content: "“";
- position: relative;
- }
- @media (min-width: 769px) {
- .quoteBoxIcon > .quoteBoxQuoteSymbol::before {
- top: -5px;
- }
- }
- @media (max-width: 768px) {
- .quoteBoxIcon .userAvatarImage {
- height: 32px !important;
- width: 32px !important;
- }
- }
- .redactor-layer woltlab-spoiler {
- background-color: rgba(250, 250, 250, 1);
- border-radius: 2px;
- box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
- display: block;
- margin: 1em 0;
- padding: 10px 20px;
- position: relative;
- }
- .redactor-layer woltlab-spoiler:not(.redactorCalcHeight)::before {
- color: rgba(230, 81, 0, 1);
- content: attr(data-title);
- cursor: pointer;
- display: block;
- font-weight: 400;
- line-height: 1.28;
- margin-bottom: 20px;
- }
- @media (min-width: 769px) {
- .redactor-layer woltlab-spoiler:not(.redactorCalcHeight)::before {
- font-size: 18px;
- }
- }
- @media (max-width: 768px) {
- .redactor-layer woltlab-spoiler:not(.redactorCalcHeight)::before {
- font-size: 18px;
- }
- }
- .spoilerBox {
- clear: both;
- margin: 1em 0;
- }
- .spoilerBox > .spoilerBoxContent {
- background-color: rgba(250, 250, 250, 1);
- box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
- margin-top: 10px;
- padding: 10px 20px;
- }
- .spoilerBox > .spoilerBoxContent > p:first-child {
- margin-top: 0;
- }
- .spoilerBox > .spoilerBoxContent > p:last-child {
- margin-bottom: 0;
- }
- .userMention {
- background-color: rgba(236, 241, 247, 1);
- border-radius: 2px;
- padding: 1px 5px;
- }
- .userMention::before {
- content: "@";
- }
- .videoContainer {
- overflow: hidden;
- padding-bottom: 56.25%;
- position: relative;
- }
- .videoContainer iframe {
- height: 100%;
- position: absolute;
- width: 100%;
- }
- dl:not(.plain) {
- display: block;
- }
- dl:not(.plain):not(:first-child) {
- margin-top: 20px;
- }
- dl:not(.plain) > dt {
- color: rgba(59, 109, 169, 1);
- 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: rgba(125, 130, 135, 1);
- 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: 0 10px 5px 0;
- }
- dl:not(.plain) > dd.floated > label:last-child {
- margin-right: 0;
- }
- dl:not(.plain) > dd.floated > label + small:not(.innerError) {
- margin-left: 0;
- }
- 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 {
- content: "";
- display: table;
- }
- dl.dataList::after {
- clear: both;
- }
- dl.dataList > dt {
- clear: right;
- color: rgba(125, 130, 135, 1);
- 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 {
- display: inline-block;
- vertical-align: middle;
- }
- dl.inlineDataList > dt::after {
- content: ":";
- padding-left: 1px;
- }
- dl.inlineDataList > dd {
- display: inline-block;
- vertical-align: middle;
- }
- dl.inlineDataList > dd:not(:last-of-type)::after {
- content: ",";
- padding-left: 1px;
- }
- dl.statsDataList {
- align-items: center;
- display: flex;
- flex-flow: row-reverse wrap;
- }
- dl.statsDataList > dt {
- color: rgba(125, 130, 135, 1);
- flex: 0 0 60%;
- font-weight: 400;
- margin-left: 5px;
- overflow: hidden;
- text-align: left;
- white-space: nowrap;
- }
- @media (min-width: 769px) {
- dl.statsDataList > dt {
- font-size: 12px;
- }
- }
- @media (max-width: 768px) {
- dl.statsDataList > dt {
- font-size: 12px;
- }
- }
- dl.statsDataList > dd {
- flex: 0 0 auto;
- overflow: hidden;
- text-align: right;
- text-overflow: ellipsis;
- white-space: nowrap;
- width: calc(40% - 5px);
- }
- .row.rowColGap > dl {
- margin-top: 0;
- }
- .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;
- }
- .nativeList {
- margin: 1em 0 1em 40px;
- }
- .nativeList li {
- margin: 7px 0;
- }
- ul.nativeList {
- list-style-type: disc;
- }
- ol.nativeList {
- list-style-type: decimal;
- }
- .tagList {
- align-items: baseline;
- display: flex;
- flex-wrap: wrap;
- margin-bottom: -4px;
- margin-right: -8px;
- }
- .tagList > li {
- flex: 0 1 auto;
- }
- .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;
- }
- .tagList > li {
- margin-bottom: 4px;
- margin-right: 8px;
- }
- .tagList .tag {
- background-color: rgba(207, 216, 220, 1);
- color: rgba(33, 33, 33, 1);
- display: inline-block;
- font-weight: 600;
- margin-left: 11px;
- padding: 3px 6px 2px 2px;
- position: relative;
- text-decoration: none;
- text-transform: uppercase;
- }
- @media (min-width: 769px) {
- .tagList .tag {
- font-size: 12px;
- }
- }
- @media (max-width: 768px) {
- .tagList .tag {
- font-size: 12px;
- }
- }
- .tagList .tag::before {
- -moz-border-bottom-colors: none;
- -moz-border-left-colors: none;
- -moz-border-right-colors: none;
- -moz-border-top-colors: none;
- border-color: transparent rgba(207, 216, 220, 1) transparent transparent;
- border-image: none;
- border-style: solid;
- border-width: 11px 11px 11px 0;
- content: "";
- display: block;
- left: -11px;
- position: absolute;
- top: 0;
- }
- .tagList .tag:hover {
- background-color: rgba(26, 119, 201, 1);
- color: rgba(255, 255, 255, 1);
- text-decoration: none;
- }
- .tagList .tag:hover::before {
- border-right-color: rgba(26, 119, 201, 1);
- }
- .tagList .tagWeight1 {
- font-size: 12px;
- }
- .tagList .tagWeight2 {
- font-size: 14px;
- }
- .tagList .tagWeight3 {
- font-size: 16px;
- }
- .tagList .tagWeight4 {
- font-size: 18px;
- }
- .tagList .tagWeight5 {
- font-size: 20px;
- }
- .tagList .tagWeight6 {
- font-size: 23px;
- }
- .tagList .tagWeight7 {
- font-size: 28px;
- }
- .smileyList {
- align-items: center;
- }
- @media (min-width: 1025px) {
- .smileyList {
- margin-bottom: -5px;
- }
- .smileyList > li {
- margin-bottom: 5px;
- }
- }
- ol.dataList, ul.dataList {
- display: flex;
- flex-wrap: wrap;
- font-weight: 400;
- }
- ol.dataList > li, ul.dataList > li {
- flex: 0 1 auto;
- }
- 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 (min-width: 769px) {
- ol.dataList, ul.dataList {
- font-size: 12px;
- }
- }
- @media (max-width: 768px) {
- ol.dataList, ul.dataList {
- font-size: 12px;
- }
- }
- 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("../font/getFont.php?type=eot&v=4.7.0#iefix") format("embedded-opentype"), url("../font/getFont.php?type=woff2&v=4.7.0") format("woff2"), url("../font/getFont.php?type=woff&v=4.7.0") format("woff"), url("../font/getFont.php?type=ttf&v=4.7.0") format("truetype");
- }
- .icon, .fa {
- -moz-user-select: none;
- color: rgba(44, 62, 80, 1);
- display: inline-block;
- font-family: FontAwesome;
- font-style: normal !important;
- font-weight: normal !important;
- text-align: center;
- }
- .icon.disabled, .fa.disabled {
- opacity: 0.3;
- }
- .icon:hover, .fa:hover {
- text-decoration: none;
- }
- .icon.green, .fa.green {
- color: rgba(0, 153, 0, 1);
- }
- .icon.red, .fa.red {
- color: rgba(204, 0, 0, 1);
- }
- .icon.black, .fa.black {
- color: #333;
- }
- .icon.brown, .fa.brown {
- color: #c63;
- }
- .icon.orange, .fa.orange {
- color: #f90;
- }
- .icon.yellow, .fa.yellow {
- color: #ff0;
- }
- .icon.blue, .fa.blue {
- color: #369;
- }
- .icon.purple, .fa.purple {
- color: #c0f;
- }
- .icon.pink, .fa.pink {
- color: #f0c;
- }
- 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;
- vertical-align: -5px;
- width: 32px;
- }
- .icon48, .wcfImageViewer > div.loading::before, .wcfImageViewer > footer > div > ul > li.loading::before {
- font-size: 42px;
- height: 48px;
- line-height: 48px;
- width: 48px;
- }
- .icon64 {
- font-size: 56px;
- height: 64px;
- line-height: 64px;
- width: 64px;
- }
- .icon96 {
- font-size: 84px;
- height: 96px;
- line-height: 96px;
- width: 96px;
- }
- .icon144 {
- font-size: 130px;
- height: 144px;
- line-height: 144px;
- width: 144px;
- }
- .fa-spinner, .wcfImageViewer > div.loading::before, .wcfImageViewer > footer > div > ul > li.loading::before {
- -moz-border-bottom-colors: none;
- -moz-border-left-colors: none;
- -moz-border-right-colors: none;
- -moz-border-top-colors: none;
- animation: 0.6s linear 0s normal none infinite running wcfSpinner;
- border-color: #4f81bd #ccc #ccc;
- border-image: none;
- border-radius: 50%;
- border-style: solid;
- border-width: 2px;
- vertical-align: middle;
- }
- .fa-spinner.fa-spinner::before {
- display: none;
- }
- @keyframes wcfSpinner {
- 100% {
- transform: rotate(360deg);
- }
- }
- @keyframes wcfSpinner {
- 100% {
- transform: rotate(360deg);
- }
- }
- @keyframes spin {
- 0% {
- transform: rotate(0deg);
- }
- 100% {
- transform: rotate(359deg);
- }
- }
- @keyframes spin {
- 0% {
- transform: rotate(0deg);
- }
- 100% {
- transform: rotate(359deg);
- }
- }
- .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);
- }
- @keyframes fa-bell-ring {
- 0% {
- transform: rotate(-15deg);
- }
- 2% {
- transform: rotate(15deg);
- }
- 4% {
- transform: rotate(-18deg);
- }
- 6% {
- transform: rotate(18deg);
- }
- 8% {
- transform: rotate(-22deg);
- }
- 10% {
- transform: rotate(22deg);
- }
- 12% {
- transform: rotate(-18deg);
- }
- 14% {
- transform: rotate(18deg);
- }
- 16% {
- transform: rotate(-12deg);
- }
- 18% {
- transform: rotate(12deg);
- }
- 20%, 100% {
- transform: rotate(0deg);
- }
- }
- .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;
- }
- .boxImage img {
- max-width: 100%;
- }
- .boxTitle {
- font-weight: 400;
- line-height: 1.28;
- }
- @media (min-width: 769px) {
- .boxTitle {
- font-size: 18px;
- }
- }
- @media (max-width: 768px) {
- .boxTitle {
- font-size: 18px;
- }
- }
- .boxTitle + .boxContent {
- margin-top: 20px;
- }
- .boxTitle .badge {
- top: -2px;
- }
- .boxContent + .boxContent {
- margin-top: 20px;
- }
- .boxContent + .boxTitle {
- margin-top: 30px;
- }
- .boxContentSeparator {
- background: rgba(224, 224, 224, 1) none repeat scroll 0 0;
- border: 0 none;
- height: 1px;
- margin: 30px auto;
- width: 60%;
- }
- @media (max-width: 1024px) {
- .boxesHero .boxContainer {
- padding: 40px 0;
- }
- }
- @media (min-width: 1025px) {
- .boxesHero .boxContainer {
- padding: 60px 0;
- }
- }
- .boxesHero .box {
- text-align: center;
- }
- @media (max-width: 1024px) {
- .boxesHero .box:not(:last-child) {
- margin-bottom: 40px;
- }
- }
- @media (min-width: 1025px) {
- .boxesHero .box:not(:last-child) {
- margin-bottom: 60px;
- }
- }
- .boxesHero .boxTitle {
- font-weight: 300;
- line-height: 1.05;
- }
- @media (min-width: 769px) {
- .boxesHero .boxTitle {
- font-size: 28px;
- }
- }
- @media (max-width: 768px) {
- .boxesHero .boxTitle {
- font-size: 23px;
- }
- }
- .boxesHero .boxWithImage {
- display: flex;
- flex-wrap: wrap;
- }
- .boxesHero .boxWithImage .boxImage, .boxesHero .boxWithImage .boxTitle, .boxesHero .boxWithImage .boxContent {
- flex: 0 0 100%;
- }
- .boxesHero .boxWithImage .boxImage {
- align-items: center;
- display: flex;
- justify-content: center;
- max-height: 750px;
- order: 3;
- overflow: hidden;
- }
- @media (max-width: 1024px) {
- .boxesHero .boxWithImage .boxImage {
- margin-top: 20px;
- }
- }
- @media (min-width: 1025px) {
- .boxesHero .boxWithImage .boxImage {
- margin-top: 30px;
- }
- }
- .boxesHeaderBoxes {
- background-color: rgba(236, 239, 241, 1);
- color: rgba(44, 62, 80, 1);
- }
- .boxesHeaderBoxes a {
- color: rgba(230, 81, 0, 1);
- }
- .boxesHeaderBoxes a:hover {
- color: rgba(191, 54, 12, 1);
- }
- .boxesHeaderBoxes .icon {
- color: rgba(44, 62, 80, 1);
- }
- @media (min-width: 545px) {
- .boxesHeaderBoxes .boxContainer {
- display: flex;
- flex-wrap: wrap;
- }
- }
- @media (max-width: 1024px) {
- .boxesHeaderBoxes .boxContainer {
- margin-bottom: -40px;
- margin-left: -10px;
- margin-right: -10px;
- padding: 40px 0;
- }
- }
- @media (min-width: 1025px) {
- .boxesHeaderBoxes .boxContainer {
- margin-bottom: -60px;
- margin-left: -15px;
- margin-right: -15px;
- padding: 60px 0;
- }
- }
- .boxesHeaderBoxes .box {
- overflow: hidden;
- padding-left: 15px;
- padding-right: 15px;
- }
- @media (max-width: 1024px) {
- .boxesHeaderBoxes .box {
- margin-bottom: 40px;
- }
- }
- @media (min-width: 545px) and (max-width: 1024px) {
- .boxesHeaderBoxes .box {
- flex: 0 0 50%;
- max-width: 50%;
- }
- .boxesHeaderBoxes .box.boxFullWidth {
- flex-basis: 100%;
- max-width: 100%;
- }
- .boxesHeaderBoxes .box:first-child:nth-last-child(1) {
- flex-basis: 100%;
- max-width: 100%;
- }
- }
- @media (min-width: 1025px) {
- .boxesHeaderBoxes .box {
- flex: 0 0 25%;
- margin-bottom: 60px;
- max-width: 25%;
- }
- .boxesHeaderBoxes .box.boxFullWidth {
- flex-basis: 100%;
- max-width: 100%;
- }
- .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%;
- }
- }
- .boxesHeaderBoxes .boxImage {
- align-items: center;
- display: flex;
- justify-content: center;
- margin-bottom: 20px;
- max-height: 100px;
- overflow: hidden;
- }
- @media (max-width: 1024px) {
- .boxesTop .box, .boxesBottom .box {
- margin-bottom: 40px;
- margin-top: 40px;
- }
- }
- @media (min-width: 1025px) {
- .boxesTop .box, .boxesBottom .box {
- margin-bottom: 60px;
- margin-top: 60px;
- }
- }
- .boxesTop .boxTitle, .boxesBottom .boxTitle {
- color: rgba(44, 62, 80, 1);
- font-weight: 300;
- line-height: 1.28;
- }
- @media (min-width: 769px) {
- .boxesTop .boxTitle, .boxesBottom .boxTitle {
- font-size: 23px;
- }
- }
- @media (max-width: 768px) {
- .boxesTop .boxTitle, .boxesBottom .boxTitle {
- font-size: 20px;
- }
- }
- .boxesTop .boxTitle a, .boxesBottom .boxTitle a {
- color: rgba(44, 62, 80, 1);
- }
- .boxesTop .boxTitle a:hover, .boxesBottom .boxTitle a:hover {
- color: rgba(44, 62, 80, 1);
- }
- @media (max-width: 544px) {
- .boxesTop .boxImage, .boxesBottom .boxImage {
- align-items: center;
- display: flex;
- justify-content: center;
- margin-bottom: 20px;
- max-height: 100px;
- overflow: hidden;
- }
- }
- @media (min-width: 545px) {
- .boxesTop .boxImage, .boxesBottom .boxImage {
- width: 30%;
- }
- .boxesTop .boxWithImage::before, .boxesBottom .boxWithImage::before, .boxesTop .boxWithImage::after, .boxesBottom .boxWithImage::after {
- content: "";
- display: table;
- }
- .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 (min-width: 545px) and (max-width: 1024px) {
- .boxesTop .boxWithImage:nth-child(2n+1) .boxTitle, .boxesBottom .boxWithImage:nth-child(2n+1) .boxTitle, .boxesTop .boxWithImage:nth-child(2n+1) .boxContent, .boxesBottom .boxWithImage:nth-child(2n+1) .boxContent {
- margin-left: calc(30% + 15px);
- }
- }
- @media (min-width: 545px) and (min-width: 1025px) {
- .boxesTop .boxWithImage:nth-child(2n+1) .boxTitle, .boxesBottom .boxWithImage:nth-child(2n+1) .boxTitle, .boxesTop .boxWithImage:nth-child(2n+1) .boxContent, .boxesBottom .boxWithImage:nth-child(2n+1) .boxContent {
- margin-left: calc(30% + 30px);
- }
- }
- @media (min-width: 545px) and (max-width: 1024px) {
- .boxesTop .boxWithImage:nth-child(2n) .boxTitle, .boxesBottom .boxWithImage:nth-child(2n) .boxTitle, .boxesTop .boxWithImage:nth-child(2n) .boxContent, .boxesBottom .boxWithImage:nth-child(2n) .boxContent {
- margin-right: calc(30% + 15px);
- }
- }
- @media (min-width: 545px) and (min-width: 1025px) {
- .boxesTop .boxWithImage:nth-child(2n) .boxTitle, .boxesBottom .boxWithImage:nth-child(2n) .boxTitle, .boxesTop .boxWithImage:nth-child(2n) .boxContent, .boxesBottom .boxWithImage:nth-child(2n) .boxContent {
- margin-right: calc(30% + 30px);
- }
- }
- .boxesTop {
- border-bottom: 1px solid rgba(224, 224, 224, 1);
- }
- .boxesBottom {
- border-top: 1px solid rgba(224, 224, 224, 1);
- }
- .boxesSidebarLeft, .boxesSidebarRight {
- color: rgba(44, 62, 80, 1);
- }
- .boxesSidebarLeft a, .boxesSidebarRight a {
- color: rgba(230, 81, 0, 1);
- }
- .boxesSidebarLeft a:hover, .boxesSidebarRight a:hover {
- color: rgba(191, 54, 12, 1);
- }
- @media (min-width: 545px) and (max-width: 768px) {
- .boxesSidebarLeft > .boxContainer, .boxesSidebarRight > .boxContainer {
- -moz-columns: 2 auto;
- }
- }
- @media (min-width: 769px) and (max-width: 1024px) {
- .boxesSidebarLeft > .boxContainer, .boxesSidebarRight > .boxContainer {
- -moz-columns: 3 auto;
- }
- }
- @media (min-width: 545px) and (max-width: 1024px) {
- .boxesSidebarLeft > .boxContainer, .boxesSidebarRight > .boxContainer {
- -moz-column-gap: 30px;
- margin-bottom: -30px;
- }
- .boxesSidebarLeft > .boxContainer > .box, .boxesSidebarRight > .boxContainer > .box {
- background-clip: padding-box;
- border-bottom: 30px solid transparent;
- display: block;
- margin: 0 !important;
- overflow: hidden;
- page-break-inside: avoid;
- width: 100%;
- }
- }
- .boxesSidebarLeft .icon, .boxesSidebarRight .icon {
- color: rgba(44, 62, 80, 1);
- }
- .boxesSidebarLeft small, .boxesSidebarRight small, .boxesSidebarLeft .dimmed, .boxesSidebarRight .dimmed {
- color: rgba(127, 140, 141, 1);
- }
- .boxesSidebarLeft small a, .boxesSidebarRight small a, .boxesSidebarLeft .dimmed a, .boxesSidebarRight .dimmed a {
- color: rgba(44, 62, 80, 1);
- }
- .boxesSidebarLeft small a:hover, .boxesSidebarRight small a:hover, .boxesSidebarLeft .dimmed a:hover, .boxesSidebarRight .dimmed a:hover {
- color: rgba(44, 62, 80, 1);
- }
- .boxesSidebarLeft .boxTitle, .boxesSidebarRight .boxTitle {
- color: rgba(44, 62, 80, 1);
- }
- .boxesSidebarLeft .boxTitle a, .boxesSidebarRight .boxTitle a {
- color: rgba(44, 62, 80, 1);
- }
- .boxesSidebarLeft .boxTitle a:hover, .boxesSidebarRight .boxTitle a:hover {
- color: rgba(44, 62, 80, 1);
- }
- .boxesSidebarLeft .box:not(.boxBorderless), .boxesSidebarRight .box:not(.boxBorderless) {
- background-color: rgba(236, 241, 247, 1);
- }
- @media (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 (min-width: 1025px) {
- .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, .boxesSidebarRight .box.boxError {
- background-color: rgba(242, 222, 222, 1);
- color: rgba(169, 68, 66, 1);
- }
- .boxesSidebarLeft .box.boxError a:not(.button), .boxesSidebarRight .box.boxError a:not(.button) {
- color: rgba(169, 68, 66, 1);
- }
- .boxesSidebarLeft .box.boxError a:hover:not(.button), .boxesSidebarRight .box.boxError a:hover:not(.button) {
- color: rgba(169, 68, 66, 1);
- }
- .boxesSidebarLeft .box.boxInfo, .boxesSidebarRight .box.boxInfo {
- background-color: rgba(217, 237, 247, 1);
- color: rgba(49, 112, 143, 1);
- }
- .boxesSidebarLeft .box.boxInfo a:not(.button), .boxesSidebarRight .box.boxInfo a:not(.button) {
- color: rgba(49, 112, 143, 1);
- }
- .boxesSidebarLeft .box.boxInfo a:hover:not(.button), .boxesSidebarRight .box.boxInfo a:hover:not(.button) {
- color: rgba(49, 112, 143, 1);
- }
- .boxesSidebarLeft .box.boxSuccess, .boxesSidebarRight .box.boxSuccess {
- background-color: rgba(223, 240, 216, 1);
- color: rgba(60, 118, 61, 1);
- }
- .boxesSidebarLeft .box.boxSuccess a:not(.button), .boxesSidebarRight .box.boxSuccess a:not(.button) {
- color: rgba(60, 118, 61, 1);
- }
- .boxesSidebarLeft .box.boxSuccess a:hover:not(.button), .boxesSidebarRight .box.boxSuccess a:hover:not(.button) {
- color: rgba(60, 118, 61, 1);
- }
- .boxesSidebarLeft .box.boxWarning, .boxesSidebarRight .box.boxWarning {
- background-color: rgba(252, 248, 227, 1);
- color: rgba(138, 109, 59, 1);
- }
- .boxesSidebarLeft .box.boxWarning a:not(.button), .boxesSidebarRight .box.boxWarning a:not(.button) {
- color: rgba(138, 109, 59, 1);
- }
- .boxesSidebarLeft .box.boxWarning a:hover:not(.button), .boxesSidebarRight .box.boxWarning a:hover:not(.button) {
- color: rgba(138, 109, 59, 1);
- }
- .boxesSidebarLeft .box .boxMenu .boxMenuLink, .boxesSidebarRight .box .boxMenu .boxMenuLink {
- align-items: flex-start;
- display: flex;
- padding: 5px 20px;
- }
- .boxesSidebarLeft .box .boxMenu .boxMenuLink .boxMenuLinkTitle, .boxesSidebarRight .box .boxMenu .boxMenuLink .boxMenuLinkTitle {
- flex: 1 1 auto;
- }
- .boxesSidebarLeft .box .boxMenu .boxMenuLink .badge, .boxesSidebarRight .box .boxMenu .boxMenuLink .badge {
- flex: 0 0 auto;
- }
- .boxesSidebarLeft .box .boxMenu li.active > .boxMenuLink, .boxesSidebarRight .box .boxMenu li.active > .boxMenuLink {
- background-color: rgba(250, 250, 250, 1);
- }
- .boxesSidebarLeft .box .boxMenu .boxMenuDepth1 .boxMenuLink, .boxesSidebarRight .box .boxMenu .boxMenuDepth1 .boxMenuLink {
- padding-left: 40px;
- }
- .boxesSidebarLeft .box .boxMenu .boxMenuDepth2 .boxMenuLink, .boxesSidebarRight .box .boxMenu .boxMenuDepth2 .boxMenuLink {
- padding-left: 60px;
- }
- @media (max-width: 1024px) {
- .boxesSidebarLeft .box .boxMenu, .boxesSidebarRight .box .boxMenu {
- position: relative;
- }
- .boxesSidebarLeft .box .boxMenu .boxMenuLink, .boxesSidebarRight .box .boxMenu .boxMenuLink, .boxesSidebarLeft .box .boxMenu .boxMenuLinkTitle, .boxesSidebarRight .box .boxMenu .boxMenuLinkTitle {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .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: 0;
- position: absolute;
- right: 0;
- top: 0;
- 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;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- }
- }
- @media (max-width: 544px) {
- .boxesSidebarLeft .boxImage, .boxesSidebarRight .boxImage {
- align-items: center;
- display: flex;
- justify-content: center;
- margin-bottom: 20px;
- max-height: 100px;
- overflow: hidden;
- }
- }
- @media (min-width: 545px) and (max-width: 1024px) {
- .boxesSidebarLeft .boxWithImage::before, .boxesSidebarRight .boxWithImage::before, .boxesSidebarLeft .boxWithImage::after, .boxesSidebarRight .boxWithImage::after {
- content: "";
- display: table;
- }
- .boxesSidebarLeft .boxWithImage::after, .boxesSidebarRight .boxWithImage::after {
- clear: both;
- }
- .boxesSidebarLeft .boxWithImage .boxTitle, .boxesSidebarRight .boxWithImage .boxTitle, .boxesSidebarLeft .boxWithImage .boxContent, .boxesSidebarRight .boxWithImage .boxContent {
- margin-left: calc(30% + 15px);
- }
- .boxesSidebarLeft .boxImage, .boxesSidebarRight .boxImage {
- float: left;
- width: 30%;
- }
- }
- @media (min-width: 1025px) {
- .boxesSidebarLeft .boxImage, .boxesSidebarRight .boxImage {
- align-items: center;
- display: flex;
- justify-content: center;
- margin-bottom: 20px;
- max-height: 100px;
- overflow: hidden;
- }
- }
- .boxesSidebarLeft .box .boxMenu li.active > .boxMenuLink {
- margin-left: 10px;
- padding-left: 10px;
- }
- .boxesSidebarRight .box .boxMenu li.active > .boxMenuLink {
- margin-right: 10px;
- padding-right: 10px;
- }
- .boxesContentTop .box:not(:first-child), .boxesContentBottom .box:not(:first-child) {
- margin-top: 40px;
- }
- .boxesContentTop .boxTitle, .boxesContentBottom .boxTitle {
- color: rgba(44, 62, 80, 1);
- font-weight: 300;
- line-height: 1.28;
- }
- @media (min-width: 769px) {
- .boxesContentTop .boxTitle, .boxesContentBottom .boxTitle {
- font-size: 23px;
- }
- }
- @media (max-width: 768px) {
- .boxesContentTop .boxTitle, .boxesContentBottom .boxTitle {
- font-size: 20px;
- }
- }
- .boxesContentTop .boxTitle a, .boxesContentBottom .boxTitle a {
- color: rgba(44, 62, 80, 1);
- }
- .boxesContentTop .boxTitle a:hover, .boxesContentBottom .boxTitle a:hover {
- color: rgba(44, 62, 80, 1);
- }
- @media (max-width: 544px) {
- .boxesContentTop .boxImage, .boxesContentBottom .boxImage {
- align-items: center;
- display: flex;
- justify-content: center;
- margin-bottom: 20px;
- max-height: 100px;
- overflow: hidden;
- }
- }
- @media (min-width: 545px) {
- .boxesContentTop .boxWithImage::before, .boxesContentBottom .boxWithImage::before, .boxesContentTop .boxWithImage::after, .boxesContentBottom .boxWithImage::after {
- content: "";
- display: table;
- }
- .boxesContentTop .boxWithImage::after, .boxesContentBottom .boxWithImage::after {
- clear: both;
- }
- .boxesContentTop .boxImage, .boxesContentBottom .boxImage {
- float: left;
- width: 30%;
- }
- }
- @media (min-width: 545px) and (max-width: 1024px) {
- .boxesContentTop .boxWithImage .boxTitle, .boxesContentBottom .boxWithImage .boxTitle, .boxesContentTop .boxWithImage .boxContent, .boxesContentBottom .boxWithImage .boxContent {
- margin-left: calc(30% + 15px);
- }
- }
- @media (min-width: 545px) and (min-width: 1025px) {
- .boxesContentTop .boxWithImage .boxTitle, .boxesContentBottom .boxWithImage .boxTitle, .boxesContentTop .boxWithImage .boxContent, .boxesContentBottom .boxWithImage .boxContent {
- margin-left: calc(30% + 30px);
- }
- }
- .boxesContentTop:not(:first-child) {
- margin-top: 40px;
- }
- .boxesContentBottom {
- margin-top: 40px;
- }
- .boxesFooterBoxes {
- background-color: rgba(236, 239, 241, 1);
- color: rgba(44, 62, 80, 1);
- }
- .boxesFooterBoxes a {
- color: rgba(230, 81, 0, 1);
- }
- .boxesFooterBoxes a:hover {
- color: rgba(191, 54, 12, 1);
- }
- .boxesFooterBoxes .icon {
- color: rgba(44, 62, 80, 1);
- }
- @media (max-width: 768px) {
- .boxesFooterBoxes .boxContainer {
- padding: 40px 0;
- }
- }
- @media (max-width: 1024px) {
- .boxesFooterBoxes .boxContainer {
- margin-left: -10px;
- margin-right: -10px;
- }
- }
- @media (min-width: 769px) {
- .boxesFooterBoxes .boxContainer {
- display: flex;
- flex-wrap: wrap;
- margin-bottom: -60px;
- padding: 60px 0;
- }
- }
- @media (min-width: 1025px) {
- .boxesFooterBoxes .boxContainer {
- margin-left: -15px;
- margin-right: -15px;
- }
- }
- .boxesFooterBoxes .box {
- overflow: hidden;
- padding-left: 15px;
- padding-right: 15px;
- }
- @media (max-width: 768px) {
- .boxesFooterBoxes .box:not(:last-child) {
- margin-bottom: 40px;
- }
- }
- @media (min-width: 769px) {
- .boxesFooterBoxes .box {
- flex: 0 0 50%;
- margin-bottom: 60px;
- max-width: 50%;
- }
- .boxesFooterBoxes .box.boxFullWidth {
- flex-basis: 100%;
- max-width: 100%;
- }
- }
- .boxesFooterBoxes .boxTitle {
- color: rgba(44, 62, 80, 1);
- }
- .boxesFooterBoxes .boxTitle a {
- color: rgba(44, 62, 80, 1);
- }
- .boxesFooterBoxes .boxTitle a:hover {
- color: rgba(44, 62, 80, 1);
- }
- .boxesFooterBoxes .boxImage {
- align-items: center;
- display: flex;
- justify-content: center;
- margin-bottom: 20px;
- max-height: 100px;
- overflow: hidden;
- }
- .boxesFooter {
- background-color: rgba(58, 109, 156, 1);
- color: rgba(217, 220, 222, 1);
- padding: 20px 0;
- }
- .boxesFooter .icon {
- color: rgba(217, 220, 222, 1);
- }
- .boxesFooter a {
- color: rgba(255, 255, 255, 1);
- }
- .boxesFooter a:hover {
- color: rgba(255, 255, 255, 1);
- text-decoration: underline;
- }
- .boxesFooter .box:not(:first-child) {
- margin-top: 20px;
- }
- .boxesFooter .boxTitle {
- color: rgba(189, 195, 199, 1);
- }
- .boxesFooter .boxTitle a {
- color: rgba(255, 255, 255, 1);
- }
- .boxesFooter .boxTitle a:hover {
- color: rgba(255, 255, 255, 1);
- }
- @media (max-width: 544px) {
- .boxesFooter .boxImage {
- align-items: center;
- display: flex;
- justify-content: center;
- margin-bottom: 20px;
- max-height: 100px;
- overflow: hidden;
- }
- }
- @media (min-width: 545px) {
- .boxesFooter .boxWithImage::before, .boxesFooter .boxWithImage::after {
- content: "";
- display: table;
- }
- .boxesFooter .boxWithImage::after {
- clear: both;
- }
- .boxesFooter .boxImage {
- float: left;
- width: 30%;
- }
- }
- @media (min-width: 545px) and (max-width: 1024px) {
- .boxesFooter .boxWithImage .boxTitle, .boxesFooter .boxWithImage .boxContent {
- margin-left: calc(30% + 15px);
- }
- }
- @media (min-width: 545px) and (min-width: 1025px) {
- .boxesFooter .boxWithImage .boxTitle, .boxesFooter .boxWithImage .boxContent {
- margin-left: calc(30% + 30px);
- }
- }
- .boxesFooter .boxMenuLinkGroup .boxMenu > li > ol a {
- color: rgba(217, 220, 222, 1);
- }
- @media (max-width: 768px) {
- .boxesFooter .styleChanger {
- display: none;
- }
- }
- @media (min-width: 769px) {
- .boxesFooter .styleChanger {
- float: right;
- padding-left: 20px;
- }
- }
- .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;
- }
- .boxesTop .boxMenuLinkGroup .boxMenu, .boxesBottom .boxMenuLinkGroup .boxMenu, .boxesFooter .boxMenuLinkGroup .boxMenu {
- display: flex;
- flex-wrap: wrap;
- margin-bottom: -20px;
- }
- .boxesTop .boxMenuLinkGroup .boxMenu .boxMenuLink, .boxesBottom .boxMenuLinkGroup .boxMenu .boxMenuLink, .boxesFooter .boxMenuLinkGroup .boxMenu .boxMenuLink {
- display: inline-block;
- }
- .boxesTop .boxMenuLinkGroup .boxMenu > li, .boxesBottom .boxMenuLinkGroup .boxMenu > li, .boxesFooter .boxMenuLinkGroup .boxMenu > li {
- margin-bottom: 20px;
- }
- @media (min-width: 769px) {
- .boxesTop .boxMenuLinkGroup .boxMenu > li, .boxesBottom .boxMenuLinkGroup .boxMenu > li, .boxesFooter .boxMenuLinkGroup .boxMenu > li {
- flex: 0 0 25%;
- max-width: 25%;
- }
- }
- @media (max-width: 768px) {
- .boxesTop .boxMenuLinkGroup .boxMenu > li, .boxesBottom .boxMenuLinkGroup .boxMenu > li, .boxesFooter .boxMenuLinkGroup .boxMenu > li {
- flex: 1 1 100%;
- }
- }
- .boxesTop .boxMenuLinkGroup .boxMenu > li > .boxMenuLink, .boxesBottom .boxMenuLinkGroup .boxMenu > li > .boxMenuLink, .boxesFooter .boxMenuLinkGroup .boxMenu > li > .boxMenuLink {
- font-weight: 400;
- line-height: 1.28;
- margin-bottom: 10px;
- }
- @media (min-width: 769px) {
- .boxesTop .boxMenuLinkGroup .boxMenu > li > .boxMenuLink, .boxesBottom .boxMenuLinkGroup .boxMenu > li > .boxMenuLink, .boxesFooter .boxMenuLinkGroup .boxMenu > li > .boxMenuLink {
- font-size: 18px;
- }
- }
- @media (max-width: 768px) {
- .boxesTop .boxMenuLinkGroup .boxMenu > li > .boxMenuLink, .boxesBottom .boxMenuLinkGroup .boxMenu > li > .boxMenuLink, .boxesFooter .boxMenuLinkGroup .boxMenu > li > .boxMenuLink {
- font-size: 18px;
- }
- }
- .containerList > li {
- position: relative;
- transition: background-color 0.2s ease 0s;
- }
- @media (max-width: 1024px) {
- .containerList > li {
- padding: 10px 0;
- }
- }
- @media (min-width: 1025px) {
- .containerList > li {
- padding: 20px;
- }
- }
- .containerList > li:not(:last-child) {
- border-bottom: 1px solid rgba(224, 224, 224, 1);
- }
- .containerList > li:first-child {
- border-top: 1px solid rgba(65, 121, 173, 1);
- }
- .containerList > li:last-child {
- border-bottom: 1px solid rgba(65, 121, 173, 1);
- }
- .containerList > li:hover {
- background-color: rgba(242, 242, 242, 1);
- }
- .containerList > li.showMore {
- text-align: center;
- }
- .containerList > li.showMore:hover {
- background-color: transparent;
- }
- .containerList > li .containerHeadline {
- position: relative;
- }
- .containerList > li .containerHeadline > .containerContentType {
- color: rgba(125, 130, 135, 1);
- position: absolute;
- right: 0;
- top: 5px;
- }
- @media (max-width: 544px) {
- .containerList > li .containerHeadline > .containerContentType {
- display: none;
- }
- }
- .containerList > li.containerListButtonGroup {
- text-align: right;
- }
- .containerList > li.containerListButtonGroup:hover {
- background-color: transparent;
- }
- .containerList > li.containerListButtonGroup > .buttonGroup, .containerList > li.containerListButtonGroup > .messageFooterButtons {
- display: inline-flex;
- }
- .containerList > li.containerListButtonGroup > .buttonGroup:not(:first-child), .containerList > li.containerListButtonGroup > .messageFooterButtons:not(:first-child) {
- margin-left: 5px;
- }
- @media (max-width: 1024px) {
- .containerList > li .hasMobileNavigation > .containerHeadline > h3 {
- padding-right: 30px;
- }
- .containerList > li .buttonGroupNavigation {
- position: absolute;
- right: 0;
- top: 14px;
- }
- .containerList > li .buttonGroupNavigation.open {
- left: 0;
- z-index: 10;
- }
- .containerList > li .buttonGroupNavigation.open > .buttonList {
- display: block;
- visibility: visible;
- }
- .containerList > li .buttonGroupNavigation > .dropdownLabel {
- left: calc(100% - 24px);
- position: relative;
- }
- .containerList > li .buttonGroupNavigation > .buttonList {
- background-color: rgba(255, 255, 255, 1);
- border-radius: 2px;
- box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
- color: rgba(33, 33, 33, 1);
- display: none;
- min-width: 160px;
- padding: 3px 0;
- pointer-events: all;
- position: static !important;
- text-align: left;
- top: 0;
- visibility: hidden;
- z-index: 450;
- }
- .containerList > li .buttonGroupNavigation > .buttonList.dropdownMenuPageSearch {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- }
- .containerList > li .buttonGroupNavigation > .buttonList.dropdownOpen {
- display: block;
- visibility: visible;
- }
- .containerList > li .buttonGroupNavigation > .buttonList li {
- display: block;
- }
- .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: rgba(238, 238, 238, 1);
- color: rgba(33, 33, 33, 1);
- }
- .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: rgba(33, 33, 33, 1);
- }
- .containerList > li .buttonGroupNavigation > .buttonList li.dropdownDivider {
- border-top: 1px solid rgba(238, 238, 238, 1);
- margin: 3px 0;
- }
- .containerList > li .buttonGroupNavigation > .buttonList li.dropdownText {
- font-weight: 400;
- padding: 5px 20px;
- }
- .containerList > li .buttonGroupNavigation > .buttonList li.boxFlag {
- padding-top: 2px;
- }
- .containerList > li .buttonGroupNavigation > .buttonList li.missingValue > span {
- padding-right: 40px;
- position: relative;
- }
- .containerList > li .buttonGroupNavigation > .buttonList li.missingValue > span::after {
- color: rgba(169, 68, 66, 1);
- content: "";
- font-family: FontAwesome;
- position: absolute;
- right: 20px;
- top: 5px;
- }
- .containerList > li .buttonGroupNavigation > .buttonList li > a, .containerList > li .buttonGroupNavigation > .buttonList li > span {
- clear: both;
- cursor: pointer;
- display: block;
- max-width: 350px;
- overflow: hidden;
- overflow-wrap: normal;
- padding: 5px 20px;
- text-decoration: none;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .containerList > li .buttonGroupNavigation > .buttonList li > a > div > h3, .containerList > li .buttonGroupNavigation > .buttonList li > span > div > h3 {
- overflow: hidden;
- text-overflow: ellipsis;
- }
- .containerList > li .buttonGroupNavigation > .buttonList li > a {
- color: rgba(33, 33, 33, 1);
- }
- .containerList > li .buttonGroupNavigation > .buttonList li > a > small {
- display: block;
- }
- .containerList > li .buttonGroupNavigation > .buttonList li > a + span.badge {
- display: none;
- }
- .containerList > li .buttonGroupNavigation > .buttonList li > .box16 {
- align-items: center;
- cursor: pointer;
- min-height: 0;
- padding: 5px 10px;
- }
- .containerList > li .buttonGroupNavigation > .buttonList li > label {
- display: block;
- }
- .containerList > li .buttonGroupNavigation > .buttonList li .containerHeadline {
- margin-bottom: 0;
- }
- .containerList > li .buttonGroupNavigation > .buttonList li .containerHeadline > p {
- font-weight: 400;
- }
- .containerList > li .buttonGroupNavigation > .buttonList li .icon {
- color: inherit;
- }
- .containerList > li .buttonGroupNavigation > .buttonList .scrollableDropdownMenu {
- max-height: 300px;
- overflow: auto;
- }
- .containerList > li .buttonGroupNavigation > .buttonList .scrollableDropdownMenu.forceScrollbar {
- overflow-x: hidden;
- overflow-y: scroll;
- }
- .containerList > li .buttonGroupNavigation > .buttonList > li .invisible {
- display: inline;
- padding-left: 5px;
- }
- }
- @media (max-width: 1024px) and (min-width: 769px) {
- .containerList > li .buttonGroupNavigation > .buttonList li.dropdownText {
- font-size: 12px;
- }
- }
- @media (max-width: 1024px) and (max-width: 768px) {
- .containerList > li .buttonGroupNavigation > .buttonList li.dropdownText {
- font-size: 12px;
- }
- }
- @media (max-width: 1024px) and (min-width: 769px) {
- .containerList > li .buttonGroupNavigation > .buttonList li .containerHeadline > p {
- font-size: 12px;
- }
- }
- @media (max-width: 1024px) and (max-width: 768px) {
- .containerList > li .buttonGroupNavigation > .buttonList li .containerHeadline > p {
- font-size: 12px;
- }
- }
- @media (max-width: 1024px) and (max-width: 544px) {
- .containerList > li .buttonGroupNavigation > .buttonList {
- left: 0 !important;
- right: 0 !important;
- }
- }
- @media (max-width: 1024px) and (max-width: 1024px) {
- .containerList > li .buttonGroupNavigation > .buttonList li {
- overflow: hidden;
- }
- .containerList > li .buttonGroupNavigation > .buttonList li > a, .containerList > li .buttonGroupNavigation > .buttonList li > span {
- max-width: none;
- white-space: normal;
- }
- }
- @media (max-width: 1024px) and (min-width: 769px) {
- .containerList > li .buttonGroupNavigation > .buttonList .dropdownMenu.pageHeaderSearchDropdown {
- transform: translateY(-10px);
- }
- }
- @media (min-width: 1025px) {
- .containerList > li .buttonGroupNavigation {
- opacity: 0;
- position: absolute;
- right: 20px;
- top: 15px;
- transition: opacity 0.12s ease 0s;
- }
- .containerList > li .buttonGroupNavigation > .dropdownLabel {
- display: none;
- }
- .containerList > li .buttonGroupNavigation > ul {
- background-color: rgba(250, 250, 250, 1);
- border: 1px solid rgba(0, 0, 0, 0.15);
- border-radius: 6px;
- }
- .containerList > li .buttonGroupNavigation > ul > li {
- margin-right: 0;
- }
- .containerList > li .buttonGroupNavigation > ul > li:not(:last-child) {
- border-right: 1px solid rgba(0, 0, 0, 0.15);
- }
- .containerList > li .buttonGroupNavigation > ul > li > a {
- display: inline-block;
- padding: 3px 5px;
- }
- .containerList > li .buttonGroupNavigation > ul > li > a > .icon {
- color: rgba(0, 0, 0, 0.5);
- }
- .containerList > li .buttonGroupNavigation > ul > li.active > a > .icon, .containerList > li .buttonGroupNavigation > ul > li:hover > a > .icon {
- color: rgba(44, 62, 80, 1);
- }
- .containerList > li:hover .buttonGroupNavigation {
- opacity: 1;
- }
- }
- @media (max-width: 768px) {
- .containerBoxList.doubleColumned > li + li, .containerBoxList.tripleColumned > li + li {
- margin-top: 10px;
- }
- }
- @media (min-width: 769px) {
- .containerBoxList.doubleColumned, .containerBoxList.tripleColumned {
- display: flex;
- flex-wrap: wrap;
- margin-bottom: -15px;
- }
- .containerBoxList.doubleColumned > li, .containerBoxList.tripleColumned > li {
- margin-bottom: 15px;
- overflow: hidden;
- padding-right: 15px;
- }
- .containerBoxList.doubleColumned > li .containerBoxContent, .containerBoxList.tripleColumned > li .containerBoxContent {
- overflow: hidden;
- }
- .containerBoxList.doubleColumned > li .containerBoxContent h3, .containerBoxList.tripleColumned > li .containerBoxContent h3 {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .containerBoxList.doubleColumned > li {
- flex: 0 0 50%;
- max-width: 50%;
- }
- .containerBoxList.tripleColumned > li {
- flex: 0 0 calc(100% / 3);
- width: calc(100% / 3);
- }
- }
- .recentActivityList .box48 {
- max-height: 500px;
- overflow: hidden;
- }
- .flexibleCategoryList {
- position: relative;
- }
- .flexibleCategoryList > li {
- margin-bottom: 14px;
- }
- .flexibleCategoryList > li > ol {
- margin-left: 21px;
- }
- .flexibleCategoryList > li > ol > li > ol {
- margin-bottom: 7px;
- margin-left: 21px;
- }
- .flexibleCategoryList > li > ol > li > ol > li {
- font-size: 12px;
- }
- @media (min-width: 769px) {
- .flexibleCategoryList:not(.flexibleCategoryListDisabled) {
- -moz-column-count: 2;
- }
- .flexibleCategoryList:not(.flexibleCategoryListDisabled) > li {
- }
- .flexibleCategoryList:not(.flexibleCategoryListDisabled) > li > ol > li > ol {
- font-size: 0;
- }
- .flexibleCategoryList:not(.flexibleCategoryListDisabled) > li > ol > li > ol > li {
- display: inline-block;
- }
- @-moz-document url-prefix("") {
- .flexibleCategoryList:not(.flexibleCategoryListDisabled) > li {
- display: block;
- overflow: hidden;
- }
- }
- }
- @media (max-width: 1024px) {
- .styleList > li {
- padding: 10px;
- }
- }
- .contentHeader, .boxHeadline {
- color: rgba(44, 62, 80, 1);
- }
- .contentHeader .contentTitle, .boxHeadline .contentTitle, .contentHeader > h1, .boxHeadline > h1 {
- font-weight: 300;
- line-height: 1.05;
- }
- @media (min-width: 769px) {
- .contentHeader .contentTitle, .boxHeadline .contentTitle, .contentHeader > h1, .boxHeadline > h1 {
- font-size: 28px;
- }
- }
- @media (max-width: 768px) {
- .contentHeader .contentTitle, .boxHeadline .contentTitle, .contentHeader > h1, .boxHeadline > h1 {
- font-size: 23px;
- }
- }
- .contentHeader .contentTitle .badge, .boxHeadline .contentTitle .badge, .contentHeader > h1 .badge, .boxHeadline > h1 .badge {
- line-height: 1.48;
- top: -2px;
- }
- .contentHeader .contentTitle a, .boxHeadline .contentTitle a, .contentHeader > h1 a, .boxHeadline > h1 a {
- color: rgba(44, 62, 80, 1);
- }
- .contentHeader .contentTitle a:hover, .boxHeadline .contentTitle a:hover, .contentHeader > h1 a:hover, .boxHeadline > h1 a:hover {
- color: rgba(44, 62, 80, 1);
- }
- .contentHeader .contentHeaderDescription {
- color: rgba(125, 130, 135, 1);
- margin-top: 5px;
- }
- .contentHeader .contentHeaderMetaData {
- color: rgba(125, 130, 135, 1);
- 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: rgba(125, 130, 135, 1);
- }
- .contentHeader .contentTitle + .inlineDataList {
- margin-top: 5px;
- }
- .contentHeader .inlineDataList {
- color: rgba(125, 130, 135, 1);
- }
- @media (max-width: 768px) {
- .contentHeader .contentHeaderIcon {
- display: none;
- }
- }
- @media (min-width: 545px) and (max-width: 768px) {
- .contentHeader .contentHeaderNavigation > ul {
- display: flex;
- flex-wrap: wrap;
- justify-content: flex-end;
- margin-top: 20px;
- }
- .contentHeader .contentHeaderNavigation > ul > li {
- flex: 0 1 auto;
- }
- .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 (min-width: 769px) {
- .contentHeader {
- align-items: flex-start;
- display: flex;
- }
- .contentHeader .contentHeaderIcon {
- flex: 0 0 64px;
- margin-right: 15px;
- }
- .contentHeader .contentHeaderTitle {
- flex: 1 1 0;
- }
- .contentHeader .contentHeaderNavigation {
- flex: 0 0 auto;
- margin-left: 15px;
- max-width: 50%;
- }
- .contentHeader .contentHeaderNavigation > ul {
- display: flex;
- flex-wrap: wrap;
- justify-content: flex-end;
- margin-top: -5px;
- }
- .contentHeader .contentHeaderNavigation > ul > li {
- flex: 0 1 auto;
- }
- .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 {
- margin-top: 5px;
- }
- .contentHeader .contentHeaderNavigation > ul > li:not(:last-child) {
- margin-right: 0;
- }
- .contentHeader .contentHeaderNavigation > ul > li:not(:first-child) {
- margin-left: 5px;
- }
- }
- .boxHeadline.boxSubHeadline {
- margin-bottom: 20px;
- margin-top: 40px;
- }
- .boxHeadline.boxSubHeadline > h2 {
- color: rgba(44, 62, 80, 1);
- font-weight: 300;
- line-height: 1.28;
- }
- @media (min-width: 769px) {
- .boxHeadline.boxSubHeadline > h2 {
- font-size: 23px;
- }
- }
- @media (max-width: 768px) {
- .boxHeadline.boxSubHeadline > h2 {
- font-size: 20px;
- }
- }
- .boxHeadline.boxSubHeadline > h2 a {
- color: rgba(44, 62, 80, 1);
- }
- .boxHeadline.boxSubHeadline > h2 a:hover {
- color: rgba(44, 62, 80, 1);
- }
- .boxHeadline.boxSubHeadline > h2 .badge {
- top: -2px;
- }
- .section {
- margin-top: 40px;
- }
- .section > *:first-child {
- margin-top: 0;
- }
- .section .sectionTitle {
- color: rgba(44, 62, 80, 1);
- font-weight: 300;
- line-height: 1.28;
- }
- @media (min-width: 769px) {
- .section .sectionTitle {
- font-size: 23px;
- }
- }
- @media (max-width: 768px) {
- .section .sectionTitle {
- font-size: 20px;
- }
- }
- .section .sectionTitle a {
- color: rgba(44, 62, 80, 1);
- }
- .section .sectionTitle a:hover {
- color: rgba(44, 62, 80, 1);
- }
- .section .sectionTitle .badge {
- top: -2px;
- }
- .section .sectionDescription {
- color: rgba(125, 130, 135, 1);
- }
- .section > .sectionHeader, .section > .sectionTitle {
- margin-bottom: 20px;
- }
- .section > .sectionHeader + .section, .section > .sectionTitle + .section {
- margin-top: 20px;
- }
- .section:not(.sectionContainerList) > .sectionHeader, .section:not(.sectionContainerList) > .sectionTitle {
- border-bottom: 1px solid rgba(224, 224, 224, 1);
- padding-bottom: 10px;
- }
- .section.sectionContainerList > .sectionHeader, .section.sectionContainerList > .sectionTitle {
- margin-bottom: 10px;
- }
- .section.tabularBox > .sectionHeader, .section.tabularBox > .sectionTitle {
- border-color: rgba(65, 121, 173, 1);
- margin-bottom: 0;
- }
- .section .section {
- margin-top: 30px;
- }
- .section .section:first-child {
- margin-top: 20px;
- }
- .section .section .sectionTitle {
- font-weight: 400;
- line-height: 1.28;
- }
- @media (min-width: 769px) {
- .section .section .sectionTitle {
- font-size: 18px;
- }
- }
- @media (max-width: 768px) {
- .section .section .sectionTitle {
- font-size: 18px;
- }
- }
- .section .section > .sectionHeader, .section .section > .sectionTitle {
- margin-bottom: 15px;
- }
- fieldset {
- margin-top: 40px;
- }
- fieldset > legend {
- border-bottom: 1px solid rgba(224, 224, 224, 1);
- color: rgba(44, 62, 80, 1);
- float: left;
- font-weight: 300;
- line-height: 1.28;
- margin-bottom: 20px;
- padding-bottom: 10px;
- width: 100%;
- }
- @media (min-width: 769px) {
- fieldset > legend {
- font-size: 23px;
- }
- }
- @media (max-width: 768px) {
- fieldset > legend {
- font-size: 20px;
- }
- }
- fieldset > legend a {
- color: rgba(44, 62, 80, 1);
- }
- fieldset > legend a:hover {
- color: rgba(44, 62, 80, 1);
- }
- fieldset > legend .badge {
- top: -2px;
- }
- fieldset > legend + * {
- clear: left;
- }
- fieldset > legend + small {
- color: rgba(125, 130, 135, 1);
- position: relative;
- top: -12px;
- }
- .section fieldset {
- margin-top: 20px;
- }
- .section fieldset > legend {
- font-weight: 400;
- line-height: 1.28;
- margin-bottom: 15px;
- }
- @media (min-width: 769px) {
- .section fieldset > legend {
- font-size: 18px;
- }
- }
- @media (max-width: 768px) {
- .section fieldset > legend {
- font-size: 18px;
- }
- }
- .containerHeadline > h3 {
- font-weight: 400;
- line-height: 1.28;
- }
- @media (min-width: 769px) {
- .containerHeadline > h3 {
- font-size: 18px;
- }
- }
- @media (max-width: 768px) {
- .containerHeadline > h3 {
- font-size: 18px;
- }
- }
- .containerHeadline > h3 > .badge {
- top: -2px;
- }
- .containerHeadline ~ .containerContent {
- margin-top: 10px;
- }
- .contentNavigation + .section {
- margin-top: 30px;
- }
- @media (max-width: 768px) {
- .contentNavigation ul {
- margin-top: 30px;
- }
- .contentNavigation ul > li > .button {
- display: block;
- padding: 7px 10px;
- text-align: center;
- }
- .contentNavigation > nav:not(.pagination) > ul > li + li {
- margin-top: 10px;
- }
- }
- @media (min-width: 769px) {
- .contentNavigation {
- align-items: center;
- display: flex;
- justify-content: flex-end;
- }
- .contentNavigation > nav {
- flex: 0 0 auto;
- margin-top: 30px;
- order: 3;
- }
- .contentNavigation > nav.pagination {
- flex: 1 1 auto;
- order: 1;
- }
- .contentNavigation > nav.jsClipboardEditor {
- margin-right: 5px;
- order: 2;
- }
- .contentNavigation > nav + nav {
- flex: 0 0 auto;
- }
- .contentNavigation > nav:not(.pagination) {
- text-align: right;
- }
- .contentNavigation ul {
- display: inline-flex;
- }
- .contentNavigation ul > li {
- flex: 0 0 auto;
- }
- .contentNavigation ul > li:not(:last-child) {
- margin-right: 5px;
- }
- }
- .paginationTop {
- margin-top: 40px;
- }
- .paginationTop + .section {
- margin-top: 20px;
- }
- .paginationBottom {
- margin-top: 20px;
- }
- @media (max-width: 544px) {
- .contentFooter > .contentFooterNavigation {
- margin-top: 20px;
- }
- .contentFooter > .contentFooterNavigation > ul > li:not(:first-child) {
- margin-top: 10px;
- }
- .contentFooter > .contentFooterNavigation .button {
- display: block;
- padding: 7px 10px;
- text-align: center;
- }
- .contentFooter > .contentFooterNavigation .button:not(:first-child) {
- margin-top: 10px;
- }
- }
- @media (min-width: 545px) {
- .contentFooter {
- display: flex;
- }
- .contentFooter > .paginationBottom {
- flex: 0 0 auto;
- }
- .contentFooter > .contentFooterNavigation {
- flex: 1 1 auto;
- margin: 20px 0 0 20px;
- text-align: right;
- }
- .contentFooter > .contentFooterNavigation > ul {
- display: inline-flex;
- flex-wrap: nowrap;
- }
- .contentFooter > .contentFooterNavigation > ul > li {
- flex: 0 1 auto;
- }
- .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 (max-width: 544px) {
- .contentHeader > .contentHeaderNavigation > ul {
- margin-top: 30px;
- }
- .contentHeader > .contentHeaderNavigation > ul > li:not(:first-child) {
- margin-top: 10px;
- }
- .contentHeader > .contentHeaderNavigation > ul > li > .button {
- display: block;
- padding: 7px 10px;
- text-align: center;
- }
- .contentHeader > .contentHeaderNavigation > ul > li > .button > .invisible {
- display: inline;
- }
- }
- @media (max-width: 768px) {
- .paginationTop {
- display: none;
- }
- .paginationTop + .section {
- margin-top: 30px;
- }
- .contentNavigation > .pagination {
- display: none;
- }
- .section ~ .contentNavigation > .pagination {
- display: block;
- }
- .section ~ .contentNavigation > .pagination + nav {
- margin-top: 10px;
- }
- }
- @media (min-width: 1025px) {
- .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="text"], input[type="url"], select, textarea {
- background-color: rgba(241, 246, 251, 1);
- border: 1px solid rgba(176, 200, 224, 1);
- border-radius: 0;
- color: rgba(44, 62, 80, 1);
- font-family: "Roboto",Arial,Helvetica,sans-serif;
- font-weight: 400;
- line-height: 1.48;
- margin: 0;
- outline: medium none;
- padding: 4px 8px;
- }
- @media (min-width: 769px) {
- input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="text"], input[type="url"], select, textarea {
- font-size: 14px;
- }
- }
- @media (max-width: 768px) {
- input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], 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="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="text"]:hover, input[type="url"]:hover, select:hover, textarea:hover {
- background-color: rgba(241, 246, 251, 1);
- border-color: rgba(41, 128, 185, 1);
- color: rgba(44, 62, 80, 1);
- }
- input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="password"][disabled], input[type="search"][disabled], input[type="text"][disabled], input[type="url"][disabled], select[disabled], textarea[disabled] {
- background-color: rgba(245, 245, 245, 1) !important;
- border-color: rgba(174, 176, 179, 1) !important;
- color: rgba(125, 130, 100, 1) !important;
- }
- input[type="date"][readonly], input[type="datetime"][readonly], input[type="email"][readonly], input[type="number"][readonly], input[type="password"][readonly], input[type="search"][readonly], input[type="text"][readonly], input[type="url"][readonly], select[readonly], textarea[readonly] {
- color: rgba(125, 130, 100, 1) !important;
- }
- input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], 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="text"]::-moz-placeholder, input[type="url"]::-moz-placeholder {
- color: rgba(169, 169, 169, 1);
- }
- 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="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="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="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="text"]:hover::-moz-placeholder, input[type="url"]:hover::-moz-placeholder {
- color: rgba(204, 204, 204, 1);
- }
- input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="password"][disabled], input[type="search"][disabled], input[type="text"][disabled], input[type="url"][disabled], input[type="date"][readonly], input[type="datetime"][readonly], input[type="email"][readonly], input[type="number"][readonly], input[type="password"][readonly], input[type="search"][readonly], input[type="text"][readonly], input[type="url"][readonly] {
- background-color: rgba(245, 245, 245, 1) !important;
- border-color: rgba(174, 176, 179, 1) !important;
- color: rgba(125, 130, 100, 1) !important;
- }
- input[type="search"], input[type="text"] {
- }
- .iOS input[type="date"], .iOS input[type="datetime"], .iOS input[type="email"], .iOS input[type="number"], .iOS input[type="password"], .iOS input[type="search"], .iOS input[type="text"], .iOS input[type="url"], .iOS select, .iOS textarea {
- font-size: 16px;
- }
- textarea {
- border-width: 1px;
- font-weight: 400;
- vertical-align: top;
- width: 100%;
- }
- @media (min-width: 769px) {
- textarea {
- font-size: 14px;
- }
- }
- @media (max-width: 768px) {
- textarea {
- font-size: 14px;
- }
- }
- textarea[disabled], textarea[readonly] {
- background-color: rgba(245, 245, 245, 1) !important;
- border-color: rgba(174, 176, 179, 1) !important;
- color: rgba(125, 130, 100, 1) !important;
- }
- input[disabled], textarea[disabled] {
- -webkit-text-fill-color: rgba(125, 130, 100, 1);
- }
- select {
- max-width: 100%;
- }
- .formSubmit {
- text-align: center;
- }
- .formSubmit:not(:first-child) {
- margin-top: 30px;
- }
- @media (max-width: 544px) {
- .formSubmit > .button, .formSubmit > button, .formSubmit > input {
- display: block;
- padding: 7px 10px;
- width: 100%;
- }
- .formSubmit > .button:not(:first-child), .formSubmit > button:not(:first-child), .formSubmit > input:not(:first-child) {
- margin-top: 10px;
- }
- }
- @media (min-width: 545px) {
- .formSubmit > *:not(:first-child) {
- margin-left: 10px;
- }
- }
- .inputAddon {
- display: flex;
- }
- .inputAddon:not(:last-child) {
- margin-bottom: 5px;
- }
- .inputAddon > .inputPrefix, .inputAddon > .inputSuffix {
- align-items: center;
- display: flex;
- flex: 0 0 auto;
- }
- .inputAddon > .inputPrefix.button, .inputAddon > .inputSuffix.button {
- border-radius: 0;
- }
- .inputAddon > .inputPrefix:not(.button), .inputAddon > .inputSuffix:not(.button) {
- background-color: rgba(207, 216, 220, 1);
- border: 1px solid rgba(176, 200, 224, 1);
- color: rgba(33, 33, 33, 1);
- cursor: default;
- padding: 3px 5px;
- }
- .inputAddon > .inputPrefix {
- border-right-width: 0 !important;
- }
- .inputAddon > .inputSuffix.button {
- margin-left: 5px;
- }
- .inputAddon > .inputSuffix:not(.button) {
- border-left-width: 0 !important;
- }
- .inputAddon input {
- flex: 1 1 auto;
- }
- .inputAddon input + .inputPrefix {
- margin-left: 5px;
- }
- .inputAddonTextarea {
- flex-wrap: wrap;
- }
- .inputAddonTextarea > .inputPrefix.button {
- border-bottom-width: 0;
- border-radius: 0;
- }
- .inputAddonTextarea > textarea {
- flex: 0 0 100%;
- }
- .inputAddon input.tiny, input.tiny {
- flex-grow: 0;
- width: 80px;
- }
- .inputAddon input.long, input.long {
- width: 100%;
- }
- @media (max-width: 544px) {
- .inputAddon input.short, input.short {
- flex-grow: 0;
- width: 150px;
- }
- .inputAddon input.medium, input.medium {
- width: 100%;
- }
- }
- @media (min-width: 545px) {
- .inputAddon input.short, input.short {
- flex-grow: 0;
- min-width: 80px;
- width: 10%;
- }
- .inputAddon input.medium, input.medium {
- flex-grow: 0;
- min-width: 150px;
- width: 30%;
- }
- }
- .formError dt {
- color: rgba(204, 0, 1, 1) !important;
- }
- .formError input, .formError select, .formError textarea {
- border-color: rgba(204, 0, 1, 1) !important;
- }
- .formGrid dt {
- display: none;
- }
- .formGrid select {
- width: 100%;
- }
- .layoutBoundary {
- margin: 0 auto;
- }
- @media (max-width: 1024px) {
- .layoutBoundary {
- padding: 0 10px;
- width: 100%;
- }
- }
- @media (min-width: 1025px) {
- .layoutBoundary {
- max-width: 90%;
- min-width: 1025px;
- padding: 0 20px;
- }
- }
- .invisible {
- display: none;
- }
- .grayscale, .conversationParticipantList > li.conversationLeft > div > a > img, .conversationParticipantList > li.conversationLeft > div > span > img {
- filter: grayscale(1);
- }
- .monospace {
- font-family: Consolas,"Courier New",monospace !important;
- }
- .box16 {
- display: flex;
- }
- .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 {
- display: flex;
- }
- .box48 > *:first-child:not(:last-child) {
- flex: 0 0 auto;
- margin-right: 12px;
- }
- .box48 > *:last-child {
- flex: 1 1 auto;
- overflow: hidden;
- }
- .box64 {
- display: flex;
- }
- .box64 > *:first-child:not(:last-child) {
- flex: 0 0 auto;
- margin-right: 15px;
- }
- .box64 > *:last-child {
- flex: 1 1 auto;
- overflow: hidden;
- }
- .box96 {
- display: flex;
- }
- .box96 > *:first-child:not(:last-child) {
- flex: 0 0 auto;
- margin-right: 15px;
- }
- .box96 > *:last-child {
- flex: 1 1 auto;
- overflow: hidden;
- }
- .box128 {
- display: flex;
- }
- .box128 > *:first-child:not(:last-child) {
- flex: 0 0 auto;
- margin-right: 20px;
- }
- .box128 > *:last-child {
- flex: 1 1 auto;
- overflow: hidden;
- }
- .box256 {
- display: flex;
- }
- .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 (min-width: 769px) {
- small, .small {
- font-size: 12px;
- }
- }
- @media (max-width: 768px) {
- small, .small {
- font-size: 12px;
- }
- }
- strong {
- font-weight: 600;
- }
- img {
- vertical-align: middle;
- }
- .elementPointer {
- pointer-events: none;
- position: absolute;
- top: 0;
- transform: translateY(-100%);
- }
- .elementPointer.center {
- left: 50%;
- transform: translateX(-50%) translateY(-100%);
- }
- .elementPointer.left {
- left: 4px;
- }
- .elementPointer.right {
- right: 4px;
- }
- .elementPointer.flipVertical {
- bottom: 0;
- top: auto;
- transform: translateY(100%);
- }
- .elementPointer.flipVertical.center {
- transform: translateX(-50%) translateY(100%);
- }
- .nativeList {
- margin: 1em 0 1em 40px;
- }
- .nativeList ul, .nativeList ol {
- margin-bottom: 0;
- margin-top: 0;
- }
- .nativeList li {
- margin: 5px 0;
- }
- ul.nativeList {
- list-style-type: disc;
- }
- ol.nativeList {
- list-style-type: decimal;
- }
- .htmlContent::before, .messageBody > .messageText::before, .messageSignature > div::before, .redactor-layer::before, .htmlContent::after, .messageBody > .messageText::after, .messageSignature > div::after, .redactor-layer::after {
- content: "";
- display: table;
- }
- .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: 0 !important;
- }
- .htmlContent > *:last-child, .messageBody > .messageText > *:last-child, .messageSignature > div > *:last-child, .redactor-layer > *:last-child {
- margin-bottom: 0 !important;
- }
- .htmlContent p, .messageBody > .messageText p, .messageSignature > div p, .redactor-layer p {
- margin: 0;
- }
- .htmlContent h1, .messageBody > .messageText h1, .messageSignature > div h1, .redactor-layer h1 {
- font-weight: 300;
- line-height: 1.05;
- }
- @media (min-width: 769px) {
- .htmlContent h1, .messageBody > .messageText h1, .messageSignature > div h1, .redactor-layer h1 {
- font-size: 28px;
- }
- }
- @media (max-width: 768px) {
- .htmlContent h1, .messageBody > .messageText h1, .messageSignature > div h1, .redactor-layer h1 {
- font-size: 23px;
- }
- }
- .htmlContent h2, .messageBody > .messageText h2, .messageSignature > div h2, .redactor-layer h2 {
- font-weight: 300;
- line-height: 1.28;
- }
- @media (min-width: 769px) {
- .htmlContent h2, .messageBody > .messageText h2, .messageSignature > div h2, .redactor-layer h2 {
- font-size: 23px;
- }
- }
- @media (max-width: 768px) {
- .htmlContent h2, .messageBody > .messageText h2, .messageSignature > div h2, .redactor-layer h2 {
- font-size: 20px;
- }
- }
- .htmlContent h3, .messageBody > .messageText h3, .messageSignature > div h3, .redactor-layer h3 {
- font-weight: 400;
- line-height: 1.28;
- }
- @media (min-width: 769px) {
- .htmlContent h3, .messageBody > .messageText h3, .messageSignature > div h3, .redactor-layer h3 {
- font-size: 18px;
- }
- }
- @media (max-width: 768px) {
- .htmlContent h3, .messageBody > .messageText h3, .messageSignature > div h3, .redactor-layer h3 {
- font-size: 18px;
- }
- }
- .htmlContent h1, .messageBody > .messageText h1, .messageSignature > div h1, .redactor-layer h1, .htmlContent h2, .messageBody > .messageText h2, .messageSignature > div h2, .redactor-layer h2, .htmlContent h3, .messageBody > .messageText h3, .messageSignature > div h3, .redactor-layer h3, .htmlContent h4, .messageBody > .messageText h4, .messageSignature > div h4, .redactor-layer h4, .htmlContent h5, .messageBody > .messageText h5, .messageSignature > div h5, .redactor-layer h5, .htmlContent h6, .messageBody > .messageText h6, .messageSignature > div h6, .redactor-layer h6 {
- margin: 1.5em 0 1em;
- }
- .htmlContent ul, .messageBody > .messageText ul, .messageSignature > div ul, .redactor-layer ul, .htmlContent ol, .messageBody > .messageText ol, .messageSignature > div ol, .redactor-layer ol {
- margin: 1em 0 1em 40px;
- }
- .htmlContent ul ul, .messageBody > .messageText ul ul, .messageSignature > div ul ul, .redactor-layer ul ul, .htmlContent ol ul, .messageBody > .messageText ol ul, .messageSignature > div ol ul, .redactor-layer ol ul, .htmlContent ul ol, .messageBody > .messageText ul ol, .messageSignature > div ul ol, .redactor-layer ul ol, .htmlContent ol ol, .messageBody > .messageText ol ol, .messageSignature > div ol ol, .redactor-layer ol ol {
- margin-bottom: 0;
- margin-top: 0;
- }
- .htmlContent ul li, .messageBody > .messageText ul li, .messageSignature > div ul li, .redactor-layer ul li, .htmlContent ol li, .messageBody > .messageText ol li, .messageSignature > div ol li, .redactor-layer ol li {
- margin: 5px 0;
- }
- .htmlContent ul, .messageBody > .messageText ul, .messageSignature > div ul, .redactor-layer ul {
- list-style-type: disc;
- }
- .htmlContent ol, .messageBody > .messageText ol, .messageSignature > div ol, .redactor-layer ol {
- list-style-type: decimal;
- }
- .htmlContent em, .messageBody > .messageText em, .messageSignature > div em, .redactor-layer em {
- margin-right: 2px;
- }
- .htmlContent hr, .messageBody > .messageText hr, .messageSignature > div hr, .redactor-layer hr {
- -moz-border-bottom-colors: none;
- -moz-border-left-colors: none;
- -moz-border-right-colors: none;
- -moz-border-top-colors: none;
- border-color: rgba(224, 224, 224, 1) -moz-use-text-color -moz-use-text-color;
- border-image: none;
- border-style: solid none none;
- border-width: 1px 0 0;
- height: 0;
- }
- .separatorLeft::before {
- color: rgba(44, 62, 80, 1);
- content: "·";
- margin-right: 0.25em;
- }
- .separatorRight::after {
- color: rgba(44, 62, 80, 1);
- content: "·";
- margin-left: 0.25em;
- }
- .pointer {
- cursor: pointer;
- }
- a.externalURL::after {
- content: "";
- display: inline-block;
- font-family: FontAwesome !important;
- font-size: 14px !important;
- font-style: normal !important;
- font-weight: normal !important;
- margin-left: 4px;
- vertical-align: -1px;
- }
- .row {
- display: flex;
- flex-wrap: wrap;
- margin-left: -10px;
- margin-right: -10px;
- }
- .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
- min-height: 1px;
- padding-left: 10px;
- padding-right: 10px;
- position: relative;
- }
- .col-xs-1 {
- flex: 0 0 8.33333%;
- max-width: 8.33333%;
- }
- .col-xs-2 {
- flex: 0 0 16.6667%;
- max-width: 16.6667%;
- }
- .col-xs-3 {
- flex: 0 0 25%;
- max-width: 25%;
- }
- .col-xs-4 {
- flex: 0 0 33.3333%;
- max-width: 33.3333%;
- }
- .col-xs-5 {
- flex: 0 0 41.6667%;
- max-width: 41.6667%;
- }
- .col-xs-6 {
- flex: 0 0 50%;
- max-width: 50%;
- }
- .col-xs-7 {
- flex: 0 0 58.3333%;
- max-width: 58.3333%;
- }
- .col-xs-8 {
- flex: 0 0 66.6667%;
- max-width: 66.6667%;
- }
- .col-xs-9 {
- flex: 0 0 75%;
- max-width: 75%;
- }
- .col-xs-10 {
- flex: 0 0 83.3333%;
- max-width: 83.3333%;
- }
- .col-xs-11 {
- flex: 0 0 91.6667%;
- max-width: 91.6667%;
- }
- .col-xs-12 {
- flex: 0 0 100%;
- }
- .col-xs-offset-0 {
- margin-left: 0;
- }
- .col-xs-offset-1 {
- margin-left: 8.33333%;
- }
- .col-xs-offset-2 {
- margin-left: 16.6667%;
- }
- .col-xs-offset-3 {
- margin-left: 25%;
- }
- .col-xs-offset-4 {
- margin-left: 33.3333%;
- }
- .col-xs-offset-5 {
- margin-left: 41.6667%;
- }
- .col-xs-offset-6 {
- margin-left: 50%;
- }
- .col-xs-offset-7 {
- margin-left: 58.3333%;
- }
- .col-xs-offset-8 {
- margin-left: 66.6667%;
- }
- .col-xs-offset-9 {
- margin-left: 75%;
- }
- .col-xs-offset-10 {
- margin-left: 83.3333%;
- }
- .col-xs-offset-11 {
- margin-left: 91.6667%;
- }
- .col-xs-offset-12 {
- margin-left: 100%;
- }
- @media (min-width: 769px) {
- .col-md-1 {
- flex: 0 0 8.33333%;
- max-width: 8.33333%;
- }
- .col-md-2 {
- flex: 0 0 16.6667%;
- max-width: 16.6667%;
- }
- .col-md-3 {
- flex: 0 0 25%;
- max-width: 25%;
- }
- .col-md-4 {
- flex: 0 0 33.3333%;
- max-width: 33.3333%;
- }
- .col-md-5 {
- flex: 0 0 41.6667%;
- max-width: 41.6667%;
- }
- .col-md-6 {
- flex: 0 0 50%;
- max-width: 50%;
- }
- .col-md-7 {
- flex: 0 0 58.3333%;
- max-width: 58.3333%;
- }
- .col-md-8 {
- flex: 0 0 66.6667%;
- max-width: 66.6667%;
- }
- .col-md-9 {
- flex: 0 0 75%;
- max-width: 75%;
- }
- .col-md-10 {
- flex: 0 0 83.3333%;
- max-width: 83.3333%;
- }
- .col-md-11 {
- flex: 0 0 91.6667%;
- max-width: 91.6667%;
- }
- .col-md-12 {
- flex: 0 0 100%;
- max-width: none;
- }
- .col-md-pull-0 {
- right: auto;
- }
- .col-md-pull-1 {
- right: 8.33333%;
- }
- .col-md-pull-2 {
- right: 16.6667%;
- }
- .col-md-pull-3 {
- right: 25%;
- }
- .col-md-pull-4 {
- right: 33.3333%;
- }
- .col-md-pull-5 {
- right: 41.6667%;
- }
- .col-md-pull-6 {
- right: 50%;
- }
- .col-md-pull-7 {
- right: 58.3333%;
- }
- .col-md-pull-8 {
- right: 66.6667%;
- }
- .col-md-pull-9 {
- right: 75%;
- }
- .col-md-pull-10 {
- right: 83.3333%;
- }
- .col-md-pull-11 {
- right: 91.6667%;
- }
- .col-md-pull-12 {
- right: 100%;
- }
- .col-md-push-0 {
- left: auto;
- }
- .col-md-push-1 {
- left: 8.33333%;
- }
- .col-md-push-2 {
- left: 16.6667%;
- }
- .col-md-push-3 {
- left: 25%;
- }
- .col-md-push-4 {
- left: 33.3333%;
- }
- .col-md-push-5 {
- left: 41.6667%;
- }
- .col-md-push-6 {
- left: 50%;
- }
- .col-md-push-7 {
- left: 58.3333%;
- }
- .col-md-push-8 {
- left: 66.6667%;
- }
- .col-md-push-9 {
- left: 75%;
- }
- .col-md-push-10 {
- left: 83.3333%;
- }
- .col-md-push-11 {
- left: 91.6667%;
- }
- .col-md-push-12 {
- left: 100%;
- }
- .col-md-offset-0 {
- margin-left: 0;
- }
- .col-md-offset-1 {
- margin-left: 8.33333%;
- }
- .col-md-offset-2 {
- margin-left: 16.6667%;
- }
- .col-md-offset-3 {
- margin-left: 25%;
- }
- .col-md-offset-4 {
- margin-left: 33.3333%;
- }
- .col-md-offset-5 {
- margin-left: 41.6667%;
- }
- .col-md-offset-6 {
- margin-left: 50%;
- }
- .col-md-offset-7 {
- margin-left: 58.3333%;
- }
- .col-md-offset-8 {
- margin-left: 66.6667%;
- }
- .col-md-offset-9 {
- margin-left: 75%;
- }
- .col-md-offset-10 {
- margin-left: 83.3333%;
- }
- .col-md-offset-11 {
- margin-left: 91.6667%;
- }
- .col-md-offset-12 {
- margin-left: 100%;
- }
- }
- .row-xs-top {
- align-items: flex-start;
- }
- .row-xs-center {
- align-items: center;
- }
- .row-xs-bottom {
- align-items: flex-end;
- }
- @media (min-width: 769px) {
- .row-md-top {
- align-items: flex-start;
- }
- .row-md-center {
- align-items: center;
- }
- .row-md-bottom {
- align-items: flex-end;
- }
- }
- .col-xs-top {
- align-self: flex-start;
- }
- .col-xs-center {
- align-self: center;
- }
- .col-xs-bottom {
- align-self: flex-end;
- }
- @media (min-width: 769px) {
- .col-md-top {
- align-self: flex-start;
- }
- .col-md-center {
- align-self: center;
- }
- .col-md-bottom {
- align-self: flex-end;
- }
- }
- .rowColGap {
- margin-bottom: -20px;
- }
- .rowColGap > .col-xs-1, .rowColGap > .col-xs-2, .rowColGap > .col-xs-3, .rowColGap > .col-xs-4, .rowColGap > .col-xs-5, .rowColGap > .col-xs-6, .rowColGap > .col-xs-7, .rowColGap > .col-xs-8, .rowColGap > .col-xs-9, .rowColGap > .col-xs-10, .rowColGap > .col-xs-11, .rowColGap > .col-xs-12, .rowColGap > .col-md-1, .rowColGap > .col-md-2, .rowColGap > .col-md-3, .rowColGap > .col-md-4, .rowColGap > .col-md-5, .rowColGap > .col-md-6, .rowColGap > .col-md-7, .rowColGap > .col-md-8, .rowColGap > .col-md-9, .rowColGap > .col-md-10, .rowColGap > .col-md-11, .rowColGap > .col-md-12 {
- margin-bottom: 20px !important;
- }
- .rowColGap:not(:first-child) {
- margin-top: 20px;
- }
- html.disableScrolling {
- overflow: hidden !important;
- }
- html.disableScrolling body {
- overflow: hidden !important;
- }
- @media (max-width: 1024px) {
- html.disableScrolling body {
- position: fixed !important;
- }
- }
- html, body {
- font-weight: 400;
- height: 100%;
- line-height: 1.48;
- }
- @media (min-width: 769px) {
- html, body {
- font-size: 14px;
- }
- }
- @media (max-width: 768px) {
- html, body {
- font-size: 14px;
- }
- }
- body {
- background-color: rgba(250, 250, 250, 1);
- color: rgba(44, 62, 80, 1);
- font-family: "Roboto",Arial,Helvetica,sans-serif;
- overflow-wrap: break-word;
- position: relative;
- width: 100%;
- }
- a {
- color: rgba(230, 81, 0, 1);
- cursor: pointer;
- text-decoration: none;
- }
- a:hover {
- color: rgba(191, 54, 12, 1);
- text-decoration: none;
- }
- .pageContainer {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
- .pageHeaderContainer, .boxesHeaderBoxes, .pageNavigation, .pageFooter, .boxesTop, .boxesBottom, .boxesFooterBoxes {
- flex: 0 0 auto;
- }
- .main {
- flex: 1 0 auto;
- }
- @media (max-width: 1024px) {
- .main {
- padding: 40px 0;
- width: 100%;
- }
- }
- @media (min-width: 1025px) {
- .main {
- padding: 60px 0;
- }
- }
- @media (min-width: 1025px) {
- .main > div {
- display: flex;
- }
- .content {
- flex: 1 1 0;
- }
- .content:not(:last-child) {
- flex-basis: calc(100% - 340px);
- max-width: calc(100% - 340px);
- }
- .content + .sidebar {
- margin-left: 30px;
- }
- .sidebar {
- flex: 0 0 310px;
- overflow: hidden;
- }
- .sidebar:first-child {
- margin-right: 30px;
- }
- .sidebar + .content {
- 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 (max-width: 1024px) {
- .sidebar {
- margin: 0 -10px;
- }
- .sidebar + .content, .content + .sidebar {
- margin-top: 30px;
- }
- }
- .sideBySide {
- margin-top: 20px;
- }
- @media (min-width: 769px) {
- .sideBySide {
- display: table;
- table-layout: fixed;
- width: 100%;
- }
- .sideBySide > .section {
- display: table-cell;
- width: 49%;
- }
- .sideBySide > .section + .section {
- padding-left: 2%;
- }
- }
- .pageFooterCopyright {
- background-color: rgba(50, 92, 132, 1);
- color: rgba(217, 220, 222, 1);
- text-align: center;
- }
- @media (min-width: 769px) {
- .pageFooterCopyright {
- padding: 20px 0;
- }
- }
- @media (max-width: 768px) {
- .pageFooterCopyright {
- padding: 20px 0;
- }
- }
- .pageFooterCopyright > .layoutBoundary > div:not(:first-child) {
- margin-top: 10px;
- }
- .pageFooterCopyright a {
- color: rgba(217, 220, 222, 1);
- }
- .pageFooterCopyright a:hover {
- color: rgba(255, 255, 255, 1);
- text-decoration: underline;
- }
- .pageHeaderContainer {
- color: rgba(255, 255, 255, 1);
- padding-top: 50px;
- z-index: 100;
- }
- .pageHeaderContainer a {
- color: rgba(255, 255, 255, 1);
- }
- .pageHeaderContainer a:hover {
- color: rgba(255, 255, 255, 1);
- }
- .pageHeaderContainer .icon {
- color: rgba(255, 255, 255, 1);
- }
- @media (min-width: 1025px) {
- .pageHeaderContainer {
- background-color: rgba(58, 109, 156, 1);
- }
- }
- .pageHeaderPanel {
- left: 0;
- position: fixed;
- right: 0;
- top: 0;
- z-index: 300;
- }
- .pageHeaderPanel > .layoutBoundary {
- display: flex;
- }
- @media (max-width: 1024px) {
- .pageHeaderPanel {
- background-color: rgba(58, 109, 156, 1);
- }
- .pageHeaderPanel > .layoutBoundary {
- padding: 9px 10px;
- }
- }
- @media (min-width: 1025px) {
- .pageHeaderPanel {
- background-color: rgba(50, 92, 132, 1);
- }
- }
- .pageHeaderFacade:first-child {
- margin-top: -50px;
- }
- .pageHeaderFacade > .layoutBoundary {
- align-items: center;
- display: flex;
- }
- @media (min-width: 1025px) {
- .pageHeaderFacade > .layoutBoundary {
- align-items: center;
- padding-bottom: 30px;
- padding-top: 30px;
- }
- }
- @media (max-width: 1024px) {
- .pageHeaderFacade > .layoutBoundary {
- height: 50px;
- justify-content: center;
- left: 60px;
- padding: 9px 0;
- position: fixed;
- right: 60px;
- top: 0;
- 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 {
- align-items: center;
- background: rgba(43, 79, 113, 1) none repeat scroll 0 0;
- color: rgba(255, 255, 255, 1);
- display: flex;
- height: 50px;
- padding: 0 15px;
- }
- .mainMenu .boxMenu > li > a > span {
- flex: 0 0 auto;
- }
- .mainMenu .boxMenu > li > a > .boxMenuLinkOutstandingItems {
- margin-left: 5px;
- }
- .mainMenu .boxMenu > li > span {
- cursor: default;
- }
- .mainMenu .boxMenu > li.active > a, .mainMenu .boxMenu > li:hover > a {
- background: rgba(36, 66, 95, 1) none repeat scroll 0 0;
- color: rgba(255, 255, 255, 1);
- }
- .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: rgba(36, 66, 95, 1);
- border-radius: 0 0 3px 3px;
- padding: 5px 0;
- position: absolute;
- visibility: hidden;
- }
- @media (min-width: 769px) {
- .mainMenu .boxMenu .boxMenuDepth1 {
- font-size: 14px;
- }
- }
- @media (max-width: 768px) {
- .mainMenu .boxMenu .boxMenuDepth1 {
- font-size: 14px;
- }
- }
- .mainMenu .boxMenu .boxMenuDepth1 > li > a {
- color: rgba(255, 255, 255, 1);
- }
- .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: rgba(65, 121, 173, 1);
- color: rgba(255, 255, 255, 1);
- text-decoration: none;
- }
- .mainMenu .boxMenu .boxMenuDepth2 li > a {
- color: rgba(255, 255, 255, 1);
- display: block;
- padding: 5px 20px 5px 40px;
- white-space: nowrap;
- }
- .mainMenu .boxMenu .boxMenuDepth2 li.active > a, .mainMenu .boxMenu .boxMenuDepth2 li > a:hover {
- background-color: rgba(65, 121, 173, 1);
- color: rgba(255, 255, 255, 1);
- text-decoration: none;
- }
- .mainMenu .mainMenuShowPrevious, .mainMenu .mainMenuShowNext {
- align-items: center;
- display: flex;
- height: 100%;
- opacity: 0;
- position: absolute;
- top: 0;
- transition: opacity 0.24s linear 0s, visibility 0s linear 0.24s;
- visibility: hidden;
- width: 50px;
- }
- .mainMenu .mainMenuShowPrevious.active, .mainMenu .mainMenuShowNext.active {
- opacity: 1;
- transition-delay: 0s;
- visibility: visible;
- }
- .mainMenu .mainMenuShowPrevious {
- background: rgba(0, 0, 0, 0) linear-gradient(to left, transparent 0%, rgba(50, 92, 132, 1) 75%) repeat scroll 0 0;
- left: 0;
- }
- .mainMenu .mainMenuShowNext {
- background: rgba(0, 0, 0, 0) linear-gradient(to right, transparent 0%, rgba(50, 92, 132, 1) 75%) repeat scroll 0 0;
- justify-content: flex-end;
- right: 0;
- }
- .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: rgba(43, 79, 113, 1) none repeat scroll 0 0;
- color: rgba(255, 255, 255, 1);
- display: flex;
- flex: 0 0 auto;
- height: 50px;
- padding: 0 15px;
- position: relative;
- }
- .userPanel > ul > li > a > span:not(.icon):not(.badge) {
- display: none;
- }
- .userPanel > ul > li > a > .badgeUpdate {
- box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.3), 0 2px 5px rgba(225, 225, 225, 0.3) inset;
- left: 31px;
- padding: 1px 6px;
- position: absolute;
- top: 4px;
- z-index: 101;
- }
- .userPanel > ul > li > a .icon {
- color: rgba(255, 255, 255, 1);
- }
- .userPanel > ul > li.dropdownOpen > a, .userPanel > ul > li.open > a, .userPanel > ul > li:hover > a {
- background: rgba(36, 66, 95, 1) none repeat scroll 0 0;
- color: rgba(255, 255, 255, 1);
- }
- .userPanel > ul > li.dropdownOpen > a .icon, .userPanel > ul > li.open > a .icon, .userPanel > ul > li:hover > a .icon {
- color: rgba(255, 255, 255, 1);
- }
- .userPanel > ul > li#userNotifications:not([data-count="0"]) > a > .icon {
- animation: 5s ease 10s normal none 6 running fa-bell-ring;
- transform-origin: 50% 0 0;
- }
- .userPanel .userPanelAvatar {
- display: none;
- }
- @media (min-width: 1025px) {
- .pageHeaderLogo {
- flex: 1 1 auto;
- }
- .pageHeaderLogo .pageHeaderLogoLarge {
- max-width: 100%;
- }
- .pageHeaderLogo .pageHeaderLogoSmall {
- display: none;
- }
- .pageHeaderLogo > a {
- display: block;
- padding: 10px 0;
- }
- }
- @media (max-width: 1024px) {
- .pageHeaderLogo .pageHeaderLogoLarge {
- display: none;
- }
- .pageHeaderLogo .pageHeaderLogoSmall {
- max-height: 30px;
- }
- }
- .pageHeaderSearch {
- display: none;
- position: fixed;
- }
- .searchBarOpen .pageHeaderSearch {
- display: block;
- z-index: 100;
- }
- .pageHeaderSearchInputContainer {
- display: flex;
- }
- .pageHeaderSearchInputContainer .pageHeaderSearchType {
- display: flex;
- }
- .pageHeaderSearchInputContainer .pageHeaderSearchType > .button {
- align-items: center;
- background-color: rgba(43, 79, 113, 1);
- border-radius: 0 0 0 2px;
- color: rgba(255, 255, 255, 1);
- 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: rgba(36, 66, 95, 1) none repeat scroll 0 0;
- color: rgba(255, 255, 255, 1);
- }
- .pageHeaderSearchInputContainer .pageHeaderSearchInput {
- background-color: rgba(50, 92, 132, 1);
- border-width: 0;
- color: rgba(255, 255, 255, 1);
- padding-bottom: 8px;
- padding-top: 8px;
- width: 250px;
- }
- .pageHeaderSearchInputContainer .pageHeaderSearchInput:focus, .pageHeaderSearchInputContainer .pageHeaderSearchInput:hover {
- background-color: rgba(50, 92, 132, 1);
- color: rgba(255, 255, 255, 1);
- }
- .pageHeaderSearchInputContainer .pageHeaderSearchInput:focus::-moz-placeholder, .pageHeaderSearchInputContainer .pageHeaderSearchInput:hover::-moz-placeholder {
- color: rgba(207, 207, 207, 1);
- }
- .pageHeaderSearchInputContainer .pageHeaderSearchInput::-moz-placeholder {
- color: rgba(207, 207, 207, 1);
- }
- .pageHeaderSearchInputContainer .pageHeaderSearchInputButton {
- background-color: rgba(43, 79, 113, 1);
- border-radius: 0 0 2px;
- color: rgba(255, 255, 255, 1);
- padding: 4px 9px;
- }
- .pageHeaderSearchInputContainer .pageHeaderSearchInputButton:hover {
- background: rgba(36, 66, 95, 1) none repeat scroll 0 0;
- color: rgba(255, 255, 255, 1);
- }
- @media (max-width: 1024px) {
- .pageHeaderPanel > .layoutBoundary {
- justify-content: space-between;
- }
- .userPanel {
- flex: 0 0 auto;
- }
- .userPanel > .userPanelItems {
- display: none;
- }
- .userPanel .userPanelAvatar {
- display: block;
- padding: 0 5px;
- }
- .mainMenu {
- flex: 0 0 auto;
- }
- .mainMenu::before {
- content: "";
- }
- .mainMenu > .boxContent {
- display: none;
- }
- .mainMenu, .userPanel {
- position: relative;
- }
- .mainMenu.pageMenuMobileButtonHasContent::after, .userPanel.pageMenuMobileButtonHasContent::after {
- background-color: #f44336;
- border: 2px solid rgba(58, 109, 156, 1);
- border-radius: 50%;
- content: "";
- height: 14px;
- position: absolute;
- right: -3px;
- top: -3px;
- width: 14px;
- }
- .mainMenu::before, .userPanel:not(.userPanelLoggedIn)::before {
- color: rgba(255, 255, 255, 1);
- font-family: FontAwesome;
- font-size: 28px;
- line-height: 32px;
- padding: 5px;
- }
- .mainMenu:hover::before, .userPanel:hover:not(.userPanelLoggedIn)::before {
- color: rgba(255, 255, 255, 1);
- }
- .userPanel:not(.userPanelLoggedIn)::before {
- content: "";
- }
- .pageHeaderSearch {
- left: 0 !important;
- right: 0 !important;
- }
- .pageHeaderSearch .pageHeaderSearchInputContainer {
- border-radius: 0;
- display: flex;
- flex-wrap: wrap;
- }
- .pageHeaderSearch .pageHeaderSearchInputContainer .pageHeaderSearchType {
- flex: 0 0 100%;
- }
- .pageHeaderSearch .pageHeaderSearchInputContainer .pageHeaderSearchType > .button {
- border-radius: 0;
- 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: 0;
- }
- .pageHeaderSearch:not(.open) {
- display: none;
- }
- }
- @media (max-width: 544px) {
- .pageHeaderPanel, .pageHeaderFacade > .layoutBoundary {
- transition: transform 0.12s linear 0s;
- }
- .redactorActive .pageHeaderPanel, .redactorActive .pageHeaderFacade > .layoutBoundary {
- transform: translateY(-120%);
- }
- }
- @media (min-width: 1025px) {
- .pageNavigation {
- background-color: rgba(236, 239, 241, 1);
- color: rgba(170, 170, 170, 1);
- flex: 0 0 auto;
- padding: 10px 0;
- }
- .pageNavigation > div {
- align-items: center;
- display: flex;
- justify-content: flex-end;
- min-height: 20px;
- }
- .pageNavigation .icon {
- color: inherit;
- }
- .pageNavigation a {
- color: rgba(44, 62, 80, 1);
- }
- .pageNavigation a:hover {
- color: rgba(44, 62, 80, 1);
- }
- .boxesHeaderBoxes + .pageNavigation {
- margin-top: 1px;
- }
- .pageNavigationIcons {
- display: flex;
- flex: 0 0 auto;
- flex-direction: row-reverse;
- margin-left: 10px;
- }
- .pageNavigationIcons > li {
- flex: 0 0 auto;
- }
- .pageNavigationIcons > li:not(:last-child) {
- margin-left: 10px;
- }
- }
- @media (max-width: 1024px) {
- .pageNavigation {
- display: none;
- }
- }
- @media print {
- *, *::after, *::before {
- background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
- box-shadow: none !important;
- color: #000 !important;
- opacity: 1 !important;
- text-shadow: none !important;
- }
- .pageHeaderContainer, .pageNavigationIcons, .userNotice, .pageAction, .contentHeaderNavigation, .contentFooterNavigation, .paginationTop, .paginationBottom, .buttonList, .collapsibleButton, .columnMark, .statusDisplay, .dialogContainer, .formSubmit, .tabMenu > ul > li:not(.active), .showMore, .boxesSidebarLeft, .boxesSidebarRight, .boxesFooterBoxes, .boxesFooter, .messageFooterButtons, .messageQuickOptions, .messageGroupEditLink, #messageQuickReply, .messageAuthor .badgeOnline, .jsCommentAdd, .userProfileCoverPhoto, .userProfileButtonContainer, .containerListButtonGroup {
- display: none !important;
- }
- .main {
- padding: 30px 0;
- }
- .content {
- flex-basis: auto !important;
- max-width: none !important;
- }
- .pageNavigation {
- display: block;
- padding-top: 10px;
- }
- .pageNavigation .breadcrumbs {
- margin-left: 0;
- }
- .badge {
- padding: 0 !important;
- }
- .badge::before {
- content: "[";
- }
- .badge::after {
- content: "]";
- }
- .userProfileUser {
- position: static !important;
- }
- a.externalURL::after {
- content: " (" attr(href) ")";
- }
- .messageList, .messageList > li:not(:first-child) {
- border-top: 1px solid rgba(65, 121, 173, 1);
- }
- .messageList > li {
- padding-top: 20px;
- }
- .messageSidebar {
- margin: 0 !important;
- padding: 0 !important;
- }
- }
- .sidebar fieldset {
- margin-top: 0;
- }
- .sidebar fieldset > legend {
- float: left;
- width: 100%;
- }
- .sidebar fieldset > legend + * {
- clear: left;
- }
- .sidebar .boxContainer > div:not(.box), .sidebar .boxContainer > fieldset, .sidebar .boxContainer > section:not(.box) {
- background-color: rgba(236, 241, 247, 1);
- }
- @media (min-width: 769px) {
- .sidebar .boxContainer > div:not(.box), .sidebar .boxContainer > fieldset, .sidebar .boxContainer > section:not(.box) {
- padding: 20px;
- }
- }
- @media (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 {
- border-bottom-width: 0;
- color: rgba(44, 62, 80, 1);
- font-weight: 400;
- line-height: 1.28;
- margin-bottom: 15px;
- padding: 0;
- }
- @media (min-width: 769px) {
- .sidebar .boxContainer section:not(.box) > h1, .sidebar .boxContainer fieldset > legend {
- font-size: 18px;
- }
- }
- @media (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: rgba(44, 62, 80, 1);
- }
- .sidebar .boxContainer section:not(.box) > h1 > a > .icon, .sidebar .boxContainer fieldset > legend > a > .icon {
- color: rgba(44, 62, 80, 1);
- }
- .sidebar .boxContainer section:not(.box) > h1 > a:hover, .sidebar .boxContainer fieldset > legend > a:hover {
- color: rgba(44, 62, 80, 1);
- }
- .sidebar .boxContainer section:not(.box) > h1 > a:hover > .icon, .sidebar .boxContainer fieldset > legend > a:hover > .icon {
- color: rgba(44, 62, 80, 1);
- }
- .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 {
- content: "";
- display: table;
- }
- .sidebar .boxContainer > div .boxContent::after, .sidebar .boxContainer > fieldset .boxContent::after, .sidebar .boxContainer > section .boxContent::after {
- clear: both;
- }
- .sidebar .boxContainer > div .button.more, .sidebar .boxContainer > fieldset .button.more, .sidebar .boxContainer > section .button.more {
- float: right;
- margin-top: 15px;
- }
- .sidebar .boxTitle .badge {
- float: right;
- top: 2px;
- }
- .sidebar .sidebarItemList > li:not(:last-child), .sidebar .sidebarBoxList > li:not(:last-child) {
- margin-bottom: 10px;
- }
- .aclList {
- }
- .aclList > li {
- align-items: center;
- display: flex;
- padding: 10px 0;
- }
- .aclList > li:not(.active) {
- cursor: pointer;
- }
- .aclList > li.active {
- background-color: rgba(242, 242, 242, 1);
- }
- .aclList > li > .icon {
- flex: 0 0 36px;
- padding: 0 5px;
- }
- .aclList > li > .aclLabel {
- flex: 1 1 auto;
- margin: 0 5px;
- }
- .aclList + .dropdown {
- display: block;
- margin-top: 20px;
- }
- .aclPermissionList {
- margin-top: 40px;
- position: relative;
- }
- .aclPermissionList::after, .aclPermissionList::before {
- font-weight: 400;
- min-width: 60px;
- position: absolute;
- text-align: center;
- top: -5px;
- transform: translateY(-100%);
- }
- @media (min-width: 769px) {
- .aclPermissionList::after, .aclPermissionList::before {
- font-size: 12px;
- }
- }
- @media (max-width: 768px) {
- .aclPermissionList::after, .aclPermissionList::before {
- font-size: 12px;
- }
- }
- .aclPermissionList::after {
- content: attr(data-deny);
- right: 0;
- }
- .aclPermissionList::before {
- content: attr(data-grant);
- right: 80px;
- }
- .aclPermissionList > li.aclCategory {
- font-weight: 400;
- line-height: 1.28;
- padding: 20px 10px 10px 0;
- }
- @media (min-width: 769px) {
- .aclPermissionList > li.aclCategory {
- font-size: 18px;
- }
- }
- @media (max-width: 768px) {
- .aclPermissionList > li.aclCategory {
- font-size: 18px;
- }
- }
- .aclPermissionList > li.aclCategory:hover {
- background-color: transparent;
- }
- .aclPermissionList > li:not(.aclCategory) {
- display: flex;
- padding: 10px 0;
- }
- .aclPermissionList > li > span {
- flex: 1 1 auto;
- padding-left: 10px;
- }
- .aclPermissionList > li > label {
- cursor: pointer;
- flex: 0 0 auto;
- padding: 0 20px;
- }
- .aclPermissionList > li > label + label {
- margin-left: 20px;
- }
- .wcfAdLocation {
- overflow: hidden;
- }
- @media (min-width: 1025px) {
- .wcfAdLocationLogo {
- float: right;
- margin-left: 30px;
- }
- }
- @media (max-width: 1024px) {
- .wcfAdLocationLogo {
- display: none;
- }
- }
- .wcfAdLocationHeaderContent {
- margin-bottom: 20px;
- }
- .wcfAdLocationFooterContent {
- margin-top: 20px;
- }
- .wcfAdLocationHeaderContent, .wcfAdLocationFooterContent, .wcfAdLocationFooterBottom, .wcfAdLocationSidebarTop, .wcfAdLocationSidebarBottom {
- text-align: center;
- }
- .wcfAdLocationHeaderContent > div, .wcfAdLocationFooterContent > div, .wcfAdLocationFooterBottom > div, .wcfAdLocationSidebarTop > div, .wcfAdLocationSidebarBottom > div {
- display: inline-block;
- text-align: left;
- }
- .error, .info, .success, .warning {
- border-left: 5px solid transparent;
- margin-top: 20px;
- }
- @media (min-width: 769px) {
- .error, .info, .success, .warning {
- padding: 10px 20px;
- }
- }
- @media (max-width: 768px) {
- .error, .info, .success, .warning {
- padding: 10px;
- }
- }
- .error a, .info a, .success a, .warning a {
- font-weight: 600;
- }
- .error a:hover, .info a:hover, .success a:hover, .warning a:hover {
- text-decoration: underline;
- }
- .error {
- background-color: rgba(242, 222, 222, 1);
- border-color: rgba(235, 204, 204, 1);
- color: rgba(169, 68, 66, 1);
- }
- .error a {
- color: rgba(169, 68, 66, 1);
- }
- .error a:hover {
- color: rgba(169, 68, 66, 1);
- }
- .info {
- background-color: rgba(217, 237, 247, 1);
- border-color: rgba(188, 223, 241, 1);
- color: rgba(49, 112, 143, 1);
- }
- .info a {
- color: rgba(49, 112, 143, 1);
- }
- .info a:hover {
- color: rgba(49, 112, 143, 1);
- }
- .success {
- background-color: rgba(223, 240, 216, 1);
- border-color: rgba(208, 233, 198, 1);
- color: rgba(60, 118, 61, 1);
- }
- .success a {
- color: rgba(60, 118, 61, 1);
- }
- .success a:hover {
- color: rgba(60, 118, 61, 1);
- }
- .warning {
- background-color: rgba(252, 248, 227, 1);
- border-color: rgba(250, 242, 204, 1);
- color: rgba(138, 109, 59, 1);
- }
- .warning a {
- color: rgba(138, 109, 59, 1);
- }
- .warning a:hover {
- color: rgba(138, 109, 59, 1);
- }
- .innerError, .innerInfo {
- display: table;
- line-height: 1.5;
- margin-top: 8px;
- padding: 5px 10px;
- position: relative;
- }
- .innerError::before, .innerInfo::before {
- -moz-border-bottom-colors: none;
- -moz-border-left-colors: none;
- -moz-border-right-colors: none;
- -moz-border-top-colors: none;
- border-color: transparent;
- border-image: none;
- border-style: solid;
- border-width: 0 6px 6px;
- content: "";
- display: inline-block;
- left: 10px;
- position: absolute;
- top: -6px;
- z-index: 101;
- }
- .innerError {
- background-color: #f2dede;
- color: #a94442;
- }
- .innerError::before {
- border-bottom-color: #f2dede;
- }
- .innerError a {
- color: rgba(169, 68, 66, 1);
- }
- .innerError a:hover {
- color: rgba(169, 68, 66, 1);
- }
- .pageFooterStickyNotice {
- bottom: 0;
- left: 0;
- position: fixed;
- right: 0;
- z-index: 600;
- }
- .pageFooterStickyNotice .error, .pageFooterStickyNotice .info, .pageFooterStickyNotice .success, .pageFooterStickyNotice .warning {
- border-left-width: 0;
- border-top-style: solid;
- border-top-width: 1px;
- margin-top: 0;
- padding: 10px 0;
- }
- @media (max-width: 768px) {
- .pageFooterStickyNotice .error, .pageFooterStickyNotice .info, .pageFooterStickyNotice .success, .pageFooterStickyNotice .warning {
- font-weight: 400;
- }
- }
- @media (max-width: 768px) and (min-width: 769px) {
- .pageFooterStickyNotice .error, .pageFooterStickyNotice .info, .pageFooterStickyNotice .success, .pageFooterStickyNotice .warning {
- font-size: 12px;
- }
- }
- @media (max-width: 768px) and (max-width: 768px) {
- .pageFooterStickyNotice .error, .pageFooterStickyNotice .info, .pageFooterStickyNotice .success, .pageFooterStickyNotice .warning {
- font-size: 12px;
- }
- }
- .pageFooterStickyNotice .cookiePolicyNotice .layoutBoundary {
- align-items: center;
- display: flex;
- }
- @media (max-width: 768px) {
- .pageFooterStickyNotice .cookiePolicyNotice .layoutBoundary {
- flex-wrap: wrap;
- }
- }
- .pageFooterStickyNotice .cookiePolicyNotice .cookiePolicyNoticeText {
- flex: 1 1 auto;
- }
- @media (max-width: 768px) {
- .pageFooterStickyNotice .cookiePolicyNotice .cookiePolicyNoticeText {
- flex-basis: 100%;
- margin-bottom: 5px;
- }
- }
- .pageFooterStickyNotice .cookiePolicyNotice .cookiePolicyNoticeMoreInformation, .pageFooterStickyNotice .cookiePolicyNotice .cookiePolicyNoticeDismiss {
- flex: 0 0 auto;
- }
- .pageFooterStickyNotice .cookiePolicyNotice .cookiePolicyNoticeDismiss {
- margin-left: 5px;
- }
- .innerInfo {
- background-color: rgba(217, 237, 247, 1);
- color: rgba(49, 112, 143, 1);
- }
- .innerInfo::before {
- border-bottom-color: rgba(188, 223, 241, 1);
- }
- .innerInfo a {
- color: rgba(49, 112, 143, 1);
- }
- .innerInfo a:hover {
- color: rgba(49, 112, 143, 1);
- }
- .noticeDismissible > .jsDismissNoticeButton {
- float: right;
- }
- @media (max-width: 1024px) {
- .noticeDismissible > .jsDismissNoticeButton {
- font-size: 18px;
- height: 24px;
- line-height: 24px;
- width: 24px;
- }
- }
- .articleImage {
- display: flex;
- flex-wrap: wrap;
- }
- .articleImage .articleImageWrapper {
- align-items: center;
- display: flex;
- max-height: 300px;
- overflow: hidden;
- }
- .articleImage .articleImageWrapper img {
- height: auto !important;
- width: 100% !important;
- }
- .articleImage figcaption {
- color: rgba(125, 130, 135, 1);
- flex: 1 0 auto;
- font-weight: 400;
- margin-top: 5px;
- text-align: center;
- }
- @media (min-width: 769px) {
- .articleImage figcaption {
- font-size: 12px;
- }
- }
- @media (max-width: 768px) {
- .articleImage figcaption {
- font-size: 12px;
- }
- }
- .articleContent .articleTeaser {
- font-weight: 600;
- margin-bottom: 20px;
- }
- .articleContent .articleTagList, .articleContent .articleLikeSection {
- margin-top: 20px;
- }
- .articleContent .articleLikeSection {
- align-items: center;
- }
- .articleContent .articleLikeButtons {
- justify-content: flex-end;
- }
- .articleContent .articleLikeButtons .invisible {
- display: inline;
- }
- .articleAboutAuthor .articleAboutAuthorText {
- font-style: italic;
- }
- .articleAboutAuthor .articleAboutAuthorUsername {
- margin-top: 5px;
- }
- .articleAboutAuthor .articleAboutAuthorUsername .username {
- font-weight: 400;
- line-height: 1.28;
- }
- @media (min-width: 769px) {
- .articleAboutAuthor .articleAboutAuthorUsername .username {
- font-size: 18px;
- }
- }
- @media (max-width: 768px) {
- .articleAboutAuthor .articleAboutAuthorUsername .username {
- font-size: 18px;
- }
- }
- .articleAboutAuthor .articleAboutAuthorUsername .userTitleBadge {
- top: -2px;
- }
- @media (min-width: 769px) {
- .articleNavigation > nav > ul {
- display: flex;
- }
- }
- .articleNavigation .previousArticleButton, .articleNavigation .nextArticleButton {
- display: flex;
- }
- @media (min-width: 769px) {
- .articleNavigation .previousArticleButton, .articleNavigation .nextArticleButton {
- flex: 0 0 50%;
- }
- }
- .articleNavigation .previousArticleButton > a, .articleNavigation .nextArticleButton > a {
- color: rgba(44, 62, 80, 1);
- display: flex;
- }
- .articleNavigation .previousArticleButton > a::before, .articleNavigation .nextArticleButton > a::before {
- align-self: center;
- display: block;
- flex: 0 0 auto;
- font-family: FontAwesome;
- font-size: 36px;
- }
- .articleNavigation .previousArticleButton > a > div, .articleNavigation .nextArticleButton > a > div {
- flex: 1 1 auto;
- }
- .articleNavigation .previousArticleButton > a .articleNavigationEntityName, .articleNavigation .nextArticleButton > a .articleNavigationEntityName, .articleNavigation .previousArticleButton > a .articleNavigationArticleTitle, .articleNavigation .nextArticleButton > a .articleNavigationArticleTitle {
- display: block;
- }
- .articleNavigation .previousArticleButton > a .articleNavigationEntityName, .articleNavigation .nextArticleButton > a .articleNavigationEntityName {
- text-transform: uppercase;
- }
- .articleNavigation .previousArticleButton > a .articleNavigationArticleTitle, .articleNavigation .nextArticleButton > a .articleNavigationArticleTitle {
- font-weight: 400;
- line-height: 1.28;
- margin-top: 3px;
- }
- @media (min-width: 769px) {
- .articleNavigation .previousArticleButton > a .articleNavigationArticleTitle, .articleNavigation .nextArticleButton > a .articleNavigationArticleTitle {
- font-size: 18px;
- }
- }
- @media (max-width: 768px) {
- .articleNavigation .previousArticleButton > a .articleNavigationArticleTitle, .articleNavigation .nextArticleButton > a .articleNavigationArticleTitle {
- font-size: 18px;
- }
- }
- .articleNavigation .previousArticleButton > a .articleNavigationArticleImage > img, .articleNavigation .nextArticleButton > a .articleNavigationArticleImage > img {
- border-radius: 2px;
- opacity: 0.85;
- transition: opacity 0.2s ease 0s;
- }
- .articleNavigation .previousArticleButton > a:hover::before, .articleNavigation .nextArticleButton > a:hover::before {
- color: rgba(191, 54, 12, 1);
- }
- .articleNavigation .previousArticleButton > a:hover .articleNavigationArticleTitle, .articleNavigation .nextArticleButton > a:hover .articleNavigationArticleTitle {
- color: rgba(191, 54, 12, 1);
- }
- .articleNavigation .previousArticleButton > a:hover .articleNavigationArticleImage > img, .articleNavigation .nextArticleButton > a:hover .articleNavigationArticleImage > img {
- opacity: 1;
- }
- @media (min-width: 769px) {
- .articleNavigation .previousArticleButton {
- padding-right: 10px;
- }
- }
- .articleNavigation .previousArticleButton > a::before {
- content: "";
- }
- .articleNavigation .previousArticleButton > a > div {
- margin-left: 10px;
- }
- .articleNavigation .nextArticleButton {
- justify-content: flex-end;
- text-align: right;
- }
- @media (min-width: 769px) {
- .articleNavigation .nextArticleButton {
- margin-left: 50%;
- padding-left: 10px;
- }
- }
- .articleNavigation .nextArticleButton .articleNavigationArticleImage {
- margin-left: 15px;
- margin-right: 0;
- order: 1;
- }
- .articleNavigation .nextArticleButton > a::before {
- content: "";
- order: 1;
- }
- .articleNavigation .nextArticleButton > a > div {
- margin-right: 10px;
- }
- @media (max-width: 768px) {
- .articleNavigation .previousArticleButton + .nextArticleButton {
- margin-top: 20px;
- }
- }
- @media (min-width: 769px) {
- .articleNavigation .previousArticleButton + .nextArticleButton {
- margin-left: 0;
- }
- }
- html[dir="rtl"] .articleNavigation .previousArticleButton > a::before {
- content: "";
- }
- html[dir="rtl"] .articleNavigation .nextArticleButton > a::before {
- content: "";
- }
- .articleList .articleListMetaData {
- color: rgba(125, 130, 135, 1);
- margin-top: 2px;
- }
- .articleList .articleListMetaData .icon {
- color: inherit;
- }
- .articleList a {
- color: inherit;
- }
- .articleList a:hover {
- color: inherit;
- }
- .articleList a:hover .articleListImage > img {
- opacity: 1;
- }
- .articleList a:hover .articleListTitle {
- color: rgba(191, 54, 12, 1);
- }
- .articleList .articleListImage > img {
- border-radius: 2px;
- opacity: 0.85;
- transition: opacity 0.2s ease 0s;
- }
- .articleList > li:not(:first-child) {
- margin-top: 30px;
- }
- @media (max-width: 544px) {
- .articleList .box128 > .articleListImage {
- margin-right: 10px;
- }
- .articleList .articleListImage > img {
- height: 64px !important;
- width: 64px !important;
- }
- }
- .boxesFooterBoxes .articleList {
- display: flex;
- flex-wrap: wrap;
- margin: 0 -5px -20px;
- }
- .boxesFooterBoxes .articleList > li {
- margin: 0 5px 20px;
- }
- .boxesFooterBoxes .articleList .articleListImage > img {
- height: auto !important;
- max-width: 280px;
- width: 100% !important;
- }
- .boxesFooterBoxes .articleList .articleListImage + .articleListTitle {
- margin-top: 5px;
- }
- .boxesFooterBoxes .articleList .articleListMetaData {
- display: none;
- }
- @media (min-width: 1025px) {
- .boxesFooterBoxes .articleList > li {
- flex: 0 0 calc(100% / 3 - 10px);
- max-width: calc(100% / 3 - 10px);
- }
- .boxesFooterBoxes .boxFullWidth .articleList > li {
- flex: 0 0 calc(100% / 6 - 10px);
- max-width: calc(100% / 6 - 10px);
- }
- }
- @media (min-width: 545px) {
- .boxesFooterBoxes .articleList > li {
- flex: 0 0 calc(100% / 3 - 10px);
- max-width: calc(100% / 3 - 10px);
- }
- }
- @media (max-width: 544px) {
- .boxesFooterBoxes .articleList {
- justify-content: center;
- }
- .boxesFooterBoxes .articleList > li {
- width: 280px;
- }
- }
- .attachmentFileList > ul > li:not(:last-child) {
- margin-right: 10px;
- }
- .attachmentThumbnailList > ul {
- margin-bottom: -15px;
- }
- @media (min-width: 545px) {
- .attachmentThumbnailList > ul {
- margin-right: -10px;
- }
- }
- .attachmentThumbnail {
- box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
- margin-bottom: 15px !important;
- position: relative;
- }
- @media (min-width: 545px) {
- .attachmentThumbnail {
- margin-right: 10px !important;
- }
- }
- @media (max-width: 544px) {
- .attachmentThumbnail {
- margin-right: 0 !important;
- width: 100%;
- }
- }
- .attachmentThumbnail .attachmentThumbnailContainer {
- padding: 2px 2px 0;
- position: relative;
- }
- .attachmentThumbnail .attachmentThumbnailImage {
- align-items: center;
- background-color: #333;
- display: flex;
- justify-content: center;
- overflow: hidden;
- text-align: center;
- }
- @media (min-width: 545px) {
- .attachmentThumbnail .attachmentThumbnailImage {
- height: 210px;
- width: 280px;
- }
- }
- @media (max-width: 544px) {
- .attachmentThumbnail .attachmentThumbnailImage {
- max-height: 210px;
- min-height: 100px;
- }
- }
- .attachmentThumbnail .attachmentThumbnailImage img {
- backface-visibility: hidden;
- max-width: 100%;
- opacity: 0.85;
- transform: translate3d(0px, 0px, 0px);
- transition: opacity 0.2s ease 0s;
- }
- @media (max-width: 544px) {
- .attachmentThumbnail .attachmentThumbnailImage .attachmentThumbnailImageScalable {
- width: 100%;
- }
- }
- .attachmentThumbnail .attachmentThumbnailData {
- backface-visibility: hidden;
- background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.5) 100%) repeat scroll 0 0;
- bottom: 0;
- left: 2px;
- position: absolute;
- right: 2px;
- top: 2px;
- transform: translate3d(0px, 0px, 0px);
- }
- .attachmentThumbnail .attachmentFilename {
- bottom: 0;
- color: #fff;
- font-weight: 400;
- line-height: 1.28;
- overflow: hidden;
- padding: 10px;
- position: absolute;
- text-overflow: ellipsis;
- text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
- transition: opacity 0.2s ease 0s;
- white-space: nowrap;
- width: 100%;
- }
- @media (min-width: 769px) {
- .attachmentThumbnail .attachmentFilename {
- font-size: 18px;
- }
- }
- @media (max-width: 768px) {
- .attachmentThumbnail .attachmentFilename {
- font-size: 18px;
- }
- }
- .attachmentThumbnail .attachmentMetaData {
- color: rgba(125, 130, 135, 1);
- padding: 10px 15px;
- }
- .attachmentThumbnail .attachmentMetaData li:not(:last-child) {
- margin-right: 10px;
- }
- .attachmentThumbnail .attachmentMetaData .icon {
- color: inherit;
- }
- .attachmentThumbnail:hover .attachmentThumbnailImage img {
- opacity: 1;
- }
- .attachmentThumbnail:hover .attachmentFilename {
- opacity: 0;
- }
- .formAttachmentContent > .formAttachmentList {
- display: flex;
- flex-wrap: wrap;
- margin-left: 0 !important;
- }
- .formAttachmentContent > .formAttachmentList > li {
- display: flex;
- flex: 0 0 100%;
- margin-bottom: 20px;
- }
- .formAttachmentContent > .formAttachmentList > li > .attachmentTinyThumbnail {
- border-bottom-width: 0;
- }
- @media (min-width: 769px) {
- .formAttachmentContent > .formAttachmentList {
- margin-right: -20px;
- }
- .formAttachmentContent > .formAttachmentList > li {
- flex: 0 0 calc(50% - 21px);
- margin-right: 20px;
- max-width: calc(50% - 21px);
- }
- }
- .formAttachmentContent > dl {
- margin-top: 0 !important;
- }
- .formAttachmentContent > dl > dd > div {
- align-items: center;
- display: flex;
- }
- .formAttachmentContent > dl > dd > div > .button {
- flex: 0 0 auto;
- }
- .formAttachmentContent > dl > dd > div > .button:not(:first-child) {
- margin-left: 10px;
- }
- .formAttachmentContent > dl > dd > div + small {
- margin-top: 10px !important;
- }
- .attachmentTinyThumbnail {
- max-height: 64px;
- max-width: 64px;
- }
- .embeddedAttachmentLink, .embeddedImageLink {
- border: 1px solid rgba(224, 224, 224, 1);
- display: inline-block;
- max-width: 100%;
- min-height: 48px;
- padding: 2px;
- position: relative;
- }
- .embeddedAttachmentLink::after, .embeddedImageLink::after {
- background-color: rgba(0, 0, 0, 0.8);
- border-radius: 2px;
- bottom: 5px;
- box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);
- 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;
- }
- .avatarEdit .avatarType {
- display: flex;
- }
- .avatarEdit .avatarType > dt {
- flex: 0 0 auto;
- order: 2;
- }
- .avatarEdit .avatarType > dd {
- order: 1;
- }
- .avatarEdit .avatarType .avatarUploadButtonContainer {
- margin-top: 10px;
- }
- @media (min-width: 769px) {
- .avatarEdit .avatarType {
- min-height: 100px;
- }
- .avatarEdit .avatarType > dt:not(:empty) {
- margin: 0 0 0 30px;
- }
- .avatarEdit .avatarType > dd {
- flex: 1 1 auto;
- }
- .avatarEdit .avatarType + .avatarType {
- margin-top: 30px;
- }
- .avatarEdit .avatarType .avatarUploadButtonContainer {
- margin-left: 24px;
- }
- }
- @media (max-width: 768px) {
- .avatarEdit .avatarType {
- flex-wrap: wrap;
- }
- .avatarEdit .avatarType > dt:not(:empty) {
- flex: 0 0 100%;
- margin-top: 20px;
- text-align: center;
- }
- .avatarEdit .avatarType > dd {
- flex: 0 0 100%;
- }
- .avatarEdit .avatarType .avatarUploadButtonContainer {
- text-align: center;
- }
- }
- .badge, a.badge {
- background-color: rgba(44, 62, 80, 1);
- border-radius: 2px;
- color: rgba(250, 250, 250, 1);
- display: inline-block;
- font-weight: 400;
- line-height: 1.28;
- overflow-wrap: normal;
- padding: 2px 6px;
- position: relative;
- vertical-align: middle;
- white-space: nowrap;
- }
- @media (min-width: 769px) {
- .badge, a.badge {
- font-size: 12px;
- }
- }
- @media (max-width: 768px) {
- .badge, a.badge {
- font-size: 12px;
- }
- }
- .badge.badgeUpdate, a.badge.badgeUpdate {
- background-color: rgba(204, 0, 1, 1);
- color: rgba(255, 255, 255, 1);
- font-weight: 600;
- }
- .badge.green, a.badge.green {
- background-color: rgba(0, 153, 0, 1);
- color: rgba(238, 255, 238, 1);
- }
- .badge.red, a.badge.red {
- background-color: rgba(204, 0, 0, 1);
- color: rgba(255, 238, 238, 1);
- }
- .badge.black, a.badge.black {
- background-color: #333;
- color: #fff;
- }
- .badge.brown, a.badge.brown {
- background-color: #c63;
- color: #fff;
- }
- .badge.orange, a.badge.orange {
- background-color: #f90;
- color: #fff;
- }
- .badge.yellow, a.badge.yellow {
- background-color: #ff0;
- color: #333;
- }
- .badge.blue, a.badge.blue {
- background-color: #369;
- color: #fff;
- }
- .badge.purple, a.badge.purple {
- background-color: #c0f;
- color: #fff;
- }
- .badge.pink, a.badge.pink {
- background-color: #f0c;
- color: #fff;
- }
- a.badge:hover {
- color: rgba(250, 250, 250, 1);
- text-decoration: none;
- }
- a.badge.black:hover {
- background-color: #000;
- }
- a.badge.brown:hover {
- background-color: #930;
- }
- a.badge.red:hover {
- background-color: #900;
- }
- a.badge.orange:hover {
- background-color: #f60;
- }
- a.badge.yellow:hover {
- background-color: #cc0;
- }
- a.badge.green:hover {
- background-color: #060;
- }
- a.badge.blue:hover {
- background-color: #036;
- }
- a.badge.purple:hover {
- background-color: #90c;
- }
- a.badge.pink:hover {
- background-color: #c09;
- }
- .breadcrumbs {
- flex: 1 1 0;
- }
- .breadcrumbs > ol {
- display: flex;
- flex-wrap: wrap;
- }
- .breadcrumbs > ol > li {
- flex: 0 0 auto;
- font-weight: 400;
- max-width: 100%;
- }
- @media (min-width: 769px) {
- .breadcrumbs > ol > li {
- font-size: 12px;
- }
- }
- @media (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: rgba(170, 170, 170, 1);
- content: "/";
- }
- .breadcrumbs > ol > li:not(:last-child) > a {
- margin-right: 10px;
- }
- .breadcrumbs > ol > li > a {
- color: rgba(44, 62, 80, 1);
- text-decoration: none;
- }
- .breadcrumbs > ol > li > a:hover {
- color: rgba(44, 62, 80, 1);
- text-decoration: underline;
- }
- button, input[type="button"], input[type="reset"], input[type="submit"], .button, a.button {
- -moz-user-select: none;
- background-color: rgba(207, 216, 220, 1);
- border-radius: 2px;
- border-width: 0;
- color: rgba(33, 33, 33, 1);
- cursor: pointer;
- display: inline-block;
- font-family: "Roboto",Arial,Helvetica,sans-serif;
- font-weight: 400;
- line-height: 1.48;
- margin: 0;
- padding: 8px 18px;
- text-decoration: none;
- }
- @media (min-width: 769px) {
- button, input[type="button"], input[type="reset"], input[type="submit"], .button, a.button {
- font-size: 14px;
- }
- }
- @media (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: rgba(120, 144, 156, 1);
- color: rgba(255, 255, 255, 1);
- 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 {
- font-weight: 400;
- padding: 6px 8px;
- text-transform: none;
- }
- @media (min-width: 769px) {
- button.small, input.small[type="button"], input.small[type="reset"], input.small[type="submit"], .button.small, a.button.small {
- font-size: 12px;
- }
- }
- @media (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 small, input[type="button"] small, input[type="reset"] small, input[type="submit"] small, .button small, a.button small {
- color: inherit;
- }
- button.buttonPrimary, input.buttonPrimary[type="button"], input[type="submit"], .button.buttonPrimary, a.button.buttonPrimary {
- background-color: rgba(33, 150, 243, 1);
- color: rgba(255, 255, 255, 1);
- }
- 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: rgba(26, 119, 201, 1);
- color: rgba(255, 255, 255, 1);
- }
- 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: rgba(223, 223, 223, 1) !important;
- color: rgba(165, 165, 165, 1) !important;
- cursor: not-allowed !important;
- }
- .dropdownOpen > button, .dropdownOpen > input[type="button"], .dropdownOpen > input[type="reset"], .dropdownOpen > input[type="submit"], .dropdownOpen > .button, .dropdownOpen > a.button {
- background-color: rgba(120, 144, 156, 1);
- color: rgba(255, 255, 255, 1);
- }
- .dropdownOpen > button.buttonPrimary, .dropdownOpen > input.buttonPrimary[type="button"], .dropdownOpen > input[type="submit"], .dropdownOpen > .button.buttonPrimary, .dropdownOpen > a.button.buttonPrimary {
- background-color: rgba(26, 119, 201, 1);
- color: rgba(255, 255, 255, 1);
- }
- .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 {
- font-weight: 400;
- padding: 6px 8px;
- text-transform: none;
- }
- @media (min-width: 769px) {
- .buttonList.smallButtons .button {
- font-size: 12px;
- }
- }
- @media (max-width: 768px) {
- .buttonList.smallButtons .button {
- font-size: 12px;
- }
- }
- .buttonList.letters {
- margin-bottom: -10px;
- }
- .buttonList.letters > li {
- flex: 0 0 auto;
- margin-bottom: 10px;
- width: 10%;
- }
- .buttonList.letters > li.lettersReset {
- width: auto;
- }
- .buttonList.letters > li > a {
- display: block;
- text-align: center;
- }
- .buttonGroupNavigation > ul {
- display: flex;
- flex-wrap: wrap;
- }
- .buttonGroupNavigation > ul > li {
- flex: 0 1 auto;
- }
- .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 {
- display: flex;
- flex-wrap: wrap;
- margin-bottom: -1px;
- }
- .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-bottom-left-radius: 2px;
- border-top-left-radius: 2px;
- }
- .buttonGroup > li:last-child .button, .messageFooterButtons > li:last-child .button {
- border-bottom-right-radius: 2px;
- border-top-right-radius: 2px;
- }
- .buttonGroup > li .button, .messageFooterButtons > li .button {
- border-radius: 0;
- border-width: 0;
- }
- .flexibleButtonGroup {
- display: flex;
- flex-wrap: wrap;
- }
- .flexibleButtonGroup > li {
- display: flex;
- flex: 0 0 auto;
- }
- .flexibleButtonGroup > li:not(:last-child) {
- margin-right: 5px;
- }
- .flexibleButtonGroup > li.spaceAfter:not(:last-child) {
- margin-right: 20px;
- }
- .flexibleButtonGroup > li > input[type="radio"] {
- left: -3000px;
- opacity: 0;
- position: absolute;
- }
- .flexibleButtonGroup > li > input[type="radio"]:checked + label {
- cursor: default;
- }
- .flexibleButtonGroup > li > input[type="radio"]:checked + label > .icon {
- cursor: default !important;
- }
- .flexibleButtonGroup > li > input[type="radio"]:focus + label {
- border-color: rgba(0, 0, 0, 0.3);
- }
- .flexibleButtonGroup > li > a, .flexibleButtonGroup > li > label {
- background-color: #cfd8dc;
- border: 1px solid transparent;
- color: #212121;
- cursor: pointer;
- padding: 5px 10px;
- }
- .flexibleButtonGroup > li > a > .icon, .flexibleButtonGroup > li > label > .icon {
- color: inherit;
- }
- .flexibleButtonGroup > li > a > .icon, .flexibleButtonGroup > li > label > .icon {
- color: inherit !important;
- cursor: pointer !important;
- }
- .flexibleButtonGroup > li > a.active, .flexibleButtonGroup > li > input[type="radio"]:checked + label, .flexibleButtonGroup > li > input[type="radio"] + label:hover {
- color: #fff;
- }
- .flexibleButtonGroup > li > a.active.green, .flexibleButtonGroup > li > input[type="radio"]:checked + label.green, .flexibleButtonGroup > li > input[type="radio"] + label.green:hover {
- background-color: #2e7d32;
- }
- .flexibleButtonGroup > li > a.active.red, .flexibleButtonGroup > li > input[type="radio"]:checked + label.red, .flexibleButtonGroup > li > input[type="radio"] + label.red:hover {
- background-color: #c62828;
- }
- .flexibleButtonGroup > li > a.active.yellow, .flexibleButtonGroup > li > input[type="radio"]:checked + label.yellow, .flexibleButtonGroup > li > input[type="radio"] + label.yellow:hover {
- background-color: #fb8c00;
- color: #000;
- }
- .flexibleButtonGroup > li > input[type="radio"]:disabled + label {
- background-color: #f2f2f2 !important;
- color: #7d8264 !important;
- cursor: default;
- }
- .flexibleButtonGroup > li > input[type="radio"]:disabled + label > .icon {
- color: #7d8264 !important;
- cursor: default !important;
- }
- #colorPickerGradient {
- background-color: #f00;
- background-image: url("../images/colorPickerGradient.png");
- background-repeat: no-repeat;
- border: 1px solid rgba(0, 0, 0, 1);
- cursor: default;
- display: inline-block;
- height: 256px;
- overflow: hidden;
- position: relative;
- width: 256px;
- }
- #colorPickerGradient > span {
- border: 1px solid rgba(0, 0, 0, 1);
- border-radius: 10px;
- display: block;
- height: 10px;
- left: -4px;
- position: absolute;
- top: -4px;
- width: 10px;
- }
- #colorPickerGradient > span > span {
- border: 1px solid rgba(255, 255, 255, 1);
- border-radius: 10px;
- display: block;
- height: 8px;
- width: 8px;
- }
- #colorPickerBar {
- background-image: url("../images/colorPickerBar.png");
- background-repeat: repeat-x;
- border: 1px solid rgba(0, 0, 0, 1);
- cursor: default;
- display: inline-block;
- height: 256px;
- margin-left: 10px;
- position: relative;
- width: 16px;
- }
- #colorPickerBar > span {
- display: inline-block;
- height: 1px;
- left: 0;
- position: absolute;
- top: 27px;
- width: 16px;
- }
- #colorPickerBar > span::after, #colorPickerBar > span::before {
- content: "";
- display: block;
- height: 0;
- position: absolute;
- top: 0;
- width: 0;
- }
- #colorPickerBar > span::after {
- border-bottom: 5px solid transparent;
- border-right: 5px solid rgba(0, 0, 0, 1);
- border-top: 5px solid transparent;
- right: -7px;
- top: -5px;
- }
- #colorPickerBar > span::before {
- border-bottom: 5px solid transparent;
- border-left: 5px solid rgba(0, 0, 0, 1);
- border-top: 5px solid transparent;
- left: -7px;
- top: -5px;
- }
- #colorPickerForm {
- display: inline-block;
- margin-left: 20px;
- position: relative;
- text-align: center;
- width: 100px;
- }
- #colorPickerForm > .colors {
- margin-left: 2px;
- }
- #colorPickerForm > .colors > .new, #colorPickerForm > .colors > .old {
- background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEX////MzMw46qqDAAAAD0lEQVQI12P4z4Ad4ZAAAH6/D/Hgw85/AAAAAElFTkSuQmCC");
- border: 1px solid rgba(0, 0, 0, 1);
- box-sizing: content-box;
- display: block;
- height: 24px;
- }
- #colorPickerForm > .colors > .new > span, #colorPickerForm > .colors > .old > span {
- display: block;
- height: 24px;
- }
- #colorPickerForm > .colors > .old {
- background-position: 8px 0;
- border-top-width: 0;
- }
- #colorPickerForm > .hex {
- margin-top: 20px;
- }
- #colorPickerForm > .rgba {
- margin-top: 20px;
- }
- #colorPickerForm > .rgba > li.a {
- margin-top: 10px;
- }
- #colorPickerForm > .rgba > li.g, #colorPickerForm > .rgba > li.b {
- margin-top: 2px;
- }
- #colorPickerForm > .rgba > li, #colorPickerForm > .hex > li {
- text-align: right;
- }
- #colorPickerForm > .rgba > li input, #colorPickerForm > .hex > li input {
- margin-left: 5px;
- width: 80px;
- }
- .colorPreview {
- background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEX////MzMw46qqDAAAAD0lEQVQI12P4z4Ad4ZAAAH6/D/Hgw85/AAAAAElFTkSuQmCC");
- border: 1px solid rgba(224, 224, 224, 1);
- display: inline-block;
- }
- .colorPreview > div {
- border: 2px solid rgba(250, 250, 250, 1);
- cursor: pointer;
- display: block;
- height: 60px;
- width: 180px;
- }
- .commentList > li:hover {
- background-color: transparent;
- }
- .commentList > li:hover .buttonGroupNavigation {
- opacity: 0;
- }
- .commentList .commentContent:hover .buttonGroupNavigation {
- opacity: 1;
- }
- .commentList .commentContent + .commentOptionContainer .commentResponseAdd {
- border-top: 1px solid rgba(224, 224, 224, 1);
- margin-top: 20px;
- padding-top: 20px;
- }
- .commentList .commentContent .wcfLikeCounter {
- font-weight: 400;
- }
- @media (min-width: 769px) {
- .commentList .commentContent .wcfLikeCounter {
- font-size: 12px;
- }
- }
- @media (max-width: 768px) {
- .commentList .commentContent .wcfLikeCounter {
- font-size: 12px;
- }
- }
- .commentList .commentResponseList:not(:empty) {
- margin-top: 20px;
- }
- .commentList .commentResponseList > li:first-child, .commentList .commentResponseList > li:last-child {
- border-color: rgba(224, 224, 224, 1);
- }
- .commentList .commentOptionContainer {
- margin-top: 10px;
- }
- .commentList .commentResponseAdd {
- padding: 10px 20px 0;
- }
- .commentList textarea + button {
- margin-top: 2px;
- }
- .inputAddon > .inputDatePicker {
- cursor: pointer;
- flex: 0 1 200px;
- min-width: 200px;
- }
- .datePicker {
- background-color: rgba(255, 255, 255, 1);
- border-radius: 2px;
- box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
- color: rgba(33, 33, 33, 1);
- display: none;
- position: absolute;
- width: 240px;
- z-index: 450;
- }
- .datePicker.active {
- display: block;
- }
- .datePicker.datePickerTime.datePickerTimeOnly > header, .datePicker.datePickerTime.datePickerTimeOnly > ul {
- display: none;
- }
- .datePicker.datePickerTime.datePickerTimeOnly > footer {
- border-top-width: 0;
- }
- .datePicker.datePickerTime > footer {
- display: block;
- }
- .datePicker > header {
- align-items: center;
- display: flex;
- }
- .datePicker > header > a {
- display: block;
- flex: 0 0 auto;
- padding: 10px;
- }
- .datePicker > header > a:not(.active) {
- visibility: hidden;
- }
- .datePicker > header > span {
- display: block;
- flex: 1 1 auto;
- padding: 10px 0;
- text-align: center;
- }
- .datePicker select.year {
- margin-left: 5px;
- }
- .datePicker > ul > li {
- border-top: 1px solid rgba(238, 238, 238, 1);
- display: flex;
- }
- .datePicker > ul > li.weekdays, .datePicker > ul > li.weekdays + li {
- border-top-color: rgba(238, 238, 238, 1);
- }
- .datePicker > ul > li > a, .datePicker > ul > li > span {
- display: block;
- flex: 1 1 0;
- padding: 5px 0;
- text-align: center;
- }
- .datePicker > ul > li > a:not(:last-child), .datePicker > ul > li > span:not(:last-child) {
- border-right: 1px solid rgba(238, 238, 238, 1);
- }
- .datePicker > ul > li > a {
- color: rgba(33, 33, 33, 1);
- }
- .datePicker > ul > li > a:hover {
- text-decoration: none;
- }
- .datePicker > ul > li > a.active, .datePicker > ul > li > a:hover:not(.otherMonth) {
- background-color: rgba(238, 238, 238, 1);
- color: rgba(33, 33, 33, 1);
- }
- .datePicker > ul > li > a.otherMonth {
- color: rgba(125, 130, 135, 1);
- cursor: default;
- }
- .datePicker > ul > li > span {
- color: rgba(125, 130, 135, 1);
- font-weight: 400;
- text-transform: uppercase;
- }
- @media (min-width: 769px) {
- .datePicker > ul > li > span {
- font-size: 12px;
- }
- }
- @media (max-width: 768px) {
- .datePicker > ul > li > span {
- font-size: 12px;
- }
- }
- .datePicker > footer {
- border-top: 1px solid rgba(238, 238, 238, 1);
- display: none;
- padding: 10px;
- position: relative;
- text-align: center;
- }
- .dialogOverlay {
- background-color: transparent;
- bottom: 0;
- left: 0;
- opacity: 0;
- position: fixed;
- right: 0;
- top: 0;
- transition: opacity 0.12s linear 0s, visibility 0s linear 0.3s;
- visibility: hidden;
- will-change: opacity;
- z-index: 399;
- }
- @media (min-width: 545px) {
- .dialogOverlay {
- padding: 100px 0;
- }
- }
- .dialogOverlay[aria-hidden="false"] {
- opacity: 1;
- transition-delay: 0s;
- visibility: visible;
- }
- .dialogOverlay::before {
- background-color: rgba(0, 0, 0, 0.4);
- bottom: 0;
- content: "";
- display: block;
- left: 0;
- position: fixed;
- right: 0;
- top: 0;
- z-index: 100;
- }
- @keyframes wcfDialog {
- 0% {
- top: 8%;
- visibility: visible;
- }
- 100% {
- top: 10%;
- visibility: visible;
- }
- }
- @keyframes wcfDialogOut {
- 0% {
- top: 10%;
- visibility: visible;
- }
- 100% {
- top: 12%;
- visibility: hidden;
- }
- }
- .dialogContainer {
- z-index: 200;
- }
- @media (max-width: 544px) {
- .dialogContainer {
- left: 0 !important;
- position: fixed;
- right: 0 !important;
- top: 0 !important;
- }
- }
- @media (min-width: 545px) {
- .dialogContainer {
- animation: 0.3s ease 0s normal forwards 1 running wcfDialogOut;
- box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.3);
- left: 50%;
- max-height: 80%;
- max-width: 80%;
- min-width: 500px;
- position: absolute;
- transform: translateX(-50%);
- }
- .dialogContainer[aria-hidden="false"] {
- animation: 0.3s ease 0s normal forwards 1 running wcfDialog;
- }
- }
- .dialogContainer[aria-hidden="true"] {
- visibility: hidden;
- }
- .dialogContainer[aria-hidden="false"] ~ .dialogContainer[aria-hidden="false"] {
- z-index: 50;
- }
- .dialogContainer > header {
- background-color: rgba(58, 109, 156, 1);
- color: rgba(255, 255, 255, 1);
- display: flex;
- }
- @media (max-width: 768px) {
- .dialogContainer > header {
- padding: 10px;
- }
- }
- @media (min-width: 769px) {
- .dialogContainer > header {
- padding: 10px 20px;
- }
- }
- .dialogContainer > header > span {
- flex: 1 1 auto;
- font-weight: 400;
- line-height: 1.28;
- }
- @media (min-width: 769px) {
- .dialogContainer > header > span {
- font-size: 18px;
- }
- }
- @media (max-width: 768px) {
- .dialogContainer > header > span {
- font-size: 18px;
- }
- }
- .dialogContainer > header > .dialogCloseButton {
- align-self: center;
- flex: 0 0 auto;
- }
- .dialogContainer > header > .dialogCloseButton:hover > .icon {
- color: rgba(255, 255, 255, 1);
- }
- .dialogContainer > header > .dialogCloseButton > .icon {
- color: rgba(255, 255, 255, 1);
- }
- .dialogContainer > .dialogContent {
- background-color: rgba(250, 250, 250, 1);
- overflow: auto;
- }
- @media (max-width: 768px) {
- .dialogContainer > .dialogContent:not(.dialogContentNoPadding) {
- padding: 10px;
- }
- }
- @media (min-width: 769px) {
- .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: 0;
- }
- .dialogContainer > .dialogContent dl:not(.plain) > dd {
- margin-left: 0 !important;
- }
- .dialogContainer > .dialogContent .dialogFormSubmit {
- background-color: rgba(236, 241, 247, 1);
- border-top: 1px solid rgba(224, 224, 224, 1);
- bottom: 0;
- left: 0;
- padding: 10px;
- position: absolute;
- right: 0;
- }
- .dialogContainer > .dialogContent .section {
- margin-top: 30px;
- }
- .dialogContainer > .dialogContent .section .sectionTitle {
- font-weight: 400;
- line-height: 1.28;
- }
- @media (min-width: 769px) {
- .dialogContainer > .dialogContent .section .sectionTitle {
- font-size: 18px;
- }
- }
- @media (max-width: 768px) {
- .dialogContainer > .dialogContent .section .sectionTitle {
- font-size: 18px;
- }
- }
- .dialogContainer > .dialogContent > div > .section:first-child, .dialogContainer > .dialogContent > div > fieldset:first-child {
- margin-top: 0;
- }
- .dialogContainer > .dialogContent > div > div > .section:first-child, .dialogContainer > .dialogContent > div > form > .section:first-child, .dialogContainer > .dialogContent > div > div > fieldset:first-child, .dialogContainer > .dialogContent > div > form > fieldset:first-child {
- margin-top: 0;
- }
- .jsStaticDialogContent {
- display: none;
- }
- .spinner {
- background-color: #fff;
- border: 1px solid #ccc;
- box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2);
- color: #2c3e50;
- left: 50%;
- opacity: 0;
- padding: 10px;
- position: fixed;
- text-align: center;
- top: 200px;
- transform: translateX(-50%);
- transition: visibility 0s linear 0.12s, opacity 0.12s linear 0s;
- visibility: hidden;
- z-index: 401;
- }
- .spinner.active {
- opacity: 1;
- transition-delay: 0s;
- visibility: visible;
- }
- .spinner > span:not(.icon) {
- display: block;
- margin-top: 5px;
- }
- #systemNotification {
- left: 0;
- opacity: 0;
- pointer-events: none;
- position: fixed;
- top: 0;
- transform: translateY(-100%);
- transition: visibility 0.12s linear 0.12s, transform 0.12s linear 0s, opacity 0.12s linear 0s;
- visibility: hidden;
- width: 100%;
- z-index: 460;
- }
- #systemNotification.active {
- opacity: 1;
- transform: translateY(0%);
- transition-delay: 0s;
- visibility: visible;
- }
- #systemNotification > p {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-top-width: 0;
- cursor: pointer;
- display: table;
- margin: 0 auto;
- max-width: 80%;
- pointer-events: auto;
- }
- .confirmationObject {
- font-weight: 600;
- }
- .dropdownMenuContainer {
- bottom: 0;
- left: 0;
- pointer-events: none;
- position: absolute;
- right: 0;
- top: 0;
- }
- .dropdown .dropdownToggle:active, .dropdown.dropdownOpen .dropdownToggle {
- outline: 0 none;
- }
- .dropdown.inputAddon > .dropdownToggle {
- padding: 4px 7px;
- }
- .dropdown.inputAddon > .dropdownToggle > span.active::after {
- content: "";
- font-family: FontAwesome;
- font-size: 14px;
- margin-left: 7px;
- }
- .dropdown.preInput {
- display: table;
- width: 100%;
- }
- .dropdown.preInput input {
- border-radius: 0 3px 3px 0;
- display: table-cell;
- margin: 0;
- width: 99%;
- }
- .dropdown.preInput textarea {
- border-radius: 0 3px 3px;
- display: block;
- margin-top: 0;
- }
- .dropdown.dropdownOpen .dropdownMenu {
- display: block;
- }
- .dropdown .dropdownToggle {
- cursor: pointer;
- }
- .dropdownMenu {
- background-color: rgba(255, 255, 255, 1);
- border-radius: 2px;
- box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
- color: rgba(33, 33, 33, 1);
- display: none;
- min-width: 160px;
- padding: 3px 0;
- pointer-events: all;
- position: absolute;
- text-align: left;
- visibility: hidden;
- z-index: 450;
- }
- .dropdownMenu.dropdownMenuPageSearch {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- }
- .dropdownMenu.dropdownOpen {
- display: block;
- visibility: visible;
- }
- .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: rgba(238, 238, 238, 1);
- color: rgba(33, 33, 33, 1);
- }
- .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: rgba(33, 33, 33, 1);
- }
- .dropdownMenu li.dropdownDivider {
- border-top: 1px solid rgba(238, 238, 238, 1);
- margin: 3px 0;
- }
- .dropdownMenu li.dropdownText {
- font-weight: 400;
- padding: 5px 20px;
- }
- @media (min-width: 769px) {
- .dropdownMenu li.dropdownText {
- font-size: 12px;
- }
- }
- @media (max-width: 768px) {
- .dropdownMenu li.dropdownText {
- font-size: 12px;
- }
- }
- .dropdownMenu li.boxFlag {
- padding-top: 2px;
- }
- .dropdownMenu li.missingValue > span {
- padding-right: 40px;
- position: relative;
- }
- .dropdownMenu li.missingValue > span::after {
- color: rgba(169, 68, 66, 1);
- 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;
- overflow-wrap: normal;
- padding: 5px 20px;
- text-decoration: none;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .dropdownMenu li > a > div > h3, .dropdownMenu li > span > div > h3 {
- overflow: hidden;
- text-overflow: ellipsis;
- }
- .dropdownMenu li > a {
- color: rgba(33, 33, 33, 1);
- }
- .dropdownMenu li > a > small {
- display: block;
- }
- .dropdownMenu li > a + span.badge {
- display: none;
- }
- .dropdownMenu li > .box16 {
- align-items: center;
- cursor: pointer;
- min-height: 0;
- padding: 5px 10px;
- }
- .dropdownMenu li > label {
- display: block;
- }
- .dropdownMenu li .containerHeadline {
- margin-bottom: 0;
- }
- .dropdownMenu li .containerHeadline > p {
- font-weight: 400;
- }
- @media (min-width: 769px) {
- .dropdownMenu li .containerHeadline > p {
- font-size: 12px;
- }
- }
- @media (max-width: 768px) {
- .dropdownMenu li .containerHeadline > p {
- font-size: 12px;
- }
- }
- .dropdownMenu li .icon {
- color: inherit;
- }
- .dropdownMenu .scrollableDropdownMenu {
- max-height: 300px;
- overflow: auto;
- }
- .dropdownMenu .scrollableDropdownMenu.forceScrollbar {
- overflow-x: hidden;
- overflow-y: scroll;
- }
- @media (max-width: 544px) {
- .dropdownMenu {
- left: 0 !important;
- right: 0 !important;
- }
- }
- @media (max-width: 1024px) {
- .dropdownMenu li {
- overflow: hidden;
- }
- .dropdownMenu li > a, .dropdownMenu li > span {
- max-width: none;
- white-space: normal;
- }
- }
- @media (min-width: 769px) {
- .dropdownMenu .dropdownMenu.pageHeaderSearchDropdown {
- transform: translateY(-10px);
- }
- }
- @media (max-width: 1024px) {
- .dropdownMenu.dropdownMenuPageSearch {
- left: 0 !important;
- right: 0 !important;
- }
- }
- .dropdownIndicator::after {
- content: "";
- font-family: FontAwesome;
- margin-left: 5px;
- }
- .boxFlag > .box24, .boxFlag.box24 {
- align-items: center;
- display: flex !important;
- min-height: 20px;
- }
- .boxFlag > .box24 > img:first-child, .boxFlag.box24 > img:first-child {
- height: auto;
- }
- .boxFlag > .box24 > span, .boxFlag.box24 > span {
- display: inline !important;
- }
- .boxFlag > .box24.dropdownToggle, .boxFlag.box24.dropdownToggle {
- display: inline-flex !important;
- }
- .dropdownMenuContainer > .interactiveDropdown.open {
- visibility: visible;
- }
- .interactiveDropdown {
- background-color: rgba(250, 250, 250, 1);
- border-radius: 2px;
- box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
- color: rgba(44, 62, 80, 1);
- left: -200%;
- pointer-events: all;
- position: absolute;
- visibility: hidden;
- z-index: 450;
- }
- .interactiveDropdown > .elementPointer {
- display: none;
- }
- .interactiveDropdown.interactiveDropdownUserMenu > .interactiveDropdownItemsContainer {
- max-height: none;
- overflow: visible;
- }
- @media (min-width: 545px) and (max-width: 1024px) {
- .interactiveDropdown {
- bottom: 0 !important;
- display: flex;
- flex-direction: column;
- left: auto !important;
- position: fixed;
- right: 0 !important;
- top: 0 !important;
- width: 350px;
- }
- .interactiveDropdown > .interactiveDropdownHeader, .interactiveDropdown > .interactiveDropdownShowAll {
- flex: 0 0 auto;
- }
- .interactiveDropdown > .interactiveDropdownItemsContainer {
- flex: 1 1 auto;
- max-height: none;
- overflow: auto;
- }
- }
- @media (min-width: 1025px) {
- .interactiveDropdown {
- position: fixed;
- top: 50px !important;
- }
- }
- .interactiveDropdownHeader {
- align-items: center;
- background-color: rgba(236, 241, 247, 1);
- color: rgba(44, 62, 80, 1);
- display: flex;
- padding: 10px 20px;
- }
- .interactiveDropdownHeader a {
- color: rgba(44, 62, 80, 1);
- }
- .interactiveDropdownHeader a:hover {
- color: rgba(44, 62, 80, 1);
- text-decoration: underline;
- }
- .interactiveDropdownHeader .interactiveDropdownTitle {
- flex: 1 1 auto;
- font-weight: 400;
- line-height: 1.28;
- }
- @media (min-width: 769px) {
- .interactiveDropdownHeader .interactiveDropdownTitle {
- font-size: 18px;
- }
- }
- @media (max-width: 768px) {
- .interactiveDropdownHeader .interactiveDropdownTitle {
- font-size: 18px;
- }
- }
- .interactiveDropdownHeader .interactiveDropdownLinks {
- flex: 0 0 auto;
- margin-left: 5px;
- }
- @media (max-width: 768px) {
- .interactiveDropdownHeader {
- padding: 10px;
- }
- }
- .interactiveDropdownItemsContainer {
- -moz-border-bottom-colors: none;
- -moz-border-left-colors: none;
- -moz-border-right-colors: none;
- -moz-border-top-colors: none;
- border-color: rgba(224, 224, 224, 1);
- border-image: none;
- border-style: solid;
- border-width: 1px 0;
- }
- .interactiveDropdownItemsContainer.ps-container > .interactiveDropdownItems {
- position: relative;
- z-index: 100;
- }
- .interactiveDropdownItemsContainer.ps-container > .ps-scrollbar-y-rail {
- z-index: 200;
- }
- .interactiveDropdownItems > li {
- padding: 15px 20px;
- position: relative;
- }
- .interactiveDropdownItems > li:not(:last-child) {
- border-bottom: 1px solid rgba(224, 224, 224, 1);
- }
- .interactiveDropdownItems > li:hover {
- background-color: rgba(242, 242, 242, 1);
- }
- .interactiveDropdownItems > li a {
- color: rgba(230, 81, 0, 1);
- }
- .interactiveDropdownItems > li a:hover {
- color: rgba(191, 54, 12, 1);
- }
- .interactiveDropdownItems > li .box48 {
- align-items: center;
- overflow: hidden;
- }
- @media (max-width: 768px) {
- .interactiveDropdownItems > li {
- padding: 10px;
- }
- }
- .interactiveDropdownItems .loading, .interactiveDropdownItems .noItems {
- align-items: center;
- display: flex;
- font-weight: 400;
- justify-content: center;
- line-height: 1.28;
- padding: 20px 10px;
- }
- .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 (min-width: 769px) {
- .interactiveDropdownItems .loading, .interactiveDropdownItems .noItems {
- font-size: 18px;
- }
- }
- @media (max-width: 768px) {
- .interactiveDropdownItems .loading, .interactiveDropdownItems .noItems {
- font-size: 18px;
- }
- }
- .interactiveDropdownItemOutstanding {
- display: flex;
- }
- .interactiveDropdownItemOutstanding > .box48 {
- flex: 1 1 auto;
- }
- .interactiveDropdownItemOutstanding h3 {
- font-weight: bold;
- }
- .interactiveDropdownItemMarkAsRead {
- align-self: center;
- flex: 0 0 auto;
- margin-left: 5px;
- }
- .interactiveDropdownItemShadow > .box48 {
- position: relative;
- }
- .interactiveDropdownItemShadow > .box48, .interactiveDropdownItemShadow > .interactiveDropdownItemMarkAsRead {
- pointer-events: none;
- z-index: 20;
- }
- .interactiveDropdownItemShadow > .box48 a, .interactiveDropdownItemShadow > .interactiveDropdownItemMarkAsRead a {
- pointer-events: all;
- }
- .interactiveDropdownItemShadow > .interactiveDropdownItemShadowLink {
- bottom: 0;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- z-index: 10;
- }
- .interactiveDropdownShowAll {
- background-color: rgba(236, 241, 247, 1);
- color: rgba(44, 62, 80, 1);
- display: block;
- padding: 10px 20px;
- text-align: center;
- }
- .interactiveDropdownShowAll:hover {
- color: rgba(44, 62, 80, 1);
- text-decoration: underline;
- }
- @media (min-width: 769px) {
- .interactiveDropdown {
- min-width: 350px;
- }
- .interactiveDropdownItemsContainer {
- max-height: 400px;
- overflow: hidden;
- position: relative;
- }
- .interactiveDropdownItems:not(.interactiveDropdownItemsUserMenu) > li {
- max-width: 400px;
- }
- }
- @media (max-width: 768px) {
- .interactiveDropdown {
- bottom: 0;
- display: flex;
- flex-direction: column;
- left: 0;
- position: fixed;
- right: 0;
- }
- .interactiveDropdownHeader {
- flex: 0 0 auto;
- }
- .interactiveDropdownItemsContainer {
- flex: 1 1 auto;
- overflow: auto;
- }
- .interactiveDropdownItemsContainer .interactiveDropdownItemOutstanding {
- padding-right: 41px;
- }
- .interactiveDropdownItemsContainer .interactiveDropdownItemMarkAsRead {
- bottom: 0;
- position: absolute;
- right: 0;
- top: 0;
- width: 36px;
- }
- .interactiveDropdownItemsContainer .interactiveDropdownItemMarkAsRead > a {
- display: block;
- height: 100%;
- text-align: center;
- }
- .interactiveDropdownItemsContainer .interactiveDropdownItemMarkAsRead > a > .icon {
- position: relative;
- top: 50%;
- transform: translateY(-50%);
- }
- .interactiveDropdownShowAll {
- flex: 0 0 auto;
- }
- }
- .googleMap {
- height: 400px;
- }
- .sidebarGoogleMap {
- height: 250px;
- }
- .googleMapsCustomControlContainer {
- cursor: pointer !important;
- margin-top: 5px;
- }
- .googleMapsCustomControlContainer .googleMapsCustomControl {
- background-clip: padding-box;
- background-color: #fff;
- border: 1px solid rgba(0, 0, 0, 0.15);
- border-radius: 3px;
- box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.298);
- color: #565656;
- font-size: 11px !important;
- min-width: 29px;
- padding: 1px 6px;
- position: relative;
- text-align: center;
- }
- .googleMapsCustomControlContainer .googleMapsCustomControl:hover {
- background-color: #ebebeb;
- color: #000;
- }
- .googleMapsCustomControlContainer .googleMapsCustomControl.active {
- color: #000;
- font-weight: 500;
- }
- .googleMapsUseLocationSuggestionLink {
- font-size: 12px;
- }
- .wcfImageViewer {
- background-color: rgba(0, 0, 0, 1);
- bottom: 0;
- display: none;
- left: 0;
- opacity: 0;
- position: fixed;
- right: 0;
- top: 0;
- z-index: 399;
- }
- .wcfImageViewer .icon {
- color: #9e9e9e;
- }
- .wcfImageViewer.open {
- display: block;
- opacity: 1;
- }
- .wcfImageViewer.maximized:not(.wcfImageViewerMobile) > header {
- top: -100px;
- }
- .wcfImageViewer.maximized:not(.wcfImageViewerMobile) > div {
- bottom: 0;
- top: 0;
- }
- .wcfImageViewer.maximized:not(.wcfImageViewerMobile) > footer {
- bottom: -100px;
- }
- .wcfImageViewer.wcfImageViewerMobile > header, .wcfImageViewer.wcfImageViewerMobile > footer {
- background-color: rgba(0, 0, 0, 1);
- opacity: 1;
- position: absolute;
- visibility: visible;
- z-index: 402;
- }
- .wcfImageViewer.wcfImageViewerMobile.maximized > header, .wcfImageViewer.wcfImageViewerMobile.maximized > footer {
- opacity: 0;
- transition: visibility 0s linear 0.24s, opacity 0.24s linear 0s;
- visibility: hidden;
- }
- .wcfImageViewer.wcfImageViewerMobile.maximized > div > ul > li.pointer {
- opacity: 0;
- }
- .wcfImageViewer.wcfImageViewerMobile > div {
- bottom: 0;
- top: 0;
- }
- .wcfImageViewer.wcfImageViewerMobile > div > ul > li {
- background-color: rgba(224, 224, 224, 1);
- border-radius: 30px;
- margin-top: -24px;
- opacity: 0;
- position: absolute;
- top: 50%;
- transition: opacity 0.24s ease 0s;
- }
- .wcfImageViewer.wcfImageViewerMobile > div > ul > li.pointer {
- opacity: 1;
- }
- .wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonFull, .wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonNext, .wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonPrevious {
- z-index: 30;
- }
- .wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonPrevious {
- left: 10px;
- }
- .wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonPrevious > span {
- left: -3px;
- position: relative;
- top: 2px;
- }
- .wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonNext {
- right: 10px;
- }
- .wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonNext > span {
- position: relative;
- right: -1px;
- top: 2px;
- }
- .wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonFull {
- bottom: 80px;
- left: 50%;
- top: auto;
- transform: translateX(-50%);
- }
- .wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonFull > span {
- font-size: 32px;
- left: 2px;
- position: relative;
- top: 3px;
- }
- .wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonToggle, .wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonEnlarge {
- display: none;
- }
- .wcfImageViewer.wcfImageViewerMobile > footer > .wcfImageViewerButtonPrevious, .wcfImageViewer.wcfImageViewerMobile > footer > .wcfImageViewerButtonNext {
- display: none;
- }
- .wcfImageViewer.wcfImageViewerMobile > footer > div {
- margin: 0;
- }
- .wcfImageViewer > header, .wcfImageViewer > div, .wcfImageViewer > footer {
- box-sizing: border-box;
- left: 0;
- position: fixed;
- right: 0;
- z-index: 400;
- }
- .wcfImageViewer > header {
- height: 100px;
- overflow: hidden;
- padding: 1rem;
- top: 0;
- }
- .wcfImageViewer > header > div > a > img {
- height: 64px;
- width: 64px;
- }
- .wcfImageViewer > header h1, .wcfImageViewer > header h2, .wcfImageViewer > header h3 {
- color: rgba(211, 211, 211, 1);
- }
- .wcfImageViewer > header h1 > a, .wcfImageViewer > header h2 > a, .wcfImageViewer > header h3 > a {
- color: rgba(211, 211, 211, 1);
- }
- .wcfImageViewer > header h1 {
- font-size: 1.75rem;
- }
- .wcfImageViewer > header h2 {
- font-size: 1.25rem;
- }
- .wcfImageViewer > header h3 {
- color: rgba(211, 211, 211, 1);
- font-size: 0.85rem;
- margin-top: 0.25rem;
- }
- .wcfImageViewer > header > .wcfImageViewerButtonClose {
- position: absolute;
- right: 26px;
- top: 26px;
- }
- .wcfImageViewer > div {
- background-color: rgba(0, 0, 0, 1);
- border-bottom: 1px solid rgba(51, 51, 51, 1);
- border-top: 1px solid rgba(51, 51, 51, 1);
- bottom: 100px;
- top: 100px;
- transition-duration: 0.24s;
- transition-property: top, bottom, border-color;
- transition-timing-function: linear;
- z-index: 401;
- }
- .wcfImageViewer > div > img {
- opacity: 0;
- position: absolute;
- top: 50%;
- transition: opacity 0.24s linear 0s;
- z-index: 10;
- }
- .wcfImageViewer > div > img.animateTransformation {
- transition: left 0.24s ease 0s, margin-top 0.24s ease 0s, height 0.24s ease 0s, width 0.24s ease 0s, opacity 0.24s ease 0s;
- }
- .wcfImageViewer > div > img.active {
- opacity: 1;
- z-index: 20;
- }
- .wcfImageViewer:not(.wcfImageViewerMobile) .icon:hover {
- color: #fff;
- }
- .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 {
- -moz-border-bottom-colors: none;
- -moz-border-left-colors: none;
- -moz-border-right-colors: none;
- -moz-border-top-colors: none;
- background-color: rgba(0, 0, 0, 0.9);
- border-color: rgba(51, 51, 51, 1);
- border-image: none;
- border-radius: 2px 2px 0 0;
- border-style: solid;
- border-width: 1px 1px 0;
- bottom: 0;
- display: flex;
- 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: #424242 !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 rgba(51, 51, 51, 1);
- box-sizing: border-box;
- }
- .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li > span {
- vertical-align: middle;
- }
- .wcfImageViewer > footer {
- bottom: 0;
- height: 100px;
- padding: 10px;
- }
- .wcfImageViewer > footer:hover > div > ul > li > img {
- filter: none;
- }
- .wcfImageViewer > footer > span {
- bottom: 0;
- font-size: 48px;
- opacity: 0;
- padding-top: 26px;
- position: absolute;
- top: 0;
- transition: opacity 0.24s ease 0s;
- width: 30px;
- z-index: 2;
- }
- .wcfImageViewer > footer > span.pointer {
- opacity: 0.6;
- }
- .wcfImageViewer > footer > span.pointer:hover {
- opacity: 1;
- }
- .wcfImageViewer > footer > span.wcfImageViewerButtonPrevious {
- left: 5px;
- }
- .wcfImageViewer > footer > span.wcfImageViewerButtonNext {
- right: 5px;
- }
- .wcfImageViewer > footer > div {
- height: 80px;
- margin: 0 35px;
- overflow: hidden;
- white-space: nowrap;
- }
- .wcfImageViewer > footer > div > ul {
- display: flex;
- font-size: 0;
- height: 80px;
- transition: margin-left 0.24s cubic-bezier(0.5, 1.595, 0.56, 0.98) 0s;
- z-index: 1;
- }
- .wcfImageViewer > footer > div > ul > li {
- align-items: center;
- display: flex;
- flex: 0 0 80px;
- opacity: 0.6;
- position: relative;
- transition: opacity 0.24s ease 0s;
- }
- .wcfImageViewer > footer > div > ul > li.active, .wcfImageViewer > footer > div > ul > li:hover {
- opacity: 1;
- }
- .wcfImageViewer > footer > div > ul > li:not(:last-child) {
- margin-right: 10px;
- }
- .wcfImageViewer > footer > div > ul > li.active > img {
- filter: none;
- }
- .wcfImageViewer > footer > div > ul > li.loading > img {
- opacity: 0;
- }
- .wcfImageViewer > footer > div > ul > li > img {
- max-height: 80px;
- max-width: 80px;
- }
- @media only screen and (max-width: 800px) {
- .wcfImageViewer > header {
- height: 80px;
- }
- .wcfImageViewer > header > .wcfImageViewerButtonClose {
- right: 16px;
- top: 16px;
- }
- .wcfImageViewer > footer {
- height: 80px;
- }
- .wcfImageViewer > footer > div {
- height: 60px;
- }
- .wcfImageViewer > footer > div > ul {
- height: 60px;
- }
- .wcfImageViewer > footer > div > ul > li {
- height: 60px;
- }
- }
- .inputItemList {
- background-color: rgba(241, 246, 251, 1);
- border: 1px solid rgba(176, 200, 224, 1);
- border-radius: 0;
- color: rgba(44, 62, 80, 1);
- display: flex;
- flex-wrap: wrap;
- font-family: "Roboto",Arial,Helvetica,sans-serif;
- font-weight: 400;
- line-height: 1.48;
- outline: medium none;
- padding: 5px 8px 0;
- }
- @media (min-width: 769px) {
- .inputItemList {
- font-size: 14px;
- }
- }
- @media (max-width: 768px) {
- .inputItemList {
- font-size: 14px;
- }
- }
- .inputItemList:focus, .inputItemList:hover {
- background-color: rgba(241, 246, 251, 1);
- border-color: rgba(41, 128, 185, 1);
- color: rgba(44, 62, 80, 1);
- }
- .inputItemList[disabled] {
- background-color: rgba(245, 245, 245, 1) !important;
- border-color: rgba(174, 176, 179, 1) !important;
- color: rgba(125, 130, 100, 1) !important;
- }
- .inputItemList[readonly] {
- color: rgba(125, 130, 100, 1) !important;
- }
- .inputItemList > .item, .inputItemList > .input {
- flex: 0 0 auto;
- margin-bottom: 5px;
- }
- .inputItemList > .item:not(:last-child), .inputItemList > .input:not(:last-child) {
- margin-right: 5px;
- }
- .inputItemList > .item {
- background-color: rgba(207, 216, 220, 1);
- border-radius: 2px;
- color: rgba(33, 33, 33, 1);
- cursor: default;
- padding: 1px 5px;
- }
- .inputItemList > .item .icon {
- color: inherit;
- }
- .inputItemList > .item.active, .inputItemList > .item:hover {
- background-color: rgba(120, 144, 156, 1);
- color: rgba(255, 255, 255, 1);
- }
- .inputItemList > .input > input {
- background-color: transparent !important;
- border-width: 0 !important;
- padding: 0 !important;
- }
- .labelList {
- display: inline-flex;
- flex-wrap: wrap;
- }
- .labelList > li {
- flex: 0 1 auto;
- }
- .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-bottom-left-radius: 0;
- border-top-left-radius: 0;
- }
- .labelList > li:not(:last-child) {
- margin-right: 1px;
- }
- .labelList > li:not(:last-child) .label {
- border-bottom-right-radius: 0;
- border-top-right-radius: 0;
- }
- .labelList > li .label {
- top: -1px;
- }
- #labelList > li {
- flex-basis: 30%;
- margin-bottom: 10px;
- }
- #labelList > li.labelCustomClass {
- display: flex;
- }
- #labelList > li.labelCustomClass > input[type="radio"] {
- flex: 0 0 auto;
- margin-right: 7px;
- }
- #labelList > li.labelCustomClass > span {
- flex: 1 1 auto;
- }
- .labelChooser > .dropdownToggle > span {
- cursor: pointer;
- }
- .likesSummary {
- color: rgba(125, 130, 135, 1);
- cursor: pointer;
- flex: 0 0 auto;
- }
- .likesSummary > .icon {
- color: rgba(125, 130, 135, 1);
- margin-right: 5px;
- }
- .wcfLikeCounter {
- color: rgba(125, 130, 135, 1);
- }
- .wcfLikeCounter .icon {
- color: inherit !important;
- }
- .wcfLikeCounter.likeCounterLiked {
- color: #060 !important;
- }
- .wcfLikeCounter.likeCounterDisliked {
- color: #900 !important;
- }
- html.touch .wcfLikeButton > .button:hover:not(.active), html.touch .wcfDislikeButton > .button:hover:not(.active) {
- background-color: rgba(207, 216, 220, 1) !important;
- color: rgba(33, 33, 33, 1) !important;
- }
- .sortableList:not(.tabularList) {
- list-style: outside none decimal;
- margin-left: 20px;
- }
- .sortableNode {
- cursor: move;
- }
- .sortableNode:not(:last-child) {
- border-bottom: 1px solid rgba(224, 224, 224, 1);
- }
- .sortableNode > .sortableList:not(:empty) {
- border-top: 1px solid rgba(224, 224, 224, 1);
- }
- .sortableNodeLabel {
- align-items: center;
- cursor: move;
- display: inline-flex;
- padding: 10px;
- width: 100%;
- }
- .sortableNodeLabel:hover {
- background-color: rgba(242, 242, 242, 1);
- }
- .sortableNodeLabel > .icon, .sortableNodeLabel > a {
- margin-right: 5px;
- }
- .sortableNodeLabel > .icon {
- flex: 0 0 auto;
- }
- .sortableNodeLabel > a {
- flex: 0 1 auto;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .sortableNodeLabel > .statusDisplay {
- align-items: center;
- display: flex;
- flex: 1 0 auto;
- justify-content: flex-end;
- }
- .sortableNodeLabel > .statusDisplay > a, .sortableNodeLabel > .statusDisplay > span {
- cursor: pointer;
- flex: 0 0 auto;
- margin-left: 5px;
- }
- .sortablePlaceholder {
- background-color: rgba(252, 248, 227, 1);
- border: 1px solid rgba(250, 242, 204, 1);
- color: rgba(138, 109, 59, 1);
- padding: 10px;
- }
- .sortablePlaceholder.sortableInvalidTarget {
- background-color: rgba(242, 222, 222, 1);
- border-color: rgba(235, 204, 204, 1);
- color: rgba(169, 68, 66, 1);
- }
- @media (max-width: 544px) {
- .sortableNodeHandle {
- display: none;
- }
- }
- @media (min-width: 1025px) {
- .sortableNodeHandle {
- display: none;
- }
- }
- .structuredList {
- -moz-border-bottom-colors: none;
- -moz-border-left-colors: none;
- -moz-border-right-colors: none;
- -moz-border-top-colors: none;
- border-color: #4f81bd;
- border-image: none;
- border-style: solid;
- border-width: 1px 0;
- }
- .structuredList li {
- display: flex;
- padding: 10px 0;
- }
- .structuredList li:not(:first-child) {
- border-top: 1px solid #eee;
- }
- .structuredList li:hover {
- background-color: rgba(242, 242, 242, 1);
- }
- .structuredList li > span {
- flex: 1 1 auto;
- }
- .structuredList li > label {
- cursor: pointer;
- flex: 0 0 auto;
- }
- .structuredList li > span, .structuredList li > label {
- padding: 0 10px;
- }
- .mediaManagerMediaUploadButton > .button {
- margin: 0;
- text-align: center;
- width: 100%;
- }
- .mediaManagerMediaUploadButton > .button > input {
- width: 100%;
- }
- .mediaManagerMediaList {
- font-size: 0;
- margin-top: 5px;
- }
- .mediaManagerMediaList::before, .mediaManagerMediaList::after {
- content: "";
- display: table;
- }
- .mediaManagerMediaList::after {
- clear: both;
- }
- .mediaManagerMediaList > li {
- border: 1px solid #eee;
- float: left;
- font-size: 1rem;
- margin: 0 10px 10px 0;
- overflow: hidden;
- position: relative;
- }
- .mediaManagerMediaList > li.jsMarked > .mediaInformation, .mediaManagerMediaList > li.jsMarked > .buttonGroupNavigation {
- background-color: rgba(33, 150, 243, 0.8);
- color: rgba(255, 255, 255, 1);
- }
- .mediaManagerMediaList > li.jsMarked > .mediaInformation a, .mediaManagerMediaList > li.jsMarked > .buttonGroupNavigation a {
- color: rgba(255, 255, 255, 1);
- }
- .mediaManagerMediaList > li.jsMarked > .mediaInformation .icon, .mediaManagerMediaList > li.jsMarked > .buttonGroupNavigation .icon {
- color: rgba(255, 255, 255, 1);
- text-shadow: none;
- }
- .mediaManagerMediaList > li.jsSelected > .mediaInformation, .mediaManagerMediaList > li.jsSelected > .buttonGroupNavigation {
- background-color: rgba(0, 128, 0, 0.8);
- color: white;
- }
- .mediaManagerMediaList > li.jsSelected > .mediaInformation a, .mediaManagerMediaList > li.jsSelected > .buttonGroupNavigation a {
- color: white;
- }
- .mediaManagerMediaList > li.jsSelected > .mediaInformation .icon, .mediaManagerMediaList > li.jsSelected > .buttonGroupNavigation .icon {
- color: white;
- text-shadow: none;
- }
- .mediaManagerMediaList > li.uploadFailed {
- cursor: pointer;
- }
- .mediaManagerMediaList > li.uploadFailed > .mediaInformation {
- background-color: rgba(242, 222, 222, 1);
- color: rgba(169, 68, 66, 1);
- }
- .mediaManagerMediaList > li > .mediaThumbnail {
- height: 144px;
- width: 144px;
- }
- .mediaManagerMediaList > li > .mediaInformation {
- background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
- bottom: 0;
- box-sizing: border-box;
- color: #fff;
- font-weight: 400;
- padding: 5px 10px;
- position: absolute;
- width: 100%;
- }
- @media (min-width: 769px) {
- .mediaManagerMediaList > li > .mediaInformation {
- font-size: 12px;
- }
- }
- @media (max-width: 768px) {
- .mediaManagerMediaList > li > .mediaInformation {
- font-size: 12px;
- }
- }
- .mediaManagerMediaList > li > .mediaInformation .mediaTitle {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .mediaManagerMediaList > li > .buttonGroupNavigation {
- background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
- overflow: hidden;
- position: absolute;
- right: 0;
- top: 0;
- }
- .mediaManagerMediaList > li > .buttonGroupNavigation .icon {
- color: #fff;
- text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8);
- }
- @media (max-width: 1024px) {
- .mediaManagerMediaList > li .buttonGroupNavigation.open {
- left: 0;
- z-index: 10;
- }
- .mediaManagerMediaList > li .buttonGroupNavigation.open > .buttonList {
- display: block;
- visibility: visible;
- }
- .mediaManagerMediaList > li .buttonGroupNavigation > .dropdownLabel {
- left: calc(100% - 24px);
- position: relative;
- }
- .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList {
- background-color: rgba(255, 255, 255, 1);
- border-radius: 2px;
- box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
- color: rgba(33, 33, 33, 1);
- display: none;
- min-width: 160px;
- padding: 3px 0;
- pointer-events: all;
- position: static !important;
- text-align: left;
- top: 0;
- visibility: hidden;
- z-index: 450;
- }
- .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList.dropdownMenuPageSearch {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- }
- .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList.dropdownOpen {
- display: block;
- visibility: visible;
- }
- .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li {
- display: block;
- }
- .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: rgba(238, 238, 238, 1);
- color: rgba(33, 33, 33, 1);
- }
- .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: rgba(33, 33, 33, 1);
- }
- .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li.dropdownDivider {
- border-top: 1px solid rgba(238, 238, 238, 1);
- margin: 3px 0;
- }
- .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li.dropdownText {
- font-weight: 400;
- padding: 5px 20px;
- }
- .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li.boxFlag {
- padding-top: 2px;
- }
- .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li.missingValue > span {
- padding-right: 40px;
- position: relative;
- }
- .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li.missingValue > span::after {
- color: rgba(169, 68, 66, 1);
- content: "";
- font-family: FontAwesome;
- position: absolute;
- right: 20px;
- top: 5px;
- }
- .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li > a, .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li > span {
- clear: both;
- cursor: pointer;
- display: block;
- max-width: 350px;
- overflow: hidden;
- overflow-wrap: normal;
- padding: 5px 20px;
- text-decoration: none;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li > a > div > h3, .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li > span > div > h3 {
- overflow: hidden;
- text-overflow: ellipsis;
- }
- .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li > a {
- color: rgba(33, 33, 33, 1);
- }
- .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li > a > small {
- display: block;
- }
- .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li > a + span.badge {
- display: none;
- }
- .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li > .box16 {
- align-items: center;
- cursor: pointer;
- min-height: 0;
- padding: 5px 10px;
- }
- .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li > label {
- display: block;
- }
- .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li .containerHeadline {
- margin-bottom: 0;
- }
- .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li .containerHeadline > p {
- font-weight: 400;
- }
- .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li .icon {
- color: inherit;
- }
- .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList .scrollableDropdownMenu {
- max-height: 300px;
- overflow: auto;
- }
- .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList .scrollableDropdownMenu.forceScrollbar {
- overflow-x: hidden;
- overflow-y: scroll;
- }
- .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList > li .invisible {
- display: inline;
- padding-left: 5px;
- }
- }
- @media (max-width: 1024px) and (min-width: 769px) {
- .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li.dropdownText {
- font-size: 12px;
- }
- }
- @media (max-width: 1024px) and (max-width: 768px) {
- .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li.dropdownText {
- font-size: 12px;
- }
- }
- @media (max-width: 1024px) and (min-width: 769px) {
- .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li .containerHeadline > p {
- font-size: 12px;
- }
- }
- @media (max-width: 1024px) and (max-width: 768px) {
- .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li .containerHeadline > p {
- font-size: 12px;
- }
- }
- @media (max-width: 1024px) and (max-width: 544px) {
- .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList {
- left: 0 !important;
- right: 0 !important;
- }
- }
- @media (max-width: 1024px) and (max-width: 1024px) {
- .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li {
- overflow: hidden;
- }
- .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li > a, .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li > span {
- max-width: none;
- white-space: normal;
- }
- }
- @media (max-width: 1024px) and (min-width: 769px) {
- .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList .dropdownMenu.pageHeaderSearchDropdown {
- transform: translateY(-10px);
- }
- }
- @media (min-width: 1025px) {
- .mediaManagerMediaList > li .buttonGroupNavigation {
- transition: opacity 0.12s ease 0s;
- }
- .mediaManagerMediaList > li .buttonGroupNavigation > .dropdownLabel {
- display: none;
- }
- }
- @media (min-width: 769px) {
- .mediaManagerMediaList > li > .buttonGroupNavigation {
- height: 0;
- }
- .mediaManagerMediaList > li:hover > .buttonGroupNavigation {
- height: auto;
- padding: 10px;
- }
- }
- @media (max-width: 1024px) {
- .mediaManagerMediaList > li > .buttonGroupNavigation .mediaCheckbox {
- display: none !important;
- }
- }
- [id^="mediaEditor"] .mediaThumbnail {
- margin-bottom: 20px;
- text-align: center;
- }
- [id^="mediaEditor"] .mediaThumbnail + .box48 > dl {
- font-size: 12px;
- }
- .menuOverlayMobile {
- background-color: rgba(50, 92, 132, 1);
- bottom: 0;
- display: none;
- overflow: hidden;
- position: absolute;
- top: 0;
- z-index: 320;
- }
- .menuOverlayMobile.open {
- display: block;
- }
- @media (min-width: 545px) {
- .menuOverlayMobile.open + .menuOverlayMobileBackdrop {
- display: block;
- }
- }
- .menuOverlayMobile.androidMenuTouchEnd {
- display: block;
- position: fixed;
- transition: transform 0.24s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
- }
- .menuOverlayMobile.androidMenuTouchEnd.pageMainMenuMobile:not(.open) {
- transform: translateX(-100vw);
- }
- .menuOverlayMobile.androidMenuTouchEnd.pageUserMenuMobile:not(.open) {
- transform: translateX(100vw);
- }
- @media (min-width: 545px) {
- .menuOverlayMobile.androidMenuTouchEnd.pageMainMenuMobile:not(.open) {
- transform: translateX(-350px);
- }
- .menuOverlayMobile.androidMenuTouchEnd.pageUserMenuMobile:not(.open) {
- transform: translateX(350px);
- }
- .menuOverlayMobile.androidMenuTouchEnd + .menuOverlayMobileBackdrop {
- transition: left 0.24s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, right 0.24s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
- }
- }
- .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: 0;
- content: "";
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- z-index: 500;
- }
- @media (max-width: 544px) {
- .menuOverlayMobile {
- left: 0;
- max-width: 100vw;
- right: 0;
- }
- .menuOverlayMobile .menuOverlayItemList {
- right: 0;
- }
- }
- @media (min-width: 545px) {
- .menuOverlayMobile {
- width: 350px;
- }
- .menuOverlayMobile.pageMainMenuMobile {
- left: 0;
- }
- .menuOverlayMobile.pageMainMenuMobile + .menuOverlayMobileBackdrop {
- box-shadow: 5px 0 10px -5px rgba(0, 0, 0, 0.6) inset;
- left: 350px;
- }
- .menuOverlayMobile.pageMainMenuMobile .menuOverlayItemList {
- left: 0;
- }
- .menuOverlayMobile.pageUserMenuMobile {
- right: 0;
- }
- .menuOverlayMobile.pageUserMenuMobile + .menuOverlayMobileBackdrop {
- box-shadow: -5px 0 10px -5px rgba(0, 0, 0, 0.6) inset;
- right: 350px;
- }
- .menuOverlayMobile.pageUserMenuMobile .menuOverlayItemList {
- right: 0;
- }
- }
- .menuOverlayMobileBackdrop {
- background-color: rgba(0, 0, 0, 0.4);
- bottom: 0;
- display: none;
- left: 0;
- position: fixed;
- right: 0;
- top: 0;
- z-index: 395;
- }
- .menuOverlayItemWrapper {
- display: flex;
- justify-content: flex-end;
- }
- .menuOverlayItemWrapper > .menuOverlayItemLink {
- flex: 1 1 auto;
- }
- .menuOverlayItemList {
- background-color: rgba(50, 92, 132, 1);
- bottom: 0;
- height: 100%;
- left: -1px;
- list-style-type: none;
- margin: 0;
- padding: 5px 0;
- position: absolute;
- top: 0;
- width: calc(100% + 1px);
- z-index: 450;
- }
- @media (min-width: 545px) {
- .menuOverlayItemList {
- width: 350px;
- }
- }
- .menuOverlayItemList:not(.activeList) {
- display: none;
- }
- .menuOverlayItemSpacer {
- margin-top: 25px;
- }
- .menuOverlayItemSpacer + .menuOverlayItemSpacer {
- display: none;
- }
- .menuOverlayItem {
- }
- .menuOverlayItem:not(:last-child) {
- margin-bottom: 1px;
- }
- .menuOverlayItem > .menuOverlayItemList {
- margin-left: 100%;
- z-index: 500;
- }
- .menuOverlayItemLink, .menuOverlayTitle, .menuOverlayBackLink {
- color: rgba(255, 255, 255, 1);
- display: block;
- font-size: 14px;
- padding: 10px 30px;
- position: relative;
- }
- .menuOverlayItemLink {
- align-items: center;
- background-color: rgba(43, 79, 113, 1);
- display: flex;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .menuOverlayItemLink .icon::before {
- color: #fff;
- }
- .menuOverlayItemLink:hover {
- color: rgba(255, 255, 255, 1);
- }
- .menuOverlayItemLink.menuOverlayItemBadge {
- align-items: center;
- display: flex;
- padding-right: 10px;
- }
- .menuOverlayItemLink.menuOverlayItemBadge:last-child {
- padding-right: 55px;
- }
- .menuOverlayItemLink.menuOverlayItemBadge > .menuOverlayItemTitle {
- flex: 1 1 auto;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- .menuOverlayItemLink.menuOverlayItemBadge > .badge {
- flex: 0 0 auto;
- }
- .menuOverlayItemLink.menuOverlayItemLinkMore::after {
- color: #fff;
- content: "";
- display: block;
- font-family: FontAwesome;
- font-size: 18px;
- position: absolute;
- right: 18px;
- top: 50%;
- transform: translateY(-50%);
- }
- html[dir="rtl"] .menuOverlayItemLink.menuOverlayItemLinkMore::after {
- content: "";
- }
- .pageUserMenuMobile .menuOverlayItemBadge:last-child {
- padding-right: 10px !important;
- }
- .menuOverlayItemLink.active, .menuOverlayItemLinkIcon.active {
- background-color: rgba(36, 66, 95, 1);
- }
- .menuOverlayTitle {
- color: rgba(255, 255, 255, 0.7);
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .menuOverlayTitle:not(:first-child) {
- margin-top: 10px;
- }
- .menuOverlayItemLinkIcon {
- background-color: rgba(43, 79, 113, 1);
- flex: 0 0 auto;
- height: 44px;
- margin-left: 1px;
- padding: 10px;
- width: 44px;
- }
- .menuOverlayItemLinkIcon > .icon::before {
- color: #fff;
- }
- .menuOverlayBackLink::before {
- color: rgba(255, 255, 255, 0.7);
- content: "";
- display: block;
- font-family: FontAwesome;
- font-size: 18px;
- left: 12px;
- position: absolute;
- top: 50%;
- transform: translateY(-50%);
- }
- .menuOverlayLogoWrapper {
- display: flex;
- flex: 1 1 auto;
- padding: 5px;
- }
- .menuOverlayLogoWrapper .menuOverlayLogo {
- background-position: center center;
- background-repeat: no-repeat;
- background-size: contain;
- flex: 1 1 auto;
- }
- @media (min-width: 769px) {
- .messageList:not(.messageReducedList) {
- border-top: 1px solid rgba(65, 121, 173, 1);
- }
- .messageList:not(.messageReducedList) > li {
- border-bottom: 1px solid rgba(65, 121, 173, 1);
- padding: 30px 0;
- }
- .messageList:not(.messageReducedList) > li.messageListPagination:last-child {
- border-bottom-width: 0;
- }
- }
- @media (max-width: 768px) {
- .messageList:not(.messageReducedList) .messageSidebar {
- border-top: 1px solid rgba(65, 121, 173, 1);
- }
- .messageList:not(.messageReducedList) > .messageListPagination {
- border-top: 1px solid rgba(65, 121, 173, 1);
- margin: 0 -10px;
- padding: 20px 10px;
- }
- }
- @media (min-width: 769px) {
- .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 (max-width: 768px) {
- .messageList > li:not(:last-child) {
- padding-bottom: 30px;
- }
- }
- .messageCheckboxLabel, .message .messageClipboardCheckbox, .messageGroupList .columnMark > label {
- cursor: pointer;
- display: block;
- position: relative;
- }
- .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: #009600;
- content: "";
- display: none;
- font-family: FontAwesome;
- position: absolute;
- }
- .messageCheckboxLabel > input[type="checkbox"], .message .messageClipboardCheckbox > input[type="checkbox"], .messageGroupList .columnMark > label > input[type="checkbox"] {
- display: none;
- }
- @media (min-width: 769px) {
- .message {
- display: flex;
- }
- }
- .message .messageClipboardCheckbox {
- height: 24px;
- width: 24px;
- }
- .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: rgba(236, 241, 247, 1);
- color: rgba(44, 62, 80, 1);
- position: relative;
- }
- @media (min-width: 769px) {
- .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);
- }
- }
- @media (max-width: 768px) {
- .messageSidebar {
- margin: 0 -10px;
- padding: 10px;
- }
- .messageSidebar .messageAuthor {
- flex: 0 0 auto;
- position: relative;
- }
- .messageSidebar .messageAuthor .userAvatar {
- display: block;
- margin: 0;
- 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: rgba(230, 81, 0, 1);
- }
- .messageSidebar a:hover {
- color: rgba(191, 54, 12, 1);
- }
- .messageSidebar .dataList {
- font-weight: 400;
- }
- @media (min-width: 769px) {
- .messageSidebar .dataList {
- font-size: 12px;
- }
- }
- @media (max-width: 768px) {
- .messageSidebar .dataList {
- font-size: 12px;
- }
- }
- .messageSidebar .userAvatar {
- display: inline-block;
- margin-bottom: 10px;
- position: relative;
- }
- .messageSidebar .userAvatar > a {
- display: inline-block;
- }
- .messageSidebar .username {
- display: inline-block;
- font-weight: 400;
- line-height: 1.28;
- }
- @media (min-width: 769px) {
- .messageSidebar .username {
- font-size: 18px;
- }
- }
- @media (max-width: 768px) {
- .messageSidebar .username {
- font-size: 18px;
- }
- }
- .messageSidebar .badgeOnline {
- left: 0;
- pointer-events: none;
- position: absolute;
- }
- @media (min-width: 769px) {
- .messageSidebar .badgeOnline {
- bottom: 0;
- }
- }
- @media (max-width: 768px) {
- .messageSidebar .badgeOnline {
- color: transparent;
- padding: 0;
- top: 0;
- width: 0;
- }
- .messageSidebar .badgeOnline::before {
- background-color: inherit;
- border: 1px solid rgba(255, 255, 255, 1);
- 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: 0;
- margin-top: -10px;
- position: absolute;
- right: 0;
- }
- @media (min-width: 769px) {
- .messageAuthorContainer:not(:last-child) {
- margin-bottom: 5px;
- }
- }
- .messageSidebarOrientationRight .messageContent {
- order: 1;
- }
- .messageSidebarOrientationRight .messageSidebar {
- order: 2;
- }
- .messageSidebarOrientationRight .messageSidebar + .messageContent {
- margin-left: 20px;
- margin-right: 30px;
- }
- @media (max-width: 768px) {
- .messageContent {
- position: relative;
- }
- }
- @media (min-width: 769px) {
- .messageContent {
- display: flex;
- flex: 1 1 0;
- flex-direction: column;
- }
- }
- .messageContent.loading {
- position: relative;
- }
- .messageContent.loading > .messageContentLoadingOverlay {
- align-items: center;
- background-color: rgba(250, 250, 250, 1);
- bottom: 0;
- display: flex;
- justify-content: center;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- }
- .messageContent.loading > .messageContentLoadingOverlay > .icon {
- flex: 0 0 auto;
- }
- .messageHeader {
- display: flex;
- justify-content: flex-end;
- }
- @media (min-width: 769px) {
- .messageHeader {
- flex: 0 0 auto;
- }
- }
- .messageHeader + .messageBody {
- margin-top: 20px;
- }
- .messageHeader > .messageQuickOptions {
- flex: 0 0 auto;
- }
- .messageHeader > .messageHeaderWrapper {
- align-items: center;
- flex: 1 1 auto;
- }
- .messageHeaderBox {
- align-items: center;
- display: flex;
- flex: 1 1 auto;
- flex-wrap: wrap;
- }
- .messageHeaderBox > .messageTitle {
- flex: 0 0 100%;
- }
- .messageHeaderBox > .messageHeaderMetaData, .messageHeaderBox > .messageStatus {
- flex: 0 0 auto;
- }
- .messageTitle {
- color: rgba(44, 62, 80, 1);
- }
- @media (min-width: 545px) {
- .messageTitle {
- font-weight: 400;
- line-height: 1.28;
- }
- }
- @media (min-width: 545px) and (min-width: 769px) {
- .messageTitle {
- font-size: 18px;
- }
- }
- @media (min-width: 545px) and (max-width: 768px) {
- .messageTitle {
- font-size: 18px;
- }
- }
- @media (max-width: 544px) {
- }
- @media (max-width: 544px) and (min-width: 769px) {
- .messageTitle {
- font-size: 14px;
- }
- }
- @media (max-width: 544px) and (max-width: 768px) {
- .messageTitle {
- font-size: 14px;
- }
- }
- .messageTitle a {
- color: rgba(44, 62, 80, 1);
- }
- .messageTitle a:hover {
- color: rgba(44, 62, 80, 1);
- }
- .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 (min-width: 769px) {
- .messageHeaderMetaData {
- font-size: 12px;
- }
- }
- @media (max-width: 768px) {
- .messageHeaderMetaData {
- font-size: 12px;
- }
- }
- .messageHeaderMetaData .messagePublicationTime {
- color: rgba(125, 130, 135, 1);
- }
- .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 (min-width: 769px) {
- .messageStatus {
- font-size: 12px;
- }
- }
- @media (max-width: 768px) {
- .messageStatus {
- font-size: 12px;
- }
- }
- @media (min-width: 769px) {
- .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 (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: 0;
- text-align: center;
- top: -2px;
- width: 24px;
- }
- .messageQuickOptions.active {
- opacity: 1;
- transition-delay: 0s;
- visibility: visible;
- }
- .messageQuickOptions > li {
- display: none;
- }
- }
- @media (min-width: 769px) {
- .messageBody {
- flex: 1 1 auto;
- }
- }
- .messageBody.editor {
- align-items: center;
- display: flex;
- justify-content: center;
- }
- .messageBody.editor > .icon {
- flex: 0 0 auto;
- }
- .messageBody.editor > .editorContainer {
- flex: 1 1 auto;
- }
- .messageBody > .messageText img {
- height: auto !important;
- max-width: 100%;
- }
- .messageBody > *:first-child {
- margin-top: 0;
- }
- @media (min-width: 769px) {
- .messageFooter {
- flex: 0 0 auto;
- }
- }
- .messageFooter .formSubmit {
- margin-top: 20px;
- }
- .messageFooterNote {
- border-left: 5px solid rgba(224, 224, 224, 1);
- color: rgba(125, 130, 135, 1);
- font-weight: 400;
- margin-top: 20px;
- padding: 5px 10px;
- }
- @media (min-width: 769px) {
- .messageFooterNote {
- font-size: 12px;
- }
- }
- @media (max-width: 768px) {
- .messageFooterNote {
- font-size: 12px;
- }
- }
- .messageFooterNote a {
- color: rgba(52, 73, 94, 1);
- }
- .messageFooterNote a:hover {
- color: rgba(52, 73, 94, 1);
- 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 (min-width: 769px) {
- .messageFooterGroup > .likesSummary {
- font-size: 12px;
- }
- }
- @media (max-width: 768px) {
- .messageFooterGroup > .likesSummary {
- font-size: 12px;
- }
- }
- @media (min-width: 769px) {
- .messageFooterGroup > .messageFooterButtons {
- flex: 1 1 auto;
- }
- }
- @media (max-width: 768px) {
- .messageFooterGroup > .messageFooterButtons:not(.open) {
- display: none;
- }
- .messageFooterGroup > .messageFooterButtons.buttonList.open {
- background-color: rgba(255, 255, 255, 1);
- border-radius: 2px;
- box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
- color: rgba(33, 33, 33, 1);
- display: block;
- min-width: 160px;
- padding: 3px 0;
- pointer-events: all;
- position: absolute;
- right: 10px;
- text-align: left;
- top: 10px;
- visibility: visible;
- z-index: 450;
- }
- .messageFooterGroup > .messageFooterButtons.buttonList.open.dropdownMenuPageSearch {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- }
- .messageFooterGroup > .messageFooterButtons.buttonList.open.dropdownOpen {
- display: block;
- visibility: visible;
- }
- .messageFooterGroup > .messageFooterButtons.buttonList.open li {
- display: block;
- }
- .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: rgba(238, 238, 238, 1);
- color: rgba(33, 33, 33, 1);
- }
- .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: rgba(33, 33, 33, 1);
- }
- .messageFooterGroup > .messageFooterButtons.buttonList.open li.dropdownDivider {
- border-top: 1px solid rgba(238, 238, 238, 1);
- margin: 3px 0;
- }
- .messageFooterGroup > .messageFooterButtons.buttonList.open li.dropdownText {
- font-weight: 400;
- padding: 5px 20px;
- }
- .messageFooterGroup > .messageFooterButtons.buttonList.open li.boxFlag {
- padding-top: 2px;
- }
- .messageFooterGroup > .messageFooterButtons.buttonList.open li.missingValue > span {
- padding-right: 40px;
- position: relative;
- }
- .messageFooterGroup > .messageFooterButtons.buttonList.open li.missingValue > span::after {
- color: rgba(169, 68, 66, 1);
- content: "";
- font-family: FontAwesome;
- position: absolute;
- right: 20px;
- top: 5px;
- }
- .messageFooterGroup > .messageFooterButtons.buttonList.open li > a, .messageFooterGroup > .messageFooterButtons.buttonList.open li > span {
- clear: both;
- cursor: pointer;
- display: block;
- max-width: 350px;
- overflow: hidden;
- overflow-wrap: normal;
- padding: 5px 20px;
- text-decoration: none;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .messageFooterGroup > .messageFooterButtons.buttonList.open li > a > div > h3, .messageFooterGroup > .messageFooterButtons.buttonList.open li > span > div > h3 {
- overflow: hidden;
- text-overflow: ellipsis;
- }
- .messageFooterGroup > .messageFooterButtons.buttonList.open li > a {
- color: rgba(33, 33, 33, 1);
- }
- .messageFooterGroup > .messageFooterButtons.buttonList.open li > a > small {
- display: block;
- }
- .messageFooterGroup > .messageFooterButtons.buttonList.open li > a + span.badge {
- display: none;
- }
- .messageFooterGroup > .messageFooterButtons.buttonList.open li > .box16 {
- align-items: center;
- cursor: pointer;
- min-height: 0;
- padding: 5px 10px;
- }
- .messageFooterGroup > .messageFooterButtons.buttonList.open li > label {
- display: block;
- }
- .messageFooterGroup > .messageFooterButtons.buttonList.open li .containerHeadline {
- margin-bottom: 0;
- }
- .messageFooterGroup > .messageFooterButtons.buttonList.open li .containerHeadline > p {
- font-weight: 400;
- }
- .messageFooterGroup > .messageFooterButtons.buttonList.open li .icon {
- color: inherit;
- }
- .messageFooterGroup > .messageFooterButtons.buttonList.open .scrollableDropdownMenu {
- max-height: 300px;
- overflow: auto;
- }
- .messageFooterGroup > .messageFooterButtons.buttonList.open .scrollableDropdownMenu.forceScrollbar {
- overflow-x: hidden;
- overflow-y: scroll;
- }
- .messageFooterGroup > .messageFooterButtons.buttonList.open .button {
- background-color: transparent;
- color: rgba(33, 33, 33, 1);
- }
- .messageFooterGroup > .messageFooterButtons.buttonList.open .button.active {
- background-color: rgba(238, 238, 238, 1);
- color: rgba(33, 33, 33, 1);
- }
- .messageFooterGroup > .messageFooterButtons.buttonList.open .button.active > a {
- color: rgba(33, 33, 33, 1);
- }
- .messageFooterGroup > .messageFooterButtons.buttonList.open .button > .invisible {
- display: inline;
- margin-left: 5px;
- }
- }
- @media (max-width: 768px) and (min-width: 769px) {
- .messageFooterGroup > .messageFooterButtons.buttonList.open li.dropdownText {
- font-size: 12px;
- }
- }
- @media (max-width: 768px) and (max-width: 768px) {
- .messageFooterGroup > .messageFooterButtons.buttonList.open li.dropdownText {
- font-size: 12px;
- }
- }
- @media (max-width: 768px) and (min-width: 769px) {
- .messageFooterGroup > .messageFooterButtons.buttonList.open li .containerHeadline > p {
- font-size: 12px;
- }
- }
- @media (max-width: 768px) and (max-width: 768px) {
- .messageFooterGroup > .messageFooterButtons.buttonList.open li .containerHeadline > p {
- font-size: 12px;
- }
- }
- @media (max-width: 768px) and (max-width: 544px) {
- .messageFooterGroup > .messageFooterButtons.buttonList.open {
- left: 0 !important;
- right: 0 !important;
- }
- }
- @media (max-width: 768px) and (max-width: 1024px) {
- .messageFooterGroup > .messageFooterButtons.buttonList.open li {
- overflow: hidden;
- }
- .messageFooterGroup > .messageFooterButtons.buttonList.open li > a, .messageFooterGroup > .messageFooterButtons.buttonList.open li > span {
- max-width: none;
- white-space: normal;
- }
- }
- @media (max-width: 768px) and (min-width: 769px) {
- .messageFooterGroup > .messageFooterButtons.buttonList.open .dropdownMenu.pageHeaderSearchDropdown {
- transform: translateY(-10px);
- }
- }
- @media (max-width: 768px) and (min-width: 769px) {
- .messageFooterGroup > .messageFooterButtons.buttonList.open .button {
- font-size: 14px;
- }
- }
- @media (max-width: 768px) and (max-width: 768px) {
- .messageFooterGroup > .messageFooterButtons.buttonList.open .button {
- font-size: 14px;
- }
- }
- .messageSignature img {
- max-height: 150px;
- }
- @media (max-width: 768px) {
- .messageSignature {
- display: none;
- }
- }
- @media (min-width: 769px) {
- .messageSignature {
- border-top: 1px solid rgba(224, 224, 224, 1);
- margin-top: 20px;
- opacity: 0.6;
- padding-top: 10px;
- transform: translateZ(0px);
- transition: opacity 0.12s linear 0s;
- }
- .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 (max-width: 768px) {
- .messageCollapsed {
- border-top: 1px solid rgba(224, 224, 224, 1);
- margin: 0 -10px;
- padding: 30px 10px 0;
- }
- }
- .messageReduced .messageHeader {
- background-color: rgba(236, 241, 247, 1);
- color: rgba(44, 62, 80, 1);
- }
- @media (max-width: 768px) {
- .messageReduced .messageHeader {
- margin: 0 -10px;
- padding: 10px;
- }
- }
- @media (min-width: 769px) {
- .messageReduced .messageHeader {
- padding: 10px 20px;
- }
- }
- @media (min-width: 769px) {
- .messageReduced .messageBody, .messageReduced .messageFooter {
- padding: 0 20px;
- }
- }
- .messageQuoteItemList {
- list-style-type: none !important;
- margin-left: 0 !important;
- }
- .messageQuoteItemList > li {
- display: flex;
- }
- .messageQuoteItemList > li > span {
- flex: 0 0 auto;
- margin-right: 10px;
- }
- .messageQuoteItemList > li > .jsQuote {
- flex: 1 1 auto;
- }
- .messageQuoteItemList > li > .jsFullQuote {
- display: none;
- }
- .messageTableOverflow {
- overflow: auto;
- }
- .editHistoryDiff > .sideBySide:first-child {
- margin-bottom: 20px;
- text-align: center;
- }
- .editHistoryDiff .sideBySide {
- display: flex;
- }
- .editHistoryDiff .sideBySide > div {
- flex: 0 0 50%;
- max-width: 50%;
- }
- .editHistoryDiff .sideBySide > div:first-child {
- padding-right: 10px;
- }
- .editHistoryDiff .sideBySide > div:last-child {
- padding-left: 10px;
- }
- @media (max-width: 768px) {
- .editHistoryVersionList .columnUser, .editHistoryVersionList .columnEditReason {
- display: none;
- }
- }
- .messageGroupList .tabularList .columnSubject {
- flex: 1 1 auto;
- }
- .messageGroupList .tabularList .columnStats {
- flex: 0 0 140px;
- text-align: center;
- }
- .messageGroupList .tabularList .columnLastPost {
- flex: 0 0 200px;
- }
- .messageGroupList .tabularList .tabularListRow:not(.tabularListRowHead) .columnStats {
- position: relative;
- }
- .messageGroupList .tabularList .tabularListRow:not(.tabularListRowHead) .columnStats > dl {
- visibility: hidden;
- }
- @media (min-width: 1025px) {
- .messageGroupList .tabularList .tabularListRow:hover:not(.tabularListRowHead) .columnStats > dl {
- visibility: visible;
- }
- .messageGroupList .tabularList .tabularListRow:hover:not(.tabularListRowHead) .columnStats .messageGroupListStatsSimple {
- display: none;
- }
- }
- .messageGroupList .columnMark > label {
- cursor: pointer;
- display: block;
- height: 24px;
- width: 24px;
- }
- .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, .messageGroupList .messageDisabled .columnAvatar {
- position: relative;
- }
- .messageGroupList .messageDeleted .columnAvatar::before, .messageGroupList .messageDisabled .columnAvatar::before {
- display: block;
- font-family: FontAwesome;
- position: absolute;
- }
- @media (min-width: 769px) {
- .messageGroupList .messageDeleted .columnAvatar::before, .messageGroupList .messageDisabled .columnAvatar::before {
- font-size: 42px;
- }
- }
- @media (max-width: 768px) {
- .messageGroupList .messageDeleted .columnAvatar::before, .messageGroupList .messageDisabled .columnAvatar::before {
- font-size: 28px;
- }
- }
- .messageGroupList .messageDeleted .columnAvatar > div, .messageGroupList .messageDisabled .columnAvatar > div {
- visibility: hidden;
- }
- .messageGroupList .messageDeleted .columnAvatar::before {
- color: #b40000;
- content: "";
- left: 17px;
- top: -2px;
- }
- @media (min-width: 769px) {
- .messageGroupList .messageDeleted .columnAvatar::before {
- left: 17px;
- top: -2px;
- }
- }
- @media (max-width: 768px) {
- .messageGroupList .messageDeleted .columnAvatar::before {
- left: 7px;
- top: -4px;
- }
- }
- .messageGroupList .messageDisabled .columnAvatar::before {
- color: #008c00;
- content: "";
- }
- @media (min-width: 769px) {
- .messageGroupList .messageDisabled .columnAvatar::before {
- left: 13px;
- top: -2px;
- }
- }
- @media (max-width: 768px) {
- .messageGroupList .messageDisabled .columnAvatar::before {
- left: 3px;
- top: -4px;
- }
- }
- .messageGroupList .columnAvatar div {
- height: 48px;
- position: relative;
- width: 48px;
- }
- .messageGroupList .columnAvatar .myAvatar {
- bottom: -2px;
- height: 24px;
- position: absolute;
- right: -6px;
- width: 24px;
- }
- .messageGroupList .columnAvatar .myAvatar > img {
- border: 1px solid rgba(250, 250, 250, 1);
- box-sizing: content-box;
- }
- .messageGroupList .columnSubject {
- overflow: hidden;
- }
- .messageGroupList .columnSubject > h3 > .messageGroupLink {
- font-weight: 400;
- line-height: 1.28;
- }
- @media (min-width: 769px) {
- .messageGroupList .columnSubject > h3 > .messageGroupLink {
- font-size: 18px;
- }
- }
- @media (max-width: 768px) {
- .messageGroupList .columnSubject > h3 > .messageGroupLink {
- font-size: 18px;
- }
- }
- .messageGroupList .columnSubject > h3 > .badge.label {
- top: -2px;
- }
- .messageGroupList .columnSubject > small {
- display: block;
- }
- .messageGroupList .columnSubject > .statusDisplay {
- display: flex;
- float: right;
- opacity: 0.75;
- transition: opacity 0.12s ease 0s;
- }
- .messageGroupList .columnSubject > .statusDisplay > .statusIcons {
- align-items: center;
- flex: 0 0 auto;
- }
- .messageGroupList .columnSubject > .statusDisplay > .statusIcons > li {
- align-items: center;
- display: flex;
- }
- .messageGroupList .columnSubject > .labelList {
- float: right;
- padding-left: 7px;
- }
- .messageGroupList .columnLastPost > .box32 {
- align-items: center;
- }
- .messageGroupList .columnLastPost time {
- color: rgba(125, 130, 135, 1);
- }
- .messageGroupList .columnLastPost a {
- display: block;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .messageGroupList .tabularListRow:hover .columnSubject > .statusDisplay, .messageGroupList tr:hover .columnSubject > .statusDisplay {
- opacity: 1;
- }
- .messageGroupList .tabularListRow:hover .columnSubject > .statusDisplay > .pagination, .messageGroupList tr:hover .columnSubject > .statusDisplay > .pagination {
- opacity: 1;
- }
- .messageGroupList .tabularListColumns.new .columnSubject > h3 > .messageGroupLink, .messageGroupList tr.new .columnSubject > h3 > .messageGroupLink {
- font-weight: bold;
- }
- .messageGroupList .pagination {
- flex: 0 0 auto;
- font-weight: 400;
- opacity: 0;
- transition: opacity 0.12s ease 0s;
- }
- @media (min-width: 769px) {
- .messageGroupList .pagination {
- font-size: 12px;
- }
- }
- @media (max-width: 768px) {
- .messageGroupList .pagination {
- font-size: 12px;
- }
- }
- .messageGroupList .pagination:not(:last-child) {
- margin-right: 5px;
- }
- @media (min-width: 769px) {
- .messageGroupList .messageGroupCounterMobile, .messageGroupList .messageGroupInfoMobile {
- display: none;
- }
- }
- @media (max-width: 768px) {
- .messageGroupList .tabularListColumns > .columnMark {
- display: none;
- }
- .messageGroupList .tabularListRowHead .columnMark, .messageGroupList .tabularListRowHead .columnStats {
- display: none;
- }
- .messageGroupList .tabularListRowHead .columnSubject {
- padding: 0;
- }
- .messageGroupList .tabularListRowHead .columnLastPost {
- flex-basis: auto;
- padding: 0;
- }
- .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns {
- flex-wrap: wrap;
- justify-content: flex-end;
- padding: 5px 0;
- }
- .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns > li {
- padding: 0;
- }
- .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnAvatar {
- margin-right: 10px;
- padding: 0;
- }
- .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: rgba(125, 130, 135, 1);
- 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: 0;
- }
- .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnStats, .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnLastPost {
- display: none;
- }
- }
- @media (max-width: 768px) and (min-width: 769px) {
- .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject > h3 > .messageGroupLink {
- font-size: 14px;
- }
- }
- @media (max-width: 768px) and (max-width: 768px) {
- .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject > h3 > .messageGroupLink {
- font-size: 14px;
- }
- }
- @media (max-width: 768px) and (min-width: 769px) {
- .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject .messageGroupInfoMobile {
- font-size: 12px;
- }
- }
- @media (max-width: 768px) and (max-width: 768px) {
- .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject .messageGroupInfoMobile {
- font-size: 12px;
- }
- }
- .messageGroupListStatsSimple {
- color: rgba(125, 130, 135, 1);
- font-size: 1rem;
- left: 50%;
- position: absolute;
- top: 50%;
- transform: translateX(-50%) translateY(-50%);
- }
- @media (max-width: 1024px) {
- .mobileLinkShadowContainer {
- position: relative;
- }
- .mobileLinkShadowContainer > .mobileLinkShadow {
- bottom: 0;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- }
- }
- @media (min-width: 1025px) {
- .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.messageDeleted > .contentHeaderIcon > img, .contentHeader.messageGroupContentHeader.messageDisabled > .contentHeaderIcon > img {
- visibility: hidden;
- }
- .contentHeader.messageGroupContentHeader.messageDeleted > .contentHeaderIcon::before {
- color: #b40000;
- content: "";
- left: 11px;
- top: -12px;
- }
- .contentHeader.messageGroupContentHeader.messageDisabled > .contentHeaderIcon::before {
- color: #008c00;
- content: "";
- left: 4px;
- top: -12px;
- }
- @keyframes wcfPageAction {
- 0% {
- opacity: 0;
- transform: translateY(-10px);
- visibility: visible;
- }
- 100% {
- opacity: 1;
- transform: translateY(0px);
- visibility: visible;
- }
- }
- @keyframes wcfPageActionOut {
- 0% {
- opacity: 1;
- transform: translateY(0px);
- visibility: visible;
- }
- 100% {
- opacity: 0;
- transform: translateY(-10px);
- visibility: hidden;
- }
- }
- @keyframes wcfPageActionRemove {
- 0% {
- opacity: 1;
- transform: translateY(0px);
- visibility: visible;
- }
- 60% {
- opacity: 0;
- transform: translateY(-10px);
- visibility: hidden;
- }
- 100% {
- max-width: 0;
- opacity: 0;
- transform: translateY(-10px);
- visibility: hidden;
- }
- }
- .pageAction {
- bottom: 10px;
- display: flex;
- flex-wrap: wrap;
- position: fixed;
- right: 10px;
- z-index: 400;
- }
- .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.remove {
- animation: 0.5s ease 0s normal forwards 1 running wcfPageActionRemove;
- }
- .pageAction > li.initiallyHidden {
- animation: 0s ease 0s normal none 0 running none;
- visibility: hidden;
- }
- .pageAction > li.toTop > a {
- padding: 2px;
- }
- @media (max-width: 544px) {
- .pageAction {
- flex-wrap: nowrap;
- left: 10px;
- }
- .pageAction > li {
- flex: 1 1 auto;
- overflow: hidden;
- }
- .pageAction > li > a {
- overflow: hidden;
- text-align: center;
- text-overflow: ellipsis;
- width: 100%;
- }
- }
- .pageOverlayActive .pageAction {
- display: none;
- }
- @media (max-width: 544px) {
- .redactorActive .pageAction {
- display: none !important;
- }
- }
- @media (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: rgba(44, 62, 80, 1);
- padding: 2px 8px 0;
- }
- .pagination > ul > li.disabled > span {
- color: rgba(125, 130, 135, 1);
- }
- .pagination > ul > li.active > a, .pagination > ul > li.active > span, .pagination > ul > li > a:hover {
- background-color: rgba(120, 144, 156, 1);
- color: rgba(255, 255, 255, 1);
- }
- .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;
- }
- .ps-container:hover > .ps-scrollbar-y-rail > .ps-scrollbar-y {
- background-color: rgba(102, 102, 102, 0.6);
- }
- .ps-container.ps-active-y > .ps-scrollbar-y-rail {
- display: block;
- }
- .ps-container > .ps-scrollbar-y-rail {
- background-color: rgba(102, 102, 102, 0);
- border-radius: 2px;
- bottom: 0;
- display: none;
- position: absolute;
- right: 2px;
- transition: background-color 0.24s linear 0s;
- width: 6px;
- }
- .ps-container > .ps-scrollbar-y-rail:hover {
- background-color: rgba(102, 102, 102, 0.3);
- }
- .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
- background-color: rgba(102, 102, 102, 0);
- border-radius: 2px;
- position: relative;
- transition: background-color 0.24s linear 0s;
- }
- .pollOptionContainer .pollOptionInput {
- align-items: center;
- display: inline-flex;
- margin: 5px 0;
- width: 100%;
- }
- .pollOptionContainer .pollOptionInput > .icon {
- flex: 0 0 auto;
- margin: 0 5px;
- }
- .pollOptionContainer .pollOptionInput > input {
- flex: 1 1 auto;
- margin-left: 5px;
- }
- .pollContainer {
- -moz-border-bottom-colors: none;
- -moz-border-left-colors: none;
- -moz-border-right-colors: none;
- -moz-border-top-colors: none;
- border-color: rgba(65, 121, 173, 1);
- border-image: none;
- border-style: solid;
- border-width: 1px 0;
- margin-bottom: 10px;
- min-width: 300px;
- padding: 10px 0;
- }
- @media (min-width: 545px) {
- .pollContainer {
- float: left;
- margin-right: 20px;
- max-width: 50%;
- }
- }
- .pollContainer h2 {
- font-weight: 400;
- line-height: 1.28;
- }
- @media (min-width: 769px) {
- .pollContainer h2 {
- font-size: 18px;
- }
- }
- @media (max-width: 768px) {
- .pollContainer h2 {
- font-size: 18px;
- }
- }
- .pollContainer .pollInnerContainer {
- margin-top: 30px;
- }
- .pollContainer .pollInnerContainer dd:not(:last-child) {
- margin-bottom: 5px;
- }
- .pollContainer .formSubmit {
- border-top: 1px solid rgba(224, 224, 224, 1);
- padding-top: 10px;
- }
- .pollContainer .pollResultItem {
- }
- .pollContainer .pollResultItem + .pollResultItem {
- margin-top: 20px;
- }
- .pollContainer .pollResultItem .pollResultItemCaption {
- align-items: flex-end;
- display: flex;
- }
- .pollContainer .pollResultItem .pollResultItemCaption > .pollOptionName {
- flex: 1 1 auto;
- }
- .pollContainer .pollResultItem .pollResultItemCaption > .pollOptionRelativeValue {
- color: #7d8287;
- flex: 0 0 50px;
- text-align: right;
- }
- .pollContainer .pollResultItem .pollMeter {
- background-color: rgba(224, 224, 224, 1);
- height: 5px;
- margin-top: 5px;
- }
- .pollContainer .pollResultItem .pollMeter > .pollMeterValue {
- background-color: rgba(65, 121, 173, 1);
- height: 100%;
- }
- @keyframes wcfPopover {
- 0% {
- opacity: 0;
- transform: translateY(-20px);
- visibility: visible;
- }
- 100% {
- opacity: 1;
- transform: translateY(0px);
- visibility: visible;
- }
- }
- @keyframes wcfPopoverOut {
- 0% {
- opacity: 1;
- transform: translateY(0px);
- visibility: visible;
- }
- 100% {
- opacity: 0;
- transform: translateY(-20px);
- visibility: hidden;
- }
- }
- .popover {
- animation: 0.3s ease 0s normal forwards 1 running wcfPopoverOut;
- background-color: rgba(250, 250, 250, 1);
- border-radius: 2px;
- box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
- position: absolute;
- top: 0;
- vertical-align: middle;
- visibility: hidden;
- width: 500px !important;
- z-index: 500;
- }
- .popover.active {
- animation: 0.3s ease 0s normal forwards 1 running wcfPopover;
- }
- .popover.forceHide {
- animation: 0s ease 0s normal none 0 running none;
- visibility: hidden;
- }
- .popover > .elementPointer {
- display: none;
- }
- @media (max-width: 768px) {
- .popover {
- display: none;
- }
- }
- .popoverContent {
- background-color: rgba(250, 250, 250, 1);
- border-radius: 3px;
- color: rgba(44, 62, 80, 1);
- padding: 15px;
- }
- .popoverContent > div {
- max-height: 290px;
- min-height: 36px;
- overflow: hidden;
- }
- .popoverContent a {
- color: rgba(230, 81, 0, 1);
- }
- .popoverContent a:hover {
- color: rgba(191, 54, 12, 1);
- }
- #recaptcha_response_field {
- margin-top: 20px;
- }
- .redactor-box {
- background-color: rgba(250, 250, 250, 1);
- position: relative;
- }
- .redactor-box:not(:first-child) {
- margin-top: 20px;
- }
- .redactor-box + .messageTabMenu {
- padding: 0;
- }
- .redactor-box + .innerError, .redactor-box > .innerError {
- border-radius: 0;
- box-shadow: none;
- display: block;
- margin-top: -1px;
- }
- .redactor-box > .innerError {
- margin: -1px;
- }
- .redactor-layer {
- -moz-border-bottom-colors: none;
- -moz-border-left-colors: none;
- -moz-border-right-colors: none;
- -moz-border-top-colors: none;
- border-color: rgba(224, 224, 224, 1);
- border-image: none;
- border-style: solid;
- border-width: 0 1px 1px;
- max-height: 500px;
- outline: medium none;
- overflow: auto;
- padding: 10px;
- position: relative;
- }
- .redactor-layer * {
- min-width: auto;
- }
- .redactor-layer.redactor-placeholder::after {
- color: rgba(125, 130, 135, 1);
- content: attr(placeholder);
- display: block;
- pointer-events: none;
- position: absolute;
- }
- .redactor-layer + textarea {
- border-width: 0;
- box-shadow: none;
- outline: medium none;
- padding: 10px;
- resize: vertical;
- }
- .redactor-layer + textarea:focus {
- box-shadow: none;
- }
- .redactor-layer > *:first-child:not(p) {
- margin-top: 10px !important;
- }
- .redactor-layer > *:last-child:not(p) {
- margin-bottom: 20px !important;
- }
- .redactor-layer > p:first-child {
- margin-top: 0;
- }
- .redactor-layer img {
- max-width: 100%;
- }
- .redactor-layer img:not(.smiley) {
- cursor: pointer;
- }
- .redactor-layer img[src^="data:image"] {
- display: none !important;
- }
- .redactor-layer table {
- border-collapse: collapse;
- line-height: 1.6em;
- }
- .redactor-layer table th {
- -moz-border-bottom-colors: none;
- -moz-border-left-colors: none;
- -moz-border-right-colors: none;
- -moz-border-top-colors: none;
- border-color: #ddd #ddd currentcolor;
- border-image: none;
- border-style: solid;
- border-width: 1px 1px 2px;
- }
- .redactor-layer table td {
- border: 1px solid #ddd;
- padding: 5px;
- vertical-align: top;
- }
- .redactor-layer table td::before {
- content: "";
- display: inline-block;
- }
- .redactor-dropdown > .dropdownMenu {
- display: block;
- position: relative;
- visibility: visible;
- }
- @media (min-width: 1025px) {
- .redactor-dropdown > .dropdownMenu {
- top: 1px;
- }
- }
- .redactor-dropdown > .dropdownMenu > li:hover {
- background-color: transparent !important;
- }
- .redactor-dropdown > .dropdownMenu a:hover {
- background-color: rgba(238, 238, 238, 1);
- }
- .redactor-dropdown .redactor-dropdown-link-inactive {
- cursor: default;
- opacity: 0.6;
- }
- .redactor-dropdown .redactor-dropdown-link-inactive > a:hover {
- background-color: rgba(255, 255, 255, 1) !important;
- color: rgba(33, 33, 33, 1) !important;
- cursor: default !important;
- }
- @media (max-width: 1024px) {
- .redactor-layer {
- font-size: 16px;
- max-height: 500px;
- }
- }
- .redactor-toolbar {
- background-color: rgba(58, 109, 156, 1);
- display: flex;
- flex-wrap: wrap;
- }
- .redactor-toolbar > li {
- flex: 0 0 auto;
- }
- .redactor-toolbar > li > a {
- color: rgba(255, 255, 255, 1);
- display: block;
- font-weight: 400;
- outline: medium none;
- padding: 10px;
- text-align: center;
- }
- @media (min-width: 769px) {
- .redactor-toolbar > li > a {
- font-size: 12px;
- }
- }
- @media (max-width: 768px) {
- .redactor-toolbar > li > a {
- font-size: 12px;
- }
- }
- .redactor-toolbar > li > a.redactor-button-disabled {
- background-color: transparent !important;
- color: rgba(165, 165, 165, 1) !important;
- cursor: default;
- pointer-events: none;
- }
- .redactor-toolbar > li > a.redactor-act, .redactor-toolbar > li > a.dropact {
- background-color: rgba(36, 66, 95, 1);
- color: rgba(255, 255, 255, 1);
- }
- .redactor-toolbar > li > a .icon {
- color: inherit;
- cursor: inherit !important;
- }
- .redactor-toolbar > li > a .icon.redactorButtonImage {
- background: rgba(0, 0, 0, 0) none no-repeat scroll center center / contain ;
- }
- @media (min-width: 1025px) {
- .redactor-toolbar > li > a:hover {
- background-color: rgba(36, 66, 95, 1);
- color: rgba(255, 255, 255, 1);
- }
- }
- @media (min-width: 545px) {
- .redactor-toolbar > li.redactor-toolbar-separator {
- margin-left: 11px;
- position: relative;
- }
- .redactor-toolbar > li.redactor-toolbar-separator::before {
- border-left: 1px solid rgba(255, 255, 255, 1);
- bottom: 7px;
- content: "";
- left: -6px;
- opacity: 0.6;
- position: absolute;
- top: 7px;
- }
- }
- @media (max-width: 544px) {
- .redactor-toolbar:not(.redactorToolbarOverride) > li[data-show-on-mobile="false"] {
- display: none;
- }
- .redactor-toolbar.redactorToolbarOverride > .redactor-toolbar-separator {
- position: relative;
- }
- .redactor-toolbar.redactorToolbarOverride > .redactor-toolbar-separator::before {
- border-left: 1px solid rgba(255, 255, 255, 1);
- bottom: 7px;
- content: "";
- left: 0;
- opacity: 0.6;
- position: absolute;
- top: 7px;
- }
- .redactor-toolbar .redactorToolbarToggle {
- position: relative;
- }
- .redactor-toolbar .redactorToolbarToggle::before {
- border-left: 1px solid rgba(255, 255, 255, 1);
- bottom: 7px;
- content: "";
- left: 0;
- opacity: 0.6;
- position: absolute;
- top: 7px;
- }
- }
- .redactor-toolbar-tooltip {
- opacity: 1;
- visibility: visible;
- }
- .redactorAttachmentContainer {
- -moz-border-bottom-colors: none;
- -moz-border-left-colors: none;
- -moz-border-right-colors: none;
- -moz-border-top-colors: none;
- background-color: rgba(255, 255, 255, 1);
- border-color: rgba(238, 238, 238, 1);
- border-image: none;
- border-style: solid;
- border-width: 0 1px 1px;
- padding: 7px 14px;
- }
- .redactor-dropdown-box-fontcolor {
- width: 200px;
- }
- .redactor-dropdown-box-fontcolor > li.redactorColorPallet {
- padding: 0 4px;
- }
- .redactor-dropdown-box-fontcolor > li.redactorColorPallet:hover {
- background-color: rgba(255, 255, 255, 1) !important;
- }
- .redactor-dropdown-box-fontcolor > li.redactorColorPallet > a {
- -moz-border-bottom-colors: none;
- -moz-border-left-colors: none;
- -moz-border-right-colors: none;
- -moz-border-top-colors: none;
- border-color: rgba(255, 255, 255, 1);
- border-image: none;
- border-style: solid;
- border-width: 2px 2px 0;
- display: inline-block;
- font-size: 0;
- height: 20px;
- margin: 0;
- padding: 0;
- width: 20px;
- }
- .redactorDropArea {
- align-items: center;
- background-color: rgba(217, 237, 247, 1);
- border: 5px dashed currentcolor;
- bottom: 0;
- color: rgba(49, 112, 143, 1);
- display: flex;
- font-weight: 300;
- justify-content: center;
- left: 0;
- line-height: 1.28;
- position: absolute;
- right: 0;
- z-index: 10;
- }
- @media (min-width: 769px) {
- .redactorDropArea {
- font-size: 23px;
- }
- }
- @media (max-width: 768px) {
- .redactorDropArea {
- font-size: 20px;
- }
- }
- .redactorDropArea::before {
- content: attr(data-drop-here);
- }
- .redactorDropArea.active {
- background-color: rgba(223, 240, 216, 1);
- color: rgba(60, 118, 61, 1);
- }
- .redactorDropArea.active::before {
- content: attr(data-drop-now);
- }
- .redactor-link-tooltip {
- background-color: rgba(0, 0, 0, 0.8);
- border-radius: 2px;
- box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
- color: rgba(255, 255, 255, 1);
- padding: 5px 10px 7px;
- position: absolute;
- z-index: 800;
- }
- .redactor-link-tooltip > a {
- color: rgba(255, 255, 255, 1);
- }
- .redactor-voice-label {
- display: none;
- }
- .redactor-dropdown-h2 {
- font-weight: 300;
- line-height: 1.28;
- }
- @media (min-width: 769px) {
- .redactor-dropdown-h2 {
- font-size: 23px;
- }
- }
- @media (max-width: 768px) {
- .redactor-dropdown-h2 {
- font-size: 20px;
- }
- }
- .redactor-dropdown-h3 {
- font-weight: 400;
- line-height: 1.28;
- }
- @media (min-width: 769px) {
- .redactor-dropdown-h3 {
- font-size: 18px;
- }
- }
- @media (max-width: 768px) {
- .redactor-dropdown-h3 {
- font-size: 18px;
- }
- }
- .text-center {
- text-align: center !important;
- }
- .text-right {
- text-align: right !important;
- }
- .text-justify {
- hyphens: auto;
- text-align: justify !important;
- }
- .redactor-dropdown-box-woltlabColor > ul {
- display: flex !important;
- flex-wrap: wrap;
- width: 272px;
- }
- .redactor-dropdown-box-woltlabColor > ul > .dropdownDivider, .redactor-dropdown-box-woltlabColor > ul > .dropdownDivider + li {
- flex: 0 0 100%;
- }
- .redactor-dropdown-box-woltlabColor .woltlab-color-selection {
- flex: 0 0 30px;
- margin: 2px;
- overflow: hidden;
- }
- .redactor-dropdown-box-woltlabColor .woltlab-color-selection > a {
- background-color: currentcolor !important;
- display: block;
- height: 30px;
- width: 30px;
- }
- .woltlab-size-8 {
- font-size: 8pt;
- }
- .woltlab-size-10 {
- font-size: 10pt;
- }
- .woltlab-size-12 {
- font-size: 12pt;
- }
- .woltlab-size-14 {
- font-size: 14pt;
- }
- .woltlab-size-18 {
- font-size: 18pt;
- }
- .woltlab-size-24 {
- font-size: 24pt;
- }
- .woltlab-size-36 {
- font-size: 36pt;
- }
- .messageFloatObjectLeft {
- float: left;
- margin: 0 20px 20px 0;
- }
- .messageFloatObjectRight {
- float: right;
- margin: 0 0 20px 20px;
- }
- .smiley[src$="_emojione.png"], .jsSmiley > img[src$="_emojione.png"] {
- max-height: 20px;
- }
- .smiley {
- margin: 0 1px;
- }
- @media (max-width: 1024px) {
- .jsSmiley {
- display: inline-block;
- padding: 10px;
- }
- }
- .wysiwygTextarea {
- background-color: transparent !important;
- border: 1px solid rgba(224, 224, 224, 1) !important;
- color: transparent !important;
- display: block;
- height: 238px;
- width: 100%;
- }
- .messageQuickReplyCollapsed {
- border-bottom-width: 0 !important;
- }
- @media (max-width: 768px) {
- .messageQuickReplyCollapsed {
- margin-left: -10px;
- margin-right: -10px;
- }
- }
- .messageQuickReplyCollapsed .messageSidebar {
- display: none;
- }
- .messageQuickReplyCollapsed .messageQuickReplyContent {
- background-color: rgba(236, 241, 247, 1);
- cursor: pointer;
- display: inline-block !important;
- margin: 0 !important;
- max-width: 100% !important;
- overflow: hidden;
- padding: 10px 20px;
- position: relative;
- width: 100% !important;
- }
- @media (min-width: 769px) {
- .messageQuickReplyCollapsed .messageQuickReplyContent {
- border-radius: 2px;
- }
- }
- .messageQuickReplyCollapsed .messageQuickReplyContent::before {
- color: rgba(44, 62, 80, 1);
- content: "";
- font-family: FontAwesome;
- font-size: 28px;
- height: 32px;
- line-height: 32px;
- margin-right: 10px;
- vertical-align: -5px;
- width: 32px;
- }
- .messageQuickReplyCollapsed .messageQuickReplyContent::after {
- color: rgba(44, 62, 80, 1);
- content: attr(data-placeholder);
- }
- @media (min-width: 545px) {
- .messageQuickReplyCollapsed .messageQuickReplyContent::after {
- font-weight: 300;
- line-height: 1.28;
- }
- }
- @media (min-width: 545px) and (min-width: 769px) {
- .messageQuickReplyCollapsed .messageQuickReplyContent::after {
- font-size: 23px;
- }
- }
- @media (min-width: 545px) and (max-width: 768px) {
- .messageQuickReplyCollapsed .messageQuickReplyContent::after {
- font-size: 20px;
- }
- }
- .messageQuickReplyCollapsed .messageQuickReplyContent > .messageBody {
- left: 200%;
- position: absolute;
- top: -100%;
- }
- .messageQuickReplyCollapsed .messageQuickReplyContent > .messageFooter {
- display: none;
- }
- .redactorAutosaveRestored {
- background-color: rgba(250, 250, 250, 1);
- border-top: 1px solid rgba(224, 224, 224, 1);
- bottom: 1px;
- display: flex;
- opacity: 0;
- position: absolute;
- right: 1px;
- transition: opacity 0.12s linear 0s, visibility 0s linear 0.12s;
- visibility: hidden;
- }
- .redactorAutosaveRestored.active {
- opacity: 1;
- transition-delay: 0s;
- visibility: visible;
- }
- .redactorAutosaveRestored > a {
- border-left: 1px solid rgba(224, 224, 224, 1);
- flex: 0 0 auto;
- padding: 10px;
- }
- .redactorAutosaveRestored > span {
- color: rgba(125, 130, 135, 1);
- flex: 1 1 auto;
- padding: 10px;
- }
- @media (min-width: 545px) {
- .redactorAutosaveRestored {
- border-left: 1px solid rgba(224, 224, 224, 1);
- border-top-left-radius: 2px;
- }
- .redactorAutosaveRestored > span {
- padding: 10px 20px;
- }
- }
- @media (max-width: 544px) {
- .redactorAutosaveRestored {
- left: 1px;
- }
- .redactorAutosaveRestored > span {
- text-align: center;
- }
- }
- .redactorBoxFullscreen {
- bottom: 0;
- left: 0;
- position: fixed;
- right: 0;
- top: 0;
- z-index: 310;
- }
- .redactorBoxFullscreen .redactor-layer {
- max-height: none !important;
- min-height: 0 !important;
- }
- .scrollableCheckboxList {
- background-color: rgba(241, 246, 251, 1);
- border: 1px solid rgba(176, 200, 224, 1);
- color: rgba(44, 62, 80, 1);
- max-height: 500px;
- max-width: 500px;
- overflow: auto;
- padding: 5px;
- }
- .scrollableCheckboxList li {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .itemListFilter {
- max-width: 500px;
- }
- .itemListFilter > .inputAddon {
- margin-top: 5px;
- }
- .highlight {
- background-color: rgba(255, 214, 30, 1);
- color: rgba(0, 0, 0, 1);
- padding: 0 2px;
- }
- .messageShareButtons .inlineList {
- margin-bottom: -5px;
- margin-right: -5px;
- }
- .messageShareButtons .inlineList > li {
- margin-bottom: 5px;
- }
- .messageShareButtons .button {
- align-items: center;
- display: flex;
- }
- @media (max-width: 768px) {
- .messageShareButtons .button > span:not(.icon) {
- display: none;
- }
- }
- @media (min-width: 769px) {
- .messageShareButtons .icon {
- margin-right: 3px;
- }
- }
- .messageShareButtons .jsShareFacebook {
- background-color: rgba(59, 89, 153, 1);
- color: rgba(255, 255, 255, 1);
- }
- .messageShareButtons .jsShareFacebook:hover {
- background-color: rgba(45, 68, 116, 1);
- color: rgba(255, 255, 255, 1);
- }
- .messageShareButtons .jsShareTwitter {
- background-color: #55acee;
- color: rgba(255, 255, 255, 1);
- }
- .messageShareButtons .jsShareTwitter:hover {
- background-color: #2795e9;
- color: rgba(255, 255, 255, 1);
- }
- .messageShareButtons .jsShareGoogle {
- background-color: rgba(220, 78, 65, 1);
- color: rgba(255, 255, 255, 1);
- }
- .messageShareButtons .jsShareGoogle:hover {
- background-color: rgba(198, 50, 36, 1);
- color: rgba(255, 255, 255, 1);
- }
- .messageShareButtons .jsShareReddit {
- background-color: rgba(255, 69, 0, 1);
- color: rgba(255, 255, 255, 1);
- }
- .messageShareButtons .jsShareReddit:hover {
- background-color: rgba(204, 55, 0, 1);
- color: rgba(255, 255, 255, 1);
- }
- .messageShareButtons .jsShareWhatsApp {
- background-color: #25d366;
- color: rgba(255, 255, 255, 1);
- }
- .messageShareButtons .jsShareWhatsApp:hover {
- background-color: #1da851;
- color: rgba(255, 255, 255, 1);
- }
- .messageShareButtons .jsShareLinkedIn {
- background-color: rgba(0, 122, 182, 1);
- color: rgba(255, 255, 255, 1);
- }
- .messageShareButtons .jsShareLinkedIn:hover {
- background-color: rgba(0, 88, 131, 1);
- color: rgba(255, 255, 255, 1);
- }
- .messageShareButtons .jsSharePinterest {
- background-color: rgba(189, 33, 37, 1);
- color: rgba(255, 255, 255, 1);
- }
- .messageShareButtons .jsSharePinterest:hover {
- background-color: rgba(146, 25, 28, 1);
- color: rgba(255, 255, 255, 1);
- }
- .messageShareButtons .jsShareXing {
- background-color: rgba(0, 101, 103, 1);
- color: rgba(255, 255, 255, 1);
- }
- .messageShareButtons .jsShareXing:hover {
- background-color: rgba(0, 51, 52, 1);
- color: rgba(255, 255, 255, 1);
- }
- .slideshowContainer {
- overflow: hidden;
- position: relative;
- }
- .slideshowContainer > ul:not(.slideshowButtonList) > li:not(:first-child) {
- display: none;
- }
- .slideshowContainer > .slideshowItemList {
- position: absolute;
- transition: left 0.8s ease-out 0s;
- }
- .slideshowContainer > .slideshowItemList > li.slideshowItem {
- display: block;
- float: left;
- overflow: hidden;
- position: absolute;
- top: 0;
- transform: translate3d(0px, 0px, 0px);
- }
- .slideshowContainer > .slideshowButtonList {
- position: absolute;
- right: 0;
- top: 0;
- }
- .slideshowContainer > .slideshowButtonList > li {
- display: inline-block;
- }
- .slideshowContainer > .slideshowButtonList > li > a > .icon {
- color: rgba(207, 216, 220, 1);
- }
- .slideshowContainer > .slideshowButtonList > li > a > .icon.active {
- color: rgba(33, 150, 243, 1);
- }
- .slideshowContainer > .slideshowButtonList > li:hover > a > .icon {
- color: rgba(26, 119, 201, 1);
- }
- .tabMenu > ul, .menu > ul {
- display: flex;
- flex-wrap: wrap;
- }
- .tabMenu > ul > li, .menu > ul > li {
- flex: 0 1 auto;
- }
- .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, .menu > ul > li {
- position: relative;
- }
- .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 rgba(230, 81, 0, 1);
- bottom: 0;
- content: "";
- left: 50%;
- position: absolute;
- width: 0;
- }
- .tabMenu > ul > li.active, .menu > ul > li.active {
- z-index: 60;
- }
- .tabMenu > ul > li.active::before, .menu > ul > li.active::before {
- left: 0;
- transition: left 0.12s linear 0s, width 0.12s linear 0s;
- width: 100%;
- }
- .tabMenu > ul > li.active > a, .menu > ul > li.active > a {
- cursor: default;
- }
- .tabMenu > ul > li > a, .menu > ul > li > a {
- display: block;
- padding: 5px 0;
- }
- @media (max-width: 768px) {
- .tabMenu, .menu {
- padding-left: 15px;
- padding-right: 15px;
- position: relative;
- }
- .tabMenu::before, .menu::before {
- display: none;
- }
- .tabMenu > ul, .menu > ul {
- flex-wrap: nowrap;
- overflow: auto;
- }
- .tabMenu > ul > li, .menu > ul > li {
- flex-shrink: 0;
- white-space: nowrap;
- }
- .tabMenu > ul.enableAnimation, .menu > ul.enableAnimation {
- transition: padding-left 0.24s linear 0s;
- }
- .tabMenu > ul.enableAnimation > li:first-child, .menu > ul.enableAnimation > li:first-child {
- transition: margin-left 0.24s linear 0s;
- }
- }
- @media (min-width: 769px) {
- .tabMenu > ul, .menu > ul {
- border-bottom: 1px solid rgba(224, 224, 224, 1);
- }
- .tabMenu > ul > li::before, .menu > ul > li::before {
- bottom: -1px;
- }
- }
- .tabMenu > ul > li > a {
- font-weight: 300;
- line-height: 1.28;
- }
- @media (min-width: 769px) {
- .tabMenu > ul > li > a {
- font-size: 23px;
- }
- }
- @media (max-width: 768px) {
- .tabMenu > ul > li > a {
- font-size: 20px;
- }
- }
- .menu {
- margin-top: 10px;
- }
- @media (min-width: 769px) {
- .menu > ul > li > a {
- font-weight: 400;
- line-height: 1.28;
- }
- }
- @media (min-width: 769px) and (min-width: 769px) {
- .menu > ul > li > a {
- font-size: 18px;
- }
- }
- @media (min-width: 769px) and (max-width: 768px) {
- .menu > ul > li > a {
- font-size: 18px;
- }
- }
- .menu + .tabMenuContent {
- margin-top: 20px;
- }
- .tabMenuOverlayLeft, .tabMenuOverlayRight {
- align-items: center;
- bottom: 0;
- display: flex;
- height: 100%;
- opacity: 0;
- position: absolute;
- top: 0;
- transition: opacity 0.24s linear 0s, visibility 0s linear 0.24s;
- visibility: hidden;
- width: 30px;
- z-index: 50;
- }
- .tabMenuOverlayLeft.active, .tabMenuOverlayRight.active {
- opacity: 1;
- transition-delay: 0s;
- visibility: visible;
- }
- .tabMenuOverlayLeft::before, .tabMenuOverlayRight::before {
- color: rgba(125, 130, 135, 1);
- }
- .tabMenuOverlayLeft {
- background: rgba(0, 0, 0, 0) linear-gradient(to left, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 1) 50%) repeat scroll 0 0;
- left: 0;
- }
- .tabMenuOverlayRight {
- background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 1) 50%) repeat scroll 0 0;
- justify-content: flex-end;
- right: 0;
- }
- .tabMenuContent.hidden {
- display: none;
- }
- .tabMenuContent > .containerList:first-child > li:first-child {
- border-top-width: 0;
- }
- .messageTabMenu > .messageTabMenuContent {
- display: none;
- }
- .messageTabMenu > .messageTabMenuContent.active {
- background-color: rgba(250, 250, 250, 1);
- display: block;
- margin-top: 0;
- }
- .messageTabMenu:not(.messageTabMenuContent) > .messageTabMenuContent.active {
- -moz-border-bottom-colors: none;
- -moz-border-left-colors: none;
- -moz-border-right-colors: none;
- -moz-border-top-colors: none;
- border-color: rgba(224, 224, 224, 1);
- border-image: none;
- border-style: solid;
- border-width: 0 1px 1px;
- padding: 20px;
- }
- .messageTabMenu.messageTabMenuContent > nav {
- border-bottom: 1px solid rgba(224, 224, 224, 1);
- margin: -20px -20px 20px;
- padding: 5px 20px;
- }
- .messageTabMenu.messageTabMenuContent > nav > ul {
- display: flex;
- flex-wrap: wrap;
- }
- .messageTabMenu.messageTabMenuContent > nav > ul > li {
- flex: 0 1 auto;
- }
- .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 {
- outline: 0 none;
- }
- .messageTabMenu.messageTabMenuContent > nav > ul > li:not(:last-child) {
- margin-right: 20px;
- }
- .messageTabMenu.messageTabMenuContent > nav > ul > li.active > a {
- color: rgba(191, 54, 12, 1);
- }
- .messageTabMenu.messageTabMenuContent > nav > ul > li > a {
- -moz-user-select: none;
- display: block;
- font-weight: 400;
- outline: 0 none;
- }
- @media (min-width: 769px) {
- .messageTabMenu.messageTabMenuContent > nav > ul > li > a {
- font-size: 12px;
- }
- }
- @media (max-width: 768px) {
- .messageTabMenu.messageTabMenuContent > nav > ul > li > a {
- font-size: 12px;
- }
- }
- .messageTabMenu + .innerError {
- margin-top: -1px;
- width: 100%;
- }
- .messageTabMenuNavigation > ul {
- -moz-border-bottom-colors: none;
- -moz-border-left-colors: none;
- -moz-border-right-colors: none;
- -moz-border-top-colors: none;
- background-color: rgba(250, 250, 250, 1);
- border-color: rgba(224, 224, 224, 1);
- border-image: none;
- border-style: solid;
- border-width: 0 1px 1px;
- display: flex;
- flex-wrap: wrap;
- }
- .messageTabMenuNavigation > ul > li {
- flex: 0 1 auto;
- }
- .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 {
- border-right: 1px solid rgba(224, 224, 224, 1);
- }
- .messageTabMenuNavigation > ul > li:not(:last-child) {
- margin-right: 0;
- }
- .messageTabMenuNavigation > ul > li.active > a {
- color: rgba(191, 54, 12, 1);
- position: relative;
- }
- .messageTabMenuNavigation > ul > li.active > a::after {
- border-bottom: 1px solid rgba(250, 250, 250, 1);
- bottom: -1px;
- content: "";
- display: block;
- left: 0;
- position: absolute;
- right: 0;
- }
- .messageTabMenuNavigation > ul > li > a {
- -moz-user-select: none;
- display: block;
- padding: 10px 20px;
- }
- @media (min-width: 769px) {
- .messageTabMenuNavigation > ul > li > a > .icon {
- display: none;
- }
- }
- @media (max-width: 768px) {
- .messageTabMenuNavigation > ul > li > a > .icon {
- display: block;
- }
- .messageTabMenuNavigation > ul > li > a > span:not(.icon) {
- display: none;
- }
- }
- .messageTabMenuNavigation > span {
- display: none;
- }
- @-moz-document url-prefix("") {
- fieldset + .messageTabMenu {
- margin-top: -3px;
- }
- }
- .uploadButton {
- overflow: hidden;
- position: relative;
- }
- .uploadButton > input {
- bottom: 0;
- left: 0;
- opacity: 0;
- position: absolute;
- top: 0;
- }
- tr.sortableNode {
- cursor: move;
- }
- .tabularList {
- border-bottom: 1px solid rgba(65, 121, 173, 1);
- display: flex;
- flex-direction: column;
- }
- .tabularListRow {
- flex: 0 0 auto;
- padding: 5px 0;
- transition: background-color 0.12s ease 0s;
- }
- .tabularListRow.divider + li:not(.divider) {
- border-top-color: rgba(65, 121, 173, 1);
- }
- .tabularListRow:hover:not(.tabularListRowHead) {
- background-color: rgba(242, 242, 242, 1);
- }
- .tabularListRowHead {
- border-bottom: 2px solid currentcolor;
- color: rgba(65, 121, 173, 1);
- }
- .tabularListRowHead + li {
- border-top-width: 0 !important;
- }
- .tabularListRow:not(.tabularListRowHead) {
- border-top: 1px solid rgba(224, 224, 224, 1);
- }
- .tabularListColumns {
- align-items: center;
- display: flex;
- }
- .tabularListColumns > li {
- flex: 0 0 auto;
- padding: 5px 10px;
- }
- .tabularListRowHead > .tabularListColumns > li {
- color: rgba(65, 121, 173, 1);
- font-weight: 400;
- line-height: 1.28;
- }
- @media (min-width: 769px) {
- .tabularListRowHead > .tabularListColumns > li {
- font-size: 18px;
- }
- }
- @media (max-width: 768px) {
- .tabularListRowHead > .tabularListColumns > li {
- font-size: 18px;
- }
- }
- .tabularListRowHead > .tabularListColumns > li > a {
- color: rgba(65, 121, 173, 1);
- display: block;
- }
- .tabularListRowHead > .tabularListColumns > li.ASC > a, .tabularListRowHead > .tabularListColumns > li.DESC > a {
- padding-right: 18px;
- position: relative;
- }
- .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;
- }
- .tabularListRowHead > .tabularListColumns > li.active > a, .tabularListRowHead > .tabularListColumns > li > a:hover {
- color: rgba(230, 81, 0, 1);
- }
- .tabularBox {
- overflow: auto;
- }
- .tabularBoxTitle > header {
- border-bottom: 1px solid currentcolor;
- color: rgba(65, 121, 173, 1);
- padding: 10px 0;
- }
- .tabularBoxTitle > header > h1, .tabularBoxTitle > header > h2, .tabularBoxTitle > header > h3 {
- font-weight: 400;
- line-height: 1.28;
- }
- @media (min-width: 769px) {
- .tabularBoxTitle > header > h1, .tabularBoxTitle > header > h2, .tabularBoxTitle > header > h3 {
- font-size: 18px;
- }
- }
- @media (max-width: 768px) {
- .tabularBoxTitle > header > h1, .tabularBoxTitle > header > h2, .tabularBoxTitle > header > h3 {
- font-size: 18px;
- }
- }
- .tabularBoxTitle > header > h1 + small, .tabularBoxTitle > header > h2 + small, .tabularBoxTitle > header > h3 + small {
- display: block;
- }
- .tabularBoxTitle > header > h1 .badge, .tabularBoxTitle > header > h2 .badge, .tabularBoxTitle > header > h3 .badge {
- top: -2px;
- }
- .tabularBoxTitle > header a, .tabularBoxTitle > header .icon {
- color: rgba(65, 121, 173, 1);
- }
- .tabularBoxTitle > header a:hover, .tabularBoxTitle > header .icon:hover {
- color: rgba(230, 81, 0, 1);
- }
- .tabularBoxTitle > header .collapsibleButton {
- cursor: pointer;
- transition: transform 0.12s linear 0s;
- }
- .htmlContent table, .messageBody > .messageText table, .messageSignature > div table, .redactor-layer table, .table {
- border-bottom: 1px solid rgba(65, 121, 173, 1);
- border-spacing: 0;
- width: 100%;
- }
- .htmlContent table td, .messageBody > .messageText table td, .messageSignature > div table td, .redactor-layer table td, .table td, .htmlContent table th, .messageBody > .messageText table th, .messageSignature > div table th, .redactor-layer table th, .table th {
- padding: 10px;
- text-align: left;
- vertical-align: middle;
- }
- .htmlContent table td > label, .messageBody > .messageText table td > label, .messageSignature > div table td > label, .redactor-layer table td > label, .table td > label, .htmlContent table th > label, .messageBody > .messageText table th > label, .messageSignature > div table th > label, .redactor-layer table th > label, .table th > label {
- cursor: pointer;
- display: block;
- }
- .htmlContent table th, .messageBody > .messageText table th, .messageSignature > div table th, .redactor-layer table th, .table th {
- border-bottom: 2px solid currentcolor;
- color: rgba(65, 121, 173, 1);
- font-weight: 400;
- line-height: 1.28;
- text-align: left;
- white-space: nowrap;
- }
- @media (min-width: 769px) {
- .htmlContent table th, .messageBody > .messageText table th, .messageSignature > div table th, .redactor-layer table th, .table th {
- font-size: 18px;
- }
- }
- @media (max-width: 768px) {
- .htmlContent table th, .messageBody > .messageText table th, .messageSignature > div table th, .redactor-layer table th, .table th {
- font-size: 18px;
- }
- }
- .htmlContent table th > a, .messageBody > .messageText table th > a, .messageSignature > div table th > a, .redactor-layer table th > a, .table th > a {
- color: rgba(65, 121, 173, 1);
- display: block;
- }
- .htmlContent table th.active > a, .messageBody > .messageText table th.active > a, .messageSignature > div table th.active > a, .redactor-layer table th.active > a, .table th.active > a, .htmlContent table th > a:hover, .messageBody > .messageText table th > a:hover, .messageSignature > div table th > a:hover, .redactor-layer table th > a:hover, .table th > a:hover {
- color: rgba(230, 81, 0, 1);
- }
- .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: "";
- }
- .htmlContent table th.columnMark, .messageBody > .messageText table th.columnMark, .messageSignature > div table th.columnMark, .redactor-layer table th.columnMark, .table th.columnMark, .htmlContent table th.columnStatus, .messageBody > .messageText table th.columnStatus, .messageSignature > div table th.columnStatus, .redactor-layer table th.columnStatus, .table th.columnStatus {
- text-align: center;
- }
- .htmlContent table th.columnDate, .messageBody > .messageText table th.columnDate, .messageSignature > div table th.columnDate, .redactor-layer table th.columnDate, .table th.columnDate, .htmlContent table th.columnDigits, .messageBody > .messageText table th.columnDigits, .messageSignature > div table th.columnDigits, .redactor-layer table th.columnDigits, .table th.columnDigits, .htmlContent table th.columnID, .messageBody > .messageText table th.columnID, .messageSignature > div table th.columnID, .redactor-layer table th.columnID, .table th.columnID {
- text-align: right;
- }
- .htmlContent table td.columnMark, .messageBody > .messageText table td.columnMark, .messageSignature > div table td.columnMark, .redactor-layer table td.columnMark, .table td.columnMark, .htmlContent table td.columnStatus, .messageBody > .messageText table td.columnStatus, .messageSignature > div table td.columnStatus, .redactor-layer table td.columnStatus, .table td.columnStatus {
- overflow-wrap: normal;
- text-align: center;
- white-space: nowrap;
- width: 1px;
- }
- .htmlContent table td.columnDigits, .messageBody > .messageText table td.columnDigits, .messageSignature > div table td.columnDigits, .redactor-layer table td.columnDigits, .table td.columnDigits, .htmlContent table td.columnID, .messageBody > .messageText table td.columnID, .messageSignature > div table td.columnID, .redactor-layer table td.columnID, .table td.columnID {
- overflow-wrap: normal;
- text-align: right;
- white-space: nowrap;
- width: 1px;
- }
- .htmlContent table td.columnIcon, .messageBody > .messageText table td.columnIcon, .messageSignature > div table td.columnIcon, .redactor-layer table td.columnIcon, .table td.columnIcon {
- overflow-wrap: normal;
- text-align: left;
- white-space: nowrap;
- width: 1px;
- }
- .htmlContent table td.columnTitle, .messageBody > .messageText table td.columnTitle, .messageSignature > div table td.columnTitle, .redactor-layer table td.columnTitle, .table td.columnTitle {
- font-weight: bold;
- text-align: left;
- }
- .htmlContent table td.columnText, .messageBody > .messageText table td.columnText, .messageSignature > div table td.columnText, .redactor-layer table td.columnText, .table td.columnText {
- font-weight: normal;
- max-width: 20%;
- text-align: left;
- }
- .htmlContent table td.columnDate, .messageBody > .messageText table td.columnDate, .messageSignature > div table td.columnDate, .redactor-layer table td.columnDate, .table td.columnDate {
- font-weight: 400;
- overflow-wrap: normal;
- text-align: right;
- white-space: nowrap;
- width: 1px;
- }
- @media (min-width: 769px) {
- .htmlContent table td.columnDate, .messageBody > .messageText table td.columnDate, .messageSignature > div table td.columnDate, .redactor-layer table td.columnDate, .table td.columnDate {
- font-size: 12px;
- }
- }
- @media (max-width: 768px) {
- .htmlContent table td.columnDate, .messageBody > .messageText table td.columnDate, .messageSignature > div table td.columnDate, .redactor-layer table td.columnDate, .table td.columnDate {
- font-size: 12px;
- }
- }
- .htmlContent table td.columnURL, .messageBody > .messageText table td.columnURL, .messageSignature > div table td.columnURL, .redactor-layer table td.columnURL, .table td.columnURL, .htmlContent table td.columnSmallText, .messageBody > .messageText table td.columnSmallText, .messageSignature > div table td.columnSmallText, .redactor-layer table td.columnSmallText, .table td.columnSmallText {
- font-weight: 400;
- text-align: left;
- }
- @media (min-width: 769px) {
- .htmlContent table td.columnURL, .messageBody > .messageText table td.columnURL, .messageSignature > div table td.columnURL, .redactor-layer table td.columnURL, .table td.columnURL, .htmlContent table td.columnSmallText, .messageBody > .messageText table td.columnSmallText, .messageSignature > div table td.columnSmallText, .redactor-layer table td.columnSmallText, .table td.columnSmallText {
- font-size: 12px;
- }
- }
- @media (max-width: 768px) {
- .htmlContent table td.columnURL, .messageBody > .messageText table td.columnURL, .messageSignature > div table td.columnURL, .redactor-layer table td.columnURL, .table td.columnURL, .htmlContent table td.columnSmallText, .messageBody > .messageText table td.columnSmallText, .messageSignature > div table td.columnSmallText, .redactor-layer table td.columnSmallText, .table td.columnSmallText {
- font-size: 12px;
- }
- }
- .htmlContent table tr:hover > td, .messageBody > .messageText table tr:hover > td, .messageSignature > div table tr:hover > td, .redactor-layer table tr:hover > td, .table tr:hover > td {
- background-color: #f2f2f2;
- }
- .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 rgba(224, 224, 224, 1);
- }
- .htmlContent table .statusDisplay, .messageBody > .messageText table .statusDisplay, .messageSignature > div table .statusDisplay, .redactor-layer table .statusDisplay, .table .statusDisplay {
- float: right;
- }
- .htmlContent table .statusDisplay .statusIcons, .messageBody > .messageText table .statusDisplay .statusIcons, .messageSignature > div table .statusDisplay .statusIcons, .redactor-layer table .statusDisplay .statusIcons, .table .statusDisplay .statusIcons {
- float: right;
- margin-left: 5px;
- }
- .htmlContent table .statusDisplay .statusIcons li, .messageBody > .messageText table .statusDisplay .statusIcons li, .messageSignature > div table .statusDisplay .statusIcons li, .redactor-layer table .statusDisplay .statusIcons li, .table .statusDisplay .statusIcons li {
- display: inline-block;
- }
- .htmlContent table tbody:first-child > tr:first-child > td, .messageBody > .messageText table tbody:first-child > tr:first-child > td, .messageSignature > div table tbody:first-child > tr:first-child > td, .redactor-layer table tbody:first-child > tr:first-child > td, .table tbody:first-child > tr:first-child > td {
- border-top: 1px solid rgba(65, 121, 173, 1);
- }
- .balloonTooltip, .redactor-toolbar-tooltip {
- background-color: rgba(0, 0, 0, 0.8);
- border-radius: 2px;
- box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
- color: rgba(255, 255, 255, 1);
- font-weight: 400;
- left: 0;
- max-width: 300px;
- padding: 5px 10px;
- pointer-events: none;
- position: absolute;
- top: 0;
- transition: visibility 0s linear 0.12s;
- visibility: hidden;
- z-index: 800;
- }
- @media (min-width: 769px) {
- .balloonTooltip, .redactor-toolbar-tooltip {
- font-size: 12px;
- }
- }
- @media (max-width: 768px) {
- .balloonTooltip, .redactor-toolbar-tooltip {
- font-size: 12px;
- }
- }
- .balloonTooltip > .elementPointer, .redactor-toolbar-tooltip > .elementPointer {
- display: none;
- }
- .balloonTooltip.active, .redactor-toolbar-tooltip.active {
- transition-delay: 0s;
- visibility: visible;
- }
- .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 rgba(255, 255, 255, 1);
- margin-left: 10px;
- padding-left: 10px;
- }
- .ignoredUserContent {
- filter: grayscale(100%) !important;
- }
- .ignoredUserContent:not(:hover) {
- opacity: 0.5 !important;
- }
- .ignoredUserMessage {
- background-color: rgba(217, 237, 247, 1) !important;
- border-left: 5px solid rgba(188, 223, 241, 1) !important;
- color: rgba(49, 112, 143, 1) !important;
- cursor: pointer !important;
- }
- .ignoredUserMessage::before {
- content: attr(data-ignored-user-message);
- }
- @media (min-width: 769px) {
- .ignoredUserMessage::before {
- padding: 10px 20px;
- }
- }
- @media (max-width: 768px) {
- .ignoredUserMessage::before {
- padding: 10px;
- }
- }
- .ignoredUserMessage > * {
- display: none;
- }
- .loginForm > form .userLoginButtons {
- margin-top: 20px;
- text-align: center;
- }
- .loginForm > form .thirdPartyLogin {
- flex: 0 0 100%;
- }
- .loginForm > form .thirdPartyLogin + .thirdPartyLogin {
- margin-top: 10px;
- }
- .loginForm > form .thirdPartyLogin .thirdPartyLoginButton {
- border-width: 0;
- color: rgba(255, 255, 255, 1);
- display: flex;
- }
- .loginForm > form .thirdPartyLogin .thirdPartyLoginButton > .icon {
- flex: 0 0 24px;
- }
- .loginForm > form .thirdPartyLogin .thirdPartyLoginButton > span:not(.icon) {
- flex: 1 1 auto;
- margin-left: 5px;
- }
- .loginForm > form .thirdPartyLogin .thirdPartyLoginButton.googleLoginButton {
- background-color: #dd4b39;
- }
- .loginForm > form .thirdPartyLogin .thirdPartyLoginButton.googleLoginButton:hover {
- background-color: #ca3523;
- }
- .loginForm > form .thirdPartyLogin .thirdPartyLoginButton.facebookLoginButton {
- background-color: #3b5998;
- }
- .loginForm > form .thirdPartyLogin .thirdPartyLoginButton.facebookLoginButton:hover {
- background-color: #30487b;
- }
- .loginForm > form .thirdPartyLogin .thirdPartyLoginButton.twitterLoginButton {
- background-color: #55acee;
- }
- .loginForm > form .thirdPartyLogin .thirdPartyLoginButton.twitterLoginButton:hover {
- background-color: #309aea;
- }
- .loginForm > form .thirdPartyLogin .thirdPartyLoginButton.githubLoginButton {
- background-color: #444;
- }
- .loginForm > form .thirdPartyLogin .thirdPartyLoginButton.githubLoginButton:hover {
- background-color: #303030;
- }
- @media (min-width: 769px) {
- .loginForm:not(.loginFormLoginOnly) > form {
- -moz-column-count: 2;
- -moz-column-gap: 40px;
- }
- .loginForm:not(.loginFormLoginOnly) > form > .section {
- margin-top: 0;
- overflow: hidden;
- page-break-inside: avoid;
- }
- .loginForm:not(.loginFormLoginOnly) > form > .section.loginFormLogin {
- page-break-after: always;
- }
- .loginForm:not(.loginFormLoginOnly) > form > .section.loginFormRegister {
- margin-top: 0;
- }
- .loginForm:not(.loginFormLoginOnly) > form > .section.loginFormRegister + .loginFormThirdPartyLogin {
- margin-top: 30px;
- }
- }
- @media (min-width: 769px) {
- .contentHeader ~ .loginForm {
- margin-top: 30px;
- }
- .dialogContent .loginForm:not(.loginFormLoginOnly) .section {
- width: 300px;
- }
- }
- .userProfileUser .contentHeaderIcon {
- position: relative;
- }
- .userProfileUser .contentHeaderIcon a {
- display: block;
- }
- .userProfileUser .contentHeaderIcon .badgeOnline {
- left: 0;
- pointer-events: none;
- position: absolute;
- }
- @media (min-width: 769px) {
- .userProfileUser .contentHeaderIcon .badgeOnline {
- bottom: 0;
- }
- }
- @media (max-width: 768px) {
- .userProfileUser .contentHeaderIcon .badgeOnline {
- color: transparent;
- padding: 0;
- top: 0;
- width: 0;
- }
- .userProfileUser .contentHeaderIcon .badgeOnline::before {
- background-color: inherit;
- border: 1px solid rgba(255, 255, 255, 1);
- border-radius: 50%;
- content: "";
- height: 16px;
- left: 34px;
- position: absolute;
- width: 16px;
- }
- }
- .userProfileUser .contentHeaderIcon a {
- display: block;
- }
- .userProfileUser .contentHeaderDescription {
- margin-top: 20px;
- }
- @media (min-width: 545px) and (max-width: 1024px) {
- .userProfileUser .contentHeaderNavigation .button .invisible {
- display: inline;
- }
- }
- @media (max-width: 768px) {
- .userProfileUser {
- display: flex;
- flex-wrap: wrap;
- }
- .userProfileUser .contentHeaderIcon {
- display: block;
- flex: 0 0 48px;
- margin-right: 10px;
- }
- .userProfileUser .contentHeaderIcon img {
- height: 48px !important;
- width: 48px !important;
- }
- .userProfileUser .contentHeaderTitle {
- flex: 0 0 calc(100% - 58px);
- max-width: calc(100% - 58px);
- }
- .userProfileUser .contentHeaderNavigation {
- flex: 0 0 100%;
- }
- }
- @media (max-width: 544px) {
- .userProfileUser .contentHeaderNavigation .userProfileButtonContainer {
- display: flex;
- }
- .userProfileUser .contentHeaderNavigation .userProfileButtonContainer > li {
- flex: 1 1 auto;
- margin-top: 0 !important;
- }
- .userProfileUser .contentHeaderNavigation .userProfileButtonContainer > li:not(:last-child) {
- margin-right: 1px;
- }
- .userProfileUser .contentHeaderNavigation .userProfileButtonContainer > li .invisible {
- display: none !important;
- }
- }
- @media (min-width: 769px) {
- .userProfileUser .contentHeaderIcon {
- flex: 0 0 128px;
- margin-right: 20px;
- }
- }
- .userTitleBadge {
- max-width: 154px;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- .userAvatarImage {
- background-color: #fff;
- border-radius: 50%;
- }
- .userAvatarList {
- display: flex;
- flex-wrap: wrap;
- margin-bottom: -10px;
- }
- .userAvatarList > li {
- flex: 0 0 48px;
- margin-bottom: 10px;
- text-align: center;
- }
- .userAvatarList > li:not(:last-child) {
- margin-right: -12px;
- }
- .userAvatarList > li > a {
- display: block;
- }
- .userAvatarList > li > a > img {
- border: 2px solid #fff;
- }
- .userAvatarList.small > li {
- flex: 0 0 24px;
- }
- .userAvatarList.small > li:not(:last-child) {
- margin-right: -6px;
- }
- .userAvatarList.small > li > a > img {
- border: 1px solid #fff;
- }
- .userList .box48 {
- align-items: center;
- }
- .userProfilePreview {
- position: relative;
- }
- .userProfilePreview .userInformation {
- padding-bottom: 16px;
- }
- .userProfilePreview .buttonGroupNavigation {
- bottom: 0;
- position: absolute;
- right: 0;
- }
- .userProfilePreview dl.inlineDataList {
- font-weight: 400;
- margin-top: 10px;
- }
- @media (min-width: 769px) {
- .userProfilePreview dl.inlineDataList {
- font-size: 12px;
- }
- }
- @media (max-width: 768px) {
- .userProfilePreview dl.inlineDataList {
- font-size: 12px;
- }
- }
- .userNotificationItemList > .notificationItem.notificationUnconfirmed {
- align-items: center;
- display: flex;
- }
- .userNotificationItemList > .notificationItem.notificationUnconfirmed > .box32 {
- flex: 1 1 auto;
- }
- .userNotificationItemList > .notificationItem.notificationUnconfirmed > .notificationItemMarkAsConfirmed {
- flex: 0 0 auto;
- }
- .conversationLeft .userLink, .conversationLeft.userLink, .conversationLeft p > span {
- text-decoration: line-through;
- }
- .sidebar .box.conversationQuota .boxContent {
- text-align: center;
- }
- .conversationUsageBar {
- background-color: rgba(165, 223, 65, 1);
- height: 5px;
- }
- .conversationUsageBar > span {
- background-color: rgba(76, 169, 22, 1);
- color: transparent;
- display: block;
- height: 100%;
- }
- .conversationUsageBar.yellow {
- background-color: rgba(254, 207, 35, 1);
- }
- .conversationUsageBar.yellow > span {
- background-color: rgba(253, 146, 21, 1);
- }
- .conversationUsageBar.red {
- background-color: rgba(255, 205, 210, 1);
- }
- .conversationUsageBar.red > span {
- background-color: rgba(244, 67, 54, 1);
- }
- .conversationItem .conversationInfo {
- display: flex;
- }
- .conversationItem .conversationParticipant {
- flex: 1 1 auto;
- }
- .conversationItem .conversationLastPostTime {
- flex: 0 0 auto;
- margin-left: 10px;
- }
- .wbbBoardList {
- }
- .wbbBoardList > li.wbbCategory:not(:last-child) {
- margin-bottom: 20px;
- }
- .wbbBoardList > li.wbbBoardContainer:first-child {
- border-top: 1px solid rgba(224, 224, 224, 1);
- }
- .wbbBoardList .wbbBoardContainer {
- border-bottom: 1px solid rgba(224, 224, 224, 1);
- }
- .wbbBoardList .wbbBoard {
- align-items: center;
- display: flex;
- padding: 10px 0;
- }
- .wbbBoardList .wbbBoard:hover {
- background-color: rgba(242, 242, 242, 1);
- }
- @media (min-width: 1025px) {
- .wbbBoardList .wbbBoard:hover .messageGroupListStatsSimple {
- display: none;
- }
- .wbbBoardList .wbbBoard:hover .wbbStats > dl {
- visibility: visible;
- }
- }
- @media (min-width: 769px) {
- .wbbBoardList .wbbBoard > .icon {
- flex: 0 0 auto;
- height: auto;
- margin-left: 26px;
- margin-right: 10px;
- }
- }
- @media (max-width: 768px) {
- .wbbBoardList .wbbBoard > .icon {
- display: none;
- }
- }
- .wbbBoardList .wbbBoard + ul {
- border-top: 1px solid rgba(224, 224, 224, 1);
- }
- .wbbBoardList .wbbBoard + ul > li:last-child {
- border-bottom-width: 0;
- }
- @media (max-width: 768px) {
- .wbbBoardList .wbbBoard {
- flex-wrap: wrap;
- }
- .wbbBoardList .wbbBoard .messageGroupListStatsSimple {
- display: none;
- }
- }
- .wbbBoardList .wbbBoardMain {
- overflow: hidden;
- }
- .wbbBoardList .wbbBoardMain .badgeUpdateMobile {
- display: none;
- }
- @media (min-width: 769px) {
- .wbbBoardList .wbbBoardMain {
- flex: 1 1 auto;
- margin-right: 20px;
- }
- }
- @media (max-width: 768px) {
- .wbbBoardList .wbbBoardMain {
- flex: 0 0 100%;
- }
- .wbbBoardList .wbbBoardMain h3 {
- align-items: center;
- display: flex;
- overflow: hidden;
- white-space: nowrap;
- }
- .wbbBoardList .wbbBoardMain h3::after {
- color: rgba(125, 130, 135, 1);
- content: "";
- flex: 0 0 18px;
- font-family: FontAwesome;
- font-size: 28px;
- line-height: 32px;
- margin-left: 10px;
- position: relative;
- text-align: right;
- top: -1px;
- }
- .wbbBoardList .wbbBoardMain h3 > a {
- flex: 1 1 auto;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- .wbbBoardList .wbbBoardMain h3 > .badge {
- flex: 0 0 auto;
- margin-left: 10px;
- }
- .wbbBoardList .wbbBoardMain .badgeUpdate:not(.badgeUpdateMobile) {
- display: none;
- }
- .wbbBoardList .wbbBoardMain .badgeUpdateMobile {
- display: inline-block;
- }
- }
- @media (max-width: 768px) {
- .wbbBoardList .wbbExternalLink .wbbBoardMain h3::after {
- content: "";
- font-size: 18px;
- top: 3px;
- }
- }
- @media (min-width: 769px) {
- .wbbBoardList .wbbBoardDescription {
- color: rgba(125, 130, 135, 1);
- }
- }
- @media (max-width: 768px) {
- .wbbBoardList .wbbBoardDescription {
- display: none;
- }
- }
- .wbbBoardList .wbbCollapsibleCategory h2 {
- align-items: center;
- display: flex;
- }
- .wbbBoardList .wbbCollapsibleCategory h2 > .collapsibleButton {
- flex: 0 0 auto;
- margin-right: 10px;
- }
- .wbbBoardList .wbbCollapsibleCategory h2 > a {
- flex: 1 1 auto;
- overflow: hidden;
- }
- @media (min-width: 769px) {
- .wbbBoardList .wbbCollapsibleCategory h2 + small {
- color: rgba(125, 130, 135, 1);
- margin-left: 26px;
- }
- }
- @media (max-width: 768px) {
- .wbbBoardList .wbbCollapsibleCategory h2 + small {
- display: none;
- }
- }
- .wbbBoardList .wbbCollapsibleCategory.jsCollapsed h2 > .collapsibleButton {
- transform: rotate(-90deg);
- }
- @media (min-width: 769px) {
- .wbbBoardList .wbbSubBoards {
- margin-top: 5px;
- }
- .wbbBoardList .wbbSubBoards > li {
- align-items: center;
- }
- }
- @media (max-width: 768px) {
- .wbbBoardList .wbbSubBoards {
- display: none;
- }
- }
- .wbbBoardList .wbbStats {
- position: relative;
- }
- @media (min-width: 769px) {
- .wbbBoardList .wbbStats {
- flex: 0 0 16%;
- margin-right: 34%;
- }
- .wbbBoardList .wbbStats + .wbbLastPost {
- margin-left: -34%;
- }
- .wbbBoardList .wbbStats > dl {
- visibility: hidden;
- }
- }
- @media (max-width: 768px) {
- .wbbBoardList .wbbStats {
- display: none;
- }
- }
- .wbbBoardList .wbbLastPost {
- overflow: hidden;
- }
- @media (min-width: 769px) {
- .wbbBoardList .wbbLastPost {
- flex: 0 0 34%;
- padding-right: 20px;
- }
- }
- @media (max-width: 768px) {
- .wbbBoardList .wbbLastPost {
- flex: 0 0 100%;
- }
- }
- .wbbBoardList .wbbLastPost > .box32 {
- align-items: center;
- }
- .wbbBoardList .wbbLastPost > .box32 > div > p {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- @media (max-width: 768px) {
- .wbbBoardList .wbbLastPost > .box32 > a {
- display: none;
- }
- .wbbBoardList .wbbLastPost > .box32 > div {
- align-items: center;
- display: flex;
- }
- .wbbBoardList .wbbLastPost > .box32 > div > p {
- flex: 1 1 auto;
- }
- .wbbBoardList .wbbLastPost > .box32 > div > p > a {
- color: rgba(125, 130, 135, 1);
- font-weight: 400;
- }
- .wbbBoardList .wbbLastPost > .box32 > div > small {
- color: rgba(125, 130, 135, 1);
- flex: 0 0 auto;
- margin-left: 10px;
- }
- .wbbBoardList .wbbLastPost > .box32 > div > small > a, .wbbBoardList .wbbLastPost > .box32 > div > small > .wbbLastPostAuthor {
- display: none;
- }
- .wbbBoardList .wbbLastPost > .box32 > div > small > .separatorLeft::before {
- display: none;
- }
- }
- @media (max-width: 768px) and (min-width: 769px) {
- .wbbBoardList .wbbLastPost > .box32 > div > p > a {
- font-size: 12px;
- }
- }
- @media (max-width: 768px) and (max-width: 768px) {
- .wbbBoardList .wbbLastPost > .box32 > div > p > a {
- font-size: 12px;
- }
- }
- .wbbBoardList .wbbDepth2.wbbBoardContainer > .wbbBoard > .icon {
- margin-left: 68px;
- }
- .wbbBoardList .wbbDepth2.wbbCategory > header {
- padding-left: 26px;
- }
- .wbbBoardList .wbbDepth3.wbbBoardContainer > .wbbBoard > .icon {
- margin-left: 110px;
- }
- .wbbBoardList .wbbDepth3.wbbCategory > header {
- padding-left: 68px;
- }
- .wbbBoardList .wbbCategory .wbbDepth2.wbbBoardContainer > .wbbBoard > .icon {
- margin-left: 26px;
- }
- .wbbBoardList .wbbCategory .wbbDepth3.wbbBoardContainer > .wbbBoard > .icon {
- margin-left: 68px;
- }
- @media (min-width: 769px) {
- .wbbBoardList .wbbExternalLinkTarget {
- display: none;
- }
- }
- @media (max-width: 768px) {
- .wbbBoardList .wbbExternalLinkTarget {
- color: rgba(125, 130, 135, 1);
- font-weight: 400;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- }
- @media (max-width: 768px) and (min-width: 769px) {
- .wbbBoardList .wbbExternalLinkTarget {
- font-size: 12px;
- }
- }
- @media (max-width: 768px) and (max-width: 768px) {
- .wbbBoardList .wbbExternalLinkTarget {
- font-size: 12px;
- }
- }
- @media (max-width: 768px) {
- .wbbBoardList .wbbUsersOnline {
- display: none;
- }
- }
- .wbbBoardListReduced {
- margin-top: 0;
- }
- .wbbBoardListReduced .wbbBoardContainer .wbbDepth2 > div {
- padding-left: 20px;
- }
- .wbbBoardListReduced .wbbBoardContainer .wbbDepth3 > div {
- padding-left: 40px;
- }
- .wbbBoardListReduced .wbbCategory .wbbDepth2 > div {
- padding-left: 0;
- }
- .wbbBoardListReduced .wbbCategory .wbbDepth3 > div {
- padding-left: 20px;
- }
- .wbbAnnouncementIcon, .wbbStickyIcon, .wbbMovedIcon {
- border-radius: 50%;
- position: absolute;
- }
- @media (min-width: 769px) {
- .wbbAnnouncementIcon, .wbbStickyIcon, .wbbMovedIcon {
- border: 1px solid rgba(250, 250, 250, 1);
- box-sizing: content-box;
- padding: 4px;
- right: -8px;
- top: -2px;
- }
- }
- @media (max-width: 768px) {
- .wbbAnnouncementIcon, .wbbStickyIcon, .wbbMovedIcon {
- font-size: 18px;
- height: 32px;
- line-height: 32px;
- top: 0;
- width: 32px;
- }
- }
- .wbbAnnouncementIcon {
- background-color: rgba(204, 0, 1, 1);
- color: rgba(255, 255, 255, 1);
- }
- .wbbStickyIcon, .wbbMovedIcon {
- background-color: rgba(44, 62, 80, 1);
- color: rgba(250, 250, 250, 1);
- }
- .wbbMovedIcon::before {
- left: 1px;
- position: relative;
- }
- @media (min-width: 1025px) {
- .contentHeader.wbbThread > .contentHeaderIcon .wbbAnnouncementIcon, .contentHeader.wbbThread > .contentHeaderIcon .wbbStickyIcon {
- right: -4px;
- }
- }
- .wbbPost.wbbPostDeleted.messageCollapsedExpandable {
- cursor: pointer;
- }
- .wbbPost.wbbPostDeleted.messageCollapsedExpandable .messageHeaderWrapper > *:first-child {
- pointer-events: none;
- position: relative;
- }
- .wbbPost.wbbPostDeleted.messageCollapsedExpandable .messageHeaderWrapper > *:first-child::before {
- color: #b40000;
- content: "";
- display: block;
- font-family: FontAwesome;
- font-size: 42px;
- left: 13px;
- position: absolute;
- top: -8px;
- }
- .wbbPost.wbbPostDeleted.messageCollapsedExpandable .messageHeaderWrapper > *:first-child > img {
- visibility: hidden;
- }
- .wbbPostDeleteNote {
- border-left-color: rgba(235, 204, 204, 1);
- }
- .wbbPostDisabledNote, .wbbPostDelayedNote {
- border-left-color: rgba(208, 233, 198, 1);
- }
- .wbbMorePostsNotice > .info {
- margin-top: 0;
- }
- .wbbInlineSimilarThreadList {
- margin-top: 20px;
- }
- .wbbAdLocationIn1stPost {
- float: left;
- margin-bottom: 10px;
- margin-right: 15px;
- }
- .wbbAdLocationPostList, .wbbAdLocationBoardList {
- text-align: center;
- }
- .wbbAdLocationPostList > div, .wbbAdLocationBoardList > div {
- display: inline-block;
- text-align: left;
- }
- #postMergeContainer .sortableList {
- list-style-type: none;
- }
- #postMergeContainer .sortableNode:not(:last-child) {
- border-bottom-width: 0;
- margin-bottom: 30px;
- }
- #shoutbox {
- background-color: rgba(236, 241, 247, 1);
- color: rgba(44, 62, 80, 1);
- overflow: hidden;
- padding: 10px;
- position: relative;
- }
- #shoutbox .shoutboxContent {
- overflow: auto;
- }
- #shoutbox > div {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- }
- #shoutbox > div > ul {
- overflow: hidden;
- }
- #shoutbox > div > ul > li {
- overflow: hidden;
- padding: 0 2px 0 0;
- transition-duration: 0.1s;
- transition-property: background-color;
- transition-timing-function: linear;
- }
- #shoutbox > div > ul > li:hover {
- background-color: rgba(222, 230, 241, 1);
- }
- #shoutbox .shoutboxOptions {
- bottom: 0;
- position: absolute;
- right: 0;
- }
- #shoutbox .shoutboxEntry {
- position: relative;
- }
- #shoutbox .shoutboxEntry > .userAvatar {
- float: left;
- margin: 4px 6px 4px 4px;
- }
- #shoutbox .shoutboxEntry time, #shoutbox .shoutboxEntry .shoutboxOptions {
- opacity: 0;
- transition-duration: 0.1s;
- transition-property: opacity;
- transition-timing-function: linear;
- }
- #shoutbox .shoutboxEntry:hover time, #shoutbox .shoutboxEntry:hover .shoutboxOptions {
- opacity: 1;
- }
- #shoutbox #shoutboxMessage {
- margin-top: 10px;
- padding: 10px;
- width: 100%;
- }
- #shoutbox .shoutboxContent {
- height: 200px;
- }
- #shoutbox .shoutboxContent.fadeOut::after {
- content: "";
- height: 40px;
- left: 0;
- position: absolute;
- width: calc(100% - 27px);
- }
- #shoutbox .shoutboxContent.asc::after {
- background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(236, 241, 247, 0) 0%, rgba(236, 241, 247, 1) 100%) repeat scroll 0 0;
- top: calc(200px - 20px);
- }
- #shoutbox .shoutboxContent.desc::after {
- background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(236, 241, 247, 1) 0%, rgba(236, 241, 247, 0) 100%) repeat scroll 0 0;
- top: 5px;
- }
- #shoutbox.noForm .shoutboxContent.fadeOut::after {
- bottom: 0;
- }
- #shoutbox.sidebar .shoutboxContent {
- height: 250px;
- }
- #shoutbox.sidebar .shoutboxContent.asc::after {
- top: calc(250px - 20px);
- }
- #shoutbox.sidebar #submitLink span {
- display: none;
- }
- #shoutbox.sidebar #submitLink::after {
- content: "";
- font-family: FontAwesome;
- }
- #shoutbox #shoutboxEntryAddForm {
- position: relative;
- }
- #shoutbox #shoutboxEntryAddForm .shoutboxExtend {
- opacity: 0;
- position: absolute;
- right: 5px;
- top: 2px;
- transition-duration: 0.1s;
- transition-property: opacity;
- transition-timing-function: linear;
- }
- #shoutbox #shoutboxEntryAddForm .shoutboxExtend .shoutboxButton {
- border-radius: 0;
- height: 38px;
- line-height: 38px;
- margin: 10px -3px -3px;
- padding: 0 13px;
- }
- #shoutbox #shoutboxEntryAddForm:hover .shoutboxExtend {
- opacity: 1;
- }
- #shoutbox #smilies {
- padding: 10px 5px 0;
- }
- .shoutboxBoxContent:hover header .shoutboxHeadlineOptions, .shoutboxBoard:hover header .shoutboxHeadlineOptions {
- opacity: 1;
- }
- .shoutboxBoxContent header, .shoutboxBoard header {
- position: relative;
- }
- .shoutboxBoxContent header .shoutboxHeadlineOptions, .shoutboxBoard header .shoutboxHeadlineOptions {
- opacity: 0;
- position: absolute;
- right: 6px;
- top: 8px;
- transition-duration: 0.1s;
- transition-property: opacity;
- transition-timing-function: linear;
- }
- .shoutboxBoxContent header .shoutboxHeadlineOptions a, .shoutboxBoard header .shoutboxHeadlineOptions a {
- display: inline-block;
- margin-left: 3px;
- }
- @media only screen and (max-width: 800px) {
- #shoutbox .shoutboxContent.desc::after, #shoutbox .shoutboxContent.asc::after {
- display: none;
- }
- #shoutbox #shoutboxEntryAddForm .shoutboxExtend {
- opacity: 1;
- }
- #submitLink span {
- display: none;
- }
- #submitLink::after {
- content: "";
- font-family: FontAwesome;
- }
- }
- @media (min-width: 1025px) {
- .resizeExternalImages, .jsResizeImage {
- max-height: 500px !important;
- max-width: 500px !important;
- }
- }
- @media (max-width: 1024px) {
- .resizeExternalImages, .jsResizeImage {
- max-height: 300px !important;
- max-width: 300px !important;
- }
- }
- @media (min-width: 1025px) {
- .messageBody > .messageText > p > a.resizeAttachmentImages > img, .attachmentThumbnailList a.resizeAttachmentImages > div > .attachmentThumbnailImage {
- max-height: 500px !important;
- max-width: 500px !important;
- }
- }
- @media (max-width: 1024px) {
- .messageBody > .messageText > p > a.resizeAttachmentImages > img, .attachmentThumbnailList a.resizeAttachmentImages > div > .attachmentThumbnailImage {
- max-height: 300px !important;
- max-width: 300px !important;
- }
- }
- @media (min-width: 1025px) {
- .messageBody > .messageText > div:not(.galleryImageSeries) > a > img[src*="userImages"], .messageBody > .messageText > p > span.mediaBBCode img {
- max-height: 500px !important;
- max-width: 500px !important;
- }
- }
- @media (max-width: 1024px) {
- .messageBody > .messageText > div:not(.galleryImageSeries) > a > img[src*="userImages"], .messageBody > .messageText > p > span.mediaBBCode img {
- max-height: 300px !important;
- max-width: 300px !important;
- }
- }
- .externalLinkMessage {
- display: table;
- height: 80px;
- left: 50%;
- margin-left: -250px;
- position: absolute;
- top: 50%;
- width: 500px;
- }
- .externalLinkMessage > div {
- display: table-cell;
- text-align: center;
- vertical-align: middle;
- }
- .externalLinkMessage .bold {
- font-weight: bold;
- }
- .externalLinkMessage .button, .externalLinkMessage button:not([disabled]) {
- text-shadow: none;
- }
- .externalLinkMessage .info::after, .externalLinkMessage .error::after, .externalLinkMessage .success::after, .externalLinkMessage .warning::after {
- display: none;
- }
- .externalLinkMessage .success {
- background-color: rgba(223, 240, 216, 1);
- color: rgba(60, 118, 61, 1);
- margin-right: 7px;
- }
- .externalLinkMessage .error {
- background-color: rgba(242, 222, 222, 1);
- color: rgba(169, 68, 66, 1);
- }
- body {
- background: rgba(0, 0, 0, 0) url("../images/kriegergames/BG.jpg") repeat fixed 0 0 / 100% auto;
- color: #fafafa;
- }
- a, .boxesSidebarLeft a, .boxesSidebarRight a, .boxesSidebarLeft small a, .boxesSidebarRight small a, .boxesSidebarLeft .dimmed a, .boxesSidebarRight .dimmed a, .boxesSidebarLeft .boxTitle a, .boxesSidebarRight .boxTitle a, .messageSidebar a, .messageFooterNote a, .messageTitle a {
- color: #ef7c46;
- }
- a:hover, .boxesSidebarLeft a:hover, .boxesSidebarRight a:hover, .boxesSidebarLeft small a:hover, .boxesSidebarRight small a:hover, .boxesSidebarLeft .dimmed a:hover, .boxesSidebarRight .dimmed a:hover, .boxesSidebarLeft .boxTitle a:hover, .boxesSidebarRight .boxTitle a:hover, .interactiveDropdownShowAll:hover, .tabularListRowHead > .tabularListColumns > li.active > a, .tabularListRowHead > .tabularListColumns > li > a:hover, .breadcrumbs > ol > li > a:hover, .messageSidebar a:hover, .pageNavigation a:hover, .messageFooterNote a:hover, .messageTitle a:hover {
- color: #af5c34;
- }
- .pageHeaderPanel {
- background-color: #35414e;
- border-bottom: 2px solid #ef7c46;
- }
- .pageNavigation {
- background-color: #272f38;
- border-bottom: 2px solid #ef7c46;
- border-top: 2px solid #ef7c46;
- }
- .pageHeaderContainer {
- background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
- }
- .mainMenu .boxMenu > li > a, .userPanel > ul > li > a, .pageHeaderSearchInputContainer .pageHeaderSearchType > .button:hover, .pageHeaderSearchInputContainer .pageHeaderSearchType.dropdownOpen > .button {
- background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
- }
- .mainMenu .boxMenu .boxMenuDepth1 {
- background-color: #303944;
- }
- .mainMenu .boxMenu > li.active > a, .mainMenu .boxMenu > li.active > a:hover, .mainMenu .boxMenu > li > a:hover, .userPanel > ul > li > a:hover, .userPanel > ul > li.open > a, .userPanel > ul > li.open > a:hover, .mainMenu .boxMenu > li:hover > a, .interactiveDropdownHeader, .interactiveDropdownShowAll, .pageHeaderSearchInputContainer .pageHeaderSearchType > .button, .pageHeaderSearchInputContainer .pageHeaderSearchInput, .pageHeaderSearchInputContainer .pageHeaderSearchInputButton {
- background-color: #303944;
- }
- .mainMenu .boxMenu > li > a {
- font-family: "Oswald",sans-serif;
- text-transform: uppercase;
- }
- .breadcrumbs > ol > li > a, .pageNavigation a, .contentHeader, .boxHeadline, .section .sectionTitle, .boxesSidebarLeft, .boxesSidebarRight, .boxesSidebarLeft .boxTitle, .boxesSidebarRight .boxTitle, dl.dataList > dt, .boxesSidebarLeft small, .boxesSidebarRight small, .boxesSidebarLeft .dimmed, .boxesSidebarRight .dimmed, .interactiveDropdownHeader, .interactiveDropdownShowAll, dl:not(.plain) > dt, .tabularListRowHead > .tabularListColumns > li > a, .tabularListRowHead > .tabularListColumns > li, .tabularListRowHead, .icon, .fa, .messageTitle {
- color: #fafafa;
- }
- .badge.badgeUpdate, a.badge.badgeUpdate {
- background-color: #ef7c46 !important;
- }
- .menuOverlayItemList {
- background-color: #525f6f !important;
- }
- .menuOverlayTitle {
- background-color: #ef7c46 !important;
- }
- .menuOverlayItemLink, .menuOverlayItemLinkIcon {
- background-color: #303944 !important;
- }
- #content {
- background-color: #272f38;
- border: 1px solid #ef7c46;
- padding: 15px;
- }
- .containerList > li:hover {
- background-color: #272f38;
- }
- .containerList > li:first-child {
- border-top: 1px solid #ef7c46;
- }
- .containerList > li:last-child {
- border-bottom: 1px solid #ef7c46;
- }
- .dialogContainer, .dialogContainer > .dialogContent dl:not(.plain) > dt {
- color: #525f6f;
- }
- .dialogContainer > header {
- background-color: #272f38;
- }
- .htmlContent table tr:hover > td, .messageBody > .messageText table tr:hover > td, .messageSignature > div table tr:hover > td, .redactor-layer table tr:hover > td, .messageSignature > div table tr:hover > td .table tr:hover > td {
- background-color: #272f38;
- }
- .htmlContent table tbody:first-child > tr:first-child > td, .messageBody > .messageText table tbody:first-child > tr:first-child > td, .messageSignature > div table tbody:first-child > tr:first-child > td, .redactor-layer table tbody:first-child > tr:first-child > td, .table tbody:first-child > tr:first-child > td {
- background-color: #525f6f;
- border-top: 1px solid #ef7c46;
- }
- .redactor-layer table tr:hover > td, .redactor-layer table tbody:first-child > tr:first-child > td {
- background-color: #fcfcfc;
- }
- .htmlContent table, .messageBody > .messageText table, .messageSignature > div table, .redactor-layer table, .table {
- border-bottom: 1px solid #ef7c46;
- }
- .codeBox {
- background-color: #303944;
- }
- .boxesSidebarLeft .box:not(.boxBorderless), .boxesSidebarRight .box:not(.boxBorderless) {
- background-color: #272f38;
- border: 1px solid #ef7c46;
- }
- 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: #525f6f !important;
- }
- button, input[type="button"], input[type="reset"], input[type="submit"], .button, a.button {
- background-color: #303944 !important;
- border: 1px solid #ef7c46;
- color: #fafafa;
- }
- 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="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="text"]:hover, input[type="url"]:hover, select:hover, textarea:hover, .inputItemList:hover {
- background-color: #525f6f !important;
- border: 1px solid #ef7c46 !important;
- color: #fafafa;
- }
- input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="text"], input[type="url"], select, textarea, .inputItemList {
- background-color: #303944 !important;
- color: #fafafa;
- }
- input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="password"][disabled], input[type="search"][disabled], input[type="text"][disabled], input[type="url"][disabled], input[type="date"][readonly], input[type="datetime"][readonly], input[type="email"][readonly], input[type="number"][readonly], input[type="password"][readonly], input[type="search"][readonly], input[type="text"][readonly], input[type="url"][readonly], select[disabled], textarea[disabled] {
- background-color: #424242 !important;
- }
- .wcfLikeCounter.likeCounterLiked {
- color: #2cb700 !important;
- }
- .tabularBoxTitle > header a, .tabularBoxTitle > header .icon {
- color: #fafafa;
- text-transform: uppercase;
- }
- .tabularBoxTitle > header a:hover, .tabularBoxTitle > header .icon:hover, .wbbBoardList .wbbBoardDescription, .wbbBoardList .wbbCollapsibleCategory h2 + small, dl.statsDataList > dt {
- color: #e2e2e2;
- }
- .tabularBoxTitle > header {
- background-color: #ef7c46;
- border-radius: 4px 4px 0 0;
- color: #fafafa;
- }
- .tabularListRow.divider + li:not(.divider) {
- border-top: 5px solid #ef7c46;
- }
- .wbbBoardList .wbbCollapsibleCategory h2 {
- margin-left: 10px;
- }
- .wbbBoardList .wbbBoard:hover, .tabularListRow:hover:not(.tabularListRowHead) {
- background-color: #525f6f;
- }
- .tabularList, .messageList:not(.messageReducedList) > li {
- border-bottom: 1px solid #fafafa;
- }
- .messageList:not(.messageReducedList) {
- border-top: 1px solid #fafafa;
- }
- .messageSidebar {
- background-color: #303944;
- color: #fafafa;
- }
- woltlab-quote, .quoteBox {
- background-color: #303944;
- }
- .messageGroupList .tabularListColumns.new .columnSubject > h3 > .messageGroupLink::before, .messageGroupList tr.new .columnSubject > h3 > .messageGroupLink::before {
- background-color: #ef7c46;
- color: #fafafa;
- content: "NEU";
- font-size: 90%;
- margin-right: 5px;
- padding: 2px;
- }
- @media (min-width: 769px) {
- .wbbBoardList .wbbLastPost {
- background-color: #303944;
- border-bottom: 1px solid #ef7c46;
- border-radius: 4px;
- padding: 6px;
- }
- .wbbBoardList .wbbBoardMain {
- margin-left: 10px;
- }
- }
- .fa-folder-open-o::before {
- background-color: #303944;
- color: #fafafa;
- content: "";
- padding: 0 4px 4px;
- }
- .wbbPost.wbbPostDeleted.messageCollapsedExpandable .messageHeaderWrapper > *:first-child::before {
- color: #bb4a4a;
- }
- .redactor-toolbar, .messageTabMenuNavigation > ul, .messageTabMenu > .messageTabMenuContent.active {
- background-color: #303944;
- border: medium none;
- }
- .messageTabMenuNavigation > ul > li, .messageTabMenu:not(.messageTabMenuContent) > .messageTabMenuContent.active {
- border: medium none;
- }
- .redactor-layer {
- color: #525f6f;
- }
- .boxesFooterBoxes {
- background-color: #ef7c46;
- border-top: 1px solid #525f6f;
- color: #fafafa;
- }
- .boxesFooterBoxes .boxTitle, .boxesFooterBoxes .boxTitle a, .boxesFooterBoxes .boxTitle a:hover {
- color: #fafafa;
- }
- .boxesFooterBoxes .boxTitle a, .boxesFooterBoxes a {
- color: #fcfcfc;
- text-decoration: underline;
- }
- .boxesFooter {
- background-color: #525f6f;
- border-bottom: 1px solid #ef7c46;
- border-top: 1px solid #ef7c46;
- }
- .pageFooterCopyright {
- background-color: #303944;
- border-bottom: 1px solid #ef7c46;
- }
- .samplifegameserver {
- background-color: #303944;
- border-bottom: 1px solid #ef7c46;
- height: 30px;
- line-height: 30px;
- margin: 0 auto !important;
- text-align: center;
- }
- .samplifegameserver-span {
- background-color: #337ab7;
- border-radius: 4px;
- padding: 2px;
- }
Add Comment
Please, Sign In to add comment