@charset "UTF-8";

/********* public:attachments.less ********/
.attachmentUploads {
    display: none;
    margin-bottom: 10px
}

.attachmentUploads.is-active {
    display: block
}

.attachmentUploads.attachmentUploads--spaced {
    margin-top: 10px
}

.attachmentUploads .hScroller-action {
    color: #dabe7b
}

.attachmentUploads .hScroller-action:hover {
    color: #d4b561
}

.attachmentUploads .hScroller-action.hScroller-action--start:before {
    content: '';
    position: absolute;
    left: 0;
    height: 50px;
    width: 35px;
    background: rgba(21, 27, 40, 0.85);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 1px 0 4px 1px rgba(0, 0, 0, 0.3)
}

.attachmentUploads .hScroller-action.hScroller-action--start:after {
    position: absolute;
    left: 10px
}

.attachmentUploads .hScroller-action.hScroller-action--end:before {
    content: '';
    position: absolute;
    right: 0;
    height: 50px;
    width: 35px;
    background: rgba(21, 27, 40, 0.85);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    box-shadow: -1px 0 4px 1px rgba(0, 0, 0, 0.3)
}

.attachmentUploads .hScroller-action.hScroller-action--end:after {
    position: absolute;
    right: 10px
}

.attachmentUploads-banner {
    color: #dcdcdc;
    background: rgba(15, 19, 28, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 2px;
    margin-top: 10px;
    padding: 3px 6px
}

.attachmentUploads-selectActions {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    font-size: 13px
}

.attachmentUploads.is-selecting .attachmentUploads-selectActions {
    display: flex
}

.attachmentUploads-selectActions>li {
    margin-right: .35em
}

.attachmentUploads-selectActions>li .buttonGroup {
    vertical-align: middle
}

.attachmentUploads-selectActions>li:last-of-type {
    flex: 1 1 auto;
    text-align: right
}

.attachmentUploads-selectActions .selectAll .iconic {
    cursor: pointer
}

.attachmentUploads-selectActions .selectAll .iconic input+i {
    color: #dabe7b
}

.is-selecting button.js-attachmentSelect {
    float: right
}

.file {
    position: relative;
    width: 165px;
    height: 165px;
    margin-right: 6px;
    background: rgba(15, 19, 28, 0.85);
    border-radius: 2px
}

.file:last-child {
    margin-right: 0
}

.attachUploadList {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    white-space: nowrap;
    font-size: 0
}

.attachUploadList .file {
    display: inline-block;
    font-size: 15px
}

.attachmentList {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap
}

.attachmentList .file {
    margin-bottom: 6px
}

@supports (display: grid) {
    .attachmentList {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(165px, 1fr));
        grid-gap: 6px;
        gap: 6px
    }

    .attachmentList .file {
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-bottom: 0
    }

    .attachmentList .file:after {
        content: '';
        display: block;
        padding-bottom: 100%;
        pointer-events: none
    }
}

.file-preview {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.file-preview img,
.file-preview video {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.file--linked .file-preview:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100
}

.file-typeIcon {
    font-size: 80px;
    vertical-align: middle;
    color: #47a7eb
}

.file-error {
    color: #f2930d;
    font-size: 12px;
    white-space: normal;
    padding: 6px
}

.file-progress {
    position: relative;
    width: 100%;
    width: calc(100% - 8px);
    font-size: 11px;
    line-height: 1.3
}

.file-progress i {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: #f2930d;
    color: #fff;
    border-radius: 2px;
    padding-right: .2em;
    text-align: right;
    font-style: normal;
    white-space: nowrap;
    min-width: 2em;
    -webkit-transition: width .25s ease;
    transition: width .25s ease
}

.file-content {
    position: absolute;
    width: 100%;
    height: 100%
}

.file-info {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0 10px;
    height: 2.5em;
    line-height: 2.5;
    overflow: hidden;
    -webkit-transition: height .25s ease;
    transition: height .25s ease;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    font-size: 12px;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6)
}

@supports (backdrop-filter: blur(3px)) or (-webkit-backdrop-filter: blur(3px)) {
    @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
        .file-info {
            --backdrop-filter: blur(3px);
            -webkit-backdrop-filter: var(--backdrop-filter);
            backdrop-filter: var(--backdrop-filter)
        }
    }

    @supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
        .file-info {
            background: none
        }
    }
}

a.file-info {
    color: #fff
}

a.file-info:hover {
    color: #fff;
    text-decoration: none
}

a.file-info:hover .file-name {
    text-decoration: underline
}

.file-info:hover,
.file--linked:hover .file-info,
.has-touchevents .file-info {
    height: 5em
}

.file-name,
.file-meta {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.file-delete,
.file-insert {
    position: absolute;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6)
}

.file-checkbox {
    display: none
}

.attachmentUploads.is-selecting .file-checkbox {
    display: block
}

.file-checkbox .iconic {
    position: static
}

.file-checkbox .iconic:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100
}

.file-checkbox .iconic>i {
    position: absolute;
    top: 4px;
    left: 4px;
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    color: #dcdcdc;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
    background: rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    padding: 6px;
    line-height: 1
}

.file-checkbox .iconic:hover>i {
    color: #fff
}

.file-checkbox .iconic:hover>i:before {
    content: "\f14a"
}

.file-checkbox .iconic>input+i:before,
.file-checkbox .iconic>input+i:after {
    top: 6px;
    left: 6px
}

.file-checkbox .iconic>input:checked+i:after {
    font-weight: bold
}

.file-insert {
    top: 4px;
    left: 4px;
    font-size: 12px;
    max-width: 125px;
    white-space: normal;
    word-wrap: break-word
}

.file-insert.is-active .file-insertLink {
    display: none
}

.file-insert.is-active .file-menuOptions {
    display: block
}

.file-delete {
    top: 4px;
    right: 4px;
    font-size: 15px
}

.attachmentUploads.is-selecting .file-insert,
.attachmentUploads.is-selecting .file-delete {
    display: none
}

.file-insertLink,
.file-deleteLink {
    display: inline-block
}

a.file-deleteLink {
    color: inherit;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    padding: 6px;
    -webkit-transition: background .25s ease;
    transition: background .25s ease
}

a.file-deleteLink:hover {
    text-decoration: none;
    background: rgba(0, 0, 0, 0.5)
}

a.file-insertLink,
.file-menuOptions>a {
    color: inherit;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 4px;
    padding: 6px;
    -webkit-transition: background .25s ease;
    transition: background .25s ease
}

a.file-insertLink:hover,
.file-menuOptions>a:hover {
    text-decoration: none;
    background: rgba(0, 0, 0, 0.5)
}

.file-menuOptions {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none
}

.file-menuOptions>a {
    display: block;
    margin-top: 3px;
    max-width: max-content
}

.file-menuOptions>a:first-child {
    margin-top: 0
}

@media (max-width:480px) {

    .attachmentUploads .iconic-label,
    .attachmentUploads .insert-label {
        display: none
    }
}

/********* public:ddStyle.less ********/
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1;
    -webkit-text-size-adjust: none
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

table {
    border-ddclapse: ddclapse;
    border-spacing: 0
}

