.inner,
.loader {
    position: absolute;
    border-radius: 50%
}
legend,
td,
th {
    padding: 0
}
.toast,
.valign-wrapper {
    -webkit-box-align: center
}
.clearfix,
.toast {
    clear: both
}
.collapsible-body,
.inner,
html {
    box-sizing: border-box
}
.picker__table,
table {
    border-collapse: collapse;
    border-spacing: 0
}
.footer {
    background: #000000!important
}
.errorModalWrapper {
    top: 0!important
}
.loader {
    top: 100px;
    left: 50%;
    margin-left: -32px;
    width: 64px;
    height: 64px;
    -webkit-perspective: 800px;
    perspective: 800px
}
.inner {
    width: 100%;
    height: 100%
}
.inner.one {
    left: 0;
    top: 0;
    -webkit-animation: rotate-one 1s linear infinite;
    animation: rotate-one 1s linear infinite;
    border-bottom: 3px solid #EFEFFA
}
.inner.two {
    right: 0;
    top: 0;
    -webkit-animation: rotate-two 1s linear infinite;
    animation: rotate-two 1s linear infinite;
    border-right: 3px solid #EFEFFA
}
.inner.three {
    right: 0;
    bottom: 0;
    -webkit-animation: rotate-three 1s linear infinite;
    animation: rotate-three 1s linear infinite;
    border-top: 3px solid #EFEFFA
}
img,
legend {
    border: 0
}
@-webkit-keyframes rotate-one {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0);
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0)
    }
    100% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg)
    }
}
@keyframes rotate-one {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0);
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0)
    }
    100% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg)
    }
}
@-webkit-keyframes rotate-two {
    0% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0);
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0)
    }
    100% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg)
    }
}
@keyframes rotate-two {
    0% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0);
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0)
    }
    100% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg)
    }
}
@-webkit-keyframes rotate-three {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0);
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0)
    }
    100% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg)
    }
}
@keyframes rotate-three {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0);
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0)
    }
    100% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg)
    }
}
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
body {
    margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden],
template {
    display: none
}
a {
    background: 0 0
}
a:active,
a:hover {
    outline: 0
}
abbr[title] {
    border-bottom: 1px dotted
}
b,
optgroup,
strong {
    font-weight: 700
}
dfn {
    font-style: italic
}
mark {
    background: #ff0;
    color: #000
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -.5em
}
sub {
    bottom: -.25em
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 1em 40px
}
hr {
    box-sizing: content-box;
    height: 0
}
pre,
textarea {
    overflow: auto
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}
.re-icon,
.sellpage article .textArea p,
body {
    -webkit-font-smoothing: antialiased
}
button {
    overflow: visible
}
button,
select {
    text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled],
html input[disabled] {
    cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
input {
    line-height: normal
}
input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}
input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}
/*!
 * Waves v0.6.0
 * http://fian.my.id/Waves
 *
 * Copyright 2014 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE
 */

.waves-effect {
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    will-change: opacity, transform;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}
.waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    opacity: 0;
    background: rgba(0, 0, 0, .2);
    -webkit-transition: all .7s ease-out;
    transition: all .7s ease-out;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transform: scale(0);
    transform: scale(0);
    pointer-events: none
}
.waves-effect.waves-light .waves-ripple {
    background-color: rgba(255, 255, 255, .45)
}
.waves-effect.waves-red .waves-ripple {
    background-color: rgba(244, 67, 54, .7)
}
.waves-effect.waves-yellow .waves-ripple {
    background-color: rgba(255, 235, 59, .7)
}
.waves-effect.waves-orange .waves-ripple {
    background-color: rgba(255, 152, 0, .7)
}
.waves-effect.waves-purple .waves-ripple {
    background-color: rgba(156, 39, 176, .7)
}
.waves-effect.waves-green .waves-ripple {
    background-color: rgba(76, 175, 80, .7)
}
.waves-effect.waves-teal .waves-ripple {
    background-color: rgba(0, 150, 136, .7)
}
.waves-effect input[type=button],
.waves-effect input[type=reset],
.waves-effect input[type=submit] {
    border: 0;
    font-style: normal;
    font-size: inherit;
    text-transform: inherit;
    background: 0 0
}
.waves-notransition {
    -webkit-transition: none!important;
    transition: none!important
}
.waves-input-wrapper {
    border-radius: .2em;
    vertical-align: bottom
}
.waves-input-wrapper .waves-button-input {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1
}
.waves-circle {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%;
    -webkit-mask-image: none
}
.waves-block {
    display: block
}
a.waves-effect .waves-ripple {
    z-index: -1
}
.materialize-red.lighten-5 {
    background-color: #fdeaeb!important
}
.materialize-red-text.text-lighten-5 {
    color: #fdeaeb!important
}
.materialize-red.lighten-4 {
    background-color: #f8c1c3!important
}
.materialize-red-text.text-lighten-4 {
    color: #f8c1c3!important
}
.materialize-red.lighten-3 {
    background-color: #f3989b!important
}
.materialize-red-text.text-lighten-3 {
    color: #f3989b!important
}
.materialize-red.lighten-2 {
    background-color: #ee6e73!important
}
.materialize-red-text.text-lighten-2 {
    color: #ee6e73!important
}
.materialize-red.lighten-1 {
    background-color: #ea454b!important
}
.materialize-red-text.text-lighten-1 {
    color: #ea454b!important
}
.materialize-red {
    background-color: #e51c23!important
}
.materialize-red-text {
    color: #e51c23!important
}
.materialize-red.darken-1 {
    background-color: #d0181e!important
}
.materialize-red-text.text-darken-1 {
    color: #d0181e!important
}
.materialize-red.darken-2 {
    background-color: #b9151b!important
}
.materialize-red-text.text-darken-2 {
    color: #b9151b!important
}
.materialize-red.darken-3 {
    background-color: #a21318!important
}
.materialize-red-text.text-darken-3 {
    color: #a21318!important
}
.materialize-red.darken-4 {
    background-color: #8b1014!important
}
.materialize-red-text.text-darken-4 {
    color: #8b1014!important
}
.red.lighten-5 {
    background-color: #FFEBEE!important
}
.red-text.text-lighten-5 {
    color: #FFEBEE!important
}
.red.lighten-4 {
    background-color: #FFCDD2!important
}
.red-text.text-lighten-4 {
    color: #FFCDD2!important
}
.red.lighten-3 {
    background-color: #EF9A9A!important
}
.red-text.text-lighten-3 {
    color: #EF9A9A!important
}
.red.lighten-2 {
    background-color: #E57373!important
}
.red-text.text-lighten-2 {
    color: #E57373!important
}
.red.lighten-1 {
    background-color: #EF5350!important
}
.red-text.text-lighten-1 {
    color: #EF5350!important
}
.red {
    background-color: #F44336!important
}
.red-text {
    color: #F44336!important
}
.red.darken-1 {
    background-color: #E53935!important
}
.red-text.text-darken-1 {
    color: #E53935!important
}
.red.darken-2 {
    background-color: #D32F2F!important
}
.red-text.text-darken-2 {
    color: #D32F2F!important
}
.red.darken-3 {
    background-color: #C62828!important
}
.red-text.text-darken-3 {
    color: #C62828!important
}
.red.darken-4 {
    background-color: #B71C1C!important
}
.red-text.text-darken-4 {
    color: #B71C1C!important
}
.red.accent-1 {
    background-color: #FF8A80!important
}
.red-text.text-accent-1 {
    color: #FF8A80!important
}
.red.accent-2 {
    background-color: #FF5252!important
}
.red-text.text-accent-2 {
    color: #FF5252!important
}
.red.accent-3 {
    background-color: #FF1744!important
}
.red-text.text-accent-3 {
    color: #FF1744!important
}
.red.accent-4 {
    background-color: #D50000!important
}
.red-text.text-accent-4 {
    color: #D50000!important
}
.pink.lighten-5 {
    background-color: #fce4ec!important
}
.pink-text.text-lighten-5 {
    color: #fce4ec!important
}
.pink.lighten-4 {
    background-color: #f8bbd0!important
}
.pink-text.text-lighten-4 {
    color: #f8bbd0!important
}
.pink.lighten-3 {
    background-color: #f48fb1!important
}
.pink-text.text-lighten-3 {
    color: #f48fb1!important
}
.pink.lighten-2 {
    background-color: #f06292!important
}
.pink-text.text-lighten-2 {
    color: #f06292!important
}
.pink.lighten-1 {
    background-color: #ec407a!important
}
.pink-text.text-lighten-1 {
    color: #ec407a!important
}
.pink {
    background-color: #e91e63!important
}
.pink-text {
    color: #e91e63!important
}
.pink.darken-1 {
    background-color: #d81b60!important
}
.pink-text.text-darken-1 {
    color: #d81b60!important
}
.pink.darken-2 {
    background-color: #c2185b!important
}
.pink-text.text-darken-2 {
    color: #c2185b!important
}
.pink.darken-3 {
    background-color: #ad1457!important
}
.pink-text.text-darken-3 {
    color: #ad1457!important
}
.pink.darken-4 {
    background-color: #880e4f!important
}
.pink-text.text-darken-4 {
    color: #880e4f!important
}
.pink.accent-1 {
    background-color: #ff80ab!important
}
.pink-text.text-accent-1 {
    color: #ff80ab!important
}
.pink.accent-2 {
    background-color: #ff4081!important
}
.pink-text.text-accent-2 {
    color: #ff4081!important
}
.pink.accent-3 {
    background-color: #f50057!important
}
.pink-text.text-accent-3 {
    color: #f50057!important
}
.pink.accent-4 {
    background-color: #c51162!important
}
.pink-text.text-accent-4 {
    color: #c51162!important
}
.purple.lighten-5 {
    background-color: #f3e5f5!important
}
.purple-text.text-lighten-5 {
    color: #f3e5f5!important
}
.purple.lighten-4 {
    background-color: #e1bee7!important
}
.purple-text.text-lighten-4 {
    color: #e1bee7!important
}
.purple.lighten-3 {
    background-color: #ce93d8!important
}
.purple-text.text-lighten-3 {
    color: #ce93d8!important
}
.purple.lighten-2 {
    background-color: #ba68c8!important
}
.purple-text.text-lighten-2 {
    color: #ba68c8!important
}
.purple.lighten-1 {
    background-color: #ab47bc!important
}
.purple-text.text-lighten-1 {
    color: #ab47bc!important
}
.purple {
    background-color: #9c27b0!important
}
.purple-text {
    color: #9c27b0!important
}
.purple.darken-1 {
    background-color: #8e24aa!important
}
.purple-text.text-darken-1 {
    color: #8e24aa!important
}
.purple.darken-2 {
    background-color: #7b1fa2!important
}
.purple-text.text-darken-2 {
    color: #7b1fa2!important
}
.purple.darken-3 {
    background-color: #6a1b9a!important
}
.purple-text.text-darken-3 {
    color: #6a1b9a!important
}
.purple.darken-4 {
    background-color: #4a148c!important
}
.purple-text.text-darken-4 {
    color: #4a148c!important
}
.purple.accent-1 {
    background-color: #ea80fc!important
}
.purple-text.text-accent-1 {
    color: #ea80fc!important
}
.purple.accent-2 {
    background-color: #e040fb!important
}
.purple-text.text-accent-2 {
    color: #e040fb!important
}
.purple.accent-3 {
    background-color: #d500f9!important
}
.purple-text.text-accent-3 {
    color: #d500f9!important
}
.purple.accent-4 {
    background-color: #a0f!important
}
.purple-text.text-accent-4 {
    color: #a0f!important
}
.deep-purple.lighten-5 {
    background-color: #ede7f6!important
}
.deep-purple-text.text-lighten-5 {
    color: #ede7f6!important
}
.deep-purple.lighten-4 {
    background-color: #d1c4e9!important
}
.deep-purple-text.text-lighten-4 {
    color: #d1c4e9!important
}
.deep-purple.lighten-3 {
    background-color: #b39ddb!important
}
.deep-purple-text.text-lighten-3 {
    color: #b39ddb!important
}
.deep-purple.lighten-2 {
    background-color: #9575cd!important
}
.deep-purple-text.text-lighten-2 {
    color: #9575cd!important
}
.deep-purple.lighten-1 {
    background-color: #7e57c2!important
}
.deep-purple-text.text-lighten-1 {
    color: #7e57c2!important
}
.deep-purple {
    background-color: #673ab7!important
}
.deep-purple-text {
    color: #673ab7!important
}
.deep-purple.darken-1 {
    background-color: #5e35b1!important
}
.deep-purple-text.text-darken-1 {
    color: #5e35b1!important
}
.deep-purple.darken-2 {
    background-color: #512da8!important
}
.deep-purple-text.text-darken-2 {
    color: #512da8!important
}
.deep-purple.darken-3 {
    background-color: #4527a0!important
}
.deep-purple-text.text-darken-3 {
    color: #4527a0!important
}
.deep-purple.darken-4 {
    background-color: #311b92!important
}
.deep-purple-text.text-darken-4 {
    color: #311b92!important
}
.deep-purple.accent-1 {
    background-color: #b388ff!important
}
.deep-purple-text.text-accent-1 {
    color: #b388ff!important
}
.deep-purple.accent-2 {
    background-color: #7c4dff!important
}
.deep-purple-text.text-accent-2 {
    color: #7c4dff!important
}
.deep-purple.accent-3 {
    background-color: #651fff!important
}
.deep-purple-text.text-accent-3 {
    color: #651fff!important
}
.deep-purple.accent-4 {
    background-color: #6200ea!important
}
.deep-purple-text.text-accent-4 {
    color: #6200ea!important
}
.indigo.lighten-5 {
    background-color: #e8eaf6!important
}
.indigo-text.text-lighten-5 {
    color: #e8eaf6!important
}
.indigo.lighten-4 {
    background-color: #c5cae9!important
}
.indigo-text.text-lighten-4 {
    color: #c5cae9!important
}
.indigo.lighten-3 {
    background-color: #9fa8da!important
}
.indigo-text.text-lighten-3 {
    color: #9fa8da!important
}
.indigo.lighten-2 {
    background-color: #7986cb!important
}
.indigo-text.text-lighten-2 {
    color: #7986cb!important
}
.indigo.lighten-1 {
    background-color: #5c6bc0!important
}
.indigo-text.text-lighten-1 {
    color: #5c6bc0!important
}
.indigo {
    background-color: #3f51b5!important
}
.indigo-text {
    color: #3f51b5!important
}
.indigo.darken-1 {
    background-color: #3949ab!important
}
.indigo-text.text-darken-1 {
    color: #3949ab!important
}
.indigo.darken-2 {
    background-color: #303f9f!important
}
.indigo-text.text-darken-2 {
    color: #303f9f!important
}
.indigo.darken-3 {
    background-color: #283593!important
}
.indigo-text.text-darken-3 {
    color: #283593!important
}
.indigo.darken-4 {
    background-color: #1a237e!important
}
.indigo-text.text-darken-4 {
    color: #1a237e!important
}
.indigo.accent-1 {
    background-color: #8c9eff!important
}
.indigo-text.text-accent-1 {
    color: #8c9eff!important
}
.indigo.accent-2 {
    background-color: #536dfe!important
}
.indigo-text.text-accent-2 {
    color: #536dfe!important
}
.indigo.accent-3 {
    background-color: #3d5afe!important
}
.indigo-text.text-accent-3 {
    color: #3d5afe!important
}
.indigo.accent-4 {
    background-color: #304ffe!important
}
.indigo-text.text-accent-4 {
    color: #304ffe!important
}
.blue.lighten-5 {
    background-color: #E3F2FD!important
}
.blue-text.text-lighten-5 {
    color: #E3F2FD!important
}
.blue.lighten-4 {
    background-color: #BBDEFB!important
}
.blue-text.text-lighten-4 {
    color: #BBDEFB!important
}
.blue.lighten-3 {
    background-color: #90CAF9!important
}
.blue-text.text-lighten-3 {
    color: #90CAF9!important
}
.blue.lighten-2 {
    background-color: #64B5F6!important
}
.blue-text.text-lighten-2 {
    color: #64B5F6!important
}
.blue.lighten-1 {
    background-color: #42A5F5!important
}
.blue-text.text-lighten-1 {
    color: #42A5F5!important
}
.blue {
    background-color: #2196F3!important
}
.blue-text {
    color: #2196F3!important
}
.blue.darken-1 {
    background-color: #1E88E5!important
}
.blue-text.text-darken-1 {
    color: #1E88E5!important
}
.blue.darken-2 {
    background-color: #1976D2!important
}
.blue-text.text-darken-2 {
    color: #1976D2!important
}
.blue.darken-3 {
    background-color: #1565C0!important
}
.blue-text.text-darken-3 {
    color: #1565C0!important
}
.blue.darken-4 {
    background-color: #0D47A1!important
}
.blue-text.text-darken-4 {
    color: #0D47A1!important
}
.blue.accent-1 {
    background-color: #82B1FF!important
}
.blue-text.text-accent-1 {
    color: #82B1FF!important
}
.blue.accent-2 {
    background-color: #448AFF!important
}
.blue-text.text-accent-2 {
    color: #448AFF!important
}
.blue.accent-3 {
    background-color: #2979FF!important
}
.blue-text.text-accent-3 {
    color: #2979FF!important
}
.blue.accent-4 {
    background-color: #2962FF!important
}
.blue-text.text-accent-4 {
    color: #2962FF!important
}
.light-blue.lighten-5 {
    background-color: #e1f5fe!important
}
.light-blue-text.text-lighten-5 {
    color: #e1f5fe!important
}
.light-blue.lighten-4 {
    background-color: #b3e5fc!important
}
.light-blue-text.text-lighten-4 {
    color: #b3e5fc!important
}
.light-blue.lighten-3 {
    background-color: #81d4fa!important
}
.light-blue-text.text-lighten-3 {
    color: #81d4fa!important
}
.light-blue.lighten-2 {
    background-color: #4fc3f7!important
}
.light-blue-text.text-lighten-2 {
    color: #4fc3f7!important
}
.light-blue.lighten-1 {
    background-color: #29b6f6!important
}
.light-blue-text.text-lighten-1 {
    color: #29b6f6!important
}
.light-blue {
    background-color: #03a9f4!important
}
.light-blue-text {
    color: #03a9f4!important
}
.light-blue.darken-1 {
    background-color: #039be5!important
}
.light-blue-text.text-darken-1 {
    color: #039be5!important
}
.light-blue.darken-2 {
    background-color: #0288d1!important
}
.light-blue-text.text-darken-2 {
    color: #0288d1!important
}
.light-blue.darken-3 {
    background-color: #0277bd!important
}
.light-blue-text.text-darken-3 {
    color: #0277bd!important
}
.light-blue.darken-4 {
    background-color: #01579b!important
}
.light-blue-text.text-darken-4 {
    color: #01579b!important
}
.light-blue.accent-1 {
    background-color: #80d8ff!important
}
.light-blue-text.text-accent-1 {
    color: #80d8ff!important
}
.light-blue.accent-2 {
    background-color: #40c4ff!important
}
.light-blue-text.text-accent-2 {
    color: #40c4ff!important
}
.light-blue.accent-3 {
    background-color: #00b0ff!important
}
.light-blue-text.text-accent-3 {
    color: #00b0ff!important
}
.light-blue.accent-4 {
    background-color: #0091ea!important
}
.light-blue-text.text-accent-4 {
    color: #0091ea!important
}
.cyan.lighten-5 {
    background-color: #e0f7fa!important
}
.cyan-text.text-lighten-5 {
    color: #e0f7fa!important
}
.cyan.lighten-4 {
    background-color: #b2ebf2!important
}
.cyan-text.text-lighten-4 {
    color: #b2ebf2!important
}
.cyan.lighten-3 {
    background-color: #80deea!important
}
.cyan-text.text-lighten-3 {
    color: #80deea!important
}
.cyan.lighten-2 {
    background-color: #4dd0e1!important
}
.cyan-text.text-lighten-2 {
    color: #4dd0e1!important
}
.cyan.lighten-1 {
    background-color: #26c6da!important
}
.cyan-text.text-lighten-1 {
    color: #26c6da!important
}
.cyan {
    background-color: #00bcd4!important
}
.cyan-text {
    color: #00bcd4!important
}
.cyan.darken-1 {
    background-color: #00acc1!important
}
.cyan-text.text-darken-1 {
    color: #00acc1!important
}
.cyan.darken-2 {
    background-color: #0097a7!important
}
.cyan-text.text-darken-2 {
    color: #0097a7!important
}
.cyan.darken-3 {
    background-color: #00838f!important
}
.cyan-text.text-darken-3 {
    color: #00838f!important
}
.cyan.darken-4 {
    background-color: #006064!important
}
.cyan-text.text-darken-4 {
    color: #006064!important
}
.cyan.accent-1 {
    background-color: #84ffff!important
}
.cyan-text.text-accent-1 {
    color: #84ffff!important
}
.cyan.accent-2 {
    background-color: #18ffff!important
}
.cyan-text.text-accent-2 {
    color: #18ffff!important
}
.cyan.accent-3 {
    background-color: #00e5ff!important
}
.cyan-text.text-accent-3 {
    color: #00e5ff!important
}
.cyan.accent-4 {
    background-color: #00b8d4!important
}
.cyan-text.text-accent-4 {
    color: #00b8d4!important
}
.teal.lighten-5 {
    background-color: #e0f2f1!important
}
.teal-text.text-lighten-5 {
    color: #e0f2f1!important
}
.teal.lighten-4 {
    background-color: #b2dfdb!important
}
.teal-text.text-lighten-4 {
    color: #b2dfdb!important
}
.teal.lighten-3 {
    background-color: #80cbc4!important
}
.teal-text.text-lighten-3 {
    color: #80cbc4!important
}
.teal.lighten-2 {
    background-color: #4db6ac!important
}
.teal-text.text-lighten-2 {
    color: #4db6ac!important
}
.teal.lighten-1 {
    background-color: #26a69a!important
}
.teal-text.text-lighten-1 {
    color: #26a69a!important
}
.teal {
    background-color: #009688!important
}
.teal-text {
    color: #009688!important
}
.teal.darken-1 {
    background-color: #00897b!important
}
.teal-text.text-darken-1 {
    color: #00897b!important
}
.teal.darken-2 {
    background-color: #00796b!important
}
.teal-text.text-darken-2 {
    color: #00796b!important
}
.teal.darken-3 {
    background-color: #00695c!important
}
.teal-text.text-darken-3 {
    color: #00695c!important
}
.teal.darken-4 {
    background-color: #004d40!important
}
.teal-text.text-darken-4 {
    color: #004d40!important
}
.teal.accent-1 {
    background-color: #a7ffeb!important
}
.teal-text.text-accent-1 {
    color: #a7ffeb!important
}
.teal.accent-2 {
    background-color: #64ffda!important
}
.teal-text.text-accent-2 {
    color: #64ffda!important
}
.teal.accent-3 {
    background-color: #1de9b6!important
}
.teal-text.text-accent-3 {
    color: #1de9b6!important
}
.teal.accent-4 {
    background-color: #00bfa5!important
}
.teal-text.text-accent-4 {
    color: #00bfa5!important
}
.green.lighten-5 {
    background-color: #E8F5E9!important
}
.green-text.text-lighten-5 {
    color: #E8F5E9!important
}
.green.lighten-4 {
    background-color: #C8E6C9!important
}
.green-text.text-lighten-4 {
    color: #C8E6C9!important
}
.green.lighten-3 {
    background-color: #A5D6A7!important
}
.green-text.text-lighten-3 {
    color: #A5D6A7!important
}
.green.lighten-2 {
    background-color: #81C784!important
}
.green-text.text-lighten-2 {
    color: #81C784!important
}
.green.lighten-1 {
    background-color: #66BB6A!important
}
.green-text.text-lighten-1 {
    color: #66BB6A!important
}
.green {
    background-color: #4CAF50!important
}
.green-text {
    color: #4CAF50!important
}
.green.darken-1 {
    background-color: #43A047!important
}
.green-text.text-darken-1 {
    color: #43A047!important
}
.green.darken-2 {
    background-color: #388E3C!important
}
.green-text.text-darken-2 {
    color: #388E3C!important
}
.green.darken-3 {
    background-color: #2E7D32!important
}
.green-text.text-darken-3 {
    color: #2E7D32!important
}
.green.darken-4 {
    background-color: #1B5E20!important
}
.green-text.text-darken-4 {
    color: #1B5E20!important
}
.green.accent-1 {
    background-color: #B9F6CA!important
}
.green-text.text-accent-1 {
    color: #B9F6CA!important
}
.green.accent-2 {
    background-color: #69F0AE!important
}
.green-text.text-accent-2 {
    color: #69F0AE!important
}
.green.accent-3 {
    background-color: #00E676!important
}
.green-text.text-accent-3 {
    color: #00E676!important
}
.green.accent-4 {
    background-color: #00C853!important
}
.green-text.text-accent-4 {
    color: #00C853!important
}
.light-green.lighten-5 {
    background-color: #f1f8e9!important
}
.light-green-text.text-lighten-5 {
    color: #f1f8e9!important
}
.light-green.lighten-4 {
    background-color: #dcedc8!important
}
.light-green-text.text-lighten-4 {
    color: #dcedc8!important
}
.light-green.lighten-3 {
    background-color: #c5e1a5!important
}
.light-green-text.text-lighten-3 {
    color: #c5e1a5!important
}
.light-green.lighten-2 {
    background-color: #aed581!important
}
.light-green-text.text-lighten-2 {
    color: #aed581!important
}
.light-green.lighten-1 {
    background-color: #9ccc65!important
}
.light-green-text.text-lighten-1 {
    color: #9ccc65!important
}
.light-green {
    background-color: #8bc34a!important
}
.light-green-text {
    color: #8bc34a!important
}
.light-green.darken-1 {
    background-color: #7cb342!important
}
.light-green-text.text-darken-1 {
    color: #7cb342!important
}
.light-green.darken-2 {
    background-color: #689f38!important
}
.light-green-text.text-darken-2 {
    color: #689f38!important
}
.light-green.darken-3 {
    background-color: #558b2f!important
}
.light-green-text.text-darken-3 {
    color: #558b2f!important
}
.light-green.darken-4 {
    background-color: #33691e!important
}
.light-green-text.text-darken-4 {
    color: #33691e!important
}
.light-green.accent-1 {
    background-color: #ccff90!important
}
.light-green-text.text-accent-1 {
    color: #ccff90!important
}
.light-green.accent-2 {
    background-color: #b2ff59!important
}
.light-green-text.text-accent-2 {
    color: #b2ff59!important
}
.light-green.accent-3 {
    background-color: #76ff03!important
}
.light-green-text.text-accent-3 {
    color: #76ff03!important
}
.light-green.accent-4 {
    background-color: #64dd17!important
}
.light-green-text.text-accent-4 {
    color: #64dd17!important
}
.lime.lighten-5 {
    background-color: #f9fbe7!important
}
.lime-text.text-lighten-5 {
    color: #f9fbe7!important
}
.lime.lighten-4 {
    background-color: #f0f4c3!important
}
.lime-text.text-lighten-4 {
    color: #f0f4c3!important
}
.lime.lighten-3 {
    background-color: #e6ee9c!important
}
.lime-text.text-lighten-3 {
    color: #e6ee9c!important
}
.lime.lighten-2 {
    background-color: #dce775!important
}
.lime-text.text-lighten-2 {
    color: #dce775!important
}
.lime.lighten-1 {
    background-color: #d4e157!important
}
.lime-text.text-lighten-1 {
    color: #d4e157!important
}
.lime {
    background-color: #cddc39!important
}
.lime-text {
    color: #cddc39!important
}
.lime.darken-1 {
    background-color: #c0ca33!important
}
.lime-text.text-darken-1 {
    color: #c0ca33!important
}
.lime.darken-2 {
    background-color: #afb42b!important
}
.lime-text.text-darken-2 {
    color: #afb42b!important
}
.lime.darken-3 {
    background-color: #9e9d24!important
}
.lime-text.text-darken-3 {
    color: #9e9d24!important
}
.lime.darken-4 {
    background-color: #827717!important
}
.lime-text.text-darken-4 {
    color: #827717!important
}
.lime.accent-1 {
    background-color: #f4ff81!important
}
.lime-text.text-accent-1 {
    color: #f4ff81!important
}
.lime.accent-2 {
    background-color: #eeff41!important
}
.lime-text.text-accent-2 {
    color: #eeff41!important
}
.lime.accent-3 {
    background-color: #c6ff00!important
}
.lime-text.text-accent-3 {
    color: #c6ff00!important
}
.lime.accent-4 {
    background-color: #aeea00!important
}
.lime-text.text-accent-4 {
    color: #aeea00!important
}
.yellow.lighten-5 {
    background-color: #fffde7!important
}
.yellow-text.text-lighten-5 {
    color: #fffde7!important
}
.yellow.lighten-4 {
    background-color: #fff9c4!important
}
.yellow-text.text-lighten-4 {
    color: #fff9c4!important
}
.yellow.lighten-3 {
    background-color: #fff59d!important
}
.yellow-text.text-lighten-3 {
    color: #fff59d!important
}
.yellow.lighten-2 {
    background-color: #fff176!important
}
.yellow-text.text-lighten-2 {
    color: #fff176!important
}
.yellow.lighten-1 {
    background-color: #ffee58!important
}
.yellow-text.text-lighten-1 {
    color: #ffee58!important
}
.yellow {
    background-color: #ffeb3b!important
}
.yellow-text {
    color: #ffeb3b!important
}
.yellow.darken-1 {
    background-color: #fdd835!important
}
.yellow-text.text-darken-1 {
    color: #fdd835!important
}
.yellow.darken-2 {
    background-color: #fbc02d!important
}
.yellow-text.text-darken-2 {
    color: #fbc02d!important
}
.yellow.darken-3 {
    background-color: #f9a825!important
}
.yellow-text.text-darken-3 {
    color: #f9a825!important
}
.yellow.darken-4 {
    background-color: #f57f17!important
}
.yellow-text.text-darken-4 {
    color: #f57f17!important
}
.yellow.accent-1 {
    background-color: #ffff8d!important
}
.yellow-text.text-accent-1 {
    color: #ffff8d!important
}
.yellow.accent-2 {
    background-color: #ff0!important
}
.yellow-text.text-accent-2 {
    color: #ff0!important
}
.yellow.accent-3 {
    background-color: #ffea00!important
}
.yellow-text.text-accent-3 {
    color: #ffea00!important
}
.yellow.accent-4 {
    background-color: #ffd600!important
}
.yellow-text.text-accent-4 {
    color: #ffd600!important
}
.amber.lighten-5 {
    background-color: #fff8e1!important
}
.amber-text.text-lighten-5 {
    color: #fff8e1!important
}
.amber.lighten-4 {
    background-color: #ffecb3!important
}
.amber-text.text-lighten-4 {
    color: #ffecb3!important
}
.amber.lighten-3 {
    background-color: #ffe082!important
}
.amber-text.text-lighten-3 {
    color: #ffe082!important
}
.amber.lighten-2 {
    background-color: #ffd54f!important
}
.amber-text.text-lighten-2 {
    color: #ffd54f!important
}
.amber.lighten-1 {
    background-color: #ffca28!important
}
.amber-text.text-lighten-1 {
    color: #ffca28!important
}
.amber {
    background-color: #ffc107!important
}
.amber-text {
    color: #ffc107!important
}
.amber.darken-1 {
    background-color: #ffb300!important
}
.amber-text.text-darken-1 {
    color: #ffb300!important
}
.amber.darken-2 {
    background-color: #ffa000!important
}
.amber-text.text-darken-2 {
    color: #ffa000!important
}
.amber.darken-3 {
    background-color: #ff8f00!important
}
.amber-text.text-darken-3 {
    color: #ff8f00!important
}
.amber.darken-4 {
    background-color: #ff6f00!important
}
.amber-text.text-darken-4 {
    color: #ff6f00!important
}
.amber.accent-1 {
    background-color: #ffe57f!important
}
.amber-text.text-accent-1 {
    color: #ffe57f!important
}
.amber.accent-2 {
    background-color: #ffd740!important
}
.amber-text.text-accent-2 {
    color: #ffd740!important
}
.amber.accent-3 {
    background-color: #ffc400!important
}
.amber-text.text-accent-3 {
    color: #ffc400!important
}
.amber.accent-4 {
    background-color: #ffab00!important
}
.amber-text.text-accent-4 {
    color: #ffab00!important
}
.orange.lighten-5 {
    background-color: #fff3e0!important
}
.orange-text.text-lighten-5 {
    color: #fff3e0!important
}
.orange.lighten-4 {
    background-color: #ffe0b2!important
}
.orange-text.text-lighten-4 {
    color: #ffe0b2!important
}
.orange.lighten-3 {
    background-color: #ffcc80!important
}
.orange-text.text-lighten-3 {
    color: #ffcc80!important
}
.orange.lighten-2 {
    background-color: #ffb74d!important
}
.orange-text.text-lighten-2 {
    color: #ffb74d!important
}
.orange.lighten-1 {
    background-color: #ffa726!important
}
.orange-text.text-lighten-1 {
    color: #ffa726!important
}
.orange {
    background-color: #ff9800!important
}
.orange-text {
    color: #ff9800!important
}
.orange.darken-1 {
    background-color: #fb8c00!important
}
.orange-text.text-darken-1 {
    color: #fb8c00!important
}
.orange.darken-2 {
    background-color: #f57c00!important
}
.orange-text.text-darken-2 {
    color: #f57c00!important
}
.orange.darken-3 {
    background-color: #ef6c00!important
}
.orange-text.text-darken-3 {
    color: #ef6c00!important
}
.orange.darken-4 {
    background-color: #e65100!important
}
.orange-text.text-darken-4 {
    color: #e65100!important
}
.orange.accent-1 {
    background-color: #ffd180!important
}
.orange-text.text-accent-1 {
    color: #ffd180!important
}
.orange.accent-2 {
    background-color: #ffab40!important
}
.orange-text.text-accent-2 {
    color: #ffab40!important
}
.orange.accent-3 {
    background-color: #ff9100!important
}
.orange-text.text-accent-3 {
    color: #ff9100!important
}
.orange.accent-4 {
    background-color: #ff6d00!important
}
.orange-text.text-accent-4 {
    color: #ff6d00!important
}
.deep-orange.lighten-5 {
    background-color: #fbe9e7!important
}
.deep-orange-text.text-lighten-5 {
    color: #fbe9e7!important
}
.deep-orange.lighten-4 {
    background-color: #ffccbc!important
}
.deep-orange-text.text-lighten-4 {
    color: #ffccbc!important
}
.deep-orange.lighten-3 {
    background-color: #ffab91!important
}
.deep-orange-text.text-lighten-3 {
    color: #ffab91!important
}
.deep-orange.lighten-2 {
    background-color: #ff8a65!important
}
.deep-orange-text.text-lighten-2 {
    color: #ff8a65!important
}
.deep-orange.lighten-1 {
    background-color: #ff7043!important
}
.deep-orange-text.text-lighten-1 {
    color: #ff7043!important
}
.deep-orange {
    background-color: #ff5722!important
}
.deep-orange-text {
    color: #ff5722!important
}
.deep-orange.darken-1 {
    background-color: #f4511e!important
}
.deep-orange-text.text-darken-1 {
    color: #f4511e!important
}
.deep-orange.darken-2 {
    background-color: #e64a19!important
}
.deep-orange-text.text-darken-2 {
    color: #e64a19!important
}
.deep-orange.darken-3 {
    background-color: #d84315!important
}
.deep-orange-text.text-darken-3 {
    color: #d84315!important
}
.deep-orange.darken-4 {
    background-color: #bf360c!important
}
.deep-orange-text.text-darken-4 {
    color: #bf360c!important
}
.deep-orange.accent-1 {
    background-color: #ff9e80!important
}
.deep-orange-text.text-accent-1 {
    color: #ff9e80!important
}
.deep-orange.accent-2 {
    background-color: #ff6e40!important
}
.deep-orange-text.text-accent-2 {
    color: #ff6e40!important
}
.deep-orange.accent-3 {
    background-color: #ff3d00!important
}
.deep-orange-text.text-accent-3 {
    color: #ff3d00!important
}
.deep-orange.accent-4 {
    background-color: #dd2c00!important
}
.deep-orange-text.text-accent-4 {
    color: #dd2c00!important
}
.brown.lighten-5 {
    background-color: #efebe9!important
}
.brown-text.text-lighten-5 {
    color: #efebe9!important
}
.brown.lighten-4 {
    background-color: #d7ccc8!important
}
.brown-text.text-lighten-4 {
    color: #d7ccc8!important
}
.brown.lighten-3 {
    background-color: #bcaaa4!important
}
.brown-text.text-lighten-3 {
    color: #bcaaa4!important
}
.brown.lighten-2 {
    background-color: #a1887f!important
}
.brown-text.text-lighten-2 {
    color: #a1887f!important
}
.brown.lighten-1 {
    background-color: #8d6e63!important
}
.brown-text.text-lighten-1 {
    color: #8d6e63!important
}
.brown {
    background-color: #795548!important
}
.brown-text {
    color: #795548!important
}
.brown.darken-1 {
    background-color: #6d4c41!important
}
.brown-text.text-darken-1 {
    color: #6d4c41!important
}
.brown.darken-2 {
    background-color: #5d4037!important
}
.brown-text.text-darken-2 {
    color: #5d4037!important
}
.brown.darken-3 {
    background-color: #4e342e!important
}
.brown-text.text-darken-3 {
    color: #4e342e!important
}
.brown.darken-4 {
    background-color: #3e2723!important
}
.brown-text.text-darken-4 {
    color: #3e2723!important
}
.blue-grey.lighten-5 {
    background-color: #eceff1!important
}
.blue-grey-text.text-lighten-5 {
    color: #eceff1!important
}
.blue-grey.lighten-4 {
    background-color: #cfd8dc!important
}
.blue-grey-text.text-lighten-4 {
    color: #cfd8dc!important
}
.blue-grey.lighten-3 {
    background-color: #b0bec5!important
}
.blue-grey-text.text-lighten-3 {
    color: #b0bec5!important
}
.blue-grey.lighten-2 {
    background-color: #90a4ae!important
}
.blue-grey-text.text-lighten-2 {
    color: #90a4ae!important
}
.blue-grey.lighten-1 {
    background-color: #78909c!important
}
.blue-grey-text.text-lighten-1 {
    color: #78909c!important
}
.blue-grey {
    background-color: #607d8b!important
}
.blue-grey-text {
    color: #607d8b!important
}
.blue-grey.darken-1 {
    background-color: #546e7a!important
}
.blue-grey-text.text-darken-1 {
    color: #546e7a!important
}
.blue-grey.darken-2 {
    background-color: #455a64!important
}
.blue-grey-text.text-darken-2 {
    color: #455a64!important
}
.blue-grey.darken-3 {
    background-color: #37474f!important
}
.blue-grey-text.text-darken-3 {
    color: #37474f!important
}
.blue-grey.darken-4 {
    background-color: #263238!important
}
.blue-grey-text.text-darken-4 {
    color: #263238!important
}
.grey.lighten-5 {
    background-color: #fafafa!important
}
.grey-text.text-lighten-5 {
    color: #fafafa!important
}
.grey.lighten-4 {
    background-color: #f5f5f5!important
}
.grey-text.text-lighten-4 {
    color: #f5f5f5!important
}
.grey.lighten-3 {
    background-color: #eee!important
}
.grey-text.text-lighten-3 {
    color: #eee!important
}
.grey.lighten-2 {
    background-color: #e0e0e0!important
}
.grey-text.text-lighten-2 {
    color: #e0e0e0!important
}
.grey.lighten-1 {
    background-color: #bdbdbd!important
}
.grey-text.text-lighten-1 {
    color: #bdbdbd!important
}
.grey {
    background-color: #9e9e9e!important
}
.grey-text {
    color: #9e9e9e!important
}
.grey.darken-1 {
    background-color: #757575!important
}
.grey-text.text-darken-1 {
    color: #757575!important
}
.grey.darken-2 {
    background-color: #616161!important
}
.grey-text.text-darken-2 {
    color: #616161!important
}
.grey.darken-3 {
    background-color: #424242!important
}
.grey-text.text-darken-3 {
    color: #424242!important
}
.grey.darken-4 {
    background-color: #212121!important
}
.grey-text.text-darken-4 {
    color: #212121!important
}
.shades.black {
    background-color: #000!important
}
.shades-text.text-black {
    color: #000!important
}
.shades.white {
    background-color: #FFF!important
}
.shades-text.text-white {
    color: #FFF!important
}
.shades.transparent {
    background-color: transparent!important
}
.shades-text.text-transparent {
    color: transparent!important
}
.black {
    background-color: #000!important
}
.black-text {
    color: #000!important
}
.white {
    background-color: #FFF!important
}
.white-text {
    color: #FFF!important
}
.transparent {
    background-color: transparent!important
}
.transparent-text {
    color: transparent!important
}
.valign-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.valign-wrapper .valign {
    display: block
}
.z-depth-0 {
    box-shadow: none!important
}
.collapsible,
.toast,
.z-depth-1 {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12)
}
.z-depth-1-half {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}
.z-depth-2 {
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}
.z-depth-3 {
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, .24), 0 17px 50px 0 rgba(0, 0, 0, .19)
}
.z-depth-4 {
    box-shadow: 0 16px 28px 0 rgba(0, 0, 0, .22), 0 25px 55px 0 rgba(0, 0, 0, .21)
}
.z-depth-5 {
    box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22)
}
.hoverable {
    -webkit-transition: box-shadow .25s;
    transition: box-shadow .25s;
    box-shadow: 0
}
.hoverable:hover {
    -webkit-transition: box-shadow .25s;
    transition: box-shadow .25s;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}
#toast-container {
    display: block;
    position: fixed;
    z-index: 10000
}
@media only screen and (max-width: 30em) {
    #toast-container {
        min-width: 100%;
        bottom: 0
    }
}
@media only screen and (min-width: 601px) and (max-width: 40em) {
    #toast-container {
        left: 5%;
        bottom: 7%;
        max-width: 90%
    }
    .toast {
        float: left
    }
}
@media only screen and (min-width: 993px) {
    #toast-container {
        top: 10%;
        right: 7%;
        max-width: 86%
    }
}
.toast {
    border-radius: 2px;
    top: 0;
    width: auto;
    margin-top: 10px;
    position: relative;
    max-width: 100%;
    height: auto;
    min-height: 48px;
    line-height: 1.5em;
    word-break: break-all;
    background-color: #323232;
    padding: 10px 25px;
    font-size: 1.1rem;
    font-weight: 300;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.toast .btn,
.toast .btn-flat {
    margin: 0 0 0 3rem
}
.toast.rounded {
    border-radius: 24px
}
@media only screen and (max-width: 30em) {
    .toast {
        width: 100%;
        border-radius: 0
    }
}
@media only screen and (min-width: 993px) {
    .toast {
        float: right
    }
}
.collapsible {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    margin: .5rem 0 1rem
}
.collapsible-header {
    display: block;
    cursor: pointer;
    min-height: 3rem;
    line-height: 3rem;
    padding: 0 1rem;
    background-color: #fff;
    border-bottom: 1px solid #ddd
}
.collapsible-header i {
    width: 2rem;
    font-size: 1.6rem;
    line-height: 3rem;
    display: block;
    float: left;
    text-align: center;
    margin-right: 1rem
}
.collapsible-body {
    display: none;
    border-bottom: 1px solid #ddd
}
.articleMeta span,
.button-add,
.button-eye,
.button-track {
    display: inline-block
}
.collapsible-body p {
    margin: 0;
    padding: 2rem
}
.side-nav .collapsible {
    border: none;
    box-shadow: none
}
.side-nav .collapsible li {
    padding: 0
}
.side-nav .collapsible-header {
    background-color: transparent;
    border: none;
    line-height: inherit;
    height: inherit;
    margin: 0 1rem
}
.side-nav .collapsible-header i {
    line-height: inherit
}
.side-nav .collapsible-body {
    border: 0;
    background-color: #fff
}
.side-nav .collapsible-body li a {
    margin: 0 1rem 0 2rem
}
.collapsible.popout {
    border: none;
    box-shadow: none
}
.collapsible.popout>li {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    margin: 0 24px;
    -webkit-transition: margin .35s cubic-bezier(.25, .46, .45, .94);
    transition: margin .35s cubic-bezier(.25, .46, .45, .94)
}
.collapsible.popout>li.active {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    margin: 16px 0
}
*,
:after,
:before {
    box-sizing: inherit
}
.button,
.button-gray,
.button-primary,
.button-secondary,
.button-selected,
.button-submit,
button,
input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    box-shadow: 0 1.5px 1px rgba(0, 0, 0, .24), 0 1.5px 3px rgba(0, 0, 0, .12);
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-transition: background-color .5s ease 0s;
    transition: background-color .5s ease 0s;
    padding: 8px 20px;
    height: 30px;
    min-width: 100px;
    font-family: Arvo, serif;
    font-size: 14px;
    font-weight: 300;
    text-transform: none;
    border-radius: 0;
    border: none;
    color: #fff;
    background: -webkit-linear-gradient(top, #707070, #5c5c5c);
    background: linear-gradient(to bottom, #707070, #5c5c5c)
}
body,
p {
    line-height: 1.5;
}
.button-gray:hover,
.button-primary:hover,
.button-secondary:hover,
.button-selected:hover,
.button-submit:hover,
.button:hover,
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
    box-shadow: none;
    background: -webkit-linear-gradient(top, #5c5c5c, #707070);
    background: linear-gradient(to bottom, #5c5c5c, #707070);
    color: #fff;
    outline: 0
}
.button-gray:focus,
.button-primary:focus,
.button-secondary:focus,
.button-selected:focus,
.button-submit:focus,
.button:focus,
button:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus {
    outline: 0
}
.button-gray:disabled,
.button-primary:disabled,
.button-secondary:disabled,
.button-selected:disabled,
.button-submit:disabled,
.button:disabled,
button:disabled,
input[type=button]:disabled,
input[type=reset]:disabled,
input[type=submit]:disabled {
    box-shadow: 0 1.5px 1px rgba(0, 0, 0, .24), 0 1.5px 3px rgba(0, 0, 0, .12);
    background: rgba(112, 112, 112, .5);
    color: rgba(255, 255, 255, .5)
}
.button span.icon,
.button-gray span.icon,
.button-primary span.icon,
.button-secondary span.icon,
.button-selected span.icon,
.button-submit span.icon,
button span.icon,
input[type=button] span.icon,
input[type=reset] span.icon,
input[type=submit] span.icon {
    color: #fff
}
.button-secondary,
.button-selected {
    color: #fff;
    background: -webkit-linear-gradient(top, #575f6a, #3c4249);
    background: linear-gradient(to bottom, #575f6a, #3c4249)
}
.button-secondary:hover,
.button-selected:hover {
    background: -webkit-linear-gradient(top, #3c4249, #575f6a);
    background: linear-gradient(to bottom, #3c4249, #575f6a);
    color: #fff
}
.button-secondary:disabled,
.button-selected:disabled {
    background: rgba(87, 95, 106, .5);
    color: rgba(255, 255, 255, .5)
}
.button-secondary span.icon,
.button-selected span.icon {
    color: #fff
}
.button-facebook,
.button-facebook:hover {
    background: url(./loginWithFB-e04d96154a.png) 10px 7px no-repeat, no-repeat #3b5998;
    color: #fff
}
.button-steam,
.button-steam:hover {
    background: url(./loginWithSteam-ac9eea0994.png) 5px 0 no-repeat, no-repeat #4d6f2e;
    color: #fff
}
.button-add {
    padding: 0 8px;
    min-width: 10px;
    vertical-align: middle
}
.button-add span.icon {
    font-size: 16px;
    vertical-align: sub;
    padding-right: 0
}
@media screen and (min-width: 40em) {
    .button-add span.icon {
        padding-right: 16px
    }
    .button-add {
        padding: 0 10px
    }
    .button-add:after {
        content: 'New Thread'
    }
}
.button-eye {
    padding-right: 15px;
    min-width: 0;
    background: url(./mark_read.png) 10px 7px, -webkit-linear-gradient(top, #e6bb60, #a76f3a);
    background: url(./mark_read.png) 10px 7px, linear-gradient(to bottom, #e6bb60, #a76f3a);
    background-repeat: no-repeat;
    padding-left: 20px
}
.button-eye:hover {
    background: url(./mark_read.png) 10px 7px no-repeat, no-repeat #a76f3a
}
@media screen and (min-width: 40em) {
    .button-eye {
        padding-right: 10px;
        padding-left: 30px;
        min-width: 130px
    }
    .button-eye:after {
        content: attr(data-title) " "
    }
}
.button-reply {
    min-width: 0;
    text-align: right;
    padding: 0 8px;
    vertical-align: middle
}
.button-reply span.icon {
    font-size: 16px;
    vertical-align: middle;
    padding-right: 0
}
@media screen and (min-width: 40em) {
    .button-reply span.icon {
        padding-right: 16px
    }
    .button-reply {
        padding: 0 18px 0 0;
        min-width: 100px
    }
    .button-reply:after {
        content: 'Reply'
    }
}
.button-track {
    padding-left: 10px;
    padding-right: 10px;
    min-width: 0;
    background-color: linear-gradient(to bottom, #e6bb60, #a76f3a);
    background-repeat: no-repeat;
    text-align: right;
    color: #fff
}
.button-track:hover {
    color: #fff;
    background-color: #a76f3a
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #757c86;
    font-family: Arvo, serif;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1
}
a,
a:active,
a:focus,
a:hover {
    color: #8A2BE2
}
.button-track:after {
    content: attr(data-label)
}
@media screen and (min-width: 40em) {
    .button-track {
        padding-left: 15px;
        padding-right: 15px
    }
}
.button-reply+.button-track {
    margin-right: 10px
}
.button-back-to-top {
    padding: 0 8px;
    min-width: 10px;
    vertical-align: middle
}
.button-back-to-top span.icon {
    font-size: 16px;
    vertical-align: middle;
    padding-right: 0
}
@media screen and (min-width: 40em) {
    .button-back-to-top span.icon {
        padding-right: 8px
    }
    .button-back-to-top {
        padding: 0 18px
    }
    .button-back-to-top:after {
        content: 'Back to Top'
    }
}
ol,
ul {
    list-style-type: circle;
    margin: 15px 0 0;
    padding: 0;
	
}
li>a {
    padding-left: 7px
}

.HDBlock > img {
    display:block;
    width:80%;
    margin: 0 auto 1em;
}

#herodeck {
    display:block;
    list-style:none;
    text-align: center;
}

#herodeck li {
    margin:0 0 2em 0;
}

#herodeck p {
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: 100;
    margin: 0 1% 0 1%;
}

.DMBlock > img {
    display:block;
    width:80%;
    margin: 0 auto;
}

.metalstowin li {
    width:50%;
    float:left;
/*     display:block; */
    margin: 0 0 2em 0;
    text-align:center;
}

.metalstowin li.nextRow {
    clear:both;
    float:left;
}

.metalstowin li:nth-child(3) {
/*     margin: 0 auto; */
}


@media screen and (min-width: 40em) {
    #herodeck {
        margin: 0 3em 0 3em;
    }

    #herodeck li {
        float:left;
        width: 50%;
        margin:0 0 0em 0;
    }

    .metalstowin li {
        float:left;
        width:20%;
    }

    .metalstowin li.nextRow {
        clear:none;
    }

    .metalstowin li:first-child {
        margin: 0 0 0 9.5%;
    }

    .metalstowin li:last-child {
        margin: 0 0 0 1%;
    }

    .HDBlock > img {
        width:initial;
    }
}

ul.metalstowin{
    list-style:none;
}


.clearBreak {
    display:block;
    clear:both;
}


body {
    -webkit-font-feature-settings: "kern", "liga", "pnum";
    -moz-font-feature-settings: "kern", "liga", "pnum";
    -ms-font-feature-settings: "kern", "liga", "pnum";
    font-feature-settings: "kern", "liga", "pnum";
    color: #fff;
    font-size: 1em;
    font-weight: 400;
    text-transform: none
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 16px;
    margin: 2px 0 20px
}
h2,
h3,
p {
    font-size: 14px
}
h2,
h3 {
    margin: 2px 0 10px
}
.primary-header,
h3,
p {
    font-family: Arial, sans-serif;
    text-transform: none
}
h3 {
    color: #fff;
    font-weight: 700;
    line-height: 1
}
h5 {
    margin: 0 0 8px
}
p {
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
	margin: 0 0 7px;
    color: #fff
}

p.DMEDALS {
    /* font-weight: 600; */
    /* font-family: 'Open Sans', sans-serif; */
    /* font-size: 14px; */
    /* margin: 0 183px 7px; */
    /* color: #fff; */
}

a {
    text-decoration: none;
    -webkit-transition: color .1s linear;
    transition: color .1s linear
}
a:active,
a:focus {
    outline: 0
}
.continue-reading a {
    padding-right: 25px;
    background: url(./icon-arrow.svg) center right no-repeat
}
img,
picture {
    margin: 0;
    max-width: 100%;
}
p.primary {
    color: #fff;
    font-size: .85em
}
.primary-header,
.secondary-header {
    color: #fff;
    font-size: 1em;
    font-weight: 400;
    line-height: 1
}
.secondary-header {
    font-family: Arvo, serif;
    text-transform: uppercase
}
.primary-text,
.secondary-text,
.tertiary-text {
    color: #fff;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    text-transform: none
}
.primary-text {
    font-size: 14px
}
.secondary-text {
    font-size: 12px
}
.tertiary-text {
    font-size: .85em
}
.articleHeader5,
.articleMeta {
    line-height: 16.8px;
    color: #fff;
    font-family: Arial, sans-serif;
    letter-spacing: -.04em
}
.articleHeader5 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: none
}
.articleMeta {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0
}
.articleMeta span {
    color: #fff
}
.errorMessage {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #8A2BE2
}
.errorContainer .errorMessage {
    color: #e6bb60
}
input[type=text],
input[type=email],
input[type=password],
textarea {
    outline: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding: 3px 0 3px 10px;
    margin: 5px 1px 5px 0;
    border: 1px solid rgba(200, 200, 200, .9);
    background: -webkit-linear-gradient(#f9f9f9, #c7c7c7);
    background: linear-gradient(#f9f9f9, #c7c7c7);
    border-radius: 0;
    height: 30px;
    color: #2d2f36;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-transform: none
}
.icon,
.icon:before {
    width: 16px;
    height: 16px
}
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
textarea:focus {
    box-shadow: 0 0 5px #51cbee;
    padding: 3px 0 3px 10px;
    margin: 5px 1px 5px 0;
    border: 1px solid #51cbee
}
.base-container,
.sub-container {
    padding: 10px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .23), 0 3px 6px rgba(0, 0, 0, .16)
}
::-webkit-input-placeholder {
    color: #858585
}
:-moz-placeholder {
    color: #858585
}
::-moz-placeholder {
    color: #858585
}
:-ms-input-placeholder {
    color: #858585
}
textarea {
    min-width: 200px
}
@font-face {
    font-family: johnIcons;
    src: url(fonts/icomoon.ttf)
}
.icon {
    color: #fff;
    font-family: johnIcons;
    font-weight: 400
}
body,
html {
    height: 100%
}
.icon-alt {
    color: #8A2BE2
}
.icon-alt-2 {
    color: #e6bb60
}
.icon-alt-3 {
    color: #000
}
.icon-alt-admin {
    color: #e6bb60
}
.icon-alt-options {
    color: #fefee4
}
.icon-track:before {
    content: "\ea79"
}
.icon-black {
    color: #000
}
.icon-messenger-unread:before,
.icon-reports-open:before {
    color: #8A2BE2
}
.icon-lock:before {
    content: "\ea00"
}
.icon-unlock:before {
    content: "\eac7"
}
.icon-move:before {
    content: "\eac3"
}
.icon-hide:before,
.icon-show:before {
    content: "\e997"
}
.icon-delete:before {
    content: "\eaed"
}
.icon-report:before {
    content: "\e998"
}
.icon-sink:before {
    content: "\e915"
}
.icon-pin:before,
.icon-unpin:before {
    content: "\ec46"
}
.icon-analytics:before {
    content: "\e9b9"
}
.icon-reports-open:before,
.icon-reports:before {
    content: "\e998"
}
.icon-search:before {
    content: "\eaf0"
}
.icon-messenger-unread:before,
.icon-messenger:before {
    content: "\eba6"
}
.icon-notifications:before {
    content: "\eb7f"
}
.icon-signOut:before {
    content: "\ec8c"
}
.icon-signIn:before {
    content: "\ec8d"
}
.icon-settings:before {
    content: "\ec7f"
}
.icon-forum:before {
    content: "\eb41"
}
.icon-left-circle:before {
    content: "\e9e8"
}
.icon-plus-circle:before {
    content: "\ea5b"
}
.icon-minus-circle:before {
    content: "\ea24"
}
.icon-add-circle:before {
    content: "\ec4c"
}
.icon-menu-1:before {
    content: "\ea18"
}
.icon-eye:before {
    content: "\e99c"
}
.icon-close-circle:before {
    content: "\ece2"
}
.icon-comment:before {
    content: "\e970"
}
.icon-like:before {
    content: "\eba9"
}
.icon-blog:before {
    content: "\ec24"
}
.icon-edit:before {
    content: "\e973"
}
.icon-x:before {
    content: "\eaec"
}
.icon-photo:before {
    content: "\ea54"
}
.icon-megaphone:before {
    content: "\ec02"
}
.icon-play-1:before {
    content: "\ea56"
}
.icon-play-2:before {
    content: "\ec47"
}
.icon-play-3:before {
    content: "\ec01"
}
.icon-image-gallery:before {
    content: "\ea55"
}
.icon-video:before {
    content: "\ecd4"
}
.icon-up-circle:before {
    content: "\eacd"
}
.icon-right-circle:before {
    content: "\ea7e"
}
.icon-options:before {
    content: "\ece4"
}
.icon-caret-down:before {
    content: '\e985'
}
.icon-less-than:before {
    content: "\ebce"
}
.icon-greater-than:before {
    content: "\ec67"
}
.hide-icon:before {
    content: ""
}
.icon-notebook:before {
    content: "\ea3c"
}
.icon-down-arrow:before {
    content: "\e986"
}
.icon-up-arrow:before {
    content: "\eaca"
}
.sub-container {
    background-color: #30353b
}
.base-container {
    background-color: #1d2228
}
.upload-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.upload-container .upload-wrapper {
    margin-right: 10px
}
.upload-container .upload-wrapper .fileUpload {
    float: none;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .23), 0 3px 6px rgba(0, 0, 0, .16)
}
.upload-container .details-wrapper .line1,
.upload-container .details-wrapper .line2 {
    font-size: 12px
}
.upload-container .details-wrapper .line1 {
    color: #e6bb60
}
.clickable {
    cursor: pointer
}
.row-wrapper {
    display: block
}
.row-wrapper .outer-container::after,
.row-wrapper::after {
    clear: both;
    content: "";
    display: table
}
.row-wrapper .outer-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 60em
}
body.contentFullscreen .mainContainer .actionBar,
body.contentFullscreen .mainContainer .breadCrumbs,
body.contentFullscreen .navigation {
    display: none
}
body {
    background-color: #000000;
    background-image: none;
    background-position: 50% 0;
    background-attachment: scroll;
    background-repeat: no-repeat;
    font-family: Arial, sans-serif
}
@media screen and (min-width: 40em) {
    body {
        background-attachment: fixed
    }
}
body .mainContainer {
    padding-top: 8em
}
body.contentFullscreen {
    background: #000000
}
body.contentFullscreen .mainContainer {
    padding: 0
}
body.contentFullscreen .mainContainer .row-wrapper .outer-container {
    margin: 0;
    max-width: none
}
* {
    min-width: 0
}
::-webkit-scrollbar-track {
    background-color: #000
}
::-webkit-scrollbar {
    width: 8px;
    height: 12px
}
::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: rgba(82, 75, 75, .73)
}
.content {
    background-color: rgba(22, 25, 32, .9);
    color: #fff;
    min-height: 300px
}
@media screen and (min-width: 30em) {
    .content {
        margin-right: auto;
        margin-left: auto
    }
}
.ui-view-container {
    position: relative;
    min-height: 300px
}
[ui-view].ng-enter {
    position: absolute;
    left: 0;
    right: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 0
}
[ui-view].ng-enter-active,
[ui-view].ng-leave {
    opacity: 1
}
[ui-view].ng-leave-active {
    opacity: 0
}
.analyticsPage {
    padding: 20px
}
.analyticsPage .pageHeader {
    line-height: 1;
    margin-bottom: 8px
}
.analyticsPage .pageHeader span {
    display: inline;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    margin-top: 0;
    margin-bottom: 0
}
.analyticsPage .pageHeader .forumSettingsIcon {
    float: right;
    width: 16px;
    height: 16px;
    cursor: pointer;
    display: none;
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .analyticsPage .pageHeader .forumSettingsIcon {
        display: block
    }
}
.analyticsPage .pageHeader h3 {
    display: inline;
    vertical-align: text-top
}
.analyticsPage .analyticsPage-tile {
    margin-bottom: 20px
}
.analyticsPage .analyticsPage-tile:last-child {
    margin-bottom: 0
}
.analyticsPage .sub-container {
    background: #1d2228;
    padding: 10px
}
.analyticsPage .sub-inner-container {
    box-shadow: 0 3px 3px rgba(0, 0, 0, .23), 0 3px 6px rgba(0, 0, 0, .16);
    background: #30353b;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 10px
}
.analyticsPage .activeMembers-container {
    width: 100%
}
@media screen and (min-width: 40em) {
    .analyticsPage .activeMembers-container {
        width: 50%
    }
}
.analyticsPage .monthlyStatDirective-container,
.dateRange .dropdown,
.monthlyStatDirective-container .monthlyStatDirective-wrapper monthly-stat-directive .monthlyStatDirective .daysList {
    width: 100%
}
.analyticsPage .analyticsHeaderRow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.analyticsPage .analyticsHeaderRow .pageHeader {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}
.analyticsPage .analyticsHeaderRow .pageHeader:last-child {
    margin-left: 20px
}
.analyticsPage .quadrant {
    margin-top: 20px
}
.analyticsPage .quadrant:first-child {
    margin-top: 0
}
@media screen and (min-width: 40em) {
    .analyticsPage .quadrant {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-right: 0;
        margin-top: 20px
    }
    .analyticsPage .quadrant:first-child {
        margin-top: 0
    }
}
@media screen and (min-width: 53.75em) {
    .analyticsPage .quadrant {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        margin-right: 20px
    }
    .analyticsPage .quadrant:last-child {
        margin-right: 0;
        margin-top: 0
    }
}
.monthlyStatDirective-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
@media screen and (min-width: 53.75em) {
    .monthlyStatDirective-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}
.monthlyStatDirective-container .monthlyStatDirective-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
@media screen and (min-width: 40em) {
    .monthlyStatDirective-container .monthlyStatDirective-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}
.activeMembers .description,
.dateRange {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
.monthlyStatDirective-container .monthlyStatDirective-wrapper monthly-stat-directive {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-top: 10px
}
@media screen and (min-width: 40em) {
    .monthlyStatDirective-container .monthlyStatDirective-wrapper monthly-stat-directive {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        margin: 0 10px
    }
}
.monthlyStatDirective-container .monthlyStatDirective-wrapper monthly-stat-directive:first-child {
    margin-left: 0;
    margin-top: 0
}
.monthlyStatDirective-container .monthlyStatDirective-wrapper monthly-stat-directive:last-child {
    margin-right: 0
}
.monthlyStatDirective-container .monthlyStatDirective-wrapper monthly-stat-directive .monthlyStatDirective {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 10px
}
.monthlyStatDirective-container .monthlyStatDirective-wrapper monthly-stat-directive .monthlyStatDirective .title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 0;
    line-height: 1
}
.monthlyStatDirective-container .monthlyStatDirective-wrapper monthly-stat-directive .monthlyStatDirective .dateLine {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1;
    margin-bottom: 0
}
.monthlyStatDirective-container .monthlyStatDirective-wrapper monthly-stat-directive .monthlyStatDirective .countLine {
    color: #e6bb60;
    font-size: 30px;
    line-height: 1
}
.monthlyStatDirective-container .monthlyStatDirective-wrapper monthly-stat-directive .monthlyStatDirective .daysList tbody {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}
.monthlyStatDirective-container .monthlyStatDirective-wrapper monthly-stat-directive .monthlyStatDirective .daysList tbody tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.monthlyStatDirective-container .monthlyStatDirective-wrapper monthly-stat-directive .monthlyStatDirective .daysList tbody tr td:first-child {
    -webkit-flex-basis: 15px;
    -ms-flex-preferred-size: 15px;
    flex-basis: 15px
}
.monthlyStatDirective-container .monthlyStatDirective-wrapper monthly-stat-directive .monthlyStatDirective .daysList p {
    font-size: 12px;
    margin: 0;
    line-height: 1.3
}
.monthlyStatDirective-container .monthlyStatDirective-wrapper monthly-stat-directive .monthlyStatDirective .daysList p.dayValue {
    color: #e6bb60
}
.monthlyStatDirective-container .monthlyStatDirective-wrapper monthly-stat-directive .monthlyStatDirective .daysList .dayValueCell {
    display: inline-block;
    margin-left: 10px
}
.activeMembers,
.activeMembers .description {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.activeMembers {
    display: flex;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}
@media screen and (min-width: 40em) {
    .activeMembers {
        margin-right: 10px
    }
}
.activeMembers p {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    margin: 0;
    line-height: 1
}
.activeMembers p.subtext {
    margin-top: 5px;
    font-weight: 400;
    color: #e6bb60
}
.activeMembers .description {
    margin-right: 10px;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}
.activeMembers .amount {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}
.activeMembers .amount h2 {
    margin: 0;
    font-weight: 700;
    font-size: 2em;
    color: #e6bb60
}
.dateRange {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
@media screen and (min-width: 40em) {
    .dateRange {
        margin-right: 10px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}
.dateRange p {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    margin: 0;
    line-height: 1
}
.dateRange p.subtext {
    margin-top: 5px;
    font-weight: 400;
    color: #e6bb60
}
.dateRange .description {
    margin-right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}
@media screen and (min-width: 40em) {
    .dateRange .description {
        margin-right: 10px
    }
}
.dateRange .amount {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 110px;
    margin-top: 10px
}
.dateRange .amount h2 {
    margin: 0;
    font-weight: 700;
    font-size: 2em;
    color: #e6bb60
}
.dateRange .dropdown {
    display: block;
    margin-right: 4.56432%;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .23), 0 3px 6px rgba(0, 0, 0, .16);
    margin-bottom: 10px;
    line-height: 1.5;
    float: none
}
.dateRange .dropdown .dropdown-button:last-child,
.dateRange .dropdown:last-child {
    margin-right: 0
}
.dateRange .dropdown .dropdown-container {
    display: block;
    position: relative;
    text-align: left
}
.dateRange .dropdown .dropdown-center-text {
    text-align: center
}
.dateRange .dropdown .dropdown-button {
    float: left;
    display: block;
    width: 100%;
    background: #f9f9f9;
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    line-height: 30px;
    margin: 0;
    padding: 0 2.5em 0 .5em;
    position: relative
}
@media screen and (min-width: 53.75em) {
    .dateRange .dropdown .dropdown-button {
        padding: 0 2.5em 0 .5em
    }
}
.dateRange .dropdown .dropdown-button:hover {
    background-color: #b3b3b3
}
.dateRange .dropdown .dropdown-button:after {
    color: #333;
    content: "\25BE";
    display: block;
    position: absolute;
    right: 1em;
    top: 0
}
.blogPage .pageHeader.topHeader::after,
.blogsPage .leftContent .blogListContainer::after,
.blogsPage .leftContent::after,
.blogsPage .rightContent::after,
.blogsPage::after {
    clear: both;
    content: ""
}
.dateRange .dropdown .dropdown-menu {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background: #f9f9f9;
    background: -webkit-linear-gradient(#f9f9f9, #c7c7c7);
    background: linear-gradient(#f9f9f9, #c7c7c7);
    border: 1px solid silver;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
    color: #333;
    cursor: pointer;
    display: none;
    margin: 0;
    overflow: show;
    padding: 0;
    position: absolute;
    right: 0;
    top: 33px;
    width: 80%;
    z-index: 99999
}
.blogListItem,
.blogListItem .blogContentContainer .blogContent,
.blogPage .blog .blogContentContainer .blogData,
.blogPage .blog .blogContentContainer .blogInfo {
    box-shadow: 0 3px 3px rgba(0, 0, 0, .23), 0 3px 6px rgba(0, 0, 0, .16)
}
.dateRange .dropdown .dropdown-menu:before {
    position: absolute;
    right: 1em;
    bottom: 0;
    left: 0;
    color: #fff;
    font-size: 12px;
    pointer-events: none;
    text-shadow: 0 -2px 2px rgba(0, 0, 0, .3);
    top: -.7em
}
.dateRange .dropdown .dropdown-menu li {
    color: #333;
    font-size: 12px;
    border-bottom: 1px solid silver;
    list-style: none;
    padding: .5em
}
.dateRange .dropdown .dropdown-menu li.selected,
.dateRange .dropdown .dropdown-menu li:hover {
    background: #b3b3b3
}
.dateRange .dropdown .dropdown-menu li:last-child {
    border: none
}
.dateRange .dropdown .show-menu {
    display: block
}
.leaderboardDirective-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
@media screen and (min-width: 53.75em) {
    .leaderboardDirective-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}
.leaderboardDirective-container .leaderboardDirective-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
@media screen and (min-width: 40em) {
    .dateRange .amount {
        margin-top: 0
    }
    .leaderboardDirective-container .leaderboardDirective-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}
.leaderboardDirective-container .leaderboardDirective-wrapper analytics-leaderboard-directive {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-top: 10px
}
@media screen and (min-width: 40em) {
    .leaderboardDirective-container .leaderboardDirective-wrapper analytics-leaderboard-directive {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        margin: 0 10px
    }
}
.leaderboardDirective-container .leaderboardDirective-wrapper analytics-leaderboard-directive:first-child {
    margin-left: 0;
    margin-top: 0
}
.leaderboardDirective-container .leaderboardDirective-wrapper analytics-leaderboard-directive:last-child {
    margin-right: 0
}
.leaderboardDirective-container .leaderboardDirective-wrapper analytics-leaderboard-directive .sub-inner-container {
    margin-bottom: 10px
}
.leaderboardDirective-container .leaderboardDirective-wrapper analytics-leaderboard-directive .sub-inner-container:first-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}
.leaderboardDirective-container .leaderboardDirective-wrapper analytics-leaderboard-directive .sub-inner-container:last-child {
    margin-bottom: 0
}
.leaderboardDirective-container .leaderboardDirective-wrapper analytics-leaderboard-directive .leaderboardDirective {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px
}
.blogPage,
.blogsPage {
    padding: 20px
}
.leaderboardDirective-container .leaderboardDirective-wrapper analytics-leaderboard-directive .leaderboardDirective .title {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 1;
    font-size: 12px
}
.leaderboardDirective-container .leaderboardDirective-wrapper analytics-leaderboard-directive .leaderboardDirective .dateLine {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1;
    margin-bottom: 0
}
.leaderboardDirective-container .leaderboardDirective-wrapper analytics-leaderboard-directive .leaderboardDirective .countLine {
    color: #e6bb60;
    font-size: 30px;
    line-height: 1
}
.leaderboardDirective-container .leaderboardDirective-wrapper analytics-leaderboard-directive .leaderboardDirective .daysList {
    width: 100%
}
.leaderboardDirective-container .leaderboardDirective-wrapper analytics-leaderboard-directive .leaderboardDirective .daysList tbody {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}
.leaderboardDirective-container .leaderboardDirective-wrapper analytics-leaderboard-directive .leaderboardDirective .daysList tbody tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.leaderboardDirective-container .leaderboardDirective-wrapper analytics-leaderboard-directive .leaderboardDirective .daysList tbody tr td:first-child {
    width: 20px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.leaderboardDirective-container .leaderboardDirective-wrapper analytics-leaderboard-directive .leaderboardDirective .daysList tbody tr td:last-child {
    margin-left: auto
}
.leaderboardDirective-container .leaderboardDirective-wrapper analytics-leaderboard-directive .leaderboardDirective .daysList tbody tr td.dayValueCell {
    display: inline-block;
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%
}
.leaderboardDirective-container .leaderboardDirective-wrapper analytics-leaderboard-directive .leaderboardDirective .daysList tbody tr td.dayValueCell:hover+td.dayCountCell p.dayCount {
    color: #8A2BE2
}
.leaderboardDirective-container .leaderboardDirective-wrapper analytics-leaderboard-directive .leaderboardDirective .daysList p {
    font-size: 12px;
    margin: 0;
    line-height: 1.3
}
.blogPage .pageHeader.topHeader,
.blogsPage,
.blogsPage .leftContent,
.blogsPage .rightContent {
    max-width: 60em;
    margin-left: auto
}
.leaderboardDirective-container .leaderboardDirective-wrapper analytics-leaderboard-directive .leaderboardDirective .daysList p.dayValue {
    color: #e6bb60
}
.leaderboardDirective-container .leaderboardDirective-wrapper analytics-leaderboard-directive .leaderboardDirective .daysList p.dayCount {
    font-weight: 400;
    color: #fff
}
.leaderboardDirective-container .leaderboardDirective-wrapper analytics-leaderboard-directive .leaderboardDirective .daysList p.dayCount:hover {
    color: #8A2BE2
}
.leaderboardDirective-container .leaderboardDirective-wrapper analytics-leaderboard-directive .leaderboardDirective .daysList p.userLink {
    color: #fff;
    font-weight: 700
}
.leaderboardDirective-container .leaderboardDirective-wrapper analytics-leaderboard-directive .leaderboardDirective .daysList p.userLink:hover {
    color: #8A2BE2
}
.leaderboardDirective-container .leaderboardDirective-wrapper analytics-leaderboard-directive .leaderboardDirective .daysList p.threadLink {
    font-weight: 400;
    color: #fff
}
.leaderboardDirective-container .leaderboardDirective-wrapper analytics-leaderboard-directive .leaderboardDirective .daysList p.threadLink:hover {
    color: #8A2BE2
}
.createBlogPage {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    padding: 20px
}
.createBlogPage .pageHeader {
    margin-bottom: 8px
}
.createBlogPage .pageHeader img {
    display: inline;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    margin-top: 0;
    margin-bottom: 3px
}
.createBlogPage .pageHeader img.settings {
    float: right;
    width: 16px;
    height: 16px;
    cursor: pointer;
    display: none
}
@media screen and (min-width: 40em) {
    .createBlogPage .pageHeader img.settings {
        display: block
    }
}
.createBlogPage .pageHeader h3 {
    display: inline;
    vertical-align: super
}
.createBlogPage .blogFormContainer {
    max-width: 60em;
    margin-left: auto;
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.blogForm {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .23), 0 3px 6px rgba(0, 0, 0, .16);
    padding: 10px;
    background-color: #30353b
}
.blogForm::after {
    clear: both;
    content: "";
    display: table
}
.blogForm .blogTitleContainer {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%;
    margin-bottom: 10px
}
.blogForm .blogTitleContainer:last-child {
    margin-right: 0
}
.blogForm .blogTitleContainer .blogTitleInput {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%;
    min-height: 50px
}
.blogForm .blogTitleContainer .blogTitleInput:last-child {
    margin-right: 0
}
.blogForm .blogContentInput {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.blogForm .blogContentInput:last-child {
    margin-right: 0
}
.blogForm .blogFormHeroContainer {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.blogForm .blogFormHeroContainer:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .blogForm .blogFormHeroContainer {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 47.71784%
    }
    .blogForm .blogFormHeroContainer:last-child {
        margin-right: 0
    }
}
.blogForm .blogFormVideoContainer {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.blogForm .blogFormVideoContainer:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .blogForm .blogFormVideoContainer {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 47.71784%
    }
    .blogForm .blogFormVideoContainer:last-child {
        margin-right: 0
    }
}
.blogForm .error {
    font-size: 12px;
    color: #e6bb60
}
.blogForm .submitArea {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.blogForm .submitArea:last-child {
    margin-right: 0
}
.blogForm .submitArea .errorMessages {
    display: block;
    margin-right: 4.56432%;
    width: 100%;
    margin-bottom: 10px;
    float: left
}
.blogForm .submitArea .errorMessages:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .blogForm .submitArea .errorMessages {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 47.71784%;
        margin-bottom: 0
    }
    .blogForm .submitArea .errorMessages:last-child {
        margin-right: 0
    }
}
.blogForm .submitArea .errorMessages p {
    margin: 0
}
.blogForm .submitArea button {
    float: right;
    margin-left: 10px
}
.blogFormHero {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px
}
.blogFormHero::after {
    clear: both;
    content: "";
    display: table
}
.blogFormHero .hero {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%;
    padding: 5px 10px;
    background-color: #1d2228;
    font-weight: 700;
    font-size: .8em;
    margin-bottom: 10px
}
.blogFormHero .hero:last-child {
    margin-right: 0
}
.blogFormHero .hero span {
    font-weight: 400;
    color: #e6bb60
}
@media screen and (min-width: 40em) {
    .blogFormHero .hero {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 47.71784%;
        margin-bottom: 0
    }
    .blogFormHero .hero:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 53.75em) {
    .blogFormHero .hero {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 21.57676%;
        margin-bottom: 0
    }
    .blogFormHero .hero:last-child {
        margin-right: 0
    }
}
.blogFormHero .fileUpload {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 21.57676%;
    position: relative;
    overflow: hidden;
    padding-top: 4px;
    min-width: 100px
}
.blogFormHero .fileUpload:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .blogFormHero .fileUpload {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 39.00415%;
        margin-bottom: 0
    }
    .blogFormHero .fileUpload:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 53.75em) {
    .blogFormHero .fileUpload {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 21.57676%;
        margin-bottom: 0
    }
    .blogFormHero .fileUpload:last-child {
        margin-right: 0
    }
}
.blogFormHero .fileUpload input.upload {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100px;
    height: 30px;
    padding-top: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0)
}
.blogFormHero .heroInfo {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 47.71784%;
    padding-top: 8px;
    padding-left: 10px
}
.blogFormHero .heroInfo:last-child {
    margin-right: 0
}
.blogFormHero .heroInfo p {
    overflow: hidden;
    margin: 0;
    padding: 0
}
@media screen and (min-width: 40em) {
    .blogFormHero .heroInfo {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 100%;
        margin-bottom: 0
    }
    .blogFormHero .heroInfo:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 53.75em) {
    .blogFormHero .heroInfo {
        padding-left: 0;
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 47.71784%
    }
    .blogFormHero .heroInfo:last-child {
        margin-right: 0
    }
}
.blogFormHero .heroInfo .removeHero {
    text-decoration: underline;
    color: #8A2BE2;
    cursor: pointer
}
.blogFormVideo {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px
}
.blogFormVideo::after {
    clear: both;
    content: "";
    display: table
}
.blogFormVideo .videoContainer {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.blogFormVideo .videoContainer .hero:last-child,
.blogFormVideo .videoContainer:last-child {
    margin-right: 0
}
.blogFormVideo .videoContainer .hero {
    max-width: 60em;
    margin-left: auto;
    float: left;
    display: block;
    width: 100%;
    padding: 5px 10px;
    background-color: #1d2228;
    font-weight: 700;
    font-size: .8em;
    margin-bottom: 10px;
    margin-right: 0
}
.blogFormVideo .videoContainer .hero::after {
    clear: both;
    content: "";
    display: table
}
.blogFormVideo .videoContainer .hero span {
    font-weight: 400;
    color: #e6bb60
}
@media screen and (min-width: 40em) {
    .blogFormVideo .videoContainer .hero {
        width: 50%;
        margin-bottom: 0;
        margin-right: 0
    }
}
@media screen and (min-width: 53.75em) {
    .blogFormVideo .videoContainer .hero {
        width: 25%;
        margin-bottom: 0;
        margin-right: 0
    }
}
.blogFormVideo .videoContainer .videoInput {
    display: inline-block;
    width: 100%
}
@media screen and (min-width: 40em) {
    .blogFormVideo .videoContainer .videoInput {
        width: 50%
    }
}
@media screen and (min-width: 53.75em) {
    .blogFormVideo .videoContainer .videoInput {
        width: 75%
    }
}
.blogFormVideo .videoContainer .videoInput input {
    min-height: 36px;
    width: 100%;
    margin: 0
}
.blogCommentList {
    padding: 10px;
    background-color: #1d2228
}
.blogCommentList ul {
    margin: 0
}
.blogCommentList li {
    margin-bottom: 10px
}
.blogCommentList li:last-child {
    margin-bottom: 0
}
.blogCommentList li ul {
    margin-top: 10px
}
.blogCommentList .reply {
    padding-left: 20px
}
.blogCommentList button.loadMore {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px
}
.blogCommentList button.loadMore:last-child {
    margin-right: 0
}
.blogCommentList .noComments {
    text-align: center;
    margin: 0
}
.blogCommentListItem .commentContent-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
@media screen and (min-width: 40em) {
    .blogCommentListItem .commentContent-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}
.contentContainer,
.contentContainer .data-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
.blogCommentListItem .commentContent-container .userPane-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0;
    -ms-flex: 1 0;
    flex: 1 0
}
@media screen and (min-width: 40em) {
    .blogCommentListItem .commentContent-container .userPane-container {
        margin-right: 5px;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}
.blogCommentListItem .commentContent-container .contentContainer-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    margin-top: 5px
}
@media screen and (min-width: 40em) {
    .blogCommentListItem .commentContent-container .contentContainer-container {
        -webkit-box-flex: 5;
        -webkit-flex-grow: 5;
        -ms-flex-positive: 5;
        flex-grow: 5;
        margin-top: 0
    }
}
.contentActions {
    height: 14px
}
.contentActions span.icon-options {
    font-size: 22px;
    line-height: .5
}
.contentActions ul {
    right: -10px!important
}
.contentActions .dropdown li {
    margin-bottom: 0
}
.contentActions .dropdown li span {
    margin-right: 10px;
    font-size: 14px;
    vertical-align: middle
}
.contentActions .dropdown li p {
    display: inline-block
}
content-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.contentContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}
.contentContainer .meta-container {
    display: none;
    padding: 8px 10px;
    margin-bottom: 5px;
    min-height: 34px
}
@media screen and (min-width: 40em) {
    .contentContainer .meta-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}
.contentContainer .meta-container .datePermalinkWrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.contentContainer .meta-container .datePermalinkWrapper a {
    margin: 0;
    padding: 0;
    cursor: pointer;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #fff
}
.contentContainer .meta-container .datePermalinkWrapper a:hover {
    color: #8A2BE2
}
.contentContainer .meta-container .statusTag {
    font-weight: 400;
    line-height: 1;
    color: #fff;
    font-size: 12px;
    margin-left: 10px;
    padding: 2px 15px;
    border: 1px solid #1d2228
}
.contentContainer .contentHeader.adminType {
    background-color: #30353b;
    color: #fff
}
.contentContainer .contentHeader.adminType a {
    color: #fff
}
.contentContainer .contentHeader.adminType a:hover {
    color: #8A2BE2
}
.contentContainer .data-container {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.contentContainer .data-container .content-data table,
.contentContainer .data-container .content-data td,
.contentContainer .data-container .content-data th {
    padding: 5px;
    border: 1px solid #000
}
.contentContainer .data-container .footerContent {
    margin-top: auto;
    padding: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.contentContainer .data-container .footerContent span.icon {
    width: 16px;
    height: 16px;
    cursor: normal;
    margin-right: 10px
}
.contentContainer .data-container .footerContent span.icon.clickable {
    cursor: pointer
}
.contentContainer .data-container .footerContent p {
    margin: 0;
    padding-right: 20px
}
.contentContainer .data-container .footerContent p.liked {
    color: #8A2BE2
}
@font-face {
    font-family: RedactorFont;
    src: url(redactor-font.eot)
}
@font-face {
    font-family: RedactorFont;
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggi/NUAAAC8AAAAYGNtYXAaVcx2AAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zm8dIFkAAAFwAAATSGhlYWQACVb9AAAUuAAAADZoaGVhA+ECBQAAFPAAAAAkaG10eEEBA94AABUUAAAAkGxvY2FVlFE8AAAVpAAAAEptYXhwAC8AkgAAFfAAAAAgbmFtZRHEcG0AABYQAAABZnBvc3QAAwAAAAAXeAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmHwHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYf//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAwAAACUCAAGSAAQACQANAAA3EQURBQEFEQURATUXBwACAP4AAdv+SgG2/tySkiUBbgH+lAEBSgH+3AEBJv7/3G9sAAAGAAAASQIAAW4ABAAJAA4AEwAYAB0AABMhFSE1FSEVITUVIRUhNSczFSM1FTMVIzUVMxUjNZIBbv6SAW7+kgFu/pKSSUlJSUlJAW5JSW5JSW5JSdxJSW5JSW5JSQAAAAACAAAAJQH3AZIAFgAuAAAlLgMnBzIuAic+AyMXNh4CByUnMg4CBx4DIxcnHgMXNi4CBwH3Dik/XUABAR04Vjg+WDUYAQFNeEcZEv7MAQENHDMlHzIfEQEBASZUTDYHCSBIZj4lGCQaEARqFi5HLzJFKhJqDC1RZSzVPQoWIxkbJBQID0wCCQ4VDxo4KA8PAAACAG4AJQGSAZIABAAzAAA3IQchJzceAzMyPgI3PgMnNyMXDgMHDgMjIi4CJy4DNycjBx4DF24BJQH+3QFABRIUGg0QGBUQCAYKBgQBAUABAQEEBAQCCAgKBQYJCQcEAgUCAwEBPwEBAwcJCEkkJD8HCgYEBAYKBwcRFRkPtcMGCQkHAwMFAwEBAwUDAwcJCQbDtQ8ZFREHAAUAAP//AgABtwAGAA4AFgBHAF8AAAEzFTMVIzUfAQc1IzUzNS8BNxUzFSMVFx4DFRwBDgEHDgMHMh4CFx4DHwEjJzwBJjQjLgMrARUjNTMyHgIXBzMyPgI3PgM1NC4CJy4DKwEVAUkjS24mkZFvb96RkW9vDAMFAwECAwICBQUGBAECAgIBAQICAgEbIBMBAQIEBQUCCh0qCAwKCQM3DgMFBQMCAQIBAQEBAgECAwQGAw4BtpYgtv9cXEolSUhcXEklSlUDCAoNBwQJBwcCAwUDAgEBAQIBAQMEBANCLgEBAQIGBwYCSLYBAwUDRAECAgECBAQGAwQFBQQBAgIBATIAAAAAAwBtAAABkgGTAAMADAARAAAlIzcXBzM3MxczAyMDFyEVITUBI0YjI7ZKF2MXSmVbZQEBJP7c5nh4eUlJASb+2iRJSQAKAAAAJQIAAZIABAAJAA4AEwAYAB0AIgAnACwAMQAANxEFEQU3FzUHFTU3NScVJwcVFzUVJxU3NRUHFRc1NxUXNQclBxUXNRUnFTc1FQcVFzUAAgD+ALeSkpKSJW1tbW1tbSWSkgEkbW1tbW1tJQFuAf6UASUBSgFIbQFIAUq4AUgBSm8BSgFIbQFIAUrbSAFKAQEBSAFKbwFKAUhtAUgBSgAAAAIACQAlAgABkgAWAC4AACUOAxU1DgMHJj4CFzU0HgIXBT4DNxU1FD4CNy4DNRUmDgIXAgA5VTkcQVxAKA8RGEh3Thc2Vz/+PAY3S1UlECAxICYyHQw9Z0chCt8wRi8VAWsFDxsjGS1kUiwLaQETKUYxYBAUDwgDTRABCRMlGhoiFwkBPhAQJzkZAAAAAgBJAEkBtwFuAEcAjwAAAQ4DFRQeAhceAxc+Azc+AzU0LgInLgMHJg4CBwYiBiYHNAYmIicwLgE0NTQ+Ajc+Azc1DgMHJw4DFRQeAhceAxc+Azc+AzU0LgInLgMHJg4CBwYiBiYVJgYmIjUiJjQmNTQ+Ajc+Azc1DgMHATkJDQkEAwYKBgcOEBAJCA4NDAUGCAUDAwQHBQUKCgwGBQoICAMBAgIBAQEBAQEBAQMGCgYGDxITCxMhHBYJzQkNCQQDBwkHBg4QEQgIDg0MBgUIBQMCBQcFBAoLDAYFCQkIAwECAgEBAQEBAQEBAwcJBgcPERQLEyEcFwkBIgwYHBsQCxgUEgcICwgDAQECBggGBQ0MDwYIDA0KBgUIBAQBAQICBQECAgEBAQECAQQCBQEKEhQRCggQDAwDFwgQFBQNAQwYHBsQCxgUEgcICwgDAQECBggGBQ0MDwYIDA0KBgUIBAQBAQICBQECAgEBAQECAQQCBQEKEhQRCggQDAwDFwgQFBQNAAT//wBJAgABbgAEAAkADgASAAATIRUhNRchFSE1FSEVITUHNQcXAAIA/gC3AUn+twFJ/rclk5MBbklJbklJbklJSbdcWwAAAAUAAABJAgABbgAEAAkADgAaAG0AABMhFSE1FSEVITUVIRUhNSczNSM1IwcVNxUjFRc+Azc+Azc0PgE0NTQuAicuAyMiBioBByIOAiMVPgM3Mj4BMjM6AR4BFx4CFBUcAQYUBw4DBw4DDwEVMzUjPgM3MZIBbv6SAW7+kgFu/pKNRBgUFhYYIAUHBQMBAgICAQEBAQEDBAICBgcHBQEEAwQCAgMEBAICBAQDAgIDAwMCAgMDAwEBAgEBAQEBAgICAQQGCQULRC0BAwQEAgFuSUluSUluSUlrFF0GFAZJFJEFBwYEAQIDBAMBAgMDAwIDBwUFAgIEAgEBAQEBAhUBAgIBAQEBAQIBAQIDBAIBAgMCAQICAwMCAQUHCQYNExQBBAMFAgADAAAASQIAAW4ALAAxAGwAACUiLgInNTMeAzMyPgI1NC4CIyIOAgcjNT4DMzIeAhUUDgIjJzMVIzUnIg4CByMVDgMVFB4CFxUzHgMzMj4CNzMVDgMjIi4CNTQ+AjMyHgIXFSMuAyMBbgoUEhEIHgUKCwsGEyEZDg4ZIRMGCwsKBR4IERIUCh41KBcXKDUet5KSJQYLCwoFHgQHBQICBQcEHgUKCwsGBgsLCgUeCBESFAoeNSgXFyg1HgoUEhEIHgUKCwsGSQMGBwU0AgQDAQ0XHhESHhcNAQMEAjQFBwYDFyg1Hx41KBe3SUkvAQMEAhgFCw0OBwcNDQsGFwIEAwEBAwQCNAUHBgMXKDUeHzUoFwMGBwU0AgQDAQAAAAEAAAC3AgABAAAEAAATIRUhNQACAP4AAQBJSQABAJIASQGSAZIADAAAAQ8CFzcHNxc3DwEXAQcpQQvBC0ApQAvBC0EBWdYBOAE6AdgBOgE4AQAAAAQAAABJAgABbgAEAAkADgASAAATIRUhNRchFSE1FSEVITUHNRcHAAIA/gC3AUn+twFJ/re3k5MBbklJbklJbklJSbdcWwAAAAMAAAAlAgABkgAEAAkAEgAANxEFEQUBBREFEQc/ARcVJTU3FwACAP4AAdv+SgG2tiQwPv6Sbm4lAW4B/pQBAUoB/twBASa4AV5eSgFIk5MABAAlAAAB2wG3AAMAGgAeADUAAAEVJzMHHgIGDwEOAS4BJy4BNDY/AT4BHgEXARcnFTceATI2PwE+AS4BJy4CBg8BDgEeARcB29vbKgMDAQICcwIGBgYCAwMBAnQCBQYGAv5029sqAwYGBQJzAgEBAgMCBgYGAnICAgEDAgG33NwrAgYGBgJzAgEBAgMDBQYGAnMCAQECA/51AdvaKgMDAQJzAgUGBgMCAwECAnMCBQYGAgAABAAA/9sCAAHbAAMAGgAeADUAACU1Fwc3LgI2PwE+AR4BFx4BFAYPAQ4BIiYnBycXNQcuASIGDwEOAR4BFx4CNj8BPgEuAScBJdvbKgMDAQICcwIGBgYCAwMBAnQCBQYGAnTb2yoDBgYFAnMCAQECAwIGBgYCcgICAQMC/9zbASwCBgYGAnICAgEDAgMGBgUCcwIBAwN1AdzbKgMDAQJzAgUGBgMCAwECAnICBgYGAgABAG4AJQFuAZIAEgAAJREjESM1Ii4CNTQ+AjsBESMBSSRKFigeEREeKBaTJSUBSf63khEeKBcWKB4R/pMAAAAAAwAlAAEB3AG2AAoAVwB4AAAlMwcnMzUjNxcjFQcOAwcOAyMiLgInLgM1ND4CNz4DOwE1NC4CJy4DIyIOAgcOAwc1PgM3PgIyMzIeAhceAx0BIzU1IyIOAgcOAxUUHgIXHgMzMj4CNz4DPQEBkkpcXEpKXFxK6wIGBgcEAwgICQUIDw4LBQUHBQIDBQkGBQ8SFAwlAQMDAgMFBwgFBAoJCQQFCQkJBQQJCQkEBQkKCQUNFRENBQUIBQI0FQgMCggDAwUDAQECAwICBQUHAwUJCQcCAwUCApKRkZORkZMHBAYFBQECAwIBAgUHBQULDQ8JCRANCwQFBgUCCQMGBQQCAgICAQEBAgEBAwQFAy8CAwMCAQEBAQIFCAUGDhIXDXgYSwECAwICBgYIBQQGBgUCAgMCAQIEBgQECgsOBwQAAAAEACUASgHbAW4AAwAMAC0AegAANyM3FwczNzMXMwMjAyUVFA4CBw4DIyIuAicuAzU0PgI3PgM7ATcuAyMqAQ4BBw4DBxU+Azc+AzMyHgIXHgMdASMiDgIHDgMVFB4CFx4DMzI+Ajc+AzcVMzU0LgInrjUbGok4EUsSOE1ETQF/AQMFAwMHCQoFBAYGBQIDAwIBAgMEAwMJCw0IFiIFDhIWDQYKCgoFBAoJCgQFCgoJBQUJCgoFBAkHBgIDAwMBJg0WEw8GBgkGAwIFCAUFDA4QCQUJCQgEBAcHBgI3AgUIBsV1dXZHRwEf/uFlBAcOCwsEBAYEAwICAwICBQYHAwUJBwUCAgMCAWIFCAYCAQEBAQMCBAIwAwUEAwIBAgEBAQIDAQIEBgYDCQMEBwQFCw4QCgkPDgsFBQcFAgEBAwICBQUHAxh7DhcTDwUAAAIASQBJAbcBkwAEAIEAABMhFSE1Fx4DFx4DFRQOAgcOAyMiLgInLgMnFR4DFx4DMzI+Ajc+AzU0LgInLgMvAS4DJy4DNTQ+Ajc+AzMyHgIXHgMXNS4DJy4DIyIOAgcOAxUUHgIXHgMfAUkBbv6SvwQIBgYCAgMDAQIDBQQDCAkLBgYNDAwGBg0NDQYGCwwNBgYNDAwHDxoXEggHCwgDAgUHBAUMDxIKHAcNCQcDAgMDAQIDBQMDCAkKBgYLCgsGBQsLCgYGCwwLBgYLDAsGDBcUEQcICwcDAgQHBAUMERUNIAEAJSUxAgMFBAMDBgYHAwUICAYDAgQDAQECAwMCBQcIBEEDBAUDAgECAQEDBgkGBQ8SFQwJEA8NBgYKCggDCwIFBQQDAgUFBgMFBwcFAwIDAwEBAgMCAgQGBgM9AgUDBAEBAgEBAwcJBgYPERMLCA8ODAQFCgoJBQsAAAQAAABJAgABbgAEAAkADgATAAA/ARcHJxc3FwcnJScHFzcXJwcXNwAltiO4AbYluCMB/yO4JbYBuCO2Jdsdkh6TAZQekhwBHZIekwGUHpIcAAAAAAUAAP/bAgAB2wAEAAkADgATABgAABcRIREhASERIREHITUhFRUhNSEVFSE1IRUAAgD+AAHb/koBtkn+3AEk/twBJP7cASQlAgD+AAHc/kkBt5JJSW5JSW5JSQAAAwCTAEkBbQGSABcALwBbAAA3Mh4CFx4DFwYUDgEHDgMrATczNzIeAhceAhQXBhQOAQcOAysBNzMDMzI+Ajc+Ayc2LgInLgMnPgM3PgMnNi4CJy4DKwED+AcNCQkDBAMEAQEBBAQEAgkKDQcqASgBBQsIBwIDAwQBAQQCBAEICAsFKgEoZGQRGRgRCAYLBgQBAQMEBwQGCg8OCggMDQgFAwcDAwEBBAYLBgcQFBcOZAHeAQMEAwMICQwHBgsJCAIDBAMBYYECAgMDAgYHCQUFCQcGAgIEAgFN/uoDBQgGBQ4RFQsKEQ8NBgUJBgQBAQMFBwUECwwOCAsSDw0FBggFAv63AAADACUAAAHbAbcABAANABEAADcRIREhEyMDMzczFzMDBxcjNyUBtv5K/URMOBBLETdLIho0GgABt/5JAW7+20hIASU1eHgAAAACAEIAHwG8AZkAIQBLAAAlBycOAS4BJwcXBw4BIiYvAS4BNDY/AT4BMhYfAR4BFAYHJy4BIgYPAQ4BFBYXHgE+AT8BLgMnLgI2PwE+AhYXBxc3PgE0JicBvJQEBQsMCwYhHg8PJygnDw8PDw8P1w8nKCcPDw8QEA8lCxscHAvFCwwLCgsbHRsLJwMFBgUCCgwDBQhSBg8QEgl+JoYLCwoL9pQEAQECAwMgHg8PDw8PDxAmKCcP1w8QEA8PDycoJw9+CwoLC8YLGx0bCwoLAQsLJgIDBAUCChcXFQhSBgYBBAV9JYYLHBwbCwAAAAMAAABJAgABbgAEAAkADgAAEyEVITUXIRUhNRczFSM1AAIA/gCSAW7+kpPb2wFuSUluSUluSUkAAwAAAEkCAAFuAAQACQAOAAATIRUhNRUhFSE1FTMVIzUAAgD+AAFt/pPc3AFuSUluSUluSUkAAAADAAAASQIAAW4ABAAJAA4AABMhFSE1FSEVITUVIRUhNQAB//4BAf/+AQIA/gABbklJbklJbklJAAMAAABJAgABbgAEAAkADgAAEyEHIScHIRchNxchByEnbgElAf7dAW0B/wH9/wFtASUB/t0BAW5JSW5JSW5JSQAGAAAAJwIAAZUACAANABQAGAAdACEAADc1IxEhFTMRIQEhFSE1FyMVIRUhNQcjNxcXITUhFScXIzdJSQG3Sf5JAUn+kwFtSiX+twFu27hcXG3+2wElKSlJICdJASVK/twBSdzcSbcl3EltbSUlJW5JSQAAAAEAAAABAADCHXSvXw889QALAgAAAAAAz3WLJQAAAADPdYsl////2wIAAdsAAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgD//wAAAgAAAQAAAAAAAAAAAAAAAAAAACQAAAAAAAAAAAAAAAABAAAAAgAAAAIAAAACAAAAAgAAbgIAAAACAABtAgAAAAIAAAkCAABJAgD//wIAAAACAAAAAgAAAAIAAJICAAAAAgAAAAIAACUCAAAAAgAAbgIAACUCAAAlAgAASQIAAAACAAAAAgAAkwIAACUCAABCAgAAAAIAAAACAAAAAgAAAAIAAAAAAAAAAAoAFAAeAEAAcAC4AQQBhgGoAfoCQAMCAyYDuARGBFQEcASUBLwFFgVuBY4GLgbUB4IHrAfaCFwIgAj2CRIJLglKCWoJpAAAAAEAAAAkAJAACgAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAYAAAAAQAAAAAAAgAOAGoAAQAAAAAAAwAYAC4AAQAAAAAABAAYAHgAAQAAAAAABQAWABgAAQAAAAAABgAMAEYAAQAAAAAACgAoAJAAAwABBAkAAQAYAAAAAwABBAkAAgAOAGoAAwABBAkAAwAYAC4AAwABBAkABAAYAHgAAwABBAkABQAWABgAAwABBAkABgAYAFIAAwABBAkACgAoAJAAUgBlAGQAYQBjAHQAbwByAEYAbwBuAHQAVgBlAHIAcwBpAG8AbgAgADEALgAwAFIAZQBkAGEAYwB0AG8AcgBGAG8AbgB0UmVkYWN0b3JGb250AFIAZQBkAGEAYwB0AG8AcgBGAG8AbgB0AFIAZQBnAHUAbABhAHIAUgBlAGQAYQBjAHQAbwByAEYAbwBuAHQARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AABIoAAoAAAAAEeAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAADgEAAA4Bg0Rie09TLzIAAA74AAAAYAAAAGAIIvzVY21hcAAAD1gAAABMAAAATBpVzHZnYXNwAAAPpAAAAAgAAAAIAAAAEGhlYWQAAA+sAAAANgAAADYACVb9aGhlYQAAD+QAAAAkAAAAJAPhAgVobXR4AAAQCAAAAJAAAACQQQED3m1heHAAABCYAAAABgAAAAYAJFAAbmFtZQAAEKAAAAFmAAABZhHEcG1wb3N0AAASCAAAACAAAAAgAAMAAAEABAQAAQEBDVJlZGFjdG9yRm9udAABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeKZviU+HQFHQAAAT8PHQAAAUQRHQAAAAkdAAAN+BIAJQEBDRkbHSAlKi80OT5DSE1SV1xhZmtwdXp/hImOk5idoqessba7wFJlZGFjdG9yRm9udFJlZGFjdG9yRm9udHUwdTF1MjB1RTYwMHVFNjAxdUU2MDJ1RTYwM3VFNjA0dUU2MDV1RTYwNnVFNjA3dUU2MDh1RTYwOXVFNjBBdUU2MEJ1RTYwQ3VFNjBEdUU2MEV1RTYwRnVFNjEwdUU2MTF1RTYxMnVFNjEzdUU2MTR1RTYxNXVFNjE2dUU2MTd1RTYxOHVFNjE5dUU2MUF1RTYxQnVFNjFDdUU2MUR1RTYxRXVFNjFGAAACAYkAIgAkAgABAAQABwAKAA0AQQCYAPEBSQH6Ai8CxwMhA98EGwTXBYEFkQW0BfEGLwagBxEHOgf0CLUJaQmsCfwKhAq5C0QLdAuiC9AMAQxo/JQO/JQO/JQO+5QOi7AVi/gB+JSLi/wB/JSLBfhv990V/EqLi/u5+EqLi/e5Bfu4+5QVi/dv9yb7Avsm+wEFDvcm+AIV+AKLi0L8AouL1AWL+wIV+AKLi0L8AouL1AWL+wIV+AKLi0L8AouL1AX7JvdwFdSLi0JCi4vUBYv7AhXUi4tCQouL1AWL+wIV1IuLQkKLi9QFDviLsBVky0yq+0KWCIshBYuLQMb7LPcT9z33GsW4i4sIiyEF92Wr9wT7QV77Cgj7yfdpFYvIBYuLb3ImSOFBtnqLiwiLfIvXBe6F9yJ7nGSl0PsO6Ps2YwgO9wLUFfe4i4tn+7iLi68FysoVnHmngrGLsounlJydnJ2Up4uyCIv3SUyLi/tXBYt8hoCDg4ODgId8i32Lf4+Dk4OTh5aLmgiL91dLi4v7SQWLZJRvnXkIDvfd+EoVrouL+yrWi4tr+wKLi/dKBbH7kxX3JS/7JS+L1fsDi4uw9wOLi9QF+3LTFfsl5/cl54tC9wOLi2b7A4uLQQWXNhWTg499i3iLf4mBhoSGg4SHgYmOio6KjYiNiI6GjoQIpklri3i5BYuMio2KjYaZhZKEiwiBi4tDbouL90q1iwWfi5mHk4MIVEcVmYsFk4uRjY+Pjo+NkYuUi5SJkoiOh4+FjYOLCH2Li1kFDve393oVRYuu9wyu+wwF+0r7DRXVi6LU7ouiQtWLJve6MIsm+7oFjGcV97iLi0L7uIuL1AUOi7AVi/gB+JSLi/wB/JSLBfdLrxX3JouL1Psmi4tCBYv3AhX3JouL1Psmi4tCBWb3SxX7AYuLQvcBi4vUBYv7AhX7AYuLQvcBi4vUBYv7AhX7AYuLQvcBi4vUBbD3cBWLQvcmi4vU+yaLBfe4ixX7AYuLQvcBi4vUBYv7AhX7AYuLQvcBi4vUBYv7AhX7AYuLQvcBi4vUBQ74lPdzFfss+xNAUIuLCIv1BftCgExsZEte9wr3BPdB92VrCIv1BYuLxV73PfsaCPxYLBWcsvcim+6RCIs/i5oFi4u2nOHVJs5vpIuLCItOBfs2s/sOLqVGCA73zfe2FXNsgGiLY4tpk3Ccd513n4Gji6CLnJKZmpqakpyLn4uehZt+mH+ZfJJ7i32LgIeChQiIiYmKiYuKi4mMioyKjoqPi5GLpJOknKOco6KcqJYIi6EFWXhlcnRrCPthixV0bH9oi2OLaZNwnXecd6CBoougi5ySmpqZmpKci5+LnoWbfph/mX2Seot+i3+IgoQIiImJioqLiYuKjIqMiY6Kj4uRi6SUpJujnKOinKmWCIuhBVh4ZnJzawgOi/gCFfiUi4tC/JSLi9QF90v7AhX33YuLQvvdi4vUBYv7AhX33YuLQvvdi4vUBWZCFYv3S/snL/cnMAUO9yb4AhX4AouLQvwCi4vUBYv7AhX4AouLQvwCi4vUBYv7AhX4AouLQvwCi4vUBfsh9hXPi4ufc4uL6HeLdYWLd6GRi0Jzi4t3Bav7JRWXl5KTjY6PkI2PjY+Mj4yPi5CLlIiThJCFkYKOf4uHi4aKhoqGioaKhokIi3YFkI6QjZCNkIyPjI+LkIuPio6IjoiMh4uGi4iLiImIiYeJh4eHiIiDgX18CIB+i3jPi4ufXosFjo+QkJGRCIuLBQ74AtQVcItyk3aYCIu/qYsFmIWZh5uLvYu0sIu5i7pisFmLe4t9h36FCG2Li78FoJikk6aL3IvMSYs6iztKSTqLCPtL90sV9yaLi0L7JouL1AVmuhV8i3yHfoUIbYuLcwWAfYR6i3iLeZJ5ln0Ii3SpiwWYhZqHmoubi5mPmJEIqYuLVwV2fnKDcIs6i0rNi9uL3MzN3Iumi6SDoH4Ii1dtiwV+kX2Pe4sIDov3lBX4lIuLQvyUi4vUBQ73m/ftFWL7a0qLgFL3VYuWxEuLtPdry4uWxPtVi4BSzIsFDov4AhX4lIuLQvyUi4vUBfdL+wIV992Li0L73YuL1AWL+wIV992Li0L73YuL1AX7S0IVi/dL9ycv+ycwBQ6LsBWL+AH4lIuL/AH8lIsF+G/33RX8SouL+7n4SouL97kF+0r7SxWvi7vqySyLQvwCi4vU9wL3JvcC+yYFDvhv+EsVi/tw+2/3cPdviwVhYBWShIyChoUI+wf7BwWFhoKMhJKEkoqUkJEI9wj3BwWQkJWKkYQI/CD8HxX3b4r7b/dvi/tuBbW1FZKElYqQkAj3B/cHBZCQipWEkoSRgo2FhQj7BvsHBYWGjYGRhQgO97n3kxWL93D3b/tv+2+KBbW3FYSSipSQkQj3B/cGBZGRlIqShJKEjIGGhgj7CPsHBYaGgYyFkgj7CPsJFftvjPdv+3CL928FYWEVhJKBjIaGCPsH+wcFhoaMgZKEkoSUipGRCPcG9wYFkZGJlIWSCA733bAVi/fdZ4uL+91Bi4v3JgVPi1q8i8iLx7y8x4sI9yeLi/wBZosFDvgm9yYV1Ysv+yUv9yXVi4v3J0GL5/cl5/slQYuL+ycF+3+EFYWCgoSBhoGGgIh/i3WLeZF+mH6XhZ2Looujkp2blpqXopGriwiwi4uUBYuUiJKFj4SQgo1/i3+Lf4l/iH+If4V+hAiLugWWkJeOl46XjZiMmIusi6KEmH6ZfZFyi2gIi/sMV4uLowWL1hV2iwV3i32IhIaDhoeCi36LgY6EkIWQhpOIlIuZi5aQkpaTlo+ai58Ii48FDvdC91kVVoum9wml+wkF+x37ChXDi5zS1oudRMOLPvezR4s++7MF+BPwFYuHBYt3h3uDgIOAf4V9i4GLg46GkYWRiJOLlIuYj5WTkJSQmY6giwihiwWt7RV9mXOSaYt8i36Kfol/iH6Hf4YIi1sFmJOYkJiPl46YjZmLl4uViJGHkoaOhIuCCIuCZYsFaYtyhXt/e3+DeItyi3SReZl+mH6ehaOLmIuXjZWQlpCTk5KUCItzwouL9w8Fi6+EpX2ZCA7U95QV+AKLi2b8AouLsAX3U1oVloeUhZGEkYSOgouCi36GgYKEgoR/iHuLe4t6jnuRepB6lHqXCItKBZqEm4Wch5yIm4mci7OLqZOfm5+alKOLq4ujhZ9/mn6bd5dwlAhvlgV3kX6ShZGFkIiTi5OLl4+UlJGTkZeOm4uai5mImoaZhpqEmYIIi8gFfJF8kHuPfI58jXuLaYtxg3h6d3uCdItui3WQeZd+l32hf61+CKuABQ6L928Vr6n3S/snZ277S/cmBYuLFfdL9yevbvtL+ydnqAX4lIsVZ6n7S/snr273S/cmBYuLFftL9ydnbvdL+yevqAUOi2YVi/iU+JSLi/yU/JSLBfhv+HAV/EqLi/xL+EqLi/hLBUL7JhX7uIuL1Pe4i4tCBYv7AhX7uIuL1Pe4i4tCBYv7AhX7uIuL1Pe4i4tCBQ73jPdyFZ6LmYiUg5ODj36LeYt6h3+DhIOEfYd3iwhii4vstIsFi/cVFZuLloiShJKFjoKLfYt+iIGEhYSFgIh7iwhii4vYtIsFJvuqFfCLBbWLqJKemp2ZlKKLqoulhZ9/mn+ZeZRzjZ+NmpKVl5aXkJuLoIungqB5mHqZcJJoiwgmi4v73QUOsIsVi/hL+EqLi/xL/EqLBfeR+AIVR4s/+7nDi5vT1oucQ8KLQPe5BWlWFaX7DFeLpfcMBQ74UPeKFfso+yiHjwV9h3uNfJMIamupbXx8BWJiSYtitAh8mgVitIvNtLQI92v3awW0tM2LtGIImnwFtGKLSWJiCGb3EhVuqFyKbm4I+1n7WgVtbotcp26ob7qLqKkIsrEFg4+EkIWScKaGsJ+gCN3dBZuapIyifwj7EvsRsWb3GvcaBaiojLpuqAgOi/gCFfiUi4tC/JSLi9QF9yb7AhX4AouLQvwCi4vUBfcn+wIV92+Li0L7b4uL1AUOi/gCFfiUi4tC/JSLi9QFi/sCFfgBi4tC/AGLi9QFi/sCFfdwi4tC+3CLi9QFDov4AhX4k4uLQvyTi4vUBYv7AhX4k4uLQvyTi4vUBYv7AhX4lIuLQvyUi4vUBQ73AvgCFfe4i4tC+7iLi9QF+wL7AhX4lIuLQvyUi4vUBfcC+wIV97iLi0L7uIuL1AUO1LIVi9RCi4v3ufhLi4tB1IuL+7j8S4sF99333RX8AYuL+3D4AYuL93AF1UIVZouL+0v73YuLZvgCi4v3cAX7b0IV+0yL5/cB5/sBBfcBZhX7uYuLsPe5i4tmBWL3AhW0QkKLq9QFDviUFPiUFYsMCgAAAAADAgABkAAFAAABTAFmAAAARwFMAWYAAAD1ABkAhAAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAOYfAeD/4P/gAeAAIAAAAAEAAAAAAAAAAAAAACAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAOAAAAAoACAACAAIAAQAg5h///f//AAAAAAAg5gD//f//AAH/4xoEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAQAAhlBJsl8PPPUACwIAAAAAAM91iyUAAAAAz3WLJf///9sCAAHbAAAACAACAAAAAAAAAAEAAAHg/+AAAAIA//8AAAIAAAEAAAAAAAAAAAAAAAAAAAAkAAAAAAAAAAAAAAAAAQAAAAIAAAACAAAAAgAAAAIAAG4CAAAAAgAAbQIAAAACAAAJAgAASQIA//8CAAAAAgAAAAIAAAACAACSAgAAAAIAAAACAAAlAgAAAAIAAG4CAAAlAgAAJQIAAEkCAAAAAgAAAAIAAJMCAAAlAgAAQgIAAAACAAAAAgAAAAIAAAACAAAAAABQAAAkAAAAAAAOAK4AAQAAAAAAAQAYAAAAAQAAAAAAAgAOAGoAAQAAAAAAAwAYAC4AAQAAAAAABAAYAHgAAQAAAAAABQAWABgAAQAAAAAABgAMAEYAAQAAAAAACgAoAJAAAwABBAkAAQAYAAAAAwABBAkAAgAOAGoAAwABBAkAAwAYAC4AAwABBAkABAAYAHgAAwABBAkABQAWABgAAwABBAkABgAYAFIAAwABBAkACgAoAJAAUgBlAGQAYQBjAHQAbwByAEYAbwBuAHQAVgBlAHIAcwBpAG8AbgAgADEALgAwAFIAZQBkAGEAYwB0AG8AcgBGAG8AbgB0UmVkYWN0b3JGb250AFIAZQBkAGEAYwB0AG8AcgBGAG8AbgB0AFIAZQBnAHUAbABhAHIAUgBlAGQAYQBjAHQAbwByAEYAbwBuAHQARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff");
    font-weight: 400;
    font-style: normal
}
.redactor-box {
    position: relative;
    overflow: visible;
    margin-bottom: 10px
}
.redactor-box textarea:focus {
    outline: 0
}
.redactor-editor {
    background-color: #fff
}
.redactor-box,
.redactor-box textarea,
.redactor-editor {
    z-index: auto
}
.redactor-box textarea {
    display: block;
    position: relative;
    margin: 0;
    width: 100%;
    overflow: auto;
    outline: 0;
    border: none;
    box-shadow: none;
    color: #ccc;
    font-size: 13px;
    font-family: Menlo, Monaco, monospace, sans-serif;
    resize: none;
    padding: 10px;
    background: #30353b
}
.redactor-box-fullscreen {
    z-index: 1051
}
.redactor-toolbar {
    z-index: 100
}
.redactor-dropdown {
    z-index: 1052
}
#redactor-modal,
#redactor-modal-box,
#redactor-modal-overlay {
    z-index: 1053
}
.redactor-resize {
    background: #f4f4f4;
    padding: 4px 0 3px;
    cursor: move;
    border: 1px solid #e3e3e3;
    border-top: none
}
.redactor-resize div {
    width: 30px;
    margin: auto;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #fff
}

div.youtube {
	float:left;
	padding:5px;
	height:300px;
    width:100px;
}

div.ttargetC {
	color: #34e3c1;
	font-weight: 700;
    text-align: center;
    font-family: 'Open Sans',sans-serif;
    text-transform: uppercase;
}

div.ttargetD {
	color: #b7b7b7;
	font-size: 14px;
    text-align: center;
    font-family: 'Open Sans',sans-serif;
}

@media screen and (min-width: 40em) {
    div.newvideoclass {
        position: relative;
        display: block;
        top: -115px;
        left: 3.9em;

    }
}

div.newvideoclass iframe {
	position: relative;
	top: 0;
	left: 0;
	width:100%;
}

@media screen and (min-width: 40em) {
    div.newvideoclass iframe {
        position: relative;
        top: 0;
        left: 0;
        width: 750px;
    }
}

body .redactor-box-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}
.redactor-editor,
.redactor-placeholder {
    position: relative
}
.body-redactor-hidden {
    overflow: hidden
}
.redactor-editor {
    min-height: 150px;
    overflow: auto;
    margin: 0!important;
    padding: 20px;
    outline: 0;
    white-space: normal;
    border-top: 1px solid #4a4f55
}
.redactor-editor:focus {
    outline: 0
}
.toolbar-fixed-box+.redactor-editor {
    padding-top: 32px!important
}
.redactor-toolbar,
.redactor-toolbar li {
    margin: 0!important;
    padding: 0!important;
    list-style: none!important
}
.redactor-placeholder:after {
    position: absolute;
    top: 20px;
    left: 20px;
    content: attr(placeholder);
    color: #999!important;
    font-weight: 400!important
}
.redactor-linebreaks.redactor-placeholder:after {
    top: 20px;
    left: 20px
}
.redactor-toolbar {
    position: relative;
    top: 0;
    left: 0;
    font-size: 18px!important;
    line-height: 1!important;
    border: none
}
.redactor-toolbar:after {
    content: "";
    display: table;
    clear: both
}
.redactor-toolbar.redactor-toolbar-overflow {
    overflow-y: auto;
    height: 29px;
    white-space: nowrap
}
.redactor-toolbar.redactor-toolbar-external {
    z-index: 999;
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, .1)
}
.redactor-toolbar li {
    vertical-align: top;
    display: inline-block;
    outline: 0;
    box-sizing: content-box;
    border-bottom: none!important;
    background-color: #131413
}
.redactor-toolbar li a {
    display: block;
    color: #fff;
    text-align: center;
    outline: 0;
    border: none;
    text-decoration: none;
    cursor: pointer;
    box-sizing: content-box
}
.redactor-toolbar li a:before {
    color: #fff
}
.redactor-toolbar li a:hover {
    outline: 0;
    color: #fff;
    background-color: #757C86
}
.redactor-toolbar li a.redactor-act:before,
.redactor-toolbar li a:active:before,
.redactor-toolbar li a:hover:before,
.redactor-toolbar li a:visited:before {
    color: #30353b
}
.redactor-toolbar li a.redactor-act,
.redactor-toolbar li a:active {
    outline: 0;
    background-color: #757C86;
    color: #30353b
}
.redactor-toolbar li a.redactor-btn-image {
    background-position: center center;
    background-repeat: no-repeat
}
.redactor-toolbar li a.fa-redactor-btn {
    display: inline-block;
    padding: 9px 10px 8px;
    line-height: 1
}
.redactor-toolbar li a.redactor-button-disabled {
    filter: alpha(opacity=30);
    -moz-opacity: .3;
    opacity: .3
}
.redactor-toolbar li a.redactor-button-disabled:hover {
    color: #333;
    outline: 0;
    background-color: transparent!important;
    cursor: default
}
.redactor-box .CodeMirror {
    display: none
}
.re-icon {
    font-family: RedactorFont;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
    color: #fff
}
.re-icon i:before {
    position: relative;
    font-size: 14px
}
.redactor-dropdown,
.redactor-toolbar-tooltip {
    position: absolute;
    left: 0;
    font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif
}
.re-video:before {
    content: "\e600"
}
.re-unorderedlist:before {
    content: "\e601"
}
.re-undo:before {
    content: "\e602"
}
.re-underline:before {
    content: "\e603"
}
.re-textdirection:before {
    content: "\e604"
}
.re-fontcolor:before {
    content: "\e605"
}
.re-table:before {
    content: "\e606"
}
.re-redo:before {
    content: "\e607"
}
.re-quote:before {
    content: "\e608"
}
.re-outdent:before {
    content: "\e609"
}
.re-orderedlist:before {
    content: "\e60a"
}
.re-link:before {
    content: "\e60b"
}
.re-horizontalrule:before {
    content: "\e60c"
}
.re-italic:before {
    content: "\e60d"
}
.re-indent:before {
    content: "\e60e"
}
.re-image:before {
    content: "\e60f"
}
.re-fullscreen:before {
    content: "\e610"
}
.re-normalscreen:before {
    content: "\e611"
}
.re-formatting:before {
    content: "\e612"
}
.re-fontsize:before {
    content: "\e613"
}
.re-fontfamily:before {
    content: "\e614"
}
.re-deleted:before {
    content: "\e615"
}
.re-html:before {
    content: "\e616"
}
.re-clips:before {
    content: "\e617"
}
.re-bold:before {
    content: "\e618"
}
.re-backcolor:before {
    content: "\e619"
}
.re-file:before {
    content: "\e61a"
}
.re-alignright:before {
    content: "\e61b"
}
.re-alignleft:before,
.re-alignment:before {
    content: "\e61c"
}
.re-alignjustify:before {
    content: "\e61d"
}
.re-aligncenter:before {
    content: "\e61e"
}
.re-gallery:before {
    content: "\e61f"
}
#redactor-modal footer::after,
#redactor-modal::after,
header.navigation .navigation-wrapper::after {
    content: "";
    clear: both
}
.redactor-toolbar-tooltip {
    z-index: 1054;
    text-align: center;
    top: 0;
    background: #000;
    color: #fff;
    padding: 5px 8px;
    line-height: 1;
    font-size: 12px;
    border-radius: 2px
}
.redactor-dropdown {
    top: 28px;
    padding: 0;
    min-width: 220px;
    max-height: 254px;
    overflow: auto;
    background-color: #fff;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .25);
    font-size: 14px;
    line-height: 1.6em
}
.redactor-dropdown a {
    display: block;
    padding: 10px 15px;
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 0, 0, .07)
}
.redactor-dropdown a:last-child {
    border-bottom: none
}
.redactor-dropdown a:hover {
    background-color: #1f78d8;
    color: #fff!important;
    text-decoration: none
}
.redactor-dropdown a.selected {
    background-color: #000;
    color: #fff
}
#redactor-image-box {
    position: relative;
    max-width: 100%;
    display: inline-block;
    line-height: 0;
    outline: rgba(0, 0, 0, .6) dashed 1px
}
#redactor-image-editter,
#redactor-image-resizer,
.redactor-link-tooltip {
    position: absolute;
    background-color: #000;
    line-height: 1
}
#redactor-image-editter {
    z-index: 5;
    top: 50%;
    left: 50%;
    margin-top: -11px;
    margin-left: -18px;
    color: #fff;
    font-size: 11px;
    padding: 7px 10px;
    cursor: pointer
}
#redactor-image-resizer {
    z-index: 2;
    cursor: nw-resize;
    bottom: -4px;
    right: -5px;
    border: 1px solid #fff;
    width: 8px;
    height: 8px
}
.redactor-link-tooltip {
    z-index: 49999;
    padding: 10px;
    display: inline-block;
    color: #555!important
}
.redactor-link-tooltip,
.redactor-link-tooltip a {
    font-size: 12px;
    font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif
}
.redactor-link-tooltip a {
    color: #ccc;
    margin: 0 5px;
    text-decoration: none
}
.redactor-link-tooltip a:hover {
    color: #fff
}
#redactor-droparea {
    position: relative;
    overflow: hidden;
    padding: 140px 20px;
    border: 3px dashed rgba(0, 0, 0, .1)
}
#redactor-droparea.drag-hover {
    background: rgba(200, 222, 250, .75)
}
#redactor-droparea.drag-drop {
    background: rgba(250, 248, 200, .5)
}
#redactor-droparea-placeholder {
    text-align: center;
    font-size: 12px
}
#redactor-progress {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000000;
    height: 10px
}
#redactor-progress span {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #3d58a8;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
    background-size: 40px 40px
}
@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}
@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}
#redactor-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    margin: auto;
    overflow: auto;
    width: 100%;
    height: 100%;
    background-color: #000!important;
    filter: alpha(opacity=30);
    -moz-opacity: .3;
    opacity: .3
}
#redactor-modal-box {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: auto
}
#redactor-modal {
    max-width: 60em;
    outline: 0;
    position: relative;
    margin: auto auto 20px;
    padding: 0;
    background: rgba(48, 53, 59, .98);
    color: #fff;
    font-size: 14px!important;
    font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
    box-shadow: 0 1px 70px rgba(0, 0, 0, .5)
}
#redactor-modal::after {
    display: table
}
#redactor-modal header {
    padding: 30px 40px 5px;
    font-size: 18px;
    font-weight: 700
}
#redactor-modal section {
    padding: 30px 40px 50px
}
#redactor-modal label {
    display: block;
    float: none!important;
    margin: 15px 0 3px!important;
    padding: 0
}
#redactor-modal input[type=checkbox],
#redactor-modal input[type=radio] {
    position: relative;
    top: -1px
}
#redactor-modal select {
    width: 100%
}
#redactor-modal input[type=url],
#redactor-modal input[type=text],
#redactor-modal input[type=email],
#redactor-modal input[type=password],
#redactor-modal textarea {
    position: relative;
    z-index: 2;
    margin: 0;
    padding: 5px 4px;
    height: 28px;
    border: 1px solid #ccc;
    border-radius: 1px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2) inset;
    color: #131413;
    width: 100%;
    font-size: 14px;
    font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
    -webkit-transition: border .3s ease-in;
    transition: border .3s ease-in
}
#redactor-modal input[type=url]:focus,
#redactor-modal input[type=text]:focus,
#redactor-modal input[type=email]:focus,
#redactor-modal input[type=password]:focus,
#redactor-modal textarea:focus {
    outline: 0;
    border-color: #5ca9e4;
    box-shadow: 0 0 0 2px rgba(70, 161, 231, .3), 0 1px 2px rgba(0, 0, 0, .2) inset
}
#redactor-modal input[type=url].redactor-input-error,
#redactor-modal input[type=text].redactor-input-error,
#redactor-modal input[type=email].redactor-input-error,
#redactor-modal input[type=password].redactor-input-error,
#redactor-modal textarea.redactor-input-error {
    border-color: #e82f2f;
    box-shadow: 0 0 0 2px rgba(232, 47, 47, .3), 0 1px 2px rgba(0, 0, 0, .2) inset
}
#redactor-modal textarea {
    display: block;
    margin-top: 4px;
    line-height: 1.4em
}
#redactor-modal-tabber {
    margin-bottom: 15px;
    font-size: 12px
}
#redactor-modal-tabber a {
    border: 1px solid #ddd;
    line-height: 1;
    padding: 8px 15px;
    margin-right: -1px;
    text-decoration: none
}
#redactor-modal-tabber a:hover {
    background-color: #1f78d8;
    border-color: #1f78d8;
    color: #fff
}
#redactor-modal-tabber a.active {
    cursor: default;
    background-color: #ddd;
    border-color: #ddd
}
#redactor-modal #redactor-modal-list {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
    max-height: 250px;
    overflow-x: auto
}
#redactor-modal #redactor-modal-list li {
    border-bottom: 1px solid #ddd
}
#redactor-modal #redactor-modal-list li:last-child {
    border-bottom: none
}
#redactor-modal #redactor-modal-list a {
    padding: 10px 5px;
    color: #000;
    text-decoration: none;
    font-size: 13px;
    display: block;
    position: relative
}
#redactor-modal #redactor-modal-list a:hover {
    background-color: #eee
}
#redactor-modal-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    text-align: right;
    color: #bbb;
    font-size: 30px;
    font-weight: 300;
    cursor: pointer
}
#redactor-modal-close:hover {
    color: #000
}
#redactor-modal footer button {
    margin: 10px;
    float: right;
    display: inline-block;
    border: 0;
    font-weight: 300;
    background: -webkit-linear-gradient(top, #3c9, #297f62);
    background: linear-gradient(to bottom, #3c9, #297f62);
    color: #fff;
    font-size: 14px;
    padding: 8px 20px;
    text-decoration: none;
    border-radius: 0;
    height: 30px;
    width: 130px!important
}
#redactor-modal footer button:hover {
    text-decoration: none
}
@media screen and (min-width: 40em) {
    #redactor-modal footer button {
        display: block;
        margin-right: 4.56432%;
        width: 47.71784%;
        float: right
    }
    #redactor-modal footer button:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 53.75em) {
    #redactor-modal footer button {
        display: block;
        margin-right: 4.56432%;
        width: 47.71784%;
        float: right
    }
    #redactor-modal footer button:last-child {
        margin-right: 0
    }
}
#redactor-modal footer button.redactor-modal-close-btn {
    margin: 10px
}
#redactor-modal footer button.redactor-modal-delete-btn {
    color: #fff;
    background: -webkit-linear-gradient(top, #3c9, #297f62);
    background: linear-gradient(to bottom, #3c9, #297f62);
    margin: 10px
}
#redactor-modal footer button.redactor-modal-delete-btn:hover {
    background-color: #297f62
}
#redactor-modal footer button.redactor-modal-action-btn {
    font-size: 14px;
    padding: 8px 20px;
    text-decoration: none;
    border-radius: 0;
    height: 30px;
    min-width: 100px;
    margin: 10px
}
#redactor-modal footer button.redactor-modal-action-btn:hover {
    text-decoration: none
}
.redactor-dropdown .redactor-formatting-blockquote {
    color: rgba(0, 0, 0, .4);
    font-style: italic
}
.redactor-dropdown .redactor-formatting-pre {
    font-family: monospace, sans-serif
}
.redactor-dropdown .redactor-formatting-h1 {
    font-size: 36px;
    line-height: 36px;
    font-weight: 700
}
.redactor-dropdown .redactor-formatting-h2 {
    font-size: 24px;
    line-height: 36px;
    font-weight: 700
}
.redactor-dropdown .redactor-formatting-h3 {
    font-size: 21px;
    line-height: 30px;
    font-weight: 700
}
.redactor-dropdown .redactor-formatting-h4 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 700
}
.redactor-dropdown .redactor-formatting-h5 {
    font-size: 16px;
    line-height: 23px;
    font-weight: 700
}
.redactor-editor code,
.redactor-editor pre {
    font-family: Menlo, Monaco, monospace, sans-serif
}
.redactor-editor blockquote,
.redactor-editor div,
.redactor-editor dl,
.redactor-editor ol,
.redactor-editor p,
.redactor-editor pre,
.redactor-editor table,
.redactor-editor ul {
    font-size: 12px;
    color: #494f4b;
    background: #1d2228
}
.redactor-editor embed,
.redactor-editor img,
.redactor-editor object,
.redactor-editor video {
    max-width: 100%;
    width: auto
}
.redactor-editor img,
.redactor-editor video {
    height: auto
}
.redactor-editor blockquote,
.redactor-editor div,
.redactor-editor dl,
.redactor-editor figure,
.redactor-editor ol,
.redactor-editor p,
.redactor-editor pre,
.redactor-editor table,
.redactor-editor ul {
    margin: 0;
    border: none;
    background: 0 0;
    box-shadow: none
}
.redactor-editor hr,
.redactor-editor iframe,
.redactor-editor object {
    margin-bottom: 15px
}
.redactor-editor blockquote {
    margin-left: 1.6em!important;
    padding-left: 0
}
.redactor-editor ol,
.redactor-editor ul {
    padding-left: 2em
}
.redactor-editor ol ol,
.redactor-editor ol ul,
.redactor-editor ul ol,
.redactor-editor ul ul {
    margin: 2px;
    padding: 0 0 0 2em;
    border: none
}
.redactor-editor ol ol li {
    list-style-type: lower-alpha
}
.redactor-editor ol ol ol li {
    list-style-type: lower-roman
}
.redactor-editor dl dt {
    font-weight: 700
}
.redactor-editor dd {
    margin-left: 1em
}
.redactor-editor table {
    border-collapse: collapse;
    font-size: 1em;
    width: 100%
}
.redactor-editor table td,
.redactor-editor table th {
    padding: 5px;
    border: 1px solid #ddd;
    vertical-align: top
}
.redactor-editor table th,
.redactor-editor table thead td {
    font-weight: 700;
    border-bottom-color: #888
}
.redactor-editor code {
    background-color: #d8d7d7
}
.redactor-editor pre {
    padding: 1em;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #f8f8f8;
    white-space: pre;
    font-size: 90%
}
.redactor-editor hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc
}
.redactor-editor h1,
.redactor-editor h2,
.redactor-editor h3,
.redactor-editor h4,
.redactor-editor h5,
.redactor-editor h6 {
    font-weight: 700;
    color: #000;
    padding: 0;
    background: 0 0;
    text-rendering: optimizeLegibility;
    margin: 0 0 .5em
}
.redactor-editor h1,
.redactor-editor h2,
.redactor-editor h3,
.redactor-editor h4 {
    line-height: 1.3
}
.redactor-editor h1 {
    font-size: 36px
}
.redactor-editor h2 {
    font-size: 24px;
    margin-bottom: .7em
}
.redactor-editor h3 {
    font-size: 21px
}
.redactor-editor h4 {
    font-size: 18px
}
.redactor-editor h5 {
    font-size: 16px
}
.redactor-editor h6 {
    font-size: 12px;
    text-transform: uppercase
}
.redactor-editor {
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #757C86;
    line-height: 1.3em
}
#redactor-modal footer button,
header.navigation ul li.nav-link>a {
    font-family: Arvo, serif
}
.redactor-editor h3 {
    color: #252525;
    margin: 0 0 14px
}
.redactor-editor p {
    color: #252525;
    font-size: 1em;
    margin-bottom: 14px
}
.redactor-editor ol,
.redactor-editor ul {
    list-style-type: disc;
    margin-bottom: 14px;
    margin-left: 3em
}
.redactor-editor ol {
    list-style-type: decimal
}
.redactor-editor strong {
    color: #252525
}
.redactor-editor blockquote {
    padding: 1em;
    margin: 0 0 14px;
    color: #fff;
    background: #30353b;
    font-style: italic
}
.redactor-editor blockquote>:last-of-type {
    margin-bottom: 0
}
.redactor-editor blockquote h3,
.redactor-editor blockquote ol,
.redactor-editor blockquote p,
.redactor-editor blockquote strong,
.redactor-editor blockquote ul {
    color: inherit
}
.redactor-editor a {
    color: #8A2BE2;
    text-decoration: underline;
    font-size: 12px;
    font-weight: 700
}
.redactor-editor .userLink {
    color: #252525;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none
}
#redactor-modal footer {
    padding-right: 30px;
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px
}
#redactor-modal footer::after {
    display: table
}
#redactor-modal-tabber a {
    color: #fff
}
#redactor-modal-tabber a.active {
    color: #494f4b
}
#redactor-droparea-placeholder {
    color: #fff
}
#redactor-modal footer .errorMessage {
    float: left;
    line-height: 50px;
    margin: 0
}
#redactor-modal footer button.redactor-modal-action-btn {
    color: #fff;
    background: -webkit-linear-gradient(top, #707070, #5c5c5c);
    background: linear-gradient(to bottom, #707070, #5c5c5c)
}
#redactor-modal footer button.redactor-modal-action-btn:hover {
    background: -webkit-linear-gradient(top, #5c5c5c, #707070);
    background: linear-gradient(to bottom, #5c5c5c, #707070);
    color: #fff;
    outline: 0
}
#redactor-modal footer button.redactor-modal-action-btn:disabled {
    background: rgba(112, 112, 112, .5);
    color: rgba(255, 255, 255, .5)
}
#redactor-modal footer button.redactor-modal-close-btn {
    color: #fff;
    background: -webkit-linear-gradient(top, #575f6a, #3c4249);
    background: linear-gradient(to bottom, #575f6a, #3c4249)
}
#redactor-modal footer button.redactor-modal-close-btn:hover {
    background: -webkit-linear-gradient(top, #3c4249, #575f6a);
    background: linear-gradient(to bottom, #3c4249, #575f6a);
    color: #fff
}
#redactor-modal footer button.redactor-modal-close-btn:disabled {
    background: rgba(87, 95, 106, .5);
    color: rgba(255, 255, 255, .5)
}
ul.redactor-toolbar.redactor-toolbar-external {
    border: none
}
.redactor-toolbar li a {
    zoom: 1;
    font-size: 16px;
    padding: 7.2px 9px
}
a.re-icon.re-threadOptions:before {
    font-family: johnIcons;
    content: "\ece4"
}
div.redactor-dropdown.redactor-dropdown-box-threadOptions {
    min-width: 100px;
    width: 100px;
    background-color: #30353b
}
div.redactor-dropdown.redactor-dropdown-box-threadOptions a {
    color: #fff;
    padding-left: 10px
}
div.redactor-dropdown.redactor-dropdown-box-threadOptions a:hover {
    background-color: #297f62
}
div.redactor-dropdown.redactor-dropdown-box-threadOptions a:before {
    font-family: johnIcons;
    margin-right: 10px
}
div.redactor-dropdown.redactor-dropdown-box-threadOptions a.redactor-dropdown-pin:before {
    content: "\ec46"
}
div.redactor-dropdown.redactor-dropdown-box-threadOptions a.redactor-dropdown-lock:before {
    content: "\ea00"
}
div.redactor-dropdown.redactor-dropdown-box-threadOptions a.redactor-dropdown-hide:before {
    content: "\e997"
}
.picker,
.picker__holder {
    width: 100%;
    position: absolute
}
.picker {
    font-size: 16px;
    text-align: left;
    line-height: 1.2;
    color: #000;
    z-index: 10000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.picker__input {
    cursor: default
}
.picker__input.picker__input--active {
    border-color: #0089ec
}
.picker__holder {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: #fff;
    border: 1px solid #aaa;
    border-top-width: 0;
    border-bottom-width: 0;
    border-radius: 0 0 5px 5px;
    box-sizing: border-box;
    min-width: 176px;
    max-width: 466px;
    max-height: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: translateY(-1em) perspective(600px) rotateX(10deg);
    transform: translateY(-1em) perspective(600px) rotateX(10deg);
    -webkit-transition: -webkit-transform .15s ease-out, opacity .15s ease-out, max-height 0s .15s, border-width 0s .15s;
    transition: -webkit-transform .15s ease-out, opacity .15s ease-out, max-height 0s .15s, border-width 0s .15s;
    transition: transform .15s ease-out, opacity .15s ease-out, max-height 0s .15s, border-width 0s .15s
}
/*!
* Classic picker styling for pickadate.js
* Demo: http://amsul.github.io/pickadate.js
*/

.picker__frame {
    padding: 1px
}
.picker__wrap {
    margin: -1px
}
.picker--opened .picker__holder {
    max-height: 25em;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    border-top-width: 1px;
    border-bottom-width: 1px;
    -webkit-transform: translateY(0) perspective(600px) rotateX(0);
    transform: translateY(0) perspective(600px) rotateX(0);
    -webkit-transition: -webkit-transform .15s ease-out, opacity .15s ease-out, max-height 0s, border-width 0s;
    transition: -webkit-transform .15s ease-out, opacity .15s ease-out, max-height 0s, border-width 0s;
    transition: transform .15s ease-out, opacity .15s ease-out, max-height 0s, border-width 0s;
    box-shadow: 0 6px 18px 1px rgba(0, 0, 0, .12)
}
.picker__footer,
.picker__header,
.picker__table {
    text-align: center
}
.picker__day--highlighted,
.picker__select--month:focus,
.picker__select--year:focus {
    border-color: #0089ec
}
.picker__box {
    padding: 0 1em
}
.picker__header {
    position: relative;
    margin-top: .75em
}
.picker__month,
.picker__year {
    font-weight: 500;
    display: inline-block;
    margin-left: .25em;
    margin-right: .25em
}
.picker__year {
    color: #999;
    font-size: .8em;
    font-style: italic
}
.picker__select--month,
.picker__select--year {
    border: 1px solid #b7b7b7;
    height: 2em;
    padding: .5em;
    margin-left: .25em;
    margin-right: .25em
}
.picker__select--month {
    width: 35%
}
.picker__select--year {
    width: 22.5%
}
.picker__nav--next,
.picker__nav--prev {
    position: absolute;
    padding: .5em 1.25em;
    width: 1em;
    height: 1em;
    box-sizing: content-box;
    top: -.25em
}
.picker__nav--prev {
    left: -1em;
    padding-right: 1.25em
}
.picker__nav--next {
    right: -1em;
    padding-left: 1.25em
}
@media (min-width: 24.5em) {
    .picker__select--month,
    .picker__select--year {
        margin-top: -.5em
    }
    .picker__nav--next,
    .picker__nav--prev {
        top: -.33em
    }
    .picker__nav--prev {
        padding-right: 1.5em
    }
    .picker__nav--next {
        padding-left: 1.5em
    }
}
.picker__nav--next:before,
.picker__nav--prev:before {
    content: " ";
    border-top: .5em solid transparent;
    border-bottom: .5em solid transparent;
    border-right: .75em solid #000;
    width: 0;
    height: 0;
    display: block;
    margin: 0 auto
}
.picker__nav--next:before {
    border-right: 0;
    border-left: .75em solid #000
}
.picker__nav--next:hover,
.picker__nav--prev:hover {
    cursor: pointer;
    color: #000;
    background: #b1dcfb
}
.picker__nav--disabled,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover,
.picker__nav--disabled:hover {
    cursor: default;
    background: 0 0;
    border-right-color: #f5f5f5;
    border-left-color: #f5f5f5
}
.picker--focused .picker__day--highlighted,
.picker__day--highlighted:hover,
.picker__day--infocus:hover,
.picker__day--outfocus:hover {
    color: #000;
    cursor: pointer;
    background: #b1dcfb
}
.picker__table {
    table-layout: fixed;
    font-size: inherit;
    width: 100%;
    margin-top: .75em;
    margin-bottom: .5em
}
@media (min-height: 33.875em) {
    .picker__table {
        margin-bottom: .75em
    }
}
.picker__table td {
    margin: 0;
    padding: 0
}
.picker__weekday {
    width: 14.285714286%;
    font-size: .75em;
    padding-bottom: .25em;
    color: #999;
    font-weight: 500
}
@media (min-height: 33.875em) {
    .picker__weekday {
        padding-bottom: .5em
    }
}
.picker__day {
    padding: .3125em 0;
    font-weight: 200;
    border: 1px solid transparent
}
.picker__day--today {
    position: relative
}
.picker__day--today:before {
    content: " ";
    position: absolute;
    top: 2px;
    right: 2px;
    width: 0;
    height: 0;
    border-top: .5em solid #0059bc;
    border-left: .5em solid transparent
}
.picker__day--disabled:before {
    border-top-color: #aaa
}
.picker__day--outfocus {
    color: #ddd
}
.picker--focused .picker__day--selected,
.picker__day--selected,
.picker__day--selected:hover {
    background: #0089ec;
    color: #fff
}
.picker--focused .picker__day--disabled,
.picker__day--disabled,
.picker__day--disabled:hover {
    background: #f5f5f5;
    border-color: #f5f5f5;
    color: #ddd;
    cursor: default
}
.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
    background: #bbb
}
.picker__button--clear,
.picker__button--close,
.picker__button--today {
    border: 1px solid #fff;
    background: #fff;
    font-size: .8em;
    padding: .66em 0;
    font-weight: 700;
    width: 33%;
    display: inline-block;
    vertical-align: bottom
}
.picker__button--clear:hover,
.picker__button--close:hover,
.picker__button--today:hover {
    cursor: pointer;
    color: #000;
    background: #b1dcfb;
    border-bottom-color: #b1dcfb
}
.picker__button--clear:focus,
.picker__button--close:focus,
.picker__button--today:focus {
    background: #b1dcfb;
    border-color: #0089ec;
    outline: 0
}
.picker__button--clear:before,
.picker__button--close:before,
.picker__button--today:before {
    position: relative;
    display: inline-block;
    height: 0
}
.picker__button--clear:before,
.picker__button--today:before {
    content: " ";
    margin-right: .45em
}
.picker__button--today:before {
    top: -.05em;
    width: 0;
    border-top: .66em solid #0059bc;
    border-left: .66em solid transparent
}
.picker__button--clear:before {
    top: -.25em;
    width: .66em;
    border-top: 3px solid #e20
}
.picker__button--close:before {
    content: "\D7";
    top: -.1em;
    vertical-align: top;
    font-size: 1.1em;
    margin-right: .35em;
    color: #777
}
.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
    background: #f5f5f5;
    border-color: #f5f5f5;
    color: #ddd;
    cursor: default
}
.picker__button--today[disabled]:before {
    border-top-color: #aaa
}
.picker--focused .picker__list-item--highlighted,
.picker__list-item--highlighted:hover,
.picker__list-item:hover {
    background: #b1dcfb;
    cursor: pointer;
    color: #000
}
.picker__list {
    list-style: none;
    padding: .75em 0 4.2em;
    margin: 0
}
.picker__list-item {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-bottom: -1px;
    position: relative;
    background: #fff;
    padding: .75em 1.25em
}
@media (min-height: 46.75em) {
    .picker__list-item {
        padding: .5em 1em
    }
}
.picker__list-item--highlighted,
.picker__list-item:hover {
    border-color: #0089ec;
    z-index: 10
}
.picker--focused .picker__list-item--selected,
.picker__list-item--selected,
.picker__list-item--selected:hover {
    background: #0089ec;
    color: #fff;
    z-index: 10
}
.picker--focused .picker__list-item--disabled,
.picker__list-item--disabled,
.picker__list-item--disabled:hover {
    background: #f5f5f5;
    color: #ddd;
    cursor: default;
    border-color: #ddd;
    z-index: auto
}
.picker--time .picker__button--clear {
    display: block;
    width: 80%;
    margin: 1em auto 0;
    padding: 1em 1.25em;
    background: 0 0;
    border: 0;
    font-weight: 500;
    font-size: .67em;
    text-align: center;
    text-transform: uppercase;
    color: #666
}
.picker--time .picker__button--clear:focus,
.picker--time .picker__button--clear:hover {
    background: #e20;
    border-color: #e20;
    cursor: pointer;
    color: #fff;
    outline: 0
}
.picker--time .picker__button--clear:before {
    top: -.25em;
    color: #666;
    font-size: 1.25em;
    font-weight: 700
}
.picker--time .picker__button--clear:focus:before,
.picker--time .picker__button--clear:hover:before {
    color: #fff;
    border-color: #fff
}
.picker--time {
    min-width: 256px;
    max-width: 320px
}
.picker--time .picker__holder {
    background: #f2f2f2
}
@media (min-height: 40.125em) {
    .picker--time .picker__holder {
        font-size: .875em
    }
}
.picker--time .picker__box {
    padding: 0;
    position: relative
}
header.navigation,
navbar {
    width: 100%;
    position: fixed
}
.spinner {
    padding: 5px 10px;
    -moz-animation-name: spin;
    -moz-animation-duration: .5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: .5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -webkit-animation-name: spin;
    animation-name: spin;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}
@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}
@keyframes spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
.stop-scrolling {
    height: 100%;
    overflow: hidden;
    width: 100%
}
navbar {
    z-index: 1000
}
header.navigation {
    box-shadow: 0 3px 3px rgba(0, 0, 0, .23), 0 3px 6px rgba(0, 0, 0, .16);
    background: rgba(53, 53, 53, .95);
    height: 64px;
    margin-bottom: 2rem
}
.notifications .dropdown,
.notifications .dropdown .notif {
    box-shadow: 0 1.5px 1px rgba(0, 0, 0, .24), 0 1.5px 3px rgba(0, 0, 0, .12)
}
header.navigation .navigation-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 60em;
    max-height: 64px;
    background: rgba(53, 53, 53, .95);
    position: relative
}
header.navigation .navigation-wrapper::after {
    display: table
}
header.navigation .nav-header {
    position: relative;
    z-index: 1100;
    height: 64px;
    background: rgba(53, 53, 53, .95)
}
header.navigation .nav-header span.icon {
    cursor: pointer
}
header.navigation .nav-header .logo {
    display: block;
    width: 65.14523%;
    margin-right: 0;
    float: left;
    max-height: 64px;
    text-align: center
}
header.navigation .nav-header .logo:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    header.navigation {
        margin-bottom: 0
    }
    header.navigation .nav-header .logo {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 47.71784%
    }
    header.navigation .nav-header .logo:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 53.75em) {
    header.navigation .nav-header {
        height: auto
    }
    header.navigation .nav-header .logo {
        float: left;
        display: block;
        width: 21.57676%;
        margin-right: 0;
        border-right: none;
        text-align: left
    }
    header.navigation .nav-header .logo:last-child {
        margin-right: 0
    }
}
header.navigation .nav-header .logo img {
    height: auto;
    max-height: 64px;
    max-width: 100%;
    padding: .5em 0;
    margin: 0
}
header.navigation .nav-header .navigation-menu-button {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 12.86307%;
    line-height: 64px;
    height: 64px;
    text-align: center
}
header.navigation .nav-header .navigation-menu-button:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    header.navigation .nav-header .navigation-menu-button {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 21.57676%
    }
    header.navigation .nav-header .navigation-menu-button:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 53.75em) {
    header.navigation .nav-header .navigation-menu-button {
        display: none!important
    }
}
header.navigation .nav-header .navigation-menu-button:focus,
header.navigation .nav-header .navigation-menu-button:hover {
    color: #8A2BE2
}
header.navigation .nav-header .navigation-menu-button img {
    margin-top: 20px
}
header.navigation .nav-header .navigation-menu-button.notifs {
    display: block;
    margin-right: 4.56432%;
    width: 12.86307%;
    float: right
}
header.navigation .nav-header .navigation-menu-button.notifs:last-child {
    margin-right: 0
}
header.navigation .nav-header .navigation-menu-button.notifs img {
    margin: 0;
    padding: 0
}
header.navigation .nav-header .closeBtn,
header.navigation .nav-header .search {
    display: none
}
header.navigation .nav-header .notifs,
header.navigation .nav-header .openBtn,
header.navigation.open .nav-header .closeBtn,
header.navigation.open .nav-header .search {
    display: block
}
header.navigation.open .nav-header .notifs,
header.navigation.open .nav-header .openBtn {
    display: none
}
header.navigation nav {
    height: 0
}
header.navigation nav.open {
    height: 100vh
}
header.navigation nav .navContentWrapper {
    padding-top: 10px;
    padding-bottom: 70px;
    overflow-y: overlay;
    height: calc(100vh - 64px);
    width: 100%;
    position: relative;
    left: -100%;
    -webkit-transition: left .3s ease-in-out;
    transition: left .3s ease-in-out;
    background: rgba(53, 53, 53, .95)
}
@media screen and (min-width: 53.75em) {
    header.navigation nav {
        display: block
    }
    header.navigation nav .navContentWrapper {
        display: none
    }
}
header.navigation nav.open .navContentWrapper {
    left: 0
}
header.navigation nav .nav-bottom-container {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%;
    background-color: rgba(53, 53, 53, .95)
}
header.navigation nav .nav-bottom-container:last-child {
    margin-right: 0
}
@media screen and (min-width: 53.75em) {
    header.navigation nav .nav-bottom-container {
        display: none
    }
}
header.navigation nav .nav-bottom-container .mobile-userInfo {
    position: relative
}
header.navigation nav .nav-action-container {
    margin: 0 20px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    padding-bottom: 20px
}
header.navigation nav .nav-action-container ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 0
}
header.navigation nav .nav-action-container ul li {
    height: 40px;
    background: #1d2228
}
header.navigation nav .nav-action-container .nav-action {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    margin-right: 10px
}
header.navigation nav .nav-action-container .nav-action:last-child {
    margin-right: 0
}
header.navigation nav .nav-action-container .nav-action>img {
    vertical-align: middle
}
header.navigation nav .nav-action-container .signInWrapper .signIn {
    display: block;
    margin-right: 4.56432%;
    width: 100%;
    float: none;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    cursor: pointer
}
header.navigation nav .nav-action-container .signInWrapper .signIn:last-child {
    margin-right: 0
}
header.navigation nav .mobile-userInfo {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%;
    padding: 0 20px 10px;
    position: fixed;
    left: 0;
    bottom: 0
}
header.navigation nav .mobile-userInfo:last-child {
    margin-right: 0
}
@media screen and (min-width: 53.75em) {
    header.navigation nav .mobile-userInfo {
        display: none
    }
}
header.navigation nav .mobile-userInfo .userInfo {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
header.navigation nav .mobile-userInfo .userInfo:last-child {
    margin-right: 0
}
header.navigation nav .mobile-userInfo .userInfo a.userAvatar {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 21.57676%;
    width: 50px;
    height: 50px
}
header.navigation nav .mobile-userInfo .userInfo a.userAvatar:last-child {
    margin-right: 0
}
header.navigation nav .mobile-userInfo .userInfo a.username {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 39.00415%
}
header.navigation nav .mobile-userInfo .userInfo a.username:last-child {
    margin-right: 0
}
header.navigation nav .mobile-userInfo .userInfo a.username h3 {
    font-size: 1em;
    vertical-align: super;
    margin-top: 18px
}
header.navigation nav .mobile-userInfo .userInfo a.settingsIcon {
    display: block;
    width: 12.86307%;
    width: 16px;
    height: 16px;
    float: right;
    margin-top: 15px;
    margin-right: 4.56432%
}
header.navigation nav .mobile-userInfo .userInfo a.settingsIcon:last-child {
    margin-right: 4.56432%
}
header.navigation nav .mobile-userInfo .userInfo a.signOutIcon {
    display: block;
    width: 12.86307%;
    width: 16px;
    height: 16px;
    float: right;
    margin-top: 16px;
    margin-right: 0
}
header.navigation nav .mobile-userInfo .userInfo a.signOutIcon:last-child {
    margin-right: 0
}
header.navigation nav .mobile-userInfo .signOut {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    cursor: pointer
}
header.navigation nav .mobile-userInfo .signOut:last-child {
    margin-right: 0
}
header.navigation nav #marketingLoginButtonsContainer {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    right: 0;
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}
header.navigation nav #marketingLoginButtonsContainer ul {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0
}
header.navigation nav #marketingLoginButtonsContainer ul li {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-left: 8px;
    padding-right: 8px;
    background-color: #1d2228;
    height: 40px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px
}
header.navigation nav #marketingLoginButtonsContainer ul li:last-child {
    margin-right: 0
}
header.navigation nav #marketingLoginButtonsContainer ul li.userSettingsIcon {
    background: 0 0
}
header.navigation nav #marketingLoginButtonsContainer ul li a {
    padding-left: 0;
    color: #fff;
    font-weight: 700;
    font-size: 14px
}
header.navigation nav #marketingLoginButtonsContainer ul li a p {
    font-weight: 700;
    margin: 0
}
header.navigation nav #marketingLoginButtonsContainer ul li a .icon-signOut {
    cursor: pointer
}
header.navigation ul.navigation-menu {
    -webkit-transform-style: preserve-3d;
    clear: both;
    margin: 0 auto;
    overflow: auto;
    padding: 0;
    width: 100%
}
header.navigation ul.navigation-menu.desktop-only {
    display: none
}
@media screen and (min-width: 53.75em) {
    header.navigation ul.navigation-menu.desktop-only {
        display: inline
    }
    header.navigation ul.navigation-menu {
        width: 100%;
        display: inline;
        margin: 0;
        padding: 0;
        height: auto;
        background: 0 0
    }
}
header.navigation ul li.nav-link {
    display: block;
    line-height: 45px;
    overflow: hidden;
    width: 100%
}
@media screen and (min-width: 53.75em) {
    header.navigation ul li.nav-link {
        background: 0 0;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        line-height: 64px;
        text-decoration: none;
        width: auto
    }
}
header.navigation ul li.nav-link span {
    cursor: pointer
}
header.navigation ul li.nav-link.logout {
    float: right;
    cursor: pointer
}
header.navigation ul li.nav-link.desk {
    display: none
}
@media screen and (min-width: 53.75em) {
    header.navigation ul li.nav-link.desk {
        display: inline
    }
}
header.navigation ul li.nav-link:before {
    text-decoration: none;
    content: none
}
header.navigation ul li.nav-link>a {
    display: inline-block;
    text-decoration: none;
    padding-left: 1em;
    padding-right: 1em;
    color: #fff;
    font-size: 1.12em;
    font-weight: 400;
    text-transform: uppercase;
    width: 100%
}
header.navigation ul li.nav-link>a.active,
header.navigation ul li.nav-link>a:focus,
header.navigation ul li.nav-link>a:hover {
    color: #8A2BE2;
    background: rgba(0, 0, 0, .2)
}
@media screen and (min-width: 53.75em) {
    header.navigation ul li.nav-link>a {
        width: auto;
        font-size: 1.02em
    }
}
.banner {
    padding-top: 70px;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px
}
.banner img.bannerImage {
    min-width: 100%;
    height: auto
}
@media screen and (min-width: 40em) {
    .banner {
        padding-top: 70px;
        margin-bottom: 10px
    }
    .banner img.bannerImage {
        width: 100%;
        max-height: 280px
    }
}
.banner .imageContainer {
    max-height: 280px
}
.notifications {
    height: 100%;
    position: relative
}
.notifications span.notifsToggle {
    height: 100%;
    cursor: pointer
}
.notifications .unreadCount {
    padding: 2px 0 0;
    border-radius: 50%;
    color: #fff;
    background: #8A2BE2;
    font-size: 12px;
    font-weight: 400;
    width: 20px;
    height: 20px;
    text-align: center;
    margin: 18px 20px 10px;
    cursor: pointer;
    line-height: normal
}
.notifications .backdrop {
    position: fixed;
    top: 60px;
    left: 0;
    background-color: rgba(0, 0, 0, .75);
    height: 100vh;
    width: 100vw;
    z-index: 1000
}
@media screen and (min-width: 53.75em) {
    .notifications .unreadCount {
        margin: 3px 20px 10px
    }
    .notifications .backdrop {
        background-color: transparent
    }
}
.notifications .dropdown {
    position: fixed;
    left: 50%;
    margin-left: calc((100% - 20px)/ -2);
    top: 60px;
    background-color: #1d2228;
    z-index: 999999999;
    width: calc(100% - 20px);
    text-align: left
}
.notifications .dropdown .notif,
.notifications .dropdown ul li {
    margin-left: auto;
    margin-right: auto;
    background-color: #1d2228;
    max-width: 60em
}
@media screen and (min-width: 53.75em) {
    .notifications .dropdown {
        position: absolute;
        top: 40px;
        left: -240px;
        width: 320px
    }
}
.notifications .dropdown .notification-header {
    line-height: 12px;
    z-index: inherit;
    padding: 10px
}
.notifications .dropdown .notification-header::after {
    clear: both;
    content: "";
    display: table
}
.notifications .dropdown .notification-header p {
    font-size: 12px;
    font-weight: 700;
    line-height: inherit;
    display: inline
}
.notifications .dropdown .notification-header a {
    font-size: 12px;
    line-height: inherit;
    color: #fff;
    font-family: Arial, sans-serif;
    font-weight: 400;
    text-decoration: underline;
    float: right
}
.notifications .dropdown .notification-header a:hover {
    color: #8A2BE2
}
.notifications .dropdown ul {
    max-height: calc(99vh - 100px);
    overflow: auto;
    margin-top: 0
}
.notifications .dropdown ul li {
    cursor: pointer;
    padding: 10px 10px 0
}
.notifications .dropdown ul li::after {
    clear: both;
    content: "";
    display: table
}
.notifications .dropdown ul li a {
    display: block;
    padding: 0
}
.notifications .dropdown ul li a::after {
    clear: both;
    content: "";
    display: table
}
.notifications .dropdown ul li:first-child {
    padding-top: 0
}
.notifications .dropdown ul li:last-child {
    padding-bottom: 10px;
    border-bottom: none
}
.notifications .dropdown .notif {
    float: left;
    display: block;
    width: 100%;
    position: relative;
    color: #fff;
    font-size: 14px;
    vertical-align: middle;
    padding: 10px
}
.notifications .dropdown .notif:last-child {
    margin-right: 0
}
.notifications .dropdown .notif::after {
    clear: both;
    content: "";
    display: table
}
.notifications .dropdown .notif img.avatar {
    margin: 0 4.56432% 0 0;
    padding: 0!important;
    float: left;
    display: block;
    width: 14.60581%
}
.notifications .dropdown .notif img.avatar:last-child {
    margin-right: 0
}
.notifications .dropdown .notif span.close {
    padding: 0;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 25%;
    right: 10px;
    font-size: 16px
}
.notifications .dropdown .notif .notifText {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 82.57261%;
    padding-left: 10px;
    color: #fff;
    font-family: Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
    padding-right: 15px;
    text-transform: none
}
.notificationsPage .notification-header::after,
.notificationsPage::after {
    display: table;
    content: "";
    clear: both
}
.notifications .dropdown .notif .notifText:last-child {
    margin-right: 0
}
.notifications .dropdown .notif .notifText strong {
    font-weight: 400;
    color: #fff
}
.notifications .dropdown .notif:hover {
    background-color: #2c343d
}
.notifications .dropdown .notif.unread {
    background-color: #30353b;
    box-shadow: none
}
.notifications .dropdown .notif.unread:hover {
    background-color: #2c343d
}
.notifications .dropdown .buttonContainer {
    border-left: 10px #1d2228 solid;
    border-right: 10px #1d2228 solid;
    border-bottom: 10px #1d2228 solid
}
.notifications .dropdown .buttonContainer a {
    padding: 0
}
.notifications .dropdown .buttonContainer button {
    width: 100%
}
.notifications .dropdown .noNotifications {
    color: #fff;
    font-size: 14px;
    text-align: center;
    font-family: Arial, sans-serif
}
.notificationsPage {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    padding: 20px
}
.notificationsPage .notification-header {
    line-height: 12px;
    z-index: inherit;
    background: #1d2228;
    padding: 10px 10px 0
}
.notificationsPage .notification-header p {
    font-size: 12px;
    font-weight: 700;
    line-height: inherit;
    display: inline;
    float: left;
    margin: 0
}
.notificationsPage .notification-header a {
    font-size: 12px;
    line-height: inherit;
    color: #fff;
    font-family: Arial, sans-serif;
    font-weight: 400;
    text-decoration: underline;
    float: right
}
.notificationsPage .notification-header a:hover {
    color: #8A2BE2
}
.notificationsPage ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, .23), 0 3px 6px rgba(0, 0, 0, .16);
    margin-top: 0
}
.notificationsPage ul li {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    background-color: #1d2228;
    padding: 10px 10px 0
}
.notificationsPage ul li::after {
    clear: both;
    content: "";
    display: table
}
.notificationsPage ul li a {
    display: block;
    padding: 0
}
.notificationsPage ul li:last-child {
    padding-bottom: 10px;
    border-bottom: none
}
.notificationsPage .notif {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%;
    box-shadow: 0 1.5px 1px rgba(0, 0, 0, .24), 0 1.5px 3px rgba(0, 0, 0, .12);
    color: #fff;
    font-size: 14px;
    vertical-align: middle;
    padding: 10px;
    background-color: #1d2228;
    position: relative
}
.notificationsPage .notif span.close:hover,
.notificationsPage .notif:hover {
    background-color: #474e57
}
.notificationsPage .notif:last-child {
    margin-right: 0
}
.notificationsPage .notif img.avatar {
    margin: 0 4.56432% 0 0;
    padding: 0!important;
    float: left;
    display: block;
    width: 12.86307%
}
.notificationsPage .notif img.avatar:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .notificationsPage .notif img.avatar {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 5.02075%
    }
    .notificationsPage .notif img.avatar:last-child {
        margin-right: 0
    }
}
.notificationsPage .notif span.close {
    position: absolute;
    right: 10px;
    top: 28%;
    font-size: 17px
}
.notificationsPage .notif .notifText {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 82.57261%;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    font-family: Arial, sans-serif;
    font-weight: 400;
    font-size: 12px
}
.actionBar,
.notificationsPage .buttonContainer button {
    width: 100%
}
.notificationsPage .notif .notifText:last-child {
    margin-right: 0
}
.notificationsPage .notif .notifText strong {
    font-weight: 400;
    color: #fff
}
.actionBar,
.actionBar .displayName p {
    font-weight: 700;
    color: #fff;
    font-family: Arial, sans-serif;
    text-transform: none
}
.notificationsPage .notif.unread {
    background-color: #30353b;
    box-shadow: none
}
.notificationsPage .notif.unread:hover {
    background-color: #474e57
}
.notificationsPage .buttonContainer {
    padding: 0 10px 10px;
    background-color: #1d2228
}
.notificationsPage .noNotifications {
    color: #fff;
    font-size: 14px;
    text-align: center;
    font-family: Arial, sans-serif
}
.actionBar {
    float: left;
    margin-right: 4.56432%;
    display: none
}
.actionBar:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .actionBar {
        display: block
    }
}
.actionBar .displayName,
.actionBar .logout,
.actionBar .userPicture,
.actionBar .userSettings {
    display: inline;
    float: left;
    background: rgba(48, 53, 59, .6);
    height: 40px
}
.actionBar .userInfo {
    float: left
}
.actionBar .userPicture {
    width: 40px;
    margin-right: 2px
}
.actionBar .userPicture img {
    width: 40px;
    height: 40px
}
.actionBar .displayName {
    margin-right: 2px
}
.actionBar .displayName p {
    font-size: 14px;
    padding: 10px
}
.actionBar .userSettings {
    margin-right: 2px;
    padding: 8px 10px 6px
}
.actionBar .logout {
    cursor: pointer;
    padding: 8px 10px 3px
}
.actionBar .tools {
    float: right;
    margin: 0;
    height: 40px
}
.actionBar .tools .notifsTool {
    padding-top: 8px
}
.actionBar .tools .tool {
    max-width: 60em;
    margin-right: auto;
    background: rgba(48, 53, 59, .6);
    display: inline-block;
    margin-left: 5px;
    height: 40px;
    cursor: pointer;
    float: left
}
.breadCrumbs,
.breadCrumbs ul {
    background-color: rgba(29, 34, 40, .98)
}
.actionBar .tools .tool::after {
    clear: both;
    content: "";
    display: table
}
.actionBar .tools .tool:before {
    content: none
}
.actionBar .tools .tool:first-of-type {
    margin-left: 0
}
.actionBar .tools .tool img {
    padding: 12px 22px 10px
}
.actionBar .tools .tool .icon {
    padding: 12px 22px 10px;
    font-weight: 400
}
.actionBar .tools .tool>span {
    line-height: 40px;
    padding: 0 10px
}
.actionBar .guestDetails {
    color: #fff
}
.breadCrumbs {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.breadCrumbs::after {
    clear: both;
    content: "";
    display: table
}
.breadCrumbs ul {
    white-space: nowrap;
    margin: 0;
    padding: 14px 20px 15px 15px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}
.breadCrumbs ul li {
    margin: 0 5px;
    display: inline-block;
    max-width: 100px
}
.breadCrumbs ul li a {
    padding-left: 0;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: none;
    cursor: pointer;
    text-overflow: ellipsis
}
.breadCrumbs ul li a:hover {
    color: #8A2BE2
}
.breadCrumbs ul li:before {
    content: none
}
.breadCrumbs ul li:after {
    padding-left: 5px;
    content: " \25B8";
    color: #fff
}
.breadCrumbs ul li:last-of-type:after {
    content: none
}
.breadCrumbs ul .currentLink {
    color: #fff;
    cursor: default
}
.breadCrumbs ul .currentLink:hover {
    color: #fff
}
.breadCrumbs .manageSettingsIcon {
    margin-right: 20px
}
.footer-breadcrumbs {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: 5px
}
.marketingPage {
    overflow-x: hidden
}
.marketingPage .marketing-section {
    position: relative;
    line-height: 0;
    min-height: 35em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}
.marketingPage .marketing-section:first-child {
    margin-top: 0
}
.marketingPage .marketing-section .background-image {
    width: 100%;
    height: 35em
}
.marketingPage .marketing-section .divider {
    box-shadow: 0 3px 3px rgba(0, 0, 0, .23), 0 3px 6px rgba(0, 0, 0, .16);
    height: 2em;
    width: 100%;
    background: rgba(53, 53, 53, .95);
    margin-top: auto
}
.marketingPage .marketing-section:last-of-type {
    box-shadow: none
}
.marketingPage .marketing-section:last-of-type .divider {
    display: none
}
.marketingPage .contentWrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 20px
}
.marketingPage .marketing-container {
    background-color: rgba(29, 34, 40, .4);
    line-height: 1em;
    max-width: 60em;
    margin-left: auto;
    margin-right: auto
}
.marketingPage .marketing-container h3 {
    padding: 1em 1em .5em;
    font-size: 1.5em;
    font-weight: 400
}
.marketingPage .introSection {
    z-index: 3;
    min-height: 0;
    height: 20em
}
.marketingPage .introSection .background-image {
    max-width: none;
    width: auto;
    height: 20em;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%)
}
.marketingPage .introSection .contentWrapper {
    padding-bottom: 0
}
.marketingPage .introSection .introContainer {
    left: 20%;
    top: 75%;
    background-color: rgba(29, 34, 40, .4);
    margin-top: auto;
    padding-bottom: 10px;
    text-align: center
}
.marketingPage .introSection .introContainer h3 {
    font-size: 1.2em;
    font-family: Arvo, serif
}
@media screen and (min-width: 40em) {
    .marketingPage .introSection {
        height: 35em
    }
    .marketingPage .introSection .introContainer {
        width: 60%;
        padding-bottom: 20px
    }
    .marketingPage .introSection .introContainer h3 {
        font-size: 1.5em
    }
}
.marketingPage .aboutSection {
    z-index: 2;
    padding-top: 2em
}
.marketingPage .aboutSection .background-image {
    max-width: none;
    width: auto;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%)
}
.marketingPage .aboutSection .contentWrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.marketingPage .aboutSection .aboutContainer {
    display: block;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    left: 15%;
    top: 15%;
    width: 70%;
    min-height: 0;
    height: auto;
    padding: 30px
}
.marketingPage .aboutSection .aboutContainer .aboutMessageWrapper {
    margin-right: 0;
    margin-bottom: 30px;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}
.marketingPage .aboutSection .aboutContainer p.aboutMessage {
    text-transform: none;
    font-family: Arvo, serif;
    line-height: 1.4em;
    margin-bottom: 0
}
.marketingPage .aboutSection .aboutContainer .aboutImage,
.marketingPage .aboutSection .aboutContainer iframe {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    max-height: 400px;
    min-height: 150px
}
.marketingPage .aboutSection .aboutContainer .aboutImage {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.marketingPage .aboutSection .aboutContainer .aboutImage img {
    height: 14em;
    margin: auto
}
@media screen and (min-width: 40em) {
    .marketingPage .aboutSection {
        min-height: 40em;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .marketingPage .aboutSection .aboutContainer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .marketingPage .aboutSection .aboutContainer .aboutMessageWrapper {
        -webkit-flex-basis: 40%;
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        margin-bottom: 0;
        margin-right: 20px
    }
    .marketingPage .aboutSection .aboutContainer p.aboutMessage {
        font-size: 1.2em
    }
    .marketingPage .aboutSection .aboutContainer .aboutImage,
    .marketingPage .aboutSection .aboutContainer iframe {
        -webkit-flex-basis: 60%;
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        max-height: 400px;
        min-height: 300px
    }
    .marketingPage .aboutSection .aboutContainer .aboutImage {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 100%
    }
    .marketingPage .aboutSection .aboutContainer .aboutImage img {
        height: 20em
    }
}
.marketingPage .gallerySection {
    z-index: 1
}
.marketingPage .gallerySection .background-image {
    max-width: none;
    width: auto;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%)
}
.marketingPage .gallerySection .galleryContainer {
    background-color: transparent;
    top: 0;
    width: 100%;
    height: 100%
}
.marketingPage .gallerySection .galleryContainer h3 {
    text-align: center;
    font-size: 2em;
    text-shadow: 1px 1px 2px #000;
    display: inline-block;
    padding: 10px 20px;
    margin: 0;
    background-color: rgba(29, 34, 40, .4)
}
.marketingPage .gallerySection .galleryContainer .headerWrapper {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center
}
.marketingPage .gallerySection .galleryContainer .imageGalleryWrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 10px
}
.marketingPage .gallerySection .galleryContainer .imageGalleryWrapper media-image-gallery {
    -webkit-flex-basis: 90%;
    -ms-flex-preferred-size: 90%;
    flex-basis: 90%;
    height: auto
}
.marketingPage .gallerySection .galleryContainer .imageGalleryWrapper media-image-gallery .image-gallery .image-gallery-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.marketingPage .gallerySection .galleryContainer .imageGalleryWrapper media-image-gallery .image-gallery .image-gallery-container .control-container {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}
.marketingPage .gallerySection .galleryContainer .imageGalleryWrapper media-image-gallery .image-gallery .image-gallery-container .control-container .image-container {
    box-shadow: 0 3px 3px rgba(0, 0, 0, .23), 0 3px 6px rgba(0, 0, 0, .16);
    max-height: 350px;
    height: 350px;
    width: auto;
    background-color: rgba(29, 34, 40, .4)
}
.marketingPage .gallerySection .galleryContainer .imageGalleryWrapper media-image-gallery .image-gallery .image-gallery-container .control-container .image-container img {
    max-height: 100%;
    width: auto
}
.marketingPage .gallerySection .galleryContainer .imageGalleryWrapper media-image-gallery .image-gallery .image-gallery-container .indicator-container {
    box-shadow: 0 3px 3px rgba(0, 0, 0, .23), 0 3px 6px rgba(0, 0, 0, .16);
    background-color: rgba(29, 34, 40, .4);
    padding: 15px;
    margin: 10px auto 0
}
@media screen and (min-width: 40em) {
    .marketingPage .gallerySection .galleryContainer .imageGalleryWrapper media-image-gallery {
        -webkit-flex-basis: 60%;
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%
    }
}
.manageMarketingPage {
    padding: 20px
}
.manageMarketingPage p {
    margin: 0
}
.manageMarketingPage .base-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.manageMarketingPage .base-container .section-wrapper {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.manageMarketingPage .base-container .section-wrapper .data-container {
    margin-top: 5px
}
@media screen and (min-width: 40em) {
    .manageMarketingPage .base-container .section-wrapper {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .manageMarketingPage .base-container .section-wrapper .data-container {
        margin-top: 0
    }
}
@media screen and (min-width: 53.75em) {
    .manageMarketingPage .base-container .section-wrapper {
        margin-left: 20px
    }
    .manageMarketingPage .base-container .section-wrapper:first-child {
        margin-left: 0
    }
}
.manageMarketingPage .actionButtonsContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.manageMarketingPage .actionButtonsContainer button {
    margin-left: 10px
}
.manageMarketingPage .actionButtonsContainer button:first-child {
    margin-left: auto
}
.manageMarketingPage .title-container {
    margin-right: 10px;
    margin-bottom: auto;
    -webkit-flex-basis: 150px;
    -ms-flex-preferred-size: 150px;
    flex-basis: 150px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.manageMarketingPage .title-container p {
    font-size: 12px;
    margin: 0;
    line-height: 1
}
.manageMarketingPage .title-container .title {
    font-weight: 700
}
.manageMarketingPage .title-container .title:first-child {
    margin-bottom: 3px
}
.manageMarketingPage .title-container .sub-title {
    color: #e6bb60
}
.manageMarketingPage .data-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.manageMarketingPage .data-container input[type=text],
.manageMarketingPage .data-container textarea {
    margin: 0;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .23), 0 3px 6px rgba(0, 0, 0, .16);
    background: #fff;
    resize: none
}
.manageMarketingPage .data-container textarea {
    height: 80px;
    width: 300px
}
.manageMarketingPage .data-container input[type=text] {
    height: 40px;
    width: 300px
}
.manageMarketingPage .data-container .charCount-wrapper .charCount {
    top: 0;
    line-height: 1
}
.manageMarketingPage .section-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.manageMarketingPage .removeLink {
    cursor: pointer;
    color: #e6bb60;
    text-decoration: underline
}
.manageMarketingPage .aboutHeroContainer {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.manageMarketingPage .aboutHeroContainer .section-wrapper {
    -webkit-flex-basis: 48%;
    -ms-flex-preferred-size: 48%;
    flex-basis: 48%
}
.manageMarketingPage .aboutHeroContainer .orWrapper {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px
}
.manageMarketingPage .aboutHeroContainer .orWrapper p {
    color: #fff
}
.manageMarketingPage .fileUpload button {
    min-width: 0;
    padding-left: 1.4em;
    padding-right: 1.4em
}
.modal label {
    cursor: pointer;
    margin-bottom: 0
}
.modal label img {
    border-radius: 150px;
    display: block;
    max-width: 300px
}
.modal .modal-fade-screen {
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .85);
    padding-top: .6em;
    text-align: left;
    z-index: 99999999999
}
@media screen and (min-width: 53.75em) {
    .modal .modal-fade-screen {
        padding-top: 10em
    }
}
.modal .modal-fade-screen .modal-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer
}
.modal .modal-close {
    position: absolute;
    top: 1.5em;
    right: 1.5em;
    height: 1.5em;
    width: 1.5em;
    background: #30353b;
    cursor: pointer
}
.modal .modal-close:after,
.modal .modal-close:before {
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 0;
    left: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 1.5em;
    width: .15em;
    background: #551501;
    content: '';
    display: block;
    margin: -3px 0 0 -1px
}
.mediaPage::after,
media-image-gallery::after {
    content: "";
    clear: both
}
.modal .modal-close:hover:after,
.modal .modal-close:hover:before {
    background: #230900
}
.modal .modal-close:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.modal .modal-inner {
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    background: #30353b;
    border-radius: 6px;
    margin: auto;
    max-height: 95%;
    overflow: auto;
    padding: 20px;
    position: relative;
    width: 95%
}
@media screen and (min-width: 40em) {
    .modal .modal-inner {
        max-height: 90%;
        padding: 20px;
        width: 60%
    }
    .modal .modal-inner .modal-content {
        -webkit-columns: 2 8em;
        -moz-columns: 2 8em;
        columns: 2 8em
    }
}
@media screen and (min-width: 53.75em) {
    .modal .modal-inner {
        width: 50%
    }
}
.modal .modal-inner h1 {
    font-size: 18px;
    font-family: Arial, sans-serif;
    color: #fff;
    text-align: left;
    font-weight: 400;
    margin: 0 0 10px
}
.modal .modal-inner p {
    font-size: 14px;
    line-height: 1.5
}
.modal .modal-inner button {
    float: right;
    margin-left: 10px;
    margin-top: 10px
}
.modal .modal-inner .modal-intro {
    font-weight: 800
}
.modal .modal-inner .modal-content {
    color: #594C4F
}
.modal .modal-inner a.cta {
    color: #fff;
    display: inline-block;
    margin-right: .5em;
    margin-top: 1em
}
.modal .modal-inner a.cta:last-child {
    padding: 0 2em
}
.modal .modal-state:checked+.modal-fade-screen {
    opacity: 1;
    visibility: visible
}
.modal .modal-state:checked+.modal-fade-screen .modal-inner {
    top: .5em
}
.modal-open {
    overflow: hidden
}
.mediaPage {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    padding: 20px
}
.mediaPage::after {
    display: table
}
.mediaPage .base-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.mediaPage .base-container .section-wrapper {
    margin-left: 20px
}
.mediaPage .base-container .section-wrapper:first-child {
    margin-left: 0
}
.mediaPage .left {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%;
    margin-bottom: 20px
}
.mediaPage .left:last-child {
    margin-right: 0
}
@media screen and (min-width: 53.75em) {
    .mediaPage .left {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 65.14523%;
        margin-bottom: 0
    }
    .mediaPage .left:last-child {
        margin-right: 0
    }
}
.mediaPage .left .featuredVideoContainer .video-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    background-color: #30353b
}
.mediaPage .left .featuredVideoContainer .video-container iframe {
    margin: auto
}
.mediaPage .right {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.mediaPage .right:last-child {
    margin-right: 0
}
@media screen and (min-width: 53.75em) {
    .mediaPage .right {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 30.29046%
    }
    .mediaPage .right:last-child {
        margin-right: 0
    }
}
.mediaPage .right .officialChannelsContainer .base-container {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.mediaPage .right .officialChannelsContainer .base-container .sub-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-bottom: 10px
}
.mediaPage .right .officialChannelsContainer .base-container .sub-container:last-of-type {
    margin-bottom: 0
}
.mediaPage .right .officialChannelsContainer .base-container .sub-container .leftContainer {
    margin-right: 10px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.mediaPage .right .officialChannelsContainer .base-container .sub-container .rightContainer a {
    color: #e6bb60;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    vertical-align: text-top
}
.mediaPage .right .officialChannelsContainer .base-container .sub-container .rightContainer p {
    margin-bottom: 0;
    color: #fff;
    line-height: 1;
    font-size: 12px
}
.mediaPage .right .nowStreamingContainer .header a {
    float: right;
    color: #fff;
    line-height: 1;
    margin: 0
}
.mediaPage .right .nowStreamingContainer .header p {
    padding-top: 2px;
    font-size: 12px;
    line-height: 1;
    text-decoration: underline;
    margin: 0
}
.mediaPage .right .nowStreamingContainer .header p:hover {
    color: #8A2BE2
}
.mediaPage .right .nowStreamingContainer .stream-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    background-color: #30353b
}
.mediaPage .right .nowStreamingContainer .stream-container img {
    margin: auto
}
.manageMediaPage {
    padding: 20px
}
.manageMediaPage .base-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.manageMediaPage .base-container .section-wrapper {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.manageMediaPage .base-container .section-wrapper .data-container {
    margin-top: 5px
}
@media screen and (min-width: 40em) {
    .manageMediaPage .base-container .section-wrapper {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .manageMediaPage .base-container .section-wrapper .data-container {
        margin-top: 0
    }
}
.manageMediaPage .featuredVideoContainer .section-wrapper .videoUrlInputContainer,
.manageMediaPage .nowStreamingContainer .section-wrapper .videoUrlInputContainer {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}
@media screen and (min-width: 40em) {
    .manageMediaPage .featuredVideoContainer .section-wrapper .videoUrlInputContainer,
    .manageMediaPage .nowStreamingContainer .section-wrapper .videoUrlInputContainer {
        -webkit-flex-basis: 40%;
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%
    }
}
.manageMediaPage .officialChannelsContainer .base-container {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.manageMediaPage .officialChannelsContainer .section-wrapper {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}
@media screen and (min-width: 53.75em) {
    .manageMediaPage .base-container .section-wrapper {
        margin-left: 20px
    }
    .manageMediaPage .base-container .section-wrapper:first-child {
        margin-left: 0
    }
    .manageMediaPage .officialChannelsContainer .base-container {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .manageMediaPage .officialChannelsContainer .section-wrapper {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}
.manageMediaPage .nowStreamingContainer .nowStreamingLabelContainer p {
    margin-top: 7px;
    margin-left: 10px;
    color: #e6bb60
}
.manageMediaPage .actionButtonsContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.adminImageGallery,
.manageMediaPage .section-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.manageMediaPage .actionButtonsContainer button {
    margin-left: 10px
}
.manageMediaPage .actionButtonsContainer button:first-child {
    margin-left: auto
}
.manageMediaPage .title-container {
    margin-right: 10px;
    margin-bottom: auto;
    -webkit-flex-basis: 150px;
    -ms-flex-preferred-size: 150px;
    flex-basis: 150px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.manageMediaPage .title-container p {
    font-size: 12px;
    margin: 0;
    line-height: 1
}
.manageMediaPage .title-container .title {
    font-weight: 700
}
.manageMediaPage .title-container .title:first-child {
    margin-bottom: 3px
}
.manageMediaPage .title-container .sub-title {
    color: #e6bb60
}
.manageMediaPage .videoUrlInputContainer input[type=text],
.manageMediaPage .videoUrlInputContainer textarea {
    min-width: 50px;
    width: 100%
}
.manageMediaPage .videoUrlInputContainer textarea {
    max-height: 75px;
    height: 100%
}
.manageMediaPage .videoUrlInputContainer .charCount {
    line-height: 1
}
.manageMediaPage .section-wrapper {
    display: flex
}
.page-container {
    margin-bottom: 20px
}
.page-container:last-child {
    margin-bottom: 0
}
.adminImageGallery {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.adminImageGallery .labelWrapper {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}
.adminImageGallery .labelWrapper p {
    font-size: 12px;
    margin: 0;
    line-height: 1
}
.adminImageGallery .labelWrapper .labelLine1 {
    color: #fff;
    margin-bottom: 3px
}
.adminImageGallery .labelWrapper .labelLine2 {
    color: #e6bb60
}
.adminImageGallery .galleryArrayContainer {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}
.adminImageGallery .galleryArrayContainer .galleryArray {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
@media screen and (min-width: 40em) {
    .adminImageGallery .galleryArrayContainer .galleryArray .galleryItem {
        -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%
    }
}
@media screen and (min-width: 53.75em) {
    .adminImageGallery .galleryArrayContainer .galleryArray .galleryItem {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}
.adminImageGallery .galleryArrayContainer .galleryArray .galleryItem {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}
.adminImageGallery .galleryArrayContainer .galleryArray .galleryItem:last-child {
    margin-right: 0
}
.adminImageGallery .galleryArrayContainer .galleryArray .galleryItem .imageContainer {
    width: 80px;
    height: 45px;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.adminImageGallery .galleryArrayContainer .galleryArray .galleryItem .imageContainer img {
    max-width: 80px;
    max-height: 45px
}
.adminImageGallery .galleryArrayContainer .galleryArray .galleryItem .imageContainer span.icon.icon-plus-circle:before {
    position: relative;
    top: -4px
}
.adminImageGallery .galleryArrayContainer .galleryArray .galleryItem .imageControlsContainer {
    margin-top: 5px;
    width: 80px;
    height: 24px
}
.adminImageGallery .galleryArrayContainer .galleryArray .galleryItem .imageControlsContainer .imageControls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.adminImageGallery .galleryArrayContainer .galleryArray .galleryItem .imageControlsContainer .imageControls span.icon {
    color: #fff
}
.adminImageGallery .galleryArrayContainer .galleryArray .galleryItem .imageControlsContainer .imageControls span.icon.icon-less-than {
    text-align: left
}
.adminImageGallery .galleryArrayContainer .galleryArray .galleryItem .imageControlsContainer .imageControls span.icon.icon-greater-than {
    text-align: right
}
media-image-gallery {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}
media-image-gallery::after {
    display: table
}
media-image-gallery .image-gallery {
    width: 100%;
    position: relative
}
media-image-gallery .image-gallery .control-container {
    position: relative
}
media-image-gallery .image-gallery .control-container:hover>.image-gallery-switcher {
    background-color: rgba(36, 39, 37, .9)
}
media-image-gallery .image-gallery .control-container:hover>.image-gallery-switcher span {
    opacity: .95
}
media-image-gallery .image-gallery .control-container .image-gallery-switcher {
    position: absolute;
    width: 4em;
    height: 5em;
    background-color: rgba(36, 39, 37, .3);
    z-index: 2;
    top: calc(50% - (5em / 2));
    color: #fff;
    text-align: center;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
media-image-gallery .image-gallery .control-container .image-gallery-switcher span {
    width: 100%;
    height: 100%;
    font-size: 2.8em;
    opacity: .3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
media-image-gallery .image-gallery .control-container .image-gallery-switcher span:before {
    height: 1em;
    width: 1em;
    line-height: 1em
}
media-image-gallery .image-gallery .control-container .image-gallery-switcher.right-switch {
    left: calc(100% - 4em)
}
media-image-gallery .image-gallery .control-container .image-container {
    background-color: #30353b;
    text-align: center;
    line-height: 0;
    height: 300px;
    position: relative
}
media-image-gallery .image-gallery .control-container .image-container img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-height: 300px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
media-image-gallery .image-gallery .indicator-container {
    text-align: center;
    padding-top: 10px
}
media-image-gallery .image-gallery .indicator-container .indicator-circle {
    cursor: pointer;
    display: inline-block;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin-right: 5px;
    background-color: #e6bb60
}
media-image-gallery .image-gallery .indicator-container .indicator-circle.current {
    background-color: #8A2BE2;
    cursor: default
}
media-image-gallery .image-gallery .indicator-container .indicator-circle:last-of-type {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    media-image-gallery .image-gallery .indicator-container .indicator-circle {
        width: 12px;
        height: 12px;
        margin-right: 10px
    }
}
media-streams {
    width: 100%
}
media-streams .streams .stream {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    line-height: 0;
    border-bottom: 10px solid #1d2228
}
media-streams .streams .stream a {
    margin: auto
}
media-streams .streams .stream:last-child {
    border-bottom: none
}
media-streams .noStreams {
    background-color: #30353b
}
media-streams .noStreams p {
    font-size: 12px;
    padding: 10px;
    margin-bottom: 0;
    color: #fff;
    line-height: 1
}
.modlogPage {
    padding: 20px
}
.modlogPage p {
    margin-bottom: 0
}
.modlogPage .selectionContainer .topRow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.modlogPage .selectionContainer .topRow .modlogFilterDropdown {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}
.modlogPage .selectionContainer .topRow .modlogFilterValue {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-left: 0;
    margin-top: 5px
}
.modlogPage .selectionContainer .topRow .modlogFilterValue input {
    margin: 0;
    width: 100%;
    background: #fff
}
.modlogPage .selectionContainer .topRow .modlogFilterValue.disabled {
    opacity: .5
}
.modlogPage .selectionContainer .topRow .modlogFilterValue .filterValueInputWrapper {
    position: relative
}
.modlogPage .selectionContainer .topRow .modlogFilterValue ul.usernameOptions {
    position: absolute;
    background: #fff;
    color: #000;
    margin: 0;
    width: 100%;
    z-index: 2
}
.modlogPage .selectionContainer .topRow .modlogFilterValue ul.usernameOptions li {
    font-size: 12px;
    padding: 3px 0 3px 10px
}
.modlogPage .selectionContainer .topRow .modlogFilterValue ul.usernameOptions li:hover {
    background: #30353b;
    color: #fff
}
@media screen and (min-width: 40em) {
    .modlogPage .selectionContainer .topRow {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .modlogPage .selectionContainer .topRow .modlogFilterDropdown {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0
    }
    .modlogPage .selectionContainer .topRow .modlogFilterValue {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        margin-left: 10px;
        margin-top: 0
    }
}
.modlogPage .selectionContainer .topRow .dropdown {
    background: #fff;
    height: 30px
}
.modlogPage .selectionContainer .topRow .dropdown .dropdown-container {
    width: 100%;
    height: 100%;
    display: block
}
.modlogPage .selectionContainer .topRow .dropdown .dropdown-button {
    color: #000;
    padding-left: 10px;
    width: 100%;
    line-height: 30px;
    z-index: 3;
    font-size: 12px
}
.modlogPage .selectionContainer .topRow .dropdown .dropdown-button.nullOption {
    color: grey
}
.modlogPage .selectionContainer .topRow .dropdown .dropdown-button:after {
    color: #000;
    font-family: johnIcons;
    font-size: 10px;
    content: "\e985";
    position: absolute;
    right: 1em;
    top: 0
}
.footer,
.footer li a {
    font-family: Arial, sans-serif
}
.modlogPage .selectionContainer .topRow .dropdown .dropdown-menu {
    background: #fff;
    color: #000;
    left: 0;
    top: 30px;
    width: 100%;
    padding-top: 5px;
    z-index: 2
}
.modlogPage .selectionContainer .topRow .dropdown .dropdown-menu li {
    padding: 0 10px
}
.modlogPage .selectionContainer .topRow .dropdown .dropdown-menu li:hover {
    color: #fff
}
.modlogPage .selectionContainer .bottomRow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap-reverse;
    -ms-flex-flow: wrap-reverse;
    flex-flow: wrap-reverse;
    margin-top: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.modlogPage .selectionContainer .bottomRow .buttonsWrapper {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-bottom: 5px
}
.modlogPage .selectionContainer .bottomRow .buttonsWrapper button {
    margin-left: 10px
}
.modlogPage .selectionContainer .bottomRow .buttonsWrapper button:first-of-type {
    margin-left: 0
}
.modlogPage .tableContainer .paginationRow,
.modlogPage .tableContainer .paginationRowFooter {
    height: 30px;
    width: 100%
}
.modlogPage .tableContainer .paginationRowFooter {
    margin-top: 10px
}
.modlogPage .tableContainer .logTable {
    margin-top: 10px;
    display: none
}
.modlogPage .tableContainer .logTable table {
    width: 100%;
    font-size: 14px
}
.modlogPage .tableContainer .logTable table thead tr th {
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    padding-right: 10px
}
.modlogPage .tableContainer .logTable table thead tr th:last-child {
    padding-right: 0
}
.modlogPage .tableContainer .logTable table thead tr th.actionHeader .sub-container,
.modlogPage .tableContainer .logTable table thead tr th.agentHeader .sub-container {
    cursor: pointer
}
.modlogPage .tableContainer .logTable table thead tr th.subjectHeader {
    width: 220px;
    max-width: 220px
}
.modlogPage .tableContainer .logTable table thead tr th.timeHeader .sub-container {
    cursor: pointer
}
.modlogPage .tableContainer .logTable table thead tr th .sub-container {
    border-top: 2px solid #30353b;
    border-bottom: 2px solid #30353b;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.modlogPage .tableContainer .logTable table thead tr th .sub-container.sortAscending {
    border-top: 2px solid linear-gradient(to bottom, #3c9, #297f62)
}
.modlogPage .tableContainer .logTable table thead tr th .sub-container.sortDescending {
    border-bottom: 2px solid linear-gradient(to bottom, #3c9, #297f62)
}
.modlogPage .tableContainer .logTable table tbody tr {
    height: 40px
}
.modlogPage .tableContainer .logTable table tbody tr td {
    text-align: center;
    padding-right: 10px
}
.modlogPage .tableContainer .logTable table tbody tr td.agentCell a {
    color: #fff;
    font-weight: 700
}
.modlogPage .tableContainer .logTable table tbody tr td.agentCell a:hover {
    color: #8A2BE2
}
.modlogPage .tableContainer .logTable table tbody tr td.actionCell,
.modlogPage .tableContainer .logTable table tbody tr td.subjectCell a {
    color: #fff
}
.modlogPage .tableContainer .logTable table tbody tr td.subjectCell {
    max-width: 220px;
    width: 220px;
    color: #fff
}
.modlogPage .tableContainer .logTable table tbody tr td.subjectCell a:hover {
    color: #8A2BE2
}
.modlogPage .tableContainer .logTable table tbody tr td.detailsCell a,
.modlogPage .tableContainer .logTable table tbody tr td.timeCell {
    color: #fff
}
.modlogPage .tableContainer .logTable table tbody tr td.subjectCell span,
.modlogPage .tableContainer .logTable table tbody tr td.subjectCell span a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.modlogPage .tableContainer .logTable table tbody tr td.detailsCell {
    padding-right: 0
}
.modlogPage .tableContainer .logTable table tbody tr td.detailsCell a:hover {
    color: #8A2BE2
}
.modlogPage .tableContainer .logList {
    display: block
}
@media screen and (min-width: 40em) {
    .modlogPage .selectionContainer .bottomRow {
        -webkit-flex-flow: row;
        -ms-flex-flow: row;
        flex-flow: row
    }
    .modlogPage .selectionContainer .bottomRow .buttonsWrapper {
        margin-bottom: 0;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .modlogPage .tableContainer .logTable {
        display: block
    }
    .modlogPage .tableContainer .logList {
        display: none
    }
}
.modlogPage .tableContainer .logList .sub-container {
    margin-bottom: 10px
}
.modlogPage .tableContainer .logList .sub-container:last-of-type {
    margin-bottom: 0
}
.modlogPage .tableContainer .logList .logListItemContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.modlogPage .tableContainer .logList .logListItemContainer .userIconWrapper {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 40px;
    -ms-flex-preferred-size: 40px;
    flex-basis: 40px;
    height: 40px;
    margin-right: 10px
}
.modlogPage .tableContainer .logList .logListItemContainer .detailsWrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.modlogPage .tableContainer .logList .logListItemContainer .detailsWrapper .logDetails {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}
.modlogPage .tableContainer .logList .logListItemContainer .detailsWrapper .logDetails p {
    font-size: 12px;
    line-height: 1.1em
}
.modlogPage .tableContainer .logList .logListItemContainer .detailsWrapper .logDetails .usernameLabel a {
    color: #fff;
    font-weight: 700
}
.modlogPage .tableContainer .logList .logListItemContainer .detailsWrapper .logDetails .subjectLabel a {
    color: #fff
}
.modlogPage .tableContainer .logList .logListItemContainer .detailsWrapper .timeWrapper {
    font-size: 12px;
    line-height: 1;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-top: 5px;
    color: #fff
}
.modlogDiffPage {
    padding: 20px
}
.modlogDiffPage .version-container {
    margin-top: 10px
}
.modlogDiffPage .version-container .overview {
    padding: 5px;
    background-color: #30353b
}
version-list ul {
    border: none!important;
    margin: 0!important
}
version-list .no-history p {
    margin: 0;
    font-size: 12px
}
.version-list-item {
    padding: 10px;
    background-color: #1d2228;
    margin-bottom: 10px!important
}
.version-list-item:last-child {
    margin-bottom: 0!important
}
.version-list-item .collapsible-header {
    background-color: #30353b;
    border: none;
    min-height: 2em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px
}
.footer,
playfab-footer .outer-container {
    background-color: #1d2228
}
.version-list-item .collapsible-header p {
    margin: 0;
    font-size: 12px
}
.version-list-item .collapsible-header a.username {
    font-weight: 700;
    color: #fff
}
.version-list-item .collapsible-header a.username:hover {
    color: #8A2BE2
}
.version-list-item .collapsible-header .icon {
    margin-left: auto;
    line-height: 10px
}
category-version-item .parent-container span,
category-version-item .position-container span,
category-version-item .title-container span {
    margin-left: 10px;
    color: #fff
}
.version-list-item .collapsible-header .icon:before {
    font-size: 10px
}
.version-list-item .collapsible-body {
    border: none;
    padding: 20px 0 0;
    background-color: #1d2228
}
.version-list-item .collapsible-body p {
    padding: 0
}
.version-list-item .collapsible-body .updated-version-container {
    margin-bottom: 20px
}
category-version-item .description-container,
category-version-item .parent-container,
category-version-item .position-container,
category-version-item .title-container {
    margin-bottom: 10px
}
.version-list-item .commentContent-container {
    margin-top: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
@media all and (max-width: 30em) and (-ms-high-contrast: none),
all and (max-width: 30em) and (-ms-high-contrast: active) {
    .version-list-item .commentContent-container {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}
@media screen and (min-width: 40em) {
    .version-list-item .commentContent-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}
.version-list-item .commentContent-container .userPane-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0;
    -ms-flex: 1 0;
    flex: 1 0
}
@media all and (max-width: 30em) and (-ms-high-contrast: none),
all and (max-width: 30em) and (-ms-high-contrast: active) {
    .version-list-item .commentContent-container .userPane-container {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}
@media screen and (min-width: 40em) {
    .version-list-item .commentContent-container .userPane-container {
        margin-right: 5px;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}
.version-list-item .commentContent-container .contentContainer-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    margin-top: 5px
}
@media all and (max-width: 30em) and (-ms-high-contrast: none),
all and (max-width: 30em) and (-ms-high-contrast: active) {
    .version-list-item .commentContent-container .contentContainer-container {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}
@media screen and (min-width: 40em) {
    .version-list-item .commentContent-container .contentContainer-container {
        -webkit-box-flex: 5;
        -webkit-flex-grow: 5;
        -ms-flex-positive: 5;
        flex-grow: 5;
        margin-top: 0
    }
}
category-version-item .label {
    font-weight: 700;
    color: #fff
}
category-version-item .description-container span {
    font-weight: 400;
    margin-left: 10px;
    color: #fff
}
category-version-item .position-container span {
    font-weight: 400
}
category-version-item .permissions-container {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
category-version-item .permissions-container::after {
    clear: both;
    content: "";
    display: table
}
@media screen and (min-width: 40em) {
    category-version-item .permissions-container {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}
category-version-item .permissions-container span {
    font-weight: 400;
    margin-left: 10px;
    color: #fff
}
category-version-item .permissions-container .view-permissions-container {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-bottom: 10px
}
@media screen and (min-width: 40em) {
    category-version-item .permissions-container .view-permissions-container {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        margin-right: 10px;
        margin-bottom: 0
    }
}
category-version-item .permissions-container .write-permissions-container {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}
@media screen and (min-width: 40em) {
    category-version-item .permissions-container .write-permissions-container {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}
category-version-item .hero-container {
    margin-bottom: 10px
}
category-version-item .hero-container p {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px
}
category-version-item .hero-container img {
    display: inline-block
}
.footer {
    padding: 1.8em 20px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 60em
}
.ppModal,
.ppModal .modal-inner {
    background-color: #353535
}
.footer .game-logo {
    margin-bottom: .5em;
    text-align: left;
    display: none
}
.footer .game-logo img {
    max-height: 60px;
    max-width: 150px
}
@media screen and (min-width: 53.75em) {
    .footer .game-logo {
        float: left;
        margin-right: 4.56432%;
        width: 12.86307%;
        display: block
    }
    .footer .game-logo:last-child {
        margin-right: 0
    }
}
.footer .footer-links {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%;
    margin-bottom: .5em;
    text-align: center
}
.footer .footer-links:last-child {
    margin-right: 0
}
.footer .footer-links::after {
    clear: both;
    content: "";
    display: table
}
@media screen and (min-width: 53.75em) {
    .footer .footer-links {
        float: left;
        display: block;
        width: 39.00415%;
        margin-right: 2%;
        margin-left: 2%
    }
    .footer .footer-links ul li:last-child,
    .footer .footer-links:last-child {
        margin-right: 0
    }
    .footer .footer-links ul li:first-child {
        margin-left: 0
    }
}
.footer .logosWrapper {
    float: left;
    margin-right: 4.56432%;
    width: 39.00415%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.footer .logosWrapper:last-child {
    margin-right: 0
}
.footer .footer-logo {
    margin-bottom: .5em;
    margin-top: .5em;
    margin-left: 1em;
    text-align: center;
    display: none;
    -webkit-flex-basis: 40%;
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 0
}
.footer .footer-logo a {
    width: 100%;
    min-width: 0
}
.footer .footer-logo a img {
    min-width: 0;
    max-height: 60px
}
.footer .footer-logo:first-child {
    margin-left: 0
}
@media screen and (min-width: 53.75em) {
    .footer .footer-logo {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}
.footer .disclaimer,
.footer .socialIcons {
    display: block;
    text-align: center;
    float: left
}
.footer .disclaimer {
    margin-right: 4.56432%;
    width: 65.14523%;
    margin-left: 17.42739%;
    font-size: .8em;
    font-weight: 400
}
.footer .disclaimer:last-child {
    margin-right: 0
}
.footer .disclaimer,
.footer .disclaimer p {
    color: #fff
}
.footer .socialIcons {
    margin-right: 4.56432%;
    width: 100%;
    margin-bottom: 0;
    margin-top: 0
}
.footer .socialIcons:last-child {
    margin-right: 0
}
.footer .socialIcons a {
    margin: 0;
    padding: 0
}
.footer .socialIcons li {
    margin: 5px
}
.footer .socialIcons img {
    height: 40px;
    width: 40px
}
.footer ul {
    margin-bottom: 1.5em;
    padding: 0
}
.footer li {
    line-height: 1.5em;
    list-style: none;
    text-align: center;
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px
}
.messengerPage,
.ppModal .modal-inner,
.tosModal .modal-inner {
    margin-left: auto;
    max-width: 60em
}
.footer li:before {
    content: none
}
.friendsList .searchBar::after,
.friendsList ul li::after,
.messengerPage .pageHeader .conversationTab::after,
.messengerPage::after,
.ppModal .modal-inner::after,
.tosModal .modal-inner::after {
    clear: both;
    content: ""
}
.footer li a {
    color: #fff;
    text-decoration: none;
    font-size: .9em;
    font-weight: 400;
    margin-bottom: .4em;
    cursor: pointer
}
.footer li a:focus,
.footer li a:hover {
    color: #8A2BE2
}
.tosModal {
    background: #353535
}
.tosModal .modal-inner {
    background: #353535;
    margin-right: auto;
    overflow: auto
}
.tosModal .modal-inner::after {
    display: table
}
.tosModal .modal-inner h1 {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 82.57261%
}
.tosModal .modal-inner h1:last-child {
    margin-right: 0
}
.tosModal .modal-inner img {
    cursor: pointer;
    float: right
}
.tosModal .modal-inner .footerContent {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.tosModal .modal-inner .footerContent:last-child {
    margin-right: 0
}
.ppModal .modal-inner {
    margin-right: auto;
    overflow: auto
}
.ppModal .modal-inner::after {
    display: table
}
.ppModal .modal-inner h1 {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 82.57261%
}
.ppModal .modal-inner h1:last-child {
    margin-right: 0
}
.ppModal .modal-inner img {
    cursor: pointer;
    float: right
}
.ppModal .modal-inner .footerContent {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.ppModal .modal-inner .footerContent:last-child {
    margin-right: 0
}
.messengerPage {
    margin-right: auto;
    padding: 20px
}
.messengerPage::after {
    display: table
}
.messengerPage .friendsListContainer {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.messengerPage .friendsListContainer:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .footer li {
        text-align: left
    }
    .messengerPage .friendsListContainer {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 100%;
        max-height: 70vh
    }
    .messengerPage .friendsListContainer:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 53.75em) {
    .messengerPage .friendsListContainer {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 30.29046%
    }
    .messengerPage .friendsListContainer:last-child {
        margin-right: 0
    }
}
.messengerPage .conversationsDirectiveContainer {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.messengerPage .conversationsDirectiveContainer:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .messengerPage .conversationsDirectiveContainer {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 100%;
        max-height: 70vh
    }
    .messengerPage .conversationsDirectiveContainer:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 53.75em) {
    .messengerPage .conversationsDirectiveContainer {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 65.14523%
    }
    .messengerPage .conversationsDirectiveContainer:last-child {
        margin-right: 0
    }
}
.messengerPage .pageHeader {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%;
    min-height: 30px;
    margin-bottom: 5px
}
.messengerPage .pageHeader:last-child {
    margin-right: 0
}
.messengerPage .pageHeader .header {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.messengerPage .pageHeader .header:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .messengerPage .pageHeader .header {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 30.29046%
    }
    .messengerPage .pageHeader .header:last-child {
        margin-right: 0
    }
}
.messengerPage .pageHeader .header h3 {
    display: inline
}
.messengerPage .pageHeader .conversationTab {
    float: left;
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    background-color: #30353b;
    line-height: 0
}
@media screen and (min-width: 40em) {
    .messengerPage .pageHeader .conversationTab {
        float: right
    }
    .friendsList ul {
        max-height: calc(70vh - 50px)
    }
}
.messengerPage .pageHeader .conversationTab::after {
    display: table
}
.messengerPage .pageHeader .conversationTab img.avatar {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    display: inline-block
}
.messengerPage .pageHeader .conversationTab h3 {
    vertical-align: top;
    display: inline-block;
    margin: 8px 10px 0 0
}
.messengerPage .pageHeader .conversationTab img.close {
    margin-top: 0;
    margin-bottom: 6px;
    margin-right: 10px;
    cursor: pointer
}
@media screen and (min-width: 53.75em) {
    .messengerPage .pageHeader .conversationTab {
        float: left
    }
}
.friendsList {
    box-shadow: 0 3px 3px rgba(0, 0, 0, .23), 0 3px 6px rgba(0, 0, 0, .16);
    background-color: #1d2228;
    overflow: auto
}
.friendsList .searchBar {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .23), 0 3px 6px rgba(0, 0, 0, .16);
    padding: 10px;
    z-index: 10;
    position: relative
}
.friendsList .searchBar::after {
    display: table
}
.friendsList .searchBar .searchInput {
    float: left;
    display: block;
    width: 100%;
    margin: 0;
    background: url(./search_messenger.png) 7px 6px no-repeat #fff;
    padding-left: 30px
}
.friendsList .searchBar .searchInput:last-child {
    margin-right: 0
}
.friendsList ul {
    margin: 0;
    padding: 10px;
    min-height: 30vh;
    overflow: auto
}
.friendsList ul li {
    box-shadow: 0 3px 3px rgba(0, 0, 0, .23), 0 3px 6px rgba(0, 0, 0, .16);
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    background-color: #30353b;
    cursor: pointer;
    margin-bottom: 5px
}
.friendsList ul li::after {
    display: table
}
.friendsList ul li img {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 17.21992%;
    min-height: 50px
}
.friendsList ul li img:last-child {
    margin-right: 0
}
.friendsList ul li .friendInfo {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 78.21577%;
    padding: 5px
}
.friendsList ul li .friendInfo:last-child {
    margin-right: 0
}
.friendsList ul li .friendInfo h3 {
    margin-top: 12px;
    margin-bottom: 0
}
.friendsList ul li .friendInfo p {
    margin: 0
}
.friendsList ul li.selected {
    background-color: #25282d
}
.friendsList ul li.noFriends {
    text-align: center
}
.friendsList .footerSpacer {
    box-shadow: 0 -3px 3px rgba(0, 0, 0, .23), 0 -3px 6px rgba(0, 0, 0, .16);
    height: 10px;
    z-index: 10;
    position: relative
}
.conversationsDirectiveContainer {
    box-shadow: 0 3px 3px rgba(0, 0, 0, .23), 0 3px 6px rgba(0, 0, 0, .16);
    background: #1d2228;
    overflow: auto
}
.conversationsDirectiveContainer .conv-header {
    height: 10px
}
.conversationsDirectiveContainer .conv-container {
    height: 50vh;
    overflow-y: auto;
    overflow-y: overlay;
    padding-top: 5px;
    padding-bottom: 10px
}
@media screen and (min-width: 40em) {
    .conversationsDirectiveContainer .conv-container {
        height: calc(70vh - 200px)
    }
}
.conversationsDirectiveContainer .conv-container .conv-message {
    box-shadow: 0 1.5px 1px rgba(0, 0, 0, .24), 0 1.5px 3px rgba(0, 0, 0, .12);
    background: #30353b;
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.conversationsDirectiveContainer .conv-container .conv-message:first-child {
    margin-top: 0
}
.conversationsDirectiveContainer .conv-container .conv-message.null-message {
    line-height: 40px;
    vertical-align: middle
}
.conversationsDirectiveContainer .conv-container .conv-message.isLoading {
    opacity: .3
}
.conversationsDirectiveContainer .conv-container .conv-message.firstElement {
    border-top: 2px solid #e6bb60
}
.conversationsDirectiveContainer .conv-container .conv-message .conv-message-header {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}
.conversationsDirectiveContainer .conv-container .conv-message .conv-message-header img {
    width: 30px;
    height: auto;
    margin-right: 10px
}
.conversationsDirectiveContainer .conv-container .conv-message .conv-message-header .date {
    display: inline-block;
    vertical-align: top
}
.conversationsDirectiveContainer .conv-container .conv-message .conv-message-header .date p {
    margin-top: 6px;
    font-size: 12px
}
.conversationsDirectiveContainer .conv-container .conv-message .conv-message-container {
    margin-left: 40px;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    font-size: 12px
}
.reportPage .reportPage-container,
report-modal .modal .modal-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column
}
.conversationsDirectiveContainer .conv-container ul {
    margin: 0
}
.conversationsDirectiveContainer .conv-input {
    padding: 10px
}
.conversationsDirectiveContainer .conv-input .button-primary {
    float: right
}
.conversationsDirectiveContainer .conv-zero-state {
    height: 50px;
    line-height: 50px
}
.conversationsDirectiveContainer .conv-zero-state p {
    line-height: 50px;
    margin: 0;
    padding-left: 10px
}
.shift-4 {
    margin-left: 34.85477%
}
.card-2 {
    box-shadow: 0 3px 3px rgba(0, 0, 0, .23), 0 3px 6px rgba(0, 0, 0, .16)
}
.card-1 {
    box-shadow: 0 1.5px 1px rgba(0, 0, 0, .24), 0 1.5px 3px rgba(0, 0, 0, .12)
}
.card-2-inverse {
    box-shadow: 0 -3px 3px rgba(0, 0, 0, .23), 0 -3px 6px rgba(0, 0, 0, .16)
}
.reportTime {
    font-weight: 400
}
.reportTime a {
    color: #fff;
    font-weight: 700
}
.reportNumber:hover,
.reportTime a:hover {
    color: #8A2BE2
}
.reportReason,
.reportReason.articleMeta {
    font-weight: 700;
    color: #fff
}
.reportReason span,
.reportReason.articleMeta span {
    font-weight: 400;
    color: #e6bb60
}
.reportNotes,
.reportNotes.articleMeta {
    font-weight: 700;
    color: #fff
}
.reportNotes span,
.reportNotes.articleMeta span {
    font-weight: 400;
    color: inherit
}
report-modal .inset-shadow {
    box-shadow: inset 0 0 5px #000
}
report-modal .modal .dropdown,
report-modal .modal .modal-inner {
    box-shadow: 0 3px 3px rgba(0, 0, 0, .23), 0 3px 6px rgba(0, 0, 0, .16)
}
report-modal .modal .modal-fade-screen {
    background: 0 0
}
report-modal .modal .modal-inner {
    height: auto;
    min-height: 200px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 0;
    padding: 10px;
    background: #1d2228
}
@media screen and (min-width: 53.75em) {
    report-modal .modal .modal-inner {
        width: 35%;
        max-width: 50%
    }
    report-modal .modal .dropdown .dropdown-button {
        padding: 0 2.5em 0 .5em
    }
}
report-modal .modal .dropdown {
    display: block;
    margin-right: 4.56432%;
    width: 100%;
    margin-bottom: 10px;
    line-height: 1.5;
    float: none
}
report-modal .modal .dropdown:last-child {
    margin-right: 0
}
report-modal .modal .dropdown .dropdown-container {
    display: block;
    position: relative;
    text-align: left
}
report-modal .modal .dropdown .dropdown-center-text {
    text-align: center
}
report-modal .modal .dropdown .dropdown-button {
    background: #f9f9f9;
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    line-height: 30px;
    margin: 0;
    padding: 0 2.5em 0 .5em;
    position: relative
}
report-modal .modal .dropdown .dropdown-button:hover {
    background-color: #b3b3b3
}
report-modal .modal .dropdown .dropdown-button:after {
    color: #333;
    content: "\25BE";
    display: block;
    position: absolute;
    right: 1em;
    top: 0
}
.reportPage::after,
.reportsPage::after {
    content: "";
    clear: both
}
report-modal .modal .dropdown .dropdown-menu {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background: #f9f9f9;
    background: -webkit-linear-gradient(#f9f9f9, #c7c7c7);
    background: linear-gradient(#f9f9f9, #c7c7c7);
    border: 1px solid silver;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
    color: #333;
    cursor: pointer;
    display: none;
    margin: 0;
    overflow: show;
    padding: 0;
    position: absolute;
    right: 0;
    top: 33px;
    width: 60%;
    z-index: 99999
}
report-modal .modal .dropdown .dropdown-menu:before {
    position: absolute;
    right: 1em;
    bottom: 0;
    left: 0;
    color: #fff;
    font-size: 12px;
    pointer-events: none;
    text-shadow: 0 -2px 2px rgba(0, 0, 0, .3);
    top: -.7em
}
report-modal .modal .dropdown .dropdown-menu li {
    color: #333;
    font-size: 12px;
    border-bottom: 1px solid silver;
    list-style: none;
    padding: .5em
}
report-modal .modal .dropdown .dropdown-menu li.selected,
report-modal .modal .dropdown .dropdown-menu li:hover {
    background: #b3b3b3
}
report-modal .modal .dropdown .dropdown-menu li:last-child {
    border: none
}
report-modal .modal .dropdown .show-menu {
    display: block
}
report-modal .modal .textarea-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}
report-modal .modal .textarea-wrapper textarea {
    width: 100%;
    height: 100%;
    resize: none;
    margin: 0;
    border: 0
}
.reportPage,
.reportsPage {
    margin-left: auto;
    max-width: 60em
}
report-modal .modal .footer-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
report-modal .modal .footer-wrapper .errorContainer {
    margin-top: 10px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}
report-modal .modal .footer-wrapper .errorContainer .errorMessage {
    font-size: 12px;
    margin: auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}
.reportsPage {
    margin-right: auto;
    padding: 20px
}
.reportsPage::after {
    display: table
}
.reportsPage .pageHeader {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%;
    min-height: 30px;
    margin-bottom: 5px;
    line-height: 1
}
.reportsPage .pageHeader:last-child {
    margin-right: 0
}
.reportsPage .pageHeader .header {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.reportsPage .pageHeader .header:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .reportsPage .pageHeader .header {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 30.29046%
    }
    .reportsPage .pageHeader .header:last-child {
        margin-right: 0
    }
}
.reportsPage .openReportListContainer {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%;
    padding-bottom: 20px
}
.reportsPage .openReportListContainer:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .reportsPage .openReportListContainer {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 47.71784%;
        padding-bottom: 0
    }
    .reportsPage .openReportListContainer:last-child {
        margin-right: 0
    }
}
.reportsPage .closedReportListContainer {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.reportsPage .closedReportListContainer:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .reportsPage .closedReportListContainer {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 47.71784%
    }
    .reportsPage .closedReportListContainer:last-child {
        margin-right: 0
    }
}
.reportPage {
    margin-right: auto;
    padding: 20px
}
.reportPage::after {
    display: table
}
.reportPage .pageHeader {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%;
    min-height: 30px;
    margin-bottom: 5px
}
.reportPage .pageHeader:last-child {
    margin-right: 0
}
.reportPage .pageHeader .header {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.reportPage .pageHeader .header:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .reportPage .pageHeader .header {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 30.29046%
    }
    .reportPage .pageHeader .header:last-child {
        margin-right: 0
    }
}
.reportPage .reportPage-container {
    box-shadow: 0 3px 3px rgba(0, 0, 0, .23), 0 3px 6px rgba(0, 0, 0, .16);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background: #1d2228;
    padding: 10px
}
.reportPage .reportPage-container .report-info .reportTop,
.reportPage .reportPage-container .report-info .reportTop .reportTopLeft {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
.reportPage .reportPage-container .report-info {
    box-shadow: 0 3px 3px rgba(0, 0, 0, .23), 0 3px 6px rgba(0, 0, 0, .16);
    background: #30353b;
    padding: 10px
}
.reportPage .reportPage-container .report-info .reportNumber {
    margin: 0
}
.reportPage .reportPage-container .report-info .reportBottom .reportNotes span,
.reportPage .reportPage-container .report-info .reportBottom .reportReason span {
    margin-left: 5px
}
.reportPage .reportPage-container .report-info .reportTop {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}
.reportPage .reportPage-container .report-info .reportTop .reportTopLeft {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 40%
}
.reportPage .reportPage-container .report-info .reportTop .reportTopLeft .reportTime {
    margin-top: 3px
}
.reportPage .reportPage-container .report-info .reportTop .reportTopRight {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-top: 10px;
    margin-bottom: 10px
}
@media screen and (min-width: 40em) {
    .reportPage .reportPage-container .report-info .reportTop .reportTopRight {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 0
    }
}
.reportPage .reportPage-container .report-info .reportTop .reportTopRight .reportInput {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 20px
}
.reportPage .reportPage-container .report-info .reportTop .reportTopRight .dropdown {
    margin-right: 0
}
.reportPage .reportPage-container .report-info .reportTop .reportTopRight .resolvedContent {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}
.reportPage .reportPage-container .report-info .reportTop .reportTopRight .resolvedContent .reportReason.forAdmin {
    display: block;
    text-align: left
}
.reportPage .reportPage-container .report-info .reportTop .reportTopRight .resolvedContent p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
@media screen and (min-width: 40em) {
    .reportPage .reportPage-container .report-info .reportTop {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}
.reportPage .reportPage-container .report-info .reportBottom .reportReason {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}
.reportPage .reportPage-container .report-info .reportBottom .reportNotes {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 3px
}
.reportPage .reportPage-container .report-info .dropdown {
    display: block;
    margin-right: 4.56432%;
    width: 100%;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .23), 0 3px 6px rgba(0, 0, 0, .16);
    margin-bottom: 10px;
    line-height: 1.5;
    float: none
}
.reportPage .reportPage-container .report-info .dropdown:last-child {
    margin-right: 0
}
.reportPage .reportPage-container .report-info .dropdown .dropdown-container {
    display: block;
    position: relative;
    text-align: left;
    width: 100%
}
.reportPage .reportPage-container .report-info .dropdown .dropdown-center-text {
    text-align: center
}
.reportPage .reportPage-container .report-info .dropdown .dropdown-button {
    background: #f9f9f9;
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    line-height: 30px;
    margin: 0;
    padding: 0 2.5em 0 .5em;
    position: relative
}
@media screen and (min-width: 53.75em) {
    .reportPage .reportPage-container .report-info .dropdown .dropdown-button {
        padding: 0 2.5em 0 .5em
    }
}
.reportPage .reportPage-container .report-info .dropdown .dropdown-button:hover {
    background-color: #b3b3b3
}
.reportPage .reportPage-container .report-info .dropdown .dropdown-button:after {
    color: #333;
    content: "\25BE";
    display: block;
    position: absolute;
    right: 1em;
    top: 0
}
.reportPage .reportPage-container .report-info .dropdown .dropdown-menu {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background: #f9f9f9;
    background: -webkit-linear-gradient(#f9f9f9, #c7c7c7);
    background: linear-gradient(#f9f9f9, #c7c7c7);
    border: 1px solid silver;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
    color: #333;
    cursor: pointer;
    display: none;
    margin: 0;
    overflow: show;
    padding: 0;
    position: absolute;
    right: 0;
    top: 33px;
    width: 60%;
    z-index: 99999
}
.leaderboard ul,
.profilePage .box,
.reportList,
.reportList ul li {
    box-shadow: 0 3px 3px rgba(0, 0, 0, .23), 0 3px 6px rgba(0, 0, 0, .16)
}
.reportPage .reportPage-container .report-info .dropdown .dropdown-menu:before {
    position: absolute;
    right: 1em;
    bottom: 0;
    left: 0;
    color: #fff;
    font-size: 12px;
    pointer-events: none;
    text-shadow: 0 -2px 2px rgba(0, 0, 0, .3);
    top: -.7em
}
.reportPage .reportPage-container .report-info .dropdown .dropdown-menu li {
    color: #333;
    font-size: 12px;
    border-bottom: 1px solid silver;
    list-style: none;
    padding: .5em
}
.reportPage .reportPage-container .report-info .dropdown .dropdown-menu li.selected,
.reportPage .reportPage-container .report-info .dropdown .dropdown-menu li:hover {
    background: #b3b3b3
}
.reportPage .reportPage-container .report-info .dropdown .dropdown-menu li:last-child {
    border: none
}
.reportPage .reportPage-container .report-info .dropdown .show-menu {
    display: block
}
.reportPage .reportPage-container .reportContent-container {
    margin-top: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
@media screen and (min-width: 40em) {
    .reportPage .reportPage-container .reportContent-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}
.reportPage .reportPage-container .reportContent-container .userPane-container {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
@media screen and (min-width: 40em) {
    .reportPage .reportPage-container .reportContent-container .userPane-container {
        -webkit-flex-basis: 16%;
        -ms-flex-preferred-size: 16%;
        flex-basis: 16%;
        margin-right: 5px
    }
}
.reportPage .reportPage-container .reportContent-container .contentContainer-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    margin-top: 10px
}
@media screen and (min-width: 40em) {
    .reportPage .reportPage-container .reportContent-container .contentContainer-container {
        margin-top: 0;
        width: 80%;
        position: relative
    }
}
.reportListPage {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    padding: 20px
}
.reportListPage::after {
    clear: both;
    content: "";
    display: table
}
.reportListPage .pageHeader {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%;
    min-height: 30px;
    margin-bottom: 5px
}
.reportListPage .pageHeader:last-child {
    margin-right: 0
}
.reportListPage .pageHeader .header {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.reportListPage .pageHeader .header:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .reportListPage .pageHeader .header {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 30.29046%
    }
    .reportListPage .pageHeader .header:last-child {
        margin-right: 0
    }
}
.reportListPage .reportListContainer {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.reportListPage .reportListContainer:last-child {
    margin-right: 0
}
.reportList {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%;
    background-color: #1d2228
}
.reportList:last-child {
    margin-right: 0
}
.reportList .reportListHeader {
    padding-top: 20px;
    padding-bottom: 10px
}
.reportList .reportListHeader h3 {
    font-size: .9em;
    font-weight: 700;
    padding: 5px 10px;
    margin: 0;
    background-color: #30353b;
    display: inline-block
}
.reportList ul li .reportTop::after,
.reportList ul li::after {
    display: table;
    clear: both;
    content: ""
}
.reportList .reportListHeader .noReports {
    margin-top: 0;
    margin-bottom: 10px
}
.reportList ul {
    padding: 10px;
    margin: 0
}
.reportList ul li {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    background-color: #30353b;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px
}
.reportList ul li:last-child {
    margin-bottom: 0
}
.reportList ul li a {
    margin: 0;
    padding: 0
}
.reportList ul li .reportTop {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(29, 34, 40, .8)
}
.reportList ul li .reportTop .reportNumber {
    float: left;
    display: block;
    width: 100%;
    margin: 0
}
.reportList ul li .reportTop .reportNumber:last-child {
    margin-right: 0
}
.reportList ul li .reportTop .reportNumber:hover {
    color: #8A2BE2
}
.reportList ul li .reportTop .reportTime {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%;
    font-weight: 400;
    padding-top: 3px;
    margin-bottom: 0
}
.reportList ul li .reportTop .reportTime:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .reportList ul li .reportTop .reportTime {
        margin-bottom: 0;
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 39.00415%
    }
    .reportList ul li .reportTop .reportTime:last-child {
        margin-right: 0
    }
}
.reportList ul li .reportTop .reportTime a {
    color: #fff;
    font-weight: 700
}
.reportList ul li .reportTop .reportTime a:hover {
    color: #8A2BE2
}
.reportList ul li .reportBottom {
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px
}
.reportList ul li .reportBottom .reportReason {
    font-weight: 700;
    color: #fff
}
.reportList ul li .reportBottom .reportReason span {
    margin-left: 10px;
    font-weight: 400;
    color: #e6bb60
}
.reportList .buttonContainer {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%;
    background-color: #1d2228;
    padding: 0 10px 10px
}
.reportList .buttonContainer:last-child {
    margin-right: 0
}
.reportList .buttonContainer button {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.news .news-content,
.news .news-title {
    margin: 0;
    font-size: 1em;
    font-weight: 400;
    color: #fff;
    font-family: Arial, sans-serif
}
.reportList .buttonContainer button:last-child {
    margin-right: 0
}
.news {
    position: fixed;
    top: 60px;
    color: #fff;
    background-color: #8A2BE2;
    padding: 10px;
    width: 100%;
    text-align: center;
    z-index: 1
}
.news .outer-container {
    position: relative
}
.news .news-title {
    display: inline;
    padding-right: 1em;
    padding-left: 1em
}
.leaderboard h3,
.leaderboard ul li .user p {
    font-weight: 700
}
.news .news-close {
    color: #fff;
    font-size: .9em;
    display: inline;
    cursor: pointer;
    text-decoration: underline
}
.errorModalStack {
    top: 91px
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .7);
    z-index: 8;
    text-align: center
}
.overlay.ng-enter {
    -webkit-transition: .2s linear all;
    transition: .2s linear all;
    opacity: 0
}
.overlay.ng-enter.ng-enter-active {
    opacity: 1
}
.overlay.ng-leave {
    -webkit-transition: .2s linear all;
    transition: .2s linear all;
    opacity: 1
}
.overlay.ng-leave.ng-leave-active {
    opacity: 0
}
.overlay .loader {
    position: fixed;
    top: 45%
}
.leaderboard {
    max-width: 60em;
    margin-left: auto;
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.leaderboard::after {
    clear: both;
    content: "";
    display: table
}
.leaderboard:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .leaderboard {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 100%
    }
    .leaderboard:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 53.75em) {
    .leaderboard {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 21.57676%
    }
    .leaderboard:last-child {
        margin-right: 0
    }
}
.leaderboard ul li::after,
.leaderboard ul::after {
    display: table;
    clear: both;
    content: ""
}
.leaderboard h3 {
    text-transform: none
}
.profilePage h3,
.settingsPage h3 {
    vertical-align: super;
    text-transform: uppercase;
    font-style: normal
}
.leaderboard ul {
    max-width: 60em;
    padding: 10px;
    margin: 0;
    background-color: #30353b
}
.leaderboard ul li {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 10px
}
.leaderboard ul li .position {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 12.86307%
}
.leaderboard ul li .position:last-child {
    margin-right: 0
}
.leaderboard ul li .user {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 65.14523%
}
.leaderboard ul li .user:last-child {
    margin-right: 0
}
.leaderboard ul li .score {
    display: block;
    margin-right: 4.56432%;
    width: 12.86307%;
    float: right
}
.leaderboard ul li .score:last-child {
    margin-right: 0
}
.leaderboard ul li p,
.leaderboard ul li:last-of-type {
    margin: 0
}
.loginPage {
    padding: 20px
}
.loginPage .loginForm {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.loginPage .loginForm:last-child {
    margin-right: 0
}
@media screen and (min-width: 30em) {
    .loginPage .loginForm {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 82.57261%
    }
    .loginPage .loginForm:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 40em) {
    .loginPage .loginForm {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 65.14523%
    }
    .loginPage .loginForm:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 53.75em) {
    .loginPage .loginForm {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 47.71784%
    }
    .loginPage .loginForm:last-child {
        margin-right: 0
    }
}
.loginPage .loginForm input {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.loginPage .loginForm input:last-child {
    margin-right: 0
}
@media screen and (min-width: 30em) {
    .loginPage .loginForm input {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 100%
    }
    .loginPage .loginForm input:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 40em) {
    .loginPage .loginForm input {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 82.57261%
    }
    .loginPage .loginForm input:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 53.75em) {
    .loginPage .loginForm input {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 65.14523%
    }
    .loginPage .loginForm input:last-child {
        margin-right: 0
    }
}
.loginPage .loginForm .inputError {
    font-family: Arial, sans-serif;
    color: #8A2BE2;
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.loginPage .loginForm .inputError:last-child {
    margin-right: 0
}
@media screen and (min-width: 30em) {
    .loginPage .loginForm .inputError {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 100%
    }
    .loginPage .loginForm .inputError:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 40em) {
    .loginPage .loginForm .inputError {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 82.57261%
    }
    .loginPage .loginForm .inputError:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 53.75em) {
    .loginPage .loginForm .inputError {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 65.14523%
    }
    .loginPage .loginForm .inputError:last-child {
        margin-right: 0
    }
}
.loginPage .loginForm .submitArea {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px
}
.loginPage .loginForm .submitArea::after {
    clear: both;
    content: "";
    display: table
}
@media screen and (min-width: 30em) {
    .loginPage .loginForm .submitArea {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 100%
    }
    .loginPage .loginForm .submitArea:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 40em) {
    .loginPage .loginForm .submitArea {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 82.57261%
    }
    .loginPage .loginForm .submitArea:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 53.75em) {
    .loginPage .loginForm .submitArea {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 65.14523%
    }
    .loginPage .loginForm .submitArea:last-child {
        margin-right: 0
    }
}
.loginPage .loginForm .submitArea .facebookError {
    color: #e6bb60;
    padding: 10px;
    margin: 0
}
.loginPage .loginForm .submitArea button {
    width: 100%
}
.loginPage .loginForm .submitArea button.button-facebook {
    margin-bottom: 10px
}
.loginPage .loginForm .submitArea p {
    width: 100%;
    text-align: center;
    margin: 0
}
.loginPage .loginForm .submitArea p.or {
    font-size: .85em;
    margin-bottom: 20px
}
.loginPage .loginForm .submitArea p a {
    color: #fff;
    cursor: pointer;
    text-decoration: underline;
    font-size: 12px
}
.loginPage .loginForm .forgotPassword {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%;
    text-decoration: underline;
    font-size: 12px;
    text-align: center;
    padding: 1em
}
.loginPage .loginForm .forgotPassword:last-child {
    margin-right: 0
}
.registerPage {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    padding: 20px
}
.registerPage::after {
    clear: both;
    content: "";
    display: table
}
.registerPage .registerFormContainer {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.registerPage .registerFormContainer:last-child {
    margin-right: 0
}
.registerPage .registerFormContainer .registerForm {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 82.57261%
}
.registerPage .registerFormContainer .registerForm:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .registerPage .registerFormContainer .registerForm {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 65.14523%
    }
    .registerPage .registerFormContainer .registerForm:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 53.75em) {
    .registerPage .registerFormContainer .registerForm {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 30.29046%
    }
    .registerPage .registerFormContainer .registerForm:last-child {
        margin-right: 0
    }
}
.registerPage .registerFormContainer .registerForm input {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.registerPage .registerFormContainer .registerForm input:last-child {
    margin-right: 0
}
.registerPage .registerFormContainer .registerForm .inputError {
    font-family: Arial, sans-serif;
    color: #c9d0d3;
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.registerPage .registerFormContainer .registerForm .inputError:last-child {
    margin-right: 0
}
.registerPage .registerFormContainer .registerForm .submitArea {
    margin-top: 5px;
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.registerPage .registerFormContainer .registerForm .submitArea:last-child {
    margin-right: 0
}
.registerPage .registerFormContainer .registerForm .submitArea button {
    width: 100%
}
.registerPage .registerFormContainer .registerForm #updatesCheckbox {
    width: inherit;
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 10px
}
.registerPage .registerFormContainer .registerForm #updatesCheckbox+p {
    font-size: 12px;
    margin-bottom: 0
}
.registerPage .facebookLogin,
.registerPage .steamLogin {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.registerPage .facebookLogin:last-child,
.registerPage .steamLogin:last-child {
    margin-right: 0
}
.registerPage .facebookLogin .btnContainer,
.registerPage .steamLogin .btnContainer {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 20px
}
.registerPage .facebookLogin .btnContainer::after,
.registerPage .steamLogin .btnContainer::after {
    clear: both;
    content: "";
    display: table
}
.registerPage .facebookLogin .btnContainer button,
.registerPage .steamLogin .btnContainer button {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.registerPage .facebookLogin .btnContainer button:last-child,
.registerPage .facebookLogin .facebookError:last-child,
.registerPage .steamLogin .btnContainer button:last-child,
.registerPage .steamLogin .facebookError:last-child {
    margin-right: 0
}
.registerPage .facebookLogin .facebookError,
.registerPage .steamLogin .facebookError {
    color: #e6bb60;
    float: left;
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px;
    margin: 0
}
.registerPage .container {
    max-width: 60em;
    margin-left: auto;
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 82.57261%
}
.registerPage .container::after {
    clear: both;
    content: "";
    display: table
}
.registerPage .container:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .registerPage .container {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 65.14523%
    }
    .registerPage .container:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 53.75em) {
    .registerPage .container {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 30.29046%
    }
    .registerPage .container:last-child {
        margin-right: 0
    }
}
.registerPage .container .loginLink:last-child,
.registerPage .container .or:last-child {
    margin-right: 0
}
.registerPage .container .loginLink {
    float: left;
    display: block;
    width: 100%;
    text-align: center;
    font-size: .85em;
    margin: 0;
    line-height: 1;
    padding-top: 12px
}
.registerPage .container .loginLink a {
    color: #fff;
    text-decoration: underline
}
.registerPage .container .or {
    float: left;
    display: block;
    width: 100%;
    padding: 20px;
    margin: 0;
    text-align: center
}
.facebookRegisterPage {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    padding: 20px
}
.facebookRegisterPage::after {
    clear: both;
    content: "";
    display: table
}
.facebookRegisterPage .contentContainer {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.facebookRegisterPage .contentContainer:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .facebookRegisterPage .contentContainer {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 47.71784%
    }
    .facebookRegisterPage .contentContainer:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 53.75em) {
    .facebookRegisterPage .contentContainer {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 30.29046%
    }
    .facebookRegisterPage .contentContainer:last-child {
        margin-right: 0
    }
}
.facebookRegisterPage .contentContainer p {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.facebookRegisterPage .contentContainer p:last-child {
    margin-right: 0
}
.facebookRegisterPage .contentContainer input {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.facebookRegisterPage .contentContainer input:last-child {
    margin-right: 0
}
.facebookRegisterPage .contentContainer button {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%;
    margin-top: 5px
}
.facebookRegisterPage .contentContainer button:last-child {
    margin-right: 0
}
.profilePage,
.profilePage .top {
    margin-right: auto;
    margin-left: auto;
    max-width: 60em
}
.profilePage {
    padding: 20px
}
.profilePage::after {
    clear: both;
    content: "";
    display: table
}
.profilePage h3 {
    display: inline;
    font-family: Arvo, serif;
    font-size: 16px;
    text-align: left;
    line-height: 19px;
    margin-top: 3px;
    font-weight: 400
}
.profilePage .box {
    background-color: #1d2228;
    min-height: 100px
}
.profilePage .top {
    border-bottom: 1px #30353b solid;
    padding-bottom: 20px
}
.profilePage .top::after {
    clear: both;
    content: "";
    display: table
}
.profilePage .top .playerDetails {
    margin-bottom: 20px;
    max-width: 60em;
    margin-left: auto;
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.profilePage .top .playerDetails::after {
    clear: both;
    content: "";
    display: table
}
.profilePage .top .playerDetails:last-child {
    margin-right: 0
}
.profilePage .top .playerDetails .avatarWrapper {
    -webkit-flex-basis: 120px;
    -ms-flex-preferred-size: 120px;
    flex-basis: 120px;
    padding: 10px
}
.profilePage .top .playerDetails .avatarWrapper img.avatar {
    height: auto
}
.profilePage .top .playerDetails .boxTop {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0
}
.profilePage .top .playerDetails .boxTop .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.profilePage .top .playerDetails .boxTop .container.withMargin {
    margin-bottom: 15px
}
.profilePage .top .playerDetails .boxTop .container a {
    margin-left: 10px
}
.profilePage .top .playerDetails .boxTop .container a:first-of-type {
    margin-left: auto
}
.profilePage .top .playerDetails .boxTop .container a span.icon-signIn {
    cursor: pointer
}
.profilePage .top .playerDetails .boxTop .info {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 10px 10px 10px 0
}
.profilePage .top .playerDetails .boxTop .info .userGroup {
    color: #e6bb60
}
.profilePage .top .playerDetails .boxTop .info .displayName {
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    float: left
}
.profilePage .top .playerDetails .boxTop .info .profileSettingsIcon {
    float: right;
    width: 16px
}
.profilePage .top .playerDetails .boxTop .info p {
    font-family: Arial, sans-serif;
    font-size: 12px;
    margin-bottom: 0
}
.profilePage .top .playerDetails .bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    padding: 10px
}
.profilePage .top .playerDetails .bottom::after {
    clear: both;
    content: "";
    display: table
}
.profilePage .top .playerDetails .bottom>div {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px
}
.profilePage .top .playerDetails .bottom>div:first-child {
    margin-top: 0;
    margin-left: 0
}
.profilePage .top .playerDetails .bottom>div:only-child {
    margin-right: 0
}
.profilePage .top .playerDetails .bottom>div button {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}
@media screen and (min-width: 40em) {
    .profilePage .top .playerDetails .bottom {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .profilePage .top .playerDetails .bottom>div {
        margin-left: 10px;
        margin-top: 0
    }
    .profilePage .top .playerDetails .bottom>div:only-child {
        margin-right: 50%
    }
    .profilePage .top .playerDetails {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 47.71784%;
        margin-bottom: 0
    }
    .profilePage .top .playerDetails:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 53.75em) {
    .profilePage .top .playerDetails {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 39.00415%;
        margin-bottom: 0
    }
    .profilePage .top .playerDetails:last-child {
        margin-right: 0
    }
}
.profilePage .top .currentLevel {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%;
    margin-bottom: 20px
}
.profilePage .top .currentLevel:last-child {
    margin-right: 0
}
.profilePage .top .currentLevel .box {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    padding: 20px
}
.profilePage .top .currentLevel .box::after {
    clear: both;
    content: "";
    display: table
}
.profilePage .top .currentLevel .value {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.profilePage .top .currentLevel .value:last-child {
    margin-right: 0
}
.profilePage .top .currentLevel .value h2 {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 47.71784%;
    color: #fff;
    font-family: Arial, sans-serif;
    text-align: center;
    font-weight: 400;
    margin-bottom: 0
}
.profilePage .top .currentLevel .value h2:last-child {
    margin-right: 0
}
.profilePage .top .currentLevel .metric {
    margin-bottom: 20px;
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.profilePage .top .currentLevel .metric:last-child {
    margin-right: 0
}
.profilePage .top .currentLevel .metric h4 {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 47.71784%;
    color: #fff;
    font-family: Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    margin-bottom: 0
}
.profilePage .top .currentLevel .metric h4:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .profilePage .top .currentLevel {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 100%
    }
    .profilePage .top .currentLevel:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 53.75em) {
    .profilePage .top .currentLevel {
        margin-bottom: 0;
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 21.57676%
    }
    .profilePage .top .currentLevel:last-child {
        margin-right: 0
    }
}
.profilePage .top .achievements {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%;
    margin-bottom: 20px
}
.profilePage .top .achievements:last-child {
    margin-right: 0
}
.profilePage .top .achievements ul {
    max-height: 180px;
    padding: 10px;
    margin: 0;
    overflow: hidden
}
.profilePage .top .achievements ul:hover {
    overflow: scroll;
    overflow-x: hidden
}
.profilePage .top .achievements .noAchievements {
    text-align: center;
    padding-top: 20px
}
@media screen and (min-width: 40em) {
    .profilePage .top .achievements {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 100%
    }
    .profilePage .top .achievements:last-child {
        margin-right: 0
    }
    .profilePage .bottomContent .contentButtons button {
        min-width: 130px
    }
}
@media screen and (min-width: 53.75em) {
    .profilePage .top .achievements {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 21.57676%
    }
    .profilePage .top .achievements:last-child {
        margin-right: 0
    }
}
.profilePage .top .achievements .achievement {
    position: relative
}
.profilePage .top .achievements .achievement img {
    margin-right: 15px;
    display: inline
}
.profilePage .top .achievements .achievement p {
    font-size: 14px;
    display: inline;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    top: 7px
}
.profilePage .top .componentSelector {
    padding-top: 10px;
    display: none;
    cursor: pointer;
    text-align: center
}
@media screen and (min-width: 53.75em) {
    .profilePage .top .componentSelector {
        margin-left: 43.56846%;
        float: left;
        margin-right: 4.56432%;
        width: 47.71784%;
        display: block
    }
    .profilePage .top .componentSelector:last-child {
        margin-right: 0
    }
    .profilePage .bottomContent .contentButtons button {
        min-width: 130px
    }
}
.profilePage .top .componentSelector .leftButton {
    float: left
}
.profilePage .top .componentSelector .rightButton {
    float: right;
    display: inline-block
}
.profilePage .top .componentSelector .dot {
    margin: 5px;
    border: 5px solid #cdc2b3;
    display: inline-block;
    border-radius: 50%
}
.profilePage .top .componentSelector .dot.inactive {
    border: 5px solid rgba(205, 194, 179, .2)
}
.newsfeedList .newsfeedListLeft li,
.newsfeedList .newsfeedListRight li {
    border: 0
}
.profilePage .bottomContent {
    margin-top: 20px
}
.profilePage .bottomContent .contentButtons {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto
}
.profilePage .bottomContent .contentButtons::after {
    clear: both;
    content: "";
    display: table
}
.profilePage .bottomContent .contentButtons button {
    margin-right: 10px
}
.profilePage .bottomContent .contentButtons button.followingButton {
    margin: 0
}
.profilePage .hideComponent {
    display: block
}
@media screen and (min-width: 53.75em) {
    .profilePage .hideComponent {
        display: none!important
    }
}
.newsfeedList li {
    margin-bottom: 10px
}
.newsfeedList .newsfeedListLeft {
    max-width: 60em;
    margin-left: auto;
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.newsfeedList .newsfeedListLeft::after {
    clear: both;
    content: "";
    display: table
}
.newsfeedList .newsfeedListLeft:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .newsfeedList .newsfeedListLeft {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 47.71784%
    }
    .newsfeedList .newsfeedListLeft:last-child {
        margin-right: 0
    }
}
.newsfeedList .newsfeedListRight {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.newsfeedList .newsfeedListRight:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .newsfeedList .newsfeedListRight {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 47.71784%
    }
    .newsfeedList .newsfeedListRight:last-child {
        margin-right: 0
    }
}
.newsfeedList .newsfeedListItem {
    max-width: 60em;
    margin-left: auto;
    box-shadow: 0 1.5px 1px rgba(0, 0, 0, .24), 0 1.5px 3px rgba(0, 0, 0, .12);
    background-color: #1d2228;
    margin-bottom: 10px;
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.newsfeedList .newsfeedListItem::after {
    clear: both;
    content: "";
    display: table
}
.newsfeedList .newsfeedListItem:hover {
    box-shadow: none;
    background-color: #323b46
}
.newsfeedList .newsfeedListItem img {
    float: left;
    display: block;
    width: 16.34855%;
    margin-right: 0
}
.newsfeedList .newsfeedListItem img:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .newsfeedList .newsfeedListItem img {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 21.57676%
    }
    .newsfeedList .newsfeedListItem img:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 53.75em) {
    .newsfeedList .newsfeedListItem img {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 12.86307%
    }
    .newsfeedList .newsfeedListItem img:last-child {
        margin-right: 0
    }
}
.newsfeedList .newsfeedListItem .article {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 82.57261%;
    padding: 5px
}
.newsfeedList .newsfeedListItem .article:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .newsfeedList .newsfeedListItem .article {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 73.85892%
    }
    .newsfeedList .newsfeedListItem .article:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 53.75em) {
    .newsfeedList .newsfeedListItem .article {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 82.57261%
    }
    .newsfeedList .newsfeedListItem .article:last-child {
        margin-right: 0
    }
}
.newsfeedList .newsfeedListItem .article .displayName {
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
    padding-right: 5px
}
.newsfeedList .newsfeedListItem .article .action {
    font-weight: 400;
    display: inline-block;
    padding-right: 5px
}
.newsfeedList .newsfeedListItem .article a {
    font-size: 14px;
    padding: 0;
    line-height: normal
}
.newsfeedList .newsfeedListItem .article .context {
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 400;
    color: #fff
}
.newsfeedList .newsfeedListItem .article .context:hover {
    color: #8A2BE2
}
.newsfeedList .newsfeedListItem .article .context.unread {
    color: #e6bb60;
    font-weight: 700
}
.newsfeedList .newsfeedListItem .time {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.newsfeedList .newsfeedListItem .time:last-child,
.newsfeedList .newsfeedListItem:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .newsfeedList .newsfeedListItem {
        margin-bottom: 5px
    }
}
button.newsfeedLoad {
    margin-top: 10px;
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
button.newsfeedLoad:last-child {
    margin-right: 0
}
.settingsPage {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 300px;
    padding: 20px;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}
.settingsPage h3 {
    display: inline-block;
    font-family: Arvo, serif;
    font-size: 16px;
    text-align: left;
    line-height: 1;
    font-weight: 400;
    margin: 0 0 20px
}
.settingsPage .box {
    box-shadow: 0 3px 3px rgba(0, 0, 0, .23), 0 3px 6px rgba(0, 0, 0, .16);
    padding: 10px;
    background-color: #1d2228;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}
.settingsPage .box.clearBox {
    box-shadow: none;
    background-color: transparent;
    padding: 0
}
.settingsPage .box input[type=email],
.settingsPage .box input[type=password],
.settingsPage .box input[type=text] {
    height: 32px
}
.settingsPage .box input[type=email]:only-child,
.settingsPage .box input[type=password]:only-child,
.settingsPage .box input[type=text]:only-child {
    margin: 0
}
.settingsPage .box input[type=email]:first-of-type,
.settingsPage .box input[type=password]:first-of-type,
.settingsPage .box input[type=text]:first-of-type {
    margin-top: 0
}
.settingsPage .box input[type=email]:last-of-type,
.settingsPage .box input[type=password]:last-of-type,
.settingsPage .box input[type=text]:last-of-type {
    margin-bottom: 0
}
.settingsPage .top {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}
.settingsPage .top::after {
    clear: both;
    content: "";
    display: table
}
.settingsPage .settingsFooter,
.settingsPage .tabs-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.settingsPage .settingsTile {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-bottom: 20px
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .settingsPage .settingsTile {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
}
@media screen and (min-width: 40em) {
    .settingsPage .settingsTile {
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-basis: 48%;
        -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
        margin-bottom: 0;
        margin-right: 2%
    }
    .settingsPage .settingsTile:first-child {
        margin-left: 0
    }
    .settingsPage .settingsTile:last-child {
        margin-right: auto
    }
    .settingsPage .settingsTile:nth-child(2n) {
        margin-right: 0
    }
}
@media screen and (min-width: 53.75em) {
    .settingsPage .settingsTile {
        -webkit-flex-basis: 32%;
        -ms-flex-preferred-size: 32%;
        flex-basis: 32%
    }
    .settingsPage .settingsTile:nth-child(1n) {
        margin-right: 2%
    }
    .settingsPage .settingsTile:nth-child(3n) {
        margin-right: 0
    }
    .settingsPage .settingsTile:last-child {
        margin-right: auto
    }
    .settingsPage .dropdown .dropdown-button {
        padding: 0 2.5em 0 .5em
    }
}
.settingsPage .settingsTile:last-child {
    margin-bottom: 0
}
.settingsPage .settingsFooter {
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 10px
}
.settingsPage .dropdown {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%;
    line-height: 1.5
}
.settingsPage .dropdown:last-child {
    margin-right: 0
}
.settingsPage .dropdown .dropdown-container {
    display: block;
    position: relative;
    text-align: center
}
.settingsPage .dropdown .dropdown-container p {
    font-size: 12px;
    color: #333
}
.settingsPage .dropdown .dropdown-button {
    background: #f9f9f9;
    background: -webkit-linear-gradient(#f9f9f9, #c7c7c7);
    background: linear-gradient(#f9f9f9, #c7c7c7);
    border-top: 1px solid silver;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    cursor: pointer;
    font-weight: 400;
    line-height: 30px;
    height: 30px;
    box-sizing: content-box;
    margin: 0;
    padding: 0 2.5em 0 .5em;
    position: relative
}
.settingsPage .dropdown .dropdown-button:hover {
    background-color: #b3b3b3
}
.settingsPage .dropdown .dropdown-button:after {
    color: #333;
    content: "\25BE";
    display: block;
    position: absolute;
    right: 1em;
    top: 0
}
.settingsPage .dropdown .dropdown-menu {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background: #f9f9f9;
    background: -webkit-linear-gradient(#f9f9f9, #c7c7c7);
    background: linear-gradient(#f9f9f9, #c7c7c7);
    border: 1px solid silver;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
    color: #333;
    cursor: pointer;
    display: none;
    margin: 0;
    overflow: show;
    padding: 0;
    position: absolute;
    right: 0;
    top: 33px;
    width: 228px;
    z-index: 99999
}
.badgesTile badge-selector .dropdown ul.dropdown-menu,
.friendList ul li,
.settingsPage .tabs-container .tab {
    box-shadow: 0 3px 3px rgba(0, 0, 0, .23), 0 3px 6px rgba(0, 0, 0, .16)
}
.settingsPage .dropdown .dropdown-menu:before {
    position: absolute;
    right: 1em;
    bottom: 0;
    left: 0;
    color: #fff;
    font-size: 12px;
    pointer-events: none;
    text-shadow: 0 -2px 2px rgba(0, 0, 0, .3);
    top: -.7em
}
.settingsPage .dropdown .dropdown-menu li {
    color: #333;
    font-size: 12px;
    border-bottom: 1px solid silver;
    list-style: none;
    padding: .5em
}
.settingsPage .dropdown .dropdown-menu li.selected,
.settingsPage .dropdown .dropdown-menu li:hover {
    background: #b3b3b3
}
.settingsPage .dropdown .dropdown-menu li:last-child {
    border: none
}
.settingsPage .dropdown .show-menu {
    display: block
}
.settingsPage .tabs-container {
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-bottom: 20px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.settingsPage .tabs-container .tab {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 40%;
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    height: 30px;
    text-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: background .5s;
    transition: background .5s;
    min-width: 100px;
    margin-right: 10px
}
.settingsPage .tabs-container .tab:nth-child(1n+3) {
    margin-top: 10px
}
.settingsPage .tabs-container .tab:nth-child(2n+2) {
    margin-right: 0
}
.settingsPage .tabs-container div.tab {
    background: #fff;
    color: #000
}
.settingsPage .tabs-container div.tab.active {
    background: #e6bb60;
    color: #000
}
@media screen and (min-width: 40em) {
    .settingsPage .tabs-container .tab {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0
    }
    .settingsPage .tabs-container .tab:nth-child(1n) {
        margin-top: 0;
        margin-right: 20px
    }
    .settingsPage .tabs-container .tab:last-child {
        margin-right: 0
    }
}
.profileSettingsPage,
.profileSettingsPage .playerAvatar .container {
    margin-left: auto;
    margin-right: auto;
    max-width: 60em
}
.settingsPage .tab-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.settingsPage .tab-pane {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-height: 210px;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}
.settingsPage .tab-pane>* {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}
.profileSettingsPage::after {
    clear: both;
    content: "";
    display: table
}
.profileSettingsPage .playerAvatar {
    margin-bottom: 20px
}
.profileSettingsPage .playerAvatar .boxTop {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.profileSettingsPage .playerAvatar img {
    width: 100px;
    height: 100px;
    float: left;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.profileSettingsPage .playerAvatar .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.profileSettingsPage .playerAvatar .container::after {
    clear: both;
    content: "";
    display: table
}
.profileSettingsPage .playerAvatar .info {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.profileSettingsPage .playerAvatar .info p {
    padding-bottom: 10px;
    color: #a2a2a2;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}
.profileSettingsPage .playerAvatar .info .fileUploadWrapper {
    margin-left: auto;
    margin-top: auto;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}
.profileSettingsPage .playerAvatar .info .fileUpload {
    position: relative;
    overflow: hidden;
    float: right;
    padding-top: 0
}
.profileSettingsPage .playerAvatar .info .fileUpload button {
    min-width: 0
}
.profileSettingsPage .playerAvatar .info .fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding-top: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0)
}
.friendList ul li,
.profileSettingsPage .badgesTile,
.profileSettingsPage .displayName,
.profileSettingsPage .memberTitle,
.profileSettingsPage .profileSignature {
    margin-bottom: 20px
}
.profileSettingsPage .displayName .box,
.profileSettingsPage .memberTitle .box {
    padding: 8px 10px 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
.profileSettingsPage .displayName .box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.profileSettingsPage .displayName input {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.profileSettingsPage .displayName input:last-child {
    margin-right: 0
}
.profileSettingsPage .displayName .errorButton {
    float: left;
    display: block;
    width: 100%;
    max-width: 60em;
    margin-left: auto;
    margin-right: auto
}
.profileSettingsPage .displayName .errorButton:last-child {
    margin-right: 0
}
.profileSettingsPage .displayName .errorButton::after {
    clear: both;
    content: "";
    display: table
}
.profileSettingsPage .displayName .errorButton .errorContainer {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 56.43154%;
    word-wrap: break-word
}
.profileSettingsPage .displayName .errorButton .errorContainer:last-child {
    margin-right: 0
}
.profileSettingsPage .displayName .errorButton button {
    display: block;
    margin-right: 4.56432%;
    width: 30.29046%;
    float: right;
    margin-top: 5px
}
.profileSettingsPage .displayName .errorButton button:last-child {
    margin-right: 0
}
.profileSettingsPage .memberTitle .box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.profileSettingsPage .memberTitle input {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.profileSettingsPage .memberTitle input:last-child {
    margin-right: 0
}
.profileSettingsPage .memberTitle .buttonWrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto
}
.profileSettingsPage .memberTitle .buttonWrapper button {
    margin-left: auto
}
.profileSettingsPage .badgesTile .box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.profileSettingsPage .badgesTile input {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.profileSettingsPage .badgesTile input:last-child {
    margin-right: 0
}
.profileSettingsPage .badgesTile .base-container {
    width: 90px;
    height: 90px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.profileSettingsPage .badgesTile .errorButton {
    float: left;
    display: block;
    width: 100%;
    max-width: 60em;
    margin-left: auto;
    margin-right: auto
}
.profileSettingsPage .badgesTile .errorButton:last-child {
    margin-right: 0
}
.profileSettingsPage .badgesTile .errorButton::after {
    clear: both;
    content: "";
    display: table
}
.profileSettingsPage .badgesTile .errorButton .errorContainer {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 56.43154%;
    word-wrap: break-word
}
.profileSettingsPage .badgesTile .errorButton .errorContainer:last-child {
    margin-right: 0
}
.profileSettingsPage .badgesTile .errorButton button {
    display: block;
    margin-right: 4.56432%;
    width: 30.29046%;
    float: right;
    margin-top: 5px
}
.profileSettingsPage .badgesTile .errorButton button:last-child {
    margin-right: 0
}
.profileSettingsPage .userGroup .box {
    padding: 10px
}
.profileSettingsPage .userGroup button {
    float: right
}
.profileSettingsPage .profileSignature .box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 8px 10px 10px
}
.profileSettingsPage .profileSignature textarea {
    height: 70px;
    min-width: 0;
    resize: none
}
.profileSettingsPage .profileSignature .charCount {
    top: 0
}
.profileSettingsPage .profileSignature .errorButton {
    float: left;
    display: block;
    width: 100%;
    max-width: 60em;
    margin-left: auto;
    margin-right: auto
}
.profileSettingsPage .profileSignature .errorButton:last-child {
    margin-right: 0
}
.profileSettingsPage .profileSignature .errorButton::after {
    clear: both;
    content: "";
    display: table
}
.profileSettingsPage .profileSignature .errorButton .errorContainer {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 56.43154%;
    word-wrap: break-word
}
.profileSettingsPage .profileSignature .errorButton .errorContainer:last-child {
    margin-right: 0
}
.profileSettingsPage .profileSignature .errorButton button {
    display: block;
    margin-right: 4.56432%;
    width: 30.29046%;
    float: right;
    margin-top: 5px
}
.profileSettingsPage .profileSignature .errorButton button:last-child {
    margin-right: 0
}
.userSettingsForm {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.userSettingsForm:last-child {
    margin-right: 0
}
@media screen and (min-width: 30em) {
    .userSettingsForm {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 82.57261%
    }
    .userSettingsForm:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 40em) {
    .userSettingsForm {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 65.14523%
    }
    .userSettingsForm:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 53.75em) {
    .userSettingsForm {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 47.71784%
    }
    .userSettingsForm:last-child {
        margin-right: 0
    }
}
.userSettingsForm input {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.userSettingsForm input:last-child {
    margin-right: 0
}
@media screen and (min-width: 30em) {
    .userSettingsForm input {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 100%
    }
    .userSettingsForm input:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 40em) {
    .userSettingsForm input {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 82.57261%
    }
    .userSettingsForm input:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 53.75em) {
    .userSettingsForm input {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 65.14523%
    }
    .userSettingsForm input:last-child {
        margin-right: 0
    }
}
.userSettingsForm .inputError {
    font-family: Arial;
    color: #c9d0d3;
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.userSettingsForm .inputError:last-child {
    margin-right: 0
}
@media screen and (min-width: 30em) {
    .userSettingsForm .inputError {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 100%
    }
    .userSettingsForm .inputError:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 40em) {
    .userSettingsForm .inputError {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 82.57261%
    }
    .userSettingsForm .inputError:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 53.75em) {
    .userSettingsForm .inputError {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 65.14523%
    }
    .userSettingsForm .inputError:last-child {
        margin-right: 0
    }
}
.userSettingsForm .submitArea {
    margin-top: 5px
}
@media screen and (min-width: 30em) {
    .userSettingsForm .submitArea {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 100%
    }
    .userSettingsForm .submitArea:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 40em) {
    .userSettingsForm .submitArea {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 47.71784%;
        margin-left: 34.85477%
    }
    .userSettingsForm .submitArea:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 53.75em) {
    .userSettingsForm .submitArea {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 47.71784%;
        margin-left: 17.42739%
    }
    .userSettingsForm .submitArea:last-child {
        margin-right: 0
    }
}
.userSettingsForm .button-login {
    float: right;
    font-family: Arvo, serif;
    display: inline-block;
    border: 0;
    font-weight: 300;
    background: #65696B;
    background-image: -webkit-linear-gradient(top, #65696B, #545759);
    background-image: linear-gradient(to bottom, #65696B, #545759);
    color: #fff;
    font-size: 14px;
    padding: 8px 20px;
    text-decoration: none;
    border-radius: 0
}
.resetPasswordPage .resetPasswordForm p,
.userSettingsForm p {
    font-size: .85em
}
.userSettingsForm .button-login:hover {
    background: #939799;
    text-decoration: none
}
.resetPasswordPage {
    padding: 20px
}
.resetPasswordPage .resetPasswordForm {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.resetPasswordPage .resetPasswordForm:last-child {
    margin-right: 0
}
@media screen and (min-width: 30em) {
    .resetPasswordPage .resetPasswordForm {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 82.57261%
    }
    .resetPasswordPage .resetPasswordForm:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 40em) {
    .resetPasswordPage .resetPasswordForm {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 65.14523%
    }
    .resetPasswordPage .resetPasswordForm:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 53.75em) {
    .resetPasswordPage .resetPasswordForm {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 47.71784%
    }
    .resetPasswordPage .resetPasswordForm:last-child {
        margin-right: 0
    }
}
.resetPasswordPage .resetPasswordForm p.greeting {
    line-height: 1.2
}
@media screen and (min-width: 40em) {
    .resetPasswordPage .resetPasswordForm p.greeting {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 82.57261%
    }
    .resetPasswordPage .resetPasswordForm p.greeting:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 53.75em) {
    .resetPasswordPage .resetPasswordForm p.greeting {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 65.14523%
    }
    .resetPasswordPage .resetPasswordForm p.greeting:last-child {
        margin-right: 0
    }
}
.resetPasswordPage .resetPasswordForm input {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.resetPasswordPage .resetPasswordForm input:last-child {
    margin-right: 0
}
@media screen and (min-width: 30em) {
    .resetPasswordPage .resetPasswordForm input {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 100%
    }
    .resetPasswordPage .resetPasswordForm input:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 40em) {
    .resetPasswordPage .resetPasswordForm input {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 82.57261%
    }
    .resetPasswordPage .resetPasswordForm input:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 53.75em) {
    .resetPasswordPage .resetPasswordForm input {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 65.14523%
    }
    .resetPasswordPage .resetPasswordForm input:last-child {
        margin-right: 0
    }
}
.resetPasswordPage .resetPasswordForm .inputError {
    font-family: Arial;
    color: #c9d0d3;
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.resetPasswordPage .resetPasswordForm .inputError:last-child {
    margin-right: 0
}
@media screen and (min-width: 30em) {
    .resetPasswordPage .resetPasswordForm .inputError {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 100%
    }
    .resetPasswordPage .resetPasswordForm .inputError:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 40em) {
    .resetPasswordPage .resetPasswordForm .inputError {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 82.57261%
    }
    .resetPasswordPage .resetPasswordForm .inputError:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 53.75em) {
    .resetPasswordPage .resetPasswordForm .inputError {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 65.14523%
    }
    .resetPasswordPage .resetPasswordForm .inputError:last-child {
        margin-right: 0
    }
}
.resetPasswordPage .resetPasswordForm .submitArea {
    margin-top: 5px
}
@media screen and (min-width: 30em) {
    .resetPasswordPage .resetPasswordForm .submitArea {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 100%
    }
    .resetPasswordPage .resetPasswordForm .submitArea:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 40em) {
    .resetPasswordPage .resetPasswordForm .submitArea {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 82.57261%
    }
    .resetPasswordPage .resetPasswordForm .submitArea:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 53.75em) {
    .resetPasswordPage .resetPasswordForm .submitArea {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 65.14523%
    }
    .resetPasswordPage .resetPasswordForm .submitArea:last-child {
        margin-right: 0
    }
}
.friendList ul::after,
.friendList::after {
    display: table;
    clear: both;
    content: ""
}
.friendList,
.friendList ul {
    margin-right: auto;
    max-width: 60em;
    margin-left: auto
}
.resetPasswordPage .resetPasswordForm .submitArea button {
    width: 100%
}
.resetPasswordPage .resetPasswordForm .submitArea p {
    padding-top: 20px;
    width: 100%;
    text-align: center
}
.resetPasswordPage .resetPasswordForm .submitArea p a {
    color: #c9d0d3;
    cursor: pointer;
    text-decoration: underline
}
.friendList ul li {
    max-width: 60em;
    margin-left: auto;
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%;
    background-color: #30353b
}
.friendList ul li::after {
    clear: both;
    content: "";
    display: table
}
.friendList ul li:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .friendList ul li {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 47.71784%
    }
    .friendList ul li:last-child,
    .friendList ul li:nth-child(2n) {
        margin-right: 0
    }
    .friendList ul li:nth-child(2n+1) {
        clear: left
    }
    .friendListItem .top .avatar {
        min-height: 90px
    }
}
@media screen and (min-width: 53.75em) {
    .friendList ul li,
    .friendList ul li:nth-child(2n) {
        margin-right: 4.56432%
    }
    .friendList ul li {
        float: left;
        display: block;
        width: 30.29046%
    }
    .friendList ul li:last-child,
    .friendList ul li:nth-child(3n) {
        margin-right: 0
    }
    .friendList ul li:nth-child(2n+1) {
        clear: none
    }
    .friendList ul li:nth-child(3n+1) {
        clear: left
    }
}
.friendListItem .top::after,
.friendListItem::after {
    display: table;
    content: ""
}
.friendListItem,
.friendListItem .top {
    margin-left: auto;
    margin-right: auto;
    max-width: 60em
}
.friendList button {
    width: 100%
}
.friendListItem::after {
    clear: both
}
.friendListItem .top {
    padding: 0;
    border: none
}
.friendListItem .top::after {
    clear: both
}
.friendListItem .top .avatar {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 30.29046%
}
.friendListItem .top .avatar:last-child {
    margin-right: 0
}
.friendListItem .top .info {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 65.14523%;
    padding: 10px 10px 10px 0
}
.friendListItem .top .info:last-child {
    margin-right: 0
}
.friendListItem .top .info .displayName {
    font-weight: 700;
    padding-bottom: 10px
}
.friendListItem .top .info .secondary-text {
    color: #fff
}
.friendListItem .top .info p {
    margin: 0
}
.friendListItem .top:hover {
    background-color: #474e57;
    cursor: pointer
}
.friendListItem .bottom {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    padding: 10px
}
.friendListItem .bottom::after {
    clear: both;
    content: "";
    display: table
}
.friendListItem .bottom button {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 47.71784%
}
.friendListItem .bottom button:last-child {
    margin-right: 0
}
user-pane,
user-pane .userPane {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.userPane-Desktop {
    display: none
}
@media screen and (min-width: 40em) {
    .userPane-Desktop {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}
.userPane-Desktop .name-container {
    margin-bottom: 5px
}
.userPane-Desktop .name-container p {
    margin: 0;
    padding: 0;
    cursor: pointer;
    font-weight: 700;
    line-height: 1em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.userPane-Desktop .name-container p:hover {
    color: #8A2BE2
}
.userPane-Desktop .name-container.adminType,
.userPane-Desktop .name-container.adminType a,
.userPane-Desktop .name-container.adminType p {
    background-color: #30353b;
    color: #fff
}
.userPane-Desktop .name-container.adminType p:hover {
    color: #8A2BE2
}
.userPane-Desktop .profile-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-top: 15px
}
@media all and (-ms-high-contrast: none) and (-ms-high-contrast: active) and (max-width: 480px) {
    .userPane-Desktop .profile-container .avatar-container {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .userPane-Desktop .profile-container .avatar-container .avatar {
        max-height: 150px
    }
}
.userPane-Desktop .profile-container .avatar-container .avatar {
    margin-right: auto;
    margin-bottom: 10px
}
.userPane-Desktop .profile-container .badges-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-display: row;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.userPane-Desktop .profile-container .badges-container .badge img {
    width: 30px;
    height: 30px
}
.userPane-Desktop .profile-container .postCount {
    margin-bottom: 0;
    margin-top: 10px
}
.userPane-Desktop .profile-container .postCount span {
    color: #fff
}
.userPane-Desktop .profile-container .userGroup {
    color: #e6bb60
}
.userPane-Desktop .profile-container .userGroup+.postCount {
    margin-top: 0
}
.userPane-Desktop .profile-container p {
    line-height: 1;
    margin-bottom: 10px
}
.userPane-Desktop .profile-container .memberTitle {
    font-size: 12px;
    font-weight: 700
}
.userPane-Desktop .profile-container .profileSignature {
    font-size: 10px;
    line-height: normal;
    word-wrap: break-word
}
.userPane-Desktop .profile-container button {
    margin-top: 10px;
    min-width: 0;
    padding: 0
}
.userPane-Mobile {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex: 1 0;
    -ms-flex: 1 0;
    flex: 1 0;
    height: 100%
}
@media screen and (min-width: 40em) {
    .userPane-Mobile {
        display: none
    }
}
.userPane-Mobile .profile-container,
notification-settings {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.userPane-Mobile .profile-container {
    padding: 10px;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}
.userPane-Mobile .profile-container .avatar {
    max-height: 60px;
    width: auto
}
.userPane-Mobile .profile-container .right {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 10px
}
.userPane-Mobile .profile-container .right .top.adminType {
    padding-left: 10px;
    background-color: #30353b;
    color: #fff
}
.userPane-Mobile .profile-container .right .top.adminType p:hover,
.userPane-Mobile .profile-container .right p.username:hover {
    color: #8A2BE2
}
.userPane-Mobile .profile-container .right p.username {
    padding: 10px 10px 10px 0;
    cursor: pointer;
    font-weight: 700;
    line-height: 1em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0
}
.userPane-Mobile .profile-container .right .perma-link-container {
    margin-top: 5px
}
.userPane-Mobile .profile-container .right .perma-link-container a {
    margin: 0;
    padding: 0;
    cursor: pointer;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #fff
}
notification-settings .settingsTile.submitButton,
user-details {
    margin-left: auto
}
.userPane-Mobile .profile-container .right .perma-link-container a:hover {
    color: #8A2BE2
}
.userPane-Mobile .profile-container .right p.timeSince.adminType {
    padding-top: 5px;
    padding-left: 10px
}
.userPane-Mobile .profile-container .right content-actions {
    float: right;
    padding: 10px
}
user-details {
    max-width: 60em;
    margin-right: auto
}
user-details::after {
    clear: both;
    content: "";
    display: table
}
user-details .top-container {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
user-details .top-container:last-child {
    margin-right: 0
}
user-details .avatarWrapper {
    float: left;
    display: block;
    width: 30.29046%;
    margin-right: 10px
}
user-details .avatarWrapper:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    user-details .avatarWrapper {
        float: left;
        display: block;
        width: 21.57676%;
        margin-right: 10px
    }
    user-details .avatarWrapper:last-child {
        margin-right: 0
    }
}
user-details .avatarWrapper img.avatar {
    height: auto
}
user-details .info {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 65.14523%
}
user-details .info:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    user-details .info {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 73.85892%
    }
    user-details .info:last-child {
        margin-right: 0
    }
}
user-details .info .userGroup {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%;
    color: #e6bb60
}
user-details .info .userGroup:last-child {
    margin-right: 0
}
user-details .info .displayName {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 82.57261%;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px
}
user-details .info .displayName:last-child {
    margin-right: 0
}
user-details .info .settings-link {
    float: right
}
user-details .info .joined-date {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
user-details .info .joined-date:last-child {
    margin-right: 0
}
user-details .info .post-count {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
user-details .info .post-count:last-child {
    margin-right: 0
}
user-details .info .points {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
user-details .info .points:last-child {
    margin-right: 0
}
user-details .info p {
    font-family: Arial, sans-serif;
    font-size: 12px;
    margin-bottom: 0
}
.relationshipButton {
    width: 100%;
    min-width: 0;
    padding: 0
}
notification-settings {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}
.notificationSettings,
.notificationSettings .itemWrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.notificationSettings {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px
}
.notificationSettings .itemWrapper {
    display: flex;
    margin: 2px 0 3px
}
.notificationSettings .itemWrapper .checkboxWrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px
}
.notificationSettings .itemWrapper .checkboxWrapper input[type=checkbox] {
    margin-left: 10px
}
.notificationSettings .itemWrapper .checkboxWrapper:last-of-type {
    margin-left: 6px
}
.notificationSettings .itemWrapper .checkboxWrapper:only-of-type {
    margin: 0
}
.notificationSettings .itemWrapper label {
    font-size: 12px;
    color: #fff;
    margin-left: 5px
}
.notificationSettings .columnHeaders .checkboxWrapper:first-child {
    margin-left: 5px
}
.notificationSettings .columnHeaders .checkboxWrapper:last-child {
    margin-left: 0
}
.notificationSettings .columnHeaders p {
    color: #fff;
    text-decoration: underline;
    font-size: 12px
}
.notificationSettings .settingsTitle {
    color: #e6bb60;
    margin-top: 7px
}
.notificationSettings .settingsTitle:first-child {
    margin-top: 0
}
.notificationSettings .notificationSettingsFooter {
    margin-top: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.notificationSettings .notificationSettingsFooter button {
    margin-left: auto
}
.badgesTile badge-selector .dropdown {
    margin-bottom: 0
}
.badgesTile badge-selector .dropdown .dropdown-button {
    background: 0 0;
    border: none;
    height: inherit;
    padding: 0
}
.badgesTile badge-selector .dropdown .dropdown-button:hover {
    background: 0 0
}
.badgesTile badge-selector .dropdown ul.dropdown-menu {
    width: 130px;
    top: 57px;
    background: #30353b;
    border: none
}
.badgesTile badge-selector .dropdown ul.dropdown-menu.withBadge {
    top: 83px
}
.badgesTile badge-selector .dropdown ul.dropdown-menu li.badgeItem {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: none
}
.badgesTile badge-selector .dropdown ul.dropdown-menu li.badgeItem .badgeIcon {
    width: 25px;
    height: 25px
}
.badgesTile badge-selector .dropdown ul.dropdown-menu li.badgeItem .badgeIcon img {
    width: 25px;
    height: 25px;
    padding: 0
}
.badgesTile badge-selector .dropdown ul.dropdown-menu li.badgeItem .badgeIcon span.icon {
    margin-left: 3px;
    font-size: 20px
}
.badgesTile badge-selector .dropdown ul.dropdown-menu li.badgeItem .badgeTitle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}
.badgesTile badge-selector .dropdown ul.dropdown-menu li.badgeItem .badgeTitle p {
    color: #fff;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin: 0;
    font-size: 12px
}
.badgesTile badge-selector .dropdown ul.dropdown-menu li.badgeItem:first-child .badgeIcon,
.badgesTile badge-selector .dropdown ul.dropdown-menu li.badgeItem:first-child .badgeIcon img {
    width: inherit;
    height: inherit
}
.badgesTile badge-selector .addBadgeIcon {
    vertical-align: middle
}
.badgesTile badge-selector .base-container:first-child ul.dropdown-menu {
    left: -10px
}
.badgesTile badge-selector .base-container:nth-child(1n+2) ul.dropdown-menu {
    left: -30px
}
.badgesTile badge-selector .base-container:last-child ul.dropdown-menu {
    left: -50px
}
.accountSettingsPage .settingsTile:nth-child(1n+4) {
    margin-top: 20px
}
.accountSettingsPage .userGroup {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.accountSettingsPage .userGroup h3 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}
.accountSettingsPage .userGroup .box {
    padding: 10px
}
.accountSettingsPage .userGroup button {
    float: right
}
.accountSettingsPage .ban .box {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    padding: 20px
}
.accountSettingsPage .ban .box::after {
    clear: both;
    content: "";
    display: table
}
.accountSettingsPage .ban .box p {
    float: left;
    display: inline-block;
    font-size: 12px;
    color: #a2a2a2
}
.accountSettingsPage .ban .box input {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%;
    margin-bottom: 10px
}
.accoladesSettingsPage .redeemCoupon,
.accountSettingsPage .emailChange,
.accountSettingsPage .passwordChange {
    margin-bottom: 20px
}
.accountSettingsPage .ban .box input:last-child {
    margin-right: 0
}
.accountSettingsPage .ban .box button {
    float: right
}
.accountSettingsPage .ban .box .hide {
    display: none
}
.accountSettingsPage .ban .squaredFour {
    float: left;
    width: 12px;
    margin-right: 10px;
    margin-top: 2px;
    position: relative
}
.accountSettingsPage .ban .squaredFour label {
    width: 12px;
    height: 12px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    background: #f9f9f9;
    background: -webkit-linear-gradient(#f9f9f9, #c7c7c7);
    background: linear-gradient(#f9f9f9, #c7c7c7);
    border-radius: 4px;
    box-shadow: inset 0 1px 1px #fff, 0 1px 3px rgba(0, 0, 0, .5)
}
.accountSettingsPage .ban .squaredFour label:after {
    content: '';
    width: 9px;
    height: 5px;
    position: absolute;
    top: 3px;
    left: 2px;
    border: 3px solid #333;
    border-top: none;
    border-right: none;
    background: 0 0;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.accountSettingsPage .ban .squaredFour label:hover::after {
    opacity: 0
}
.accountSettingsPage .ban .squaredFour input[type=checkbox] {
    visibility: hidden
}
.accountSettingsPage .ban .squaredFour input[type=checkbox]:checked+label:after {
    opacity: 1
}
.accountSettingsPage .emailChange .box,
.accountSettingsPage .passwordChange .box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.accountSettingsPage .emailChange input,
.accountSettingsPage .passwordChange input {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.accountSettingsPage .emailChange input:last-child,
.accountSettingsPage .passwordChange input:last-child {
    margin-right: 0
}
.accountSettingsPage .emailChange .errorButton,
.accountSettingsPage .passwordChange .errorButton {
    float: left;
    display: block;
    width: 100%;
    max-width: 60em;
    margin-left: auto;
    margin-right: auto
}
.accountSettingsPage .emailChange .errorButton:last-child,
.accountSettingsPage .passwordChange .errorButton:last-child {
    margin-right: 0
}
.accountSettingsPage .emailChange .errorButton::after,
.accountSettingsPage .passwordChange .errorButton::after {
    clear: both;
    content: "";
    display: table
}
.accountSettingsPage .emailChange .errorButton .errorContainer,
.accountSettingsPage .passwordChange .errorButton .errorContainer {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 56.43154%;
    word-wrap: break-word
}
.accountSettingsPage .emailChange .errorButton .errorContainer:last-child,
.accountSettingsPage .passwordChange .errorButton .errorContainer:last-child {
    margin-right: 0
}
.accountSettingsPage .emailChange .errorButton button,
.accountSettingsPage .passwordChange .errorButton button {
    display: block;
    margin-right: 4.56432%;
    width: 30.29046%;
    float: right;
    margin-top: 5px
}
.accountSettingsPage .emailChange .errorButton button:last-child,
.accountSettingsPage .passwordChange .errorButton button:last-child {
    margin-right: 0
}
.accountSettingsPage .accountLink .box {
    min-height: 0;
    padding: 10px
}
.accountSettingsPage .accountLink .box .networkIcon {
    float: left
}
.accountSettingsPage .accountLink .box span {
    line-height: 40px;
    padding-left: 14px
}
.accountSettingsPage .accountLink .box .linkIcon {
    float: right;
    padding-left: 0
}
redeem-coupon-tile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
redeem-coupon-tile h3 {
    width: 100%
}
.accoladesSettingsPage .redeemCoupon .box {
    padding: 8px 10px 10px
}
.accoladesSettingsPage .redeemCoupon input {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.accoladesSettingsPage .redeemCoupon input:last-child {
    margin-right: 0
}
.accoladesSettingsPage .redeemCoupon .errorButton {
    float: left;
    display: block;
    width: 100%;
    max-width: 60em;
    margin-left: auto;
    margin-right: auto
}
.accoladesSettingsPage .redeemCoupon .errorButton:last-child {
    margin-right: 0
}
.accoladesSettingsPage .redeemCoupon .errorButton::after {
    clear: both;
    content: "";
    display: table
}
.accoladesSettingsPage .redeemCoupon .errorButton .errorContainer {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 56.43154%;
    word-wrap: break-word
}
.accoladesSettingsPage .redeemCoupon .errorButton .errorContainer:last-child {
    margin-right: 0
}
.accoladesSettingsPage .redeemCoupon .errorButton button {
    display: block;
    margin-right: 4.56432%;
    width: 30.29046%;
    float: right;
    margin-top: 5px
}
.accoladesSettingsPage .redeemCoupon .errorButton button:last-child {
    margin-right: 0
}
.accoladesSettingsPage .pointsEarned .box {
    padding: 8px 10px 5px
}
.accoladesSettingsPage .pointsEarned .pointsValue {
    color: #fff;
    font-size: 24px;
    margin-bottom: 0;
    line-height: 1
}
sign-in-as-modal .usernameLabel {
    font-weight: 700
}
sign-in-as-modal .modalError {
    margin-bottom: 0;
    margin-top: 5px;
    color: #e6bb60;
    margin-left: 5px
}
.searchModalWrapper {
    position: fixed;
    bottom: 0;
    left: 0;
    top: 64px;
    right: 0;
    z-index: 900;
    color: #fff;
    background-color: rgba(48, 53, 59, .95)
}
.searchModal {
    max-width: 60em;
    margin: 0 auto;
    width: 100%;
    padding: 20px 25px 0
}
.searchModal::after {
    clear: both;
    content: "";
    display: table
}
@media screen and (min-width: 40em) {
    .searchModalWrapper {
        top: 64px
    }
    .searchModal {
        padding: 73px 0 0
    }
}
.searchModal h2 {
    margin-top: 0
}
.searchModal h2 span.icon-search {
    margin-right: 15px
}
.searchModal h2 span.icon-close-circle {
    float: right;
    margin-right: 15px;
    cursor: pointer
}
.searchModal .searchInput {
    position: relative;
    color: #2d2f36
}
.searchModal .searchInput input {
    font-size: 22px;
    line-height: 1;
    font-weight: 400;
    display: block;
    width: 100%;
    height: 76px;
    padding: 10px 25px;
    background: #fff;
    outline: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none
}
.searchModal .searchInput.loading:after {
    content: 'Loading...';
    display: block;
    position: absolute;
    color: #000;
    top: 0;
    right: 0;
    height: 100%;
    line-height: 72px;
    padding-right: 10px
}
.resultsContainer {
    max-height: calc(100vh - 250px);
    overflow-y: auto
}
.resultsContainer>ul>li {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.resultsContainer>ul>li:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .resultsContainer>ul>li {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 47.71784%
    }
    .resultsContainer>ul>li:last-child {
        margin-right: 0
    }
}
.resultsContainer.showMore>ul>li {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.resultsContainer.showMore>ul>li:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .resultsContainer.showMore>ul>li {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 100%
    }
    .resultsContainer.showMore>ul>li:last-child {
        margin-right: 0
    }
}
.resultsContainer.showMore .searchResultsBlock header .loadMore {
    display: none
}
.resultsContainer.showMore .searchResultsBlock .loadMoreButton,
.resultsContainer.showMore .searchResultsBlock header .showFewer {
    display: block
}
.searchResultsBlock {
    padding: 2px 0
}
@media screen and (min-width: 40em) {
    .resultsContainer.showMore .searchResultsBlock ul>li {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 43.361%
    }
    .resultsContainer.showMore .searchResultsBlock ul>li:last-child {
        margin-right: 0
    }
    .searchResultsBlock {
        padding: 2px 20px
    }
    .errorModalWrapper {
        top: 64px
    }
}
.searchResultsBlock header {
    border-bottom: 2px solid #5b5e63;
    line-height: 46px
}
.searchResultsBlock header .headerIcon {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    vertical-align: middle
}
.searchResultsBlock header h2 {
    color: #fff;
    display: inline-block
}
.searchResultsBlock header .loadMore,
.searchResultsBlock header .showFewer {
    float: right;
    cursor: pointer;
    font-family: Arial, sans-serif;
    color: #fff;
    font-size: .95em
}
.searchResultsBlock header .loadMore em,
.searchResultsBlock header .showFewer em {
    font-style: normal;
    color: #fff
}
.searchResultsBlock header .showFewer {
    display: none
}
.searchResultsBlock.user .headerIcon:before {
    content: "\eba6"
}
.searchResultsBlock.forum .headerIcon:before {
    content: "\eb41"
}
.searchResultsBlock .loadMoreButton {
    margin-bottom: 10px;
    display: none;
    width: 100%
}
.searchResultsBlock ul::after {
    clear: both;
    content: "";
    display: table
}
.searchResultsBlock article {
    font-size: .74em;
    line-height: 1.8em;
    color: #fff;
    font-family: Arial, sans-serif;
    margin-top: 20px;
    margin-bottom: 10px
}
.searchResultsBlock article p {
    font-size: 1em
}
.searchResultsBlock article img {
    float: left;
    width: 40px;
    height: 40px
}
.searchResultsBlock article div {
    margin-left: 60px
}
.searchResultsBlock article a {
    color: #fff;
    display: block;
    padding: 0;
    font-weight: 700
}
.articleList .articleListItem::after,
.errorModal::after {
    display: table;
    clear: both;
    content: ""
}
.searchResultsBlock article p .desc {
    color: #757c86
}
.searchResultsBlock article .divider {
    padding: 0 15px
}
.errorModalWrapper {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 100;
    color: #fff;
    height: 28px;
    background-color: #8A2BE2
}
@media screen and (min-width: 53.75em) {
    .errorModalWrapper {
        top: 64px
    }
}
.errorModalWrapper.persistModal+.errorModalWrapper {
    top: 88px
}
.errorModal {
    max-width: 60em;
    margin: 0 auto;
    width: 100%;
    padding: 5px
}
.errorModal p {
    color: #fff;
    font-size: 12px;
    font-family: Arial, sans-serif;
    text-align: center;
    margin-bottom: 0
}
.errorModal p .close {
    padding-left: 5px;
    text-decoration: underline;
    cursor: pointer
}
.errorModal p .divider {
    padding-left: 5px
}
.errorModal p .usernameLabel {
    font-weight: 700
}
.dropdown .dropdown-menu,
.dropdown .dropdown-menu li p.action {
    font-size: 12px;
    font-weight: 400;
    text-transform: none;
    color: #fff;
    font-family: Arial, sans-serif
}
.articleList ul {
    margin-top: 0
}
.articleList ul li {
    margin-right: 0;
    border-bottom: 10px solid #30353b
}
.articleList ul li:last-child {
    border-bottom: 0
}
.articleList .articleListItem {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto
}
.articleList .articleListItem .indicators {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 12.86307%
}
.articleList .articleListItem .indicators:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .errorModalWrapper.persistModal+.errorModalWrapper {
        top: 92px
    }
    .articleList .articleListItem .indicators {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 12.86307%
    }
    .articleList .articleListItem .indicators:last-child {
        margin-right: 0
    }
}
.dropdown {
    line-height: 1.5
}
.dropdown .dropdown-container {
    display: inline-block;
    position: relative
}
.dropdown .dropdown-button {
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: relative
}
@media screen and (min-width: 53.75em) {
    .errorModalWrapper.persistModal+.errorModalWrapper {
        top: 92px
    }
    .dropdown .dropdown-button {
        padding: 0
    }
}
.dropdown .dropdown-button:after {
    color: #fff;
    content: "";
    display: block
}
.dropdown .dropdown-menu {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background: #30353b;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .4);
    display: none;
    margin: 0;
    overflow: show;
    position: absolute;
    right: 0;
    top: 28px;
    width: 120px;
    z-index: 99999
}
.dropdown .dropdown-menu li {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    list-style: none;
    padding: 7px 10px;
    border: 0;
    cursor: pointer
}
.dropdown .dropdown-menu li::after {
    clear: both;
    content: "";
    display: table
}
.dropdown .dropdown-menu li img {
    float: left;
    padding-right: 10px;
    padding-top: 0
}
.dropdown .dropdown-menu li p.action {
    margin: 0
}
.dropdown .dropdown-menu li:hover {
    background: #474e57
}
.dropdown .show-menu {
    display: block
}
.commentHTML p::after,
.commentHTML::after {
    display: table;
    clear: both;
    content: ""
}
.commentHTML {
    max-width: 60em;
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #fff;
    line-height: 1.3em;
    margin: 0;
    word-wrap: break-word
}
.commentHTML h3 {
    color: #fff;
    margin: 0 0 14px
}
.commentHTML p {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    font-size: 1em;
    margin-bottom: 14px
}
.commentHTML ol,
.commentHTML ul {
    list-style-type: disc;
    list-style-position: inside;
    margin-bottom: 14px;
    margin-left: 3em
}
.commentHTML li {
    color: #fff
}
.commentHTML ol {
    list-style-type: decimal
}
.commentHTML strong {
    color: #FFF
}
.commentHTML blockquote {
    padding: 1em;
    margin: 0 0 14px;
    color: #fff;
    background: #1d2228;
    font-style: italic
}
.commentHTML blockquote>:last-of-type {
    margin-bottom: 0
}
.commentHTML a {
    color: #8A2BE2;
    text-decoration: underline;
    font-size: 12px;
    font-weight: 700;
    overflow-wrap: break-word;
    word-wrap: break-word
}
.commentHTML .userLink {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none
}
.commentHTML iframe {
    width: 100%;
    min-height: 281px
}
@media screen and (min-width: 40em) {
    .commentHTML iframe {
        width: 100%;
        height: 281px;
        max-width: 500px
    }
}
.commentHTML img {
    display: block
}
.categoriesPage {
    padding: 20px;
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.categoriesPage::after {
    clear: both;
    content: "";
    display: table
}
@media screen and (min-width: 53.75em) {
    .categoriesPage {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}
.categoriesPage .pageHeader {
    line-height: 1;
    margin-bottom: 8px
}
.categoriesPage .pageHeader span {
    display: inline;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    margin-top: 0;
    margin-bottom: 0
}
.categoriesPage .pageHeader .forumSettingsIcon {
    float: right;
    width: 16px;
    height: 16px;
    cursor: pointer;
    display: none;
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .categoriesPage .pageHeader .forumSettingsIcon {
        display: block
    }
}
.categoriesPage .pageHeader h3 {
    display: inline;
    vertical-align: text-top
}
.categoriesPage .categoryContent {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}
@media screen and (min-width: 53.75em) {
    .categoriesPage .categoryContent {
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        margin-right: 30px;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}
.categoriesPage .categoryContent category-list category:last-of-type .category {
    margin-bottom: 0
}
.categoriesPage .categoryContent .category {
    box-shadow: 0 3px 3px rgba(0, 0, 0, .23), 0 3px 6px rgba(0, 0, 0, .16);
    background-color: #1d2228;
    margin-bottom: 20px
}
.categoriesPage .categoryContent .category .categoryImageHeader {
    position: relative;
    min-height: 50px;
    line-height: 0
}
.categoriesPage .categoryContent .category .categoryImageHeader img {
    width: 100%
}
.categoriesPage .categoryContent .category h4 {
    position: absolute;
    top: 20px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    background-color: rgba(22, 25, 32, .9);
    padding: 2px 10px
}
.categoriesPage .categoryContent .category ul {
    margin: 0;
    padding: 10px
}
.categoriesPage .categoryContent .category ul li {
    margin-right: 0;
    border-bottom: 10px solid #1d2228;
    background-color: #30353b
}
.categoriesPage .categoryContent .category ul li:last-child {
    border-bottom: 0
}
.categoriesPage .categoryContent .category ul li .category-link {
    display: block
}
.categoriesPage .categoryContent .category ul li .category-link:active,
.categoriesPage .categoryContent .category ul li .category-link:focus,
.categoriesPage .categoryContent .category ul li .category-link:hover {
    background-color: #292d33;
    cursor: pointer
}
.categoriesPage .categoryContent .category ul li .categoryHeader {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #1d2228;
    padding: 0
}
.categoriesPage .categoryContent .category ul li .categoryHeader .categoryHeaderInfo {
    margin: 8px 10px
}
.categoriesPage .categoryContent .category ul li .categoryHeader .subcategoryImage {
    min-width: 0;
    width: 40px;
    height: 40px;
    margin: 10px 0 10px 10px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.categoriesPage .categoryContent .category ul li .categoryInfo {
    padding: 5px 10px;
    height: auto
}
.categoriesPage .categoryContent .category ul li .categoryInfo .unreadIcon {
    margin-right: 10px
}
.categoriesPage .categoryContent .category ul li a {
    padding: 0
}
.categoriesPage .categoryContent .category ul li a h5 {
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -.04em;
    line-height: 16.8px;
    margin-bottom: 5px;
    cursor: pointer
}
.categoriesPage .categoryContent .category ul li a h5:hover {
    color: #8A2BE2
}
.categoriesPage .categoryContent .category ul li p {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    color: #fff;
    letter-spacing: -.04em;
    line-height: 16.8px;
    margin-bottom: 0
}
.categoriesPage .categoryContent .category ul li p .number {
    color: #fff
}
.categoriesPage .widgetContent {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 20px
}
@media screen and (min-width: 53.75em) {
    .categoriesPage .widgetContent {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin-bottom: 0
    }
}
.categoriesPage .widgetContent .widgetContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.categoriesPage .widgetContent .widgetContainer .categoriesWidget {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 20px
}
.categoriesPage .widgetContent .widgetContainer .categoriesWidget:last-child {
    margin-bottom: 0
}
.categoryPage {
    padding: 14px 20px 20px;
    margin-bottom: 58px
}
.categoryPage .pageHeader {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 14px
}
.categoryPage .pageHeader::after {
    clear: both;
    content: "";
    display: table
}
.categoryPage .pageHeader .header {
    float: left;
    margin-right: 4.56432%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16px;
    padding-top: 5px
}
.categoryPage .pageHeader .header:last-child {
    margin-right: 0
}
.categoryPage .pageHeader .header h3 {
    display: inline
}
@media screen and (min-width: 40em) {
    .categoryPage .pageHeader .header {
        margin-bottom: 0;
        text-align: left;
        float: left;
        margin-right: 4.56432%;
        width: 47.71784%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .categoryPage .pageHeader .header:last-child {
        margin-right: 0
    }
}
.categoryPage .pageHeader .listButtons {
    text-align: center;
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.categoryPage .pageHeader .listButtons:last-child {
    margin-right: 0
}
.categoryPage .pageHeader .listButtons button {
    margin-left: 8px
}
@media screen and (min-width: 40em) {
    .categoryPage .pageHeader .listButtons {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 47.71784%;
        text-align: right
    }
    .categoryPage .pageHeader .listButtons:last-child {
        margin-right: 0
    }
    .categoryPage .pageHeader {
        text-align: none
    }
}
.createThreadPage {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    padding: 20px
}
.createThreadPage::after {
    clear: both;
    content: "";
    display: table
}
.createThreadPage .formButtons {
    float: left;
    display: block;
    width: 100%;
    background: #1d2228;
    margin-right: 10px
}
.createThreadPage .articleContentContainer::after,
.createThreadPage .articleTitleContainer::after,
.createThreadPage .createThreadForm::after,
.createThreadPage .threadForm::after {
    clear: both;
    content: "";
    display: table
}
.createThreadPage .formButtons:last-child {
    margin-right: 0
}
.createThreadPage .formButtons button {
    float: right;
    margin-left: 8px;
    margin-right: 10px;
    margin-bottom: 14px;
    width: 100px
}
.createThreadPage .formButtons button.button- {
    float: right
}
.createThreadPage .titleErrorMessage {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #e6bb60;
    margin: 0 0 20px 20px
}
.createThreadPage .contentErrorMessage {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #e6bb60;
    margin: 0 0 0 20px
}
.createThreadPage .articleContentContainer,
.createThreadPage .articleTitleContainer,
.createThreadPage .createThreadForm,
.createThreadPage .threadForm,
.threadPage {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto
}
.createThreadPage .articleTitleContainer .threadTitle {
    min-height: 50px;
    padding: 0 0 0 10px
}
.createThreadPage .createThreadForm {
    margin-top: 10px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .23), 0 3px 6px rgba(0, 0, 0, .16);
    background: #1d2228
}
.createThreadPage .threadForm {
    background: #1d2228;
    padding: 10px
}
.createThreadPage .threadForm input,
.createThreadPage .threadForm textarea {
    border: 1px solid #30353b;
    margin-bottom: 10px;
    padding: 23px 20px 24px;
    float: left;
    display: block;
    width: 100%
}
.createThreadPage .threadForm input {
    background: #fff;
    color: #252525;
    margin-right: 4.56432%
}
.createThreadPage .threadForm input:last-child {
    margin-right: 0
}
.createThreadPage .threadForm textarea {
    min-height: 150px;
    background: #30353b;
    color: #fff;
    margin-right: 4.56432%
}
.threadPage .threadContent .threadFooter button,
.threadPage .threadContent .threadHeader button {
    float: right
}
.threadPage .threadContent .threadFooter::after,
.threadPage .threadContent .threadHeader::after,
.threadPage .threadContent .threadInfo::after,
.threadPage .threadContent::after,
.threadPage::after {
    display: table;
    clear: both;
    content: ""
}
.createThreadPage .threadForm textarea:last-child {
    margin-right: 0
}
.threadPage {
    padding: 20px;
    margin-bottom: 58px
}
.threadPage .threadContent,
.threadPage .threadContent .threadInfo {
    margin-right: auto;
    padding: 10px;
    margin-left: auto;
    max-width: 60em;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .23), 0 3px 6px rgba(0, 0, 0, .16)
}
.threadPage .threadContent {
    margin-bottom: 23px;
    background-color: #1d2228
}
.threadPage .threadContent .threadHeader {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px
}
.threadPage .threadContent .threadFooter {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto
}
.threadPage .threadContent .threadInfo {
    background-color: #30353b
}
.threadPage .threadContent .threadInfo .indicators {
    max-width: 60em;
    margin-left: auto;
    float: left;
    margin-right: 4.56432%;
    width: 47.71784%;
    display: inline;
    min-height: 1px
}
.threadPage .threadContent .threadInfo .indicators::after {
    clear: both;
    content: "";
    display: table
}
.threadPage .threadContent .threadInfo .indicators:last-child {
    margin-right: 0
}
.threadPage .threadContent .threadInfo .indicators .top {
    line-height: 1;
    padding-right: 0;
    display: inline-block;
    width: 50px
}
.threadPage .threadContent .threadInfo .indicators .top span.icon {
    padding-right: 8px
}
.threadPage .threadContent .threadInfo .indicators .bottom {
    line-height: 1;
    display: inline-block;
    width: 50px
}
.threadPage .threadContent .threadInfo .indicators .bottom .img-container {
    display: inline-block;
    margin-right: 10px
}
.threadPage .threadContent .threadInfo .indicators .bottom .pushOver {
    margin-left: 16px
}
@media screen and (min-width: 40em) {
    .threadPage .threadContent .threadInfo .indicators .bottom .pushOver,
    .threadPage .threadContent .threadInfo .indicators .top .pushOver {
        margin-left: 52.28216%
    }
    .threadPage .threadContent .threadInfo .indicators {
        float: left;
        width: 6.76349%;
        margin-right: 0;
        display: inline-block
    }
    .threadPage .threadContent .threadInfo .indicators:last-child {
        margin-right: 0
    }
    .threadPage .threadContent .threadInfo .indicators .top {
        float: left;
        margin-right: 4.56432%;
        width: 100%;
        padding-right: 0;
        padding-bottom: 10px;
        display: inline-block
    }
    .threadPage .threadContent .threadInfo .indicators .top:last-child {
        margin-right: 0
    }
    .threadPage .threadContent .threadInfo .indicators .top span.icon {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 47.71784%
    }
    .threadPage .threadContent .threadInfo .indicators .top span.icon:last-child {
        margin-right: 0
    }
    .threadPage .threadContent .threadInfo .indicators .top span.icon:first-child {
        padding-right: 10px
    }
    .threadPage .threadContent .threadInfo .indicators .top span.icon-lock {
        padding-left: 2px
    }
    .threadPage .threadContent .threadInfo .indicators .bottom {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 100%
    }
    .threadPage .threadContent .threadInfo .indicators .bottom:last-child {
        margin-right: 0
    }
    .threadPage .threadContent .threadInfo .indicators .bottom .img-container {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 47.71784%
    }
    .threadPage .threadContent .threadInfo .indicators .bottom .img-container:last-child {
        margin-right: 0
    }
    .threadPage .threadContent .threadInfo .indicators .bottom .img-container img {
        height: 16px;
        width: 16px;
        padding-right: 0
    }
    .threadPage .threadContent .threadInfo .indicators .bottom span.icon {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 47.71784%
    }
    .threadPage .threadContent .threadInfo .indicators .bottom span.icon:last-child {
        margin-right: 0
    }
}
.threadPage .threadContent .threadInfo .hidden {
    float: left;
    margin-right: 4.56432%;
    width: 15.47718%;
    display: none
}
.threadPage .threadContent .threadInfo .hidden:last-child {
    margin-right: 0
}
.threadPage .threadContent .threadInfo .hidden p {
    font-size: 12px;
    display: inline-block;
    border: 1px solid #1d2228;
    padding: 2px 15px;
    line-height: 1;
    margin: 0 5px 0 0
}
.threadPage .threadContent .threadInfo .hidden p:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .threadPage .threadContent .threadInfo .hidden {
        margin-top: .4em;
        display: inline-block
    }
}
.threadPage .threadContent .threadInfo .hidden-mobile {
    float: left;
    margin-right: 4.56432%;
    width: 39.00415%;
    display: inline-block
}
.threadPage .threadContent .threadInfo .hidden-mobile:last-child {
    margin-right: 0
}
.threadPage .threadContent .threadInfo .hidden-mobile p {
    font-size: 12px;
    display: inline-block;
    border: 1px solid #1d2228;
    padding: 2px 15px;
    line-height: 1;
    margin: 0 5px 0 0
}
.threadPage .threadContent .threadInfo .hidden-mobile p:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .threadPage .threadContent .threadInfo .hidden-mobile {
        display: none
    }
}
.threadPage .threadContent .threadInfo .title {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.threadPage .threadContent .threadInfo .title:last-child {
    margin-right: 0
}
.threadPage .threadContent .threadInfo .title a {
    padding: 0;
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.threadPage .threadContent .threadInfo .title a:hover {
    color: #8A2BE2
}
.threadPage .threadContent .threadInfo .title .unread {
    font-weight: 400;
    color: #757C86
}
.threadPage .threadContent .threadInfo .title .unread:hover,
.threadPage .threadContent .threadInfo .title h5:hover {
    color: #8A2BE2
}
.threadPage .threadContent .threadInfo .title p {
    margin-bottom: 10px
}
.threadPage .threadContent .threadInfo .title h5 {
    white-space: initial;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0
}
@media screen and (min-width: 40em) {
    .threadPage .threadContent .threadInfo .title p {
        margin-bottom: 0
    }
    .threadPage .threadContent .threadInfo .title {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 39.00415%
    }
    .threadPage .threadContent .threadInfo .title:last-child {
        margin-right: 0
    }
}
.threadPage .threadContent .threadInfo .info {
    float: left;
    display: block;
    width: 100%;
    max-width: 60em;
    margin-left: auto;
    margin-right: auto
}
.threadPage .threadContent .threadInfo .info:last-child {
    margin-right: 0
}
.threadPage .threadContent .threadInfo .info::after {
    clear: both;
    content: "";
    display: table
}
.threadPage .threadContent .threadInfo .info .articleMeta {
    float: left;
    margin-right: 4.56432%;
    width: 47.71784%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.threadPage .threadContent .threadInfo .info .articleMeta:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .threadPage .threadContent .threadInfo .info {
        float: left;
        display: block;
        width: 12.86307%;
        margin-right: 0
    }
    .threadPage .threadContent .threadInfo .info .articleMeta {
        float: left;
        margin-right: 4.56432%;
        width: 100%;
        display: block
    }
    .threadPage .threadContent .threadInfo .info .articleMeta:last-child,
    .threadPage .threadContent .threadInfo .info:last-child {
        margin-right: 0
    }
}
.threadPage .threadContent .threadInfo .time {
    display: none
}
.threadPage .threadContent .threadInfo .time a {
    padding: 0;
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    cursor: pointer
}
.threadPage .threadContent .threadInfo .time a:hover {
    color: #8A2BE2
}
@media screen and (min-width: 40em) {
    .threadPage .threadContent .threadInfo .time {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 21.57676%
    }
    .threadPage .threadContent .threadInfo .time:last-child {
        margin-right: 0
    }
}
.threadPage .threadContent .threadInfo .likes p {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 47.71784%
}
.threadPage .threadContent .threadInfo .likes p:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .threadPage .threadContent .threadInfo .likes p {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 100%
    }
    .threadPage .threadContent .threadInfo .likes p:last-child {
        margin-right: 0
    }
    .threadPage .threadContent .threadInfo .likes {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 12.86307%
    }
    .threadPage .threadContent .threadInfo .likes:last-child {
        margin-right: 0
    }
}
.threadList .threadListItem .link-container::after,
.threadList .threadListItem::after {
    display: table;
    clear: both;
    content: ""
}
.threadPage .threadContent .forumCommentList {
    margin-top: 10px;
    padding-bottom: 10px
}
.threadList {
    box-shadow: 0 3px 3px rgba(0, 0, 0, .23), 0 3px 6px rgba(0, 0, 0, .16);
    background-color: #1d2228;
    padding: 10px
}
.pagination ul li a,
.threadList .threadListItem,
thread-list-item .threadListItem {
    box-shadow: 0 1.5px 1px rgba(0, 0, 0, .24), 0 1.5px 3px rgba(0, 0, 0, .12)
}
.threadList.zeroState {
    line-height: 0
}
.threadList ul {
    margin-top: 0
}
.threadList ul li {
    margin-right: 0;
    border-bottom: 10px solid #1d2228
}
.threadList .threadListItem,
.threadList .threadListItem .link-container {
    margin-right: auto;
    margin-left: auto;
    max-width: 60em
}
.threadList ul li:last-child {
    border-bottom: 0
}
.threadList .threadListItem {
    position: relative;
    background-color: #30353b;
    padding: 10px
}
.threadList .threadListItem:active,
.threadList .threadListItem:focus,
.threadList .threadListItem:hover {
    background-color: #292d33;
    cursor: pointer
}
.threadList .threadListItem .indicators {
    max-width: 60em;
    margin-left: auto;
    float: left;
    margin-right: 4.56432%;
    width: 47.71784%;
    display: inline;
    min-height: 1px
}
.threadList .threadListItem .indicators::after {
    clear: both;
    content: "";
    display: table
}
.threadList .threadListItem .indicators:last-child {
    margin-right: 0
}
.threadList .threadListItem .indicators .top {
    line-height: 1;
    padding-right: 0;
    display: inline-block;
    width: 50px
}
.threadList .threadListItem .indicators .top span.icon {
    padding-right: 8px
}
.threadList .threadListItem .indicators .bottom {
    line-height: 1;
    display: inline-block;
    width: 50px
}
.threadList .threadListItem .indicators .bottom .img-container {
    display: inline-block;
    margin-right: 10px
}
.threadList .threadListItem .indicators .bottom .pushOver {
    margin-left: 16px
}
@media screen and (min-width: 40em) {
    .threadList .threadListItem .indicators .bottom .pushOver,
    .threadList .threadListItem .indicators .top .pushOver {
        margin-left: 52.28216%
    }
    .threadList .threadListItem .indicators {
        float: left;
        width: 6.76349%;
        margin-right: 0;
        display: inline-block
    }
    .threadList .threadListItem .indicators:last-child {
        margin-right: 0
    }
    .threadList .threadListItem .indicators .top {
        float: left;
        margin-right: 4.56432%;
        width: 100%;
        padding-right: 0;
        padding-bottom: 10px;
        display: inline-block
    }
    .threadList .threadListItem .indicators .top:last-child {
        margin-right: 0
    }
    .threadList .threadListItem .indicators .top span.icon {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 47.71784%
    }
    .threadList .threadListItem .indicators .top span.icon:last-child {
        margin-right: 0
    }
    .threadList .threadListItem .indicators .top span.icon:first-child {
        padding-right: 10px
    }
    .threadList .threadListItem .indicators .top span.icon-lock {
        padding-left: 2px
    }
    .threadList .threadListItem .indicators .bottom {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 100%
    }
    .threadList .threadListItem .indicators .bottom:last-child {
        margin-right: 0
    }
    .threadList .threadListItem .indicators .bottom .img-container {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 47.71784%
    }
    .threadList .threadListItem .indicators .bottom .img-container:last-child {
        margin-right: 0
    }
    .threadList .threadListItem .indicators .bottom .img-container img {
        height: 16px;
        width: 16px;
        padding-right: 0
    }
    .threadList .threadListItem .indicators .bottom span.icon {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 47.71784%
    }
    .threadList .threadListItem .indicators .bottom span.icon:last-child {
        margin-right: 0
    }
}
.threadList .threadListItem .title {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.threadList .threadListItem .title:last-child {
    margin-right: 0
}
.threadList .threadListItem .title .postedBy {
    display: none
}
.threadList .threadListItem .title .userName a {
    color: #fff
}
.threadList .threadListItem .title a {
    padding: 0;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.threadList .threadListItem .title a:hover {
    color: #8A2BE2
}
.threadList .threadListItem .title .read {
    font-weight: 400;
    color: #fff
}
.threadList .threadListItem .title .read:hover,
.threadList .threadListItem .title h5:hover {
    color: #8A2BE2
}
.threadList .threadListItem .title h5 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.threadList .threadListItem .title h5 a {
    font-size: 14px
}
@media screen and (min-width: 40em) {
    .threadList .threadListItem .title .postedBy {
        display: block
    }
    .threadList .threadListItem .title {
        margin-top: 2px;
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 30.29046%
    }
    .threadList .threadListItem .title:last-child {
        margin-right: 0
    }
}
.threadList .threadListItem .hidden {
    float: left;
    margin-right: 4.56432%;
    width: 15.47718%;
    display: none
}
.threadList .threadListItem .hidden:last-child {
    margin-right: 0
}
.threadList .threadListItem .hidden p {
    font-size: 12px;
    display: inline-block;
    border: 1px solid #1d2228;
    padding: 2px 15px;
    line-height: 1;
    margin: 0 5px 0 0
}
.threadList .threadListItem .hidden p:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .threadList .threadListItem .hidden {
        margin-top: .4em;
        display: inline-block
    }
}
.threadList .threadListItem .hidden-mobile {
    float: left;
    margin-right: 4.56432%;
    width: 30.29046%;
    display: inline-block
}
.threadList .threadListItem .hidden-mobile:last-child {
    margin-right: 0
}
.threadList .threadListItem .hidden-mobile p {
    font-size: 12px;
    display: inline-block;
    border: 1px solid #1d2228;
    padding: 2px 15px;
    line-height: 1;
    margin: 0 5px 0 0
}
.threadList .threadListItem .hidden-mobile p:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .threadList .threadListItem .hidden-mobile {
        display: none
    }
}
.threadList .threadListItem .info {
    float: left;
    display: block;
    width: 100%;
    max-width: 60em;
    margin-left: auto;
    margin-right: auto
}
.threadList .threadListItem .info:last-child {
    margin-right: 0
}
.threadList .threadListItem .info::after {
    clear: both;
    content: "";
    display: table
}
.threadList .threadListItem .info .articleMeta {
    float: left;
    margin-right: 4.56432%;
    width: 47.71784%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.threadList .threadListItem .info .articleMeta:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .threadList .threadListItem .info {
        margin-top: 2px;
        float: left;
        display: block;
        width: 12.86307%;
        margin-right: 0
    }
    .threadList .threadListItem .info .articleMeta {
        float: left;
        margin-right: 4.56432%;
        width: 100%;
        display: block
    }
    .threadList .threadListItem .info .articleMeta:last-child,
    .threadList .threadListItem .info:last-child {
        margin-right: 0
    }
}
.threadList .threadListItem .timeMobile a {
    padding: 0;
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    cursor: pointer
}
.threadList .threadListItem .timeMobile a:hover {
    color: #8A2BE2
}
.threadList .threadListItem .timeMobile p {
    display: inline
}
.threadList .threadListItem .time {
    display: none
}
.threadList .threadListItem .time a {
    padding: 0;
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    cursor: pointer
}
.threadList .threadListItem .time a:hover {
    color: #8A2BE2
}
.threadList .threadListItem .articleActions {
    position: absolute;
    right: .5em
}
@media screen and (min-width: 40em) {
    .threadList .threadListItem .timeMobile {
        display: none
    }
    .threadList .threadListItem .time {
        margin-top: 2px;
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 21.57676%
    }
    .threadList .threadListItem .time:last-child {
        margin-right: 0
    }
    .threadList .threadListItem .articleActions {
        right: 1em;
        float: right
    }
}
@media screen and (min-width: 53.75em) {
    .threadList .threadListItem .articleActions {
        float: right
    }
}
.threadList .threadListHeader {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: inline-block;
    padding: 5px 0
}
.threadList .threadListFooter::after,
.threadList .threadListHeader::after,
thread-list-item .threadListItem .link-container::after,
thread-list-item .threadListItem::after {
    display: table;
    clear: both;
    content: ""
}
.threadList .threadListHeader .createThreadLink {
    float: right
}
.threadList .threadListHeader .markAsReadLink {
    float: right;
    margin-right: 10px
}
.threadList .threadListHeader .zeroStateMessage {
    float: left
}
.threadList .threadListHeader .zeroStateMessage p {
    margin-left: 15px;
    margin-bottom: 0;
    line-height: 30px;
    font-family: Arial, sans-serif;
    font-size: 14px
}
.threadList .threadListFooter {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4px
}
.threadList .threadListFooter .button-back-to-top {
    float: right
}
thread-list-item .threadListItem {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background-color: #30353b;
    padding: 10px
}
thread-list-item .threadListItem:active,
thread-list-item .threadListItem:focus,
thread-list-item .threadListItem:hover {
    background-color: #292d33;
    cursor: pointer
}
thread-list-item .threadListItem .link-container {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto
}
thread-list-item .threadListItem .indicators {
    max-width: 60em;
    margin-left: auto;
    float: left;
    margin-right: 4.56432%;
    width: 47.71784%;
    display: inline;
    min-height: 1px
}
thread-list-item .threadListItem .indicators::after {
    clear: both;
    content: "";
    display: table
}
thread-list-item .threadListItem .indicators:last-child {
    margin-right: 0
}
thread-list-item .threadListItem .indicators .top {
    line-height: 1;
    padding-right: 0;
    display: inline-block;
    width: 50px
}
thread-list-item .threadListItem .indicators .top span.icon {
    padding-right: 8px
}
thread-list-item .threadListItem .indicators .bottom {
    line-height: 1;
    display: inline-block;
    width: 50px
}
thread-list-item .threadListItem .indicators .bottom .img-container {
    display: inline-block;
    margin-right: 10px
}
thread-list-item .threadListItem .indicators .bottom .pushOver {
    margin-left: 16px
}
@media screen and (min-width: 40em) {
    thread-list-item .threadListItem .indicators .bottom .pushOver,
    thread-list-item .threadListItem .indicators .top .pushOver {
        margin-left: 52.28216%
    }
    thread-list-item .threadListItem .indicators {
        float: left;
        width: 6.76349%;
        margin-right: 0;
        display: inline-block;
        min-height: 40px
    }
    thread-list-item .threadListItem .indicators:last-child {
        margin-right: 0
    }
    thread-list-item .threadListItem .indicators .top {
        float: left;
        margin-right: 4.56432%;
        width: 100%;
        padding-right: 0;
        padding-bottom: 10px;
        display: inline-block
    }
    thread-list-item .threadListItem .indicators .top:last-child {
        margin-right: 0
    }
    thread-list-item .threadListItem .indicators .top span.icon {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 47.71784%
    }
    thread-list-item .threadListItem .indicators .top span.icon:last-child {
        margin-right: 0
    }
    thread-list-item .threadListItem .indicators .top span.icon:first-child {
        padding-right: 10px
    }
    thread-list-item .threadListItem .indicators .top span.icon-lock {
        padding-left: 2px
    }
    thread-list-item .threadListItem .indicators .bottom {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 100%
    }
    thread-list-item .threadListItem .indicators .bottom:last-child {
        margin-right: 0
    }
    thread-list-item .threadListItem .indicators .bottom .img-container {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 47.71784%
    }
    thread-list-item .threadListItem .indicators .bottom .img-container:last-child {
        margin-right: 0
    }
    thread-list-item .threadListItem .indicators .bottom .img-container img {
        height: 16px;
        width: 16px;
        padding-right: 0
    }
    thread-list-item .threadListItem .indicators .bottom span.icon {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 47.71784%
    }
    thread-list-item .threadListItem .indicators .bottom span.icon:last-child {
        margin-right: 0
    }
}
thread-list-item .threadListItem .title {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
thread-list-item .threadListItem .title:last-child {
    margin-right: 0
}
thread-list-item .threadListItem .title .postedBy {
    display: none
}
thread-list-item .threadListItem .title .userName a {
    color: #fff
}
thread-list-item .threadListItem .title a {
    padding: 0;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
thread-list-item .threadListItem .title a:hover {
    color: #8A2BE2
}
thread-list-item .threadListItem .title .read {
    font-weight: 400;
    color: #fff
}
thread-list-item .threadListItem .title .read:hover,
thread-list-item .threadListItem .title h5:hover {
    color: #8A2BE2
}
thread-list-item .threadListItem .title h5 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
thread-list-item .threadListItem .title h5 a {
    font-size: 14px
}
@media screen and (min-width: 40em) {
    thread-list-item .threadListItem .title .postedBy {
        display: block
    }
    thread-list-item .threadListItem .title {
        margin-top: 2px;
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 30.29046%
    }
    thread-list-item .threadListItem .title:last-child {
        margin-right: 0
    }
}
thread-list-item .threadListItem .hidden {
    float: left;
    margin-right: 4.56432%;
    width: 15.47718%;
    display: none
}
thread-list-item .threadListItem .hidden:last-child {
    margin-right: 0
}
thread-list-item .threadListItem .hidden p {
    font-size: 12px;
    display: inline-block;
    border: 1px solid #1d2228;
    padding: 2px 15px;
    line-height: 1;
    margin: 0 5px 0 0
}
thread-list-item .threadListItem .hidden p:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    thread-list-item .threadListItem .hidden {
        margin-top: .4em;
        display: inline-block
    }
}
thread-list-item .threadListItem .hidden-mobile {
    float: left;
    margin-right: 4.56432%;
    width: 30.29046%;
    display: inline-block
}
thread-list-item .threadListItem .hidden-mobile:last-child {
    margin-right: 0
}
thread-list-item .threadListItem .hidden-mobile p {
    font-size: 12px;
    display: inline-block;
    border: 1px solid #1d2228;
    padding: 2px 15px;
    line-height: 1;
    margin: 0 5px 0 0
}
.forumsManageList.over,
.forumsManageListItem.over {
    border: 1px dashed #ff0
}
thread-list-item .threadListItem .hidden-mobile p:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    thread-list-item .threadListItem .hidden-mobile {
        display: none
    }
}
thread-list-item .threadListItem .info {
    float: left;
    display: block;
    width: 100%;
    max-width: 60em;
    margin-left: auto;
    margin-right: auto
}
thread-list-item .threadListItem .info:last-child {
    margin-right: 0
}
thread-list-item .threadListItem .info::after {
    clear: both;
    content: "";
    display: table
}
thread-list-item .threadListItem .info .articleMeta {
    float: left;
    margin-right: 4.56432%;
    width: 47.71784%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
thread-list-item .threadListItem .info .articleMeta:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    thread-list-item .threadListItem .info {
        margin-top: 2px;
        float: left;
        display: block;
        width: 12.86307%;
        margin-right: 0
    }
    thread-list-item .threadListItem .info .articleMeta {
        float: left;
        margin-right: 4.56432%;
        width: 100%;
        display: block
    }
    thread-list-item .threadListItem .info .articleMeta:last-child,
    thread-list-item .threadListItem .info:last-child {
        margin-right: 0
    }
}
thread-list-item .threadListItem .timeMobile a {
    padding: 0;
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    cursor: pointer
}
thread-list-item .threadListItem .timeMobile a:hover {
    color: #8A2BE2
}
thread-list-item .threadListItem .timeMobile p {
    display: inline
}
thread-list-item .threadListItem .time {
    display: none
}
thread-list-item .threadListItem .time a {
    padding: 0;
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    cursor: pointer
}
thread-list-item .threadListItem .time a:hover {
    color: #8A2BE2
}
thread-list-item .threadListItem .articleActions {
    position: absolute;
    right: .5em
}
@media screen and (min-width: 40em) {
    thread-list-item .threadListItem .timeMobile {
        display: none
    }
    thread-list-item .threadListItem .time {
        margin-top: 2px;
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 21.57676%
    }
    thread-list-item .threadListItem .time:last-child {
        margin-right: 0
    }
    thread-list-item .threadListItem .articleActions {
        right: 1em;
        float: right
    }
}
@media screen and (min-width: 53.75em) {
    thread-list-item .threadListItem .articleActions {
        float: right
    }
}
thread-list-item .threadListHeader {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: inline-block;
    padding: 5px 0
}
thread-list-item .threadListHeader::after {
    clear: both;
    content: "";
    display: table
}
thread-list-item .threadListHeader .createThreadLink {
    float: right
}
thread-list-item .threadListHeader .markAsReadLink {
    float: right;
    margin-right: 10px
}
.commentForm button.clear,
thread-list-item .threadListHeader .zeroStateMessage {
    float: left
}
thread-list-item .threadListHeader .zeroStateMessage p {
    margin-left: 15px;
    margin-bottom: 0;
    line-height: 30px;
    font-family: Arial, sans-serif;
    font-size: 14px
}
.forumCommentListItem .commentContent-container {
    margin-top: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
@media all and (max-width: 30em) and (-ms-high-contrast: none),
all and (max-width: 30em) and (-ms-high-contrast: active) {
    .forumCommentListItem .commentContent-container {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}
@media screen and (min-width: 40em) {
    .forumCommentListItem .commentContent-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}
.backgroundImagePaneContainer,
.bannerInputPaneContainer,
.devTrackerPage .devTrackerContainer,
.managementPage .sub-container,
dev-tracker-widget.categoriesWidget .recentPostsWidget,
recent-posts-widget.categoriesWidget .recentPostsWidget {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
.forumCommentListItem .commentContent-container .userPane-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0;
    -ms-flex: 1 0;
    flex: 1 0
}
@media all and (max-width: 30em) and (-ms-high-contrast: none),
all and (max-width: 30em) and (-ms-high-contrast: active) {
    .forumCommentListItem .commentContent-container .userPane-container {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}
@media screen and (min-width: 40em) {
    .forumCommentListItem .commentContent-container .userPane-container {
        margin-right: 5px;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}
.forumCommentListItem .commentContent-container .contentContainer-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    margin-top: 5px
}
@media all and (max-width: 30em) and (-ms-high-contrast: none),
all and (max-width: 30em) and (-ms-high-contrast: active) {
    .forumCommentListItem .commentContent-container .contentContainer-container {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}
@media screen and (min-width: 40em) {
    .forumCommentListItem .commentContent-container .contentContainer-container {
        -webkit-box-flex: 5;
        -webkit-flex-grow: 5;
        -ms-flex-positive: 5;
        flex-grow: 5;
        margin-top: 0
    }
}
.pagination {
    float: left;
    padding-top: 3px
}
.pagination ul {
    display: inline;
    margin: 0;
    padding: 0
}
.pagination ul li {
    list-style: none;
    margin-right: 5px;
    display: none
}
.commentForm,
.featuredThreadList ul li .thread {
    margin-right: auto;
    max-width: 60em;
    margin-left: auto
}
.pagination ul li:nth-child(1),
.pagination ul li:nth-child(2),
.pagination ul li:nth-child(3) {
    display: inline
}
@media screen and (min-width: 53.75em) {
    .pagination ul li {
        display: inline
    }
}
.commentForm::after,
.featuredThreadList ul li .thread::after {
    display: table;
    clear: both;
    content: ""
}
.pagination ul li a {
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -.04em;
    line-height: 16.8px;
    background: -webkit-linear-gradient(top, #e6bb60, #a76f3a);
    background: linear-gradient(to bottom, #e6bb60, #a76f3a);
    outline: 0;
    text-decoration: none;
    cursor: pointer;
    padding: 7px 11px
}
.pagination ul li a:focus,
.pagination ul li a:hover {
    box-shadow: none;
    color: #fff;
    background: #a76f3a
}
.pagination ul li a.active {
    cursor: default;
    color: #fff;
    background: -webkit-linear-gradient(top, #3c9, #297f62);
    background: linear-gradient(to bottom, #3c9, #297f62)
}
.pagination ul li a.noLink {
    cursor: default
}
.pagination ul li a.noLink:focus,
.pagination ul li a.noLink:hover {
    box-shadow: 0 1.5px 1px rgba(0, 0, 0, .24), 0 1.5px 3px rgba(0, 0, 0, .12);
    color: #fff;
    background: -webkit-linear-gradient(top, #e6bb60, #a76f3a);
    background: linear-gradient(to bottom, #e6bb60, #a76f3a)
}
.categoryForm,
.categoryForm .inputContainer,
.commentForm,
.commentForm .articleContentContainer,
.devTracker,
.featuredThreadList,
.forumsManageList .container,
.forumsManageListItem {
    box-shadow: 0 3px 3px rgba(0, 0, 0, .23), 0 3px 6px rgba(0, 0, 0, .16)
}
.commentForm {
    background-color: #30353b;
    padding: 10px
}
.commentForm .errorMessage {
    color: #e6bb60
}
.commentForm button.submit {
    float: right
}
.featuredThreadList {
    margin-bottom: 20px
}
.featuredThreadList ul {
    margin-top: 0;
    padding: 10px;
    background-color: #1d2228
}
.featuredThreadList ul li {
    background-color: #30353b;
    padding: 10px;
    margin-bottom: 10px
}
.featuredThreadList ul li:last-child {
    margin-bottom: 0
}
.featuredThreadList ul li .thread .threadImage {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 21.57676%
}
.featuredThreadList ul li .thread .threadImage:last-child {
    margin-right: 0
}
.featuredThreadList ul li .thread .threadInfo {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 73.85892%
}
.featuredThreadList ul li .thread .threadInfo:last-child {
    margin-right: 0
}
.featuredThreadList ul li .thread .threadInfo h3:hover {
    color: #8A2BE2
}
.featuredThreadList ul li .thread .threadInfo b {
    color: #fff
}
.featuredThreadList ul li .thread .threadInfo a {
    color: #fff;
    font-weight: 700
}
.devTracker ul li .thread .threadInfo h3:hover,
.featuredThreadList ul li .thread .threadInfo a:hover {
    color: #8A2BE2
}
.featuredThreadList .noThreads {
    background-color: #1d2228;
    padding: 10px;
    font-weight: 700
}
.devTracker {
    margin-bottom: 20px
}
.devTracker ul {
    margin-top: 0;
    padding: 10px;
    background-color: #1d2228
}
.devTracker ul li {
    background-color: #30353b;
    padding: 10px;
    margin-bottom: 10px
}
.devTracker ul li:last-child {
    margin-bottom: 0
}
.devTracker ul li .thread {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto
}
.devTracker ul li .thread::after {
    clear: both;
    content: "";
    display: table
}
.devTracker ul li .thread .threadImage {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 21.57676%
}
.devTracker ul li .thread .threadImage:last-child {
    margin-right: 0
}
.devTracker ul li .thread .threadInfo {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 73.85892%
}
.devTracker ul li .thread .threadInfo:last-child {
    margin-right: 0
}
.devTracker ul li .thread .threadInfo b {
    color: #fff
}
.devTracker ul li .thread .threadInfo a {
    color: #fff;
    font-weight: 700
}
.devTracker ul li .thread .threadInfo a:hover,
.devTrackerPage .devTrackerContainer ul li .thread .threadInfo h3:hover {
    color: #8A2BE2
}
.devTracker .noThreads {
    background-color: #1d2228;
    padding: 10px;
    font-weight: 700
}
.devTrackerPage {
    padding: 20px
}
.devTrackerPage .devTrackerContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0;
    -ms-flex: 1 0;
    flex: 1 0
}
.devTrackerPage .devTrackerContainer ul {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0;
    -ms-flex: 1 0;
    flex: 1 0;
    height: 100%;
    margin-top: 0
}
.devTrackerPage .devTrackerContainer ul li {
    padding: 10px;
    margin-bottom: 10px
}
.devTrackerPage .devTrackerContainer ul li:last-child {
    margin-bottom: 0
}
.devTrackerPage .devTrackerContainer ul li .thread {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.devTrackerPage .devTrackerContainer ul li .thread .threadImage {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: 0;
    max-width: 50px;
    height: auto;
    width: 50px
}
.devTrackerPage .devTrackerContainer ul li .thread .threadImage a {
    width: 100%
}
.devTrackerPage .devTrackerContainer ul li .thread .threadInfo {
    margin-left: 10px
}
.devTrackerPage .devTrackerContainer ul li .thread .threadInfo b {
    color: #fff
}
.devTrackerPage .devTrackerContainer ul li .thread .threadInfo a {
    color: #fff;
    font-weight: 700
}
.devTrackerPage .devTrackerContainer ul li .thread .threadInfo a:hover {
    color: #8A2BE2
}
.devTrackerPage .devTrackerContainer ul li .thread .threadInfo .posts {
    margin-top: 10px;
    line-height: 1
}
.devTrackerPage .devTrackerContainer ul li .thread .threadInfo .posts span {
    color: #fff;
    font-weight: 700
}
.devTrackerPage button {
    margin-top: 20px;
    width: 100%
}
.forumsManagePage {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    padding: 20px
}
.forumsManagePage::after {
    clear: both;
    content: "";
    display: table
}
.forumsManagePage .pageTop {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.forumsManagePage .pageTop:last-child {
    margin-right: 0
}
.forumsManagePage .pageTop .pageHeader {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 47.71784%;
    margin-bottom: 3px
}
.forumsManagePage .pageTop .pageHeader:last-child {
    margin-right: 0
}
.forumsManagePage .pageTop .pageHeader .addForumIcon {
    float: right;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin-right: 0
}
.forumsManagePage .pageTop .crumbs {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 47.71784%
}
.forumsManagePage .pageTop .crumbs:last-child {
    margin-right: 0
}
.forumsManagePage .pageTop .crumbs ul {
    white-space: nowrap;
    margin: 0
}
.forumsManagePage .pageTop .crumbs ul li {
    margin: 0 2px 0 0;
    display: inline-block;
    max-width: 100px
}
.forumsManagePage .pageTop .crumbs ul li a {
    font-family: Arvo, serif;
    color: #a2a2a2;
    font-weight: 700;
    font-size: 14px;
    text-overflow: elipsis
}
.forumsManagePage .pageTop .crumbs ul li a .currentLink {
    color: #FFF;
    cursor: default
}
.forumsManagePage .pageTop .crumbs ul li:before {
    content: none
}
.forumsManagePage .pageTop .crumbs ul li:after {
    color: #757C86;
    padding-left: 5px;
    content: " \25B8"
}
.forumsManagePage .pageTop .crumbs ul li:last-of-type:after {
    content: none
}
.categoryForm .inputContainer::after,
.categoryForm .subFormInput::after,
.forumsManageListItem::after,
.forumsManagePage .components::after {
    clear: both;
    content: ""
}
.forumsManagePage .pageTop .crumbs ul .currentLink {
    color: #FFF;
    cursor: default
}
.forumsManagePage .components {
    max-width: 60em;
    margin-left: auto;
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.forumsManagePage .components::after {
    display: table
}
.forumsManagePage .components:last-child {
    margin-right: 0
}
.forumsManagePage .components .forumsManageListContainer {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 47.71784%
}
.forumsManagePage .components .forumsManageListContainer:last-child {
    margin-right: 0
}
.forumsManagePage .components .categoryFormContainer {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 47.71784%
}
.forumsManagePage .components .categoryFormContainer:last-child {
    margin-right: 0
}
.forumsManageList {
    cursor: pointer;
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.forumsManageList:last-child {
    margin-right: 0
}
.forumsManageList .container {
    margin-top: 2px;
    margin-bottom: 2px
}
.forumsManageList .categoryManageItem {
    background-color: #353535;
    line-height: 1;
    padding: 6px
}
.forumsManageList .categoryManageItem span.icon {
    margin: 0;
    cursor: move
}
.forumsManageList .categoryManageItem span.categoryName {
    padding-left: 5px;
    margin: 0;
    font-size: 14px;
    font-weight: 700
}
.forumsManageList .categoryManageItem.selected {
    background: -webkit-linear-gradient(top, #3c9, #297f62);
    background: linear-gradient(to bottom, #3c9, #297f62)
}
.forumsManageListItem {
    max-width: 60em;
    float: left;
    display: block;
    width: 100%;
    margin: 2px 4.56432% 2px auto
}
.forumsManageListItem::after {
    display: table
}
.forumsManageListItem:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .forumsManageListItem {
        float: left;
        display: block;
        margin-right: 4.56432%;
        width: 93.02905%;
        margin-left: 6.97095%
    }
    .forumsManageListItem:last-child {
        margin-right: 0
    }
}
.forumsManageListItem .subCategoryManageItem {
    background-color: #353535;
    line-height: 1;
    padding: auto
}
.forumsManageListItem .subCategoryManageItem span.icon {
    width: 26px;
    margin: 0;
    cursor: move
}
.forumsManageListItem .subCategoryManageItem span {
    padding-left: 5px;
    margin: 0;
    font-size: 13px;
    font-weight: 400
}
.forumsManageListItem .subCategoryManageItem.selected {
    background: -webkit-linear-gradient(top, #3c9, #297f62);
    background: linear-gradient(to bottom, #3c9, #297f62)
}
.categoryForm {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%;
    background-color: #30353b;
    padding: 10px
}
.categoryForm:last-child {
    margin-right: 0
}
.categoryForm .inputContainer {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto
}
.categoryForm .inputContainer::after {
    display: table
}
.categoryForm .noCard {
    box-shadow: none
}
.categoryForm .subFormInput {
    float: left;
    display: block;
    width: 100%;
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    background-color: #1d2228;
    border-bottom: 10px solid #30353b
}
.categoryForm .subFormInput:last-child {
    margin-right: 0
}
.categoryForm .subFormInput::after {
    display: table
}
.categoryForm .subFormInput.primary {
    background-color: #30353b
}
.categoryForm .subFormInput span {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    padding: 12px 10px
}
.categoryForm .subFormInput span.inputLabel {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 21.57676%
}
.categoryForm .subFormInput span.inputLabel:last-child {
    margin-right: 0
}
.categoryForm .subFormInput .spanContainer {
    float: left;
    display: block;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .23), 0 3px 6px rgba(0, 0, 0, .16);
    margin-right: 0;
    background-color: #1d2228;
    width: 27%;
    height: 42px;
    padding: 8px 10px
}
.categoryForm .subFormInput .spanContainer:last-child {
    margin-right: 0
}
.categoryForm .subFormInput .spanContainer p {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    margin: 0;
    line-height: 1.2
}
.categoryForm .subFormInput .spanContainer p.subText {
    font-weight: 400
}
.categoryForm .subFormInput .labelContainer.spanContainer {
    width: 92px;
    height: 100%;
    box-sizing: content-box;
    margin-right: 0
}
.categoryForm .subFormInput .inputContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.categoryForm .subFormInput .inputContainer .labelContainer.inputLabel {
    width: 92px;
    margin: 10px 10px 0;
    padding: 0
}
.categoryForm .subFormInput input:last-child,
.categoryForm .subFormInput textarea:last-child {
    margin-right: 0
}
.categoryForm .subFormInput .inputContainer .metaContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.categoryForm .subFormInput .inputContainer .metaContainer p {
    margin: 0;
    padding: 0;
    width: 100%;
    line-height: 1
}
.categoryForm .subFormInput .inputContainer .metaContainer a {
    margin: 0;
    padding: 0;
    width: 100%
}
.categoryForm .subFormInput .inputContainer .dropdown {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}
.categoryForm .subFormInput .inputContainer .dropdown .dropdown-container {
    width: 100%
}
.categoryForm .subFormInput .inputContainer input[type=text],
.categoryForm .subFormInput .inputContainer textarea {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 0
}
.categoryForm .subFormInput input {
    float: left;
    display: block;
    width: 73.85892%;
    margin: 0;
    height: 42px
}
.categoryForm .subFormInput textarea {
    float: left;
    display: block;
    width: 73.85892%;
    margin: 0;
    height: 70px;
    padding: 10px;
    font-family: Arial, sans-serif;
    min-width: 0
}
.categoryForm .subFormInput .heroInfo {
    padding-top: 10px;
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 39.00415%;
    line-height: .3
}
.categoryForm .subFormInput .heroInfo:last-child {
    margin-right: 0
}
.categoryForm .subFormInput a.removeImage {
    color: #8A2BE2;
    text-decoration: underline;
    cursor: pointer;
    font-size: 12px;
    margin: 0
}
.categoryForm .subFormInput .imageInfo {
    padding-top: 10px;
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 39.00415%
}
.categoryForm .subFormInput .imageInfo:last-child {
    margin-right: 0
}
.categoryForm .subFormInput .fileUpload {
    -webkit-flex-basis: 100px;
    -ms-flex-preferred-size: 100px;
    flex-basis: 100px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: auto 10px
}
.categoryForm .subFormInput .fileUpload span {
    padding: 0
}
.categoryForm .subFormInput .fileUpload button {
    padding: 0;
    min-width: 0;
    width: 100%
}
.categoryForm .subFormInput .fileUpload input.upload {
    width: 100%
}
.categoryForm .subFormInput .dropdown {
    line-height: 1.5;
    margin: 0
}
.categoryForm .subFormInput .dropdown .dropdown-container {
    position: relative;
    text-align: center
}
.categoryForm .subFormInput .dropdown .dropdown-button {
    background: #f9f9f9;
    background: -webkit-linear-gradient(#f9f9f9, #c7c7c7);
    background: linear-gradient(#f9f9f9, #c7c7c7);
    border-top: 1px solid silver;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    line-height: 30px;
    margin: 0;
    padding: 0 2.5em 0 .5em;
    position: relative
}
@media screen and (min-width: 53.75em) {
    .categoryForm .subFormInput .dropdown .dropdown-button {
        padding: 0 2.5em 0 .5em
    }
}
.categoryForm .subFormInput .dropdown .dropdown-button:hover {
    background-color: #b3b3b3
}
.categoryForm .subFormInput .dropdown .dropdown-menu {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background: #f9f9f9;
    background: -webkit-linear-gradient(#f9f9f9, #c7c7c7);
    background: linear-gradient(#f9f9f9, #c7c7c7);
    border: 1px solid silver;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
    color: #333;
    cursor: pointer;
    display: none;
    margin: 0;
    overflow: show;
    padding: 0;
    position: absolute;
    right: 0;
    top: 33px;
    width: 228px;
    z-index: 99999
}
.categoryForm .subFormInput .dropdown .dropdown-menu:before {
    position: absolute;
    right: 1em;
    bottom: 0;
    left: 0;
    color: #fff;
    font-size: 12px;
    pointer-events: none;
    text-shadow: 0 -2px 2px rgba(0, 0, 0, .3);
    top: -.7em
}
.categoryForm .subFormInput .dropdown .dropdown-menu li {
    color: #333;
    font-size: 12px;
    border-bottom: 1px solid silver;
    list-style: none;
    padding: .5em
}
.categoryForm .subFormInput .dropdown .dropdown-menu li.selected,
.categoryForm .subFormInput .dropdown .dropdown-menu li:hover {
    background: #b3b3b3
}
.categoryForm .subFormInput .dropdown .dropdown-menu li:last-child {
    border: none
}
.categoryForm .subFormInput .dropdown .show-menu {
    display: block
}
.categoryForm .subFormInput .dropdown .dropdown-container {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 73.85892%
}
.categoryForm .subFormInput .dropdown .dropdown-container:last-child {
    margin-right: 0
}
.categoryForm .subFormInput .dropdown .dropdown-container p {
    padding: 5px 10px;
    font-size: 12px;
    font-family: Arial, sans-serif;
    text-align: left
}
.categoryForm .subFormInput .dropdown .dropdown-container .dropdown-menu {
    top: 42px;
    width: 80%
}
.categoryForm .subFormInput .dropdown .dropdown-container .dropdown-menu li {
    background: -webkit-linear-gradient(#f9f9f9, #c7c7c7);
    background: linear-gradient(#f9f9f9, #c7c7c7)
}
.categoryForm .subFormInput .dropdown .dropdown-container .dropdown-menu li.selected,
.categoryForm .subFormInput .dropdown .dropdown-container .dropdown-menu li:hover {
    background: #fff
}
.categoryForm .subFormInput .dropdown .dropdown-container .dropdown-menu li span {
    font-weight: 400;
    text-align: center;
    padding: 0
}
.categoryForm .subFormInput .dropdown .dropdown-button:after {
    color: #333;
    content: "\25BE";
    display: block;
    position: absolute;
    right: 25px;
    top: 7px
}
.categoryForm .groupSelects {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.categoryForm .groupSelects:last-child {
    margin-right: 0
}
.categoryForm .groupSelects .groupSelect {
    box-shadow: 0 3px 3px rgba(0, 0, 0, .23), 0 3px 6px rgba(0, 0, 0, .16);
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 47.71784%
}
.categoryForm .groupSelects .groupSelect:last-child {
    margin-right: 0
}
.categoryForm .groupSelects .groupSelect p {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    background-color: #1d2228;
    padding: 10px;
    margin: 0
}
.categoryForm .groupSelects .groupSelect p span {
    font-weight: 400;
    color: #8A2BE2
}
.categoryForm .groupSelects .groupSelect p.selects {
    padding: 5px 10px;
    cursor: pointer
}
.categoryForm .groupSelects .groupSelect p.selects:hover {
    color: #ccc
}
.categoryForm .groupSelects .groupSelect ul {
    border: 1px solid #1d2228;
    margin: 0
}
.categoryForm .groupSelects .groupSelect ul li {
    padding-left: 10px;
    cursor: pointer
}
.categoryForm .groupSelects .groupSelect ul li:hover {
    background-color: #474e57
}
.categoryForm .groupSelects .groupSelect ul span {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #757C86;
    font-size: 12px
}
.categoryForm .groupSelects .groupSelect ul span.selected {
    font-weight: 700;
    color: #fff
}
.categoryForm .groupSelects .groupSelect ul span.adminGroup {
    color: #8A2BE2
}
.categoryForm p.formErrors {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%;
    padding-top: 5px;
    color: #8A2BE2
}
.categoryForm p.formErrors:last-child {
    margin-right: 0
}
.categoryForm .buttonArea {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%;
    padding-top: 10px
}
.moveThreadModal .modal-inner::after,
.moveThreadModal::after {
    display: table
}
.categoryForm .buttonArea:last-child {
    margin-right: 0
}
.categoryForm .buttonArea button {
    float: right;
    margin-left: 10px
}
.categoryForm .buttonArea button.deleteButton {
    margin-left: 0;
    float: left
}
.categoryForm .moved p.moveMessage {
    color: #fff
}
.categoryForm .moved button {
    float: right;
    margin-left: 10px;
    margin-top: 20px
}
p.charCount::after,
span.charCount {
    display: table;
    width: 100%;
    text-align: end;
    position: relative;
    top: -5px;
    color: #e6bb60;
    font-size: 12px
}
p.charCount.titleErrorMessage {
    margin-bottom: 25px
}
p.charCount::after {
    content: attr(data-length);
    width: auto;
    text-align: none;
    float: right;
    top: 0;
    margin-bottom: inherit
}
.moveThreadModal .dropdown::after,
.moveThreadModal .modal-inner::after,
.moveThreadModal::after {
    clear: both;
    content: ""
}
p.charCount.removeBottomMargin {
    margin-bottom: 7px
}
.moveThreadModal {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto
}
.moveThreadModal .modal-inner {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden
}
.moveThreadModal .modalFooter {
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 100%
}
.moveThreadModal .modalFooter:last-child {
    margin-right: 0
}
.moveThreadModal .dropdown {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    line-height: 1.5;
    padding-top: 1em;
    padding-bottom: 1em
}
.moveThreadModal .dropdown::after {
    display: table
}
.moveThreadModal .dropdown .dropdown-container {
    position: relative;
    text-align: left;
    max-width: 60em;
    margin-left: auto;
    float: left;
    display: block;
    margin-right: 4.56432%;
    width: 73.85892%
}
.moveThreadModal .dropdown .dropdown-container::after {
    clear: both;
    content: "";
    display: table
}
.moveThreadModal .dropdown .dropdown-container:last-child {
    margin-right: 0
}
.moveThreadModal .dropdown .dropdown-button {
    background: #f9f9f9;
    background: -webkit-linear-gradient(#f9f9f9, #c7c7c7);
    background: linear-gradient(#f9f9f9, #c7c7c7);
    border-top: 1px solid silver;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    line-height: 30px;
    margin: 0;
    padding: 0 2.5em 0 .5em;
    position: relative
}
@media screen and (min-width: 53.75em) {
    .moveThreadModal .dropdown .dropdown-button {
        padding: 0 2.5em 0 .5em
    }
}
.moveThreadModal .dropdown .dropdown-button:hover {
    background-color: #b3b3b3
}
.moveThreadModal .dropdown .dropdown-menu {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background: #f9f9f9;
    background: -webkit-linear-gradient(#f9f9f9, #c7c7c7);
    background: linear-gradient(#f9f9f9, #c7c7c7);
    display: block;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
    color: #333;
    cursor: pointer;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    left: 98px;
    margin: 0;
    height: 30vh;
    top: 0;
    width: 80%;
    z-index: 99999
}
.moveThreadModal .dropdown .dropdown-menu:before {
    position: absolute;
    top: 0;
    right: 1em;
    bottom: 0;
    left: 0;
    color: #fff;
    font-size: 12px;
    pointer-events: none;
    text-shadow: 0 -2px 2px rgba(0, 0, 0, .3)
}
.moveThreadModal .dropdown ul {
    margin: 0
}
.moveThreadModal .dropdown .dropdown-menu li {
    color: #333;
    font-size: 12px;
    list-style: none;
    padding: .5em;
    background: #e0e0e0;
    cursor: default
}
.moveThreadModal .dropdown .dropdown-menu li:hover {
    background: #e0e0e0
}
.moveThreadModal .dropdown .dropdown-menu li.subCat {
    cursor: pointer;
    background: #f9f9f9;
    padding-left: 3em;
    border-bottom: 1px solid rgba(0, 0, 0, .2)
}
.moveThreadModal .dropdown .dropdown-menu li.subCat.selected,
.moveThreadModal .dropdown .dropdown-menu li.subCat:hover {
    background: #b3b3b3
}
.moveThreadModal .dropdown .dropdown-menu li.subCat.last {
    border: none
}
.moveThreadModal .dropdown .show-menu {
    display: block
}
.moveThreadModal .dropdown .dropdown-button:after {
    color: #333;
    content: "\25BE";
    display: block;
    position: absolute;
    right: 25px;
    top: 3px
}
.deleteThreadModal .articleMeta .titleLabel {
    color: #fff
}
.deleteThreadModal .articleMeta .usernameLabel {
    color: #fff;
    font-weight: 700
}
recent-posts-widget.categoriesWidget {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0;
    -ms-flex: 1 0;
    flex: 1 0
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    recent-posts-widget.categoriesWidget {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
}
recent-posts-widget.categoriesWidget .recentPostsWidget {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
recent-posts-widget.categoriesWidget .recentPostsWidget .pageHeader {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}
recent-posts-widget.categoriesWidget .recentPostsWidget .pageHeader h3 {
    margin-top: 0
}
recent-posts-widget.categoriesWidget .recentPostsWidget .pageHeader a {
    margin-top: 1px;
    margin-left: auto
}
recent-posts-widget.categoriesWidget .recentPostsWidget .pageHeader a p {
    margin: 0;
    line-height: 1;
    color: #fff;
    text-decoration: underline;
    font-size: 12px
}
recent-posts-widget.categoriesWidget .recentPostsWidget .pageHeader a p:hover,
recent-posts-widget.categoriesWidget .recentPostsWidget ul li .thread .threadInfo h3:hover {
    color: #8A2BE2
}
recent-posts-widget.categoriesWidget .recentPostsWidget ul {
    height: 100%;
    margin-top: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0;
    -ms-flex: 1 0;
    flex: 1 0
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    recent-posts-widget.categoriesWidget .recentPostsWidget ul {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
}
recent-posts-widget.categoriesWidget .recentPostsWidget ul li {
    padding: 10px;
    margin-bottom: 10px
}
recent-posts-widget.categoriesWidget .recentPostsWidget ul li:last-child {
    margin-bottom: 0
}
recent-posts-widget.categoriesWidget .recentPostsWidget ul li .thread {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
recent-posts-widget.categoriesWidget .recentPostsWidget ul li .thread .threadImage {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: 0;
    max-width: 50px;
    height: auto;
    width: 50px
}
recent-posts-widget.categoriesWidget .recentPostsWidget ul li .thread .threadImage a {
    width: 100%
}
recent-posts-widget.categoriesWidget .recentPostsWidget ul li .thread .threadInfo {
    margin-left: 10px
}
recent-posts-widget.categoriesWidget .recentPostsWidget ul li .thread .threadInfo b {
    color: #fff
}
recent-posts-widget.categoriesWidget .recentPostsWidget ul li .thread .threadInfo .userName a {
    color: #fff;
    font-weight: 700
}
recent-posts-widget.categoriesWidget .recentPostsWidget ul li .thread .threadInfo .userName a:hover {
    color: #8A2BE2
}
recent-posts-widget.categoriesWidget .recentPostsWidget ul li .thread .threadInfo .posts {
    margin-top: 10px;
    line-height: 1
}
recent-posts-widget.categoriesWidget .recentPostsWidget ul li .thread .threadInfo .posts span {
    color: #fff;
    font-weight: 700
}
recent-posts-widget.categoriesWidget .recentPostsWidget ul li .thread .threadInfo .categoryName a {
    font-size: 12px
}
dev-tracker-widget.categoriesWidget {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0;
    -ms-flex: 1 0;
    flex: 1 0
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    dev-tracker-widget.categoriesWidget {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
}
dev-tracker-widget.categoriesWidget .recentPostsWidget {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
dev-tracker-widget.categoriesWidget .recentPostsWidget .pageHeader {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}
dev-tracker-widget.categoriesWidget .recentPostsWidget .pageHeader h3 {
    margin-top: 0
}
dev-tracker-widget.categoriesWidget .recentPostsWidget .pageHeader a {
    margin-top: 1px;
    margin-left: auto
}
dev-tracker-widget.categoriesWidget .recentPostsWidget .pageHeader a p {
    margin: 0;
    line-height: 1;
    color: #fff;
    text-decoration: underline;
    font-size: 12px
}
dev-tracker-widget.categoriesWidget .recentPostsWidget .pageHeader a p:hover,
dev-tracker-widget.categoriesWidget .recentPostsWidget ul li .thread .threadInfo h3:hover {
    color: #8A2BE2
}
dev-tracker-widget.categoriesWidget .recentPostsWidget ul {
    height: 100%;
    margin-top: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0;
    -ms-flex: 1 0;
    flex: 1 0
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    dev-tracker-widget.categoriesWidget .recentPostsWidget ul {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
}
dev-tracker-widget.categoriesWidget .recentPostsWidget ul li {
    padding: 10px;
    margin-bottom: 10px
}
.categoryPage.recentPostsPage,
dev-tracker-widget.categoriesWidget .recentPostsWidget ul li:last-child {
    margin-bottom: 0
}
dev-tracker-widget.categoriesWidget .recentPostsWidget ul li .thread {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
dev-tracker-widget.categoriesWidget .recentPostsWidget ul li .thread .threadImage {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: 0;
    max-width: 50px;
    height: auto;
    width: 50px
}
dev-tracker-widget.categoriesWidget .recentPostsWidget ul li .thread .threadImage a {
    width: 100%
}
dev-tracker-widget.categoriesWidget .recentPostsWidget ul li .thread .threadInfo {
    margin-left: 10px
}
dev-tracker-widget.categoriesWidget .recentPostsWidget ul li .thread .threadInfo b {
    color: #fff
}
dev-tracker-widget.categoriesWidget .recentPostsWidget ul li .thread .threadInfo a {
    color: #fff;
    font-weight: 700
}
dev-tracker-widget.categoriesWidget .recentPostsWidget ul li .thread .threadInfo a:hover {
    color: #8A2BE2
}
dev-tracker-widget.categoriesWidget .recentPostsWidget ul li .thread .threadInfo .posts {
    margin-top: 10px;
    line-height: 1
}
dev-tracker-widget.categoriesWidget .recentPostsWidget ul li .thread .threadInfo .posts span {
    color: #fff;
    font-weight: 700
}
.categoryPage.recentPostsPage .threadList {
    margin-bottom: 58px
}
.managementPage {
    padding: 20px
}
.managementPage .managementPage-tile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}
.managementPage .inputWrapper,
.managementPage .pane-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.managementPage .managementPage-tile:last-child {
    margin-bottom: 0
}
.managementPage .sub-container {
    background: #1d2228;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.managementPage .titleContainer {
    box-shadow: 0 3px 3px rgba(0, 0, 0, .23), 0 3px 6px rgba(0, 0, 0, .16);
    background: #30353b;
    padding: 5px 10px;
    margin-right: 10px;
    -webkit-flex-basis: 130px;
    -ms-flex-preferred-size: 130px;
    flex-basis: 130px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.managementPage .titleContainer p {
    font-size: 12px;
    font-weight: 700;
    margin: 0
}
.managementPage .titleContainer .subtext {
    font-weight: 400;
    color: #e6bb60
}
.managementPage .pane-row {
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    margin-bottom: 10px
}
@media screen and (min-width: 40em) {
    .managementPage .pane-row {
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}
@media screen and (min-width: 53.75em) {
    .managementPage .pane-row {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}
.managementPage .pane-row .fileUpload {
    margin-right: 10px
}
.managementPage .pane-row:last-child {
    margin-bottom: 0
}
.managementPage .inputWrapper {
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}
.managementPage .footer-tile,
.managementPage .uploadWrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.managementPage .inputWrapper input[type=text] {
    margin: 0;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}
@media screen and (min-width: 40em) {
    .managementPage .inputWrapper {
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}
@media screen and (min-width: 53.75em) {
    .managementPage .inputWrapper {
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-basis: 30%;
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%
    }
}
.managementPage .uploadWrapper {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.managementPage .detailsWrapper {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}
.managementPage .detailsWrapper p {
    margin: 0;
    font-size: 12px
}
.managementPage .detailsWrapper .line1 {
    color: #e6bb60
}
.managementPage .detailsWrapper .line2 {
    word-wrap: break-word;
    word-break: break-all
}
.managementPage .detailsWrapper .removeLink {
    text-decoration: underline;
    cursor: pointer;
    word-wrap: break-word;
    word-break: keep-all
}
.managementPage .footer-tile {
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.managementPage .footer-tile button {
    margin-right: 10px
}
.managementPage .footer-tile button:last-child {
    margin-right: 0
}
.backgroundImagePaneContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.backgroundImagePaneContainer .backgroundImagePane {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px
}
.bannerInputPaneContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.bannerInputPaneContainer .bannerInputPane {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px
}
.fileUpload {
    box-shadow: 0 1.5px 1px rgba(0, 0, 0, .24), 0 1.5px 3px rgba(0, 0, 0, .12);
    position: relative;
    overflow: hidden;
    float: right
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding-top: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0)
}
.pageHeader {
    min-height: 30px;
    margin-bottom: 5px;
    line-height: 1
}
.pageHeader .header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.pageHeader .header img,
.pageHeader .header span.icon {
    display: inline;
    margin-right: 10px;
    margin-top: 0;
    vertical-align: middle;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.pageHeader .header img.option,
.pageHeader .header span.icon.option {
    float: right;
    margin-right: 0;
    margin-left: auto
}
.pageHeader .header a.option {
    margin-left: auto
}
.pageHeader .header h3 {
    display: inline;
    vertical-align: middle
}
.sellpage article.headerBlock {
    padding: 0;
    border: none
}
.sellpage article.headerBlock .video {
    width: 100%;
    height: 69vh;
    position: relative;
    overflow: hidden;
}
.sellpage article.headerBlock .video video {
    position: absolute;
    /* min-width: 100%; */
    /* min-height: 100%; */
    height: 100%;
    top: 35%;
    left: 52%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.sellpage article.headerBlock .video .banner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background: rgba(0, 0, 0, .92);
    padding-top: 0
}
.sellpage article.headerBlock .video .banner a {
    font-size: 15px;
    color: #b7b7b7
}
.sellpage article.headerBlock .video .banner a em {
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
    color: #FA73FF;
    font-style: normal
}
.sellpage article.headerBlock .video .banner a::after {
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
    content: '';
    display: inline-block;
    border: 4px solid transparent;
    border-left: 7px solid #b7b7b7;
    position: relative;
    width: 0;
    height: 0;
    top: -1px;
    left: 5px
}
.sellpage article.headerBlock .video .banner a:hover {
    color: #FFF
}
.sellpage article.headerBlock .video .banner a:hover em {
    color: #fdbaff
}
.sellpage article.headerBlock .video .banner a:hover::after {
    border-left-color: #fff
}
.sellpage article.headerBlock .video header .signup {
    position: absolute;
    bottom: 200px;
    left: 50%;
    cursor: pointer;
    margin-left: -50%
}
.sellpage article.headerBlock .video header .logo {
    position: absolute;
    bottom: 63px;
    left: 50%;
    margin-left: -50%;
    width: 100%;
}
@media screen and (min-width: 40em) {
    .sellpage article.headerBlock .video header .headingText {
        background: url(./text-oneline.png) 50% 60% no-repeat #000
    }
    .sellpage article.headerBlock .video header .signup {
        margin-left: -236px
    }
    .sellpage article.headerBlock .video header .logo {
        margin-left: -271px;
        width: initial;
    }
}
.sellpage article.crystalBlock {
    background: url(./background-bddf56a4b3.jpg) 50% 100% no-repeat #000000
}
.sellpage article.crystalBlock aside {
    float: left;
}
.sellpage article.crystalBlock aside img {
    margin: 0 11px
}
.sellpage article.crystalBlock .textArea {
    border-left: 1px solid rgba(255, 255, 255, .14)
}
@media screen and (min-width: 40em) {
    .sellpage article.crystalBlock aside {
        display: block
    }
    .sellpage article.crystalBlock .textArea {
        margin-left: 479px
    }
}


.sellpage article.HDBlock {
    background: url(./background-hdblock.jpg) 50% 100% no-repeat #000000
}
.sellpage article.HDBlock aside {
    float: left;
}
.sellpage article.HDBlock aside img {
    margin: 0 11px
}
.sellpage article.HDBlock .textArea {
    
	border-left: 1px solid rgba(255, 255, 255, .14);
}
@media screen and (min-width: 40em) {
    .sellpage article.HDBlock aside {
        display: block
    }
    .sellpage article.HDBlock .textArea {
        margin-left: 479px
    }
}

.sellpage article.DMBlock {
    background: url(./background-dmblock.jpg) 50% 100% no-repeat #000000
}

.sellpage article.DMBlock aside {
    float: right;
    text-align:center;
    margin: 0 0 2em 0;
}

.sellpage article.DMBlock aside img {
    margin: 0 auto;
    width:100%;
}
.sellpage article.DMBlock .textArea {
    border-left: 1px solid rgba(255, 255, 255, .14)
}
@media screen and (min-width: 40em) {
    .sellpage article.DMBlock aside {
        display: block
    }
    .sellpage article.DMBlock .textArea {
        margin-left: 479px
    }

    .sellpage article.DMBlock aside {
        float:none;
    }

    .sellpage article.DMBlock .borderBlock p {
        padding: 0 10em;
    }
}

@media screen and (min-width: 40em) {
    .sellpage article.DMBlock aside {
        display: block;
        margin:  0 0 1em 0;
    }
    .sellpage article.DMBlock .textArea {
        margin-left: 479px
    }


}
.sellpage article.charBlock {
    position: relative;
    padding: 0;
    /* display: none */
}

.sellpage article.charBlock .charSelectCont {
    display:none;
}

.sellpage article.charBlock footer {
    display:none;
}

.sellpage article.charBlock video {
    display:none;
}

@media screen and (min-width: 40em) {
    .sellpage article.charBlock {
        display: block
    }

    .sellpage article.charBlock .charSelectCont {
        display:block;
    }

    .sellpage article.charBlock footer {
        display:block;
    }

    .sellpage article.charBlock video {
        display:block;
    }
}
.sellpage article.charBlock .charSelectCont {
    position: relative;
    margin-bottom: 50px
}
.sellpage article.charBlock .charSelectCont::before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #212121;
    position: absolute;
    position: absolute;
    left: 0;
    top: 42px;
    z-index: 1
}
.sellpage article.charBlock .characterSelect {
    width: 440px;
    padding: 0 10px;
    margin: 0 auto;
    background: #000000;
    position: relative;
    z-index: 10
}
.sellpage article.charBlock .characterSelect p {
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    text-align: center;
    color: #404040;
    font-size: 15px;
    font-style: italic
}
.sellpage article.charBlock .characterSelect .charIcon {
    width: 85px;
    height: 85px;
    margin: 0 10px;
    display: inline-block;
    border: 2px solid #212121;
    border-radius: 50%;
    cursor: pointer;
    background: url(./HeroList.png) no-repeat
}
.sellpage article.charBlock .characterSelect .charIcon.squire {
    background-position: 15px 50%
}
.sellpage article.charBlock .characterSelect .charIcon.huntress {
    background-position: -90px 50%
}
.sellpage article.charBlock .characterSelect .charIcon.apprentice {
    background-position: -193px 50%
}
.sellpage article.charBlock .characterSelect .charIcon.monk {
    background-position: -299px 50%
}
.sellpage article.charBlock .characterSelect .charIcon.active {
    border-color: rgba(255, 255, 255, .3)
}
.sellpage article.charBlock .headerImage {
    position: relative;
    margin: 0 auto;
    display: block;
    z-index: 10
}
.sellpage article.charBlock #heroData::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: url(./videoOverlay.png) 50% 50% no-repeat;
    background-size: cover;
    display: block;
    z-index: 10;

}
.sellpage article.charBlock .video {
    margin: 0 0 0 0;
}
.sellpage article.charBlock .video>video {
    position: absolute;
    width: 1370px;
    min-height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.sellpage article.charBlock .video article {
    z-index: 20;
    margin:2em 0 0 0;
    width: 100%;
    height: 422px;
    padding: 0;
}

@media screen and (min-width: 40em) {
    .sellpage article.charBlock .video article {
        position: absolute;
        top: 60px;
        margin:0;
        right: 125px;
        z-index: 20;
        width: 622px;
        height: 422px;
        background: url(./skillPlayer-2bd5fcd902.png) 50% 50% no-repeat;
        padding: 0;
    }

    .sellpage article.charBlock .video {
        max-width: 1370px;
        margin: 0 auto;
        height: 550px;
        position: relative;
        overflow: hidden
    }
}
.sellpage article.charBlock .video article video {
    position: relative;
    top: 78px;
    right: -80px;
    width: 462px;
    height: 262px;
    background-color: #000
}
.sellpage article.charBlock footer {
    position: relative;
    max-width: 576px;
    margin: 0 auto;
    top: -80px;
    z-index: 20
}

/* sphereBlock */

.sellpage article.sphereBlock footer header {
    color: #34e3c1;
    font-weight: 700;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-size: 15px
}

.sellpage article.sphereBlock {
    position: relative;
    padding: 0;
    /* display: none */
}

.sellpage article.sphereBlock footer {
    display:none;
}

.sellpage article.sphereBlock video {
    display:none;
}

@media screen and (min-width: 40em) {
    .sellpage article.sphereBlock {
        display: block
    }

    .sellpage article.sphereBlock .charSelectCont {
        display:block;
    }

    .sellpage article.sphereBlock footer {
        display:block;
    }

    .sellpage article.sphereBlock video {
        display:block;
    }
}

.sellpage article.sphereBlock .headerImage {
    position: relative;
    margin: 0 auto;
    display: block;
    z-index: 10
}
.sellpage article.sphereBlock #heroData::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: url(./videoOverlay.png) 50% 50% no-repeat;
    background-size: cover;
    display: block;
    z-index: 10
}

.sellpage article.sphereBlock .video {
    margin: 0 0 0 0;
}
.sellpage article.sphereBlock .video>video {
    position: absolute;
    width: 1370px;
    min-height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.sellpage article.sphereBlock .video article {
    z-index: 20;
    margin:2em 0 0 0;
    width: 100%;
    height: 422px;
    padding: 0;
}

@media screen and (min-width: 40em) {
    .sellpage article.sphereBlock .video article {
		margin-left:auto;
		margin-right:auto;
        /*position: absolute;
		margin:0;
		left: 340px;*/
        top: 60px;
        z-index: 20;
        width: 622px;
        height: 300px;
        background: url(./skillPlayer-2bd5fcd902.png) 50% 50% no-repeat;
        padding: 0;
    }

    .sellpage article.sphereBlock .video {
        max-width: 1370px;
        margin: 0 auto;
        height: 500px;
        position: relative;
        overflow: hidden
    }
}

.sellpage article.sphereBlock .video article video {
    position: relative;
    top: 20px;
    right: -80px;
    width: 462px;
    height: 262px;
    background-color: #000
}


.sellpage article.sphereBlock footer {
    position: relative;
    max-width: 340px;
    margin: 0 auto;
    top: -70px;
    z-index: 20
}

.sellpage article.charBlock footer.squire .skillIcon {
    background: url(./abilitySprite-c1c2777004.png) no-repeat
}
.sellpage article.charBlock footer.huntress .skillIcon {
    background: url(./abilitySprite-6a4faedbf1.png) no-repeat
}
.sellpage article.charBlock footer.apprentice .skillIcon {
    background: url(./abilitySprite-b307989a8e.png) no-repeat
}
.sellpage article.charBlock footer.monk .skillIcon {
    background: url(./abilitySprite-83cbb99a93.png) no-repeat
}
.sellpage article.charBlock footer ul {
    margin-top: 5px
}
.sellpage article.charBlock footer .skillIcon {
    width: 51px;
    height: 51px;
    margin: 0 8px;
    display: inline-block;
    cursor: pointer
}
.sellpage article.charBlock footer .skillIcon.skill1 {
    background-position: 0 50%
}
.sellpage article.charBlock footer .skillIcon.skill2 {
    background-position: -66px 50%
}
.sellpage article.charBlock footer .skillIcon.skill3 {
    background-position: -132px 50%
}
.sellpage article.charBlock footer .skillIcon.skill4 {
    background-position: -198px 50%
}
.sellpage article.charBlock footer .skillIcon.skill5 {
    background-position: -290px 50%
}
.sellpage article.charBlock footer .skillIcon.skill6 {
    background-position: -356px 50%
}
.sellpage article.charBlock footer .skillIcon.skill7 {
    background-position: -422px 50%
}
.sellpage article.charBlock footer .skillIcon.skill8 {
    background-position: -488px 50%
}
.sellpage article.charBlock footer .skillIcon.active {
    border-color: rgba(255, 255, 255, .5)
}
.sellpage article.itemBlock .textArea,
.sellpage article.petBlock .textArea {
    border-right: 1px solid rgba(255, 255, 255, .14)
}
.sellpage article.charBlock footer .skills .active {
    box-shadow: 0 0 2px 1px #34e3c1
}
.sellpage article.charBlock footer .towers .active {
    box-shadow: 0 0 2px 1px #aced1d
}
.sellpage article.charBlock footer .skills,
.sellpage article.charBlock footer .towers {
    display: inline-block;
    margin: 0 10px
}
.sellpage article.charBlock footer header {
    color: #34e3c1;
    font-weight: 700;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-size: 13px
}
.sellpage article.charBlock footer .towers header {
    color: #aced1d
}
.sellpage article.charBlock footer .skillDesc {
    margin-top: 20px;
    text-align: center;
    padding: 0 40px
}
.sellpage article.charBlock footer .skillDesc header {
    font-size: 14px
}
.sellpage article.charBlock footer .skillDesc p {
    color: #b7b7b7;
    min-height: 46px
}
.sellpage article.bgBlock {
    background: url(./background-9509fe2db4.jpg) 50% 50% no-repeat #000000;
    margin-top: -10px;
    max-height: 900px;
    border-top: 3px solid rgba(255, 255, 255, .3);
    background-clip: padding-box;
    height: 650px!important;
    margin-bottom: 105px
}
.sellpage article.bgBlock header {
    bottom: -105px!important
}
.sellpage article.bgBlock header .headingText {
    margin-left: -600px!important;
    width: 1200px!important
}
@media screen and (min-width: 40em) {
    .sellpage article.bgBlock header .headingText {
        background: url(./headline-1ddeb797e7.png) 50% 50% no-repeat #000
    }
}
.sellpage article.itemBlock {
    background: url(./background-5a3c825af7.jpg) 50% 50% no-repeat #000000
}
.sellpage article.itemBlock aside {
    position: relative;
    display: block;
    margin: 0px auto 2em;
    position: relative;
    overflow: visible;
    width: 70%;
    height: 376px;
}

.sellpage article.itemBlock aside img {
    /* position: relative; */
    width:100%;
    /* top: 0; */
}

@media screen and (min-width: 40em) {
    .sellpage article.itemBlock aside {
        width: 450px;
        right: 14px;
        margin: -30px 0 2em 0;
        float:right;
    }
    .sellpage article.itemBlock .textArea {
        margin-right: 478px
    }

    .sellpage article.itemBlock aside img {
        position: absolute;
        top: 50px;
        right: 70px;
        width:initial;
    }
}

.sellpage article.itemBlock aside .hover {
    width: 57px;
    height: 57px;
    position: absolute
}
.sellpage article.itemBlock aside .hover::before {
    content: '';
    position: absolute;
    display: none;
    background: 50% 50% no-repeat;
    width: 322px;
    height: 329px;
    bottom: 66px;
    right: -47px;
    z-index: 10
}
.sellpage article.itemBlock aside .hover:hover {
    background-image: url(./items-hover.png)
}
.sellpage article.itemBlock aside .hover:hover::before {
    display: block
}

.sellpage article.itemBlock aside .hover.boots {
    display:none;
}
.sellpage article.itemBlock aside .hover.boots::before {
    height: 306px;
    background-image: url(./hover-boots.png)
}
.sellpage article.itemBlock aside .hover.gloves {
    display:none;
}
.sellpage article.itemBlock aside .hover.gloves::before {
    height: 272px;
    background-image: url(./hover-gloves.png)
}
.sellpage article.itemBlock aside .hover.helm1 {
    display:none;
}
.sellpage article.itemBlock aside .hover.helm1::before {
    height: 264px;
    background-image: url(./hover-mythic-helm.png)
}
.sellpage article.itemBlock aside .hover.helm2 {
    display:none;
}
.sellpage article.itemBlock aside .hover.helm2::before {
    height: 264px;
    background-image: url(./hover-light.png)
}
.sellpage article.itemBlock aside .hover.plate {
    display:none;
}
.sellpage article.itemBlock aside .hover.plate::before {
    height: 227px;
    background-image: url(./hover-plate.png)
}
.sellpage article.itemBlock aside .hover.helm3 {
    display:none;
}
.sellpage article.itemBlock aside .hover.helm3::before {
    height: 312px;
    bottom: 80px;
    background-image: url(./hover-legendary-helm.png)
}

@media screen and (min-width: 40em) {
    .sellpage article.itemBlock aside .hover.boots {
        display:block;
        top: 130px;
        right: 304px;
        background-position: -8px -80px;
    }
    .sellpage article.itemBlock aside .hover.boots::before {
        height: 306px;
        background-image: url(./hover-boots.png)
    }
    .sellpage article.itemBlock aside .hover.gloves {
        display:block;
        top: 270px;
        right: 269px;
        background-position: -43px -220px
    }
    .sellpage article.itemBlock aside .hover.gloves::before {
        height: 272px;
        background-image: url(./hover-gloves.png)
    }
    .sellpage article.itemBlock aside .hover.helm1 {
        display:block;
        top: 270px;
        right: 115px;
        background-position: -197px -220px
    }
    .sellpage article.itemBlock aside .hover.helm1::before {
        height: 264px;
        background-image: url(./hover-mythic-helm.png)
    }
    .sellpage article.itemBlock aside .hover.helm2 {
        display:block;
        top: 130px;
        right: 78px;
        background-position: -234px -80px
    }
    .sellpage article.itemBlock aside .hover.helm2::before {
        height: 264px;
        background-image: url(./hover-light.png)
    }
    .sellpage article.itemBlock aside .hover.plate {
        display:block;
        top: 58px;
        right: 189px;
        background-position: -122px -8px;
        width: 58px
    }
    .sellpage article.itemBlock aside .hover.plate::before {
        height: 227px;
        background-image: url(./hover-plate.png)
    }
    .sellpage article.itemBlock aside .hover.helm3 {
        display:block;
        top: 164px;
        right: 183px;
        width: 73px;
        height: 72px;
        background-position: -113px -114px
    }
    .sellpage article.itemBlock aside .hover.helm3::before {
        height: 312px;
        bottom: 80px;
        background-image: url(./hover-legendary-helm.png)
    }
}
.sellpage article.skillBlock {
    background: url(./background-96e7a63fa0.jpg) 50% 50% no-repeat #000000;
    border-top: 7px solid #000000;
    border-bottom: 7px solid #000000
}
.sellpage article.f2pBlock,
.sellpage article.headlineBlock header {
    border-top: 3px solid rgba(255, 255, 255, .3);
    /* border-bottom: 3px solid rgba(255, 255, 255, .3) */
}
.sellpage article.skillBlock aside {
    display:block;
    float: left;
    position: relative;
    overflow: visible;
    width: 100%;
    height: 376px;
}

.sellpage article.skillBlock aside img {
    display:block;
    margin: 0 auto;
    width: 80%;
}

@media screen and (min-width: 40em) {
    .sellpage article.skillBlock aside {
        width: 385px;
        margin: 36px 69px;
        left: 61px;
    }
    .sellpage article.skillBlock .textArea {
        margin-left: 478px
    }

    .sellpage article.skillBlock aside img {
        position: absolute;
        top: 20px;
        right: 60px;
        width:initial;
    }
}

.sellpage article.skillBlock aside .hover {
    width: 57px;
    height: 57px;
    position: absolute;
    border-radius: 50%
}
.sellpage article.skillBlock aside .hover::before {
    content: '';
    position: absolute;
    display: none;
    background: 50% 50% no-repeat;
    width: 293px;
    height: 156px;
    bottom: 77px;
    left: -10px;
    z-index: 10
}
.sellpage article.skillBlock aside .hover:hover {
    background-image: url(./spheres-hover.png)
}
.sellpage article.skillBlock aside .hover:hover::before {
    display: block
}

.sellPage article.skillBlock aside div {
    display:none;
}

@media screen and (min-width: 40em) {
    .sellPage article.skillBlock aside div {
        display:block;
    }
    
    .sellpage article.skillBlock aside .hover.skill1 {
        top: 74px;
        right: 292px;
        background-position: -46px -58px;
        width: 75px;
        height: 75px
    }
    .sellpage article.skillBlock aside .hover.skill1::before {
        background-image: url(./hover-damage.png)
    }
    .sellpage article.skillBlock aside .hover.skill2 {
        top: 19px;
        right: 196px;
        background-position: -142px -3px;
        width: 75px;
        height: 75px
    }
    .sellpage article.skillBlock aside .hover.skill2::before {
        background-image: url(./hover-power.png)
    }
    .sellpage article.skillBlock aside .hover.skill3 {
        top: 75px;
        right: 97px;
        background-position: -241px -59px;
        width: 75px;
        height: 75px
    }
    .sellpage article.skillBlock aside .hover.skill3::before {
        background-image: url(./hover-rate.png)
    }
    .sellpage article.skillBlock aside .hover.skill4 {
        top: 202px;
        right: 292px;
        width: 94px;
        height: 94px;
        background-position: -27px -186px
    }
    .sellpage article.skillBlock aside .hover.skill4::before {
        bottom: 96px;
        background-image: url(./hover-stun.png)
    }
    .sellpage article.skillBlock aside .hover.skill5 {
        top: 254px;
        right: 180px;
        width: 106px;
        height: 106px;
        background-position: -127px -238px
    }
    .sellpage article.skillBlock aside .hover.skill5::before {
        bottom: 108px;
        background-image: url(./hover-luck.png)
    }
    .sellpage article.skillBlock aside .hover.skill6 {
        top: 202px;
        right: 84px;
        width: 94px;
        height: 94px;
        background-position: -235px -186px
    }
    .sellpage article.skillBlock aside .hover.skill6::before {
        bottom: 96px;
        background-image: url(./hover-antiair.png)
    }
    .sellpage article.skillBlock aside .hover.skill7 {
        top: 106px;
        right: 167px;
        width: 130px;
        height: 136px;
        background-position: -116px -90px
    }
    .sellpage article.skillBlock aside .hover.skill7::before {
        bottom: 140px;
        background-image: url(./hover-flamethrower.png)
    }
}
.sellpage article.skillBlock .textArea {
    
}
.sellpage article.petBlock {
    background: url(./background-2e467a8f8c.jpg) 50% 50% no-repeat #000000
}
.sellpage article.petBlock aside {
    float: right;
    padding: 50px;
    width: 425px;
    position: relative;
    right: 12px
}
@media screen and (min-width: 40em) {
    .sellpage article.petBlock aside {
        display: block
    }


}
.sellpage article.petBlock aside img {
    position: absolute;
    top: 38px;
    right: 100px
}
.sellpage article.petBlock aside .hover {
    position: absolute;
    margin: 10px;
    display: inline-block;
    width: 72px;
    height: 72px
}
.sellpage article.petBlock aside .hover::before {
    content: '';
    position: absolute;
    display: none;
    background: 50% 50% no-repeat;
    width: 411px;
    height: 229px;
    bottom: 75px;
    right: -35px;
    z-index: 10
}
.sellpage article.petBlock aside .hover:hover {
    background-image: url(./pets-hover.png)
}
.sellpage article.petBlock aside .hover:hover::before {
    display: block
}
.sellpage article.petBlock aside .hover.pet1 {
    top: 28px;
    right: 270px;
    background-position: -1px 0
}
.sellpage article.petBlock aside .hover.pet1::before {
    background-image: url(./hover-1.png)
}
.sellpage article.petBlock aside .hover.pet2 {
    top: 28px;
    right: 180px;
    background-position: -91px 0
}
.sellpage article.petBlock aside .hover.pet2::before {
    background-image: url(./hover-2.png)
}
.sellpage article.petBlock aside .hover.pet3 {
    top: 28px;
    right: 90px;
    background-position: -181px 0
}
.sellpage article.petBlock aside .hover.pet3::before {
    background-image: url(./hover-3.png)
}
.sellpage article.petBlock aside .hover.pet4 {
    top: 118px;
    right: 270px;
    background-position: -1px -90px
}
.sellpage article.petBlock aside .hover.pet4::before {
    background-image: url(./hover-4.png)
}
.sellpage article.petBlock aside .hover.pet5 {
    top: 118px;
    right: 180px;
    background-position: -91px -90px
}
.sellpage article.petBlock aside .hover.pet5::before {
    background-image: url(./hover-5.png)
}
.sellpage article.petBlock aside .hover.pet6 {
    top: 118px;
    right: 90px;
    background-position: -181px -90px
}
.sellpage article.petBlock aside .hover.pet6::before {
    background-image: url(./hover-6.png)
}
.sellpage article.petBlock aside .hover.pet7 {
    top: 208px;
    right: 270px;
    background-position: -1px -181px
}
.sellpage article.petBlock aside .hover.pet7::before {
    background-image: url(./hover-7.png)
}
.sellpage article.petBlock aside .hover.pet8 {
    top: 208px;
    right: 180px;
    background-position: -91px -181px
}
.sellpage article.petBlock aside .hover.pet8::before {
    background-image: url(./hover-8.png)
}
.sellpage article.petBlock aside .hover.pet9 {
    top: 208px;
    right: 90px;
    background-position: -181px -180px
}
.sellpage article.petBlock aside .hover.pet9::before {
    background-image: url(./hover-9.png)
}
@media screen and (min-width: 40em) {
    .sellpage article.petBlock .textArea {
        margin-right: 478px
    }
    .sellpage article.f2pBlock .blockCont {
        padding-left: 480px
    }
}
.sellpage article.f2pBlock {
    background: url(./background-43d59c6c06.jpg) 50% 50% no-repeat #000000;
    background-clip: padding-box
}
.sellpage article.f2pBlock .blockCont {
    max-width: 990px;
    margin: 0 auto
}
.sellpage article.registerBlock {
    background: url(./background-0db4144ae2.jpg) 50% 50% no-repeat #000000
}
.sellpage article.registerBlock .textArea {
    text-align: left;
    padding: 10px 40px;
    min-height: 472px
}
.sellpage article.registerBlock .textArea input {
    width: 100%
}
.sellpage article.registerBlock .textArea p {
    margin-top: 10px;
    font-weight: 100;
    margin-bottom: -6px;
    font-size: 13px
}
#footer,
.sellpage article .textArea p {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
	font-weight:600;
}
.sellpage article.registerBlock .textArea .checkbox {
    margin-top: 20px
}
.sellpage article.registerBlock .textArea .checkbox input {
    display: inline-block;
    width: auto;
    position: relative;
    top: 2px;
    margin-right: 2px
}
.sellpage article.registerBlock .textArea .checkbox a {
    color: #fff
}
.sellpage article.registerBlock .textArea .submitArea {
    text-align: center;
    margin-top: 30px
}
.sellpage article.registerBlock .registerChar {
    position: absolute;
    bottom: 14px;
    right: 0;
    display: none
}
@media screen and (min-width: 40em) {
    .sellpage article.registerBlock .textArea {
        margin-right: 500px
    }
    .sellpage article.registerBlock .registerChar {
        display: block
    }
}
.sellpage article.registerBlock .mobileReg {
    display: block
}
.sellpage article.registerBlock .desktopReg {
    display: none
}
.sellpage {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.sellpage article {
    background: #000000;
    padding: 50px 0;
    overflow: hidden;
    background-size: cover!important
}
@media screen and (min-width: 40em) {
    .sellpage article.registerBlock .mobileReg {
        display: none
    }
    .sellpage article.registerBlock .desktopReg {
        display: block
    }
    .sellpage article {
        padding: 170px 0;
        overflow: visible
    }
	
	    .sellpage article.HDBlock {
        padding: 80px 0;
        overflow: visible;
        text-align: center;
    }
}
.sellpage article.headlineBlock {
    height: 62vh;
    position: relative;
}
.sellpage article.headlineBlock header {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    height: 106px
}
.sellpage article.headlineBlock header::before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #212121;
    position: absolute;
    top: 50px
}
.sellpage article.headlineBlock header .headingText {
    position: absolute;
    left: 50%;
    margin-left: -490px;
    background-color: #000;
    display: none;
    width: 980px;
    height: 100px;
    max-width: 100%
}
.sellpage article .borderBlock {
    max-width: 990px;
    margin: 0 15px;
    background: rgba(255,255,255, .2);
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius:10px;
	padding: 13px 12px;
    position: relative
}
@media screen and (min-width: 40em) {
    .sellpage article.headlineBlock header .headingText {
        display: block
    }
    .sellpage article .borderBlock {
        margin: 0 auto
    }
}
.sellpage article .borderBlock>div {
    min-height: 250px
}
.sellpage article .textArea {
    text-align: center;
    padding: 0px 26px 52px;
    margin-top: 20px;
    margin-bottom: 20px
}

@media screen and (min-width: 40em) {
    .sellpage article .textArea {
        text-align: center;
        padding: 52px 26px;
        margin-top: 20px;
        margin-bottom: 20px
    }
}

.sellpage article .textArea p {
    color: #ffffff
}
.sellpage article .borderBlock::after,
.sellpage article .borderBlock::before,
.sellpage article .borderBlock>div::after,
.sellpage article .borderBlock>div::before {
    content: '';
    display: block;
    position: absolute;
    background: url(./corner-47e06a49aa.png) no-repeat;
    width: 88px;
    height: 90px
}
.sellpage article .borderBlock::before {
    top: -14px;
    left: -31px
}
.sellpage article .borderBlock::after {
    top: -14px;
    right: -31px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}
.sellpage article .borderBlock>div::before {
    bottom: -14px;
    left: -31px;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}
.sellpage article .borderBlock>div::after {
    bottom: -14px;
    right: -31px;
    -webkit-transform: rotateX(180deg) rotateY(180deg);
    transform: rotateX(180deg) rotateY(180deg)
}
.tabled {
    display: table
}
.tabled>.row {
    display: table-row
}
.tabled>.row>div[class^=col-] {
    display: table-cell;
    vertical-align: top;
    float: none
}
#footer {
    position: relative;
    overflow: hidden;
    padding-top: 134px;
    max-width: 990px;
    margin: 0 auto;
    text-align: center
}
.footer-links,
.footer-logos {
    margin-bottom: 29px
}
.footer-links a {
    color: #9d9d9d;
    display: inline-block
}
.footer-links a:hover {
    color: #fff
}
.footer-links-border {
    border-left: solid 1px #2d2d2d;
    margin-left: 5px;
    padding-left: 6px
}
.footer-logos {
    margin-left: 50px;
    margin-right: 50px;
    text-align: justify;
    height: 47px;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    display: none
}
.footer-logos .helper,
.stretch {
    height: 100%;
    vertical-align: middle
}
@media screen and (min-width: 40em) {
    .footer-logos {
        display: block
    }
}
.footer-logos div {
    vertical-align: middle;
    display: inline-block;
    zoom: 1;
    margin: 0 10px
}
.footer-logos .helper {
    display: inline-block
}
.footer-logos img {
    vertical-align: middle;
    max-height: 47px
}
.stretch {
    width: 100%;
    display: inline-block
}
.copyright {
    color: #3d3d3d;
    padding-bottom: 29px
}
#footer>ul {
    position: absolute;
    top: 0;
    left: 0
}
footer li img {
    width: 37px;
    height: 37px
}
#footer div[class^=col-]:not(div[class$="-12"])>a {
    height: 100%;
    display: inline-block;
    width: 100%;
    text-align: center;
    padding-top: 1em
}
#footer div[class^=col-]:first-of-type>a {
    padding-top: 0
}
#footer div[class$="-12"] {
    padding: 0 5em
}
#footer a,
#footer a:hover {
    text-decoration: none
}