@charset "UTF-8";

/********* public:bb_code.less ********/
.bbCodeBlock {
    display: flow-root;
    margin: .5em 0;
    background: #42464d;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-left: 2px solid #212428
}

.bbCodeBlock.bbCodeBlock--quote .bbCodeBlock-content {
    font-size: 1.3rem
}

.bbCodeBlock-title {
    padding: 10px 16px;
    font-size: 1.3rem;
    color: #db2309;
    background: #3d4148
}

.bbCodeBlock-title:before,
.bbCodeBlock-title:after {
    content: " ";
    display: table
}

.bbCodeBlock-title:after {
    clear: both
}

a.bbCodeBlock-sourceJump {
    color: inherit;
    text-decoration: none
}

a.bbCodeBlock-sourceJump:hover {
    text-decoration: underline
}

a.bbCodeBlock-sourceJump:after {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0aa";
    width: 1.28571429em;
    text-align: center;
    display: inline-block;
    margin-left: 5px
}

.bbCodeBlock-content {
    position: relative;
    padding: 10px 16px
}

.bbCodeBlock-content:before,
.bbCodeBlock-content:after {
    content: " ";
    display: table
}

.bbCodeBlock-content:after {
    clear: both
}

.bbCodeBlock--code .bbCodeBlock-content {
    background-color: #383c42;
    color: #fff
}