*,
:after,
:before {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ddContainer {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width:768px) {
    .ddContainer {
        width: 750px
    }
}

@media (min-width:992px) {
    .ddContainer {
        width: 970px
    }
}

@media (min-width:1200px) {
    .ddContainer {
        width: 1170px
    }
}

.dd-row {
    margin-left: -15px;
    margin-right: -15px
}

.ddc-lg-1,
.ddc-lg-10,
.ddc-lg-11,
.ddc-lg-12,
.ddc-lg-2,
.ddc-lg-3,
.ddc-lg-4,
.ddc-lg-5,
.ddc-lg-6,
.ddc-lg-7,
.ddc-lg-8,
.ddc-lg-9,
.ddc-md-1,
.ddc-md-10,
.ddc-md-11,
.ddc-md-12,
.ddc-md-2,
.ddc-md-3,
.ddc-md-4,
.ddc-md-5,
.ddc-md-6,
.ddc-md-7,
.ddc-md-8,
.ddc-md-9,
.ddc-sm-1,
.ddc-sm-10,
.ddc-sm-11,
.ddc-sm-12,
.ddc-sm-2,
.ddc-sm-3,
.ddc-sm-4,
.ddc-sm-5,
.ddc-sm-6,
.ddc-sm-7,
.ddc-sm-8,
.ddc-sm-9,
.ddc-xs-1,
.ddc-xs-10,
.ddc-xs-11,
.ddc-xs-12,
.ddc-xs-2,
.ddc-xs-3,
.ddc-xs-4,
.ddc-xs-5,
.ddc-xs-6,
.ddc-xs-7,
.ddc-xs-8,
.ddc-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.ddc-xs-1,
.ddc-xs-10,
.ddc-xs-11,
.ddc-xs-12,
.ddc-xs-2,
.ddc-xs-3,
.ddc-xs-4,
.ddc-xs-5,
.ddc-xs-6,
.ddc-xs-7,
.ddc-xs-8,
.ddc-xs-9 {
    float: left
}

.ddc-xs-12 {
    width: 100%
}

.ddc-xs-11 {
    width: 91.66666667%
}

.ddc-xs-10 {
    width: 83.33333333%
}

.ddc-xs-9 {
    width: 75%
}

.ddc-xs-8 {
    width: 66.66666667%
}

.ddc-xs-7 {
    width: 58.33333333%
}

.ddc-xs-6 {
    width: 50%
}

.ddc-xs-5 {
    width: 41.66666667%
}

.ddc-xs-4 {
    width: 33.33333333%
}

.ddc-xs-3 {
    width: 25%
}

.ddc-xs-2 {
    width: 16.66666667%
}

.ddc-xs-1 {
    width: 8.33333333%
}

.ddc-xs-pull-12 {
    right: 100%
}

.ddc-xs-pull-11 {
    right: 91.66666667%
}

.ddc-xs-pull-10 {
    right: 83.33333333%
}

.ddc-xs-pull-9 {
    right: 75%
}

.ddc-xs-pull-8 {
    right: 66.66666667%
}

.ddc-xs-pull-7 {
    right: 58.33333333%
}

.ddc-xs-pull-6 {
    right: 50%
}

.ddc-xs-pull-5 {
    right: 41.66666667%
}

.ddc-xs-pull-4 {
    right: 33.33333333%
}

.ddc-xs-pull-3 {
    right: 25%
}

.ddc-xs-pull-2 {
    right: 16.66666667%
}

.ddc-xs-pull-1 {
    right: 8.33333333%
}

.ddc-xs-pull-0 {
    right: auto
}

.ddc-xs-push-12 {
    left: 100%
}

.ddc-xs-push-11 {
    left: 91.66666667%
}

.ddc-xs-push-10 {
    left: 83.33333333%
}

.ddc-xs-push-9 {
    left: 75%
}

.ddc-xs-push-8 {
    left: 66.66666667%
}

.ddc-xs-push-7 {
    left: 58.33333333%
}

.ddc-xs-push-6 {
    left: 50%
}

.ddc-xs-push-5 {
    left: 41.66666667%
}

.ddc-xs-push-4 {
    left: 33.33333333%
}

.ddc-xs-push-3 {
    left: 25%
}

.ddc-xs-push-2 {
    left: 16.66666667%
}

.ddc-xs-push-1 {
    left: 8.33333333%
}

.ddc-xs-push-0 {
    left: auto
}

.ddc-xs-offset-12 {
    margin-left: 100%
}

.ddc-xs-offset-11 {
    margin-left: 91.66666667%
}

.ddc-xs-offset-10 {
    margin-left: 83.33333333%
}

.ddc-xs-offset-9 {
    margin-left: 75%
}

.ddc-xs-offset-8 {
    margin-left: 66.66666667%
}

.ddc-xs-offset-7 {
    margin-left: 58.33333333%
}

.ddc-xs-offset-6 {
    margin-left: 50%
}

.ddc-xs-offset-5 {
    margin-left: 41.66666667%
}

.ddc-xs-offset-4 {
    margin-left: 33.33333333%
}

.ddc-xs-offset-3 {
    margin-left: 25%
}

.ddc-xs-offset-2 {
    margin-left: 16.66666667%
}

.ddc-xs-offset-1 {
    margin-left: 8.33333333%
}

.ddc-xs-offset-0 {
    margin-left: 0
}

@media (min-width:768px) {

    .ddc-sm-1,
    .ddc-sm-10,
    .ddc-sm-11,
    .ddc-sm-12,
    .ddc-sm-2,
    .ddc-sm-3,
    .ddc-sm-4,
    .ddc-sm-5,
    .ddc-sm-6,
    .ddc-sm-7,
    .ddc-sm-8,
    .ddc-sm-9 {
        float: left
    }

    .ddc-sm-12 {
        width: 100%
    }

    .ddc-sm-11 {
        width: 91.66666667%
    }

    .ddc-sm-10 {
        width: 83.33333333%
    }

    .ddc-sm-9 {
        width: 75%
    }

    .ddc-sm-8 {
        width: 66.66666667%
    }

    .ddc-sm-7 {
        width: 58.33333333%
    }

    .ddc-sm-6 {
        width: 50%
    }

    .ddc-sm-5 {
        width: 41.66666667%
    }

    .ddc-sm-4 {
        width: 33.33333333%
    }

    .ddc-sm-3 {
        width: 25%
    }

    .ddc-sm-2 {
        width: 16.66666667%
    }

    .ddc-sm-1 {
        width: 8.33333333%
    }

    .ddc-sm-pull-12 {
        right: 100%
    }

    .ddc-sm-pull-11 {
        right: 91.66666667%
    }

    .ddc-sm-pull-10 {
        right: 83.33333333%
    }

    .ddc-sm-pull-9 {
        right: 75%
    }

    .ddc-sm-pull-8 {
        right: 66.66666667%
    }

    .ddc-sm-pull-7 {
        right: 58.33333333%
    }

    .ddc-sm-pull-6 {
        right: 50%
    }

    .ddc-sm-pull-5 {
        right: 41.66666667%
    }

    .ddc-sm-pull-4 {
        right: 33.33333333%
    }

    .ddc-sm-pull-3 {
        right: 25%
    }

    .ddc-sm-pull-2 {
        right: 16.66666667%
    }

    .ddc-sm-pull-1 {
        right: 8.33333333%
    }

    .ddc-sm-pull-0 {
        right: auto
    }

    .ddc-sm-push-12 {
        left: 100%
    }

    .ddc-sm-push-11 {
        left: 91.66666667%
    }

    .ddc-sm-push-10 {
        left: 83.33333333%
    }

    .ddc-sm-push-9 {
        left: 75%
    }

    .ddc-sm-push-8 {
        left: 66.66666667%
    }

    .ddc-sm-push-7 {
        left: 58.33333333%
    }

    .ddc-sm-push-6 {
        left: 50%
    }

    .ddc-sm-push-5 {
        left: 41.66666667%
    }

    .ddc-sm-push-4 {
        left: 33.33333333%
    }

    .ddc-sm-push-3 {
        left: 25%
    }

    .ddc-sm-push-2 {
        left: 16.66666667%
    }

    .ddc-sm-push-1 {
        left: 8.33333333%
    }

    .ddc-sm-push-0 {
        left: auto
    }

    .ddc-sm-offset-12 {
        margin-left: 100%
    }

    .ddc-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .ddc-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .ddc-sm-offset-9 {
        margin-left: 75%
    }

    .ddc-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .ddc-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .ddc-sm-offset-6 {
        margin-left: 50%
    }

    .ddc-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .ddc-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .ddc-sm-offset-3 {
        margin-left: 25%
    }

    .ddc-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .ddc-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .ddc-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width:992px) {

    .ddc-md-1,
    .ddc-md-10,
    .ddc-md-11,
    .ddc-md-12,
    .ddc-md-2,
    .ddc-md-3,
    .ddc-md-4,
    .ddc-md-5,
    .ddc-md-6,
    .ddc-md-7,
    .ddc-md-8,
    .ddc-md-9 {
        float: left
    }

    .ddc-md-12 {
        width: 100%
    }

    .ddc-md-11 {
        width: 91.66666667%
    }

    .ddc-md-10 {
        width: 83.33333333%
    }

    .ddc-md-9 {
        width: 75%
    }

    .ddc-md-8 {
        width: 66.66666667%
    }

    .ddc-md-7 {
        width: 58.33333333%
    }

    .ddc-md-6 {
        width: 50%
    }

    .ddc-md-5 {
        width: 41.66666667%
    }

    .ddc-md-4 {
        width: 33.33333333%
    }

    .ddc-md-3 {
        width: 25%
    }

    .ddc-md-2 {
        width: 16.66666667%
    }

    .ddc-md-1 {
        width: 8.33333333%
    }

    .ddc-md-pull-12 {
        right: 100%
    }

    .ddc-md-pull-11 {
        right: 91.66666667%
    }

    .ddc-md-pull-10 {
        right: 83.33333333%
    }

    .ddc-md-pull-9 {
        right: 75%
    }

    .ddc-md-pull-8 {
        right: 66.66666667%
    }

    .ddc-md-pull-7 {
        right: 58.33333333%
    }

    .ddc-md-pull-6 {
        right: 50%
    }

    .ddc-md-pull-5 {
        right: 41.66666667%
    }

    .ddc-md-pull-4 {
        right: 33.33333333%
    }

    .ddc-md-pull-3 {
        right: 25%
    }

    .ddc-md-pull-2 {
        right: 16.66666667%
    }

    .ddc-md-pull-1 {
        right: 8.33333333%
    }

    .ddc-md-pull-0 {
        right: auto
    }

    .ddc-md-push-12 {
        left: 100%
    }

    .ddc-md-push-11 {
        left: 91.66666667%
    }

    .ddc-md-push-10 {
        left: 83.33333333%
    }

    .ddc-md-push-9 {
        left: 75%
    }

    .ddc-md-push-8 {
        left: 66.66666667%
    }

    .ddc-md-push-7 {
        left: 58.33333333%
    }

    .ddc-md-push-6 {
        left: 50%
    }

    .ddc-md-push-5 {
        left: 41.66666667%
    }

    .ddc-md-push-4 {
        left: 33.33333333%
    }

    .ddc-md-push-3 {
        left: 25%
    }

    .ddc-md-push-2 {
        left: 16.66666667%
    }

    .ddc-md-push-1 {
        left: 8.33333333%
    }

    .ddc-md-push-0 {
        left: auto
    }

    .ddc-md-offset-12 {
        margin-left: 100%
    }

    .ddc-md-offset-11 {
        margin-left: 91.66666667%
    }

    .ddc-md-offset-10 {
        margin-left: 83.33333333%
    }

    .ddc-md-offset-9 {
        margin-left: 75%
    }

    .ddc-md-offset-8 {
        margin-left: 66.66666667%
    }

    .ddc-md-offset-7 {
        margin-left: 58.33333333%
    }

    .ddc-md-offset-6 {
        margin-left: 50%
    }

    .ddc-md-offset-5 {
        margin-left: 41.66666667%
    }

    .ddc-md-offset-4 {
        margin-left: 33.33333333%
    }

    .ddc-md-offset-3 {
        margin-left: 25%
    }

    .ddc-md-offset-2 {
        margin-left: 16.66666667%
    }

    .ddc-md-offset-1 {
        margin-left: 8.33333333%
    }

    .ddc-md-offset-0 {
        margin-left: 0
    }
}

.clearfix:after,
.clearfix:before,
.ddContainer:after,
.ddContainer:before,
.dd-row:after,
.dd-row:before {
    content: " ";
    display: table
}

.clearfix:after,
.ddContainer:after,
.dd-row:after {
    clear: both
}

::selection {
    background: #868686
}

::-moz-selection {
    background: #868686
}

html {
    overflow-x: hidden;
}

body {
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden !important
}

@-webkit-keyframes bounce {
    0% {
        -webkit-transform: scale(.85);
        transform: scale(.85)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounce {
    0% {
        -webkit-transform: scale(.85);
        transform: scale(.85)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes bounceMobile {
    0% {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    14% {
        -webkit-transform: scale(1.06);
        transform: scale(1.02)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.06);
        transform: scale(1.06)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounceMobile {
    0% {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    14% {
        -webkit-transform: scale(1.06);
        transform: scale(1.06)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.06);
        transform: scale(1.06)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.ddBounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

* {
    
}

.ddDlear {
    clear: both
}

.ddFlex {
    display: flex
}

.ddFlex.ddFlexCenter {
    align-items: center
}

.ddFlex.ddFlexSpace {
    justify-content: space-between
}

.ddFlex .ddLeft {
    flex: 1
}

.ddFlex .ddSection12 {
    flex: 0 0 100%
}

.ddFlex .ddSection10 {
    flex: 0 0 83.33333%
}

.ddFlex .ddSection8 {
    flex: 0 0 66.66665999999999%
}

.ddFlex .ddSection6 {
    flex: 0 0 50%
}

.ddFlex .ddSection4 {
    flex: 0 0 33.33333%
}

.ddFlex .ddSection3 {
    flex: 0 0 24.99999%
}

.ddFlex .ddSection2 {
    flex: 0 0 16.66666%
}

.ddFlex .ddSection1 {
    flex: 0 0 8.33333%
}

body {
    background: #030212;
    color: white;
    font-family: plantin, sans-serif;
    font-weight: 700;
    font-style: normal
}

a {
    color: #7697b1;
    text-decoration: none;
    transition: .25s
}

a:hover,
a:focus {
    text-decoration: none;
    color: #a6d2f4
}

.ddCharacters {
    display: none;
    transition: .25s
}

.bs-background {
    position: absolute;
    left: -2%;
    display: none;
    z-index: -2;
    height: 100%;
    width: 104%
}

.bs-background img.bs-layer1 {
    z-index: 10
}

.bs-background img.bs-layer2 {
    z-index: 20
}

.bs-background img.bs-layer3 {
    z-index: 30
}

.bs-background img.bs-layer4 {
    z-index: 40
}

.shareButtons {
    margin-left: 5px !important
}

.ddHeader {
    position: relative !important
}

.ddHeader .ddUpper .ddBar {
    background: rgba(21, 27, 40, 0.9);
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
    transition: .25s
}

.ddHeader .ddUpper .ddButtons {
    display: flex
}

.ddHeader .ddUpper .ddButtons a {
    display: inline-block;
    position: relative;
    text-align: center;
    padding: 15px 20px;
    font-size: 14px;
    color: #dabe7b;
    transition: .25s
}

.ddHeader .ddUpper .ddButtons a:hover,
.ddHeader .ddUpper .ddButtons a:focus {
    color: #d4b561
}

.ddHeader .ddUpper .ddButtons a:not(:last-child):before {
    content: "";
    position: absolute;
    right: -1px;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 25px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.2)
}

.ddHeader .ddUpper .ddButtons .ddIcon i {
    font-size: 24px;
    margin-bottom: 6px
}

.bbCodeSpoiler-content {
    margin-top: 12px;
    margin-bottom: 12px
}

.ddHeader .ddNav {
    background: rgba(3, 4, 15, 0.55);
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
    transition: .25s
}

.ddHeader .ddNav #ddMainNav {
    font-size: 0;
    list-style: none
}

.ddHeader .ddNav #ddMainNav li {
    display: inline-block
}

.ddHeader .ddNav #ddMainNav li a {
    font-size: 18px;
    display: block;
    color: #7697b1;
    transition: .25s;
    padding: 20px;
    line-height: 2;
    position: relative
}

.ddHeader .ddNav #ddMainNav li a:hover,
.ddHeader .ddNav #ddMainNav li a:focus {
    color: #577d9a
}

.ddHeader .ddNav #ddMainNav li.ddActive a {
    color: #dabe7b !important
}

.ddHeader .ddNav #ddMainNav li.ddActive a:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: calc(100% - 40px);
    display: block;
    margin: auto;
    height: 2px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #dabe7b
}

.ddHeader .ddStore a {
    background: #dabe7b;
    display: block;
    border-radius: 100px;
    padding: 15px 35px;
    color: #563f13;
    font-size: 18px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    transition: .25s
}

.ddHeader .ddStore a:hover,
.ddHeader .ddStore a:focus {
    background: #d4b561
}

.ddHeader .ddStore a .ddIcon {
    display: inline-block
}

.ddHeader .ddStore a span {
    display: inline-block
}

.ddHeader .ddLower {
    margin-top: 50px
}

.ddHeader .ddLower .ddSection4 {
    text-align: center
}

.ddHeader .ddLower .ddMid .ddText {
    top: -30px;
    position: relative
}

.ddHeader .ddLower .ddIP,
.ddHeader .ddLower .ddDiscord {
    cursor: pointer;
    z-index: 18
}

.ddHeader .ddLower .ddSection4 .ddIcon {
    font-size: 65px;
    text-shadow: 0px 0px 10px #000;
    position: relative;
    display: inline-block
}

.ddHeader .ddLower .ddSection4 .ddIcon span {
    position: absolute;
    right: -17px;
    top: -10px;
    padding: 5px 8px;
    background: #ff2020;
    font-size: 12px;
    border-radius: 4px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.65)
}

.ddHeader .ddLower .ddSection4 .ddLogo img {
    filter: drop-shadow(2px 4px 6px #000);
    -webkit-filter: drop-shadow(0px 0px 10px #000);
    max-width: 80%
}

.ddHeader .ddLower .ddSection4 .ddText .ddLine1 {
    font-size: 20px;
    color: #a6d2f4;
    line-height: 2;
    text-shadow: 0px 0px 8px #000
}

.ddHeader .ddLower .ddSection4 .ddText .ddLine2 {
    font-size: 14px;
    color: #7194b1;
    line-height: .5;
    text-shadow: 0px 0px 8px #000
}

.ddHeader .ddLower .ddIP,
.ddHeader .ddLower .ddDiscord {
    position: relative;
    top: -20px
}

.ddHeader .ddUpper {
    z-index: 19;
    position: relative
}

.ddHeader .ddBar {
    transition: 0s !important
}

.ddHeader.ddSticky .ddBar {
    opacity: 0
}

.ddHeader.ddSticky {
    padding-top: 78px
}

.ddHeader.ddSticky .ddNav>* {
    position: static;
    z-index: -1
}

.ddHeader.ddSticky .ddNav {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 100
}

.ddMobile,
.ddMobileClose {
    display: none !important
}

.ddMobile a i {
    font-size: 24px;
    vertical-align: middle
}

.ddMobile a span {
    vertical-align: middle;
    margin-left: 5px
}

.ddMobileBG {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 0vh;
    width: 100%;
    height: 100vh;
    height: 0vh;
    background: rgba(0, 0, 0, 0.75);
    opacity: 0;
    z-index: -1;
    transition: opacity .25s
}

.ddOpen .ddMobileBG {
    width: 100%;
    height: 100vh;
    z-index: 10;
    opacity: 1;
    transition: opacity .25s
}

.ddHeader .ddNav #ddMainNav li.ddMobileClose a {
    background: #161a26;
    color: white
}

.ddHeader .ddNav #ddMainNav li.ddMobileClose a span,
.ddHeader .ddNav #ddMainNav li.ddMobileClose a i {
    display: inline-block;
    vertical-align: middle
}

.ddHeader .ddNav #ddMainNav li.ddMobileClose a span {
    margin-left: 8px
}

.ddHeader .ddNav #ddMainNav li.ddMobileClose a i {
    font-size: 24px
}

.ddNav .ddStore {
    margin-right: 46px
}

.ddHeader .ddLower .ddMid .ddText {
    color: #e2e2e2
}

.ddHeader .ddLower .ddMid .ddText i {
    font-size: 11px;
    padding: 0px 15px;
    position: relative;
    top: -1px
}

.ddHeader .ddUpper .ddButtons a .ddIcon img:not(.discord) {
    transition: .25s
}

.ddHeader .ddUpper .ddButtons a .ddIcon img.discord {
    transition: .25s;
    margin-bottom: 2px
}

.ddIcon i.fa-search {
    margin-bottom: 6px !important
}

.ddHeader .ddUpper .ddButtons a .ddIcon img {
    height: 24px;
    position: relative;
    image-rendering: optimizeQuality
}

.ddHeader .ddUpper .ddButtons a:hover .ddIcon img {
    -webkit-filter: saturate(1.2) brightness(.9);
    filter: saturate(1.2) brightness(.9)
}

.ddHeader .ddUpper .ddButtons .ddIcon.ddTwitterIcon i {
    font-size: 29px;
    margin-bottom: 1px;
    position: relative;
    top: -2px
}

.ddHeader .ddLower .ddSection4 {
    position: relative
}

.ddHeader .ddUpper .ddButtons span:not(.avatar) {
    line-height: 1.25
}

.ddHeader .ddUpper .ddButtons a {
    padding: 15px 20px
}

.ddHeader .ddLower .ddSection4:not(.ddMid):after {
    content: "";
    position: absolute;
    height: 5px;
    border-radius: 4px;
    width: 40px;
    background: rgba(255, 255, 255, 0.2);
    display: block;
    top: calc(50% - 30px);
    transform: translateY(-50%);
    right: 50px
}

.ddHeader .ddLower .ddSection4:not(.ddMid):before {
    content: "";
    position: absolute;
    height: 5px;
    border-radius: 4px;
    width: 40px;
    background: rgba(255, 255, 255, 0.2);
    display: block;
    top: calc(50% - 30px);
    transform: translateY(-50%);
    left: 50px
}

.ddArticles {
    padding: 25px;
    background: rgba(21, 27, 40, 0.9);
    border: 0px solid rgba(255, 255, 255, 0.05);
    border-radius: 4px;
    margin-bottom: 20px
}

.ddArticle {
    margin-bottom: 20px
}

.ddArticle .ddUpper {
    border-bottom: 2px solid #1f2431;
    padding: 10px 5px;
    padding-top: 0px
}

.ddArticle .ddUpper .ddInfo {
    flex: 1
}

.ddArticle .ddUpper .ddInfo .ddIcon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.ddArticle .ddUpper .ddInfo .ddText {
    display: inline-block;
    vertical-align: middle
}

.ddArticle .ddUpper .ddInfo .ddTitle a {
    font-size: 18px;
    color: #dabe7b
}

.bbMediaWrapper {
    margin-top: 12px;
    margin-bottom: 12px
}

.block--messages .message+.message {
    margin-top: 0 !important
}

.ddArticle .ddUpper .ddArticleInfo .ddPoster {
    display: inline-block;
    vertical-align: middle
}

.ddArticle .ddUpper .ddArticleInfo .ddPoster a {
    font-size: 13px;
    margin-right: 5px;
    color: #dabe7b;
    transition: .25s
}

.ddArticle .ddUpper .ddArticleInfo .ddPoster a:hover,
.ddArticle .ddUpper .ddArticleInfo .ddPoster a:focus {
    color: #bda469
}

.ddArticle .ddUpper .ddArticleInfo .ddPoster a i,
.ddArticle .ddUpper .ddArticleInfo .ddPoster a span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.ddArticle .ddUpper .ddArticleInfo .ddTime {
    display: inline-block;
    vertical-align: middle
}

.ddArticle .ddUpper .ddArticleInfo .ddTime a,
.ddArticle .ddUpper .ddArticleInfo .ddTime a .u-dt[title] {
    font-size: 13px;
    color: #bdbdbd
}

.ddArticle .ddUpper .ddArticleInfo .ddTime a i,
.ddArticle .ddUpper .ddArticleInfo .ddTime a span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.ddArticle .ddUpper .ddExtra .ddSmallBox {
    display: inline-block;
    margin-right: 6px;
    background: rgba(255, 255, 255, 0.02);
    padding: 5px 18px;
    border-radius: 4px;
    font-size: 14px;
    border: 1px solid rgba(128, 128, 128, 0.05);
    vertical-align: middle;
    text-align: center;
    min-width: 85px
}

.ddArticle .ddUpper .ddExtra .ddSmallBox i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px
}

.ddArticle .ddUpper .ddExtra .ddSmallBox span {
    display: block;
    font-size: 16px;
    line-height: 1.25;
    color: #dabe7b
}

.ddArticle .ddUpper .ddExtra .ddSmallBox span.ddText {
    font-size: 12px;
    opacity: .75
}

.ddArticle .ddArticleText {
    padding: 10px 6px;
    font-size: 16px;
    color: #dadada;
    line-height: 1.4
}

.ddArticle .ddLower {
    text-align: center;
    padding: 25px 0px
}

.ddArticle .ddLower a {
    background: #dabe7b;
    border-radius: 100px;
    padding: 10px 25px;
    color: #563f13;
    font-size: 14px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    transition: .25s;
    margin: auto;
    display: inline-block;
    line-height: 1.25
}

.ddArticle .ddLower a:hover,
.ddArticle .ddLower a:focus {
    background: #d4b561
}

.ddArticle .ddLower a i {
    font-size: 18px;
    vertical-align: middle;
    margin-right: 5px
}

.ddArticle .ddLower a span {
    vertical-align: middle
}

.ddNav .ddStore {
    margin-right: 23px !important
}

.ddRegister:before {
    opacity: 0 !important
}

.ddHeader .ddLower .ddDiscord .ddIcon {
    font-size: 60px
}

.ddHeader .ddLower .ddSection4 .ddIcon span {
    border-radius: 54px
}

.badge.badge--highlighted,
.badgeContainer.badgeContainer--highlighted:after {
    border-radius: 20px;
    padding: 2px 5px
}

.ddHeader .ddNav #ddMainNav li a:hover,
.ddHeader .ddNav #ddMainNav li a:focus {
    color: #dabe7b
}

.ddHeader .ddNav #ddMainNav li a:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 0px;
    transition: .25s;
    display: block;
    margin: auto;
    height: 2px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #dabe7b
}

.ddHeader .ddNav #ddMainNav li a:hover:after,
.ddHeader .ddNav #ddMainNav li a:focus:after {
    width: calc(100% - 40px)
}

.ddHeader .ddNav #ddMainNav li.ddHoverRemove a {
    color: #577d9a !important
}

.ddHeader .ddNav #ddMainNav li.ddHoverRemove a:after {
    width: 0px
}

.ddCharacters {
    position: relative;
    z-index: -1;
    top: -390px
}

.ddCharactersHidden {
    position: relative;
    z-index: 0;
    top: -390px
}

.ddCharacters .ddCha1 {
    background: url(/assets/webp/cha1.webp);
    background-size: cover;
    position: absolute;
    z-index: -1;
    height: 508px;
    width: 600px;
    display: block;
    top: 0px;
    right: 0px;
    left: -110px;
    opacity: .6;
    transition: .25s
}

.ddCharacters .ddCha2 {
    background: url(/assets/webp/cha2.webp);
    background-size: cover;
    position: absolute;
    z-index: -1;
    height: 509px;
    width: 600px;
    display: block;
    top: 0px;
    right: -110px;
    opacity: .6;
    transition: .25s
}

.ddCharactersHidden .ddCha1Hidden {
    position: absolute;
    z-index: 0;
    height: 508px;
    width: 480px;
    display: block;
    top: 0px;
    right: 0px;
    left: -110px
}

.ddCharactersHidden .ddCha2Hidden {
    position: absolute;
    z-index: 0;
    height: 509px;
    width: 471px;
    display: block;
    top: 0px;
    right: -110px
}

.ddFooter .ddUpper {
    padding: 20px 0px
}

.ddFooter .ddUpper .ddContainer {
    width: 1195px;
    padding: 0px
}

.ddFooter .ddLower .ddContainer {
    padding: 0px;
    width: 1174px
}

.ddFooter .ddUpper .ddSection3 {
    margin-top: 3px;
    padding: 0px 10px
}

.bs-footer .ddTitle {
    margin-top: 16px;
    margin-bottom: 15px;
    font-size: 18px;
    color: #dabe7b
}

@-moz-document url-prefix() {
    .bs-footer .ddTitle {
        margin-top: 14px
    }
}

.ddFooter .ddUpper .ddSection3 .ddText {
    margin-left: 4px;
    margin-top: 5px
}

.bs-footer .ddText span {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.65);
    display: block
}

.bs-footer .ddAbout .ddText span {
    line-height: 1.25
}

.bs-footer .ddText span .ddTextLine1 {
    width: calc(80% - 15px);
    margin-top: -25px;
    width: 222px;
    font-size: 12px;
    word-spacing: 1px;
    letter-spacing: 0.17px
}

.bs-footer .ddText span .ddTextLine2 {
    width: 272px;
    font-size: 12px
}