.bbCodeBlock-expandLink {
    display: none;
    position: absolute;
    top: 95px;
    left: 0;
    right: 0;
    height: 75px;
    cursor: pointer;
    z-index: 100;
    background: transparent;
    background: linear-gradient(to bottom, rgba(66, 70, 77, 0) 0%, #42464d 60%)
}

.bbCodeBlock-expandLink a {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 1.3rem;
    color: #db2309;
    text-decoration: none
}

.bbCodeBlock--screenLimited .bbCodeBlock-content {
    max-height: 300px;
    max-height: 70vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.bbCodeBlock--expandable {
    overflow: hidden;
    -webkit-transition: -xf-height .2s ease, height .2s ease, padding .2s ease, margin .2s ease, border .2s ease;
    transition: -xf-height .2s ease, height .2s ease, padding .2s ease, margin .2s ease, border .2s ease
}

.bbCodeBlock--expandable .bbCodeBlock-content {
    overflow: hidden
}

.bbCodeBlock--expandable .bbCodeBlock-content .bbCodeBlock:not(.bbCodeBlock--expandable) .bbCodeBlock-content {
    overflow: visible
}

.bbCodeBlock--expandable .bbCodeBlock-content .bbCodeBlock.bbCodeBlock--screenLimited .bbCodeBlock-content {
    overflow: auto
}

.bbCodeBlock--expandable .bbCodeBlock-expandContent {
    max-height: 150px;
    overflow: hidden
}

.bbCodeBlock--expandable.is-expandable .bbCodeBlock-expandLink {
    display: block
}

.bbCodeBlock--expandable.is-expanded .bbCodeBlock-expandContent {
    max-height: none
}

.bbCodeBlock--expandable.is-expanded .bbCodeBlock-expandLink {
    display: none
}

.bbCodeBlock--unfurl {
    color: #fff;
    background: #484d56;
    padding: 10px;
    width: 650px;
    max-width: 100%;
    border-left: 2px solid #212428;
    overflow: hidden
}

.bbCodeBlock--unfurl .contentRow-header {
    margin: 0;
    font-size: 1.4rem;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis
}

.bbCodeBlock--unfurl .contentRow-snippet {
    font-size: 1.2rem;
    font-style: normal
}

.bbCodeBlock--unfurl .contentRow-minor {
    font-size: 1.2rem
}

.bbCodeBlock--unfurl.is-pending {
    opacity: 0.5
}

.bbCodeBlock--unfurl.is-pending.is-recrawl {
    opacity: 1
}

.bbCodeBlock--unfurl.is-simple .contentRow-figure {
    display: none
}

.bbCodeBlock--unfurl .bbCodeBlockUnfurl-icon {
    width: 12px;
    vertical-align: -2px
}

.bbCodeCode {
    margin: 0;
    padding: 0;
    font-family: 'Roboto Mono', 'Andale Mono', 'Ubuntu Mono', monospace;
    font-size: 1.3rem;
    line-height: 1.4;
    text-align: left;
    direction: ltr;
    white-space: pre;
    position: relative;
    -moz-tab-size: 4;
    tab-size: 4
}

.has-hiddenscroll .bbCodeCode {
    padding-bottom: 16px
}

.bbCodeCode code {
    font-family: inherit
}

.bbCodeCode .prism-token.prism-comment,
.bbCodeCode .prism-token.prism-prolog,
.bbCodeCode .prism-token.prism-doctype,
.bbCodeCode .prism-token.prism-cdata {
    color: #8292a2
}

.bbCodeCode .prism-token.prism-constant {
    color: #f92672
}

.bbCodeCode .prism-token.prism-tag {
    color: #f92672
}

.bbCodeCode .prism-token.prism-boolean {
    color: #ae81ff
}

.bbCodeCode .prism-token.prism-symbol,
.bbCodeCode .prism-token.prism-atrule,
.bbCodeCode .prism-token.prism-keyword {
    color: #e6db74
}

.bbCodeCode .prism-token.prism-selector,
.bbCodeCode .prism-token.prism-function {
    color: #e6db74
}

.bbCodeCode .prism-token.prism-deleted {
    color: #d44
}

.bbCodeCode .prism-token.prism-inserted {
    color: #292
}

.bbCodeCode .prism-token.prism-string,
.bbCodeCode .prism-token.prism-attr-value {
    color: #a6e22e
}

.bbCodeCode .prism-token.prism-number {
    color: #ae81ff
}

.bbCodeCode .prism-token.prism-attr-name,
.bbCodeCode .prism-token.prism-char,
.bbCodeCode .prism-token.prism-builtin {
    color: #a6e22e
}

.bbCodeCode .prism-token.prism-regex,
.bbCodeCode .prism-token.prism-important,
.bbCodeCode .prism-token.prism-variable,
.bbCodeCode .prism-token.prism-package {
    color: #fd971f
}

.bbCodeCode .prism-token.prism-class-name,
.bbCodeCode .prism-token.prism-important,
.bbCodeCode .prism-token.prism-bold {
    color: #e6db74
}

.bbCodeCode .prism-token.prism-bold {
    font-weight: bold
}

.bbCodeCode .prism-token.prism-italic,
.bbCodeCode .prism-token.prism-constant {
    color: #f92672;
    font-style: italic
}

.bbCodeCode .prism-token.prism-entity {
    cursor: help
}

.bbCodeInline {
    margin: 0;
    font-size: 90%;
    background: #42464d;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 3px;
    padding-top: 1px;
    padding-right: 4px;
    padding-bottom: 1px;
    padding-left: 4px;
    font-family: 'Roboto Mono', 'Andale Mono', 'Ubuntu Mono', monospace;
    line-height: 1.4;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    white-space: pre-wrap
}

.bbCodeSpoiler {
    margin: .5em 0
}

.has-no-js .bbCodeSpoiler-button {
    display: none
}

.bbCodeSpoiler-content {
    display: none;
    opacity: 0;
    -webkit-transition: all .2s ease, -xf-opacity .2s ease;
    transition: all .2s ease, -xf-opacity .2s ease;
    overflow-y: hidden;
    height: 0;
    -webkit-transition-property: all, -xf-height;
    transition-property: all, -xf-height
}

.bbCodeSpoiler-content.is-active {
    display: block
}

.bbCodeSpoiler-content.is-active {
    display: block;
    opacity: 1
}

.bbCodeSpoiler-content.is-transitioning {
    display: block
}

.bbCodeSpoiler-content.is-active {
    height: auto;
    overflow-y: visible
}

.bbCodeSpoiler-content.is-transitioning {
    overflow-y: hidden
}

.has-no-js .bbCodeSpoiler-content {
    display: block !important
}

.bbCodeSpoiler-content>.bbCodeBlock--spoiler {
    margin: .2em 0 0
}

.bbCodeInlineSpoiler {
    filter: blur(6px);
    cursor: pointer
}

.has-js .bbCodeInlineSpoiler a,
.has-js .bbCodeInlineSpoiler span {
    pointer-events: none
}

.bbCodeInlineSpoiler .smilie {
    filter: grayscale(90%)
}

.bbCodeInlineSpoiler:hover {
    filter: blur(5px)
}

/********* public:editor.less ********/
.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-element,
.fr-element:focus {
    outline: 0 solid transparent
}

.fr-view.fr-element-scroll-visible {
    overflow-x: visible !important
}

.fr-box.fr-basic {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-box.fr-basic .fr-element {
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.4;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: auto;
    min-height: 60px;
    text-align: left
}

.fr-box.fr-basic.fr-rtl .fr-element {
    text-align: right
}

.fr-element {
    background: transparent;
    position: relative;
    z-index: 2;
    -webkit-user-select: auto
}

.fr-element a {
    user-select: auto;
    -o-user-select: auto;
    -moz-user-select: auto;
    -khtml-user-select: auto;
    -webkit-user-select: auto;
    -ms-user-select: auto
}

.fr-element.fr-disabled {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-element [contenteditable="true"] {
    outline: 0 solid transparent
}

.fr-box a.fr-floating-btn {
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    height: 40px;
    width: 40px;
    background: #fff;
    color: #333;
    -webkit-transition: background .2s ease 0s color .2s ease 0s transform .2s ease 0s;
    -moz-transition: background .2s ease 0s color .2s ease 0s transform .2s ease 0s;
    -ms-transition: background .2s ease 0s color .2s ease 0s transform .2s ease 0s;
    -o-transition: background .2s ease 0s color .2s ease 0s transform .2s ease 0s;
    outline: none;
    left: 0;
    top: 0;
    line-height: 40px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    text-align: center;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none
}

.fr-box a.fr-floating-btn svg {
    -webkit-transition: transform .2s ease 0s;
    -moz-transition: transform .2s ease 0s;
    -ms-transition: transform .2s ease 0s;
    -o-transition: transform .2s ease 0s;
    fill: #333
}

.fr-box a.fr-floating-btn i,
.fr-box a.fr-floating-btn svg {
    font-size: 14px;
    line-height: 40px
}

.fr-box a.fr-floating-btn.fr-btn+.fr-btn {
    margin-left: 10px
}

.fr-box a.fr-floating-btn:hover {
    background: rgba(255, 255, 255, 0.15);
    cursor: pointer
}

.fr-box a.fr-floating-btn:hover svg {
    fill: #333
}

.fr-box .fr-visible a.fr-floating-btn {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1)
}

iframe.fr-iframe {
    width: 100%;
    border: none;
    position: relative;
    display: block;
    z-index: 2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fr-wrapper {
    position: relative;
    z-index: 1
}

.fr-wrapper::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-wrapper::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-wrapper .fr-placeholder {
    position: absolute;
    font-size: 1.4rem;
    color: rgba(255, 255, 255, 0.4);
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    z-index: 1;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.fr-wrapper.show-placeholder .fr-placeholder {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis
}

.fr-wrapper ::selection {
    color: #fff;
    background: #212428
}

.fr-wrapper ::-moz-selection {
    color: #fff;
    background: #212428
}

.fr-box.fr-basic .fr-wrapper {
    background: transparent;
    border: solid 1px rgba(255, 255, 255, 0.12);
    border-bottom-color: #fff;
    top: 0;
    left: 0
}

.fr-box.fr-basic.fr-top .fr-wrapper {
    border-top: 0
}

.fr-box.fr-basic.fr-bottom .fr-wrapper {
    border-bottom: 0;
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

@media (min-width:992px) {
    .fr-box.fr-document {
        min-width: 21cm
    }

    .fr-box.fr-document .fr-wrapper {
        text-align: left;
        padding: 30px;
        min-width: 21cm;
        background: #fff
    }

    .fr-box.fr-document .fr-wrapper .fr-element {
        text-align: left;
        background: #fff;
        width: 21cm;
        margin: auto;
        min-height: 26cm !important;
        padding: 1cm 2cm;
        overflow: visible;
        z-index: auto
    }

    .fr-box.fr-document .fr-wrapper .fr-element hr {
        margin-left: -2cm;
        margin-right: -2cm;
        background: #fff;
        height: 1cm;
        outline: none;
        border: none
    }

    .fr-box.fr-document .fr-wrapper .fr-element img {
        z-index: 1
    }
}

.fr-tooltip {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 8px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: rgba(255, 255, 255, 0.8);
    color: #000;
    font-size: 1.2rem;
    line-height: 3rem;
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    -webkit-transition: opacity .2s ease 0s;
    -moz-transition: opacity .2s ease 0s;
    -ms-transition: opacity .2s ease 0s;
    -o-transition: opacity .2s ease 0s;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -3000px;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    z-index: 2147483647;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fr-tooltip.fr-visible {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-toolbar .fr-btn-wrap,
.fr-popup .fr-btn-wrap,
.fr-modal .fr-btn-wrap {
    float: left;
    white-space: nowrap;
    position: relative
}

.fr-toolbar .fr-btn-wrap.fr-hidden,
.fr-popup .fr-btn-wrap.fr-hidden,
.fr-modal .fr-btn-wrap.fr-hidden {
    display: none
}

.fr-toolbar .fr-command.fr-btn,
.fr-popup .fr-command.fr-btn,
.fr-modal .fr-command.fr-btn {
    background: transparent;
    color: rgba(255, 255, 255, 0.85);
    -moz-outline: 0;
    outline: none;
    border: 0;
    line-height: 1;
    cursor: pointer;
    text-align: left;
    margin: 2px 1px;
    padding: 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 2;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    float: left;
    height: 32px
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-options,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-options,
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-options {
    border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar .fr-command.fr-btn.fr-btn-hover,
.fr-popup .fr-command.fr-btn.fr-btn-hover,
.fr-modal .fr-command.fr-btn.fr-btn-hover {
    border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar .fr-command.fr-btn::-moz-focus-inner,
.fr-popup .fr-command.fr-btn::-moz-focus-inner,
.fr-modal .fr-command.fr-btn::-moz-focus-inner {
    border: 0;
    padding: 0
}

.fr-toolbar .fr-command.fr-btn.fr-btn-text,
.fr-popup .fr-command.fr-btn.fr-btn-text,
.fr-modal .fr-command.fr-btn.fr-btn-text {
    width: auto
}

.fr-toolbar .fr-command.fr-btn i,
.fr-popup .fr-command.fr-btn i,
.fr-modal .fr-command.fr-btn i,
.fr-toolbar .fr-command.fr-btn svg,
.fr-popup .fr-command.fr-btn svg,
.fr-modal .fr-command.fr-btn svg {
    display: block;
    text-align: center;
    float: none;
    margin: 4px 3px;
    width: 24px
}

.fr-toolbar .fr-command.fr-btn svg.fr-svg,
.fr-popup .fr-command.fr-btn svg.fr-svg,
.fr-modal .fr-command.fr-btn svg.fr-svg {
    height: 24px
}

.fr-toolbar .fr-command.fr-btn svg path,
.fr-popup .fr-command.fr-btn svg path,
.fr-modal .fr-command.fr-btn svg path {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    fill: rgba(255, 255, 255, 0.85)
}

.fr-toolbar .fr-command.fr-btn span.fr-sr-only,
.fr-popup .fr-command.fr-btn span.fr-sr-only,
.fr-modal .fr-command.fr-btn span.fr-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-toolbar .fr-command.fr-btn span,
.fr-popup .fr-command.fr-btn span,
.fr-modal .fr-command.fr-btn span {
    font-size: 14px;
    display: block;
    line-height: 17px;
    min-width: 26px;
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 17px;
    font-weight: bold;
    padding: 0 2px
}

.fr-toolbar .fr-command.fr-btn img,
.fr-popup .fr-command.fr-btn img,
.fr-modal .fr-command.fr-btn img {
    margin: 4px 3px;
    width: 24px
}

.fr-toolbar .fr-command.fr-btn.fr-btn-active-popup,
.fr-popup .fr-command.fr-btn.fr-btn-active-popup,
.fr-modal .fr-command.fr-btn.fr-btn-active-popup {
    background: transparent
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span,
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-selection span {
    font-weight: normal
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown i,
.fr-popup .fr-command.fr-btn.fr-dropdown i,
.fr-modal .fr-command.fr-btn.fr-dropdown i,
.fr-toolbar .fr-command.fr-btn.fr-dropdown span,
.fr-popup .fr-command.fr-btn.fr-dropdown span,
.fr-modal .fr-command.fr-btn.fr-dropdown span,
.fr-toolbar .fr-command.fr-btn.fr-dropdown img,
.fr-popup .fr-command.fr-btn.fr-dropdown img,
.fr-modal .fr-command.fr-btn.fr-dropdown img,
.fr-toolbar .fr-command.fr-btn.fr-dropdown svg,
.fr-popup .fr-command.fr-btn.fr-dropdown svg,
.fr-modal .fr-command.fr-btn.fr-dropdown svg {
    margin-left: -1px;
    margin-right: 7px
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown:after,
.fr-popup .fr-command.fr-btn.fr-dropdown:after,
.fr-modal .fr-command.fr-btn.fr-dropdown:after {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(255, 255, 255, 0.85);
    right: 0px;
    top: 14px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    content: ""
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active,
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active {
    fill: rgba(255, 255, 255, 0.85);
    background: transparent;
    -webkit-transition: .2s ease;
    -moz-transition: .2s ease;
    -ms-transition: .2s ease;
    -o-transition: .2s ease
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover {
    background: rgba(255, 255, 255, 0.15);
    fill: rgba(255, 255, 255, 0.85)
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover::after {
    border-top-color: rgba(255, 255, 255, 0.85)
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:after,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:after,
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:after {
    border-top: 0;
    border-bottom: 4px solid #fff
}

.fr-toolbar .fr-command.fr-btn.fr-disabled,
.fr-popup .fr-command.fr-btn.fr-disabled,
.fr-modal .fr-command.fr-btn.fr-disabled {
    color: #6a6e74;
    cursor: default;
    -webkit-opacity: .95;
    -moz-opacity: .95;
    opacity: .95;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-toolbar .fr-command.fr-btn.fr-disabled::after,
.fr-popup .fr-command.fr-btn.fr-disabled::after,
.fr-modal .fr-command.fr-btn.fr-disabled::after {
    border-top-color: #6a6e74
}

.fr-toolbar .fr-command.fr-btn.fr-hidden,
.fr-popup .fr-command.fr-btn.fr-hidden,
.fr-modal .fr-command.fr-btn.fr-hidden {
    display: none
}

.fr-toolbar .fr-tabs .fr-command.fr-btn,
.fr-popup .fr-tabs .fr-command.fr-btn,
.fr-modal .fr-tabs .fr-command.fr-btn {
    margin: 0;
    width: 46px;
    height: 32px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,
.fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,
.fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,
.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab,
.fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab,
.fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab {
    background: #383c42
}

.fr-toolbar .fr-tabs .fr-command.fr-btn span,
.fr-popup .fr-tabs .fr-command.fr-btn span,
.fr-modal .fr-tabs .fr-command.fr-btn span {
    height: 27px
}

.fr-toolbar .fr-tabs .fr-command.fr-btn img,
.fr-popup .fr-tabs .fr-command.fr-btn img,
.fr-modal .fr-tabs .fr-command.fr-btn img,
.fr-toolbar .fr-tabs .fr-command.fr-btn svg,
.fr-popup .fr-tabs .fr-command.fr-btn svg,
.fr-modal .fr-tabs .fr-command.fr-btn svg {
    margin: 4px 11px;
    width: 24px;
    height: 24px
}

.fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-popup .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-modal .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-toolbar .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-popup .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-modal .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-toolbar .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-modal .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path {
    fill: #fff
}

.fr-toolbar.fr-disabled .fr-btn,
.fr-popup.fr-disabled .fr-btn,
.fr-modal.fr-disabled .fr-btn,
.fr-toolbar.fr-disabled .fr-btn.fr-active,
.fr-popup.fr-disabled .fr-btn.fr-active,
.fr-modal.fr-disabled .fr-btn.fr-active {
    color: #6a6e74;
    -webkit-opacity: .95;
    -moz-opacity: .95;
    opacity: .95;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after,
.fr-popup.fr-disabled .fr-btn.fr-dropdown::after,
.fr-modal.fr-disabled .fr-btn.fr-dropdown::after,
.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after,
.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after,
.fr-modal.fr-disabled .fr-btn.fr-active.fr-dropdown::after {
    border-top-color: #6a6e74
}

.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-left,
.fr-popup.fr-rtl .fr-btn-grp.fr-float-left,
.fr-modal.fr-rtl .fr-btn-grp.fr-float-left {
    float: right
}

.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-right,
.fr-popup.fr-rtl .fr-btn-grp.fr-float-right,
.fr-modal.fr-rtl .fr-btn-grp.fr-float-right {
    float: left
}

.fr-toolbar.fr-rtl .fr-command.fr-btn,
.fr-popup.fr-rtl .fr-command.fr-btn,
.fr-modal.fr-rtl .fr-command.fr-btn,
.fr-toolbar.fr-rtl .fr-btn-wrap,
.fr-popup.fr-rtl .fr-btn-wrap,
.fr-modal.fr-rtl .fr-btn-wrap {
    float: right
}

.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,
.fr-popup.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,
.fr-modal.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,
.fr-toolbar.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options,
.fr-popup.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options,
.fr-modal.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options {
    border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-btn-hover,
.fr-popup.fr-rtl .fr-command.fr-btn.fr-btn-hover,
.fr-modal.fr-rtl .fr-command.fr-btn.fr-btn-hover,
.fr-toolbar.fr-rtl .fr-btn-wrap.fr-btn-hover,
.fr-popup.fr-rtl .fr-btn-wrap.fr-btn-hover,
.fr-modal.fr-rtl .fr-btn-wrap.fr-btn-hover {
    border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar.fr-inline>.fr-command.fr-btn:not(.fr-hidden),
.fr-toolbar.fr-inline>.fr-btn-wrap:not(.fr-hidden) {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    float: none
}

.fr-desktop .fr-command:hover,
.fr-desktop .fr-command:focus,
.fr-desktop .fr-command.fr-btn-hover,
.fr-desktop .fr-command.fr-expanded {
    outline: 0;
    color: #fff
}

.fr-desktop .fr-command:hover:not(.fr-table-cell),
.fr-desktop .fr-command:focus:not(.fr-table-cell),
.fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell),
.fr-desktop .fr-command.fr-expanded:not(.fr-table-cell) {
    background: rgba(255, 255, 255, 0.15)
}

.fr-desktop .fr-command:hover::after,
.fr-desktop .fr-command:focus::after,
.fr-desktop .fr-command.fr-btn-hover::after,
.fr-desktop .fr-command.fr-expanded::after {
    border-top-color: #fff
}

.fr-desktop .fr-command.fr-selected:not(.fr-table-cell),
.fr-desktop .fr-command:active {
    color: rgba(255, 255, 255, 0.85);
    background: rgba(255, 255, 255, 0.15)
}

.fr-desktop .fr-command.fr-active:hover,
.fr-desktop .fr-command.fr-active:focus,
.fr-desktop .fr-command.fr-active.fr-btn-hover,
.fr-desktop .fr-command.fr-active.fr-expanded {
    background: rgba(255, 255, 255, 0.15)
}

.fr-desktop .fr-command.fr-active:active {
    background: transparent
}

.fr-desktop .fr-command.fr-disabled:hover,
.fr-desktop .fr-command.fr-disabled:focus,
.fr-desktop .fr-command.fr-disabled.fr-selected {
    background: transparent
}

.fr-desktop.fr-disabled .fr-command:hover,
.fr-desktop.fr-disabled .fr-command:focus,
.fr-desktop.fr-disabled .fr-command.fr-selected {
    background: transparent
}

.fr-toolbar.fr-mobile .fr-command.fr-blink,
.fr-popup.fr-mobile .fr-command.fr-blink {
    background: transparent
}

.fr-command.fr-btn.fr-options {
    width: 16px;
    margin-left: -5px
}

.fr-command.fr-btn.fr-options.fr-btn-hover,
.fr-command.fr-btn.fr-options:hover,
.fr-command.fr-btn.fr-options:focus {
    border-left: solid 1px #fafafa;
    -webkit-transition: border-left 0s background-color .5s;
    -moz-transition: border-left 0s background-color .5s;
    -ms-transition: border-left 0s background-color .5s;
    -o-transition: border-left 0s background-color .5s
}

.fr-command.fr-btn+.fr-dropdown-menu {
    background: #383c42;
    display: inline-block;
    position: absolute;
    right: auto;
    bottom: auto;
    height: auto;
    z-index: 4;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    zoom: 1;
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
}

.fr-command.fr-btn+.fr-dropdown-menu.test-height .fr-dropdown-wrapper {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    height: auto;
    max-height: 275px
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper {
    padding: 0;
    margin: auto;
    display: inline-block;
    text-align: left;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: height .3s;
    -moz-transition: height .3s;
    -ms-transition: height .3s;
    -o-transition: height .3s;
    margin-top: 0;
    float: left;
    height: 0;
    margin-top: 0 !important
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
    position: relative
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
    list-style-type: none;
    margin: 0;
    padding: 8px 0;
    min-width: 72px
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
    padding: 0;
    margin: 0;
    font-size: 15px
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
    padding: 0 22px;
    line-height: 200%;
    display: flex;
    cursor: pointer;
    white-space: nowrap;
    color: inherit;
    text-decoration: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg {
    width: 24px;
    height: 24px;
    margin: 1px 2px
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg path {
    fill: rgba(255, 255, 255, 0.85)
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
    background: transparent
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
    color: #6a6e74;
    cursor: default
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a .fr-shortcut {
    margin-left: 20px;
    font-weight: bold;
    -webkit-opacity: 0.75;
    -moz-opacity: 0.75;
    opacity: 0.75
}

.fr-command.fr-btn.fr-active+.fr-dropdown-menu {
    display: inline-block;
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
}

.fr-bottom>.fr-command.fr-btn+.fr-dropdown-menu {
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar.fr-rtl .fr-dropdown-wrapper,
.fr-popup.fr-rtl .fr-dropdown-wrapper {
    text-align: right !important
}

body.fr-prevent-scroll {
    overflow: hidden
}

body.fr-prevent-scroll.fr-mobile {
    position: fixed;
    -webkit-overflow-scrolling: touch
}

.fr-modal {
    color: #fff;
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    position: fixed;
    overflow-x: auto;
    overflow-y: scroll;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 2147483640;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    line-height: 1.2
}

.fr-modal.fr-middle .fr-modal-wrapper {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    position: absolute
}

.fr-modal .fr-modal-wrapper {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin: 20px auto;
    display: inline-block;
    background: #fff;
    min-width: 300px;
    -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    border: 0;
    overflow: hidden;
    width: 90%;
    position: relative
}

@media (min-width:768px) and (max-width:991px) {
    .fr-modal .fr-modal-wrapper {
        margin: 30px auto;
        width: 70%
    }
}

@media (min-width:992px) {
    .fr-modal .fr-modal-wrapper {
        margin: 50px auto;
        width: 960px
    }
}

.fr-modal .fr-modal-wrapper .fr-modal-head {
    background: #fff;
    overflow: hidden;
    position: absolute;
    width: 100%;
    min-height: 42px;
    z-index: 3;
    border-bottom: solid #fff 1px;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -ms-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s
}

.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-head-line {
    height: 56px;
    padding: 0 10px
}

.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close {
    margin: 10px;
    position: absolute;
    top: 0;
    right: 0
}

.fr-modal .fr-modal-wrapper .fr-modal-head h4 {
    font-size: 20px;
    padding: 19px 10px;
    margin: 0;
    font-weight: 400;
    line-height: 18px;
    display: inline-block;
    float: left
}

.fr-modal .fr-modal-wrapper div.fr-modal-body {
    height: 100%;
    min-height: 150px;
    overflow-y: auto;
    padding-bottom: 20px
}

.fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
    outline: 0
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
    height: 36px;
    line-height: 1;
    color: #212428;
    padding: 10px;
    cursor: pointer;
    text-decoration: none;
    border: none;
    background: none;
    font-size: 16px;
    outline: none;
    -webkit-transition: background .2s ease 0s;
    -moz-transition: background .2s ease 0s;
    -ms-transition: background .2s ease 0s;
    -o-transition: background .2s ease 0s;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command+button {
    margin-left: 24px
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover,
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus {
    background: rgba(255, 255, 255, 0.15);
    color: #212428
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
    background: transparent;
    color: #212428
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
    border: 0
}

.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
    background: #42464d
}

.fr-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    -webkit-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 2147483639
}

ol.decimal_type {
    counter-reset: item
}

ol.decimal_type>li {
    display: block
}

ol.decimal_type>li:before {
    content: counters(item, ".") ". ";
    counter-increment: item
}

.fr-popup {
    position: absolute;
    display: none;
    color: #fff;
    background: #383c42;
    -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    margin-top: 10px;
    z-index: 2147483635;
    text-align: left;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.2
}

.fr-popup .fr-icon {
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    font-weight: 400;
    box-sizing: content-box;
    padding: 6px
}

.fr-popup .fr-icon-container {
    padding: 20px;
    max-height: 200px;
    overflow: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@supports not (-ms-high-contrast: none) {
    .fr-popup .fr-icon-container {
        grid-template-columns: repeat(auto-fill, minmax(36px, 36px));
        display: grid
    }
}

@media (min-width:768px) {
    .fr-popup .fr-icon-container {
        min-width: 276px
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .fr-popup .fr-icon-container {
        display: inline-flex;
        -ms-flex-flow: row wrap
    }
}

@media screen and (-ms-high-contrast:active) and (max-width:768px),
(-ms-high-contrast:none) and (max-width:768px) {
    .fr-popup .fr-icon-container {
        width: 236px
    }
}

.fr-popup .fr-input-focus {
    background: #f5f5f5
}

.fr-popup.fr-above {
    margin-top: -10px;
    border-top: 0
}

.fr-popup.fr-active {
    display: block
}

.fr-popup.fr-hidden {
    display: none !important
}

.fr-popup.fr-empty {
    display: none !important
}

.fr-popup .fr-hs {
    display: block !important
}

.fr-popup .fr-hs.fr-hidden {
    display: none !important
}

.fr-popup .fr-input-line {
    position: relative;
    padding: 15px 0
}

.fr-popup .fr-input-line input[type="text"],
.fr-popup .fr-input-line input[type="number"],
.fr-popup .fr-input-line textarea {
    width: 100%;
    margin-bottom: 1px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: solid 1px #999;
    color: #fff;
    font-size: 14px;
    background: #383c42;
    position: relative;
    z-index: 2;
    padding: 4px 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border .2s padding .2s;
    -moz-transition: border .2s padding .2s;
    -ms-transition: border .2s padding .2s;
    -o-transition: border .2s padding .2s
}

.fr-popup .fr-input-line input[type="text"]:hover,
.fr-popup .fr-input-line input[type="number"]:hover,
.fr-popup .fr-input-line textarea:hover {
    border: solid 1px #515151
}

.fr-popup .fr-input-line input[type="text"]:focus,
.fr-popup .fr-input-line input[type="number"]:focus,
.fr-popup .fr-input-line textarea:focus {
    border: solid 2px #212428;
    padding: 3px 11px
}

.fr-popup .fr-input-line input[type="text"],
.fr-popup .fr-input-line input[type="number"] {
    height: 46px
}

.fr-popup .fr-input-line input+label,
.fr-popup .fr-input-line textarea+label {
    position: absolute;
    top: 29px;
    left: 12px;
    font-size: 14px;
    color: grey;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    z-index: 3;
    display: block;
    background: #383c42;
    padding: 0;
    cursor: text
}

.fr-popup .fr-input-line input.fr-not-empty+label,
.fr-popup .fr-input-line textarea.fr-not-empty+label {
    color: #808080;
    width: auto;
    left: 4px;
    padding: 0 4px;
    font-size: 11px;
    top: 9px
}

.fr-popup input,
.fr-popup textarea {
    user-select: text;
    -o-user-select: text;
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: none
}

.fr-popup textarea {
    resize: none,
}

.fr-popup .fr-buttons {
    white-space: nowrap;
    line-height: 0
}

.fr-popup .fr-buttons .fr-btn {
    margin-left: 2px;
    margin-right: 2px;
    display: inline-block;
    float: none
}

.fr-popup .fr-buttons .fr-btn i {
    float: left
}

.fr-popup .fr-buttons .fr-separator {
    display: inline-block;
    float: none
}

.fr-popup .fr-buttons.fr-tabs {
    border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #494d55;
    overflow: hidden
}

@media (max-width:768px) {
    .fr-popup .fr-buttons.fr-tabs.fr-tabs-scroll {
        overflow: scroll;
        overflow-y: hidden;
        width: 276px
    }
}

.fr-popup .fr-buttons:not(.fr-tabs) {
    padding: 5px
}

.fr-popup .fr-layer {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 195px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 10px;
    display: none
}

@media (min-width:768px) {
    .fr-popup .fr-layer {
        width: 260px
    }
}

.fr-popup .fr-layer.fr-active {
    display: inline-block
}

.fr-popup .fr-action-buttons {
    z-index: 7;
    height: 36px;
    text-align: right
}

.fr-popup .fr-action-buttons button.fr-command {
    height: 36px;
    line-height: 1;
    color: #212428;
    padding: 10px;
    cursor: pointer;
    text-decoration: none;
    border: none;
    background: none;
    font-size: 18px;
    outline: none;
    -webkit-transition: background .2s ease 0s;
    -moz-transition: background .2s ease 0s;
    -ms-transition: background .2s ease 0s;
    -o-transition: background .2s ease 0s;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-popup .fr-action-buttons button.fr-command+button {
    margin-left: 24px
}

.fr-popup .fr-action-buttons button.fr-command:hover,
.fr-popup .fr-action-buttons button.fr-command:focus {
    background: rgba(255, 255, 255, 0.15);
    color: #212428
}

.fr-popup .fr-action-buttons button.fr-command:active {
    background: transparent;
    color: #212428
}

.fr-popup .fr-action-buttons button::-moz-focus-inner {
    border: 0
}

.fr-popup .fr-checkbox {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    padding: 10px;
    border-radius: 100%;
    line-height: 1;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    vertical-align: middle
}

.fr-popup .fr-checkbox svg {
    margin-left: 2px;
    margin-top: 2px;
    display: none;
    width: 10px;
    height: 10px
}

.fr-popup .fr-checkbox span {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background .2s ease 0s border-color .2s ease 0s;
    -moz-transition: background .2s ease 0s border-color .2s ease 0s;
    -ms-transition: background .2s ease 0s border-color .2s ease 0s;
    -o-transition: background .2s ease 0s border-color .2s ease 0s
}

.fr-popup .fr-checkbox input {
    position: absolute;
    z-index: 2;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border: 0 none;
    cursor: pointer;
    height: 18px;
    margin: 0;
    padding: 0;
    width: 18px;
    top: 7px;
    left: 7px
}

.fr-popup .fr-checkbox input:not(:checked)+span {
    border: solid 2px #999
}

.fr-popup .fr-checkbox input:not(:checked):active+span {
    background-color: #494d55
}

.fr-popup .fr-checkbox input:not(:checked):focus+span,
.fr-popup .fr-checkbox input:not(:checked):hover+span {
    border-color: #515151
}

.fr-popup .fr-checkbox input:checked+span {
    background: #212428;
    border: solid 2px #212428
}

.fr-popup .fr-checkbox input:checked+span svg {
    display: block
}

.fr-popup .fr-checkbox input:checked:active+span {
    background-color: #ecf5ff
}

.fr-popup .fr-checkbox input:checked:focus+span,
.fr-popup .fr-checkbox input:checked:hover+span {
    -webkit-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-popup .fr-checkbox-line {
    font-size: 14px;
    line-height: 1.4px;
    margin-top: 10px
}

.fr-popup .fr-checkbox-line label {
    cursor: pointer;
    margin: 0 5px;
    vertical-align: middle
}

.fr-popup.fr-rtl {
    direction: rtl;
    text-align: right
}

.fr-popup.fr-rtl .fr-action-buttons {
    text-align: left
}

.fr-popup.fr-rtl .fr-input-line input+label,
.fr-popup.fr-rtl .fr-input-line textarea+label {
    left: auto;
    right: 0
}

.fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs {
    float: right
}

.fr-text-edit-layer {
    width: 250px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block !important
}

.fr-toolbar {
    color: #fff;
    background: #383c42;
    position: relative;
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-align: left;
    border: solid 1px rgba(255, 255, 255, 0.12);
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.2;
    padding-bottom: 0;
    -webkit-transition: padding-bottom .2s;
    -moz-transition: padding-bottom .2s;
    -ms-transition: padding-bottom .2s;
    -o-transition: padding-bottom .2s
}

.fr-toolbar::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-toolbar::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-toolbar::after {
    height: 0
}

.fr-toolbar .fr-newline {
    clear: both;
    display: block;
    content: "";
    margin-left: 9px;
    margin-right: 9px;
    background: #fff;
    height: 1px;
    -webkit-transition: height .2s;
    -moz-transition: height .2s;
    -ms-transition: height .2s;
    -o-transition: height .2s
}

.fr-toolbar.fr-toolbar-open .fr-newline {
    height: 0
}

.fr-toolbar .fr-float-right {
    float: right
}

.fr-toolbar .fr-float-left {
    float: left
}

.fr-toolbar .fr-more-toolbar {
    float: left;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #494d55;
    -webkit-transition: height .2s;
    -moz-transition: height .2s;
    -ms-transition: height .2s;
    -o-transition: height .2s;
    height: 0;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.fr-toolbar .fr-more-toolbar.fr-expanded {
    height: 36px
}

.fr-toolbar .fr-more-toolbar.fr-overflow-visible {
    overflow: visible
}

.fr-toolbar .fr-more-toolbar>.fr-command.fr-btn {
    margin-left: 2px;
    margin-right: 2px
}

.fr-toolbar .fr-btn-grp {
    display: inline-block;
    margin: 0 17px 0 12px
}

@media (max-width:768px) {
    .fr-toolbar .fr-btn-grp {
        margin: 0 7px 0 6px
    }
}

.fr-toolbar .fr-command.fr-btn.fr-open {
    margin-top: 10px;
    margin-bottom: -1px;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) {
    background: #494d55
}

.fr-toolbar.fr-rtl {
    text-align: right
}

.fr-toolbar.fr-inline {
    display: none;
    -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    border: 0;
    white-space: nowrap;
    position: absolute;
    margin-top: 5px;
    z-index: 2147483630
}

.fr-toolbar.fr-inline.fr-above {
    margin-top: -10px;
    border-top: 0
}

.fr-toolbar.fr-inline .fr-newline {
    height: 0
}

.fr-toolbar.fr-inline .fr-more-toolbar {
    position: absolute !important
}

.fr-toolbar.fr-inline .fr-more-toolbar.fr-expanded {
    position: relative !important
}

.fr-toolbar.fr-top {
    top: 0;
    border-bottom: 0;
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar.fr-bottom {
    bottom: 0;
    border-top: 0;
    padding-bottom: 0;
    border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar.fr-bottom .fr-newline {
    padding-top: 0;
    -webkit-transition: padding-top .2s;
    -moz-transition: padding-top .2s;
    -ms-transition: padding-top .2s;
    -o-transition: padding-top .2s
}

.fr-toolbar.fr-bottom.fr-toolbar-open .fr-newline {
    padding-top: 36px;
    background: #fff
}

.fr-toolbar.fr-bottom .fr-command.fr-btn.fr-open {
    margin-top: -1px;
    margin-bottom: 10px;
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar.fr-sticky-on {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-separator {
    background: #ebebeb;
    display: block;
    vertical-align: top;
    float: left
}

.fr-separator+.fr-separator {
    display: none
}

.fr-separator.fr-vs {
    height: 28px;
    width: 1px;
    margin: 8px 4px
}

.fr-separator.fr-hs {
    clear: both;
    width: calc(100% - (2 * 2px));
    margin: 0 2px;
    height: 1px
}

.fr-separator.fr-hidden {
    display: none !important
}

.fr-rtl .fr-separator {
    float: right
}

.fr-toolbar.fr-inline .fr-separator.fr-hs {
    float: none
}

.fr-toolbar.fr-inline .fr-separator.fr-vs {
    float: none;
    display: inline-block
}

.fr-second-toolbar {
    border: solid 1px rgba(255, 255, 255, 0.12);
    border-top: 0;
    background: transparent;
    line-height: 1.4;
    border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-second-toolbar::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-second-toolbar::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-second-toolbar:empty {
    min-height: calc(10px);
    position: relative;
    margin-top: calc(-1px);
    z-index: 2
}

#fr-logo {
    float: left;
    outline: none
}

#fr-logo>span {
    display: inline-block;
    float: left;
    font-family: sans-serif;
    padding: 11px 5px 10px 15px;
    font-size: 12px;
    font-weight: 500;
    color: #b1b2b7;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s
}

#fr-logo>svg {
    height: 20px;
    width: 47px;
    margin: 7px 0;
    cursor: pointer
}

#fr-logo>svg * {
    -webkit-transition: fill .3s;
    -moz-transition: fill .3s;
    -ms-transition: fill .3s;
    -o-transition: fill .3s
}

#fr-logo:hover>span,
#fr-logo:focus>span {
    color: #fff
}

#fr-logo:hover>svg .fr-logo,
#fr-logo:focus>svg .fr-logo {
    fill: #fff
}

.fr-visibility-helper {
    display: none;
    margin-left: 0 !important
}

@media (min-width:768px) {
    .fr-visibility-helper {
        margin-left: 1px !important
    }
}

@media (min-width:992px) {
    .fr-visibility-helper {
        margin-left: 2px !important
    }
}

@media (min-width:1200px) {
    .fr-visibility-helper {
        margin-left: 3px !important
    }
}

.fr-opacity-0 {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-box {
    position: relative
}

.fr-sticky {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky
}

.fr-sticky-off {
    position: relative
}

.fr-sticky-on {
    position: sticky;
    z-index: 10
}

.fr-sticky-on.fr-sticky-ios {
    position: absolute;
    left: 0;
    right: 0;
    width: auto !important
}

.fr-sticky-dummy {
    display: none
}

.fr-sticky-on+.fr-sticky-dummy,
.fr-sticky-box>.fr-sticky-dummy {
    display: block
}

span.fr-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-view .fr-highlight-change,
.fr-highlight-change>img,
.fr-highlight-change>.fr-video>video,
.fr-highlight-change>.fr-video>embed,
.fr-highlight-change>.fr-video>iframe,
.fr-highlight-change>.fr-embedly>.embedly-card>.embedly-card-hug>iframe,
.fr-highlight-change>p,
.fr-view .fr-highlight-change>span:not(.fr-tracking-deleted) {
    background-color: #f3eec3;
    opacity: 0.5
}

.fr-highlight-change.fr-highlight-change>table td,
.fr-highlight-change.fr-highlight-change>hr {
    border-color: #f3eec3
}

.fr-tracking-deleted.fr-tracking-deleted>table td,
.fr-tracking-deleted.fr-tracking-deleted>hr {
    border-color: #dc3545
}

.fr-tracking-deleted img,
.fr-tracking-deleted>.fr-video>video,
.fr-tracking-deleted>.fr-video>iframe,
.fr-tracking-deleted>.fr-embedly>.embedly-card>.embedly-card-hug>iframe {
    opacity: 0.5;
    background-color: #dc3545
}

.fr-view .fr-tracking-deleted {
    background-color: #dc3545;
    text-decoration: line-through;
    pointer-events: none;
    user-select: none;
    opacity: 1
}

.fr-highlight-change>.fr-video>iframe,
.fr-tracking-deleted>.fr-video>iframe,
.fr-highlight-change>.fr-video>video,
.fr-tracking-deleted>.fr-video>video,
.fr-highlight-change>.fr-video>embed,
.fr-highlight-change>.fr-embedly>.embedly-card>.embedly-card-hug>iframe,
.fr-tracking-deleted>.fr-embedly>.embedly-card>.embedly-card-hug>iframe {
    padding: 10px !important
}

.fr-tracking-deleted img,
.fr-highlight-change img {
    border: 2px solid #f3eec3
}

.fr-highlight-change #isPasted *:not(table):not(tbody):not(tr):not(td) {
    opacity: 0.5;
    background-color: #f3eec3
}

.fr-highlight-change #isPasted>table td {
    opacity: 0.5;
    border-color: #f3eec3
}

.fr-track-hide {
    display: none
}

.fr-track-hide-mobile {
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute
}

.fr-ios-mobile-disable-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none
}

.fr-bottom-extended {
    flex-wrap: wrap;
    display: flex;
    box-sizing: border-box
}

.position-relative {
    position: relative !important
}

.fr-popup .fr-layer.fr-color-hex-layer {
    margin: 0;
    padding: 20px;
    padding-top: 0;
    float: left
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-input-line {
    float: left;
    width: calc(100% - 50px);
    padding: 15px 0 0
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons {
    float: right;
    width: 30px;
    height: 32px;
    padding: 17px 0 0;
    margin: 0
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-size: 13px;
    height: 32px;
    width: 30px;
    box-sizing: border-box
}

.fr-popup .fr-separator+.fr-colors-tabs {
    margin-left: 2px;
    margin-right: 2px
}

.fr-popup .fr-color-set {
    line-height: 0;
    display: none
}

.fr-popup .fr-color-set.fr-selected-set {
    display: block;
    padding: 20px;
    padding-bottom: 0
}

.fr-popup .fr-color-set>span {
    display: inline-block;
    width: 32px;
    height: 32px;
    position: relative;
    z-index: 1
}

.fr-popup .fr-color-set>span>i,
.fr-popup .fr-color-set>span>svg {
    text-align: center;
    line-height: 32px;
    height: 24px;
    width: 24px;
    margin: 4px;
    font-size: 13px;
    position: absolute;
    bottom: 0;
    cursor: default;
    left: 0
}

.fr-popup .fr-color-set>span>i path,
.fr-popup .fr-color-set>span>svg path {
    fill: #fff
}

.fr-popup .fr-color-set>span .fr-selected-color {
    color: #fff;
    font-family: FontAwesome;
    font-size: 13px;
    font-weight: 400;
    line-height: 32px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    cursor: default
}

.fr-popup .fr-color-set>span:hover,
.fr-popup .fr-color-set>span:focus {
    outline: 1px solid #fff;
    z-index: 2
}

.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1="text"]~[data-param1="background"]::after {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0)
}

.fr-drag-helper {
    background: #212428;
    height: 2px;
    margin-top: -1px;
    -webkit-opacity: .2;
    -moz-opacity: .2;
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    z-index: 2147483640;
    display: none
}

.fr-drag-helper.fr-visible {
    display: block
}

.fr-dragging {
    -webkit-opacity: .4;
    -moz-opacity: .4;
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-popup .fr-file-upload-layer {
    border: dashed 2px #6a6e74;
    padding: 25px 0;
    margin: 20px;
    position: relative;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 140%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

.fr-popup .fr-file-upload-layer:hover {
    background: #42464d
}

.fr-popup .fr-file-upload-layer.fr-drop {
    background: #42464d;
    border-color: #212428
}

.fr-popup .fr-file-upload-layer .fr-form {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483640;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important
}

.fr-popup .fr-file-upload-layer .fr-form input {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 500%;
    height: 100%;
    margin: 0;
    font-size: 400px
}

.fr-popup .fr-file-progress-bar-layer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fr-popup .fr-file-progress-bar-layer>h3 {
    font-size: 16px;
    margin: 10px 0;
    font-weight: normal
}

.fr-popup .fr-file-progress-bar-layer>div.fr-action-buttons {
    display: none
}

.fr-popup .fr-file-progress-bar-layer>div.fr-loader {
    background: #bcbdbf;
    height: 10px;
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    position: relative
}

.fr-popup .fr-file-progress-bar-layer>div.fr-loader span {
    display: block;
    height: 100%;
    width: 0%;
    background: #212428;
    -webkit-transition: width .2s ease 0s;
    -moz-transition: width .2s ease 0s;
    -ms-transition: width .2s ease 0s;
    -o-transition: width .2s ease 0s
}

.fr-popup .fr-file-progress-bar-layer>div.fr-loader.fr-indeterminate span {
    width: 30% !important;
    position: absolute;
    top: 0;
    -webkit-animation: loading 2s linear infinite;
    -moz-animation: loading 2s linear infinite;
    -o-animation: loading 2s linear infinite;
    animation: loading 2s linear infinite
}

.fr-popup .fr-file-progress-bar-layer.fr-error>div.fr-loader {
    display: none
}

.fr-popup .fr-file-progress-bar-layer.fr-error>div.fr-action-buttons {
    display: block
}

@keyframes loading {
    from {
        left: -25%
    }

    to {
        left: 100%
    }
}

@-webkit-keyframes loading {
    from {
        left: -25%
    }

    to {
        left: 100%
    }
}

@-moz-keyframes loading {
    from {
        left: -25%
    }

    to {
        left: 100%
    }
}

@-o-keyframes loading {
    from {
        left: -25%
    }

    to {
        left: 100%
    }
}

@keyframes loading {
    from {
        left: -25%
    }

    to {
        left: 100%
    }
}

.fr-element img {
    cursor: pointer;
    padding: 0 1px
}

.fr-image-resizer {
    position: absolute;
    border: solid 1px #212428;
    display: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.fr-image-resizer.fr-active {
    display: block,
}

.fr-image-resizer .fr-handler {
    display: block;
    position: absolute;
    background: #212428;
    border: solid 1px #fff;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fr-image-resizer .fr-handler.fr-hnw {
    cursor: nw-resize,
}

.fr-image-resizer .fr-handler.fr-hne {
    cursor: ne-resize,
}

.fr-image-resizer .fr-handler.fr-hsw {
    cursor: sw-resize,
}

.fr-image-resizer .fr-handler.fr-hse {
    cursor: se-resize,
}

.fr-image-resizer .fr-handler {
    width: 12px;
    height: 12px
}

.fr-image-resizer .fr-handler.fr-hnw {
    left: -6px;
    top: -6px
}

.fr-image-resizer .fr-handler.fr-hne {
    right: -6px;
    top: -6px
}

.fr-image-resizer .fr-handler.fr-hsw {
    left: -6px;
    bottom: -6px
}

.fr-image-resizer .fr-handler.fr-hse {
    right: -6px;
    bottom: -6px
}

@media (min-width:1200px) {
    .fr-image-resizer .fr-handler {
        width: 10px;
        height: 10px
    }

    .fr-image-resizer .fr-handler.fr-hnw {
        left: -5px;
        top: -5px
    }

    .fr-image-resizer .fr-handler.fr-hne {
        right: -5px;
        top: -5px
    }

    .fr-image-resizer .fr-handler.fr-hsw {
        left: -5px;
        bottom: -5px
    }

    .fr-image-resizer .fr-handler.fr-hse {
        right: -5px;
        bottom: -5px
    }
}

.fr-image-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2147483640;
    display: none
}

.fr-popup .fr-image-upload-layer {
    border: dashed 2px #6a6e74;
    padding: 25px 0;
    margin: 20px;
    position: relative;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 140%;
    text-align: center
}

.fr-popup .fr-image-upload-layer:hover {
    background: #42464d
}

.fr-popup .fr-image-upload-layer.fr-drop {
    background: #42464d;
    border-color: #212428
}

.fr-popup .fr-image-upload-layer .fr-form {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483640;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important
}

.fr-popup .fr-image-upload-layer .fr-form input {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 500%;
    height: 100%;
    margin: 0;
    font-size: 400px
}

.fr-popup .fr-image-progress-bar-layer>h3 {
    font-size: 16px;
    margin: 10px 0;
    font-weight: normal
}

.fr-popup .fr-image-progress-bar-layer>div.fr-action-buttons {
    display: none
}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader {
    background: #bcbdbf;
    height: 10px;
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    position: relative
}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader span {
    display: block;
    height: 100%;
    width: 0%;
    background: #212428;
    -webkit-transition: width .2s ease 0s;
    -moz-transition: width .2s ease 0s;
    -ms-transition: width .2s ease 0s;
    -o-transition: width .2s ease 0s
}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader.fr-indeterminate span {
    width: 30% !important;
    position: absolute;
    top: 0;
    -webkit-animation: loading 2s linear infinite;
    -moz-animation: loading 2s linear infinite;
    -o-animation: loading 2s linear infinite;
    animation: loading 2s linear infinite
}

.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-loader {
    display: none
}

.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-action-buttons {
    display: block
}

.fr-image-size-layer .fr-image-group .fr-input-line {
    width: calc(50% - 5px);
    display: inline-block
}

.fr-image-size-layer .fr-image-group .fr-input-line+.fr-input-line {
    margin-left: 10px
}

.fr-uploading {
    -webkit-opacity: .4;
    -moz-opacity: .4;
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

@-webkit-keyframes loading {
    from {
        left: -25%
    }

    to {
        left: 100%
    }
}

@-moz-keyframes loading {
    from {
        left: -25%
    }

    to {
        left: 100%
    }
}

@-o-keyframes loading {
    from {
        left: -25%
    }

    to {
        left: 100%
    }
}

@keyframes loading {
    from {
        left: -25%
    }

    to {
        left: 100%
    }
}

img.fr-draggable {
    user-select: none
}

.fr-element table td.fr-selected-cell,
.fr-element table th.fr-selected-cell {
    border: 1px double #212428
}

.fr-element table td,
.fr-element table th {
    user-select: text;
    -o-user-select: text;
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text
}

.fr-element .fr-no-selection table td,
.fr-element .fr-no-selection table th {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-table-resizer {
    cursor: col-resize;
    position: absolute;
    z-index: 3;
    display: none
}

.fr-table-resizer.fr-moving {
    z-index: 2
}

.fr-table-resizer div {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border-right: 1px solid #fff
}

.fr-no-selection {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-popup .fr-table-size {
    margin: 20px
}

.fr-popup .fr-table-size .fr-table-size-info {
    text-align: center;
    font-size: 14px
}

.fr-popup .fr-table-size .fr-select-table-size {
    line-height: 0;
    padding: 5px;
    white-space: nowrap
}

.fr-popup .fr-table-size .fr-select-table-size>span {
    display: inline-block;
    padding: 0 4px 4px 0;
    background: transparent
}

.fr-popup .fr-table-size .fr-select-table-size>span>span {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid rgba(255, 255, 255, 0.12)
}

.fr-popup .fr-table-size .fr-select-table-size>span.hover {
    background: transparent
}

.fr-popup .fr-table-size .fr-select-table-size>span.hover>span {
    background: rgba(33, 36, 40, 0.3);
    border: solid 1px #212428
}

.fr-popup .fr-table-size .fr-select-table-size .new-line::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-popup .fr-table-size .fr-select-table-size .new-line::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-popup.fr-above .fr-table-size .fr-select-table-size>span {
    display: inline-block !important
}

.fr-popup .fr-table-colors {
    display: block;
    padding: 20px;
    padding-bottom: 0
}

.fr-popup.fr-desktop .fr-table-size .fr-select-table-size>span>span {
    width: 12px;
    height: 12px
}

.fr-insert-helper {
    position: absolute;
    z-index: 9999;
    white-space: nowrap
}

.fr-element .fr-video {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-element .fr-video::after {
    position: absolute;
    content: '';
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    display: block;
    background: rgba(0, 0, 0, 0)
}

.fr-element .fr-video.fr-active>* {
    z-index: 2;
    position: relative
}

.fr-element .fr-video>* {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    max-width: 100%;
    border: none
}

.fr-box .fr-video-resizer {
    position: absolute;
    border: solid 1px #212428;
    display: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-box .fr-video-resizer.fr-active {
    display: block,
}

.fr-box .fr-video-resizer .fr-handler {
    display: block;
    position: absolute;
    background: #212428;
    border: solid 1px #fff;
    z-index: 4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fr-box .fr-video-resizer .fr-handler.fr-hnw {
    cursor: nw-resize,
}

.fr-box .fr-video-resizer .fr-handler.fr-hne {
    cursor: ne-resize,
}

.fr-box .fr-video-resizer .fr-handler.fr-hsw {
    cursor: sw-resize,
}

.fr-box .fr-video-resizer .fr-handler.fr-hse {
    cursor: se-resize,
}

.fr-box .fr-video-resizer .fr-handler {
    width: 12px;
    height: 12px
}

.fr-box .fr-video-resizer .fr-handler.fr-hnw {
    left: -6px;
    top: -6px
}

.fr-box .fr-video-resizer .fr-handler.fr-hne {
    right: -6px;
    top: -6px
}

.fr-box .fr-video-resizer .fr-handler.fr-hsw {
    left: -6px;
    bottom: -6px
}

.fr-box .fr-video-resizer .fr-handler.fr-hse {
    right: -6px;
    bottom: -6px
}

@media (min-width:1200px) {
    .fr-box .fr-video-resizer .fr-handler {
        width: 10px;
        height: 10px
    }

    .fr-box .fr-video-resizer .fr-handler.fr-hnw {
        left: -5px;
        top: -5px
    }

    .fr-box .fr-video-resizer .fr-handler.fr-hne {
        right: -5px;
        top: -5px
    }

    .fr-box .fr-video-resizer .fr-handler.fr-hsw {
        left: -5px;
        bottom: -5px
    }

    .fr-box .fr-video-resizer .fr-handler.fr-hse {
        right: -5px;
        bottom: -5px
    }
}

.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line {
    width: calc(50% - 5px);
    display: inline-block
}

.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line+.fr-input-line {
    margin-left: 10px
}

.fr-popup .fr-video-upload-layer {
    border: dashed 2px #6a6e74;
    padding: 25px 0;
    margin: 20px;
    position: relative;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 140%;
    text-align: center
}

.fr-popup .fr-video-upload-layer:hover {
    background: #42464d
}

.fr-popup .fr-video-upload-layer.fr-drop {
    background: #42464d;
    border-color: #212428
}

.fr-popup .fr-video-upload-layer .fr-form {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483640;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important
}

.fr-popup .fr-video-upload-layer .fr-form input {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 500%;
    height: 100%;
    margin: 0;
    font-size: 400px
}

.fr-popup .fr-video-progress-bar-layer>h3 {
    font-size: 16px;
    margin: 10px 0;
    font-weight: normal
}

.fr-popup .fr-video-progress-bar-layer>div.fr-action-buttons {
    display: none
}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader {
    background: #bcbdbf;
    height: 10px;
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    position: relative
}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader span {
    display: block;
    height: 100%;
    width: 0%;
    background: #212428;
    -webkit-transition: width .2s ease 0s;
    -moz-transition: width .2s ease 0s;
    -ms-transition: width .2s ease 0s;
    -o-transition: width .2s ease 0s
}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader.fr-indeterminate span {
    width: 30% !important;
    position: absolute;
    top: 0;
    -webkit-animation: loading 2s linear infinite;
    -moz-animation: loading 2s linear infinite;
    -o-animation: loading 2s linear infinite;
    animation: loading 2s linear infinite
}

.fr-popup .fr-video-progress-bar-layer.fr-error>div.fr-loader {
    display: none
}

.fr-popup .fr-video-progress-bar-layer.fr-error>div.fr-action-buttons {
    display: block
}

.fr-video-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2147483640;
    display: none
}

.fr-autoplay-margin {
    margin-top: 0px !important
}

.fr-box.fr-basic {
    background: #42464d;
    border: solid 1px rgba(255, 255, 255, 0.12);
    border-color: var(--input-border-heavy) var(--input-border-light) var(--input-border-light) var(--input-border-heavy);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-box.fr-basic .fr-toolbar.fr-top {
    background: transparent
}

.fr-box.fr-basic.is-focused {
    background: #383c42
}

.fr-box.fr-basic.is-focused .fr-element {
    color: #fff
}

.fr-box.fr-basic.is-focused .fr-toolbar.fr-top {
    background: linear-gradient(180deg, #42464d, #383c42)
}

.fr-box.fr-basic.is-preview,
.fr-box.fr-basic.is-preview .fr-toolbar .fr-btn-grp.rte-tab--preview {
    background: #383c42;
    border-color: rgba(255, 255, 255, 0.12)
}

.fr-box.fr-basic .fr-wrapper {
    border: none
}

.fr-box.fr-basic .fr-element {
    padding-top: 10px
}

@media (max-width:568px) {
    .fr-box.fr-basic .fr-element {
        font-size: 16px
    }
}

.fr-toolbar {
    display: flex;
    flex-wrap: wrap;
    border: none;
    background: transparent;
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar .fr-command.fr-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.fr-toolbar .fr-command.fr-btn.fr-active:not(.fr-disabled) {
    color: #fff
}

.fr-toolbar .fr-command.fr-btn[data-cmd^="more"] {
    opacity: 0.5
}

.fr-toolbar .fr-command.fr-btn[data-cmd^="more"].fr-open {
    opacity: 1
}

.fr-toolbar .fr-command.fr-btn[data-cmd^="more"] i {
    width: 16px
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown {
    margin-right: 8px
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown:last-of-type {
    margin-right: 2px
}

.fr-toolbar .fr-btn-grp {
    --hpadding: 12px;
    display: inline-flex;
    border-style: solid;
    border-width: 0px;
    border-color: var(--input-border-heavy) var(--input-border-light) var(--input-border-light) var(--input-border-heavy);
    margin: 0;
    padding: 4px 0 0 12px;
    padding: 4px 0 0 var(--hpadding)
}

.fr-toolbar .fr-btn-grp:empty {
    padding: 0 !important
}

.fr-toolbar .fr-btn-grp.fr-float-left+.fr-btn-grp.fr-float-right:not(.rte-tab--preview) {
    flex: 1 1 0;
    justify-content: flex-end
}

.fr-toolbar .fr-btn-grp.rte-tab--beforePreview {
    padding-right: 12px;
    padding-right: var(--hpadding)
}

.fr-toolbar .fr-btn-grp.rte-tab--beforePreview.fr-float-left {
    flex-grow: 1
}

.fr-toolbar .fr-btn-grp.rte-tab--inactive {
    border-bottom-width: 1px
}

.fr-toolbar .fr-btn-grp.rte-tab--preview {
    border-left-width: 1px;
    border-radius: 0 3px 0 0;
    -moz-border-radius: 0 3px 0 0;
    -webkit-border-radius: 0 3px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 0 !important
}

.fr-toolbar .fr-btn-grp.rte-tab--preview .fr-command.fr-btn {
    padding: 4px 17px 0px 17px;
    padding: 4px calc(var(--hpadding) + 5px) 0px calc(var(--hpadding) + 5px);
    height: 36px;
    border-radius: 0 3px 0 0;
    -moz-border-radius: 0 3px 0 0;
    -webkit-border-radius: 0 3px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar .fr-btn-grp.rte-tab--preview .fr-command.fr-btn:hover {
    background: transparent
}

.fr-toolbar .fr-newline {
    margin: 0
}

.fr-toolbar .fr-command.fr-btn.fr-open {
    margin-top: 2px;
    padding-bottom: 4px;
    height: 36px
}

.fr-toolbar .fr-more-toolbar {
    position: absolute;
    bottom: 0
}

.fr-toolbar .fr-more-toolbar[style*="padding-left: 0px"] {
    padding-left: 6px !important
}

.fr-separator {
    float: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #6a6e74
}

.fr-separator.fr-vs {
    height: 28px;
    margin: 4px
}

.fr-toolbar>.fr-separator {
    display: none
}

.fr-box textarea.input {
    border: none;
    background: none
}

.fr-box.fr-basic[data-size="XL"] .fr-btn-grp,
.fr-box.fr-basic[data-size="LG"] .fr-btn-grp,
.fr-box.fr-basic[data-size="MD"] .fr-btn-grp {
    padding-right: 12px
}

.fr-box.fr-basic[data-size="SM"] .fr-btn-grp,
.fr-box.fr-basic[data-size="XS"] .fr-btn-grp {
    --hpadding: 6px
}

@media (min-width:1132px) {
    .fr-box.fr-basic[data-size="XL"] .rte-tab--preview span.fr-sr-only {
        font-size: 13px;
        position: static;
        width: auto;
        height: auto;
        clip: auto;
        overflow: visible;
        margin: 0
    }
}

.fr-toolbar,
.fr-popup,
.fr-modal {
    z-index: 3
}

.fr-toolbar .fr-command.fr-btn i,
.fr-popup .fr-command.fr-btn i,
.fr-modal .fr-command.fr-btn i {
    font-size: 18px
}

.fr-toolbar .fr-tabs .fr-command.fr-btn i,
.fr-popup .fr-tabs .fr-command.fr-btn i,
.fr-modal .fr-tabs .fr-command.fr-btn i {
    margin: 4px 11px
}

.fr-toolbar .fr-command.fr-btn svg path,
.fr-popup .fr-command.fr-btn svg path,
.fr-modal .fr-command.fr-btn svg path {
    fill: currentColor;
    -webkit-transition: none .2s ease;
    transition: none .2s ease
}

.fr-toolbar .fr-tabs .fr-separator.fr-vs,
.fr-popup .fr-tabs .fr-separator.fr-vs,
.fr-modal .fr-tabs .fr-separator.fr-vs {
    margin-top: 2px;
    margin-bottom: 2px
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a i {
    font-size: 18px;
    margin: 8px 7px
}

.fr-view img.fr-draggable:not(.smilie),
.fr-view .bbImage {
    max-width: 100%;
    height: auto
}

.fr-view .fr-video {
    position: relative
}

.fr-view .fr-video video {
    width: 560px;
    max-width: 100%
}

.fr-view .fr-audio {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fr-view .fr-audio audio {
    width: 560px;
    max-width: 100%
}

.fr-view p {
    margin-bottom: 0;
    margin-top: 0
}

.fr-view.fr-element .fr-disabled {
    color: #b5b9c0;
    background: rgba(181, 185, 192, 0.2)
}

.fr-view.fr-element img.fr-dii {
    display: inline-block;
    float: none;
    margin: 0;
    max-width: 100%
}

.fr-view.fr-element img.fr-dii.fr-fil {
    float: left;
    margin: .25em 1.35em 1.35em 0;
    max-width: calc(100% - .25em)
}

.fr-view.fr-element img.fr-dii.fr-fir {
    float: right;
    margin: .25em 0 1.35em 1.35em;
    max-width: calc(100% - .25em)
}

.fr-view.fr-element .fr-video.fr-dvi {
    display: inline-block;
    float: none;
    margin-left: .25em;
    margin-right: .25em;
    max-width: calc(100% - (2 * .25em));
    outline: 1px solid rgba(255, 255, 255, 0.12)
}

.fr-view.fr-element .fr-video.fr-dvi.fr-fvl {
    float: left;
    margin: .25em 1.35em 1.35em 0;
    max-width: calc(100% - .25em)
}

.fr-view.fr-element .fr-video.fr-dvi.fr-fvr {
    float: right;
    margin: .25em 0 1.35em 1.35em;
    max-width: calc(100% - .25em)
}

.fr-view>table {
    border: none;
    border-collapse: collapse;
    empty-cells: show;
    max-width: 100%
}

.fr-view>table>thead>tr>th,
.fr-view>table>tbody>tr>th {
    background: #383c42;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-bottom-color: #212428;
    border-bottom-width: 2px;
    padding: 4px
}

.fr-view>table>thead>tr>td,
.fr-view>table>tbody>tr>td {
    background: #383c42;
    border: 1px solid rgba(255, 255, 255, 0.12);
    padding: 4px
}

.fr-view h2,
.fr-view h3,
.fr-view h4 {
    margin: .5em 0;
    clear: both
}

.fr-view h2 {
    font-size: 2.2rem
}

.fr-view h3 {
    font-size: 1.8rem
}

.fr-view h4 {
    font-size: 1.5rem
}

.fr-view hr {
    border: none;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    clear: both
}

.fr-view blockquote {
    background: #42464d;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-left: 2px solid #212428;
    margin: .5em 0;
    padding: 10px 16px;
    font-size: 1.3rem;
    display: flow-root
}

.fr-view blockquote>table {
    border: none;
    border-collapse: collapse;
    empty-cells: show;
    max-width: 100%
}

.fr-view blockquote>table>thead>tr>th,
.fr-view blockquote>table>tbody>tr>th {
    background: #383c42;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-bottom-color: #212428;
    border-bottom-width: 2px;
    padding: 4px
}

.fr-view blockquote>table>thead>tr>td,
.fr-view blockquote>table>tbody>tr>td {
    background: #383c42;
    border: 1px solid rgba(255, 255, 255, 0.12);
    padding: 4px
}

.fr-view blockquote>table {
    border: none;
    border-collapse: collapse;
    empty-cells: show;
    max-width: 100%
}

.fr-view blockquote>table>thead>tr>th,
.fr-view blockquote>table>tbody>tr>th {
    background: #383c42;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-bottom-color: #212428;
    border-bottom-width: 2px;
    padding: 4px
}

.fr-view blockquote>table>thead>tr>td,
.fr-view blockquote>table>tbody>tr>td {
    background: #383c42;
    border: 1px solid rgba(255, 255, 255, 0.12);
    padding: 4px
}

.fr-view blockquote:first-child {
    margin-top: 0
}

.fr-view blockquote:last-child {
    margin-bottom: 0
}

.fr-view blockquote[data-quote]:before {
    display: block;
    content: attr(data-quote) ":";
    font-size: 1.3rem;
    color: #db2309;
    background: #3d4148;
    padding: 10px 16px;
    margin: -10px -16px 10px -16px
}

.fr-popup .fr-input-line {
    padding: 18px 0 8px
}

.fr-popup .fr-input-line input[type="text"],
.fr-popup .fr-input-line textarea {
    font-size: 1.4rem;
    color: #fff;
    background: #42464d;
    border-width: 1px;
    border-style: solid;
    border-top-color: rgba(255, 255, 255, 0.12);
    border-right-color: rgba(255, 255, 255, 0.12);
    border-bottom-color: rgba(255, 255, 255, 0.12);
    border-left-color: rgba(255, 255, 255, 0.12);
    border-radius: 3px;
    padding: 6px;
    margin: 0;
    line-height: 1.4;
    -webkit-transition: background .2s ease, color .2s ease;
    transition: background .2s ease, color .2s ease;
    height: auto
}

.fr-popup .fr-input-line input[type="text"]:hover,
.fr-popup .fr-input-line textarea:hover {
    border-width: 1px;
    border-style: solid;
    border-top-color: rgba(255, 255, 255, 0.12);
    border-right-color: rgba(255, 255, 255, 0.12);
    border-bottom-color: rgba(255, 255, 255, 0.12);
    border-left-color: rgba(255, 255, 255, 0.12)
}

.fr-popup .fr-input-line input[type="text"]:focus,
.fr-popup .fr-input-line textarea:focus {
    border-width: 1px;
    border-style: solid;
    border-top-color: rgba(255, 255, 255, 0.12);
    border-right-color: rgba(255, 255, 255, 0.12);
    border-bottom-color: rgba(255, 255, 255, 0.12);
    border-left-color: rgba(255, 255, 255, 0.12);
    padding: 6px;
    background: #383c42;
    --o-border-heavy: #2d3136;
    --o-border-light: #1a1c20
}

@media (max-width:568px) {

    .fr-popup .fr-input-line input[type="text"],
    .fr-popup .fr-input-line textarea {
        font-size: 16px
    }
}

.fr-popup .fr-input-line input+label,
.fr-popup .fr-input-line textarea+label {
    line-height: 1.2;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.4);
    background: transparent;
    top: 28px
}

.fr-popup .fr-input-line input.fr-not-empty+label,
.fr-popup .fr-input-line textarea.fr-not-empty+label {
    color: #b5b9c0;
    top: 2px
}

.fr-popup .fr-action-buttons {
    height: auto
}

.fr-popup .fr-action-buttons button.fr-command {
    display: inline-block;
    border: 1px solid transparent;
    -webkit-transition: background-color .1s ease, border-color .1s ease, color .1s ease;
    transition: background-color .1s ease, border-color .1s ease, color .1s ease;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease;
    font-size: 14px;
    font-weight: 500;
    border-radius: 3px;
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 10px;
    text-align: center;
    outline: none;
    line-height: 32px;
    height: 32px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-sizing: content-box;
    -webkit-appearance: none;
    text-transform: uppercase;
    will-change: box-shadow;
    transition: all .3s cubic-bezier(.25, .8, .25, 1);
    white-space: nowrap;
    color: #fff;
    background: #212428;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
    border: none;
    border-color: #33383e;
    height: auto;
    min-width: 0;
    line-height: 1.4
}

.fr-popup .fr-action-buttons button.fr-command.button--splitTrigger>.button-text {
    border-right-color: #2d3136
}

.fr-popup .fr-action-buttons button.fr-command.button--splitTrigger>.button-menu {
    border-left-color: #15171a
}

.fr-popup .fr-action-buttons button.fr-command:hover,
.fr-popup .fr-action-buttons button.fr-command:active,
.fr-popup .fr-action-buttons button.fr-command:focus {
    background-color: #1d232c;
    color: #fff;
    background: #1d232c;
    box-shadow: 0 6px 10px 0px rgba(0, 0, 0, 0.14), 0 1px 18px 0px rgba(0, 0, 0, 0.12), 0 3px 5px 0 rgba(0, 0, 0, 0.2)
}

.fr-popup .fr-color-set>span .fr-selected-color {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fr-quick-insert {
    padding-right: 0;
    margin-left: 10px;
    z-index: 200
}

.fr-second-toolbar {
    display: none
}

.fr-popup textarea {
    resize: none
}

.fr-image-resizer.fr-active {
    display: block
}

.fr-image-resizer .fr-handler.fr-hnw {
    cursor: nw-resize
}

.fr-image-resizer .fr-handler.fr-hne {
    cursor: ne-resize
}

.fr-image-resizer .fr-handler.fr-hsw {
    cursor: sw-resize
}

.fr-image-resizer .fr-handler.fr-hse {
    cursor: se-resize
}

.fr-box .fr-video-resizer.fr-active {
    display: block
}

.fr-box .fr-video-resizer .fr-handler.fr-hnw {
    cursor: nw-resize
}

.fr-box .fr-video-resizer .fr-handler.fr-hne {
    cursor: ne-resize
}

.fr-box .fr-video-resizer .fr-handler.fr-hsw {
    cursor: sw-resize
}

.fr-box .fr-video-resizer .fr-handler.fr-hse {
    cursor: se-resize
}

.menu--emoji {
    width: 412px
}

.menu--gif {
    width: 500px
}

.menu--emoji,
.menu--gif {
    max-width: calc(100% - 20px)
}

.menu--emoji .menu-content,
.menu--gif .menu-content {
    position: relative
}

.menu--emoji .menu-scroller,
.menu--gif .menu-scroller {
    max-height: 250px;
    border-top: 0
}

.menu--emoji .menu-row,
.menu--gif .menu-row {
    padding: 10px 10px
}

.menu--emoji .menu-row.menu-row--insertedMessage,
.menu--gif .menu-row.menu-row--insertedMessage {
    display: none;
    opacity: 0;
    -webkit-transition: all .2s ease, -xf-opacity .2s ease;
    transition: all .2s ease, -xf-opacity .2s ease;
    overflow-y: hidden;
    height: 0;
    -webkit-transition-property: all, -xf-height;
    transition-property: all, -xf-height;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12)
}

.menu--emoji .menu-row.menu-row--insertedMessage.is-active,
.menu--gif .menu-row.menu-row--insertedMessage.is-active {
    display: block
}

.menu--emoji .menu-row.menu-row--insertedMessage.is-active,
.menu--gif .menu-row.menu-row--insertedMessage.is-active {
    display: block;
    opacity: 1
}

.menu--emoji .menu-row.menu-row--insertedMessage.is-transitioning,
.menu--gif .menu-row.menu-row--insertedMessage.is-transitioning {
    display: block
}

.menu--emoji .menu-row.menu-row--insertedMessage.is-active,
.menu--gif .menu-row.menu-row--insertedMessage.is-active {
    height: auto;
    overflow-y: visible
}

.menu--emoji .menu-row.menu-row--insertedMessage.is-transitioning,
.menu--gif .menu-row.menu-row--insertedMessage.is-transitioning {
    overflow-y: hidden
}

.menu--emoji .menu-row.menu-row--search,
.menu--gif .menu-row.menu-row--search {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12)
}

.menu--emoji .menu-emojiInsertedMessage,
.menu--gif .menu-emojiInsertedMessage {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 35px;
    font-size: 1.4rem
}

.menu--emoji .menu-emojiInsertedMessage img,
.menu--gif .menu-emojiInsertedMessage img {
    max-height: 32px
}

.menu--emoji .menu-emojiInsertedMessage span,
.menu--gif .menu-emojiInsertedMessage span {
    margin-left: .5em
}

.menu--emoji .menu-header,
.menu--gif .menu-header {
    background: none;
    font-size: 1.5rem;
    color: #fff;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    background-color: #383c42;
    z-index: 100;
    font-size: 1.4rem;
    position: -webkit-sticky;
    position: sticky;
    padding: 10px 16px;
    top: 0
}

.menu--emoji .block-body--emoji,
.menu--gif .block-body--emoji {
    border-top: 1px solid rgba(255, 255, 255, 0.12)
}

.menu--emoji .is-hidden,
.menu--gif .is-hidden {
    display: none
}

.emojiList {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-right: -3px;
    margin-bottom: -3px
}

.emojiList>li {
    min-width: 32px;
    margin-right: 3px;
    margin-bottom: 3px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    cursor: pointer
}

.emojiList>li:hover,
.emojiList>li:focus {
    background-color: #42464d
}

.emojiList>li a {
    min-width: 32px;
    height: 32px;
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    overflow: hidden
}

.emojiList>li a:hover,
.emojiList>li a:focus {
    text-decoration: none
}

.emojiList>li a img {
    max-height: 32px
}

.emojiList>li a .smilie.smilie--emoji {
    width: 22px
}

.emojiList>li a .smilie--lazyLoad {
    visibility: hidden
}

.editorPlaceholder {
    cursor: text
}

.editorPlaceholder .is-hidden {
    display: none
}

.editorPlaceholder .editorPlaceholder-placeholder .input {
    padding: 16px
}

.editorPlaceholder .editorPlaceholder-placeholder .input span:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f304";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.editorDraftIndicator {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    opacity: 0;
    position: absolute;
    bottom: 6px;
    right: 8px;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: #7fb900
}

.editorDraftIndicator.is-active {
    opacity: 1
}

.xfPreview:before,
.xfPreview:after {
    content: " ";
    display: table
}

.xfPreview:after {
    clear: both
}

/********* public:message.less ********/
.message+.message,
.message.message--bordered {
    border-top: 1px solid rgba(255, 255, 255, 0.12)
}

.message.is-mod-selected,
.block--messages .message.is-mod-selected {
    background: #363a3f
}

.message.is-mod-selected .message-cell--user,
.block--messages .message.is-mod-selected .message-cell--user,
.message.is-mod-selected .message-cell--main,
.block--messages .message.is-mod-selected .message-cell--main,
.message.is-mod-selected .message-cell--vote,
.block--messages .message.is-mod-selected .message-cell--vote {
    background: #363a3f
}

.message.is-mod-selected .message-userArrow:after,
.block--messages .message.is-mod-selected .message-userArrow:after {
    border-right-color: #363a3f
}

.message-inner {
    display: flex
}

.message-inner+.message-inner {
    border-top: 1px solid rgba(255, 255, 255, 0.12)
}

.message-cell {
    display: block;
    vertical-align: top;
    padding: 10px
}

.message--quickReply .message-cell>.formRow:last-child>dd {
    padding-bottom: 0
}

.message-cell.message-cell--closer {
    padding: 10px
}

.message-cell.message-cell--closer.message-cell--user {
    flex: 0 0 140px
}

.message--simple .message-cell.message-cell--closer.message-cell--user {
    flex: 0 0 90px
}

.message-cell.message-cell--closer.message-cell--action {
    flex: 0 0 60px
}

.message-cell.message-cell--user,
.message-cell.message-cell--action {
    position: relative;
    background: #42464d;
    border-right: 1px solid rgba(255, 255, 255, 0.12);
    min-width: 0
}

.message-cell.message-cell--vote {
    position: relative;
    background: #42464d;
    border-left: 1px solid rgba(255, 255, 255, 0.12);
    border-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding: 0
}

.message--solution .message-cell.message-cell--vote {
    background: #daf3d8
}

.message--solution .message-cell.message-cell--vote .contentVote {
    color: #3d793f
}

.message-cell.message-cell--vote .solutionIcon {
    margin-top: 10px
}

.message-cell.message-cell--user {
    flex: 0 0 140px
}

.message--simple .message-cell.message-cell--user {
    flex: 0 0 90px
}

.message-cell.message-cell--action {
    flex: 0 0 60px
}

.message-cell.message-cell--main {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0
}

.message-cell.message-cell--main.is-editing {
    padding: 0
}

.message-cell.message-cell--main .block {
    margin: 0
}

.message-cell.message-cell--main .block-container {
    margin: 0;
    border: none
}

.message-cell.message-cell--alert {
    font-size: 1.3rem;
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    color: #dee0e3;
    background: #212428
}

.message-cell.message-cell--alert a {
    color: #212428
}

.message-cell.message-cell--extra {
    flex: 0 0 200px;
    border-left: 1px solid rgba(255, 255, 255, 0.12);
    background: #42464d
}

.message-cell.message-cell--extra .formRow-explain {
    margin: 10px 0 0;
    font-size: 1.3rem;
    color: #b5b9c0;
    font-size: 80%
}

.message-cell.message-cell--extra .formRow-explain a {
    color: inherit;
    text-decoration: underline
}

.message-cell.message-cell--header,
.message-cell.message-cell--solutionHeader {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    padding: 16px 16px;
    margin: 0
}

.message-cell.message-cell--header {
    font-weight: 400;
    text-decoration: none;
    font-size: 1.5rem;
    color: #fff;
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    border-bottom: none
}

.message-cell.message-cell--header a {
    color: inherit;
    text-decoration: none
}

.message-cell.message-cell--header a:hover {
    text-decoration: underline
}

.message-cell.message-cell--solutionHeader {
    color: #3d793f;
    font-size: 1.5rem;
    background: #daf3d8;
    border-left: 2px solid #63b265
}

.message-main {
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0
}

.has-browser-safari .uix_message--condensed .message-main {
    height: auto
}

.message-content {
    flex: 1 1 auto;
    min-height: 1px;
    max-width: 100%
}

.message-footer {
    margin-top: auto
}

.message-expandWrapper {
    position: relative;
    overflow: hidden;
    -webkit-transition: -xf-height height ease;
    transition: -xf-height height ease
}

.message-expandWrapper .message-expandContent {
    max-height: 250px;
    overflow: hidden
}

.message-expandWrapper .message-expandContent--small {
    max-height: 160px
}

.message-expandWrapper.is-expandable .message-expandLink {
    display: block
}

.message-expandWrapper.is-expanded .message-expandContent {
    max-height: none
}

.message-expandWrapper.is-expanded .message-expandLink {
    display: none
}

.message-column {
    display: flex;
    flex-direction: column;
    align-items: center
}

.message-expandLink {
    display: none;
    position: absolute;
    top: 60%;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: pointer;
    z-index: 100;
    background: transparent;
    background: linear-gradient(to bottom, rgba(56, 60, 66, 0) 0%, #383c42 70%)
}

.message-expandLink:empty {
    cursor: auto;
    background: transparent;
    background: linear-gradient(to bottom, rgba(56, 60, 66, 0) 0%, #383c42 100%)
}

.message-expandLink a {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 1.3rem;
    color: #db2309;
    text-decoration: none
}

form.message--simple .message-cell--main {
    flex-direction: column;
    padding: 16px
}

.message--quickReply .message-cell--main {
    flex-direction: column;
    padding: 10px
}

@media (max-width:650px) {
    .message:not(.message--forceColumns) .message-inner {
        display: block
    }

    .message:not(.message--forceColumns) .message-cell {
        display: block
    }

    .message:not(.message--forceColumns) .message-cell:before,
    .message:not(.message--forceColumns) .message-cell:after {
        content: " ";
        display: table
    }

    .message:not(.message--forceColumns) .message-cell:after {
        clear: both
    }

    .message:not(.message--forceColumns) .message-cell.message-cell--user {
        width: auto;
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12)
    }

    .message:not(.message--forceColumns) .message-cell.message-cell--vote {
        width: auto;
        border-left: none;
        border-top: 1px solid rgba(255, 255, 255, 0.12)
    }

    .message:not(.message--forceColumns) .message-cell.message-cell--vote .solutionIcon {
        margin-top: 0
    }

    .message:not(.message--forceColumns) .message-cell.message-cell--extra {
        width: auto;
        border-left: none;
        border-top: 1px solid rgba(255, 255, 255, 0.12)
    }

    .message:not(.message--forceColumns) .message-column {
        flex-direction: row;
        justify-content: space-evenly
    }

    .message--simple:not(.message--forceColumns) .message-cell.message-cell--user,
    .message--quickReply:not(.message--forceColumns) .message-cell.message-cell--user {
        display: none
    }
}

.message-userArrow {
    position: absolute;
    top: 20px;
    right: -1px;
    border: 10px solid transparent;
    border-left-width: 0;
    border-right-color: rgba(255, 255, 255, 0.12);
    display: none
}

.message-userArrow:after {
    position: absolute;
    top: -9px;
    right: -10px;
    content: "";
    border: 9px solid transparent;
    border-left-width: 0;
    border-right-color: #383c42
}

.message-avatar {
    text-align: center
}

.message-avatar .avatar {
    vertical-align: bottom;
    max-width: 120px;
    max-height: 120px
}

.message-avatar-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: .5em
}

.message-avatar-wrapper .message-avatar-online {
    position: absolute;
    left: 50%;
    margin-left: -.615em;
    bottom: -.5em
}

.message-avatar-wrapper .message-avatar-online:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f2bd";
    width: .969em;
    text-align: center;
    line-height: 1;
    font-weight: bold;
    color: #7fb900;
    background: #383c42;
    border: #383c42 solid 2px;
    background: ;
    border-color: ;
    background: #42464d;
    border-color: #42464d;
    border-radius: 50%;
    display: inline-block
}

.message-name {
    font-weight: 500;
    font-size: inherit;
    text-align: center;
    margin: 0
}

.message-userTitle {
    font-size: 1.2rem;
    font-weight: normal;
    text-align: center;
    margin: 0
}

.message-userBanner.userBanner {
    margin-top: 3px
}

@media (min-width:650px) {
    .message-userBanner.userBanner {
        display: block
    }
}

.message-userExtras {
    font-size: 1.2rem
}

.message-userExtras dl.pairs dt:after {
    content: ''
}

.message-userExtras .pairs {
    display: flex;
    align-items: center;
    margin-top: 3px
}

.message-userExtras .pairs i {
    font-size: 18px
}

.message-userExtras .pairs dd {
    min-width: 0;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left
}

.message--deleted .message-userDetails {
    display: none
}

.message--deleted .message-avatar .avatar {
    width: 48px;
    height: 48px;
    font-size: 29px
}

@media (min-width:650px) {
    .message-userDetails {
        text-align: center
    }
}

@media (max-width:650px) {
    .uix_messagePostBitWrapper {
        display: flex;
        flex-grow: 1;
        flex-direction: column;
        min-width: 0;
        max-width: 100%
    }

    .message:not(.message--forceColumns) .message-userArrow {
        top: auto;
        right: auto;
        bottom: -1px;
        left: 24px;
        border: none;
        border: 10px solid transparent;
        border-top-width: 0;
        border-bottom-color: rgba(255, 255, 255, 0.12)
    }

    .message:not(.message--forceColumns) .message-userArrow:after {
        top: auto;
        right: auto;
        left: -9px;
        bottom: -10px;
        border: none;
        border: 9px solid transparent;
        border-top-width: 0;
        border-bottom-color: #383c42
    }

    .message:not(.message--forceColumns).is-mod-selected .message-userArrow:after {
        border-color: transparent;
        border-bottom-color: #363a3f
    }

    .message:not(.message--forceColumns) .message-user {
        display: flex
    }

    .message:not(.message--forceColumns) .message-avatar {
        margin-bottom: 0
    }

    .message:not(.message--forceColumns) .message-avatar .avatar {
        width: 48px;
        height: 48px;
        font-size: 29px
    }

    .message:not(.message--forceColumns) .message-avatar .avatar+.message-avatar-online {
        left: auto;
        right: 0
    }

    .message:not(.message--forceColumns) .message-userDetails {
        flex: 1;
        min-width: 0;
        padding-left: 10px;
        width: 100%
    }

    .message:not(.message--forceColumns) .message-userExtras {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding-left: 10px;
        padding-top: 4px
    }

    .message:not(.message--forceColumns) .message-userExtras .pairs {
        margin-right: 10px;
        line-height: 1.3
    }

    .message:not(.message--forceColumns) .message-name {
        text-align: left
    }

    .message:not(.message--forceColumns) .message-userTitle,
    .message:not(.message--forceColumns) .message-userBanner.userBanner {
        display: inline-block;
        text-align: left;
        margin: 0
    }

    .message:not(.message--forceColumns) .message--deleted .message-userDetails {
        display: block
    }
}

.message-content {
    position: relative
}

.message-content .js-selectToQuoteEnd {
    height: 0;
    font-size: 0;
    overflow: hidden
}

.message--multiQuoteList .message-content {
    min-height: 80px;
    max-height: 120px;
    overflow: hidden
}

.message--multiQuoteList .message-content .message-body {
    pointer-events: none
}

.message-attribution {
    color: #b5b9c0;
    font-size: 1.2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    padding-bottom: 3px;
    border-width: 0;
    border-style: solid;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.message-attribution.message-attribution--plain {
    border-bottom: none;
    font-size: inherit
}

.message-attribution.message-attribution--split {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    grid-gap: 10px
}

.message-attribution.message-attribution--split .message-attribution-opposite {
    margin-left: auto
}

.message-attribution-main {
    float: left;
    margin-right: 10px
}

.message-attribution-opposite {
    float: right
}

.message-attribution-opposite.message-attribution-opposite--list {
    display: flex;
    line-height: 1;
    list-style: none;
    margin: 0;
    padding: 0
}

.message-attribution-opposite.message-attribution-opposite--list>li {
    margin-left: 14px
}

.message-attribution-opposite.message-attribution-opposite--list>li:first-child {
    margin-left: 0
}

.message-attribution-opposite a {
    color: inherit
}

.message-attribution-opposite a:hover {
    text-decoration: none;
    color: #fff
}

.message-attribution-gadget {
    display: inline-block;
    margin: -3px -7px;
    padding: 3px 7px
}

.message-attribution-source {
    font-size: 1.2rem;
    margin-bottom: 4px
}

.message-attribution-user {
    font-weight: 500
}

.message-attribution-user .avatar {
    display: none
}

.message-attribution-user .attribution {
    display: inline;
    font-size: inherit;
    font-weight: inherit;
    margin: 0
}

.message-newIndicator,
a.message-newIndicator {
    font-size: 90%;
    color: #fff;
    background: #212428;
    border-radius: 3px;
    padding-top: 1px;
    padding-right: 4px;
    padding-bottom: 1px;
    padding-left: 4px;
    white-space: nowrap
}

a.message-newIndicator:hover {
    color: #fff
}

.message-minorHighlight {
    font-size: 1.3rem;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px
}

.message-fields {
    margin: 10px 0;
    padding: 10px;
    padding-top: 0;
    margin: 0
}

.message--simple .message-fields {
    margin-top: 10px;
    margin-bottom: 10px
}

.message-fields:last-child {
    margin-bottom: 0
}

.message-fields dt,
.message-fields dd {
    vertical-align: top
}

.message-fields .pairs dd {
    display: inline-block
}

.message-body {
    margin: 10px 0;
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    padding-bottom: 10px;
    margin: 0
}

.message-body:before,
.message-body:after {
    content: " ";
    display: table
}

.message-body:after {
    clear: both
}

.message--simple .message-body {
    margin-bottom: 10px
}

.message-body:last-child {
    margin-bottom: 0
}

.message-body .message-title {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0 0 10px 0;
    padding: 0
}

.message-attachments {
    margin: .5em 0;
    background: #484d56;
    padding: 10px;
    margin-top: 0;
    margin-bottom: 10px
}

.message-attachments-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.message-lastEdit {
    margin-top: .5em;
    color: #b5b9c0;
    font-size: 1.2rem;
    text-align: right;
    padding: 0 10px 10px
}

.message-signature {
    margin-top: 10px;
    font-size: 1.2rem;
    color: #b5b9c0;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 0
}

.message-actionBar .actionBar-set {
    font-size: 1.3rem
}

.message .likesBar {
    margin-top: 10px;
    padding: 10px;
    background: none;
    border-width: 0;
    border-style: solid;
    padding: 0;
    padding-bottom: 10px;
    margin: 0
}

.message .reactionsBar {
    margin-top: 10px;
    padding: 10px;
    background: none;
    border-width: 0;
    border-style: solid;
    padding: 0;
    padding-bottom: 10px;
    margin: 0
}

.message-historyTarget {
    margin-top: 10px
}

.message-gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: #383c42;
    background: linear-gradient(to bottom, rgba(56, 60, 66, 0) 0%, #383c42 90%)
}

.message-responses {
    margin-top: 10px;
    font-size: 1.3rem
}

.message-responses .editorPlaceholder .input {
    font-size: inherit
}

.message-responseRow {
    margin-top: -1px;
    background: #42464d;
    border: 1px solid rgba(255, 255, 255, 0.12);
    padding: 10px
}

.message-responseRow.message-responseRow--likes,
.message-responseRow.message-responseRow--reactions {
    display: none;
    opacity: 0;
    -webkit-transition: all .2s ease, -xf-opacity .2s ease;
    transition: all .2s ease, -xf-opacity .2s ease;
    overflow-y: hidden;
    height: 0;
    -webkit-transition-property: all, -xf-height;
    transition-property: all, -xf-height
}

.message-responseRow.message-responseRow--likes.is-active,
.message-responseRow.message-responseRow--reactions.is-active {
    display: block;
    opacity: 1
}

.message-responseRow.message-responseRow--likes.is-transitioning,
.message-responseRow.message-responseRow--reactions.is-transitioning {
    display: block
}

.message-responseRow.message-responseRow--likes.is-active,
.message-responseRow.message-responseRow--reactions.is-active {
    height: auto;
    overflow-y: visible
}

.message-responseRow.message-responseRow--likes.is-transitioning,
.message-responseRow.message-responseRow--reactions.is-transitioning {
    overflow-y: hidden
}

@media (max-width:650px) {
    .message:not(.message--forceColumns) .message-attribution-user .avatar {
        display: inline-flex;
        width: 1.96rem;
        height: 1.96rem;
        font-size: 1rem
    }

    .message:not(.message--forceColumns) .message-content {
        min-height: 1px
    }
}

@media (max-width:480px) {
    .message-signature {
        display: none
    }
}

.message-menuGroup {
    display: inline-block
}

.message-menuTrigger {
    display: inline-block
}

.message-menuTrigger:after {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0d7";
    width: 1.2em;
    display: inline-block;
    text-align: center;
    font-weight: 900;
    font-size: inherit;
    unicode-bidi: isolate;
    text-align: right
}

.message-menuTrigger:hover:after {
    color: black
}

.message-menu-section--editDelete .menu-linkRow {
    font-weight: 500;
    font-size: 1.4rem
}

.message-menu-link--delete i:after {
    content: "\f2ed";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.message-menu-link--edit i:after {
    content: "\f044";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.message-menu-link--report i:after {
    content: "\f119";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.message-menu-link--warn i:after {
    content: "\f071";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.message-menu-link--spam i:after {
    content: "\f05e";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.message-menu-link--ip i:after {
    content: "\f0e8";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.message-menu-link--history i:after {
    content: "\f1da";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.message-menu-link--follow i:after {
    content: "\f234";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.message-menu-link--ignore i:after {
    content: "\f235";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.message-menu-link--share i:after {
    content: "\f1e0";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.message-articleUserInfo {
    background: #42464d;
    border-top: 1px solid rgba(255, 255, 255, 0.12)
}

.message-articleUserInfo:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.message-articleUserInfo .contentRow-figure {
    width: 120px;
    text-align: center
}

.message-articleUserInfo .contentRow-main {
    padding-left: 20px;
    text-align: left
}

@media (max-width:650px) {
    .message-articleUserInfo .contentRow-figure {
        width: auto
    }

    .message-articleUserInfo .contentRow-main {
        padding-left: 16px
    }
}

.message-articleWrittenBy {
    color: #b5b9c0;
    font-size: 1.3rem
}

.message-articleUserName {
    font-weight: 500;
    font-size: 1.8rem;
    margin: 0;
    display: inline
}

.message-articleUserBlurb,
.message-articleUserBlurb div {
    font-size: 1.3rem;
    display: inline
}

.message-articleUserAbout {
    font-size: 1.3rem;
    margin: .5em 0
}

.message-articleUserBanners .userBanner {
    margin-bottom: 3px
}

.message-articleUserStats {
    font-size: 1.3rem;
    color: #b5b9c0
}

@media (max-width:480px) {
    .message-articleUserStats {
        display: none
    }
}

.comment-inner {
    display: table;
    table-layout: fixed;
    width: 100%
}

.comment-avatar {
    display: table-cell;
    width: 24px;
    vertical-align: top
}

.comment-avatar .avatar,
.comment-avatar img {
    vertical-align: bottom
}

.comment-main {
    display: table-cell;
    padding-left: 10px;
    vertical-align: top
}

.comment-contentWrapper {
    margin-bottom: 10px
}

.message-responses .comment-actionBar.actionBar {
    padding: 0
}

.message-responses .comment-actionBar .actionBar-set.actionBar-set--internal {
    padding: 0
}

.comment-user {
    font-weight: 500
}

.comment-body {
    display: inline
}

.comment-note {
    color: #b5b9c0;
    font-size: 1.2rem
}

.comment-input {
    display: block;
    height: 2.34em;
    margin-bottom: 10px
}

.comment-actionBar .actionBar-set {
    color: #b5b9c0
}

.comment-likes,
.comment-reactions {
    display: none;
    opacity: 0;
    -webkit-transition: all .2s ease, -xf-opacity .2s ease;
    transition: all .2s ease, -xf-opacity .2s ease;
    overflow-y: hidden;
    height: 0;
    -webkit-transition-property: all, -xf-height;
    transition-property: all, -xf-height;
    margin-top: 10px;
    font-size: 1.2rem
}

.comment-likes.is-active,
.comment-reactions.is-active {
    display: block;
    opacity: 1
}

.comment-likes.is-transitioning,
.comment-reactions.is-transitioning {
    display: block
}

.comment-likes.is-active,
.comment-reactions.is-active {
    height: auto;
    overflow-y: visible
}

.comment-likes.is-transitioning,
.comment-reactions.is-transitioning {
    overflow-y: hidden
}

.actionBar {
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    padding: 10px;
    margin: -10px;
    margin-top: 0
}

.actionBar:before,
.actionBar:after {
    content: " ";
    display: table
}

.actionBar:after {
    clear: both
}

.actionBar-set.actionBar-set--internal {
    float: left;
    margin-left: -3px
}

.actionBar-set.actionBar-set--internal>.actionBar-action:first-child {
    margin-left: 0
}

.actionBar-set.actionBar-set--external {
    float: right;
    margin-right: -3px
}

.actionBar-set.actionBar-set--external>.actionBar-action:last-child {
    margin-right: 0
}

.formSubmitRow.formSubmitRow--messageQr .formSubmitRow-controls {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    margin-left: 10px;
    margin-right: 10px
}

@media (max-width:540px) {
    .formSubmitRow.formSubmitRow--messageQr .formSubmitRow-controls {
        text-align: right
    }
}

.menu .formSubmitRow.formSubmitRow--messageQr .formSubmitRow-controls {
    text-align: right
}

.comment-content .messageNotice,
.messageNotice {
    margin: 10px 0;
    padding: 10px 10px;
    color: #dee0e3;
    background: #212428;
    font-size: 1.2rem;
    border-left: 2px solid #212428;
    background: #484d56;
    margin-top: 0
}

.comment-content .messageNotice.messageNotice--deleted,
.messageNotice.messageNotice--deleted {
    border-left: 2px solid #c84448;
    border-left-width: 1px;
    background: #fde9e9;
    color: #c84448
}

.comment-content .messageNotice.messageNotice--deleted a,
.messageNotice.messageNotice--deleted a {
    color: inherit !important;
    text-decoration: underline !important
}

.comment-content .messageNotice.messageNotice--deleted:before,
.messageNotice.messageNotice--deleted:before,
.comment-content .messageNotice.messageNotice--deleted a,
.messageNotice.messageNotice--deleted a {
    color: inherit
}

.comment-content .messageNotice.messageNotice--nested,
.messageNotice.messageNotice--nested {
    border-left-width: 1px
}

.comment-content .messageNotice:not(.messageNotice--highlighted) a,
.messageNotice:not(.messageNotice--highlighted) a,
.comment-content .messageNotice:not(.messageNotice--highlighted) a:hover,
.messageNotice:not(.messageNotice--highlighted) a:hover {
    color: #212428
}

.comment-content .messageNotice:before,
.messageNotice:before {
    display: inline-block;
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: .2em;
    font-size: 125%;
    color: #db2309;
    vertical-align: middle;
    font-size: 18px !important
}

.comment-content .messageNotice.messageNotice--highlighted,
.messageNotice.messageNotice--highlighted {
    color: #fff;
    background: #484d56;
    border-left-color: #212428
}

.comment-content .messageNotice.messageNotice--highlighted:before,
.messageNotice.messageNotice--highlighted:before {
    color: #fff
}

.comment-content .messageNotice.messageNotice--deleted:before,
.messageNotice.messageNotice--deleted:before {
    content: "\f2ed";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.comment-content .messageNotice.messageNotice--moderated:before,
.messageNotice.messageNotice--moderated:before {
    content: "\f132";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.comment-content .messageNotice.messageNotice--warning:before,
.messageNotice.messageNotice--warning:before {
    content: "\f071";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.comment-content .messageNotice.messageNotice--ignored:before,
.messageNotice.messageNotice--ignored:before {
    content: "\f131";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

@media (min-width:900px) {

    .block:not(.block--messages) .block-container:not(.block-container--noStripRadius)>.block-body:first-child>.message:first-child .message-inner:first-of-type .message-cell:first-child,
    .block:not(.block--messages) .block-topRadiusContent.message .message-inner:first-of-type .message-cell:first-child,
    .block:not(.block--messages) .block-topRadiusContent>.message:first-child .message-inner:first-of-type .message-cell:first-child {
        border-top-left-radius: 2px
    }

    .block:not(.block--messages) .block-container:not(.block-container--noStripRadius)>.block-body:first-child>.message:first-child .message-inner:first-of-type .message-cell:last-child,
    .block:not(.block--messages) .block-topRadiusContent.message .message-inner:first-of-type .message-cell:last-child,
    .block:not(.block--messages) .block-topRadiusContent>.message:first-child .message-inner:first-of-type .message-cell:last-child {
        border-top-right-radius: 2px
    }

    .block:not(.block--messages) .block-container:not(.block-container--noStripRadius)>.block-body:last-child>.message:last-child .message-inner:last-of-type .message-cell:first-child,
    .block:not(.block--messages) .block-bottomRadiusContent.message .message-inner:last-of-type .message-cell:first-child,
    .block:not(.block--messages) .block-bottomRadiusContent>.message:last-child .message-inner:last-of-type .message-cell:first-child {
        border-bottom-left-radius: 2px
    }

    .block:not(.block--messages) .block-container:not(.block-container--noStripRadius)>.block-body:last-child>.message:last-child .message-inner:last-of-type .message-cell:last-child,
    .block:not(.block--messages) .block-bottomRadiusContent.message .message-inner:last-of-type .message-cell:last-child,
    .block:not(.block--messages) .block-bottomRadiusContent>.message:last-child .message-inner:last-of-type .message-cell:last-child {
        border-bottom-right-radius: 2px
    }
}

.block--messages .block-container,
.js-quickReply .block-container {
    background: none;
    border: none;
    box-shadow: none;
    border-radius: 0;
    overflow: visible;
    padding: 0
}

.block--messages.block .message,
.js-quickReply.block .message,
.block--messages .block-row,
.js-quickReply .block-row {
    color: #fff;
    background: #383c42;
    border-width: 0;
    border-style: solid;
    border-top-color: rgba(255, 255, 255, 0.12);
    border-right-color: rgba(255, 255, 255, 0.12);
    border-bottom-color: rgba(255, 255, 255, 0.12);
    border-left-color: rgba(255, 255, 255, 0.12);
    border-radius: 3px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
    border: none
}

.block--messages.block .message+.message,
.js-quickReply.block .message+.message,
.block--messages .block-row+.message,
.js-quickReply .block-row+.message,
.block--messages.block .message+.block-row,
.js-quickReply.block .message+.block-row,
.block--messages .block-row+.block-row,
.js-quickReply .block-row+.block-row {
    margin-top: 16px
}

.block--messages .block-filterBar,
.js-quickReply .block-filterBar {
    border-width: 0;
    border-style: solid;
    border-top-color: rgba(255, 255, 255, 0.12);
    border-right-color: rgba(255, 255, 255, 0.12);
    border-bottom-color: rgba(255, 255, 255, 0.12);
    border-left-color: rgba(255, 255, 255, 0.12);
    border-radius: 3px;
    margin-bottom: 16px
}

.block--messages .message-spacer+.message,
.js-quickReply .message-spacer+.message,
.block--messages .message-spacer+.block-row,
.js-quickReply .message-spacer+.block-row {
    margin-top: 16px
}

.block--messages .message-inner .message-cell,
.js-quickReply .message-inner .message-cell {
    border-radius: 0
}

.block--messages .message-inner:first-of-type .message-cell:first-child,
.js-quickReply .message-inner:first-of-type .message-cell:first-child {
    border-top-left-radius: 2px
}

.block--messages .message-inner:first-of-type .message-cell:last-child,
.js-quickReply .message-inner:first-of-type .message-cell:last-child {
    border-top-right-radius: 2px
}

.block--messages .message-inner:last-of-type .message-cell:first-child,
.js-quickReply .message-inner:last-of-type .message-cell:first-child {
    border-bottom-left-radius: 2px
}

.block--messages .message-inner:last-of-type .message-cell:last-child,
.js-quickReply .message-inner:last-of-type .message-cell:last-child {
    border-bottom-right-radius: 2px
}

@media (max-width:650px) {

    .block--messages .message-inner .message-cell,
    .js-quickReply .message-inner .message-cell {
        border-radius: 0
    }

    .block--messages .message-inner:first-of-type .message-cell:first-child,
    .js-quickReply .message-inner:first-of-type .message-cell:first-child {
        border-top-left-radius: 2px;
        border-top-right-radius: 2px
    }

    .block--messages .message-inner:last-of-type .message-cell:last-child,
    .js-quickReply .message-inner:last-of-type .message-cell:last-child {
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px
    }

    .block--messages .message--simple .message-cell--user+.message-cell,
    .js-quickReply .message--simple .message-cell--user+.message-cell {
        border-radius: 0;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px
    }
}

@media (max-width:900px) {

    .block--messages .message,
    .js-quickReply .message,
    .block--messages.block .message,
    .js-quickReply.block .message,
    .block--messages .block-row,
    .js-quickReply .block-row,
    .block--messages .block-filterBar,
    .js-quickReply .block-filterBar {
        border-left: none;
        border-right: none;
        border-radius: 0
    }

    .block--messages .message .message-inner .message-cell,
    .js-quickReply .message .message-inner .message-cell {
        border-radius: 0
    }

    .block--messages .message .message-inner .message-cell:first-child,
    .js-quickReply .message .message-inner .message-cell:first-child,
    .block--messages .message .message-inner .message-cell:last-child,
    .js-quickReply .message .message-inner .message-cell:last-child {
        border-radius: 0
    }

    .block--messages .message--simple .message-cell--user+.message-cell,
    .js-quickReply .message--simple .message-cell--user+.message-cell {
        border-radius: 0
    }
}

.message--article.is-moderated {
    background: #484d56
}

.message--article.is-deleted {
    opacity: .65
}

.message--articlePreview {
    display: flex;
    flex-direction: column;
    min-width: 0;
    margin-bottom: 16px
}

.message--articlePreview:last-child {
    margin-bottom: 0
}

.message--articlePreview .articlePreview-main {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto
}

.message--articlePreview .articlePreview-image {
    flex: 0 0 auto;
    align-self: center;
    width: 100%;
    max-width: 750px;
    background: center / cover #42464d no-repeat;
    text-decoration: none
}

.message--articlePreview .articlePreview-image:after {
    content: '';
    display: block;
    padding-bottom: 75%
}

.message--articlePreview .articlePreview-image+.articlePreview-text .bbImageWrapper,
.message--articlePreview .articlePreview-image+.articlePreview-text .bbImage {
    display: none
}

.message--articlePreview .articlePreview-text {
    flex: 1 1 auto;
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 10px
}

.message--articlePreview .articlePreview-text .bbWrapper {
    position: relative;
    max-height: 11.2em;
    overflow: hidden
}

.message--articlePreview .articlePreview-text .bbWrapper:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
    width: 75%;
    height: 1.4em;
    background: linear-gradient(to right, rgba(56, 60, 66, 0), #383c42)
}

.message--articlePreview .articlePreview-title {
    margin: 0;
    font-size: 1.5rem
}

.message--articlePreview .articlePreview-content {
    flex: 1 1 auto
}

.message--articlePreview .articlePreview-links {
    text-align: right;
    padding-top: 16px
}

.message--articlePreview .articlePreview-statuses {
    float: left;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

.message--articlePreview .articlePreview-statuses>li {
    margin-right: 8px
}

.message--articlePreview .articlePreview-statuses .message-newIndicator {
    font-size: 1.3rem
}

.message--articlePreview .articlePreview-footer {
    padding: 0 16px
}

.message--articlePreview .articlePreview-meta {
    display: flex;
    align-items: center;
    border-top: solid 1px rgba(255, 255, 255, 0.12);
    padding: 16px 0;
    color: #b5b9c0;
    font-size: 1.3rem
}

.message--articlePreview .articlePreview-meta>li {
    margin-right: 16px
}

.message--articlePreview .articlePreview-meta>li:last-child {
    margin-right: 0
}

.message--articlePreview .articlePreview-replies {
    white-space: nowrap
}

.message--articlePreview .articlePreview-by,
.message--articlePreview .articlePreview-repliesLabel {
    display: none
}

.block--articles.block--messages.block--expanded .article-title {
    margin: 0 0 5px;
    font-size: 2.2rem;
    font-weight: 400
}

.block--articles.block--messages.block--expanded .message-snippet-link {
    margin-top: .5em;
    text-align: center
}

.block--articles.block--messages.block--expanded .message+.message {
    margin-top: 24px
}

@supports (display: grid) {
    @media (min-width:650px) {
        .block--previews .block-body {
            display: grid;
            gap: 16px;
            grid-template-rows: auto;
            grid-template-columns: repeat(2, 1fr);
            grid-template-areas: "a a"
        }

        .block--previews .block-body>.message:first-of-type:last-of-type {
            grid-area: a
        }

        .block--previews .block-body>.message--articlePreview {
            margin-bottom: 0
        }

        .block--previews .block-body>.message--articlePreview:nth-of-type(-n+5) .articlePreview-title {
            font-size: 1.8rem
        }

        .block--previews .block-body>.message--articlePreview:nth-of-type(-n+5) .articlePreview-image {
            max-width: none
        }

        .block--previews .block-body>.message--articlePreview:nth-of-type(-n+5) .articlePreview-image:after {
            padding-bottom: 60%
        }

        .block--previews .block-body>.message--articlePreview:nth-of-type(-n+5) .articlePreview-meta .articlePreview-by {
            display: block
        }

        .block--previews .block-body>.message--articlePreview:first-of-type {
            grid-area: a
        }

        .block--previews .block-body>.message--articlePreview:first-of-type .articlePreview-title {
            font-size: 2.2rem
        }

        .block--previews .block-body>.message--articlePreview:first-of-type .articlePreview-meta {
            border-top: none
        }

        .block--previews .block-body>.message--articlePreview:first-of-type .articlePreview-main {
            flex-direction: row-reverse
        }

        .block--previews .block-body>.message--articlePreview:first-of-type .articlePreview-image {
            width: 50%
        }
    }

    @media (min-width:900px) {
        .p-body-main:not(.p-body-main--withSidebar) .block--previews .block-body {
            grid-template-columns: repeat(4, 1fr);
            grid-template-areas: "a a a a" "b_1 b_1 b_2 b_2" "b_3 b_3 b_4 b_4"
        }

        .p-body-main:not(.p-body-main--withSidebar) .block--previews .block-body>.message:first-of-type:last-of-type {
            grid-area: a
        }

        .p-body-main:not(.p-body-main--withSidebar) .block--previews .block-body>.message--articlePreview:nth-of-type(1) {
            grid-area: a
        }

        .p-body-main:not(.p-body-main--withSidebar) .block--previews .block-body>.message--articlePreview:nth-of-type(2) {
            grid-area: b_1
        }

        .p-body-main:not(.p-body-main--withSidebar) .block--previews .block-body>.message--articlePreview:nth-of-type(3) {
            grid-area: b_2
        }

        .p-body-main:not(.p-body-main--withSidebar) .block--previews .block-body>.message--articlePreview:nth-of-type(4) {
            grid-area: b_3
        }

        .p-body-main:not(.p-body-main--withSidebar) .block--previews .block-body>.message--articlePreview:nth-of-type(5) {
            grid-area: b_4
        }
    }

    @media (min-width:1150px) {
        .p-body-main--withSidebar .block--previews .block-body {
            grid-template-columns: repeat(4, 1fr);
            grid-template-areas: "a a a a" "b_1 b_1 b_2 b_2" "b_3 b_3 b_4 b_4"
        }

        .p-body-main--withSidebar .block--previews .block-body>.message:first-of-type:last-of-type {
            grid-area: a
        }

        .p-body-main--withSidebar .block--previews .block-body>.message--articlePreview:nth-of-type(1) {
            grid-area: a
        }

        .p-body-main--withSidebar .block--previews .block-body>.message--articlePreview:nth-of-type(2) {
            grid-area: b_1
        }

        .p-body-main--withSidebar .block--previews .block-body>.message--articlePreview:nth-of-type(3) {
            grid-area: b_2
        }

        .p-body-main--withSidebar .block--previews .block-body>.message--articlePreview:nth-of-type(4) {
            grid-area: b_3
        }

        .p-body-main--withSidebar .block--previews .block-body>.message--articlePreview:nth-of-type(5) {
            grid-area: b_4
        }
    }
}

/********* public:share_controls.less ********/
.shareButtons:before,
.shareButtons:after {
    content: " ";
    display: table
}

.shareButtons:after {
    clear: both
}

.shareButtons--iconic .shareButtons-buttons {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(35px, 1fr))
}

.shareButtons-label {
    float: left;
    margin-right: 3px;
    color: #b5b9c0;
    min-height: 35px;
    line-height: 35px
}

.shareButtons-button {
    float: left;
    margin-right: 3px;
    padding: 6px;
    color: #b5b9c0;
    font-size: 20px;
    line-height: 20px;
    white-space: nowrap;
    min-width: 35px;
    border-radius: 3px;
    background-color: transparent;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.shareButtons-button:last-of-type {
    margin-right: 0
}

.shareButtons-button:hover {
    text-decoration: none;
    color: white
}

.shareButtons-button>i {
    display: inline-block;
    vertical-align: middle;
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.shareButtons-button.shareButtons-button--brand>i {
    font-family: 'Font Awesome 5 Brands';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.shareButtons-button>span {
    font-weight: 400;
    font-size: 1.4rem
}

.shareButtons--iconic .shareButtons-button {
    text-align: center
}

.shareButtons--iconic .shareButtons-button>i {
    min-width: 20px
}

.shareButtons--iconic .shareButtons-button>span {
    position: absolute;
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden
}

.shareButtons-button.shareButtons-button--facebook:hover {
    background-color: #3B5998
}

.shareButtons-button.shareButtons-button--facebook>i:before {
    content: "\f39e";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.shareButtons-button.shareButtons-button--twitter:hover {
    background-color: #1DA1F3
}

.shareButtons-button.shareButtons-button--twitter>i:before {
    content: "\f099";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.shareButtons-button.shareButtons-button--pinterest:hover {
    background-color: #bd081c
}

.shareButtons-button.shareButtons-button--pinterest>i:before {
    content: "\f231";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.shareButtons-button.shareButtons-button--tumblr:hover {
    background-color: #35465c
}

.shareButtons-button.shareButtons-button--tumblr>i:before {
    content: "\f173";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.shareButtons-button.shareButtons-button--reddit:hover {
    background-color: #FF4500
}

.shareButtons-button.shareButtons-button--reddit>i:before {
    content: "\f281";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.shareButtons-button.shareButtons-button--whatsApp:hover {
    background-color: #25D366
}

.shareButtons-button.shareButtons-button--whatsApp>i:before {
    content: "\f232";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.shareButtons-button.shareButtons-button--email:hover {
    background-color: #1289ff
}

.shareButtons-button.shareButtons-button--email>i:before {
    content: "\f0e0";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.shareButtons-button.shareButtons-button--share {
    cursor: pointer
}

.shareButtons-button.shareButtons-button--share:hover {
    background-color: #787878
}

.shareButtons-button.shareButtons-button--share>i:before {
    content: "\f1e0";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.shareButtons-button.shareButtons-button--link {
    cursor: pointer
}

.shareButtons-button.shareButtons-button--link:hover {
    background-color: #787878
}

.shareButtons-button.shareButtons-button--link>i:before {
    content: "\f0c1";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.shareButtons-button.is-hidden {
    display: none
}

.shareInput {
    margin-bottom: 5px
}

.shareInput:last-child {
    margin-bottom: 0
}

.shareInput-label {
    font-size: 1.3rem
}

.shareInput-label:after {
    content: ":"
}

.shareInput-label.is-sentence:after {
    content: ""
}

.shareInput-button {
    color: #fff;
    cursor: pointer
}

.shareInput-button>i {
    display: inline-block;
    vertical-align: middle;
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.shareInput-button>i:before {
    content: "\f0c5";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.shareInput-button.is-hidden {
    display: none
}

.shareInput-input {
    font-size: 1.3rem
}

@media (max-width:568px) {
    .shareInput-input {
        font-size: 16px
    }
}

.shareInput-button.is-hidden+.shareInput-input {
    border-radius: 3px
}

/********* public:th_uix_threadStarterPost.less ********/
.message-threadStarterPost .message-cell.message-cell--user,
.message-threadStarterPost .message-cell.message-cell--action {
    position: relative;
    min-width: 0
}

/********* public:uix.less ********/
@-webkit-keyframes rippleAnimation {
    to {
        border-radius: 100%;
        opacity: 0;
        -webkit-transform: scale(2.5);
        transform: scale(2.5)
    }
}

@keyframes rippleAnimation {
    to {
        border-radius: 100%;
        opacity: 0;
        -webkit-transform: scale(2.5);
        transform: scale(2.5)
    }
}

.rippleButton {
    position: relative
}

.rippleButton .ripple-container {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
    border-radius: inherit;
    -webkit-mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC')
}

.rippleButton .ripple {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center 50%;
    transform-origin: center 50%;
    display: block;
    position: absolute;
    -webkit-animation: rippleAnimation 650ms ease-out;
    animation: rippleAnimation 650ms ease-out;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.navLink .ripple {
    background-color: rgba(0, 0, 0, 0.15);
    -webkit-animation: rippleAnimation 450ms ease-out
}

.rippleButton:hover {
    cursor: pointer
}

.uix_canvas__tabs {
    display: flex;
    justify-content: space-around;
    align-items: center
}

.uix_canvasTab {
    display: inline-block
}

.js-visitorTabPanel .menu-row--highlighted,
.js-visitorTabPanel .menu-separator--hard {
    display: none
}

.sidePanel__tabPanels {
    position: relative
}

.sidePanel__tabPanels .menu-row,
.sidePanel__tabPanels .menu-footer,
.sidePanel__tabPanels .menu-linkRow {
    padding-left: 16px;
    padding-right: 16px
}

.sidePanel__tabPanel {
    height: 0;
    overflow-x: hidden;
    touch-action: pan-y;
    -moz-transition: -moz-transform .3s cubic-bezier(.22, .61, .36, 1);
    -o-transition: transform .3s cubic-bezier(.22, .61, .36, 1);
    -o-transition: -o-transform .3s cubic-bezier(.22, .61, .36, 1);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.22, .61, .36, 1);
    transition: -webkit-transform .3s cubic-bezier(.22, .61, .36, 1);
    transition: transform .3s cubic-bezier(.22, .61, .36, 1);
    width: 100%;
    top: 0
}

.sidePanel__tabPanel.is-left {
    transform: translate3d(-300px, 0, 0);
    overflow-y: hidden
}

.sidePanel__tabPanel.is-right {
    transform: translate3d(300px, 0, 0)
}

.sidePanel__tabPanel.is-active {
    transform: translate3d(0, 0, 0);
    display: block;
    height: auto;
    overflow-y: auto
}

.sidePanel--visitor .sidePanel__tabPanel.is-active {
    margin-bottom: 50px
}

.sidePanel__tabPanel.is-hidden {
    visibility: hidden
}

.sidePanel__tabs {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex: 0 0 auto;
    padding: 0;
    margin: 0;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.sidePanel__tabs li {
    max-width: 50%;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    color: rgba(255, 255, 255, 0.7);
    list-style: none
}

a.sidePanel__tab {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.75);
    background-color: #212428;
    padding-right: 10px;
    padding-left: 10px;
    border-width: 0;
    border-right-style: solid;
    border-right-color: rgba(255, 255, 255, 0.1);
    display: block;
    cursor: pointer;
    text-align: center;
    line-height: 50px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 50px
}

a.sidePanel__tab:hover {
    color: #fff;
    text-decoration: none
}

a.sidePanel__tab.sidePanel__tab--active {
    color: #fff;
    box-shadow: inset 0 -3px rgba(0, 0, 0, 0.2)
}

.itemList-itemOverlayTop.iconic--noLabel {
    width: 23px;
    height: 23px;
    top: 10px;
    left: 10px
}

.audfeeds_newsFeedItem .audfeeds_attachLink {
    margin-top: 0;
    margin-bottom: 10px
}

.uix_fabBar .button--cta.audfeeds_createButton--dropdown {
    display: none
}

.uix_fabBar .p-title-pageAction .button.button--icon--add[data-target] {
    display: inline-flex
}

.uix_fabBar .p-title-pageAction .js-unlimitedScrollStopTrigger {
    display: none !important
}

.message.thfeature .message-body {
    padding: 0
}

.message.thfeature .message-attribution {
    margin-bottom: 0
}

.message.thfeature .message-footer {
    padding-top: 10px
}

.porta-article-item .block-body.message-inner {
    display: flex
}

.porta-articles-above-full {
    margin-bottom: 20px
}

.resourceBody .actionBar {
    padding: 0;
    margin: 0
}

.resourceBody-main .bbWrapper {
    margin-bottom: 10px
}

.xfmgInfoBlock .actionBar .actionBar-set {
    margin-top: 0
}

.block--messages .message .thpostcomments_commentsContainer .message .message-actionBar {
    padding-top: 0;
    border-top: 0
}

.block--messages .message .thpostcomments_commentsContainer .message .message-attribution {
    padding-top: 0;
    padding-bottom: 4px
}

@media (max-width:650px) {
    .memberHeader-actionTop .profile-achievement-showcase {
        margin: 0
    }
}

.device--isAndroid .p-staffBar .hScroller-scroll {
    overflow-x: auto
}

.offCanvasMenu-content {
    overflow-y: scroll
}

@media (max-height:400px) {
    .uix_tabBar {
        display: none
    }
}

.shareButtons-button--tumblr {
    display: none
}

.fb-page {
    width: 100%
}

.tabPanes .block-outer {
    padding-top: 20px
}

.uix_node--transitioning {
    clip-path: inset(-2px -2px -2px -2px)
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .uix_node--transitioning {
        overflow: hidden
    }
}

.message .message-responses .message-responseRow:first-child,
.message .message-responses .message-responseRow.is-active {
    margin-top: 10px
}

.message .message-responses .comment .comment-actionBar.actionBar {
    border: none;
    margin: 0
}

.p-nav-menuTrigger {
    position: relative
}

.p-nav-menuTrigger.badgeContainer:after {
    position: absolute;
    left: -5px;
    top: -5px
}

@media (min-width:480px) {
    .p-nav-menuTrigger.badgeContainer:after {
        display: none !important
    }
}

.menu-footer-controls {
    display: flex;
    flex-wrap: wrap
}

.menu-footer-controls .button:not(:last-child) {
    margin-right: 5px
}

.p-navEl .menu-linkRow:before {
    margin-right: 4px
}

@media (min-width:900px) {
    .uix_sidebarCanvasTrigger {
        display: none
    }
}

@media (max-width:900px) {
    body .p-body-sidebar {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        transform: translatex(-100%);
        margin: 0;
        overflow: hidden !important
    }

    body .p-body-sidebar.is-transitioning {
        transition: ease-in .25s .25s transform
    }

    body .p-body-sidebar.is-transitioning .uix_sidebarInner {
        transition: transform .25s ease-in
    }

    body .p-body-sidebar.is-transitioning.is-active {
        transition: ease-in .01s transform
    }

    body .p-body-sidebar .uix_sidebarInner {
        margin: 0;
        transform: translatex(200%);
        margin-left: auto
    }

    body .p-body-sidebar .block-container {
        box-shadow: none
    }

    body .p-body-sidebar .uix_sidebar--scroller {
        margin: 0;
        width: 100%
    }

    body .p-body-sidebar.is-active {
        transform: translatex(0)
    }

    body .p-body-sidebar.is-active .uix_sidebarInner.offCanvasMenu-content {
        transform: translatex(0)
    }
}

.structItem-cell--icon+.structItem-cell--main,
.structItem-cell--icon+.structItem-cell--newThread {
    padding-left: 0
}

.structItem-cell--main .structItem-minor {
    display: flex;
    align-items: center
}

.structItem-cell--main .structItem-minor .structItem-parts {
    flex-grow: 1
}

.structItem-cell--main .structItem-minor .structItem-extraInfo {
    order: 2;
    margin-left: auto
}

.structItem-cell--main .structItem-minor .structItem-statuses {
    order: 1
}

.block.uix_mainTabBar {
    display: flex;
    justify-content: center;
    background: #212428
}

.block.uix_mainTabBar .block-tabHeader {
    border: none
}

.block.uix_mainTabBar .tabs-tab:hover {
    background: none
}

.p-pageWrapper>.block.uix_mainTabBar {
    margin: 0
}

.offCanvasMenu-content {
    height: 100vh
}

.offCanvasMenu-content .menu-scroller {
    max-height: 100%
}

.offCanvasMenu-content .p-body-sideNavContent .block {
    margin: 0
}

.offCanvasMenu-content .p-body-sideNavContent .block-container {
    box-shadow: none
}

.p-body-header .uix_sidebarTrigger__component {
    margin-left: 10px
}

.cover .memberHeader-blurb.pairs {
    border-color: rgba(255, 255, 255, 0.3)
}

.hScroller-scroll.th_scroller--start-active {
    -webkit-mask-image: linear-gradient(to right, transparent 5%, #000 10%);
    mask-image: linear-gradient(to right, transparent 5%, #000 10%)
}

.hScroller-scroll.th_scroller--end-active {
    -webkit-mask-image: linear-gradient(to left, transparent 5%, #000 10%);
    mask-image: linear-gradient(to left, transparent 5%, #000 10%)
}

.hScroller-scroll.th_scroller--end-active.th_scroller--start-active {
    -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 5%, #000 10%, #000 90%, rgba(0, 0, 0, 0) 95%);
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 5%, #000 10%, #000 90%, rgba(0, 0, 0, 0) 95%)
}

.block[data-widget-definition="visitor_panel"] .contentRow {
    margin-bottom: 10px
}

.block[data-widget-definition="th_widget_login_uix"] .formSubmitRow-controls {
    padding-left: 0;
    text-align: center
}

.uix_loginProvider__row dt {
    display: none
}

.uix_loginProvider__row dd {
    text-align: center
}

.thBranding__pipe {
    display: none
}

.p-footer-copyright>*~.thBranding .thBranding__pipe {
    display: inline
}

.offCanvasMenu-link {
    padding: 10px 16px
}

.offCanvasMenu-subList {
    padding-bottom: 0
}

*::selection {
    color: #fff;
    background: #212428
}

*::-moz-selection {
    color: #fff;
    background: #212428
}

.block-container .uix_newIndicator {
    font-size: 12px;
    color: #fff;
    background: #db2309;
    border-radius: 3px;
    padding-top: 1px;
    padding-right: 4px;
    padding-bottom: 1px;
    padding-left: 4px
}

.uix_headerContainer--stickyFix {
    height: 1px;
    visibility: hidden
}

.uix_headerContainer {
    margin-top: -1px !important
}

.has-no-hiddenscroll .is-modalOpen .is-sticky {
    margin-left: 0px
}

.uix_adminTrigger {
    display: none !important
}

@media (max-width:900px) {
    .p-staffBar-link {
        display: none !important
    }

    .uix_adminTrigger {
        display: inline-block !important
    }
}

.uix_signatureExpand {
    display: none
}

.message-signature {
    overflow: hidden;
    transition: ease-in-out .2s height
}

.message-signature--expandable {
    height: 100px
}

.message-signature--expandable .uix_signatureExpand {
    padding-bottom: 16px;
    background: linear-gradient(to bottom, rgba(56, 60, 66, 0), #383c42 40%);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 60px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #db2309
}

.message-signature--expandable .uix_signatureExpand:hover {
    cursor: pointer
}

.message-signature.message-signature--expanded {
    height: auto;
    padding-bottom: 16px
}

.message-signature.message-signature--expanded .bbWrapper {
    padding-bottom: 32px
}

.message-signature.message-signature--expanded .uix_signatureExpand {
    background: none
}

.thThreads__userExtra--toggle {
    text-align: center;
    margin-top: 10px
}

.thThreads__userExtra--toggle .thThreads__userExtra--trigger {
    background: #212428;
    color: #fff;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    border-radius: 100%;
    transition: ease-in transform .2s .2s
}

.thThreads__userExtra--toggle .thThreads__userExtra--trigger:hover {
    cursor: pointer;
    text-decoration: none
}

.thThreads__userExtra--toggle .thThreads__userExtra--trigger:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f078";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.thThreads__message-userExtras {
    height: 0;
    overflow: hidden;
    transition: ease-in height .2s
}

@media (max-width:650px) {
    .thThreads__message-userExtras {
        display: none
    }

    .thThreads__userExtra--toggle {
        display: none
    }
}

.userExtra--expand .thThreads__message-userExtras {
    height: auto
}

.userExtra--expand .thThreads__userExtra--trigger {
    transform: rotate(-180deg)
}

.uix_threadCollapseTrigger {
    transition: ease transform .2s;
    margin-left: auto;
    font-size: 18px
}

.uix_threadCollapseTrigger.is-active {
    transform: rotate(-180deg)
}

.uix_stickyContainerOuter {
    transition: ease-in height .3s, ease-in opacity .3s;
    opacity: 1;
    display: none;
    opacity: 0;
    -webkit-transition: all .2s ease, -xf-opacity .2s ease;
    transition: all .2s ease, -xf-opacity .2s ease;
    overflow-y: hidden;
    height: 0;
    -webkit-transition-property: all, -xf-height;
    transition-property: all, -xf-height
}

.uix_stickyContainerOuter.is-active {
    display: block;
    opacity: 1;
    height: auto;
    overflow-y: visible
}

.uix_stickyContainerOuter.is-transitioning {
    display: block;
    width: 100%
}

.uix_stickyContainerOuter.is-transitioning {
    overflow-y: hidden
}

.uix_stickyContainerOuter .uix_stickyContainerInner {
    width: 100%;
    display: table
}

.uix_stickyContainerOuter.uix_threadListSeparator--collapsed {
    height: 0;
    opacity: 0;
    pointer-events: none;
    transition: ease-in height .3s, ease-in opacity .3s
}

.uix_stickyContainerOuter.uix_threadListSeparator--collapsed .uix_block-body--outer {
    height: 0 !important;
    opacity: 0;
    pointer-events: none
}

@keyframes overflow-delay {
    from {
        overflow: visible
    }
}

@keyframes overflow-show {
    from {
        overflow: hidden
    }
}

.category--collapsed.block--category .uix_block-body--outer {
    height: 0 !important;
    opacity: 0;
    pointer-events: none;
    animation: .3s overflow-delay;
    overflow: hidden
}

.category--collapsed.block--category .categoryCollapse--trigger {
    transform: rotate(-180deg)
}

.category--collapsed.block--category:hover {
    text-decoration: none
}

.categoryCollapse--trigger {
    transition: cubic-bezier(.4, 0, .2, 1) transform .2s;
    overflow: hidden;
    height: 18px;
    min-width: 24px;
    width: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important
}

.block--category .uix_block-body--outer {
    transition: cubic-bezier(.4, 0, .2, 1) height .3s, cubic-bezier(.4, 0, .2, 1) opacity .3s;
    opacity: 1;
    animation: .3s overflow-show;
    overflow: visible
}

a.uix_sidebarTrigger__component {
    display: inline-flex;
    align-items: center
}

a.uix_sidebarTrigger__component:hover {
    cursor: pointer
}

@media (min-width:901px) {
    .p-nav-inner a.uix_sidebarTrigger__component {
        display: none !important
    }
}

.p-nav-inner a.uix_sidebarTrigger__component {
    color: inherit;
    color: rgba(255, 255, 255, 0.7);
    background: none !important;
    box-shadow: none;
    border: none
}

.p-nav-inner a.uix_sidebarTrigger__component .uix_sidebarTrigger--phrase {
    display: none
}

.p-nav-inner a.uix_sidebarTrigger__component i {
    font-size: 24px;
    width: auto;
    padding: 0;
    margin: 0
}

.p-nav-inner a.uix_sidebarTrigger__component i:before {
    display: inline-flex;
    justify-content: center;
    width: 10px
}

@media (min-width:901px) {
    a.uix_sidebarTrigger__component.uix_sidebarCanvasTrigger {
        display: none
    }
}

@media (max-width:900px) {
    a.uix_sidebarTrigger__component.uix_sidebarTrigger {
        display: none
    }
}

a.uix_sidebarTrigger__component i {
    font-size: 18px;
    margin-left: -7px
}

.p-body-sidebar {
    transition: ease-in opacity .2s .2s, ease-in max-height .2s .2s;
    opacity: 1;
    max-height: 100%
}

.p-body-sidebar .uix_sidebarInner {
    transition: .01s .2s transform
}

@media (min-width:900px) {
    .uix_sidebarCollapsed .p-body-sidebar {
        transition: ease-in opacity .2s, ease-in max-height .2s .01s;
        opacity: 0;
        max-height: 0
    }

    .uix_sidebarCollapsed .uix_sidebarInner {
        transition: 0 .01s 0 .01s transform;
        transform: scaleY(0)
    }

    .uix_sidebarCollapsed .p-body-main--withSidebar .p-body-content {
        width: 100%;
        max-width: 100%
    }

    .uix_sidebarCollapsed .p-body-main--withSidebar.p-body-main--withSideNav .p-body-content {
        width: calc(100% - 270px);
        max-width: calc(100% - 270px)
    }
}

body .p-navEl-link,
body .offCanvasMenu-link {
    font-family: inherit;
    font-weight: inherit;
    -webkit-font-smoothing: initial
}

.p-navEl-link:before,
.offCanvasMenu-link:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px !important;
    padding-right: 4px
}

.p-navEl-link:not(.mdi):not(.fa)[data-nav-id]:before,
.offCanvasMenu-link:not(.mdi):not(.fa)[data-nav-id]:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.p-navEl-link:not(.mdi):not(.fa)[data-nav-id]:before,
.offCanvasMenu-link:not(.mdi):not(.fa)[data-nav-id]:before {
    content: "\f07b";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-navEl-link:not(.mdi):not(.fa) .offCanvasMenu-link,
.offCanvasMenu-link:not(.mdi):not(.fa) .offCanvasMenu-link {
    dislay: none
}

.p-navEl-link:not(.mdi):not(.fa)[data-nav-id="thxpress"]:before,
.offCanvasMenu-link:not(.mdi):not(.fa)[data-nav-id="thxpress"]:before {
    content: "\f1ea";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-navEl-link:not(.mdi):not(.fa)[data-nav-id="th_donate"]:before,
.offCanvasMenu-link:not(.mdi):not(.fa)[data-nav-id="th_donate"]:before {
    content: "\f06b";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-navEl-link:not(.mdi):not(.fa)[data-nav-id="home"]:before,
.offCanvasMenu-link:not(.mdi):not(.fa)[data-nav-id="home"]:before {
    content: "\f015";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-navEl-link:not(.mdi):not(.fa)[data-nav-id="forums"]:before,
.offCanvasMenu-link:not(.mdi):not(.fa)[data-nav-id="forums"]:before {
    content: "\f086";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-navEl-link:not(.mdi):not(.fa)[data-nav-id="whatsNew"]:before,
.offCanvasMenu-link:not(.mdi):not(.fa)[data-nav-id="whatsNew"]:before {
    content: "\f0e7";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-navEl-link:not(.mdi):not(.fa)[data-nav-id="members"]:before,
.offCanvasMenu-link:not(.mdi):not(.fa)[data-nav-id="members"]:before {
    content: "\f0c0";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-navEl-link:not(.mdi):not(.fa)[data-nav-id="profile"]:before,
.offCanvasMenu-link:not(.mdi):not(.fa)[data-nav-id="profile"]:before {
    content: "\f007";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-navEl-link:not(.mdi):not(.fa)[data-nav-id="alerts"]:before,
.offCanvasMenu-link:not(.mdi):not(.fa)[data-nav-id="alerts"]:before {
    content: "\f0f3";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-navEl-link:not(.mdi):not(.fa)[data-nav-id="settings"]:before,
.offCanvasMenu-link:not(.mdi):not(.fa)[data-nav-id="settings"]:before {
    content: "\f013";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-navEl-link:not(.mdi):not(.fa)[data-nav-id="xfmg"]:before,
.offCanvasMenu-link:not(.mdi):not(.fa)[data-nav-id="xfmg"]:before {
    content: "\f03e";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-navEl-link:not(.mdi):not(.fa)[data-nav-id="xfrm"]:before,
.offCanvasMenu-link:not(.mdi):not(.fa)[data-nav-id="xfrm"]:before {
    content: "\f085";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-navEl-link:not(.mdi):not(.fa)[data-nav-id="ad_leaderboards"]:before,
.offCanvasMenu-link:not(.mdi):not(.fa)[data-nav-id="ad_leaderboards"]:before {
    content: "\f680";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-navEl-link:not(.mdi):not(.fa)[data-nav-id="EWRporta"]:before,
.offCanvasMenu-link:not(.mdi):not(.fa)[data-nav-id="EWRporta"]:before,
.p-navEl-link:not(.mdi):not(.fa)[data-nav-id="blog"]:before,
.offCanvasMenu-link:not(.mdi):not(.fa)[data-nav-id="blog"]:before,
.p-navEl-link:not(.mdi):not(.fa)[data-nav-id="XPRESS"]:before,
.offCanvasMenu-link:not(.mdi):not(.fa)[data-nav-id="XPRESS"]:before {
    content: "\f1ea";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.p-sectionLinks .p-navEl-link:before,
.offCanvasMenu-subList .offCanvasMenu-link:before {
    display: none !important
}

.p-nav .p-nav-menuTrigger.uix_sidebarNav--trigger {
    display: none
}

.uix_sidebarNav__inner__widgets {
    padding: 16px
}

.sidebarNav--active .uix_sidebarNav {
    margin-left: 0
}

.uix_stickyBodyElement:not(.offCanvasMenu) {
    position: sticky;
    position: -webkit-sticky
}

.uix_stickyBottom .p-body-sidebar {
    display: flex
}

.uix_sidebarNav .uix_sidebarNav__inner {
    overflow: hidden
}

.uix_sidebarNav .uix_sidebar--scroller {
    overflow-y: auto;
    margin-right: -30px;
    padding-right: 32px
}

.offCanvasMenu .offCanvasMenu-link:before {
    font-size: 24px !important;
    padding-right: 1em
}

.offCanvasMenu-link {
    display: flex;
    align-items: center
}

.offCanvasMenu-link.offCanvasMenu-link--splitToggle {
    font-size: 18px
}

@media (max-width:900px) {
    .offCanvasMenu .uix_sidebar--scroller {
        position: static !important
    }

    .offCanvasMenu .uix_sidebar--scroller+div[style*="position"] {
        display: none !important
    }
}

.uix_sidebarNav {
    background: #2d3238;
    width: 210px;
    min-width: 210px;
    padding-bottom: 20px;
    margin-left: -210px;
    z-index: 1;
    transition: ease-in-out margin-left .3s
}

@media (max-width:900px) {
    .uix_sidebarNav {
        margin-left: -210px !important
    }
}

.uix_sidebarNav .uix_sidebarNavList {
    padding: 10px 0;
    margin: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    line-height: 40px;
    width: 208px
}

.uix_sidebarNav .uix_sidebarNavList:first-child {
    padding-top: 0
}

.uix_sidebarNav .uix_sidebarNavList:last-child {
    border-bottom: none
}

.uix_sidebarNav .uix_sidebarNavList .uix_sidebarNav__subNav {
    display: block;
    height: 0;
    overflow: hidden;
    transition: ease-in height .3s
}

.uix_sidebarNav .uix_sidebarNavList .uix_sidebarNav__subNav.subNav--expand {
    height: auto
}

.uix_sidebarNav .uix_sidebarNavList .menu-linkRow {
    padding: 0 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #dee0e3;
    border: none;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.uix_sidebarNav .uix_sidebarNavList .menu-linkRow:hover {
    border: none;
    background: #343a40
}

.uix_sidebarNav .uix_sidebarNavList .p-navEl-link span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-width: 0
}

.uix_sidebarNav .uix_sidebarNavList .uix_sidebarNavList__title {
    padding: 0 16px;
    font-size: 1.2rem;
    color: #b5b9c0
}

.uix_sidebarNav .uix_sidebarNavList>li {
    display: block
}

.uix_sidebarNav .uix_sidebarNavList>li .p-navEl:before,
.uix_sidebarNav .uix_sidebarNavList>li .p-navEl:after {
    display: none
}

.uix_sidebarNav .uix_sidebarNavList>li .p-navEl__inner {
    display: flex;
    align-items: center;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.uix_sidebarNav .uix_sidebarNavList>li .p-navEl__inner:hover,
.uix_sidebarNav .uix_sidebarNavList>li .blockLink:hover {
    background: #343a40
}

.uix_sidebarNav .uix_sidebarNavList>li .is-selected .p-navEl__inner {
    color: #212428;
    background: rgba(0, 0, 0, 0.08)
}

.uix_sidebarNav .uix_sidebarNavList>li .is-selected .p-navEl__inner a,
.uix_sidebarNav .uix_sidebarNavList>li .is-selected .p-navEl__inner .p-navEl-link {
    color: inherit
}

.uix_sidebarNav .uix_sidebarNavList>li .p-navEl {
    display: block
}

.uix_sidebarNav .uix_sidebarNavList>li .p-navEl-link,
.uix_sidebarNav .uix_sidebarNavList>li .p-navEl-linkHolder,
.uix_sidebarNav .uix_sidebarNavList>li .blockLink {
    display: flex;
    min-width: 0;
    align-items: center;
    padding: 0 16px;
    color: #dee0e3;
    background: none;
    width: 100%;
    text-decoration: none;
    float: none
}

.uix_sidebarNav .uix_sidebarNavList>li .p-navEl-link:before,
.uix_sidebarNav .uix_sidebarNavList>li .p-navEl-linkHolder:before,
.uix_sidebarNav .uix_sidebarNavList>li .blockLink:before {
    font-size: 24px !important;
    width: 24px !important;
    padding-right: 1em
}

.uix_sidebarNav .uix_sidebarNavList>li .p-navEl-linkHolder {
    padding: 0
}

.uix_sidebarNav .uix_sidebarNavList>li .blockLink {
    padding-left: 50px
}

.uix_sidebarNav .uix_sidebarNavList>li .uix_sidebarNav--trigger {
    font-size: 18px;
    color: inherit;
    padding-right: 16px
}

.uix_sidebarNav .uix_sidebarNavList>li .uix_sidebarNav--trigger .fa--xf {
    transition: ease-in transform .3s
}

.uix_sidebarNav .uix_sidebarNavList>li .uix_sidebarNav--trigger.is-expanded .fa--xf {
    transform: rotate(-180deg)
}

.uix_sidebarNav .uix_sidebarNavList>li .p-navEl-splitTrigger,
.uix_sidebarNav .uix_sidebarNavList>li .p-navEl-link--menuTrigger:after {
    display: none
}

.p-account {
    background-color: transparent
}

.p-account .p-navgroup-link {
    display: flex;
    align-items: center;
    border: none
}

.p-nav .p-navgroup-link:hover {
    color: #fff;
    text-decoration: none
}

.p-quickSearch .input {
    color: #dee0e3
}

.p-quickSearch .input::placeholder {
    color: #dee0e3
}

body .uix_searchBar {
    display: inline-flex;
    flex-shrink: 10
}

@media (min-width:900px) {
    body .uix_searchBar {
        position: relative
    }
}

body .uix_searchBar .uix_searchIcon {
    pointer-events: none
}

@media (min-width:901px) {
    body .uix_searchBar {
        max-width: 250px;
        width: 1000px;
        display: flex;
        margin-left: .5em
    }
}

body .uix_searchBar .uix_searchBarInner {
    display: inline-flex;
    pointer-events: none;
    align-items: center;
    left: 20px;
    right: 20px;
    justify-content: flex-end;
    bottom: 0;
    top: 0;
    transition: ease-in background-color .3s;
    flex-grow: 1;
    left: 0px;
    right: 0px
}

body .uix_searchBar .uix_searchBarInner .uix_searchIcon {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0
}

@media (max-width:650px) {
    body .uix_searchBar .uix_searchBarInner {
        position: absolute
    }
}

body .uix_searchBar .uix_searchBarInner .uix_searchForm {
    display: inline-flex;
    align-items: center;
    transition: ease-in flex-grow .3s, ease-in max-width .3s, ease-in background-color .2s;
    flex-grow: 0;
    max-width: 250px;
    width: 100%;
    pointer-events: all;
    position: relative;
    color: #dee0e3;
    background: #383c42;
    border-radius: 3px
}

body .uix_searchBar .uix_searchBarInner .uix_searchForm.uix_searchForm--focused {
    color: #fff;
    background: #383c42
}

body .uix_searchBar .uix_searchBarInner .uix_searchForm.uix_searchForm--focused .input::placeholder {
    color: #fff
}

body .uix_searchBar .uix_searchBarInner .uix_searchForm.uix_searchForm--focused i {
    color: #b5b9c0
}

body .uix_searchBar .uix_searchBarInner .uix_searchForm .uix_search--settings i,
body .uix_searchBar .uix_searchBarInner .uix_searchForm .uix_search--close i {
    display: none
}

body .uix_searchBar .uix_searchBarInner .uix_searchForm i {
    font-size: 24px;
    color: #b5b9c0;
    padding: 4px;
    padding-right: 8px;
    padding-left: 8px;
    float: left;
    height: 36px;
    display: inline-flex;
    align-items: center;
    transition: ease-in color .2s
}

body .uix_searchBar .uix_searchBarInner .uix_searchForm .input {
    height: 36px;
    border: none;
    transition: ease-in color .2s;
    background: none;
    color: inherit;
    text-indent: 30px
}

body .uix_searchBar .uix_searchBarInner .uix_searchForm .input::placeholder {
    color: #b5b9c0
}

body .uix_searchBar .p-navgroup-link {
    display: none
}

@media (max-width:900px) {
    body .uix_searchBar .uix_searchBarInner .uix_searchForm {
        max-width: 0;
        overflow: hidden;
        border: none
    }
}

@media (max-width:900px) and (min-width:650px) {
    body .uix_searchBar .p-navgroup-link {
        display: inline-flex
    }

    body .uix_searchBar .p-navgroup-link.uix_searchIconTrigger {
        display: none
    }
}

@media (max-width:900px) and (max-width:650px) {
    body .uix_searchBar .p-navgroup-link.uix_searchIconTrigger {
        display: inline-flex
    }

    body .uix_searchBar .p-navgroup-link {
        display: none
    }

    .minimalSearch--detailed body .uix_searchBar .p-navgroup-link.uix_searchIconTrigger {
        display: none
    }

    .minimalSearch--detailed body .uix_searchBar .p-navgroup-link {
        display: inline-flex
    }
}

.uix_searchBar .uix_searchDropdown__menu {
    display: none;
    position: absolute;
    top: 36px;
    right: 0;
    opacity: 0;
    width: 250px;
    max-width: 250px
}

@media (max-width:900px) {
    .uix_searchBar .uix_searchDropdown__menu {
        width: 100%;
        max-width: 100%
    }
}

.uix_searchBar .uix_searchDropdown__menu.uix_searchDropdown__menu--active {
    display: block;
    opacity: 1;
    pointer-events: all;
    transform: translateY(0)
}

.uix_searchBar .uix_searchDropdown__menu [name="constraints"] {
    flex-grow: 1 !important;
    widxth: auto !important
}

.uix_search--submit:hover {
    cursor: pointer
}

.uix_search--close {
    cursor: pointer
}

@media (max-width:900px) {
    .minimalSearch--active .uix_searchBar .uix_searchBarInner {
        position: absolute
    }

    .minimalSearch--active .uix_searchBar .uix_searchBarInner .uix_searchForm {
        flex-grow: 1;
        display: inline-flex !important;
        padding: 0 10px;
        max-width: 100%
    }

    .minimalSearch--active .uix_searchBar .uix_searchBarInner .uix_searchForm i.fa--xf {
        display: inline-block;
        padding: 0;
        line-height: 36px
    }

    .minimalSearch--active .uix_searchBar .uix_searchBarInner .uix_searchForm .uix_searchIcon i {
        display: none
    }

    .minimalSearch--active .uix_searchBar .uix_searchBarInner .uix_searchForm .uix_searchInput {
        text-indent: 0
    }

    .p-navgroup-link--search,
    .uix_sidebarCanvasTrigger,
    .p-navgroup-link {
        transition: ease opacity .2s .3s;
        opacity: 1
    }

    .minimalSearch--active .p-navgroup-link--search,
    .minimalSearch--active .uix_sidebarCanvasTrigger,
    .minimalSearch--active .p-navgroup-link {
        opacity: 0;
        transition: ease opacity .2s;
        pointer-events: none
    }
}

@media (max-width:900px) and (max-width:900px) {
    .p-nav-inner>* {
        transition: ease-in opacity .2s;
        opacity: 1
    }

    .minimalSearch--active.p-nav-inner>*:not(.uix_searchBar),
    .minimalSearch--active.p-nav-inner .p-account,
    .minimalSearch--active.p-nav-inner .uix_searchBar .uix_searchIconTrigger,
    .minimalSearch--active.p-nav-inner .p-discovery>*:not(.uix_searchBar) {
        opacity: 0
    }

    .minimalSearch--active.p-nav-inner .p-discovery,
    .minimalSearch--active.p-nav-inner .p-nav-opposite {
        opacity: 1
    }
}

@media (max-width:900px) and (min-width:900px) {
    .p-header-content>* {
        transition: ease opacity .2s;
        opacity: 1
    }

    .minimalSearch--active.p-header-content>*:not(.p-nav-opposite) {
        opacity: 0
    }

    .minimalSearch--active.p-header-content .uix_searchBar {
        opacity: 1
    }
}

.media__container {
    display: flex
}

.media__container .media--left {
    margin-right: 10px
}

.uix_fabBar {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 16px;
    z-index: 150;
    pointer-events: none
}

@media (max-width:480px) {
    .uix_hasBottomTabs .uix_fabBar .u-scrollButtons:last-child {
        margin-bottom: 46px
    }
}

.uix_editor--focused .uix_fabBar {
    display: none
}

.uix_fabBar--mirror {
    visibility: hidden;
    position: static;
    padding-top: calc(32px);
    background-color: #383c42
}

.uix_fabBar--mirror .p-title-pageAction {
    padding-top: 0
}

@media (min-width:650px) {
    .uix_fabBar--mirror {
        display: none
    }
}

@media (min-width:650px) {
    .uix_fabBar .p-title-pageAction {
        display: none
    }
}

.uix_fabBar .u-scrollButtons {
    position: static
}

.uix_fabBar .p-title-pageAction {
    margin-bottom: calc(-76px);
    transition: ease-in .2s margin-bottom;
    z-index: 5;
    padding-top: 16px
}

.uix_hasBottomTabs .uix_fabBar .p-title-pageAction {
    margin-bottom: -30px
}

.uix_fabBar .p-title-pageAction .button {
    border-radius: 100%;
    height: 60px;
    width: 60px;
    padding: 0;
    font-size: 0;
    display: none;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 10px 0px rgba(0, 0, 0, 0.14), 0 1px 18px 0px rgba(0, 0, 0, 0.12), 0 3px 5px 0 rgba(0, 0, 0, 0.2);
    background: #db2309;
    color: #fff
}

.uix_fabBar .p-title-pageAction .button:last-child {
    display: flex
}

.uix_fabBar .p-title-pageAction .button:not(.button--icon) {
    display: none
}

.uix_fabBar .p-title-pageAction .button .button-text:before {
    font-size: 24px;
    margin: 0;
    width: 1em
}

.uix_fabBar .u-scrollButtons {
    pointer-events: auto
}

.uix_fabBar.uix_fabBar--active .p-title-pageAction {
    margin-bottom: 0;
    pointer-events: auto
}

@media (max-width:480px) {
    .uix_hasBottomTabs .uix_fabBar.uix_fabBar--active .p-title-pageAction {
        margin-bottom: 46px
    }
}

#uix_jumpToFixed {
    font-size: 24px;
    color: #FFF;
    background-color: #db2309;
    padding: 8px;
    margin: 16px;
    border-radius: 2px;
    position: fixed;
    z-index: 1;
    transition: opacity .4s;
    display: block;
    padding: 0;
    bottom: 0;
    right: 0;
    left: auto
}

#uix_jumpToFixed a:first-child {
    padding-bottom: 4px
}

#uix_jumpToFixed a {
    color: inherit;
    display: block;
    padding: 8px
}

#uix_jumpToFixed a:last-child {
    padding-top: 4px
}

.uix_discussionList {
    border-radius: 3px
}

[type=checkbox],
[type=radio],
legend {
    margin-right: .5em
}

.structItem-extraInfo [type=checkbox] {
    margin-right: 0
}

form.structItem {
    display: flex;
    max-width: 100%
}

.structItem-cell--newThread {
    flex-grow: 1;
    min-width: 0
}

.uix_messageContent {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%
}

.pageContent .uix_socialMedia {
    display: inline-flex;
    flex-wrap: wrap;
    margin: 0 -6px;
    padding: 0
}

.p-staffBar .pageContent .uix_socialMedia {
    margin-right: 10px
}

@media (max-width:900px) {
    .p-staffBar .pageContent .uix_socialMedia {
        display: none
    }
}

.pageContent .uix_socialMedia li {
    display: inline-block
}

.pageContent .uix_socialMedia li a {
    margin: 6px;
    line-height: 1;
    display: inline-block;
    font-size: 24px
}

.uix_headerContainer {
    background: #212428;
    display: flex;
    flex-direction: column
}

@media (min-width:901px) {
    .uix_headerContainer {
        margin-top: 0px
    }
}

@media (min-width:650px) {
    .uix_headerContainer>*:not(.p-nav) {
        margin-bottom: 0px
    }

    .uix_headerContainer>*:not(.p-nav):last-child {
        margin-bottom: 0
    }
}

@media (min-width:901px) {

    .p-staffBar,
    .p-header {
        margin-bottom: 0px
    }
}

@media (min-width:901px) {
    .p-pageWrapper {
        margin-top: 0px
    }
}

.p-body>* {
    padding-top: 20px
}

.uix_pageWrapper--fixed {
    width: 100%;
    position: relative;
    left: 0;
    transition: max-width .2s, ease-in left .2s
}

.uix_postThreadWidget {
    border-top: 4px solid #212428;
    text-align: center;
    padding: 16px;
    color: #dee0e3
}

.uix_postThreadWidget i {
    height: 50px;
    width: 50px;
    line-height: 50px;
    border-radius: 100%;
    background-color: rgba(33, 36, 40, 0.2);
    color: #212428;
    display: inline-block;
    font-size: 24px
}

.uix_postThreadWidget .uix_postThreadWidget__title {
    font-size: 1.8rem;
    font-weight: 500;
    color: #fff
}

.uix_postThreadWidget .button {
    margin-top: 10px
}

.block-footer.uix_conversationsFooterMobile {
    display: none
}

.overlay .block-footer.uix_conversationsFooterMobile {
    display: flex
}

.overlay .block-footer {
    position: sticky;
    bottom: 0
}

.uix_hasBottomTabs .uix_tabBar {
    height: 46px;
    position: relative;
    z-index: 300
}

@media (min-width:480px) {
    .uix_hasBottomTabs .uix_tabBar {
        display: none
    }
}

.uix_hasBottomTabs .uix_tabList {
    z-index: 100;
    margin: 0;
    padding: 0;
    display: flex;
    background: #212428;
    position: fixed;
    text-transform: capitalize;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.14), 0 -2px 2px 0 rgba(0, 0, 0, 0.12), 0 -1px 3px 0 rgba(0, 0, 0, 0.2)
}

.uix_hasBottomTabs .uix_tabList .uix_tabItem {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 5px;
    height: 46px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 1;
    font-size: 10px;
    position: relative;
    text-align: center
}

.uix_hasBottomTabs .uix_tabList .uix_tabItem.uix_tabItem--active {
    color: #fff
}

.uix_hasBottomTabs .uix_tabList .uix_tabItem:hover {
    text-decoration: none;
    color: #fff
}

.uix_hasBottomTabs .uix_tabList .badgeContainer {
    position: relative
}

.uix_hasBottomTabs .uix_tabList .badgeContainer:after {
    position: absolute;
    top: 5px;
    right: 50%;
    margin-right: -20px
}

.uix_hasBottomTabs .uix_tabList .uix_tabItem i {
    font-size: 24px
}

@media (max-width:900px) {

    .uix_headerContainer>*,
    .p-pageWrapper>*,
    .p-nav,
    .p-footer>* {
        border-radius: 0 !important
    }
}

@media (max-width:900px) {
    .uix_responsiveStaffBar .p-staffBar {
        display: none
    }
}

@media (max-width:900px) {
    .p-staffBar .p-nav-opposite {
        display: none
    }
}

@media (max-width:899px) {
    .p-header {
        display: none
    }
}

@media (max-width:899px) {
    .p-header .p-nav-opposite {
        display: none
    }
}

@media (min-width:900px) {
    .p-nav-inner .p-header-logo {
        display: none
    }

    .p-nav>*:not(.p-header) .uix_searchBar {
        display: none
    }
}

@media (max-width:900px) {
    .p-sectionLinks>* {
        display: none
    }
}

@media (max-width:900px) and (max-width:900px) {
    .p-sectionLinks {
        display: none
    }
}

@media (min-width:901px) {
    .breadcrumb a.uix_sidebarTrigger__component {
        display: none
    }
}

.menu--account .avatar-update a {
    max-width: 21px;
    overflow: hidden;
    font-size: 12px
}

.comment-reply-link:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f27a";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 4px
}

.sidePanel__tabs .badgeContainer:after {
    position: relative;
    top: -15px;
    left: -5px
}

.lSSlideOuter.noticeScrollContainer {
    position: relative
}

.lSSlideOuter.noticeScrollContainer .lSPager {
    margin-top: 0px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 20px;
    background: none
}

.lSSlideOuter.noticeScrollContainer .notice-content {
    margin-bottom: 20px
}

.notices--bottom_fixer .notice--cookie .notice-content {
    display: flex
}

@media (max-width:650px) {
    .notices--bottom_fixer .notice--cookie .notice-content {
        text-align: center;
        align-items: center;
        flex-direction: column
    }
}

.notices--bottom_fixer .notice--cookie .u-inputSpacer {
    margin-top: 0
}

.notices--bottom_fixer .notice--cookie .uix_cookieButtonRow {
    margin: 0 -3px -3px 10px
}

@media (max-width:650px) {
    .notices--bottom_fixer .notice--cookie .uix_cookieButtonRow {
        margin-top: 10px;
        margin-left: -3px
    }
}

.notices--bottom_fixer .notice--cookie .uix_cookieButtonRow .button {
    margin: 3px
}

.notices--bottom_fixer .notice--cookie .notice-content>div:first-child {
    flex-grow: 1;
    justify-content: center;
    display: flex;
    flex-direction: column
}

.uix_mobileNodeTitle:before {
    content: "\00a0\00B7\00a0"
}

@media (min-width:650px) {
    .uix_mobileNodeTitle {
        display: none
    }
}

@media (min-width:480px) {
    .p-navgroup-link--user.p-navgroup-link.badgeContainer:after {
        display: none
    }

    .menu-tabHeader .tabs-tab.js-badge--conversations,
    .menu-tabHeader .tabs-tab.js-badge--alerts {
        display: none
    }
}

.menu-tabHeader {
    color: #b5b9c0
}

.menu-tabHeader i {
    font-size: 24px
}

.menu-tabHeader .tabs-tab {
    min-width: 60px;
    text-align: center;
    position: relative
}

.menu-tabHeader .badgeContainer:after {
    position: absolute;
    top: 10px;
    right: 10px
}

.menu {
    transition: cubic-bezier(.4, 0, .2, 1) .26s transform, cubic-bezier(.4, 0, .2, 1) .26s opacity;
    transform: translateY(-10px);
    opacity: 0
}

.menu.is-active {
    transform: translateY(0);
    opacity: 1
}

.input input {
    box-shadow: none !important
}

.uix_sidebarNav .uix_sidebarNav__inner__widgets .block-container,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets .block-container,
.uix_sidebarNav .uix_sidebarNav__inner__widgets .block-minorHeader,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets .block-minorHeader,
.uix_sidebarNav .uix_sidebarNav__inner__widgets .block-footer,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets .block-footer,
.uix_sidebarNav .uix_sidebarNav__inner__widgets .block-body .block-row,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets .block-body .block-row {
    border: none;
    box-shadow: none;
    background: none;
    padding: 0
}

.uix_sidebarNav .uix_sidebarNav__inner__widgets .block-container:not(:last-child),
.offCanvasMenu-content .uix_sidebarNav__inner__widgets .block-container:not(:last-child),
.uix_sidebarNav .uix_sidebarNav__inner__widgets .block-minorHeader:not(:last-child),
.offCanvasMenu-content .uix_sidebarNav__inner__widgets .block-minorHeader:not(:last-child),
.uix_sidebarNav .uix_sidebarNav__inner__widgets .block-footer:not(:last-child),
.offCanvasMenu-content .uix_sidebarNav__inner__widgets .block-footer:not(:last-child),
.uix_sidebarNav .uix_sidebarNav__inner__widgets .block-body .block-row:not(:last-child),
.offCanvasMenu-content .uix_sidebarNav__inner__widgets .block-body .block-row:not(:last-child) {
    padding-bottom: 16px
}

.uix_sidebarNav .uix_sidebarNav__inner__widgets .block:not(:last-child) .block-container,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets .block:not(:last-child) .block-container {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    padding-bottom: 16px
}

.uix_sidebarNav .uix_sidebarNav__inner__widgets .block-minorHeader,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets .block-minorHeader {
    font-size: 1.2rem;
    color: #b5b9c0
}

.uix_sidebarNav .uix_sidebarNav__inner__widgets .block-minorHeader:before,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets .block-minorHeader:before {
    display: none !important
}

.uix_sidebarNav .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .bookmarkRow,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .bookmarkRow {
    line-height: 40px;
    display: flex;
    align-items: center;
    color: #dee0e3
}

.uix_sidebarNav .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .bookmarkRow .contentRow-minor,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .bookmarkRow .contentRow-minor,
.uix_sidebarNav .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .bookmarkRow .bookmarkRow-forum,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .bookmarkRow .bookmarkRow-forum {
    display: none
}

.uix_sidebarNav .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .bookmarkRow .bookmarkRow-content,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .bookmarkRow .bookmarkRow-content {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.uix_sidebarNav .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .block-row,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .block-row {
    padding: 0 !important
}

.uix_sidebarNav .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .contentRow-main.contentRow-main--close,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .contentRow-main.contentRow-main--close {
    padding: 0
}

.uix_sidebarNav .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] i:before,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] i:before,
.uix_sidebarNav .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] a,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] a {
    color: inherit
}

.uix_sidebarNav .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .block-footer,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .block-footer,
.uix_sidebarNav .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .contentRow-main:before,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .contentRow-main:before {
    display: none
}

.uix_sidebarNav .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .contentRow-figure,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .contentRow-figure {
    height: 24px;
    padding-right: 1em;
    font-size: 24px
}

.uix_sidebarNav .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .contentRow-figure .avatar,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .contentRow-figure .avatar,
.uix_sidebarNav .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .contentRow-figure i,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .contentRow-figure i {
    font-size: 24px;
    width: 24px;
    height: 24px;
    vertical-align: inherit
}

.uix_sidebarNav .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .contentRow-figure .node-icon,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets [data-widget-definition="th_bookmarks"] .contentRow-figure .node-icon {
    width: auto
}

.uix_sidebarTrigger--phrase {
    display: none
}

.uix_headerInner--opposite a.uix_sidebarTrigger__component {
    padding: 0 4px
}

.uix_headerInner--opposite a.uix_sidebarTrigger__component i {
    margin: 0
}

.uix_originalPoster__icon {
    height: 19px;
    width: 19px;
    background: #4f545e;
    color: #fff;
    display: inline-block;
    border-radius: 100%;
    text-align: center
}

.uix_solutionAttribution {
    color: #63b265
}

.actionBar-action.actionBar-action--vote .contentVote {
    flex-direction: row;
    font-size: inherit;
    min-width: 0px
}

.actionBar-action.actionBar-action--vote .contentVote .contentVote-vote {
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    padding: 0;
    background: #484d56;
    border-radius: 100%;
    transform: initial
}

.actionBar-action.actionBar-action--vote .contentVote .contentVote-vote:before {
    background: none
}

.actionBar-action.actionBar-action--vote .contentVote .contentVote-vote.is-voted {
    background: #63b265;
    color: #fff
}

.actionBar-action.actionBar-action--vote .contentVote .contentVote-vote.is-voted.contentVote-vote--down {
    background: #c84448;
    color: #fff
}

.actionBar-action.actionBar-action--vote .contentVote .contentVote-score {
    padding: 0 10px
}

/********* public:uix_extendedFooter.less ********/
.uix_extendedFooter {
    order: 10;
    background: #212428;
    border-top: 0 solid rgba(255, 255, 255, 0.12);
    padding-top: 48px;
    padding-bottom: 48px
}

.uix_extendedFooter .pageContent {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    width: calc(100% - 40px);
    transition: max-width .2s;
    padding: 0
}

@media (max-width:900px) {
    .uix_extendedFooter .pageContent {
        width: calc(100% - 20px)
    }
}

@media (max-width:900px) {
    .uix_extendedFooter .pageContent {
        padding-left: env(safe-area-inset-left) !important;
        padding-right: env(safe-area-inset-right) !important
    }
}

@media (min-width:1200px) {
    .uix_page--fluid .uix_extendedFooter .pageContent {
        max-width: 100%
    }
}

.uix_extendedFooter .uix_extendedFooterRow {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 16px
}

.uix_extendedFooter .uix_extendedFooterRow .blockLink {
    text-transform: capitalize
}

.uix_extendedFooter .uix_extendedFooterRow>.block {
    flex-basis: 280px;
    margin: 0;
    flex-grow: 1;
    min-width: 0
}

.uix_extendedFooter .uix_extendedFooterRow>.block .block-container {
    margin-left: 0;
    margin-right: 0;
    background: none;
    box-shadow: none
}

.uix_extendedFooter .uix_extendedFooterRow>.block .block-container .block-minorHeader {
    background: none;
    border-bottom-width: 0;
    border-bottom-style: solid;
    padding: 0;
    padding-bottom: 10px
}

.uix_extendedFooter .uix_extendedFooterRow>.block .block-container .block-minorHeader a {
    color: inherit
}

.uix_extendedFooter .uix_extendedFooterRow>.block .block-container .block-row,
.uix_extendedFooter .uix_extendedFooterRow>.block .block-container .blockLink {
    padding-right: 0;
    padding-left: 0
}

.uix_extendedFooter .uix_extendedFooterRow>.block .block-container .block-footer {
    background: none;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0
}

.uix_extendedFooter .uix_extendedFooterRow>.block .block-container .blockLink {
    background: none;
    color: inherit;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12)
}

.uix_extendedFooter .uix_extendedFooterRow>.block .block-container .blockLink a {
    display: block
}

/********* public:uix_socialMedia.less ********/
[data-widget-definition="thuix_socialMedia"] .block-row {
    max-height: 200px;
    overflow-y: auto
}

/********* public:extra.less ********/
.userBanner.my-orange {
    color: black;
    background-color: orange
}

.userBanner.my-purple {
    color: white;
    background-color: #8822bf
}

.userBanner.my-lime {
    color: black;
    background-color: #bfff00
}

.userBanner.my-pink {
    color: white;
    background-color: #f50072
}

.userBanner.my-cherry {
    color: white;
    background-color: #800040
}

.userBanner.my-indigo {
    color: white;
    background-color: #4b0082
}

.userBanner.my-white {
    color: black;
    background-color: #fff
}

.userBanner.my-magenta {
    color: white;
    background-color: #f0f
}

.userBanner.my-crimson {
    color: white;
    background-color: #dc143c
}

.userBanner.my-gold {
    color: black;
    background-color: #ffd700
}

.userBanner.my-azure {
    color: white;
    background-color: #0080ff
}

.userBanner.my-platinum {
    color: black;
    background-color: #e5e4e2
}

.userBanner.my-aqua {
    color: black;
    background-color: #0ff
}

.userBanner.my-gray {
    color: white;
    background-color: #808080
}

.userBanner.my-ice {
    color: black;
    background-color: #b6f1fe
}

.userBanner.my-chilli {
    color: white;
    background-color: #e32227
}

.userBanner.my-choco {
    color: white;
    background-color: #bf835c
}

.userBanner.my-moscow {
    color: white;
    background-color: #ff2b3b
}

.userBanner.my-spb {
    color: white;
    background-color: #11a6fa
}

.userBanner.my-ufa {
    color: black;
    background-color: #ffba08
}

.userBanner.my-sochi {
    color: black;
    background-color: #01afd6
}

.userBanner.my-kazan {
    color: white;
    background-color: #007db2
}

.userBanner.my-samara {
    color: white;
    background-color: #82339d
}

.userBanner.my-rostov {
    color: black;
    background-color: #fbb040
}

.userBanner.my-anapa {
    color: white;
    background-color: #24acf8
}

.userBanner.my-ekb {
    color: black;
    background-color: #93f0a4
}

.userBanner.my-krasnodar {
    color: white;
    background-color: #a03429
}

.userBanner.my-krasnodar {
    color: white;
    background-color: #a03429
}

.userBanner.my-arzamas {
    color: black;
    background-color: #fff72d
}

.userBanner.my-novosibirsk {
    color: black;
    background-color: #99d53b
}

.userBanner.my-grozny {
    color: white;
    background-color: #009622
}

.userBanner.my-saratov {
    color: white;
    background-color: #0597eb
}

.userBanner.my-omsk {
    color: black;
    background-color: #58e1a5
}

.userBanner.my-irkutsk {
    color: black;
    background-color: #06e1ff
}

.userBanner.my-volgograd {
    color: white;
    background-color: #fe0000
}

.userBanner.my-voronezh {
    color: black;
    background-color: #fff200
}

.userBanner.my-belgorod {
    color: white;
    background-color: #0039a6
}

.userBanner.my-makhachkala {
    color: white;
    background-color: #42ad42
}

.userBanner.my-vladikavkaz {
    color: white;
    background-color: #8eb0d9
}

.userBanner.my-vladivostok {
    color: white;
    background-color: #3a95ff
}

.userBanner.my-kaliningrad {
    color: black;
    background-color: #f0ebc9
}

.userBanner.my-chelyabinsk {
    color: white;
    background-color: #ff6b00
}

.userBanner.my-krasnoyarsk {
    color: white;
    background-color: #d99d1c
}

.userBanner.my-cheboksary {
    color: white;
    background-color: #6cbb74
}

.userBanner.my-khabarovsk {
    color: white;
    background-color: #0184c4
}

.userBanner.my-perm {
    color: black;
    background-color: #ffd700
}

.userBanner.my-tula {
    color: black;
    background-color: #f2b647
}

.userBanner.my-ryazan {
    color: white;
    background-color: #c659eb
}

.userBanner.my-murmansk {
    color: white;
    background-color: #396797
}

.userBanner.my-penza {
    color: black;
    background-color: #53e295
}

.userBanner.my-kursk {
    color: white;
    background-color: #9e1c00
}

.userBanner.my-arkhangelsk {
    color: white;
    background-color: #ff007a
}

.userBanner.my-orenburg {
    color: white;
    background-color: #e39012
}

.userBanner.my-kirov {
    color: white;
    background-color: #939393
}

.userBanner.my-kemerovo {
    color: white;
    background-color: #f61a1b
}

.userBanner.my-tyumen {
    color: black;
    background-color: #44c9f3
}

.userBanner.my-tolyatti {
    color: white;
    background-color: #8f00ff
}

.userBanner.my-ivanovo {
    color: black;
    background-color: #d5af80
}

.userBanner.my-stavropol {
    color: white;
    background-color: #3f6be9
}

.userBanner.my-smolensk {
    color: white;
    background-color: #ee703e
}

.userBanner.my-pskov {
    color: white;
    background-color: #63a62e
}

.userBanner.my-bryansk {
    color: black;
    background-color: #26eebe
}

.userBanner.my-orel {
    color: black;
    background-color: #ffea03
}

.userBanner.my-yaroslavl {
    color: white;
    background-color: #d01d0d
}

.userBanner.my-barnaul {
    color: white;
    background-color: #797cc7
}

.userBanner.my-lipetsk {
    color: black;
    background-color: #ccd0da
}

.userBanner.my-ulyanovsk {
    color: white;
    background-color: #b55624
}

.userBanner.my-yakutsk {
    color: black;
    background-color: #44bffc
}

.userBanner.my-tambov {
    color: white;
    background-color: #959595
}

.userBanner.my-bratsk {
    color: white;
    background-color: #e0c1a0
}

.userBanner.my-astrakhan {
    color: white;
    background-color: #f7243a
}

.userBanner.my-chita {
    color: black;
    background-color: #35ca68
}

.userBanner.my-kostroma {
    color: black;
    background-color: #f1b10d
}

.userBanner.my-vladimir {
    color: white;
    background-color: #f58041
}

.userBanner.my-kaluga {
    color: white;
    background-color: #3032a4
}

.userBanner.my-novgorod {
    color: black;
    background-color: #ffc700
}

.userBanner.my-taganrog {
    color: white;
    background-color: #984fcf
}

.userBanner.my-vologda {
    color: white;
    background-color: #f54141
}

.userBanner.my-tver {
    color: white;
    background-color: #84b6ff
}

.userBanner.my-tomsk {
    color: black;
    background-color: #00e9b2
}

.userBanner.my-izhevsk {
    color: white;
    background-color: #00a2a4
}

.userBanner.my-surgut {
    color: white;
    background-color: #4f27de
}

.userBanner.my-podolsk {
    color: white;
    background-color: #b7a67e
}

.userBanner.my-magadan {
    color: white;
    background-color: #b1c1c7
}

.userBanner.my-cherepovets {
    color: white;
    background-color: #3885e9
}

.userBanner.my-norilsk {
    color: black;
    background-color: #aed4f6
}

.userBanner.my-astana {
    color: black;
    background-color: #7AC8D4
}

.userBanner.my-tech {
    color: white;
    background-color: #ff4500
}

.userBanner.my-curator {
    color: white;
    background-color: #a000a0
}

.userBanner.my-deputy-curator {
    color: black;
    background-color: #C397F0
}

.userBanner.my-head-tech {
    color: white;
    background-color: #6C5CE7
}

.userBanner.my-senior-support {
    color: black;
    background-color: #ee82ee
}

.userBanner.my-senior-social {
    color: black;
    background-color: #8095D9
}

.userBanner.my-senior-crime {
    color: white;
    background-color: #191919
}

.userBanner.my-senior-force {
    color: white;
    background-color: #0000FF
}

.userBanner.my-sled-cb {
    color: black;
    background-color: #ffb9c9
}

.userBanner.my-sled-pravo {
    color: black;
    background-color: #ffff99
}

.userBanner.my-sled-force {
    color: white;
    background-color: #0000FF
}

.userBanner.my-sled-army {
    color: white;
    background-color: #895129
}

.userBanner.my-sled-smi {
    color: white;
    background-color: #d84418
}

.userBanner.my-sled-aopg {
    color: white;
    background-color: #006400
}

.userBanner.my-sled-bopg {
    color: white;
    background-color: #9370db
}

.userBanner.my-sled-lopg {
    color: black;
    background-color: #FFA500
}

.userBanner.my-junior-tester {
    color: black;
    background-color: #0ff
}

.userBanner.my-tester {
    color: black;
    background-color: #0ff
}

.userBanner.my-senior-tester {
    color: black;
    background-color: #0ff
}

.userBanner.my-quality-control {
    color: black;
    background-color: #0ff
}

.userBanner.my-head-quality-control {
    color: black;
    background-color: #0ff
}

.userBanner.my-deputy-head-testers {
    color: black;
    background-color: #0ff
}

.userBanner.my-chief-forum-moderators {
    color: white;
    background-color: #0087ff
}

.userBanner.my-forum-moderators {
    color: white;
    background-color: #0087ff
}

.label.appeal {
    color: black;
    background-color: #FF9999
}

.label.complaint {
    color: white;
    background-color: #00BFFF
}