.bs-footer input.mail {
    padding: 10px;
    border-radius: 100px;
    border: none;
    background: #232a38;
    padding: 8px 15px;
    font-size: 14px;
    margin: 0 auto;
    margin-top: 25px;
    color: white;
    width: 95%
}

.bs-footer .submit {
    margin-top: 0px;
    border-radius: 100px;
    background: #dabe7b;
    border: 1px solid #e5d2a3;
    font-size: 14px;
    margin-top: 15px;
    color: #563f13;
    font-weight: 800;
    height: 35px;
    width: 35px;
    padding: 0px !important;
    cursor: pointer;
    margin-left: -40px;
    display: inline-block;
    text-align: center;
    top: -9px;
    font-size: 15px !important;
    position: relative
}

.bs-footer .submit:hover {
    background: #d4b561
}

.bs-footer .submit i {
    top: 9px;
    position: relative;
    margin-left: 2px
}

.ddFooter .ddUpper .ddText a {
    background: #dabe7b;
    border-radius: 100px;
    padding: 10px 18px;
    color: #563f13;
    font-size: 16px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    display: inline-block;
    margin-top: 15px
}

.ddFooter .ddUpper .ddText a:hover,
.ddFooter .ddUpper .ddText a:focus {
    background: #d4b561
}

.bs-footer input[type=text] {
    font-family: plantin, sans-serif;
    font-weight: 700
}

.ddFooter .ddUpper div.ddFNav,
.ddFooter .ddUpper div.ddNav {
    margin-left: 12px
}

.ddFooter .ddUpper .ddFNav {
    margin-top: 3px
}

.bs-footer .ddFNav li {
    display: block
}

.bs-footer .ddFNav li a {
    display: block;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    line-height: 2.40
}

.bs-footer {
    background: #151b28;
    border: 1px solid rgba(255, 255, 255, 0.1)
}

.bs-footer .ddCopyrights span {
    font-size: 14px;
    margin-top: 6px;
    display: inline-block;
    color: rgba(255, 255, 255, 0.75)
}

.bs-footer .ddSocial {
    font-size: 0px
}

.bs-footer .ddSocial a {
    position: relative;
    width: 36px;
    height: 36px;
    display: inline-block;
    text-decoration: none;
    background: rgba(0, 0, 0, 0.25);
    margin-left: 15px;
    border-radius: 4px;
    color: #dabe7b
}

.bs-footer .ddSocial a:hover,
.bs-footer .ddSocial a:focus {
    color: #a08952
}

.bs-footer .ddSocial a i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    right: 0px;
    text-align: center;
    font-size: 16px
}

.bs-footer .ddAbout img {
    position: relative;
    margin-top: 9px;
    margin-bottom: 10px;
    width: 90%;
    -webkit-filter: brightness(1);
    filter: brightness(1)
}

.bs-footer .col-md-3 {
    position: relative
}

.bs-footer .row>div:not(:last-child):after {
    content: "";
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 4px;
    background: none;
    width: 2px;
    height: 165px;
    display: block
}

.block-tabHeader .hScroller-action {
    background: rgba(218, 190, 123, 0.85) !important;
    color: #563f13
}

.hScroller-action {
    width: 20px !important
}

.bbWrapper {
    font-weight: normal !important
}

@media (min-width:768px) {
    .bs-footer .row>div:not(:last-child):after {
        background: rgba(255, 255, 255, 0.05)
    }
}

.footer-dark {
    background: #19202d;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    padding: 25px 0px
}

@media all and (max-width:1200px) {

    .ddFooter .ddUpper .ddContainer,
    .ddFooter .ddLower .ddContainer {
        width: 100%
    }

    .ddHeader .ddLower .ddSection4:not(.ddMid):before,
    .ddHeader .ddLower .ddSection4:not(.ddMid):after {
        display: none
    }

    .ddHeader .ddContainer {
        width: 100%;
        padding: 0px
    }
}

@media all and (max-width:992px) {
    .ddFooter {
        text-align: center
    }

    .ddFooter .ddFlex {
        flex-wrap: wrap
    }

    .ddFooter .ddSection3 {
        flex: 0 0 100%
    }

    .ddFooter .ddLeft,
    .ddFooter .ddRight {
        flex: 0 0 100%
    }

    .ddFooter .ddCopyrights {
        margin-bottom: 20px
    }

    .ddHeader .ddNav #ddMainNav li a:after {
        display: none !important
    }

    .ddHeader .ddNav {
        position: relative
    }

    .ddNav.ddOpen #ddMainNav {
        overflow: auto
    }

    .ddNav.ddOpen #ddMainNav::-webkit-scrollbar {
        width: 2px
    }

    .ddNav.ddOpen #ddMainNav::-webkit-scrollbar-track {
        background: #0a0f1b
    }

    .ddNav.ddOpen #ddMainNav::-webkit-scrollbar-thumb {
        background: #dabe7b;
        transition: .25s
    }

    .ddNav.ddOpen #ddMainNav::-webkit-scrollbar-thumb:hover {
        background: #d4b875
    }

    .ddNav .ddStore {
        margin-right: 0px
    }

    .ddHeader .ddNav #ddMainNav li.ddActive a:after {
        background: transparent
    }

    .ddMobileBG {
        display: block
    }

    .ddMobile,
    .ddMobileClose {
        display: block !important
    }

    #ddMainNav {
        position: fixed;
        background: #0a0f1b;
        border-right: 1px solid #202530;
        box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.45);
        top: 0;
        left: -100%;
        transition: .25s;
        height: 100vh;
        min-width: 300px;
        max-width: 80%;
        z-index: 20
    }

    #ddMainNav li {
        display: block !important
    }

    .ddMobile a {
        font-size: 18px;
        display: block;
        color: #dabe7b;
        transition: .25s;
        padding: 20px;
        position: relative;
        line-height: 2
    }

    .ddNav.ddOpen #ddMainNav {
        left: 0
    }
}

.ddHeader .ddUpper .ddBar .ddRight .ddButtonsMobile {
    display: none !important
}

.ddHeader .ddUpper .ddBar .ddLeft .p-navgroup-link {
    float: none !important
}

button,
input,
optgroup,
select,
textarea {
    font-family: plantin, sans-serif !important
}

.ddHeader .ddUpper .ddBar .ddLeft .p-navgroup-link--search:before {
    width: 0px !important;
    height: 0px !important;
    background: none !important
}

@media all and (max-height:1024px) {
    .bs-background {
        height: 1049px !important
    }
}

@media all and (max-height:850px) {
    .bs-background {
        height: 875px !important
    }
}

@media all and (max-width:900px) {
    .p-body-main--withSideNav .p-body-content {
        padding-left: 0px !important
    }
}

@media all and (max-width:750px) {
    .ddArticle .ddUpper .ddInfo .ddIcon {
        display: none !important
    }

    .ddCharactersHidden .ddCha2Hidden,
    .ddCharactersHidden .ddCha1Hidden {
        display: none !important
    }

    .ddArticle .ddUpper .ddArticleInfo .ddMessageArt {
        display: inline-block !important
    }

    .ddBounce {
        -webkit-animation-name: bounceMobile !important;
        animation-name: bounceMobile !important
    }

    .ddHeader .ddUpper .ddBar .ddButtons a {
        padding: 0 !important
    }

    .ddHeader .ddUpper .ddButtons .ddIcon.ddTwitterIcon i {
        top: 0 !important;
        margin-bottom: 0 !important
    }

    .ddHeader .ddLower .ddSection4 .ddLogo img {
        max-width: 90% !important
    }

    .ddHeader .ddLower .ddMid .ddText {
        top: -5vw !important
    }

    .ddCharacters .ddCha2,
    .ddCharacters .ddCha1,
    .ddCharactersHidden .ddCha1Hidden,
    .ddCharactersHidden .ddCha2Hidden {
        zoom: 0.6 !important;
        top: 203px !important
    }

    @-moz-document url-prefix() {

        .ddCharacters .ddCha2,
        .ddCharacters .ddCha1,
        .ddCharactersHidden .ddCha1Hidden,
        .ddCharactersHidden .ddCha2Hidden {
            top: 58px !important;
            -moz-transform: scale(.6)
        }
    }

    .ddHeader .ddLower .ddSection4 .ddText .ddLine1 {
        font-size: 16px !important
    }

    .ddHeader .ddLower .ddSection4 .ddText .ddLine2 {
        font-size: 12px !important
    }

    .ddHeader .ddLower .ddSection4 .ddIcon {
        font-size: 55px !important
    }

    .ddHeader .ddLower .ddMid .ddText i {
        padding: 0px 13px !important
    }

    .ddHeader .ddUpper .ddBar .ddButtons .ddIcon i {
        margin-bottom: 0 !important
    }

    .ddHeader .ddUpper .ddBar .ddButtons .ddIcon i.fa-search {
        margin-bottom: 0 !important
    }

    .ddHeader .ddUpper .ddBar .ddButtons a .ddIcon img.discord {
        margin-bottom: 0 !important
    }

    .ddHeader .ddUpper .ddBar .ddButtons a:not(:last-child):before {
        width: 0 !important;
        background: none !important
    }

    .ddHeader .ddUpper .ddBar .ddLeft {
        display: none !important
    }

    .ddHeader .ddUpper .ddBar .ddRight .ddButtonsMobile {
        display: inline-block !important
    }

    .ddHeader .ddUpper .ddBar .ddRight .ddButtons {
        display: flex !important;
        justify-content: space-between;
        width: 100%;
        align-items: center;
        padding-top: 15px;
        padding-bottom: 15px
    }

    img.discord {
        vertical-align: middle
    }

    .ddHeader .ddUpper .ddBar .ddRight {
        width: 100%
    }

    .ddHeader .ddUpper .ddButtons .ddUser span.avatar {
        padding-top: 4px;
        text-align: center
    }

    .ddHeader .ddNav .ddStore {
        margin-right: 15px !important
    }

    .ddHeader .ddUpper .ddButtons span {
        display: none
    }

    .ddFlex.ddFlexCenter {
        flex-wrap: wrap
    }

    .ddHeader .ddLower .ddMid {
        order: 1;
        flex: 0 0 100% !important
    }

    .ddHeader .ddLower .ddIP {
        order: 2;
        flex: 0 0 50% !important;
        margin-top: 25px
    }

    .ddHeader .ddLower .ddDiscord {
        order: 3;
        flex: 0 0 50% !important;
        margin-top: 25px
    }
}

@media all and (max-width:500px) {
    .ddArticles .ddArticle .ddUpper .ddInfo .ddIcon {
        display: none !important
    }
}

@media (min-width:1220px) {
    .ddHeader .ddNav .ddContainer {
        padding: 0px
    }

    .ddHeader .ddBar .ddContainer {
        padding: 0px
    }
}

@keyframes scaleAnimation {
    0% {
        opacity: 0;
        transform: scale(1.5)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes drawCircle {
    0% {
        stroke-dashoffset: 151px
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes drawCheck {
    0% {
        stroke-dashoffset: 36px
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

#successAnimationCircle {
    stroke-dasharray: 151px 151px;
    stroke: #dabe7b
}

#successAnimationCheck {
    stroke-dasharray: 36px 36px;
    stroke: #dabe7b
}

#successAnimationResult {
    fill: #dabe7b;
    opacity: 0
}

#successAnimation.animated {
    animation: 1s ease-out 0s 1 both scaleAnimation
}

#successAnimation.animated #successAnimationCircle {
    animation: 1s cubic-bezier(.77, 0, .175, 1) 0s 1 both drawCircle, .3s linear .9s 1 both fadeOut
}

#successAnimation.animated #successAnimationCheck {
    animation: 1s cubic-bezier(.77, 0, .175, 1) 0s 1 both drawCheck, .3s linear .9s 1 both fadeOut
}

#successAnimation.animated #successAnimationResult {
    animation: .3s linear .9s both fadeIn
}

.ddOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: -1;
    transition: .25s;
    opacity: 0;
    top: 0
}

.ddOverlay.ddActive {
    z-index: 1000;
    background: rgba(0, 0, 0, 0.5);
    opacity: 1
}

.ddOverlay .ddCenter {
    position: relative;
    top: 50%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ddOverlay .ddCenter .ddBox {
    width: 300px;
    background: #151b28;
    border: 1px solid rgba(255, 255, 255, 0.1);
    margin: auto;
    padding: 65px;
    border-radius: 4px
}

.ddOverlay .ddCenter .ddBox .ddText span {
    color: #dabe7b;
    font-size: 18px;
    line-height: 2
}

.ddOverlay .ddCenter .ddBox .ddExtra a {
    background: #dabe7b;
    border-radius: 100px;
    padding: 10px 25px;
    color: #563f13;
    font-size: 18px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    transition: .25s;
    margin-top: 10px;
    display: inline-block
}

.ddOverlay .ddCenter .ddBox .ddExtra a:hover,
.ddOverlay .ddCenter .ddBox .ddExtra a:focus {
    background: #d4b561
}

.ddHeader.ddSticky .ddNav {
    background: #151b28;
    border-bottom: 2px solid #252b38
}

.bs-footer .ddAbout a .ddLogo {
    height: 119px;
    margin-top: 3px;
    margin-bottom: 10px
}

.container {
    max-width: 1140px;
    border-radius: 4px
}

.ddAbout img.logo-hover {
    display: none;
    transition: 0.25s
}

.ddAbout img.logo-nohover {
    display: block;
    transition: 0.25s
}

.bs-footer .ddAbout img.logo-nohover,
.bs-footer .ddAbout img.logo-hover {
    width: 90% !important
}

.ddAbout:hover img.logo-nohover {
    display: none;
    transition: 0.25s
}

.ddAbout:hover img.logo-hover {
    display: block;
    transition: 0.25s
}

@media (max-width:900px) {
    .p-body-sidebar {
        width: 100% !important
    }
}

@media (max-width:767px) {

    .bs-footer .ddAbout img.logo-nohover,
    .bs-footer .ddAbout img.logo-hover {
        max-width: 250px !important;
        margin: 0 auto
    }

    .bs-footer {
        text-align: center !important
    }

    .bs-footer .ddSocial {
        margin-top: 15px
    }

    .bs-footer .ddSocial a.first-icon {
        margin-left: 0px !Important
    }
}

@media (max-width:1245px) {
    .bs-footer .ddAbout {
        display: flex;
        justify-content: space-around;
        flex-direction: column
    }

    .bs-footer .ddAbout .ddText {
        display: none !important
    }

    .bs-footer .ddAbout a .ddLogo {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
}

.bs-footer .ddAbout a .ddLogo:hover:before {
    opacity: 1
}

.bs-footer .ddAbout a .ddLogo {
    margin-bottom: 15px
}

.ddFooter .ddAbout {
    flex: 0 0 27.99999% !important
}

.ddFooter .ddFNav,
.ddFooter .ddNav {
    flex: 0 0 23.49999% !important
}

.ddFooter .ddSection3.ddText {
    text-align: center
}

.block-minorHeader {
    font-weight: 700 !important
}

/********* public:ddStyleXF.less ********/
.p-staffBar,
.p-header,
.p-navSticky,
.p-sectionLinks,
.p-footer,
.dd-announcements,
.p-navgroup-link i:after {
    display: none !important
}

.p-pageWrapper {
    background: transparent !important
}

html {
    background-color: transparent !important
}

.globalAction-bar {
    background: #dabe7b !important
}

.globalAction-block i {
    background-color: #dabe7b !important
}

.block-minorHeader,
.block-minorHeader a {
    font-size: 18px;
    color: #dabe7b;
    text-align: center;
    line-height: 2;
    margin-bottom: 8px;
    position: relative;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4)
}

.pairs.pairs--justified>dd {
    line-height: 1.35 !important
}

.block-minorHeader:after {
    content: "";
    height: 3px;
    width: 50px;
    border-radius: 10px;
    background: #dabe7b;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    display: block
}

.block-container,
.panel {
    color: #e0e0e0;
    background: rgba(21, 27, 40, 0.9) !important;
    border: 0px solid rgba(255, 255, 255, 0.05)
}

.panel .panel-heading {
    font-size: 18px;
    color: #dabe7b;
    text-align: center;
    line-height: 2;
    margin-bottom: 8px;
    position: relative;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    padding-bottom: 6px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px
}

.panel .panel-heading:after {
    content: "";
    height: 3px;
    width: 50px;
    border-radius: 10px;
    background: #dabe7b;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    display: block
}

.panel-body {
    margin-top: 16px
}

.panel {
    margin-bottom: 20px;
    border-radius: 4px;
    padding: 16px
}

.block-footer {
    line-height: 2;
    background: rgba(0, 0, 0, 0.2);
    padding: 6px 10px;
    color: #dcdcdc;
    border-top: 1px solid rgba(255, 255, 255, 0.05)
}

.p-body-sidebar .block-footer {
    border-top: 0px solid rgba(255, 255, 255, 0.05);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.p-body-main--withSidebar .p-body-content {
    padding-right: 20px
}

.input {
    color: #ffffff;
    background: #151b29;
    border: 1px solid #212733;
    transition: .25s
}

.p-body-inner {
    max-width: 1170px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: rgba(3, 4, 15, 0.55) !important;
    margin-bottom: 22px;
    border-radius: 8px;
    padding-bottom: 20px !important;
    padding-top: 20px !important
}

@media all and (max-width:1200px) {
    .p-body-inner {
        background: none !important
    }
}

.p-body-sidebar {
    width: 275px
}

.p-body-sidebar .block-container .contentRow {
    line-height: 20px
}

.p-body-sidebar .block-container {
    padding: 15px
}

.input:focus,
.input.is-focused {
    background: #151b29
}

.input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.85)
}

.input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.85)
}

.input::placeholder {
    color: rgba(255, 255, 255, 0.85)
}

.input:focus::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.input:focus:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.input:focus::placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.p-navgroup-link.p-navgroup-link--user .avatar {
    width: 38px;
    height: 38px;
    font-size: 22.8px
}

.ddUser {
    display: inline-block
}

.ddUser a:before {
    background: transparent !important
}

.p-navgroup>a:before {
    content: "";
    position: absolute !important;
    right: -1px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 2px !important;
    height: 25px !important;
    border-radius: 4px !important;
    background: rgba(255, 255, 255, 0.2) !important
}

.pageNav {
    font-size: 0px
}

.p-navgroup-link.is-menuOpen {
    background: transparent !important;
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.35) !important
}

.block-header {
    line-height: 2 !important;
    color: #dabe7b !important;
    padding: 6px 15px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    background: rgba(0, 0, 0, 0.2) !important
}

.blockLink {
    transition: .25S;
    line-height: 2
}

.blockLink:hover {
    background: rgba(123, 123, 123, 0.05)
}

.blockLink.is-selected {
    background: rgba(0, 0, 0, 0.1) !important;
    border-left: 3px solid #dabe7b;
    color: #dabe7b
}

.dataList-row.dataList-row--header .dataList-cell {
    font-size: 14px;
    letter-spacing: 1px;
    color: #f0f9ff;
    font-weight: 700;
    background: rgba(0, 0, 0, 0.05);
    line-height: 2;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    text-transform: none;
    text-align: left
}

.dataList-cell.dataList-cell--alt,
.dataList-cell.dataList-cell--action {
    background: rgba(255, 255, 255, 0.05)
}

.dataList-cell {
    vertical-align: middle !important;
    padding: 10px 10px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important
}

.bbCodeDemoBlock-item>dd {
    background: #111621 !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    zoom: 1 !important;
    padding: 10px !important;
    border-radius: 3px !important
}

.block-row.block-row--separated+.block-row {
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important
}

.block-textHeader .block-textHeader-highlight {
    color: #dabe7b !important
}

.bbCodeBlock {
    background: #111621 !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-left: 3px solid #b59d62 !important
}

.bbCodeBlock-title {
    color: #ffffff !important;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5) !important;
    background: #dabe7b !important
}

.button,
a.button {
    color: #edf6fd !important;
    background: #dabe7b !important;
    border-color: rgba(255, 255, 255, 0.05) !important;
    line-height: 2 !important
}

.bbCodeInline {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important
}

.p-title-value {
    color: #dabe7b;
    font-weight: 700;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.65)
}

.message-attribution {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1)
}

.node+.node {
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important
}

.menu-header {
    color: #dabe7b;
    border-bottom: 1px solid #121723;
    background: #101521;
    line-height: 2
}

.menu-arrow {
    border-bottom-color: #dabe7b
}

.menu-content {
    color: #ffffff;
    background: #1b2231;
    border-top: 3px solid #dabe7b
}

.menu-row {
    padding: 15px
}

.menu-footer {
    color: #e2e2e2;
    background: #f5f5f5;
    border-top: 1px solid #121723;
    background: #101521;
    line-height: 2
}

.menu-row.menu-row--highlighted {
    color: #c3c3c3;
    background: #101521
}

.menu-linkRow {
    color: #6b89a1;
    line-height: 2
}

.menu-separator {
    border-top: 1px solid rgba(255, 255, 255, 0.05)
}

.menu-linkRow.is-selected,
.menu-linkRow:hover,
.menu-linkRow:focus {
    color: #dabe7b;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.05);
    border-left-color: #dabe7b
}

label.iconic>input+i:before {
    transition: .25s;
    color: #dabe7b !important
}

label.iconic:hover>input+i:before {
    color: #b79d5f !important
}

.p-navgroup-link.badgeContainer {
    opacity: 1
}

.button,
a.button {
    margin-left: 10px
}

.pairs.pairs--justified>dt {
    line-height: 1.35
}

.memberOverviewBlock-seeMore {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.05);
    line-height: 2;
    border-radius: 4px
}

.block-tabHeader .tabs-tab {
    line-height: 2
}

.block-tabHeader {
    color: #bcdef5;
    background: rgba(0, 0, 0, 0.25);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05)
}

.block-tabHeader .tabs-tab.is-active {
    color: #563f13;
    background: #dabe7b;
    border-color: rgba(0, 0, 0, 0.1)
}

.formRow>dt {
    background: rgba(0, 0, 0, 0.25);
    border-color: rgba(255, 255, 255, 0.05);
    padding: 15px 10px 15px 10px
}

.formSubmitRow-bar {
    background: rgba(0, 0, 0, 0.2);
    border-top: 1px solid rgba(255, 255, 255, 0.05)
}

.block-filterBar {
    color: #e2e2e2;
    background: #edf6fd;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    background: rgba(0, 0, 0, 0.2);
    line-height: 2
}

.block-filterBar .filterBar-filterToggle:hover,
.block-filterBar .filterBar-menuTrigger:hover {
    background: transparent
}

.menu-row.menu-row--separated+.menu-row {
    border-top: 1px solid rgba(255, 255, 255, 0.05)
}

.node--forum .node-icon i:before,
.node--category .node-icon i:before {
    content: "\f086" !important;
    -moz-osx-font-smoothing: grayscale !important;
    -webkit-font-smoothing: antialiased !important;
    display: inline-block !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    color: #7697b1 !important
}

.node--unread .node-icon i:before {
    color: #f9c479 !important
}

.node--unread .node-title a {
    font-weight: 700;
    color: #dabe7b
}

.block-header a:hover {
    text-decoration: none;
    color: #ceb271
}

.subNodeMenu .subNodeLink {
    line-height: 2
}

.subNodeMenu .subNodeLink:hover {
    background: rgba(255, 255, 255, 0.05) !important
}

.subNodeLink.subNodeLink--forum:before,
.subNodeLink.subNodeLink--category:before {
    content: "\f02e" !important;
    -moz-osx-font-smoothing: grayscale !important;
    -webkit-font-smoothing: antialiased !important;
    display: inline-block !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    width: 18px
}

.node-body .pairs.pairs--rows>dd {
    display: table-row;
    font-size: 18px;
    color: #dabe7b
}

.node-body .pairs.pairs--rows>dt {
    display: block;
    margin-top: 5px;
    color: #b3a37e
}

.node-extra {
    text-align: right
}

.tabs--standalone {
    border: 1px solid rgba(255, 255, 255, 0.05);
    font-size: 15px;
    color: #d5dbe0;
    background: rgba(20, 28, 41, 0.85);
    font-size: 0;
    line-height: 2
}

.tabs--standalone .tabs-tab.is-active {
    color: #dabe7b;
    border-color: #dabe7b
}

.tabs--standalone .tabs-tab:hover {
    color: #dccba2
}

.u-dt[title] {
    color: #7697b1
}

.structItem {
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important
}

.block-filterBar .filterBar-filterToggle {
    background: rgba(255, 255, 255, 0.05) !important
}

.message-cell.message-cell--user,
.message-cell.message-cell--action {
    background: rgba(0, 0, 0, 0.25) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.05) !important
}

.message-userArrow {
    border-right-color: rgba(255, 255, 255, 0.05) !important;
    right: 0px !important
}

.message-userArrow:after {
    border: 9px solid transparent !important
}

.message+.message,
.message.message--bordered {
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important
}

.message-responseRow {
    background: rgba(0, 0, 0, 0.3) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important
}

.memberTooltip-header {
    background: #121926 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important
}

.tooltip--member .tooltip-content {
    color: #eaedf3 !important;
    background: #252f42 !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.35) !important;
    border-radius: 4px !important
}

.memberTooltip-separator {
    border-top: 1px solid rgba(255, 255, 255, 0.05)
}

.tooltip--member.tooltip--top .tooltip-arrow {
    border-top-color: #303a4c !important
}

.tooltip--member.tooltip--top .tooltip-arrow:after {
    border-top-color: #252f42 !important
}

.memberTooltip-name a {
    color: #dabe7b !important
}

.buttonGroup .button,
.buttonGroup a.button {
    margin-left: 0px !important
}

.pairs>dt {
    color: #7697b1
}

.structItem-status--watched::before {
    color: #dabe7b !important
}

.block--messages .message,
.block--messages .block-row {
    border-radius: 4px !important;
    color: #e0e0e0 !important;
    background: rgba(21, 27, 40, 0) !important;
    border: 0px solid rgba(255, 255, 255, 0.05) !important
}

.message-attribution {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important
}

.block[data-type="thread"] label.iconic:not(.inputGroup-text)>input+i {
    text-align: right !important
}

.buttonGroup .button,
.buttonGroup a.button {
    height: 38px !important
}

.structItem.is-mod-selected {
    background: rgba(255, 255, 255, 0.05) !important
}

.structItemContainer-group--sticky {
    background: rgba(0, 0, 0, 0.2) !important
}

.structItemContainer-group--sticky .structItem-title a {
    color: #dabe7b !important
}

.overlay-title {
    color: #dabe7b !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    background: #151b29 !important;
    line-height: 2 !important;
    font-size: 18px !important
}

.overlay {
    background: #464646 !important;
    color: #e8e8e8 !important;
    border: 1px solid #191c24 !important
}

.modal-dialog .modal-content {
    background: #151b28;
    border: 1px solid rgba(255, 255, 255, 0.1);
    margin: auto;
    border-radius: 4px
}

.category .packages-image {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    row-gap: 16px;
    column-gap: 16px
}

.category .packages-image .package {
    flex-shrink: 1;
    text-align: center;
    display: grid;
    grid-template-rows: 1fr auto
}

@media (max-width:600px) {
    .category .packages-image {
        display: grid;
        grid-template-columns: 1fr 1fr;
        row-gap: 16px;
        column-gap: 16px
    }
}

@media (max-width:420px) {
    .category .packages-image {
        display: grid;
        grid-template-columns: 1fr;
        row-gap: 16px;
        column-gap: 16px
    }
}

.category .packages-image .package img {
    border-radius: 4px
}

.category .packages-image .package .info {
    margin-top: 8px
}

.category .packages-image .package .button {
    margin-top: 8px;
    margin-left: 0
}

.category .packages-image .package .button a {
    font-weight: bold !important;
    font-size: 13px !important
}

.featured-package a img {
    margin: 0 auto;
    display: block;
    border-radius: 4px
}

.featured-package div.text {
    text-align: center;
    margin-top: 16px
}

.featured-package div.button {
    display: none
}

.modal-footer .row .col-sm-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.overlay-titleCloser {
    color: white
}

.overlay-titleCloser:hover,
.overlay-titleCloser:focus {
    color: white
}

.fr-box.fr-basic .fr-element {
    color: #efefef !important
}

.fr-box.fr-basic .fr-wrapper {
    background: #0e141e !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important
}

.fr-toolbar {
    color: #ffffff !important;
    background: #18212f !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-top: 3px solid #dabe7b !important
}

.fr-separator {
    background: rgba(255, 255, 255, 0.05) !important
}

.fr-toolbar .fr-command.fr-btn,
.fr-popup .fr-command.fr-btn {
    color: #ffffff !important;
    transition: .25s
}

.fr-desktop .fr-command:hover,
.fr-desktop .fr-command:focus {
    color: #dabe7b !important;
    background: rgba(20, 20, 20, 0.03) !important
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown::after,
.fr-popup .fr-command.fr-btn.fr-dropdown::after {
    border-top: 4px solid #fff !important
}

.fr-desktop .fr-command:hover::after,
.fr-desktop .fr-command:focus::after {
    border-top-color: #dabe7b !important
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus {
    background: rgba(20, 20, 20, 0.12) !important;
    color: #dabe7b !important
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper {
    background: rgba(9, 13, 19, 0.75) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important
}

.p-navgroup-link:hover,
.p-navgroup-link,
.p-navgroup {
    background: rgba(7, 7, 7, 0) !important
}

.p-navgroup-link {
    border-left: 1px solid rgba(20, 20, 20, 0) !important
}

.avatar.avatar--separated {
    border: 1px solid rgba(255, 255, 255, 0.05) !important
}

.formRow.formRow--fullWidth+.formRow,
.formRow+.formRow.formRow--fullWidth,
.formRow.formRow--fullWidth+*>.formRow:first-of-type,
.formRow+*>.formRow.formRow--fullWidth:first-of-type {
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important
}

.formRowSep {
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important
}

.block-formSectionHeader {
    color: #dabe7b !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    line-height: 2 !important
}

.inputGroup.inputGroup--joined .input+.inputGroup-text,
.inputGroup.inputGroup--joined .input+.input,
.inputGroup.inputGroup--joined .inputGroup-text+.input {
    border-left: 1px solid rgba(255, 255, 255, 0.05) !important
}

.inputGroup.inputGroup--joined .inputGroup-text {
    border-top-color: rgba(255, 255, 255, 0.05) !important;
    border-right-color: rgba(255, 255, 255, 0.05) !important;
    border-bottom-color: rgba(255, 255, 255, 0.05) !important;
    border-left-color: rgba(255, 255, 255, 0.05) !important;
    background: rgba(0, 0, 0, 0.2) !important;
    color: #dabe7b !important;
    transition: .25s
}

.inputGroup.inputGroup--joined .inputNumber-button:hover,
.inputGroup.inputGroup--joined .inputNumber-button:active,
.inputGroup.inputGroup--joined .inputNumber-button:focus {
    background-color: rgba(0, 0, 0, 0.2) !important;
    color: #d0b36f !important
}

.input[disabled] {
    color: #616161 !important;
    background: rgba(0, 0, 0, 0.25) !important
}

.input.input--number[disabled]~.inputNumber-button {
    color: #8c8c8c !important
}

.message-signature {
    color: #dadada !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important
}

.likesBar {
    background: rgba(0, 0, 0, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-left: 2px solid #6c8ba4 !important
}

.likeIcon:before {
    color: #6c8ba4 !important
}

.inlineModBar {
    color: #ffffff !important;
    background: #0f141e !important;
    border-bottom: 0px solid #103c5b !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important
}

.formInfoRow+.formRow {
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important
}

.p-body-header {
    padding: 5px;
    border: 0px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 4px
}

.inlineModButton.is-mod-active {
    color: #dabe7b !important
}

.p-body-header {
    position: relative
}

.p-body-header .buttonGroup {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%)
}

.inlineModButton-count {
    color: #ffffff !important;
    background: #fc2020 !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important
}

.p-body-header .buttonGroup .button,
.p-body-header .buttonGroup a.button {
    color: #edf6fd !important;
    background: transparent !important;
    border-color: rgba(255, 255, 255, -0.95) !important;
    border-right: 1px solid #fff 1f !important;
    line-height: 2 !important;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2) !important;
    padding: 5px 15px
}

.p-body-header .buttonGroup .button:last-child,
.p-body-header .buttonGroup a.button:last-child {
    border-right: 0px !important
}

.p-body-header .buttonGroup>.buttonGroup-buttonWrapper .button {
    border-right: 0px !important
}

.button,
a.button {
    color: #563f13 !important;
    background: #dabe7b !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    line-height: 2 !important;
    border-radius: 100px !important;
    padding: 5px 15px !important;
    padding-bottom: 4px !important
}

.button:not(.button--splitTrigger):hover,
a.button:not(.button--splitTrigger):hover,
.button.button--splitTrigger>.button-text:hover,
a.button.button--splitTrigger>.button-text:hover,
.button.button--splitTrigger>.button-menu:hover,
a.button.button--splitTrigger>.button-menu:hover,
.button:not(.button--splitTrigger):focus,
a.button:not(.button--splitTrigger):focus,
.button.button--splitTrigger>.button-text:focus,
a.button.button--splitTrigger>.button-text:focus,
.button.button--splitTrigger>.button-menu:focus,
a.button.button--splitTrigger>.button-menu:focus,
.button:not(.button--splitTrigger):active,
a.button:not(.button--splitTrigger):active,
.button.button--splitTrigger>.button-text:active,
a.button.button--splitTrigger>.button-text:active,
.button.button--splitTrigger>.button-menu:active,
a.button.button--splitTrigger>.button-menu:active {
    background-color: #d4b561 !important
}

.node-body .pairs {
    overflow: auto !important
}

.node--unread .node-icon i:before {
    color: #dabe7b !important
}

.block-minorHeader a {
    transition: .25s
}

.block-minorHeader a:hover {
    text-decoration: none !important;
    color: #d4b561 !important
}

.p-title-pageAction {
    margin-bottom: 0px;
    position: absolute;
    display: none !important;
    right: 0px;
    top: 50%;
    transform: translateY(-50%)
}

.menu-footer:not(.menu-footer--split) .menu-footer-controls {
    float: inherit;
    text-align: center;
    margin: auto;
    width: 100%;
    display: block
}

.memberTooltip-separator {
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important
}

.buttonGroup .button,
.buttonGroup a.button {
    margin-right: 5px !important
}

.select2 .select2-selection ul>li.select2-selection__choice {
    color: #dabe7b !important;
    background: rgba(0, 0, 0, 0.35) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important
}

.select2 .select2-selection ul .select2-search .select2-search__field {
    color: rgba(255, 255, 255, 0.85) !important
}

.select2-results__options {
    color: #e0e0e0 !important;
    background: #0e141e !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 4px !important
}

.select2-results__option.select2-results__option--highlighted {
    background: rgba(255, 255, 255, 0.05) !important
}

.formSubmitRow-controls {
    padding-top: 15px !important;
    padding-bottom: 15px !important
}

.block-textHeader a {
    color: #dabe7b !important
}

.block-textHeader a:hover {
    text-decoration: none !important;
    color: #d4b561 !important
}

.memberOverviewBlock-seeMore {
    background: transparent !important;
    border: 0px !important
}

.offCanvasMenu--blocks .offCanvasMenu-content {
    background: #0a0f1b;
    color: #efefef;
    padding: 10px
}

.offCanvasMenu-backdrop {
    background: rgba(0, 0, 0, 0.75) !important
}

.offCanvasMenu--blocks .offCanvasMenu-content {
    background: #0a0f1b;
    color: #efefef;
    padding: 10px;
    min-width: 300px;
    max-width: 80%
}

a.bbCodeBlock-sourceJump:hover {
    text-decoration: none !important;
    color: #f3efe5 !important
}

.ddHeader .ddUpper .ddButtons.p-navgroup a {
    display: inline-block;
    vertical-align: middle
}

.p-navgroup .ddUser {
    display: inline-block;
    vertical-align: middle
}

.ddHeader .ddLower .ddSection4 {
    flex: 0 0 50%
}

.ddHeader .ddLower .ddIP,
.ddHeader .ddLower .ddDiscord {
    flex: 0 0 24.99999%
}

.node-extra-row {
    line-height: 1.1
}

.p-body-header .buttonGroup .button,
.p-body-header .buttonGroup a.button {
    background: #dabe7b !important;
    color: #563f13 !important;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2) !important
}

.p-body-header .buttonGroup .button:hover,
.p-body-header .buttonGroup a.button:hover,
.p-body-header .buttonGroup .button:focus,
.p-body-header .buttonGroup a.button:focus {
    background: #d4b561 !important
}

.p-title-value {
    max-width: 80%
}

.menu-row.menu-row--clickable {
    transition: .25s
}

.menu-row.menu-row--clickable:hover {
    background: rgba(0, 0, 0, 0.1) !important
}

.badge.badge--highlighted,
.badgeContainer.badgeContainer--highlighted:after {
    border: 1px solid rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 8px;
    right: 18px;
    padding: 3px 5px;
    font-weight: bold;
    font-size: 12px;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.35)
}

.vote-links .block-container a {
    display: block !important;
    text-align: center !important;
    line-height: 3.5 !important;
    margin-bottom: 15px !important;
    background: #dabe7b !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    color: #563f13 !important;
    border-radius: 100px !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    transition: .25s !important
}

.vote-links .block-container a:hover,
.vote-links .block-container a:focus {
    background: #d4b561 !important
}

.pageNav-page,
.pageNav-jump {
    display: inline-block !important;
    margin-right: 10px !important;
    padding: 5px 5px !important;
    border-radius: 4px !important;
    background: rgba(21, 27, 40, 0.9) !important;
    color: #6697b1 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important
}

.pageNav-jump {
    padding: 10px 13px !important
}

.pageNav {
    font-size: 0px
}

.p-body-main--withSideNav .p-body-content {
    padding-left: 20px
}

.pageNav-page.pageNav-page--current {
    background: #dabe7b !important;
    color: #563f13 !important
}

.pageNav-page.pageNav-page--current:hover,
.pageNav-page.pageNav-page--current:focus {
    background: #d4b561 !important;
    color: #563f13 !important
}

.pageNav-page.pageNav-page--current a:hover,
.pageNav-page.pageNav-page--current a:focus {
    color: #563f13 !important
}

.formRow>dt {
    background: rgba(0, 0, 0, 0.2) !important
}

div[data-ocm-class="offCanvasMenu-content"] .block-minorHeader {
    text-align: left !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 6px 15px !important;
    line-height: 2 !important
}

div[data-ocm-class="offCanvasMenu-content"] .block-minorHeader:after {
    background: transparent !important
}

.structItem.structItem--note {
    background: rgba(0, 0, 0, 0.1) !important;
    color: #7697b1 !important
}

.memberHeader-main {
    background: rgba(21, 27, 40, 0) !important;
    border-bottom: none !important
}

.memberHeader-name {
    color: #dabe7b !important
}

.block-textHeader {
    color: #dabe7b !important
}

.userBanner.userBanner--staff,
.userBanner.userBanner--primary {
    background-color: transparent !important;
    border: none !important
}

.message-content * {
    zoom: 1.03
}

.bbCodeSpoiler {
    margin: 0
}

.bbCodeSpoiler button {
    margin-left: 0
}

.smilie--sprite {
    background-size: cover;
    zoom: 1
}

div.bbCodeSpoiler span.button-text .bbCodeSpoiler-button-title,
div.bbCodeSpoiler span.button-text span {
    font-weight: bold !important
}

.message-content i {
    font-style: italic !important
}

.message-content i b {
    font-style: italic !important;
    font-weight: bold
}

.message-content b i {
    font-style: italic !important;
    font-weight: bold
}

.message-content i b s {
    text-decoration: line-through;
    font-style: italic !important;
    font-weight: bold !important
}

.message-content b s i {
    text-decoration: line-through;
    font-style: italic !important;
    font-weight: bold !important
}

.message-content s b i {
    text-decoration: line-through;
    font-style: italic !important;
    font-weight: bold !important
}

.node--page .node-icon i:before {
    content: "\f37e" !important;
    font-family: 'Font Awesome 5 Pro' !important;
    color: #7697b1
}

.node--link .node-icon i:before {
    content: "\f08e" !important;
    font-family: 'Font Awesome 5 Pro' !important;
    color: #7697b1
}

.node-subNodeMenu .menuTrigger {
    color: #8594a0 !important
}

.node-subNodeMenu {
    display: inline-block !important;
    margin-top: 4px
}

.node-extra-placeholder {
    color: #506371 !important
}

.menu-tabHeader {
    background: #1b2231
}

.menu-tabHeader .tabs-tab {
    color: #6b89a1
}

.menu-tabHeader .tabs-tab.is-active {
    color: #dabe7b
}

.menu-tabHeader .tabs-tab:hover {
    color: #dabe7b
}

.p-breadcrumbs>li:last-child:after {
    content: " "
}

.p-breadcrumbs {
    padding: 5px;
    border-radius: 4px
}

.p-breadcrumbs {
    margin-bottom: 0px
}

.p-breadcrumbs.p-breadcrumbs--bottom {
    margin-top: 5px !important;
    margin-bottom: 0px
}

.inputList option {
    padding-top: 5px;
    padding-bottom: 5px
}

.pika-label {
    color: #fff !important
}

h3.node-title>a {
    color: #dcdcdc !important
}

.node--forum .node-icon i:before,
.node--category .node-icon i:before {
    color: #dabe7b !important
}

.block-header .block-desc {
    color: #7697b1 !important;
    line-height: 0.7;
    display: block;
    padding-bottom: 6px
}

.pika-prev,
.pika-next {
    color: #fff !important
}

.pika-button {
    background: #151b28 !important
}

.pika-table th {
    color: #fff !important
}

.block-tabHeader .tabs-tab {
    padding-bottom: 0 !important
}

.pika-single {
    background: #151b28 !important
}

.is-today .pika-button {
    color: #dabe7b !important
}

meter.meterBar {
    background-color: #151b29
}

.formRow .formRow-hint {
    color: #dabe7b;
    font-weight: normal
}

.formRow .formRow-explain {
    font-weight: normal
}

.meterBarLabel {
    font-weight: normal
}

.iconic>input+i:after {
    color: #dabe7b !important
}

.button--primary {
    font-family: plantin, sans-serif;
    font-weight: 700
}

.inputNumber-button--up::before {
    font-family: 'Font Awesome 5 Pro' !important
}

.inputNumber-button--down::before {
    font-family: 'Font Awesome 5 Pro' !important
}

.block-outer.block-outer--after {
    padding-top: 15px
}

.message-spacer+.message {
    margin-top: 0px !important
}

@media (max-width:900px) {
    .p-title-value {
        max-width: 70%
    }

    .p-body-main--withSidebar .p-body-content {
        padding-right: 0px
    }

    .p-title {
        display: block !important;
        margin-bottom: 3px !important
    }

    .p-title-pageAction {
        margin-top: 10px !important;
        position: relative !important;
        top: 0px !important;
        transform: translate(0px) !important;
        right: 0px !important;
        display: block !important
    }

    .button,
    a.button {
        margin: 0px !important
    }
}

@media (max-width:750px) {
    .message-attribution {
        border-bottom: 0px solid rgba(255, 255, 255, 0.05) !important
    }

    .ddHeader .ddUpper .ddButtons .ddUser span {
        display: block !important
    }

    .p-navgroup-link.p-navgroup-link--user .avatar {
        width: 25px;
        height: 25px;
        font-size: 14.8px
    }

    .ddHeader .ddUpper .ddButtons a .ddIcon img {
        top: 0 !important
    }
}

@media (max-width:650px) {
    .p-title-value {
        max-width: 100%
    }

    .node-extra {
        text-align: left !important;
        border: 0px !important
    }

    .p-body-header {
        text-align: center !important
    }

    .p-body-header .buttonGroup {
        position: relative !important;
        top: 0px !important;
        transform: translate(0) !important;
        right: 0px !important;
        margin-top: 10px !important
    }

    .block-container,
    .blockMessage {
        margin-left: 0px !important;
        margin-right: 0px !important;
        border-radius: 4px !important
    }

    .message:not(.message--forceColumns) .message-userArrow {
        border-bottom-color: transparent !important;
        border: none !important
    }

    .message-userArrow:after {
        border: none !important
    }

    .message:not(.message--forceColumns) .message-cell.message-cell--user {
        border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important
    }
}

/********* 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: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-box.fr-basic .fr-element {
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', sans-serif;
    color: #dcdcdc;
    font-size: 15px;
    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(71, 167, 235, 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: 15px;
    color: rgba(220, 220, 220, 0.4);
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 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 ::-moz-selection {
    background: #bcdef5;
    color: #dcdcdc
}

.fr-wrapper ::selection {
    background: #bcdef5;
    color: #dcdcdc
}

.fr-box.fr-basic .fr-wrapper {
    background: transparent;
    border: solid 1px rgba(255, 255, 255, 0.05);
    border-bottom-color: #dcdcdc;
    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: 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
}

@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: #dcdcdc
    }

    .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: #dcdcdc;
        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: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: rgba(20, 20, 20, 0.8);
    color: #fff;
    font-size: 12px;
    line-height: 30px;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 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(129, 170, 199, 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 .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    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 .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    fill: rgba(129, 170, 199, 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: #edf6fd
}

.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(129, 170, 199, 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(129, 170, 199, 0.85);
    background: #edf6fd;
    -webkit-transition: .25s ease;
    -moz-transition: .25s ease;
    -ms-transition: .25s ease;
    -o-transition: .25s 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(71, 167, 235, 0.15);
    fill: rgba(129, 170, 199, 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(129, 170, 199, 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 #dcdcdc
}

.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: rgba(115, 119, 125, 0.91);
    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: rgba(115, 119, 125, 0.91)
}

.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: rgba(21, 27, 40, 0.85)
}

.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: #47a7eb
}

.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: rgba(115, 119, 125, 0.91);
    -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: rgba(115, 119, 125, 0.91)
}

.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: #dcdcdc
}

.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(71, 167, 235, 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: #dcdcdc
}

.fr-desktop .fr-command.fr-selected:not(.fr-table-cell),
.fr-desktop .fr-command:active {
    color: rgba(129, 170, 199, 0.85);
    background: rgba(71, 167, 235, 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(71, 167, 235, 0.15)
}

.fr-desktop .fr-command.fr-active:active {
    background: #edf6fd
}

.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: #edf6fd
}

.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: rgba(21, 27, 40, 0.85);
    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(129, 170, 199, 0.85)
}

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

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
    color: rgba(115, 119, 125, 0.91);
    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: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 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: #dcdcdc;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 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 #dcdcdc 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: rgba(255, 255, 255, 0.05);
    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: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -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(71, 167, 235, 0.15);
    color: rgba(255, 255, 255, 0.05)
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
    background: #edf6fd;
    color: rgba(255, 255, 255, 0.05)
}

.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: rgba(15, 19, 28, 0.85)
}

.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: #dcdcdc;
    background: rgba(21, 27, 40, 0.85);
    -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: 'Segoe UI', 'Helvetica Neue', Helvetica, Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 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: #dcdcdc;
    font-size: 14px;
    background: rgba(21, 27, 40, 0.85);
    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 .25s padding .25s;
    -moz-transition: border .25s padding .25s;
    -ms-transition: border .25s padding .25s;
    -o-transition: border .25s padding .25s
}

.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 rgba(255, 255, 255, 0.05);
    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 .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    z-index: 3;
    display: block;
    background: rgba(21, 27, 40, 0.85);
    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: rgba(116, 123, 133, 0.91);
    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: rgba(255, 255, 255, 0.05);
    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: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -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(71, 167, 235, 0.15);
    color: rgba(255, 255, 255, 0.05)
}

.fr-popup .fr-action-buttons button.fr-command:active {
    background: #edf6fd;
    color: rgba(255, 255, 255, 0.05)
}

.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: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -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: rgba(116, 123, 133, 0.91)
}

.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: rgba(255, 255, 255, 0.05);
    border: solid 2px rgba(255, 255, 255, 0.05)
}

.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: #dcdcdc;
    background: rgba(21, 27, 40, 0.85);
    position: relative;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 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: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-align: left;
    border: solid 1px rgba(255, 255, 255, 0.05);
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.2;
    padding-bottom: 0;
    -webkit-transition: padding-bottom .25s;
    -moz-transition: padding-bottom .25s;
    -ms-transition: padding-bottom .25s;
    -o-transition: padding-bottom .25s
}

.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: #dcdcdc;
    height: 1px;
    -webkit-transition: height .25s;
    -moz-transition: height .25s;
    -ms-transition: height .25s;
    -o-transition: height .25s
}

.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: rgba(116, 123, 133, 0.91);
    -webkit-transition: height .25s;
    -moz-transition: height .25s;
    -ms-transition: height .25s;
    -o-transition: height .25s;
    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: rgba(116, 123, 133, 0.91)
}

.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: 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-bottom {
    bottom: 0;
    border-top: 0;
    padding-bottom: 0;
    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-bottom .fr-newline {
    padding-top: 0;
    -webkit-transition: padding-top .25s;
    -moz-transition: padding-top .25s;
    -ms-transition: padding-top .25s;
    -o-transition: padding-top .25s
}

.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.05);
    border-top: 0;
    background: transparent;
    line-height: 1.4;
    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-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: #47a7eb
}

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

.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: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-size: 13px;
    height: 32px;
    width: 30px
}

.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: #dcdcdc
}

.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 #dcdcdc;
    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: rgba(255, 255, 255, 0.05);
    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 rgba(115, 119, 125, 0.91);
    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: rgba(15, 19, 28, 0.85)
}

.fr-popup .fr-file-upload-layer.fr-drop {
    background: rgba(15, 19, 28, 0.85);
    border-color: rgba(255, 255, 255, 0.05)
}

.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: rgba(255, 255, 255, 0.715);
    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: rgba(255, 255, 255, 0.05);
    -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 rgba(255, 255, 255, 0.05);
    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: rgba(255, 255, 255, 0.05);
    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 rgba(115, 119, 125, 0.91);
    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: rgba(15, 19, 28, 0.85)
}

.fr-popup .fr-image-upload-layer.fr-drop {
    background: rgba(15, 19, 28, 0.85);
    border-color: rgba(255, 255, 255, 0.05)
}

.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: rgba(255, 255, 255, 0.715);
    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: rgba(255, 255, 255, 0.05);
    -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 rgba(255, 255, 255, 0.05)
}

.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 #47a7eb
}

.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.05)
}

.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(255, 255, 255, 0.3);
    border: solid 1px rgba(255, 255, 255, 0.05)
}

.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 rgba(255, 255, 255, 0.05);
    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: rgba(255, 255, 255, 0.05);
    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 rgba(115, 119, 125, 0.91);
    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: rgba(15, 19, 28, 0.85)
}

.fr-popup .fr-video-upload-layer.fr-drop {
    background: rgba(15, 19, 28, 0.85);
    border-color: rgba(255, 255, 255, 0.05)
}

.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: rgba(255, 255, 255, 0.715);
    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: rgba(255, 255, 255, 0.05);
    -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: rgba(123, 131, 141, 0.91);
    border: solid 1px rgba(255, 255, 255, 0.05);
    border-color: var(--input-border-heavy) var(--input-border-light) var(--input-border-light) var(--input-border-heavy);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -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: rgba(21, 27, 40, 0.85)
}

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

.fr-box.fr-basic.is-focused .fr-toolbar.fr-top {
    background: linear-gradient(180deg, rgba(123, 131, 141, 0.91), rgba(21, 27, 40, 0.85))
}

.fr-box.fr-basic.is-preview,
.fr-box.fr-basic.is-preview .fr-toolbar .fr-btn-grp.rte-tab--preview {
    background: rgba(21, 27, 40, 0.85);
    border-color: rgba(255, 255, 255, 0.05)
}

.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: 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 {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

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

.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 4px 0 0;
    -moz-border-radius: 0 4px 0 0;
    -webkit-border-radius: 0 4px 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 4px 0 0;
    -moz-border-radius: 0 4px 0 0;
    -webkit-border-radius: 0 4px 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: rgba(115, 119, 125, 0.91)
}

.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: 16px
}

.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 .25s ease;
    transition: none .25s 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: 16px;
    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: #dcdcdc;
    background: #efefef
}

.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.05)
}

.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: #edf6fd;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom-color: rgba(255, 255, 255, 0.05);
    border-bottom-width: 2px;
    padding: 3px
}

.fr-view>table>thead>tr>td,
.fr-view>table>tbody>tr>td {
    background: rgba(21, 27, 40, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 3px
}

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

.fr-view h2 {
    font-size: 24px
}

.fr-view h3 {
    font-size: 20px
}

.fr-view h4 {
    font-size: 17px
}

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

.fr-view blockquote {
    background: rgba(15, 19, 28, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-left: 3px solid rgba(255, 255, 255, 0.05);
    margin: .5em 0;
    padding: 6px 10px;
    font-size: 13px;
    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: #edf6fd;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom-color: rgba(255, 255, 255, 0.05);
    border-bottom-width: 2px;
    padding: 3px
}

.fr-view blockquote>table>thead>tr>td,
.fr-view blockquote>table>tbody>tr>td {
    background: rgba(21, 27, 40, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 3px
}

.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: 13px;
    color: #f2930d;
    background: rgba(18, 24, 35, 0.85);
    padding: 6px 10px;
    margin: -6px -10px 6px -10px
}

.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: 15px;
    color: #dcdcdc;
    background: rgba(123, 131, 141, 0.91);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-top-color: var(--input-border-heavy);
    border-right-color: var(--input-border-light);
    border-bottom-color: var(--input-border-light);
    border-left-color: var(--input-border-heavy);
    border-radius: 4px;
    padding: 6px;
    margin: 0;
    line-height: 1.4;
    -webkit-transition: background .25s ease, color .25s ease;
    transition: background .25s ease, color .25s ease;
    height: auto
}

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

.fr-popup .fr-input-line input[type="text"]:focus,
.fr-popup .fr-input-line textarea:focus {
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-top-color: var(--input-border-heavy);
    border-right-color: var(--input-border-light);
    border-bottom-color: var(--input-border-light);
    border-left-color: var(--input-border-heavy);
    padding: 6px;
    background: rgba(21, 27, 40, 0.85);
    --o-border-heavy: rgba(242, 242, 242, 0.05);
    --o-border-light: rgba(255, 255, 255, 0.05)
}

@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(220, 220, 220, 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: #dcdcdc;
    top: 2px
}

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

.fr-popup .fr-action-buttons button.fr-command {
    display: inline-block;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-transition: background-color .125s ease, border-color .125s ease, color .125s ease;
    transition: background-color .125s ease, border-color .125s ease, color .125s ease;
    font-size: 13px;
    border-radius: 4px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    text-align: center;
    color: #fff;
    background: #47a7eb;
    min-width: 80px;
    border-color: #5eb2ed #309ce8 #309ce8 #5eb2ed;
    height: auto;
    min-width: 0;
    line-height: 1.4
}

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

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

.fr-popup .fr-action-buttons button.fr-command:not(.button--splitTrigger):hover,
.fr-popup .fr-action-buttons button.fr-command.button--splitTrigger>.button-text:hover,
.fr-popup .fr-action-buttons button.fr-command.button--splitTrigger>.button-menu:hover,
.fr-popup .fr-action-buttons button.fr-command:not(.button--splitTrigger):focus,
.fr-popup .fr-action-buttons button.fr-command.button--splitTrigger>.button-text:focus,
.fr-popup .fr-action-buttons button.fr-command.button--splitTrigger>.button-menu:focus,
.fr-popup .fr-action-buttons button.fr-command:not(.button--splitTrigger):active,
.fr-popup .fr-action-buttons button.fr-command.button--splitTrigger>.button-text:active,
.fr-popup .fr-action-buttons button.fr-command.button--splitTrigger>.button-menu:active {
    background-color: #2295e7
}

.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 {
    color: #fff
}

.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% - 10px)
}

.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: 6px 6px
}

.menu--emoji .menu-row.menu-row--insertedMessage,
.menu--gif .menu-row.menu-row--insertedMessage {
    display: none;
    opacity: 0;
    -webkit-transition: all .25s ease, -xf-opacity .25s ease;
    transition: all .25s ease, -xf-opacity .25s 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.05)
}

.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.05)
}

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

.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: 17px;
    color: #47a7eb;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    background-color: rgba(21, 27, 40, 0.85);
    z-index: 100;
    font-size: 15px;
    position: -webkit-sticky;
    position: sticky;
    padding: 6px 10px;
    top: 0
}

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

.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: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    cursor: pointer
}

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

.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: 10px
}

.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 .25s ease;
    transition: all .25s 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:input_extended.less ********/
.inputTypes {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    padding: 0 20px;
    border-bottom: solid 1px rgba(255, 255, 255, 0.05);
    color: #dcdcdc;
    font-size: 13px
}

.inputTypes-title {
    font-weight: bold
}

.inputTypes-type {
    display: block
}

.inputTypes-input {
    position: absolute;
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden
}

.inputTypes-display {
    display: flex;
    justify-content: center;
    padding: 6px 10px;
    border-radius: 4px 4px 0 0;
    border: solid 1px transparent;
    cursor: pointer;
    min-width: 110px;
    position: relative;
    top: 1px;
    margin-right: -1px
}

.inputTypes-input:checked+.inputTypes-display,
.inputTypes-display:hover {
    color: #dcdcdc;
    border-color: rgba(255, 255, 255, 0.05);
    background: linear-gradient(180deg, rgba(123, 131, 141, 0.91), rgba(21, 27, 40, 0.85))
}

.inputTypes-input:checked+.inputTypes-display {
    border-bottom-color: rgba(21, 27, 40, 0.85)
}

.inputTypes-icon {
    margin-right: 6px
}

.inputTypes-defaultIcon {
    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
}

.inputTypes-defaultIcon:before {
    content: "\f4ad";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

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

.inputTypes--tall .inputTypes-icon {
    font-size: 40px;
    line-height: 1;
    margin-right: 0;
    padding-bottom: 3px
}

.inputTypesScroller .inputTypes {
    display: inline-flex;
    min-width: 100%;
    flex-wrap: nowrap
}

.inputTypesScroller .hScroller-action {
    color: #dabe7b
}

.inputTypesScroller .hScroller-action:hover {
    color: #d4b561
}

.inputTypesScroller .hScroller-action.hScroller-action--start {
    background: rgba(21, 27, 40, 0.85);
    background: linear-gradient(to right, rgba(21, 27, 40, 0.85) 66%, rgba(21, 27, 40, 0) 100%)
}

.inputTypesScroller .hScroller-action.hScroller-action--end {
    background: rgba(21, 27, 40, 0.85);
    background: linear-gradient(to right, rgba(21, 27, 40, 0) 0%, rgba(21, 27, 40, 0.85) 33%)
}

@media (max-width:650px) {
    .inputTypes {
        padding-left: 0;
        padding-right: 0
    }
}

/********* public:prefix_menu.less ********/
.menuTrigger.menuTrigger--prefix {
    text-decoration: none
}

.menuPrefix,
.menuPrefix.label--hidden {
    display: block;
    font-size: 13px;
    cursor: default;
    padding: 6px
}

.menuPrefix.label--hidden,
.menuPrefix.label--hidden.label--hidden {
    border: 1px solid rgba(255, 255, 255, 0.05)
}

.menuPrefix.menuPrefix--none,
.menuPrefix.label--hidden.menuPrefix--none {
    color: #dcdcdc;
    text-decoration: none
}

/********* public:xfes_suggested_threads.less ********/
.suggestedThreads {
    margin-top: 10px;
    border-width: 1px;
    border-style: solid;
    border-top-color: rgba(255, 255, 255, 0.05);
    border-right-color: rgba(255, 255, 255, 0.05);
    border-bottom-color: rgba(255, 255, 255, 0.05);
    border-left-color: rgba(255, 255, 255, 0.05);
    border-radius: 4px
}

.suggestedThreads-header {
    padding: 6px 10px;
    margin: 0;
    font-size: 17px;
    font-weight: 400;
    color: #2577b1;
    text-decoration: none;
    background: #edf6fd;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05)
}

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

.suggestedThreads-header:after {
    clear: both
}

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

.suggestedThreads-header a:hover {
    text-decoration: underline
}

.suggestedThreads-headerCloser {
    float: right;
    cursor: pointer;
    margin-left: 5px;
    text-decoration: none;
    opacity: .75;
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

.suggestedThreads-headerCloser: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: "\f00d";
    width: .625em;
    display: inline-block;
    text-align: center
}

.suggestedThreads-headerCloser:hover {
    text-decoration: none;
    opacity: 1
}

.suggestedThreads-threads {
    list-style: none;
    margin: 0;
    padding: 0
}

.suggestedThreads-threads>li {
    padding: 10px
}

/********* public:extra.less ********/