@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

[data-simplebar] {
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    max-height: 100%
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit
}

.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto!important;
    height: auto!important;
    z-index: 0
}

.chatReplyQuoteInvert {
    background-color: rgba(0, 0, 0, .1);
    border-radius: 1px;
    display: inline-block;
    margin-left: -10px;
    width: 0;
    color: rgba(255, 255, 255, .8);
    line-height: 14px;
    margin-left: 1px;
    margin-right: 4px;
    border-right: 2px solid rgba(0, 0, 0, .1)
}

.simplebar-offset {
    direction: inherit!important;
    box-sizing: inherit!important;
    resize: none!important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch
}

.simplebar-content-wrapper {
    direction: inherit;
    box-sizing: border-box!important;
    position: relative;
    display: block;
    height: 100%;
    width: auto;
    visibility: visible;
    max-width: 100%;
    max-height: 100%;
    -ms-overflow-style: none
}

div.juxtapose {
    width: 100%;
    font-family: Helvetica, Arial, sans-serif
}

div.jx-slider {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    color: #f3f3f3
}

div.jx-handle {
    position: absolute;
    height: 100%;
    width: 40px;
    cursor: col-resize;
    z-index: 15;
    margin-left: -20px
}

.vertical div.jx-handle {
    height: 40px;
    width: 100%;
    cursor: row-resize;
    margin-top: -20px;
    margin-left: 0
}

div.jx-control {
    height: 100%;
    margin-right: auto;
    margin-left: auto;
    width: 3px;
    background-color: currentColor
}

.vertical div.jx-control {
    height: 3px;
    width: 100%;
    background-color: currentColor;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

div.jx-controller {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 60px;
    width: 9px;
    margin-left: -3px;
    background-color: currentColor
}

.vertical div.jx-controller {
    height: 9px;
    width: 100px;
    margin-left: auto;
    margin-right: auto;
    top: -3px;
    position: relative
}

div.jx-arrow {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    width: 0;
    height: 0;
    transition: all .2s ease
}

.vertical div.jx-arrow {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 0;
    height: 0;
    transition: all .2s ease
}

div.jx-arrow.jx-left {
    left: 2px;
    border-style: solid;
    border-width: 8px 8px 8px 0;
    border-color: transparent currentColor transparent transparent
}

div.jx-arrow.jx-right {
    right: 2px;
    border-style: solid;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent currentColor
}

.vertical div.jx-arrow.jx-left {
    left: 0;
    top: 2px;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent currentColor transparent
}

.vertical div.jx-arrow.jx-right {
    right: 0;
    top: auto;
    bottom: 2px;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: currentColor transparent transparent transparent
}

div.jx-handle:active div.jx-arrow.jx-left,
div.jx-handle:hover div.jx-arrow.jx-left {
    left: -1px
}

div.jx-handle:active div.jx-arrow.jx-right,
div.jx-handle:hover div.jx-arrow.jx-right {
    right: -1px
}

.vertical div.jx-handle:active div.jx-arrow.jx-left,
.vertical div.jx-handle:hover div.jx-arrow.jx-left {
    left: 0;
    top: 0
}

.vertical div.jx-handle:active div.jx-arrow.jx-right,
.vertical div.jx-handle:hover div.jx-arrow.jx-right {
    right: 0;
    bottom: 0
}

div.jx-image {
    position: absolute;
    height: 100%;
    display: inline-block;
    top: 0;
    overflow: hidden;
    -webkit-backface-visibility: hidden
}

.vertical div.jx-image {
    width: 100%;
    left: 0;
    top: auto
}

div.jx-image img {
    height: 100%;
    width: auto!important;
    max-width: initial!important;
    z-index: 5;
    position: absolute;
    margin-bottom: 0;
    max-height: none;
    max-width: none;
    max-height: initial;
    max-width: initial
}

.vertical div.jx-image img {
    height: auto;
    width: 100%
}

div.jx-image.jx-left {
    left: 0;
    background-position: left
}

div.jx-image.jx-left img {
    left: 0
}

div.jx-image.jx-right {
    right: 0;
    background-position: right
}

div.jx-image.jx-right img {
    right: 0;
    bottom: 0
}

.veritcal div.jx-image.jx-left {
    top: 0;
    background-position: top
}

.veritcal div.jx-image.jx-left img {
    top: 0
}

.vertical div.jx-image.jx-right {
    bottom: 0;
    background-position: bottom
}

.veritcal div.jx-image.jx-right img {
    bottom: 0
}

div.jx-image div.jx-label {
    font-size: 1em;
    padding: .25em .75em;
    position: relative;
    display: inline-block;
    top: 0;
    background-color: #000;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    z-index: 10;
    white-space: nowrap;
    line-height: 18px;
    vertical-align: middle
}

div.jx-image.jx-left div.jx-label {
    float: left;
    left: 0
}

div.jx-image.jx-right div.jx-label {
    float: right;
    right: 0
}

.vertical div.jx-image div.jx-label {
    display: table;
    position: absolute
}

.vertical div.jx-image.jx-right div.jx-label {
    left: 0;
    bottom: 0;
    top: auto
}

div.jx-credit {
    line-height: 1.1;
    font-size: .75em
}

div.jx-credit em {
    font-weight: 700;
    font-style: normal
}

div.jx-image.transition {
    transition: width .5s ease
}

div.jx-handle.transition {
    transition: left .5s ease
}

.vertical div.jx-image.transition {
    transition: height .5s ease
}

.vertical div.jx-handle.transition {
    transition: top .5s ease
}

a.jx-knightlab {
    background-color: #000;
    background-color: rgba(0, 0, 0, .25);
    bottom: 0;
    display: table;
    height: 14px;
    line-height: 14px;
    padding: 1px 4px 1px 5px;
    position: absolute;
    right: 0;
    text-decoration: none;
    z-index: 10
}

a.jx-knightlab div.knightlab-logo {
    display: inline-block;
    vertical-align: middle;
    height: 8px;
    width: 8px;
    background-color: #c34528;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    top: -1.25px;
    position: relative;
    cursor: pointer
}

a.jx-knightlab:hover {
    background-color: #000;
    background-color: rgba(0, 0, 0, .35)
}

a.jx-knightlab:hover div.knightlab-logo {
    background-color: #ce4d28
}

a.jx-knightlab span.juxtapose-name {
    display: table-cell;
    margin: 0;
    padding: 0;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 300;
    color: #fff;
    font-size: 10px;
    padding-left: .375em;
    vertical-align: middle;
    line-height: normal;
    text-shadow: none
}

a.jx-knightlab:focus,
div.jx-controller:focus,
div.jx-image.jx-left div.jx-label:focus,
div.jx-image.jx-right div.jx-label:focus {
    background: #eae34a;
    color: #000
}

a.jx-knightlab:focus span.juxtapose-name {
    color: #000;
    border: none
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
    width: 0;
    height: 0
}

.simplebar-content:after,
.simplebar-content:before {
    content: ' ';
    display: table
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit!important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden
}

[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all
}

.simplebar-scrollbar {
    position: absolute;
    left: 0;
    right: 0;
    min-height: 10px
}

.simplebar-scrollbar:before {
    position: absolute;
    content: '';
    background: #000;
    border-radius: 7px;
    left: 2px;
    right: 2px;
    opacity: 0;
    transition: opacity .2s linear
}

.simplebar-scrollbar.simplebar-visible:before {
    opacity: .5;
    transition: opacity 0s linear
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    height: 100%;
    left: 2px;
    right: 2px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 2px;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0
}

.hs-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll
}

.simplebar-hide-scrollbar {
    position: fixed;
    left: 0;
    visibility: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.flatpickr-calendar {
    background: 0 0;
    opacity: 0;
    display: none;
    text-align: center;
    visibility: hidden;
    padding: 0;
    -webkit-animation: none;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: #fff;
    -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, .08);
    box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, .08)
}

.flatpickr-calendar.inline,
.flatpickr-calendar.open {
    opacity: 1;
    max-height: 640px;
    visibility: visible
}

.flatpickr-calendar.open {
    display: inline-block;
    z-index: 99999
}

.flatpickr-calendar.animate.open {
    -webkit-animation: fpFadeInDown .3s cubic-bezier(.23, 1, .32, 1);
    animation: fpFadeInDown .3s cubic-bezier(.23, 1, .32, 1)
}

.flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: 2px
}

.flatpickr-calendar.static {
    position: absolute;
    top: calc(100% + 2px)
}

.flatpickr-calendar.static.open {
    z-index: 999;
    display: block
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
    -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
}

.flatpickr-calendar .hasTime .dayContainer,
.flatpickr-calendar .hasWeeks .dayContainer {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.flatpickr-calendar .hasWeeks .dayContainer {
    border-left: 0
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
    height: 40px;
    border-top: 1px solid #e6e6e6
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    height: auto
}

.flatpickr-calendar:after,
.flatpickr-calendar:before {
    position: absolute;
    display: block;
    pointer-events: none;
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    left: 22px
}

.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.rightMost:before {
    left: auto;
    right: 22px
}

.flatpickr-calendar:before {
    border-width: 5px;
    margin: 0 -5px
}

.flatpickr-calendar:after {
    border-width: 4px;
    margin: 0 -4px
}

.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowTop:before {
    bottom: 100%
}

.flatpickr-calendar.arrowTop:before {
    border-bottom-color: #e6e6e6
}

.flatpickr-calendar.arrowTop:after {
    border-bottom-color: #fff
}

.flatpickr-calendar.arrowBottom:after,
.flatpickr-calendar.arrowBottom:before {
    top: 100%
}

.flatpickr-calendar.arrowBottom:before {
    border-top-color: #e6e6e6
}

.flatpickr-calendar.arrowBottom:after {
    border-top-color: #fff
}

.flatpickr-calendar:focus {
    outline: 0
}

.flatpickr-wrapper {
    position: relative;
    display: inline-block
}

.flatpickr-months {
    display: flex
}

.flatpickr-months .flatpickr-month {
    background: 0 0;
    color: rgba(0, 0, 0, .9);
    fill: rgba(0, 0, 0, .9);
    height: 34px;
    line-height: 1;
    text-align: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    height: 34px;
    padding: 10px;
    z-index: 3;
    color: rgba(0, 0, 0, .9);
    fill: rgba(0, 0, 0, .9)
}

.flatpickr-months .flatpickr-next-month.flatpickr-disabled,
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
    display: none
}

.flatpickr-months .flatpickr-next-month i,
.flatpickr-months .flatpickr-prev-month i {
    position: relative
}

.flatpickr-months .flatpickr-next-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
    left: 0
}

.flatpickr-months .flatpickr-next-month.flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
    right: 0
}

.flatpickr-months .flatpickr-next-month:hover,
.flatpickr-months .flatpickr-prev-month:hover {
    color: #959ea9
}

.flatpickr-months .flatpickr-next-month:hover svg,
.flatpickr-months .flatpickr-prev-month:hover svg {
    fill: #f64747
}

.flatpickr-months .flatpickr-next-month svg,
.flatpickr-months .flatpickr-prev-month svg {
    width: 14px;
    height: 14px
}

.flatpickr-months .flatpickr-next-month svg path,
.flatpickr-months .flatpickr-prev-month svg path {
    -webkit-transition: fill .1s;
    transition: fill .1s
}

.numInputWrapper {
    position: relative;
    height: auto
}

.numInputWrapper input,
.numInputWrapper span {
    display: inline-block
}

.numInputWrapper input {
    width: 100%
}

.numInputWrapper input::-ms-clear {
    display: none
}

.numInputWrapper input::-webkit-inner-spin-button,
.numInputWrapper input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none
}

.numInputWrapper span {
    position: absolute;
    right: 0;
    width: 14px;
    padding: 0 4px 0 2px;
    height: 50%;
    line-height: 50%;
    opacity: 0;
    cursor: pointer;
    border: 1px solid rgba(57, 57, 57, .15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.numInputWrapper span:hover {
    background: rgba(0, 0, 0, .1)
}

.numInputWrapper span:active {
    background: rgba(0, 0, 0, .2)
}

.numInputWrapper span:after {
    display: block;
    content: "";
    position: absolute
}

.numInputWrapper span.arrowUp {
    top: 0;
    border-bottom: 0
}

.numInputWrapper span.arrowUp:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(57, 57, 57, .6);
    top: 26%
}

.numInputWrapper span.arrowDown {
    top: 50%
}

.numInputWrapper span.arrowDown:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(57, 57, 57, .6);
    top: 40%
}

.numInputWrapper span svg {
    width: inherit;
    height: auto
}

.numInputWrapper span svg path {
    fill: rgba(0, 0, 0, .5)
}

.numInputWrapper:hover {
    background: rgba(0, 0, 0, .05)
}

.numInputWrapper:hover span {
    opacity: 1
}

.flatpickr-current-month {
    font-size: 135%;
    line-height: inherit;
    font-weight: 300;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    padding: 7.48px 0 0 0;
    line-height: 1;
    height: 34px;
    display: inline-block;
    text-align: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.flatpickr-current-month span.cur-month {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    display: inline-block;
    margin-left: .5ch;
    padding: 0
}

.flatpickr-current-month span.cur-month:hover {
    background: rgba(0, 0, 0, .05)
}

.flatpickr-current-month .numInputWrapper {
    width: 6ch;
    width: 7ch;
    display: inline-block
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: rgba(0, 0, 0, .9)
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: rgba(0, 0, 0, .9)
}

.flatpickr-current-month input.cur-year {
    background: 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    cursor: text;
    padding: 0 0 0 .5ch;
    margin: 0;
    display: inline-block;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    line-height: inherit;
    height: auto;
    border: 0;
    border-radius: 0;
    vertical-align: initial;
    -webkit-appearance: textfield;
    -moz-appearance: textfield
}

.flatpickr-current-month input.cur-year:focus {
    outline: 0
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
    font-size: 100%;
    color: rgba(0, 0, 0, .5);
    background: 0 0;
    pointer-events: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    appearance: menulist;
    background: 0 0;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    height: auto;
    line-height: inherit;
    margin: -1px 0 0 0;
    outline: 0;
    padding: 0 0 0 .5ch;
    position: relative;
    vertical-align: initial;
    -webkit-box-sizing: border-box;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    width: auto
}

.flatpickr-current-month .flatpickr-monthDropdown-months:active,
.flatpickr-current-month .flatpickr-monthDropdown-months:focus {
    outline: 0
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background: rgba(0, 0, 0, .05)
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: transparent;
    outline: 0;
    padding: 0
}

.flatpickr-weekdays {
    background: 0 0;
    text-align: center;
    overflow: hidden;
    width: 100%;
    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;
    height: 28px
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    background: 0 0;
    color: rgba(0, 0, 0, .54);
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: bolder
}

.dayContainer,
.flatpickr-weeks {
    padding: 1px 0 0 0
}

.flatpickr-days {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 307.875px
}

.flatpickr-days:focus {
    outline: 0
}

.dayContainer {
    padding: 0;
    outline: 0;
    transform: translate3d(0, 0, 0);
    text-align: left;
    max-width: 306px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    width: 306px;
    min-width: 306px;
    justify-content: space-around;
    opacity: 1
}

.dayContainer+.dayContainer {
    -webkit-box-shadow: -1px 0 0 #e6e6e6;
    box-shadow: -1px 0 0 #e6e6e6
}

.flatpickr-day {
    background: 0 0;
    border: 1px solid transparent;
    border-radius: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    -webkit-flex-basis: 14.2857143%;
    -ms-flex-preferred-size: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    display: inline-block;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.flatpickr-day.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day.nextMonthDay:focus,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.today.inRange,
.flatpickr-day:focus,
.flatpickr-day:hover {
    cursor: pointer;
    outline: 0;
    background: #e6e6e6;
    border-color: #e6e6e6
}

.flatpickr-day.today {
    border-color: #959ea9
}

.flatpickr-day.today:focus,
.flatpickr-day.today:hover {
    border-color: #959ea9;
    background: #959ea9;
    color: #fff
}

.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
    background: #f90;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    border-color: #f90
}

.flatpickr-day.endRange.startRange,
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange {
    border-radius: 50px 0 0 50px
}

.flatpickr-day.endRange.endRange,
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange {
    border-radius: 0 50px 50px 0
}

.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
    -webkit-box-shadow: -10px 0 0 #f90;
    box-shadow: -10px 0 0 #f90
}

.flatpickr-day.endRange.startRange.endRange,
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange {
    border-radius: 50px
}

.flatpickr-day.inRange {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.nextMonthDay,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.prevMonthDay {
    color: rgba(57, 57, 57, .3);
    background: 0 0;
    border-color: transparent;
    cursor: default
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
    cursor: not-allowed;
    color: rgba(57, 57, 57, .1)
}

.flatpickr-day.week.selected {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
    box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7
}

.flatpickr-day.hidden {
    visibility: hidden
}

.rangeMode .flatpickr-day {
    margin-top: 1px
}

.flatpickr-weekwrapper {
    float: left
}

.flatpickr-weekwrapper .flatpickr-weeks {
    padding: 0 12px;
    -webkit-box-shadow: 1px 0 0 #e6e6e6;
    box-shadow: 1px 0 0 #e6e6e6
}

.flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    width: 100%;
    line-height: 28px
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
    display: block;
    width: 100%;
    max-width: none;
    color: rgba(57, 57, 57, .3);
    background: 0 0;
    cursor: default;
    border: none
}

.flatpickr-innerContainer {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.flatpickr-rContainer {
    display: inline-block;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.flatpickr-time {
    text-align: center;
    outline: 0;
    display: block;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flatpickr-time:after {
    content: "";
    display: table;
    clear: both
}

.flatpickr-time .numInputWrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 40%;
    height: 40px;
    float: left
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #393939
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #393939
}

.flatpickr-time.hasSeconds .numInputWrapper {
    width: 26%
}

.flatpickr-time.time24hr .numInputWrapper {
    width: 49%
}

.flatpickr-time input {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    text-align: center;
    margin: 0;
    padding: 0;
    height: inherit;
    line-height: inherit;
    color: #393939;
    font-size: 14px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: textfield;
    -moz-appearance: textfield
}

.flatpickr-time input.flatpickr-hour {
    font-weight: 700
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
    font-weight: 400
}

.flatpickr-time input:focus {
    outline: 0;
    border: 0
}

.flatpickr-time .flatpickr-am-pm,
.flatpickr-time .flatpickr-time-separator {
    height: inherit;
    float: left;
    line-height: inherit;
    color: #393939;
    font-weight: 700;
    width: 2%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.flatpickr-time .flatpickr-am-pm {
    outline: 0;
    width: 18%;
    cursor: pointer;
    text-align: center;
    font-weight: 400
}

.flatpickr-time .flatpickr-am-pm:focus,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time input:hover {
    background: #eee
}

.flatpickr-input[readonly] {
    cursor: pointer
}

@-webkit-keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.ui-menu-item .ui-menu-item-wrapper:hover {
    border: 1px solid #f90;
    background-color: #f90
}

.ui-button.ui-state-active:hover,
.ui-button:active,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active {
    border: 1px solid #f90;
    background: #f90
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden
}

.mdb .bg-primary {
    background-color: #f90!important
}

.mdb .btn-primary {
    background-color: #f90!important;
    color: #fff
}

.mdb .pagination.pg-blue .page-item.active .page-link {
    background-color: #f90
}

.noMarginBottom {
    margin-bottom: 0!important
}

.mdb .md-form.md-outline input[type=date]:focus:not([readonly]),
.mdb .md-form.md-outline input[type=datetime-local]:focus:not([readonly]),
.mdb .md-form.md-outline input[type=email]:focus:not([readonly]),
.mdb .md-form.md-outline input[type=number]:focus:not([readonly]),
.mdb .md-form.md-outline input[type=password]:focus:not([readonly]),
.mdb .md-form.md-outline input[type=search-md]:focus:not([readonly]),
.mdb .md-form.md-outline input[type=search]:focus:not([readonly]),
.mdb .md-form.md-outline input[type=tel]:focus:not([readonly]),
.mdb .md-form.md-outline input[type=text]:focus:not([readonly]),
.mdb .md-form.md-outline input[type=time]:focus:not([readonly]),
.mdb .md-form.md-outline input[type=url]:focus:not([readonly]),
.mdb .md-form.md-outline textarea.md-textarea:focus:not([readonly]) {
    border-color: #f90!important;
    box-shadow: inset 0 0 0 1px!important
}

.mdb .pagination.pg-blue .page-item.active .page-link:hover {
    background-color: #f90
}

.mdb .chat-room.small-chat .profile-photo.message-photo {
    margin-top: 0!important
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #f90!important;
    border-color: #f90!important
}

.list-group-item .list-group-item-action .active:hover {
    color: #fff!important
}


.mdb .picker__box .picker__header .picker__date-display {
    background-color: #f90!important
}

.mdb .picker__box .picker__table .picker--focused,
.mdb .picker__box .picker__table .picker__day--selected,
.mdb .picker__box .picker__table .picker__day--selected:hover {
    background-color: #f90!important
}

.mdb .picker__box .picker__table .picker__day.picker__day--today {
    color: #f90!important
}

.tiny-pageembed--16by9,
.tiny-pageembed--1by1,
.tiny-pageembed--21by9,
.tiny-pageembed--4by3 {
    display: block;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%
}

.tiny-pageembed--16by9::before,
.tiny-pageembed--1by1::before,
.tiny-pageembed--21by9::before,
.tiny-pageembed--4by3::before {
    content: "";
    display: block
}

.tiny-pageembed--21by9::before {
    padding-top: 42.857143%
}

.tiny-pageembed--16by9::before {
    padding-top: 56.25%
}

.tiny-pageembed--4by3::before {
    padding-top: 75%
}

.tiny-pageembed--1by1::before {
    padding-top: 100%
}

.tiny-pageembed--16by9 iframe,
.tiny-pageembed--1by1 iframe,
.tiny-pageembed--21by9 iframe,
.tiny-pageembed--4by3 iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.bg-navy {
    background-color: #001f3f
}

.bg-blue {
    background-color: #0074d9
}

.bg-aqua {
    background-color: #7fdbff
}

.bg-teal {
    background-color: #39cccc
}

.bg-olive {
    background-color: #3d9970
}

.bg-green {
    background-color: #2ecc40
}

.bg-lime {
    background-color: #01ff70
}

.bg-yellow {
    background-color: #ffdc00
}

.bg-#FF9900 {
    background-color: #ff851b
}

.bg-red {
    background-color: #ff4136
}

.bg-fuchsia {
    background-color: #f012be
}

.bg-purple {
    background-color: #b10dc9
}

.bg-maroon {
    background-color: #85144b
}

.bg-white {
    background-color: #fff
}

.bg-gray {
    background-color: #aaa
}

.bg-silver {
    background-color: #ddd
}

.bg-black {
    background-color: #111
}

.navy {
    color: #001f3f
}

.blue {
    color: #0074d9
}

.aqua {
    color: #7fdbff
}

.teal {
    color: #39cccc
}

.olive {
    color: #3d9970
}

.green {
    color: #2ecc40
}

.lime {
    color: #01ff70
}

.yellow {
    color: #ffdc00
}

.orange {
    color: #ff851b
}

.red {
    color: #ff4136
}

.fuchsia {
    color: #f012be
}

.purple {
    color: #b10dc9
}

.maroon {
    color: #85144b
}

.white {
    color: #fff
}

.silver {
    color: #ddd
}

.gray {
    color: #aaa
}

.black {
    color: #111
}

.border--navy {
    border-color: #001f3f
}

.border--blue {
    border-color: #0074d9
}

.border--aqua {
    border-color: #7fdbff
}

.border--teal {
    border-color: #39cccc
}

.border--olive {
    border-color: #3d9970
}

.border--green {
    border-color: #2ecc40
}

.border--lime {
    border-color: #01ff70
}

.border--yellow {
    border-color: #ffdc00
}

.border--#FF9900 {
    border-color: #ff851b
}

.border--red {
    border-color: #ff4136
}

.border--fuchsia {
    border-color: #f012be
}

.border--purple {
    border-color: #b10dc9
}

.border--maroon {
    border-color: #85144b
}

.border--white {
    border-color: #fff
}

.border--gray {
    border-color: #aaa
}

.border--silver {
    border-color: #ddd
}

.border--black {
    border-color: #111
}

.fill-navy {
    fill: #001f3f
}

.fill-blue {
    fill: #0074d9
}

.fill-aqua {
    fill: #7fdbff
}

.fill-teal {
    fill: #39cccc
}

.fill-olive {
    fill: #3d9970
}

.fill-green {
    fill: #2ecc40
}

.fill-lime {
    fill: #01ff70
}

.fill-yellow {
    fill: #ffdc00
}

.fill-#FF9900 {
    fill: #ff851b
}

.fill-red {
    fill: #ff4136
}

.fill-fuchsia {
    fill: #f012be
}

.fill-purple {
    fill: #b10dc9
}

.fill-maroon {
    fill: #85144b
}

.fill-white {
    fill: #fff
}

.fill-gray {
    fill: #aaa
}

.fill-silver {
    fill: #ddd
}

.fill-black {
    fill: #111
}

.stroke-navy {
    stroke: #001f3f
}

.stroke-blue {
    stroke: #0074d9
}

.stroke-aqua {
    stroke: #7fdbff
}

.stroke-teal {
    stroke: #39cccc
}

.stroke-olive {
    stroke: #3d9970
}

.stroke-green {
    stroke: #2ecc40
}

.stroke-lime {
    stroke: #01ff70
}

.stroke-yellow {
    stroke: #ffdc00
}

.stroke-#FF9900 {
    stroke: #ff851b
}

.stroke-red {
    stroke: #ff4136
}

.stroke-fuchsia {
    stroke: #f012be
}

.stroke-purple {
    stroke: #b10dc9
}

.stroke-maroon {
    stroke: #85144b
}

.stroke-white {
    stroke: #fff
}

.stroke-gray {
    stroke: #aaa
}

.stroke-silver {
    stroke: #ddd
}

.stroke-black {
    stroke: #111
}

.lcBasicCardDef.waves-effect {
    display: block
}

.lcBasicCardDef[data-url],
.lcBasicCardDef[href] {
    cursor: pointer
}

.lcArticleCol5 .lcCard {
    animation: .49s cubic-bezier(.385, 0, .19856, 1) fInAnim
}

@media screen and (min-width:1200px) {
    .lcGridColDef5 {
        width: calc(100%/5 - 1rem)
    }
}

.lcGridColDef5 {
    margin: .5rem
}

.lcBasicCardDef {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .18), 0 2px 2px 0 rgba(0, 0, 0, .138), 0 1px 5px 0 rgba(0, 0, 0, .118);
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
    border-radius: 4px;
    text-decoration: none;
    transition: all 176ms cubic-bezier(.4, 0, .2, 1)
}

.imgF169 {
    padding-bottom: 56.25%
}

.lcPlainImage {
    background: #bdbdbd;
    display: block;
    height: 0;
    position: relative;
    width: 100%;
    border-radius: 4px 4px 0 0;
    margin: 0
}

.lcPlainImage picture {
    border-radius: 4px 4px 0 0;
    overflow: hidden
}

.lcArticleCol5 .lcBasicCardContent {
    padding: .25rem .8rem 2rem .8rem
}

.lcBasicCardContent {
    display: flex;
    flex-direction: column;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 0
}

.baseBazier {
    transition: all 160ms cubic-bezier(.4, 0, .2, 1);
}

.lcBasicCardContentInfo {
    font-family: Roboto, Arial, Verdana, sans-serif;
    display: flex;
    font-size: .8rem;
    margin: .5rem 0;
    font-weight: 600;
    width: calc(100% - 1.6rem);
    position: absolute;
    bottom: 0;
    line-height: 1.3rem;
    color: rgba(0, 0, 0, .538)
}

@media screen and (min-width:1200px) {
    .lcGridColDef5 {
        width: calc(100% / 5 - 1rem)
    }
}

.lcPlainImage img {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    border-radius: 4px 4px 0 0;
    object-fit: cover
}

.lcCard:hover {
    cursor: pointer;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .18), 0 8px 10px 1px rgba(0, 0, 0, .138), 0 3px 14px 2px rgba(0, 0, 0, .118)
}

.lcCard.basicArticle {
    animation: .5s cubic-bezier(.38, 0, .18, 1) fInAnim
}

@media screen and (min-width:1200px) {
    .lcBasicCardContentInfo {
        flex-direction: column
    }
}

.lcBasicCardContentInfo {
    font-family: Roboto, Arial, Verdana, sans-serif;
    display: flex;
    color: rgba(0, 0, 0, .538);
    position: absolute;
    bottom: 0;
    width: calc(100% - 1.6rem);
    font-size: .8rem;
    font-weight: 500;
    line-height: 1.3rem;
    margin: .5rem 0
}

.lcBasicCardContentText.clamp7 {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8 !important;
    max-height: 9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box
}

.lcCard.basicArticle .lcBasicCardContent {
    padding: .25rem .8rem 2rem .8rem
}

.lcBasicCardContentText>b {
    transition: all 176ms cubic-bezier(.38, 0, .18, 1);
    font-weight: 700;
    font-size: .95rem;
    color: rgba(0, 0, 0, .868);
    font-family: Arial, Verdana, sans-serif;
    line-height: 1.2rem
}

.lcCard:hover .lcBasicCardContent>.lcBasicCardContentText>b {
    color: #ff851b
}

@media screen and (min-width:1200px) {
    .lcGridColDef3 {
        width: calc(100% / 3 - 1rem)
    }
}

@media screen and (min-width:1200px) {
    .lcGridColDef4 {
        width: calc(100% / 4 - 1rem)
    }
}

.lcGridColDef4 {
    margin: .5rem
}

.lcGridColDef3 {
    margin: .5rem
}

@media screen and (max-width:999px) and (min-width:600px) {
    .lcGridColDef4 {
        width: calc(100% / 1 - 1rem)
    }

    .lcGridColDef3 {
        width: calc(100% / 1 - 1rem)
    }
}

@media screen and (max-width:1199px) and (min-width:1000px) {
    .lcGridColDef4 {
        width: calc(100% / 4 - 1rem)
    }

    .lcGridColDef3 {
        width: calc(100% / 3 - 1rem)
    }
}

@media screen and (max-width:599px) and (min-width:360px) {
    .lcGridColDef4 {
        width: calc(100% / 1 - 1rem)
    }

    .lcGridColDef3 {
        width: calc(100% / 1 - 1rem)
    }
}

@media screen and (max-width:359px) {
    .lcGridColDef4 {
        width: calc(100% / 1 - 1rem)
    }

    .lcGridColDef3 {
        width: calc(100% / 1 - 1rem)
    }
}

.isoContainer2 {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    min-width: 20px
}

@media screen and (min-width:1200px) {
    .lcColDef6 {
        width: calc(100% / 6 - 1rem)
    }
}

@media screen and (max-width:1199px) and (min-width:1000px) {
    .lcColDef6 {
        width: calc(100%/6 - 1rem)
    }
}

@media screen and (max-width:999px) and (min-width:600px) {
    .lcColDef6 {
        width: calc(100% / 3 - 1rem)
    }
}

@media screen and (max-width:599px) {
    .lcColDef6 {
        width: calc(100% / 2 - 1rem)
    }
}

.lcColDef6 {
    margin: .5rem
}

.liOn:before {
    content: '\f058';
    font-family: 'Font Awesome 6 Pro';
    float: left;
    margin-left: -1.5em;
    color: #0c0;
    font-weight: 900
}

.liOff:before {
    content: '\f057';
    font-family: 'Font Awesome 6 Pro';
    float: left;
    margin-left: -1.5em;
    color: red;
    font-weight: 900
}

.qlist li {
    font-size: 1.1em;
    margin-bottom: 6px
}

.lcMatchControl6 .lcBasicCardContentInfo {
    line-height: 1rem
}

@media screen and (min-width:1200px) {
    .lcBasicCardContentInfo {
        flex-direction: column
    }
}

@media screen and (max-width:1199px) and (min-width:1000px) {
    .lcBasicCardContentInfo {
        flex-direction: column
    }
}

@media screen and (max-width:999px) and (min-width:600px) {
    .lcBasicCardContentInfo {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

@media screen and (max-width:599px) {
    .lcBasicCardContentInfo {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.lcBasicCardContentInfo {
    color: rgba(0, 0, 0, .538);
    display: flex;
    position: absolute;
    bottom: 0;
    font-size: .8rem;
    font-weight: 500;
    line-height: 1.3rem;
    font-family: Roboto, Arial, Verdana, sans-serif;
    margin: .5rem 0;
    width: calc(100% - 1.6rem)
}

.lcTrCard {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    height: 3.7rem;
}

.lcBasicCardContentTextOffset1 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    height: 3.7rem
}

.lcImgFormat31 {
    padding-bottom: 33.33%
}

.lcMatchControl6 .lcBasicCardContentInfo {
    line-height: 1rem
}

@media screen and (min-width:1200px) {
    .lcBasicCardContentInfo {
        flex-direction: column
    }
}

.lcIndexItems {
    display: flex;
    flex: 1
}

@media screen and (min-width:1200px) {
    .lcColDef6 {
        width: calc(100% / 6 - 1rem)
    }
}

.lcMatchControl6 .lcBasicCardContent {
    padding: .25rem .8rem calc(1rem + 3 * (2rem + .5rem))
}

.lcMatchControl6 .lcBasicCardContentInfo>span {
    margin: .5rem 0 0 0;
    display: flex;
    flex-direction: column;
    width: 100%
}

.lcBasicCardContentInfo>span {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: rgba(0, 0, 0, .538)
}

.lcBasicCardContentInfo>span>b {
    font-weight: 600;
    color: rgba(0, 0, 0, .748);
    display: block;
    margin-bottom: 2px
}

.lcCard.sp-match .lcBasicCardContent {
    padding: .7rem .8rem 7rem .8rem
}

.lcDeafultCardIcon {
    background-color: #f90;
    display: flex;
    position: absolute;
    bottom: -6px;
    left: .5rem;
    width: 38px;
    min-height: 38px;
    border-radius: 50%;
    border: 3px solid #fff;
    color: #fff;
    z-index: 100;
}

.lcTournamentStatusIcon {
    width: 32px;
    height: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.statePlaying:before {
    content: '\f04b';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    margin-left: 4px
}

.stateUnlocked:before {
    content: '\f3c2';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    margin-left: 0
}

.stateLocked:before {
    content: '\f30d';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    margin-left: 0
}

.lcSidebarItm:before {
    content: "";
    background-color: rgba(0, 0, 0, .09);
    position: absolute;
    top: calc(50% - 100%);
    left: calc(50% - 100%);
    width: 200%;
    height: 200%;
    transition: opacity 250ms linear;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    z-index: 1
}

.mdb .md-form input:not([type]):focus:not([readonly])+label,
.mdb .md-form input[type=date]:not(.browser-default):focus:not([readonly])+label,
.mdb .md-form input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label,
.mdb .md-form input[type=datetime]:not(.browser-default):focus:not([readonly])+label,
.mdb .md-form input[type=email]:not(.browser-default):focus:not([readonly])+label,
.mdb .md-form input[type=number]:not(.browser-default):focus:not([readonly])+label,
.mdb .md-form input[type=password]:not(.browser-default):focus:not([readonly])+label,
.mdb .md-form input[type=search-md]:focus:not([readonly])+label,
.mdb .md-form input[type=search]:not(.browser-default):focus:not([readonly])+label,
.mdb .md-form input[type=tel]:not(.browser-default):focus:not([readonly])+label,
.mdb .md-form input[type=text]:not(.browser-default):focus:not([readonly])+label,
.mdb .md-form input[type=time]:not(.browser-default):focus:not([readonly])+label,
.mdb .md-form input[type=url]:not(.browser-default):focus:not([readonly])+label,
.mdb .md-form textarea.md-textarea:focus:not([readonly])+label {
    color: #f90!important
}

.mdb .md-form input:not([type]):focus:not([readonly]):not(.overrideBorderInput),
.mdb .md-form input[type=date]:not(.browser-default):focus:not([readonly]):not(.overrideBorderInput),
.mdb .md-form input[type=datetime-local]:not(.browser-default):focus:not([readonly]):not(.overrideBorderInput),
.mdb .md-form input[type=datetime]:not(.browser-default):focus:not([readonly]):not(.overrideBorderInput),
.mdb .md-form input[type=email]:not(.browser-default):focus:not([readonly]):not(.overrideBorderInput),
.mdb .md-form input[type=number]:not(.browser-default):focus:not([readonly]):not(.overrideBorderInput),
.mdb .md-form input[type=password]:not(.browser-default):focus:not([readonly]):not(.overrideBorderInput),
.mdb .md-form input[type=search-md]:focus:not([readonly]):not(.overrideBorderInput),
.mdb .md-form input[type=search]:not(.browser-default):focus:not([readonly]):not(.overrideBorderInput),
.mdb .md-form input[type=tel]:not(.browser-default):focus:not([readonly]):not(.overrideBorderInput),
.mdb .md-form input[type=text]:not(.browser-default):focus:not([readonly]):not(.overrideBorderInput),
.mdb .md-form input[type=time]:not(.browser-default):focus:not([readonly]):not(.overrideBorderInput),
.mdb .md-form input[type=url]:not(.browser-default):focus:not([readonly]):not(.overrideBorderInput),
.mdb .md-form textarea.md-textarea:focus:not([readonly]):not(.overrideBorderInput) {
    border-bottom: 1px solid #f90!important;
    box-shadow: 0 1px 0 0 #f90!important;
}

.mdb .select-wrapper .select-add-option {
    position: absolute;
    top: 1.5rem;
    right: 1rem;
    display: none;
    color: #f90!important;
    cursor: pointer
}

.mdb .dropdown-content li>a,
.mdb .dropdown-content li>span {
    display: block;
    padding: .5rem;
    font-size: .9rem;
    color: #f90!important
}

.mdb .md-form input:not([type]).valid,
.mdb .md-form input:not([type]):focus.valid,
.mdb .md-form input[type=date]:not(.browser-default).valid,
.mdb .md-form input[type=date]:not(.browser-default):focus.valid,
.mdb .md-form input[type=datetime-local]:not(.browser-default).valid,
.mdb .md-form input[type=datetime-local]:not(.browser-default):focus.valid,
.mdb .md-form input[type=datetime]:not(.browser-default).valid,
.mdb .md-form input[type=datetime]:not(.browser-default):focus.valid,
.mdb .md-form input[type=email]:not(.browser-default).valid,
.mdb .md-form input[type=email]:not(.browser-default):focus.valid,
.mdb .md-form input[type=number]:not(.browser-default).valid,
.mdb .md-form input[type=number]:not(.browser-default):focus.valid,
.mdb .md-form input[type=password]:not(.browser-default).valid,
.mdb .md-form input[type=password]:not(.browser-default):focus.valid,
.mdb .md-form input[type=search-md].valid,
.mdb .md-form input[type=search-md]:focus.valid,
.mdb .md-form input[type=search]:not(.browser-default).valid,
.mdb .md-form input[type=search]:not(.browser-default):focus.valid,
.mdb .md-form input[type=tel]:not(.browser-default).valid,
.mdb .md-form input[type=tel]:not(.browser-default):focus.valid,
.mdb .md-form input[type=text]:not(.browser-default).valid,
.mdb .md-form input[type=text]:not(.browser-default):focus.valid,
.mdb .md-form input[type=time]:not(.browser-default).valid,
.mdb .md-form input[type=time]:not(.browser-default):focus.valid,
.mdb .md-form input[type=url]:not(.browser-default).valid,
.mdb .md-form input[type=url]:not(.browser-default):focus.valid,
.mdb .md-form textarea.md-textarea.valid,
.mdb .md-form textarea.md-textarea:focus.valid {
    border-bottom: 1px solid #fda50f!important;
    box-shadow: 0 1px 0 0 #fda50f!important
}

.mdb .md-form input:not([type]).valid+label:after,
.mdb .md-form input:not([type]):focus.valid+label:after,
.mdb .md-form input[type=date]:not(.browser-default).valid+label:after,
.mdb .md-form input[type=date]:not(.browser-default):focus.valid+label:after,
.mdb .md-form input[type=datetime-local]:not(.browser-default).valid+label:after,
.mdb .md-form input[type=datetime-local]:not(.browser-default):focus.valid+label:after,
.mdb .md-form input[type=datetime]:not(.browser-default).valid+label:after,
.mdb .md-form input[type=datetime]:not(.browser-default):focus.valid+label:after,
.mdb .md-form input[type=email]:not(.browser-default).valid+label:after,
.mdb .md-form input[type=email]:not(.browser-default):focus.valid+label:after,
.mdb .md-form input[type=number]:not(.browser-default).valid+label:after,
.mdb .md-form input[type=number]:not(.browser-default):focus.valid+label:after,
.mdb .md-form input[type=password]:not(.browser-default).valid+label:after,
.mdb .md-form input[type=password]:not(.browser-default):focus.valid+label:after,
.mdb .md-form input[type=search-md].valid+label:after,
.mdb .md-form input[type=search-md]:focus.valid+label:after,
.mdb .md-form input[type=search]:not(.browser-default).valid+label:after,
.mdb .md-form input[type=search]:not(.browser-default):focus.valid+label:after,
.mdb .md-form input[type=tel]:not(.browser-default).valid+label:after,
.mdb .md-form input[type=tel]:not(.browser-default):focus.valid+label:after,
.mdb .md-form input[type=text]:not(.browser-default).valid+label:after,
.mdb .md-form input[type=text]:not(.browser-default):focus.valid+label:after,
.mdb .md-form input[type=time]:not(.browser-default).valid+label:after,
.mdb .md-form input[type=time]:not(.browser-default):focus.valid+label:after,
.mdb .md-form input[type=url]:not(.browser-default).valid+label:after,
.mdb .md-form input[type=url]:not(.browser-default):focus.valid+label:after,
.mdb .md-form textarea.md-textarea.valid+label:after,
.mdb .md-form textarea.md-textarea:focus.valid+label:after {
    color: #f90!important
}

.mdb .select-dropdown li.disabled,
.mdb .select-dropdown li.disabled>span,
.mdb .select-dropdown li.optgroup {
    color: rgba(0, 0, 0, .3)!important;
    cursor: context-menu;
    background-color: transparent!important
}

.lsx-emojipicker-emoji span img.emoji {
    user-select: none
}

.lsx-emojipicker-tabs {
    user-select: none
}

.noselect {
    user-select: none
}

.emojiSelect {
    user-select: none;
    margin: 10px
}

.emojiSelect:hover {
    cursor: pointer
}

.selectedEmoji {
    font-size: 2.4em!important
}

.lsx-emojipicker-appender {
    display: inline-block
}

.mdb .light-blue.darken-3 {
    background-color: #ff8c00!important
}

.mdb .form-check-input[type=checkbox]:checked+label:before,
.mdb label.btn input[type=checkbox]:checked+label:before {
    border-right: 2px solid #f90!important;
    border-bottom: 2px solid #f90!important
}

.mdb .modal-dialog.modal-notify.modal-info .modal-header {
    background-color: #f90!important
}

.mdb .blue-text {
    color: #f90!important
}

.mdb .blue-gradient {
    background: linear-gradient(40deg, #ffb700, #e67e00)!important
}

.statePrepare:before {
    content: '\f254';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    margin-left: 0
}

.stateEnd:before {
    content: '\f30d';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    margin-left: 0
}

.chat-room.small-chat {
    position: fixed;
    bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    width: 20rem
}

.chat-room.small-chat .my-custom-scrollbar {
    position: relative;
    height: 18rem;
    overflow: auto
}

.chat-room.small-chat .card-footer .form-control {
    border: none;
    padding: .375rem 0 .43rem 0;
    font-size: .9rem
}

.chat-room.small-chat .card-footer .form-control:focus {
    box-shadow: none
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.chat-room.small-chat .heading {
    height: 2.1rem
}

.chat-room img.avatar {
    height: 3rem;
    width: 3rem
}

.doka--filter .doka--filter-list {
    padding-bottom: 2.1em!important
}

.chat-room.small-chat .profile-photo img.avatar {
    height: 2rem;
    width: 2rem
}

.chat-room.small-chat .profile-photo .state {
    position: relative;
    display: block;
    background-color: #007e33;
    height: .65rem;
    width: .65rem;
    z-index: 2;
    margin-left: 1.35rem;
    left: auto;
    top: -.5rem;
    border-radius: 50%;
    border: .1rem solid #fff
}

.chat-room.small-chat .heading {
    height: 2.1rem
}

.chat-room.small-chat .heading .data {
    line-height: 1.5
}

.chat-room.small-chat .heading .data .name {
    font-size: .8rem
}

.chat-room.small-chat .heading .data .name {
    font-size: .8rem
}

.chat-room.small-chat .heading .data .activity {
    font-size: .75rem
}

.d-flex {
    display: flex!important
}

.chat-room.small-chat .icons {
    padding-top: .45rem
}

.chat-room.small-chat .my-custom-scrollbar>.card-body {
    height: 18rem
}

.chat-room.small-chat .my-custom-scrollbar>.card-body .chat-message .media img {
    width: 3rem
}

.chat-room.small-chat .my-custom-scrollbar>.card-body .chat-message .media .media-body p {
    font-size: .7rem
}

.o80rem {
    font-size: .8rem!important
}

.chat-room.small-chat .my-custom-scrollbar>.card-body .chat-message .message-text {
    margin-left: 2.47rem
}

.chat-room.small-chat.slim {
    height: 3rem
}

.lity-active,
.lity-active body {
    overflow: hidden
}

.lity {
    z-index: 9990;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    background: #0b0b0b;
    background: rgba(0, 0, 0, .9);
    outline: 0!important;
    opacity: 0;
    transition: opacity .3s ease
}

.lity.lity-opened {
    opacity: 1
}

.lity.lity-closed {
    opacity: 0
}

.lity * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.lity-wrap {
    z-index: 9990;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    outline: 0!important
}

.lity-wrap:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.25em
}

.lity-loader {
    z-index: 9991;
    color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -.8em;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.lity-loading .lity-loader {
    opacity: 1
}

.lity-container {
    z-index: 9992;
    position: relative;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    white-space: normal;
    max-width: 100%;
    max-height: 100%;
    outline: 0!important
}

.lity-content {
    z-index: 9993;
    width: 100%;
    transform: scale(1);
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease
}

.lity-closed .lity-content,
.lity-loading .lity-content {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8)
}

.lity-content:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6)
}

.lity-close,
.lity-close:active,
.lity-close:focus,
.lity-close:hover,
.lity-close:visited {
    z-index: 9994;
    width: 35px;
    height: 35px;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-appearance: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    padding: 0;
    color: #fff;
    font-style: normal;
    font-size: 35px;
    font-family: Arial, Baskerville, monospace;
    line-height: 35px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    border: 0;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.lity-close::-moz-focus-inner {
    border: 0;
    padding: 0
}

.lity-close:active {
    top: 1px
}

.lity-image img {
    max-width: 100%;
    display: block;
    line-height: 0;
    border: 0
}

.lity-iframe .lity-container {
    width: 100%;
    max-width: 964px
}

.lity-iframe-container {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    overflow: auto;
    pointer-events: auto;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch
}

.lity-iframe-container iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

.lity-hide {
    display: none
}

.chatInnerContainer {
    margin-bottom: 0!important
}

.chatBgRecieved {
    background-color: #454545!important;
    border-radius: 16px!important
}

.chatBgSent {
    background-color: #f90!important
}

.sentMsg {
    border-radius: 16px!important;
    margin-left: auto!important;
    max-width: 75%;
    transition: background-color .3s ease;
    margin-bottom: 0!important
}

.receivedMsg {
    max-width: 65%;
    transition: background-color .3s ease
}

.sentMsgInner {
    border-radius: 12px!important;
    transition: background-color .3s ease;
    margin-bottom: 0!important
}

.colorDot {
    display: inline-block;
    border-radius: 50%;
    flex: 0 0 auto;
    height: 16px;
    margin-left: 2px;
    vertical-align: top;
    width: 16px
}

.test {
    transition: all 2s ease;
    background: linear-gradient(to bottom, #fcffff 9%, #fff 100%)
}

.test:hover {
    cursor: pointer;
    background: linear-gradient(to bottom, #fcc500 9%, #ff8c00 100%);
    transition: all 2s ease
}

.gradient {
    box-shadow: 3px 3px 14px 0 rgba(0, 0, 0, .688);
    position: relative;
    background-size: 228px 152px;
    background-image: linear-gradient(to bottom, #fff 9%, #fff 100%);
    z-index: 1
}

.gradient::before {
    box-shadow: 3px 3px 14px 0 #ff8c00;
    background-size: 228px 152px;
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom, #fcc500 9%, #ff8c00 100%);
    z-index: -1;
    transition: all .3s linear;
    opacity: 0;
    cursor: pointer
}

.gradient:hover::before {
    opacity: 1;
    cursor: pointer
}

.gradient:hover {
    cursor: pointer
}

.testAnim {
    animation: testAnim2 3s ease infinite;
    background: linear-gradient(180deg, #d6de19, #eb6707);
    background-size: 100% 90%
}

@keyframes testAnim2 {
    0% {
        background-position: 0 100%
    }
    100% {
        background-position: 0 0
    }
}

.gray10 {
    color: #484848
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #f90;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 255, 165, .25)
}

del {
    text-decoration: none;
    background-color: red
}

ins {
    text-decoration: none;
    background-color: #0f0
}

.md-toast-title {
    font-weight: 400
}

.md-toast-message {
    word-wrap: break-word
}

.md-toast-message a:hover {
    color: #ccc;
    text-decoration: none
}

.md-toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 1.25rem;
    font-weight: 400;
    text-shadow: 0 1px 0 #fff;
    opacity: .8
}

.md-toast-close-button:focus,
.md-toast-close-button:hover {
    text-decoration: none;
    cursor: pointer;
    opacity: .4
}

button.md-toast-close-button {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    appearance: none
}

.md-toast-top-center {
    top: 0;
    right: 0;
    width: 100%
}

.md-toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
}

.md-toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.md-toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.md-toast-top-left {
    top: 12px;
    left: 12px
}

.md-toast-top-right {
    top: 12px;
    right: 12px
}

.md-toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.md-toast-bottom-left {
    bottom: 12px;
    left: 12px
}

#toast-container {
    position: fixed;
    z-index: 999999
}

#toast-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#toast-container>div {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    position: relative;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 18.75rem;
    background-position: 15px center;
    background-repeat: no-repeat;
    opacity: .95
}

#toast-container>:hover {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -webkit-transition: .45s;
    -o-transition: .45s;
    transition: .45s;
    opacity: 1;
    cursor: pointer
}

#toast-container.md-toast-bottom-center>div,
#toast-container.md-toast-top-center>div {
    width: 18.75rem;
    margin: auto
}

#toast-container.md-toast-bottom-full-width>div,
#toast-container.md-toast-top-full-width>div {
    width: 96%;
    margin: auto
}

.md-toast {
    background-color: #030303
}

.md-toast-success {
    background-color: #00c851;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important
}

.md-toast-error {
    background-color: #ff3547;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important
}

.md-toast-info {
    background-color: #33b5e5;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important
}

.md-toast-warning {
    background-color: #fb3;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important
}

.md-toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: .4
}

.mdb [type=checkbox]:checked,
.mdb [type=checkbox]:not(:checked) {
    pointer-events: all!important
}

.hiddenfile {
    width: 0;
    height: 0;
    overflow: hidden
}

#overlay {
    position: fixed;
    top: 0;
    z-index: 100000;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0, 0, 0, .8)
}

.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column
}

.spinner {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px #f90 solid;
    border-radius: 50%;
    animation: sp-anime .8s infinite linear
}

@keyframes sp-anime {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(359deg)
    }
}

.is-hide {
    display: none
}

.mdb [type=radio]:checked,
.mdb [type=radio]:not(:checked) {
    pointer-events: auto!important
}

#sidenav-overlay {
    position: fixed!important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    transition: all .3s ease;
    z-index: 1020
}

.custom-scrollbar {
    z-index: 3000!important
}

#slide-out {
    background-image: url(/Uploads/MenuCovers/default.jpg);
    font-size: 1.5em!important
}

.mdb .black-skin .side-nav .collapsible li .collapsible-header.active {
    background-color: #f90
}

.mdb .black-skin .side-nav .collapsible li .collapsible-header:hover {
    background-color: #f90
}

.mdb .black-skin .side-nav .collapsible li a:not(.collapsible-header).active,
.mdb .black-skin .side-nav .collapsible li a:not(.collapsible-header):active,
.mdb .black-skin .side-nav .collapsible li a:not(.collapsible-header):hover {
    color: #f90!important
}

.mdb .black-skin input[type=email]:focus:not([readonly]),
.mdb .black-skin input[type=number]:focus:not([readonly]),
.mdb .black-skin input[type=password]:focus:not([readonly]),
.mdb .black-skin input[type=text]:focus:not([readonly]),
.mdb .black-skin textarea.md-textarea:focus:not([readonly]) {
    border-color: #f90;
    box-shadow: 0 1px 0 0 #f90
}

.mdb .side-nav .collapsible a {
    font-size: .8rem
}

.mdb .side-nav .collapsible .fab,
.mdb .side-nav .collapsible .far,
.mdb .side-nav .collapsible .fas {
    font-size: 1rem
}

.mdb-autocomplete-wrap {
    z-index: 5000!important;
    position: fixed!important;
    background-color: #1a1a1a!important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .3), 0 2px 10px 0 rgba(0, 0, 0, .3)!important;
    border: 2px solid #000
}

.mdb-autocomplete-wrap li {
    padding: 12px 15px;
    cursor: pointer;
    font-size: .875rem;
    transition: all .3s ease;
    padding: 5px!important;
    padding-left: 15px!important
}

.mdb-autocomplete-wrap li:hover {
    background-color: #f90!important;
    padding-left: 20px!important
}

.mdb-autocomplete-wrap::-webkit-scrollbar {
    width: 12px
}

.mdb-autocomplete-wrap::-webkit-scrollbar-thumb {
    background: #383838;
    border-radius: 6px
}

.mdb-autocomplete-wrap::-webkit-scrollbar-track {
    background: #1f1f1f
}

.mdb-autocomplete-wrap::-webkit-scrollbar-track-piece {
    background: #1f1f1f
}

.overForm {
    border-bottom: 1px solid #f90!important;
    padding-left: 20px!important;
}

.fixSwalOption {
    display: flex!important;
}

.toast-title {
    font-weight: 700;
}

.toast-message {
    word-wrap: break-word;
}

.toast-message a,
.toast-message label {
    color: #fff
}

.toast-message a:hover {
    color: #ccc;
    text-decoration: none
}

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
    line-height: 1
}

.toast-close-button:focus,
.toast-close-button:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4
}

.rtl .toast-close-button {
    left: -.3em;
    float: left;
    right: .3em
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px
}

.toast-top-right {
    top: 90px;
    right: 12px
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

#toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none
}

#toast-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#toast-container>div {
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #999;
    -webkit-box-shadow: 0 0 12px #999;
    box-shadow: 0 0 12px #999;
    color: #fff;
    opacity: .8
}

#toast-container>div.rtl {
    direction: rtl;
    padding: 15px 50px 15px 15px;
    background-position: right 15px center
}

#toast-container>div:hover {
    -moz-box-shadow: 0 0 12px #000;
    -webkit-box-shadow: 0 0 12px #000;
    box-shadow: 0 0 12px #000;
    opacity: 1;
    cursor: pointer
}

#toast-container>.toast-info {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important
}

#toast-container>.toast-error {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important
}

#toast-container>.toast-success {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important
}

#toast-container>.toast-warning {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important
}

#toast-container.toast-bottom-center>div,
#toast-container.toast-top-center>div {
    width: 300px;
    margin-left: auto;
    margin-right: auto
}

#toast-container.toast-bottom-full-width>div,
#toast-container.toast-top-full-width>div {
    width: 96%;
    margin-left: auto;
    margin-right: auto
}

.toast {
    background-color: #030303
}

.toast-success {
    background-color: #51a351
}

.toast-error {
    background-color: #bd362f
}

.toast-info {
    background-color: #2f96b4
}

.toast-warning {
    background-color: #f89406
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: .4
}

@media all and (max-width:240px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 11em
    }
    #toast-container>div.rtl {
        padding: 8px 50px 8px 8px
    }
    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
    #toast-container .rtl .toast-close-button {
        left: -.2em;
        right: .2em
    }
}

@media all and (min-width:241px) and (max-width:480px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 18em
    }
    #toast-container>div.rtl {
        padding: 8px 50px 8px 8px
    }
    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
    #toast-container .rtl .toast-close-button {
        left: -.2em;
        right: .2em
    }
}

@media all and (min-width:481px) and (max-width:768px) {
    #toast-container>div {
        padding: 15px 15px 15px 50px;
        width: 25em
    }
    #toast-container>div.rtl {
        padding: 15px 50px 15px 15px
    }
}

.modal-open {
    overflow-y: inherit!important;
    padding-right: 0!important
}

body.swal2-shown,
html.swal2-shown {
    padding: 0!important
}

.swal2-container {
    padding: 0!important;
    overflow-y: scroll!important
}

.hyperlink {
    text-decoration: underline;
    color: gray
}

.hyperlink:hover {
    cursor: pointer
}

.heckClose {
    opacity: .5
}

.heckClose:hover {
    opacity: 1;
    cursor: pointer
}

.notifikace {
    margin-bottom: 20px;
    padding: 10px;
    background-color: rgba(0, 0, 0, .04);
    box-shadow: 2px 2px rgba(0, 0, 0, .1)
}

.character-counter {
    position: relative;
    top: -35px
}

.nav-item {
    color: rgba(0, 0, 0, .5)
}

.g-recaptcha {
    display: inline-block
}

.spec_modal {
    max-width: 90%!important;
    margin: 10px auto
}

@media (max-width:1250px) {
    .modal-dialog {
        max-width: 800px!important;
        margin: 1.75rem auto!important
    }
}

@media (max-width:888px) {
    .modal-dialog {
        max-width: 500px!important;
        margin: 1.75rem auto!important
    }
}

@-webkit-keyframes autofill {
    to {
        color: #666;
        background: 0 0
    }
}

@keyframes autofill {
    to {
        color: #666;
        background: 0 0
    }
}

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    animation-name: autofill;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.card.chat-room .chat-1,
.card.chat-room .members-panel-1 {
    position: relative;
    overflow-y: scroll
}

.card.chat-room .members-panel-1 {
    height: 570px
}

.card.chat-room .chat-1 {
    height: 495px
}

.card.chat-room .friend-list li {
    border-bottom: 1px solid #e0e0e0
}

.card.chat-room .friend-list li:last-of-type {
    border-bottom: none
}

.slimScrollBar {
    scroll-behavior: smooth
}

.rare-wind-gradient {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#a8edea), to(#fed6e3));
    background-image: -webkit-linear-gradient(bottom, #a8edea 0, #fed6e3 100%);
    background-image: linear-gradient(to top, #a8edea 0, #fed6e3 100%)
}

.navHome:hover {
    cursor: pointer
}

.ui-autocomplete {
    z-index: 2147483647
}

.isoContainer2 {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    display: flex;
    min-width: 20px
}

.lcPlainImage picture {
    overflow: hidden;
    border-radius: 4px 4px 0 0
}

@keyframes fInAnim {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.lcBasicCardDef.waves-effect {
    display: block
}

.lcBasicCardDef[data-url],
.lcBasicCardDef[href] {
    cursor: pointer
}

.lcArticleCol5 .lcCard {
    animation: .49s cubic-bezier(.4, 0, .2, 1) fInAnim
}

@media screen and (min-width:1200px) {
    .lcGridColDef5 {
        width: calc(100% / 5 - 1rem)
    }
}

.lcGridColDef5 {
    margin: .5rem
}

.lcDefaultCard {
    transition: all 181ms cubic-bezier(.39, 0, .21, .99);
    height: auto;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .19), 0 2px 2px 0 rgba(0, 0, 0, .139), 0 1px 5px 0 rgba(0, 0, 0, .119);
    background-color: #fff;
    width: 100%;
    text-decoration: none;
    position: relative;
    border-radius: 4px
}

.imageFormat169 {
    padding-bottom: 56.25%
}

.lcPlainImage {
    width: 100%;
    height: 0;
    display: block;
    background: #bdbdbd;
    position: relative;
    border-radius: 4px 4px 0 0;
    margin: 0
}

.lcBasicCardContent {
    padding: .25rem .8rem 2rem .8rem
}

.lcBasicCardContentSmall {
    padding-bottom: 1.5rem;
}

.lcArticleCol5 {
    padding: .25rem .8rem 2rem .8rem
}

.lcBasicCardContent {
    display: flex;
    -webkit-box-flex: 1;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    flex-direction: column;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 0
}

.lcBasicCardContentLabel {
    color: rgba(0, 0, 0, .5);
    text-overflow: ellipsis;
    font-family: Roboto, Arial, Verdana, sans-serif;
    margin: .25rem 0 .5rem 0;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1rem;
    font-weight: 500
    display: inline-block;
    font-size: .8rem;
}

.clamp7 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    max-height: 8.5rem
}

.lcBasicCardContentInfo {
    width: calc(100% - 1.6rem);
    color: rgba(0, 0, 0, .539);
    display: flex;
    position: absolute;
    bottom: 0;
    font-size: .8rem;
    font-weight: 600;
    line-height: 1.3rem;
    font-family: Roboto, Arial, Verdana, sans-serif;
    margin-top: .5rem;
    margin-bottom: .5rem;
    margin-left: 0;
    margin-right: 0
}

@media screen and (min-width:1200px) {
    .lcGridColDef5 {
        width: calc(100% / 5 - 1rem)
    }
}

.lcPlainImage img {
    top: 0;
    width: 100%;
    display: block;
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    border-radius: 4px 4px 0 0;
    -o-object-fit: cover
}

.lcCard:hover {
    cursor: pointer;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .189), 0 8px 10px 1px rgba(0, 0, 0, .149), 0 3px 14px 2px rgba(0, 0, 0, .129)
}

.lcCard .basicArticle {
    animation: .5s cubic-bezier(.389, 0, .189, .989) fInAnim
}

@media screen and (min-width:1200px) {
    .lcBasicCardContentInfo {
        flex-direction: column;
    }
}

@media screen and (min-width:1000px) {
    .lcBasicCardContentInfo {
        flex-direction: column;
    }
}

.lcBasicCardContentInfo {
    display: flex;
    color: rgba(0, 0, 0, .49);
    position: absolute;
    margin: .5rem 0;
    bottom: 0;
    font-size: .8rem;
    font-weight: 500;
    line-height: 1.3rem;
    font-family: Roboto, Arial, Verdana, sans-serif;
    width: calc(100% - 1.6rem)
}

.lcBasicCardContentText .clamp7 {
    -webkit-line-clamp: 7;
    display: -webkit-box;
    max-height: 8.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}


.lcCard.basicArticle .lcBasicCardContent {
    padding: .25rem .8rem 2rem .8rem
}

.lcBasicCardContentText>b {
    -webkit-transition: all 179ms cubic-bezier(.39, 0, .19, 1);
    transition: all 179ms cubic-bezier(.39, 0, .19, 1);
    font-weight: 700;
    font-size: .95rem;
    line-height: 1.2rem;
    color: rgba(0, 0, 0, .869);
    font-family: Play, Arial, Verdana, sans-serif
}

.lcCard:hover>.lcDefaultCardImage:after {
    transform: scaleX(1);
    transform-origin: left;
    -webkit-transform: scaleX(1);
    -webkit-transform-origin: left
}

.lcCard:hover .lcBasicCardContent>.lcBasicCardContentText>b {
    color: #ff851b
}

@media screen and (min-width:1200px) {
    .lcGridColDef4 {
        width: calc(100% / 4 - 1rem)
    }
}

.lcGridColDef4 {
    margin: .5rem
}

@media screen and (max-width:999px) and (min-width:600px) {
    .lcGridColDef4 {
        width: calc(100% / 2 - 1rem)
    }
}

@media screen and (max-width:1199px) and (min-width:1000px) {
    .lcGridColDef4 {
        width: calc(100% / 4 - 1rem)
    }
}

@media screen and (max-width:599px) and (min-width:360px) {
    .lcGridColDef4 {
        width: calc(100% / 2 - 1rem)
    }
}

@media screen and (max-width:359px) {
    .lcGridColDef4 {
        width: calc(100% / 2 - 1rem)
    }
}

.hyperlink {
    text-decoration: underline!important;
    color: gray!important;
    font-weight: 500!important
}

.hyperlink:hover {
    cursor: pointer;
    color: gray!important
}

::selection {
    background: #f77f00;
    color: #fff
}

::-moz-selection {
    background: #f77f00;
    color: #fff
}

.topicDetail a {
    color: gray;
    text-decoration: underline!important
}

.topicDetail a:hover {
    color: gray;
    text-decoration: underline!important
}

.chatMsg {
    font-family: Arial!important;
    font-size: 13px!important;
    line-height: 16px!important;
    white-space: pre-wrap;
    overflow-wrap: break-word
}

.chatTextLeft a {
    color: #454545;
    text-decoration: underline
}

.chatTextLeft a:hover {
    color: #454545;
    text-decoration: underline
}

.chatTextRight a {
    color: #fff;
    text-decoration: underline
}

.chatTextRight a:hover {
    color: #fff;
    text-decoration: underline
}

.pointerHover:hover {
    cursor: pointer
}

.spoiler {
    border: 1px solid red;
    background-color: #f5f5f5;
    border-radius: 5px;
    margin-top: 5px;
    margin-bottom: 5px
}

.spoiler-toggle {
    font-weight: 700;
    cursor: default;
    padding: 5px;
    font-size: 12px;
    color: red;
    text-decoration: underline;
    text-decoration-color: red
}

.spoiler-text {
    padding: 5px
}

.spoiler-toggle:hover {
    cursor: pointer
}

.lcSidebarItm:hover {
    cursor: pointer;
    color: rgba(0, 0, 0, .86)
}

.lcSidebarItm {
    color: rgba(0, 0, 0, .85);
    background-color: rgba(0, 0, 0, .038);
    display: flex!important;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    overflow: hidden;
    padding: .7rem .5rem;
    transition: color .2s ease;
    margin: .4rem 0;
    border-radius: 4px;
    font-size: .95rem;
    font-weight: 400;
    line-height: 1.25rem;
    text-decoration: none
}

.lcSidebarItm:hover:before {
    opacity: .6;
    transition-duration: 82ms
}

.lcSidebarItm:after {
    content: "";
    background-color: rgba(0, 0, 0, .09);
    position: absolute;
    top: calc(50% - 100%);
    left: calc(50% - 100%);
    width: 200%;
    height: 200%;
    -webkit-transition: opacity 248ms linear;
    transition: opacity 248ms linear;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    z-index: 1
}

.noUnder:hover {
    text-decoration: none
}

.noUnder {
    text-decoration: none
}

.segfault {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .748), rgba(0, 0, 0, 0))
}

.lcCaruselTip1 {
    position: relative;
    background: #e0e0e0 url(/Assets/Svgs/vertex2.svg) 50% 30% no-repeat;
    transition: all 346ms cubic-bezier(.39865, 0, .5954665, 1);
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: 300%;
    margin: 0;
    padding: 1rem;
    text-decoration: none;
    width: 100%;
    height: 200px;
    border-radius: 4px;
    overflow: hidden
}

.lcCarouselTipText1 {
    animation: 15s ease-in-out infinite lcCarouselTip1;
    color: rgba(0, 0, 0, .864);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 1rem;
    font-size: 1.15rem;
    font-weight: 400;
    line-height: 1.7rem;
    opacity: 0
}

.lcCarouselTipText2 {
    display: flex;
    animation: 14s ease-in-out infinite lcCarouselTip2;
    color: rgba(0, 0, 0, .864);
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 1rem;
    font-size: 1.15rem;
    font-weight: 400;
    line-height: 2rem;
    opacity: 0
}

.lcCarouselTipText3 {
    color: rgba(0, 0, 0, .864);
    display: flex;
    animation: 14s ease-in-out infinite lcCarouselTip3;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 1rem;
    font-size: 1.15rem;
    font-weight: 400;
    line-height: 1.6rem;
    opacity: 0
}

.lcCarouselTip1Img {
    background: transparent url(/Assets/Svgs/lancraftlogo.svg) center no-repeat;
    animation: 14s ease-in-out infinite lcCarouselTipLogo;
    background-size: 70% 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 1rem;
    opacity: 0
}

.lcBasicCardDef .waves-effect {
    display: block
}

.lcBasicCardDef[data-url],
.lcBasicCardDef[href] {
    cursor: pointer
}

@media screen and (min-width:1200px) {
    .lcGridCol1 {
        width: calc(100% - 1rem)
    }
}

.lcGridCol1 {
    margin: .5rem
}

@keyframes lcCarouselTip1 {
    0% {
        opacity: 0;
        transform: translate(0, -25%)
    }
    20%,
    5% {
        opacity: 1;
        transform: translate(0, 0)
    }
    25% {
        opacity: 0;
        transform: translate(0, 25%)
    }
    100% {
        opacity: 0;
        transform: translate(0, 25%)
    }
}

@keyframes lcCarouselTip2 {
    0% {
        opacity: 0;
        transform: translate(0, -25%)
    }
    25% {
        opacity: 0;
        transform: translate(0, -25%)
    }
    30%,
    50% {
        opacity: 1;
        transform: translate(0, 0)
    }
    55% {
        opacity: 0;
        transform: translate(0, 25%)
    }
    100% {
        opacity: 0;
        transform: translate(0, 25%)
    }
}

@keyframes lcCarouselTip3 {
    0% {
        opacity: 0;
        transform: translate(0, -25%)
    }
    55% {
        opacity: 0;
        transform: translate(0, -25%)
    }
    60%,
    75% {
        opacity: 1;
        transform: translate(0, 0)
    }
    80% {
        opacity: 0;
        transform: translate(0, 25%)
    }
    100% {
        opacity: 0;
        transform: translate(0, 25%)
    }
}

@keyframes lcCarouselTipLogo {
    0% {
        opacity: 0;
        transform: translate(0, -25%)
    }
    80% {
        opacity: 0;
        transform: translate(0, -25%)
    }
    85%,
    95% {
        opacity: 1;
        transform: translate(0, 0)
    }
    100% {
        opacity: 0;
        transform: translate(0, 25%)
    }
}

.footerContainer {
    width: 100%!important;
    padding: 0;
    max-width: 1380px!important;
    border-radius: 4px 4px 0 0
}

.footerContainerInternal {
    margin-top: 0;
    width: 100%!important;
    padding: 0;
    max-width: 1380px!important
}

.lcDivItm {
    direction: ltr;
    position: relative;
    margin-bottom: 30px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    display: flex;
    flex-wrap: wrap;
    padding: 30px 15px 15px;
    overflow: hidden
}

.lcDivItm,
.lcDivItm *,
.lcDivItm :after,
.lcDivItm :before {
    box-sizing: border-box
}

.lcDivItm:before {
    animation: lcDefAnimation .8s linear infinite;
    bottom: 0;
    left: 50%;
    z-index: 1;
    width: 500%;
    margin-left: -250%;
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 46%, hsla(0, 0%, 100%, .35) 50%, hsla(0, 0%, 100%, 0) 54%) 50% 50%
}

.lcDivItm>* {
    flex: 1 1 auto;
    display: flex;
    flex-flow: column;
    padding-right: 15px;
    padding-left: 15px
}

.lcDefRow {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 7px
}

.lcDefRow div {
    height: 10px;
    margin-bottom: 7px;
    background-color: #ced4da
}

.lcDefRow .big,
.lcDefRow.big div {
    height: 20px;
    margin-bottom: 15px
}

.lcDefRow .thin,
.lcDefRow .thin div {
    height: 2px;
    margin-bottom: 15px;
    margin-top: 15px
}

.lcDefRow .empty {
    background-color: rgba(255, 255, 255, 0)
}

.lcDefBasicCol1 {
    flex: 0 0 8.333%
}

.lcDefBasicCol2 {
    flex: 0 0 16.66%
}

.lcDefBasicCol4 {
    flex: 0 0 33.33%
}

.lcDefBasicCol6 {
    flex: 0 0 50%
}

.lcDefBasicCol7 {
    flex: 0 0 58.33%
}

.lcDefBasicCol8 {
    flex: 0 0 66.66%
}

.lcDefBasicCol9 {
    flex: 0 0 74.99%
}

.lcDefBasicCol10 {
    flex: 0 0 83.33%
}

.lcDefBasicCol12 {
    flex: 0 0 100%
}

.lcDefBasicProfileImg {
    position: relative;
    width: 100%;
    min-width: 60px;
    background-color: #ced4da;
    margin-bottom: 15px;
    border-radius: 50%;
    overflow: hidden
}

.lcDefBasicProfileImg:before {
    content: " ";
    display: block;
    padding-top: 100%
}

.lcDefBasicImgPic {
    width: 100%;
    height: 120px;
    background-color: #ced4da;
    margin-bottom: 15px
}

@-webkit-keyframes lcDefAnimation {
    0% {
        transform: translate3d(-30%, 0, 0)
    }
    to {
        transform: translate3d(30%, 0, 0)
    }
}

@keyframes lcDefAnimation {
    0% {
        transform: translate3d(-30%, 0, 0)
    }
    to {
        transform: translate3d(30%, 0, 0)
    }
}

.dndContainer {
    outline: 2px dashed #f90;
    outline-offset: -2px;
    background-color: rgba(255, 165, 0, .5);
    width: 320px;
    height: 290px;
    position: absolute;
    top: 50px;
    z-index: 1
}

.dndContainer:before {
    content: 'Přetáhni obrázek / soubor';
    width: 100%;
    text-align: center;
    padding-top: 120px;
    color: #000;
    font-weight: 700;
    display: block
}

@media screen and (min-width:1025px) and (max-width:1600px) {
    .breakW1400 {
        width: 30%!important
    }
    .breakW1400Inverse {
        width: 70%!important
    }
}

@media screen and (max-width:1400px) {
    .maxW800float-left {
        display: block;
        float: left!important;
        width: 100%
    }
    .hideOnLowRes1400 {
        display: none
    }
}

.paddingOnDesktop {
    padding-left: 6px;
    padding-right: 6px
}

@media screen and (min-width:600px) {
    .paddingOnDesktop {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media screen and (min-width:800px) {
    .paddingOnDesktop {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media screen and (max-width:1025px) {
    #sidebarContainer {
        padding: 0!important
    }
}

@media screen and (min-width:1025px) {
    .paddingLeftOnDesktop10 {
        margin-left: 10px
    }
}

.lazyload {
    opacity: 0
}

@media (min-width:1025px) {
    #mainbarContainer {
        margin-top: 10px
    }
    #sidebarContainer {
        margin-top: 10px
    }
}

@media (max-width:600px) {
    .hideOnMobilesBelow {
        display: none!important
    }
}

@media screen and (min-width:1200px) {
    .lcGridColDef7 {
        width: calc(100% / 7 - 1rem)
    }
}

@media screen and (max-width:1199px) and (min-width:1000px) {
    .lcGridColDef7 {
        width: calc(100% / 7 - 1rem)
    }
}

@media screen and (max-width:999px) and (min-width:600px) {
    .lcGridColDef7 {
        width: calc(100% / 3 - 1rem)
    }
}

@media screen and (max-width:599px) {
    .lcGridColDef7 {
        width: calc(100% / 2 - 1rem)
    }
}

.lcGridColDef7 {
    margin: .5rem
}

.lcGridColDef6 {
    margin: .5rem;
}

@media screen and (min-width: 1200px) {
    .baseLcIsoCard {
        will-change: transform;
        transition: transform 80ms linear;
    }

    .baseLcIsoCard:hover {
        transform: scale(1.01);
    }
}

@media screen and (min-width:1200px) {
    .lcGridColDef6 {
        width: calc(100% / 6 - 1rem)
    }
}

@media screen and (min-width:1000px) and (max-width:1199px) {
    .lcGridColDef6 {
        width: calc(100% / 6 - 1rem)
    }
}

@media screen and (min-width:600px) and (max-width:999px) {
    .lcGridColDef6 {
        width: calc(100% / 3 - 1rem)
    }
}

@media screen and (max-width:599px) {
    .lcGridColDef6 {
        width: calc(100% / 2 - 1rem)
    }
}

@media screen and (min-width:1200px) {
    .lcGridColDef8 {
        width: calc(100% / 8 - 1rem)
    }
}

@media screen and (max-width:1199px) and (min-width:1000px) {
    .lcGridColDef8 {
        width: calc(100% / 8 - 1rem)
    }
}

@media screen and (max-width:999px) and (min-width:600px) {
    .lcGridColDef8 {
        width: calc(100% / 3 - 1rem)
    }
}

@media screen and (max-width:599px) {
    .lcGridColDef8 {
        width: calc(100% / 2 - 1rem)
    }
}

.lcGridColDef8 {
    margin: .5rem
}

.chatMsgBare {
    font-family: Arial!important;
    font-size: 13px!important;
    line-height: 16px!important;
    overflow-wrap: break-word;
}

.chatMsg>p {
    margin: 0
}

.chPFix>p {
    margin: 0;
    word-break: break-word;
}

.chatTextRight.chatMsgPlainEmoji .chPFix>p {
    justify-content: flex-end;
    display: flex;
    flex-flow: wrap;
    word-break: break-all;
}

.chatTextLeft.chatMsgPlainEmoji .chPFix>p {
    display: flex;
    flex-flow: wrap
}

.medium-editor-action-h3 {
    display: none!important
}

.medium-editor-action-h2 {
    display: none!important
}

.medium-editor-action-quote {
    display: none!important
}

.medium-editor-toolbar li .medium-editor-button-active,
.medium-editor-toolbar li button:hover {
    color: #f90
}

.language-js::-webkit-scrollbar-thumb {
    background: #383838;
    border-radius: 6px
}

.language-js::-webkit-scrollbar-track {
    background: #1f1f1f
}

.language-js::-webkit-scrollbar-track-piece {
    background: #1f1f1f
}

:not(pre)>code[class*=language-] {
    border: .13em solid #1d1f21!important;
    box-shadow: initial!important
}

.ui-datepicker-next span,
.ui-datepicker-prev span {
    background-image: none!important
}

.ui-datepicker-next:before,
.ui-datepicker-prev:before {
    font-family: FontAwesome;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    font-weight: 400;
    align-items: center;
    justify-content: center
}

.ui-datepicker-prev:before {
    content: "‹";
    font-family: FontAwesome
}

.ui-datepicker-next:before {
    content: "›";
    font-family: FontAwesome
}

.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px
}

.ui-timepicker-div dl {
    text-align: left
}

.ui-timepicker-div dl dt {
    float: left;
    clear: left;
    padding: 0 0 0 5px
}

.ui-timepicker-div dl dd {
    margin: 0 10px 10px 40%
}

.ui-timepicker-div td {
    font-size: 90%
}

.ui-tpicker-grid-label {
    background: 0 0;
    border: none;
    margin: 0;
    padding: 0
}

.ui-timepicker-div .ui_tpicker_unit_hide {
    display: none
}

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
    background: 0 0;
    color: inherit;
    border: none;
    outline: 0;
    border-bottom: solid 1px #555;
    width: 95%
}

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus {
    border-bottom-color: #aaa
}

.ui-timepicker-rtl {
    direction: rtl
}

.ui-timepicker-rtl dl {
    text-align: right;
    padding: 0 5px 0 0
}

.ui-timepicker-rtl dl dt {
    float: right;
    clear: right
}

.ui-timepicker-rtl dl dd {
    margin: 0 40% 10px 10px
}

.ui-timepicker-div.ui-timepicker-oneLine {
    padding-right: 2px
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt {
    display: none
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
    display: block;
    padding-top: 2px
}

.ui-timepicker-div.ui-timepicker-oneLine dl {
    text-align: right
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd>div {
    display: inline-block;
    margin: 0
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
    content: ':';
    display: inline-block
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before {
    content: '.';
    display: inline-block
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
    display: none
}

.beeperNub {
    width: 20px;
    height: 20px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 20px solid #b2b2b2;
    position: absolute;
    left: 382px;
    top: -20px
}

.mdb .zoom:hover img,
.mdb .zoom:hover video {
    transform: scale(1.05)!important
}

.mdb .zoom img,
.mdb .zoom video {
    transition: -webkit-transform .2s ease
}

@media (min-width:1200px) {
    .mainImgFix {
        height: 100%!important
    }
}

.isoContainer2 {
    margin-left: -.5rem!important
}

@media (max-width:600px) {
    .isoContainer2 {
        margin-left: -.8rem!important
    }
}

@media screen and (min-width:1200px) {
    .lcTopTitle {
        font-size: 1.3rem;
        line-height: 1.8rem
    }
}

@media screen and (min-width:1000px) {
    .lcTopTitle {
        font-size: 1.3rem;
        line-height: 1.8rem
    }
}

.lcTopTitle {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding-bottom: .5rem;
    position: relative;
    color: #484848!important;
    justify-content: flex-start;
    align-items: flex-end;
    font-weight: 700;
    text-decoration: none;
    font-family: Play, Arial, Verdana, sans-serif
}

.lcTopTitle:hover {
    color: #f90!important
}

@media screen and (min-width:1200px) {
    .lcTopTitle:after {
        left: 0;
        transform: scaleX(.5)
    }
}

@media screen and (min-width:1000px) {
    .lcTopTitle:after {
        left: 0;
        transform: scaleX(.5)
    }
}

.lcTopTitle:after {
    content: "";
    transition: transform .698566s cubic-bezier(.1896556, 1, .219853, 1);
    background: #f90;
    bottom: 0;
    position: absolute;
    transform-origin: left;
    width: 100%;
    z-index: 20;
    height: 2px
}

@media screen and (min-width:1200px) {
    .lcTopMenu {
        margin: 0 1rem 0 0
    }
}

@media screen and (min-width:1000px) {
    .lcTopMenu {
        margin: 0 1rem 0 0
    }
}

.lcTopMenu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    user-select: none
}

@media screen and (min-width:1200px) {
    .nav-section {
        align-items: flex-end;
        margin: .5rem 1rem;
        flex-direction: row;
        justify-content: space-between
    }
}

@media screen and (min-width:1000px) {
    .nav-section {
        flex-direction: row;
        align-items: flex-end;
        margin: .5rem 1rem;
        justify-content: space-between
    }
}

.nav-section {
    position: relative
}

@media screen and (min-width:1200px) {
    .lcTopTitle[href]:hover:after {
        transform-origin: left;
        transform: scaleX(1)
    }
}

@media screen and (min-width:1000px) {
    .lcTopTitle[href]:hover:after {
        transform: scaleX(1);
        transform-origin: left
    }
}

.lcTopTitle[href]:hover:after {
    background: #f90
}

.lcTopMenuDivider {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    margin: 0 .5rem;
    padding-bottom: .5rem;
    color: rgba(0, 0, 0, .379856)
}

@media screen and (min-width:1200px) {
    .lcTopMenuDividerItm {
        line-height: 1.8rem;
        padding: 0 .25rem .4rem .25rem;
        font-size: 1.5rem
    }
}

@media screen and (min-width:1000px) {
    .lcTopMenuDividerItm {
        font-size: 1.5rem;
        padding: 0 .25rem .4rem .25rem;
        line-height: 1.8rem
    }
}

.lcTopMenuDividerItm {
    display: flex;
    flex-direction: row;
    color: #616161;
    font-family: Play, Arial, Verdana, sans-serif;
    margin: 0 .25rem;
    justify-content: center;
    align-items: flex-end;
    font-weight: 400;
    text-decoration: none;
    position: relative
}

.lcTopMenuDividerItm.active:before {
    content: "";
    height: 2px;
    left: 0;
    background: rgba(0, 0, 0, .249856);
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 10
}

.lcTopMenuDividerItm:after {
    content: "";
    background: #f90;
    bottom: 0;
    transform-origin: right;
    transition: .698565s cubic-bezier(.1895464, 1, .2198565, 1);
    height: 2px;
    left: 0;
    position: absolute;
    transform: scaleX(0);
    width: 100%;
    z-index: 20
}

.navMenuSep {
    font-style: normal;
    font-size: 22px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    color: #484848;
    position: relative;
    top: -2px;
    margin-left: 4px;
    margin-right: 4px;
    font-weight: 900
}

@media screen and (min-width:1500px) {
    .lcTopTitle {
        font-size: 1.5rem;
        line-height: 1.8rem
    }
}

@media screen and (min-width:1700px) {
    .lcTopTitle {
        font-size: 2rem;
        line-height: 1.8rem
    }
}

.modal-dialog {
    will-change: transform
}

.rounded-circle {
    border-radius: 10%!important
}

.rounded-circle5 {
    border-radius: 5%!important
}

.rounded-circle20 {
    border-radius: 20%!important
}

.rounded-circle40 {
    border-radius: 30%!important
}

.rounded-circle60 {
    border-radius: 40%!important
}

.rounded-circle80 {
    border-radius: 50%!important
}

.rounded-circle100 {
    border-radius: 100%!important
}

.lcCard {
    text-decoration: none!important
}

.boxOverlay {
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, .927345972568715) 0, rgba(0, 0, 0, .68448882971157217) 81%, rgba(0, 0, 0, .68728995015975143) 93%, rgba(255, 255, 255, 0) 100%);
    border-radius: 0 0 7px 7px
}

.progressbarChat {
    height: 4px;
    background-color: purple;
    animation: change 1s linear infinite
}

@keyframes change {
    from {
        background-position: 0 0, left
    }
    to {
        background-position: 30px 0, left
    }
}

.md-progress .progress-bar {
    background-color: #f90!important
}

.chatActionIcon {
    color: #9e9e9e!important;
    transition: color .2s ease
}

.chatActionIcon:hover {
    color: #626262!important
}

.chatMessageContainer .chatMessageActionsContainer {
    visibility: hidden
}

.chatMessageActionsContainer {
    position: absolute;
    top: 50%;
    transform: translate(10%, -50%);
    margin: 0px 0 0 -54px;
    color: #989898
}

.chatMessageContainer:hover .chatMessageActionsContainer {
    visibility: visible
}

.alwaysVisible {
    visibility: visible!important
}

.css-1ampr4v {
    padding-left: 0;
    text-align: left;
    margin: 0;
    list-style: none
}

.css-1mdv95g {
    font-size: 22px;
    color: inherit;
    transform: scale(1.0001);
    cursor: pointer;
    background: 0 0;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    transition: transform .1s ease-out 0s
}

.css-1mdv95g {
    font-size: 22px;
    color: inherit;
    transform: scale(1.0001);
    cursor: pointer;
    background: 0 0;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    transition: transform .1s ease-out 0s
}

.css-1mdv95g:focus,
.css-1mdv95g:hover {
    transform: scale(1.25)
}

.tippy-tooltip.rounded-theme {
    border-radius: 20px
}

.sysMsg {
    outline: 0!important;
    white-space: pre-wrap;
    color: #000!important;
    width: 100%!important;
    text-align: center;
    margin-top: 10px!important;
    margin-bottom: 10px!important
}

.maxw75 {
    max-width: 75%
}

.msgReactBottom {
    /*margin-bottom: 20px!important*/
}

.msgReactBottomImg {
    margin-bottom: 36px!important
}

.tippy-tooltip.left-align-theme {
    text-align: left
}

.tippy-tooltip.smaller-theme {
    font-size: .9em
}

.selectedReactionEmoji {
    width: 4px;
    height: 4px;
    left: 16px;
    top: 20px;
    position: absolute;
    z-index: -1;
    background-color: #f90;
    border-radius: 50%
}

.selectedReactionEmojiFull {
    width: 4px;
    height: 4px;
    left: 18px;
    top: 20px;
    position: absolute;
    z-index: -1;
    background-color: #f90;
    border-radius: 50%
}

.chatMsgBlockStart {
    margin-top: 8px!important;
    margin-bottom: 1px!important
}

.chatMsgBlockEnd {
    margin-top: 1px!important;
    margin-bottom: 8px!important
}

.chatMsgBlockSingle {
    margin-bottom: 8px!important;
    margin-top: 8px!important
}

.chatMsgBlockInner {
    margin-top: 1px!important;
    margin-bottom: 1px!important
}

.chatMsgBlockInner .sentMsgInner {
    border-top-right-radius: 6px!important;
    border-bottom-right-radius: 6px!important
}

.chatMsgBlockStart .sentMsgInner {
    border-bottom-right-radius: 6px!important
}

.chatMsgBlockEnd .sentMsgInner {
    border-top-right-radius: 6px!important
}

.chatMsgBlockInner .chatBgRecieved {
    border-top-left-radius: 6px!important;
    border-bottom-left-radius: 6px!important
}

.chatMsgBlockStart .chatBgRecieved {
    border-bottom-left-radius: 6px!important
}

.chatMsgBlockEnd .chatBgRecieved {
    border-top-left-radius: 6px!important
}

.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.selectedflatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
    background: #f90!important;
    border-color: #f90!important
}

.genericDropdownBoxContainer {
    display: inline-block;
    position: absolute;
    width: 300px;
    transition: all 180ms cubic-bezier(.4, 0, .2, 1);
    height: 360px;
    background-color: #fff;
    z-index: 120;
    border-radius: 4px;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .198654), 0 8px 10px 1px rgba(0, 0, 0, .139856), 0 3px 14px 2px rgba(0, 0, 0, .11985654)
}

.genericDropdownBoxContainerInner {
    display: inline-block;
    overflow-y: auto;
    width: 300px;
    height: 360px
}

.genericDropdownLabel {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2rem;
    color: rgba(0, 0, 0, .87);
    white-space: pre-wrap;
    margin-top: auto;
    margin-bottom: auto
}

.newMenuItem {
    color: #484848!important
}

.newMenuItemInner {
    color: #737373!important
}

.newMenuItemInner:hover {
    color: #f90!important
}

.newMenuItem:hover {
    color: #f90!important
}

.hoverBackgroundClr {
    transition: all 148ms ease
}

.hoverBackgroundClr:hover {
    background-color: rgba(0, 0, 0, .1);
    cursor: pointer
}

@media (max-width:1000px) {
    .lcTopMenu {
        margin: 0!important;
        justify-content: center;
        width: 100%
    }
    .lcTopTitle {
        font-size: 1.2rem;
        justify-content: center;
        margin-bottom: 0 .5rem;
        line-height: 1.3rem;
        width: 100%
    }
    .lcTopMenuDivider {
        display: none
    }
    .lcTopMenuDividerItm {
        font-size: 1rem;
        padding: 0 .25rem .25rem .25rem;
        line-height: 1.5rem
    }
    .lcTopTitle[href]:hover:after {
        transform: scaleX(.4);
        transform-origin: center
    }
    .lcTopTitle:after {
        transform: scaleX(.2);
        left: 0;
        right: 0;
        transform-origin: center
    }
    .menuFullItem {
        display: block;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }
    .menuFullItem:hover:after {
        transform: scaleX(0);
        transform-origin: center
    }
    .menuFullItem:after {
        left: 0;
        transform: scaleX(0);
        transform-origin: center;
        right: 0
    }
    .genericDropdownBoxContainer {
        margin-left: -80px
    }
    .genericDropdownBoxContainerArticles {
        margin-left: -60px
    }
}

.test {
    transition: all 2s ease;
    background: linear-gradient(to bottom, #fff 9%, #fff 100%)
}

.test:hover {
    cursor: pointer;
    transition: all 1.98564s ease;
    background: linear-gradient(to bottom, #fcc400 9%, #ff8c00 100%)
}

.gradient {
    position: relative;
    background-size: 228px 152px;
    background-image: linear-gradient(to bottom, #fff 9%, #fff 100%);
    z-index: 1;
    box-shadow: 3px 3px 14px 0 rgba(0, 0, 0, .698456)
}

.gradient::before {
    background-size: 228px 152px;
    left: 0;
    background-image: linear-gradient(to bottom, #fcc500 9%, #ff8c00 100%);
    z-index: -1;
    position: absolute;
    content: "";
    top: 0;
    cursor: pointer;
    box-shadow: 3px 3px 14px 0 #ff8c00;
    right: 0;
    bottom: 0;
    transition: all .29856s linear;
    opacity: 0
}

.gradient:hover::before {
    opacity: 1;
    cursor: pointer
}

.gradient:hover {
    cursor: pointer
}

.testAnim {
    background: linear-gradient(180deg, #d6de19, #eb6707);
    animation: testAnim2 3s ease infinite;
    background-size: 100% 90%
}

@keyframes testAnim2 {
    0% {
        background-position: 0 100%
    }
    100% {
        background-position: 0 0
    }
}

.faAnimated {
    transition: all .1s ease
}

.faR180CW {
    transform: rotate(180deg)
}

@media screen and (max-width:599px) {
    .lcMiscItm {
        width: calc(100% - 1rem)!important
    }
}

.lcMiscItmTitle {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    transition: all 217ms cubic-bezier(.4, 0, .2, 1);
    font-weight: 400;
    text-decoration: none;
    text-transform: inherit;
    color: #fff;
    font-family: Play, Arial, Verdana, sans-serif;
    margin: 0
}

@media (max-width:499px) {
    .lcMiscItmTitle {
        font-size: 1.5rem;
        line-height: 1.7rem
    }
}

@media (min-width:500px) and (max-width:768px) {
    .lcMiscItmTitle {
        line-height: 1.8rem!important;
        font-size: 1.6rem!important
    }
}

.hd {
    display: inline-block;
    width: 20px
}

@media (max-width:600px) {
    .grid-10,
    .grid-100,
    .grid-15,
    .grid-20,
    .grid-25,
    .grid-30,
    .grid-33,
    .grid-35,
    .grid-40,
    .grid-45,
    .grid-5,
    .grid-50,
    .grid-55,
    .grid-60,
    .grid-65,
    .grid-66,
    .grid-70,
    .grid-75,
    .grid-80,
    .grid-85,
    .grid-90,
    .grid-95,
    .mobile-grid-10,
    .mobile-grid-100,
    .mobile-grid-15,
    .mobile-grid-20,
    .mobile-grid-25,
    .mobile-grid-30,
    .mobile-grid-33,
    .mobile-grid-35,
    .mobile-grid-40,
    .mobile-grid-45,
    .mobile-grid-5,
    .mobile-grid-50,
    .mobile-grid-55,
    .mobile-grid-60,
    .mobile-grid-65,
    .mobile-grid-66,
    .mobile-grid-70,
    .mobile-grid-75,
    .mobile-grid-80,
    .mobile-grid-85,
    .mobile-grid-90,
    .mobile-grid-95,
    .tablet-grid-10,
    .tablet-grid-100,
    .tablet-grid-15,
    .tablet-grid-20,
    .tablet-grid-25,
    .tablet-grid-30,
    .tablet-grid-33,
    .tablet-grid-35,
    .tablet-grid-40,
    .tablet-grid-45,
    .tablet-grid-5,
    .tablet-grid-50,
    .tablet-grid-55,
    .tablet-grid-60,
    .tablet-grid-65,
    .tablet-grid-66,
    .tablet-grid-70,
    .tablet-grid-75,
    .tablet-grid-80,
    .tablet-grid-85,
    .tablet-grid-90,
    .tablet-grid-95 {
        padding-right: 0
    }
    .hd {
        display: none!important;
        width: 0!important
    }
    .ac {
        margin-top: 20px
    }
}

@media (min-width:600px) {
    .tempP {
        padding-left: 10px;
        padding-right: 10px
    }
}

.faggot {
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .8))!important;
    background-attachment: local!important
}

.bannerContent {
    display: flex;
    padding: .5rem 1rem;
    transition: all 216ms cubic-bezier(.39585, 0, .201235, 1);
    flex-direction: column;
    align-items: flex-start;
    bottom: 0;
    text-shadow: 0 0 2px rgba(0, 0, 0, .495656), 0 0 2px rgba(0, 0, 0, .495656);
    border-radius: 4px;
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .7564));
    background-position: bottom;
    justify-content: flex-end;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-size: 100% 30%;
    background-repeat: no-repeat
}

.bannerContent:hover>.bannerTitle {
    max-height: 5.2rem;
    -webkit-line-clamp: 4;
    transition: all 212ms cubic-bezier(.39854, 0, .19854654, 1)
}

.bannerTitle {
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: inherit;
    color: #fff;
    margin: 0;
    transition: all 212ms cubic-bezier(.3985645, 0, .1985645, 1);
    -webkit-box-orient: vertical;
    font-weight: 400;
    line-height: 2.4rem;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    max-height: 5.6rem;
    font-size: 2.1rem;
    text-decoration: none
}

.bannerContent:hover>.bannerPerex {
    min-height: 0!important;
    margin: .5rem 0 0 0!important;
    opacity: 1
}

.bannerPerex {
    transition: all 216ms cubic-bezier(.369, 0, .194, 1);
    overflow: hidden;
    margin: .5rem 0 -2.7rem 0;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    text-transform: inherit;
    color: #fff;
    max-height: 2.2rem;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    font-size: .85rem;
    font-weight: 400;
    line-height: 1.1rem;
    text-decoration: none;
    min-height: 2.2rem;
    font-family: Roboto, Arial, Verdana, sans-serif;
    opacity: 0
}

.bannerInfo {
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    font-size: .95rem;
    font-weight: 400;
    line-height: 1.2rem;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    max-height: 1.2rem;
    margin: 0 0 -1.2rem 0;
    opacity: 0;
    transition: all 214ms cubic-bezier(.38, 0, .198, 1);
    overflow: hidden;
    min-height: 1.2rem;
    text-decoration: none;
    text-transform: inherit;
    color: rgba(255, 255, 255, .69856455);
    font-family: Roboto, Arial, Verdana, sans-serif
}

.bannerContent:hover>.bannerInfo {
    margin: .5rem 0 0 0!important;
    min-height: 0!important;
    opacity: 1
}

.alwaysUp {
    z-index: 900;
}

.pointerHover:hover {
    cursor: pointer
}

.lcNavMore {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column
}

.lcNavMoreBtn {
    display: flex;
    justify-content: center;
    text-decoration: none;
    padding: 1rem 2rem .25rem 2rem;
    flex-direction: column;
    align-items: center
}

.lcNavMoreBtn>span:first-child {
    white-space: nowrap;
    margin: 0;
    transition: all 282ms cubic-bezier(.365, 0, .1956, 1);
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.2rem;
    color: rgba(0, 0, 0, .537)
}

.lcNavMoreBtn>span:last-child {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.1rem;
    padding-top: 6px
}

.lcNavMoreBtn:hover>span:last-child {
    color: #f60;
    top: .25rem
}

.lcNavMoreBtn:hover>span:first-child {
    color: #f60
}

.lcNavMoreBtn>span:last-child {
    position: relative;
    transition: all .3s cubic-bezier(0, 0, .1985, 1);
    top: 0;
    color: rgba(0, 0, 0, .374)
}

.lcNavMoreBtn>span:last-child:before {
    font-weight: 400;
    font-style: normal;
    font-size: 1.3rem;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal
}

@media (min-width:1020px) {
    .imgLeft {
        width: calc(50% - 10px);
        display: inline-block
    }
    .imgRight {
        width: calc(50% - 10px);
        display: inline-block
    }
}

@media (max-width:1020px) {
    .imgLeft {
        padding-left: 0!important;
        padding-right: 0!important
    }
    .imgRight {
        padding-left: 0!important;
        padding-right: 0!important
    }
}

.newMenuItemInner:hover {
    text-decoration: none
}

.lcH1 {
    font-family: Play, Arial, Verdana, sans-serif;
    font-size: 2rem;
    font-weight: 700!important;
    letter-spacing: normal;
    line-height: 2rem;
    text-decoration: none;
    text-transform: inherit;
    color: #f90;
    margin: 0 0 1rem 0
}

.lcH2 {
    font-family: Play, Arial, Verdana, sans-serif;
    font-size: 1.6rem;
    font-weight: 700!important;
    letter-spacing: normal;
    line-height: 2rem;
    text-decoration: none;
    text-transform: inherit;
    color: #f90;
    margin: 0 0 1rem 0
}

.lcH4 {
    font-family: Play, Arial, Verdana, sans-serif;
    font-size: 1.2rem;
    font-weight: 700!important;
    letter-spacing: normal;
    line-height: 2rem;
    text-decoration: none;
    text-transform: inherit;
    color: #f90;
    margin: 0 0 1rem 0
}

.lcPerex {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin: 0 0 1.5rem 0;
    color: rgba(0, 0, 0, .538)
}

.mdb .side-nav .collapsible .fab,
.mdb .side-nav .collapsible .fad,
.mdb .side-nav .collapsible .fas {
    font-size: 1rem;
    margin-right: 13px
}

.fade2 {
    opacity: 0!important;
    transition: all .2s cubic-bezier(.4198, 0, .5795, 1)!important;
    transform: scale(.865)!important
}

.fade2.show {
    opacity: 1!important;
    transform: scale(1) translate(0, 0)!important
}

.navDarkenMe:hover {
    color: rgba(0, 0, 0, .7)!important
}

.lcTopMenu {
    margin: 0 1rem 0 -.9rem!important
}

.newMenuItemStatic {
    color: #737373!important
}

.lcTopMenuDividerItm.active:before {
    background: orange!important
}

.newMenuItemStatic:hover {
    color: #737373!important
}

@media screen and (min-width:1200px) {
    .lcTopTitle {
        font-size: 1.6rem;
        line-height: 1.8rem
    }
}

.lcTopTitle {
    font-family: Play, Arial, Verdana, sans-serif;
    margin: 0;
    padding-bottom: .5rem;
    display: block;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
    font-weight: 700;
    text-decoration: none;
    color: #616161;
    position: relative
}

.lcBasicCardDef[data-url],
.lcBasicCardDef[href] {
    cursor: pointer
}

.lcCard.sp-game {
    animation: .5s cubic-bezier(.385, 0, .1985, 1) fInAnim
}

.lcImgFormatCover {
    padding-bottom: 140%
}

.lcDefaultCardImage:before {
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
    content: "";
    background: rgba(0, 0, 0, .12);
    bottom: 0;
    height: 2px;
}

.lcPlainImage picture {
    border-radius: 4px 4px 0 0;
    overflow: hidden
}

.lcPlainImage img {
    position: absolute;
    top: 0;
    width: 100%;
    border-radius: 4px 4px 0 0;
    display: block;
    height: 100%;
    left: 0;
    object-fit: cover
}

.lcDefaultCardImage:after {
    content: "";
    background-color: #f90;
    bottom: 0;
    height: 2px;
    transform-origin: right;
    width: 100%;
    z-index: 4;
    transition: transform 650ms cubic-bezier(.2, 1, .23, 1);
    left: 0;
    position: absolute;
    transform: scaleX(0);
    height: 2px;
}

.lcImgFormatCover {
    padding-bottom: 141.3%
}

.lcCard.sp-game .lcBasicCardContent {
    padding: .25rem .8rem 2.7rem .8rem
}

.lcBasicCardContent {
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 0;
    display: flex;
    flex-direction: column
}

.lcBasicCardContentText.clamp4 {
    height: 4.85rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box
}

.lcBasicCardContentText {
    transition: all 177ms cubic-bezier(.385, 0, .185, 1);
    font-size: .85rem;
    font-weight: 400;
    line-height: 1.2rem;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: inherit;
    color: #fff;
    font-family: Roboto, Arial, Verdana, sans-serif;
    margin: 0;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}

.lcBasicCardContentTextInner {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    padding-top: 6px;
}

.lcBasicCardContentInfo>span {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.lcCard:hover>.lcDefaultCardImage:after {
    background: #f90;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left;
    transform-origin: left
}

.lcCard:hover .lcBasicCardContent>.lcBasicCardContentText>b {
    color: #f90
}

.lcCard.sp-game .lcBasicCardContent {
    padding: .25rem .8rem 2rem .8rem
}

.lcSubProfile {
    transition: all 176ms cubic-bezier(.385, 0, .195, 1);
    display: block;
    flex-shrink: 0;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .185), 0 2px 2px 0 rgba(0, 0, 0, .1385), 0 1px 5px 0 rgba(0, 0, 0, .1185);
    width: 120px;
    margin: 0 1rem 0 0;
    border-radius: 4px
}

.lcSubpageProfileImg {
    display: block;
    height: 0;
    transition: all 172ms cubic-bezier(.3856, 0, .19586, 1);
    position: relative;
    width: 100%;
    border-radius: 4px;
    margin: 0
}

.lcSubpageProfileImg img {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    border-radius: 4px;
    -o-object-fit: cover;
    object-fit: cover
}

.lcBasicCardContentText {
    color: #737373!important
}

@media screen and (min-width:1200px) {
    .lcTopTitle {
        font-size: 1.6rem;
        line-height: 1.8rem
    }
}

.lcTopTitle {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
    font-weight: 700;
    text-decoration: none;
    color: #616161;
    font-family: Play, Arial, Verdana, sans-serif;
    margin: 0;
    padding-bottom: .5rem;
    position: relative
}

.lcBasicCardDef[data-url],
.lcBasicCardDef[href] {
    cursor: pointer
}

.lcCard.sp-game {
    animation: 485ms cubic-bezier(.4052, 0, .2001, 1) fInAnim
}

.lcImgFormatCover {
    padding-bottom: 141.3%
}

.lcPlainImage {
    background: #bdbdbd;
    display: block;
    height: 0;
    position: relative;
    width: 100%;
    border-radius: 4px 4px 0 0;
    margin: 0
}

.lcCardImgPicInner {
    border-radius: 4px 4px 0 0;
    overflow: hidden
}

.lcCardImgImgInner {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    border-radius: 4px 4px 0 0;
    -o-object-fit: cover;
    object-fit: cover
}

.lcImgFormatCover {
    padding-bottom: 141.3%
}

.lcCard.sp-game .lcBasicCardContent {
    padding: .24856rem .79856rem 2.6523rem .7458rem
}

.lcBasicCardContent {
    display: flex;
    flex-direction: column;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 0
}

.lcBasicCardContentText.clamp4 {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    height: 4.9rem;
    overflow: hidden;
    text-overflow: ellipsis
}

.lcBasicCardContentText>b {
    font-family: Play, Arial, Verdana, sans-serif;
    font-weight: 700;
    transition: all 175ms cubic-bezier(.39851, 0, .195648, 1);
    font-size: .95rem;
    line-height: 1.2rem;
    display: block;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}

.lcBasicCardContentInfo>span {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.lcCard:hover>.lcDefaultCardImage:after {
    transform: scaleX(1.1);
    transform-origin: left;
    background: #f90
}

.lcCard:hover .lcBasicCardContent>.lcBasicCardContentText>b {
    color: #f90
}

.lcCard.sp-game .lcBasicCardContent,
.lcCard.sp-game .lcBasicCardLesser {
    padding: .25rem .8rem 2rem .8rem
}

.lcCol {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap
}

@media screen and (max-width:999px) and (min-width:600px) {
    .lcGridColDef8 {
        width: calc(100% / 4 - 1rem)
    }
}

@media screen and (max-width:600px) and (min-width:450px) {
    .lcGridColDef8 {
        width: calc(100% / 3 - 1rem)
    }
}

@media (max-width:1000px) {
    .lcTopTitle {
        display: block;
        text-align: center
    }
}

@media (min-width:1000px) {
    .stdOutermostContainer {
        margin-top: 20px;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (max-width:1000px) {
    .stdOutermostContainer {
        margin-top: 20px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .lcPerex {
        line-height: 1.3rem;
        font-size: .9em;
        text-align: justify
    }
    .newMenuItemStatic {
        margin-bottom: 10px
    }
    .stdBlockSection {
        padding-left: 10px;
        padding-right: 10px
    }
    .lcTopMenu {
        margin: 0!important
    }
    .isoContainer2NoMargin {
        margin-left: -.5rem!important
    }
    .marginBottomOnMobile10 {
        margin-bottom: 10px
    }
}

@media (min-width:1000px) and (max-width:1300px) {
    .lcTopMenuDividerItm {
        font-size: 1.2rem;
        line-height: 1.8rem
    }
}

@media screen and (max-width:999px) and (min-width:600px) {
    .lcGridColDef4 {
        width: calc(100% / 3 - 1rem)
    }
}

.mdb .preloader-wrapper .spinner-blue,
.mdb .preloader-wrapper .spinner-blue-only {
    border-color: #f90!important
}

.stdAdminContainer {
    padding: 20px
}

.stdAdminContainer h1 {
    font-family: Play, Arial, Verdana;
    color: #f90;
    font-weight: 500;
    font-size: 2em
}

.stdAdminContainer h2 {
    color: #f90;
    font-weight: 500;
    font-size: 1.6em;
    font-family: Play, Arial, Verdana
}

.stdAdminContainer h3 {
    color: #f90;
    font-weight: 500;
    font-size: 1.3em;
    font-family: Play, Arial, Verdana
}

.stdAdminActionBtns button {
    align-items: flex-start;
    background-color: orange;
    border-bottom-color: #fff;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-style: none;
    border-bottom-width: 0;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: #fff;
    border-left-style: none;
    border-left-width: 0;
    border-right-color: #fff;
    border-right-style: none;
    border-right-width: 0;
    border-top-color: #fff;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-top-style: none;
    border-top-width: 0;
    box-shadow: rgba(0, 0, 0, .16) 0 2px 5px 0, rgba(0, 0, 0, .12) 0 2px 10px 0;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Montserrat, sans-serif;
    font-size: 10.24px;
    font-stretch: 100%;
    font-style: normal;
    font-variant-caps: normal;
    font-variant-east-asian: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-weight: 400;
    height: 31.2px;
    letter-spacing: normal;
    line-height: 15.36px;
    margin-bottom: 6px;
    margin-left: 6px;
    margin-right: 6px;
    margin-top: 6px;
    overflow-wrap: break-word;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 8px;
    padding-left: 25.6px;
    padding-right: 25.6px;
    padding-top: 8px;
    position: relative;
    text-align: center;
    text-indent: 0;
    text-rendering: auto;
    text-shadow: none;
    text-transform: uppercase;
    transition-delay: 0s, 0s, 0s, 0s;
    transition-duration: .15s, .15s, .15s, .15s;
    transition-property: color, background-color, border-color, box-shadow;
    transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
    user-select: none;
    vertical-align: middle;
    white-space: normal;
    width: 139.012px;
    word-spacing: 0;
    writing-mode: horizontal-tb;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-border-image: none
}

.stdAdminActionBtns>button:hover {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.stdAdminContent {
    margin-top: 20px
}

.stdAdminEnum p {
    font-family: Play, Arial, Verdana
}

.stdAdminEnum span {
    font-family: Play, Arial, Verdana
}

.stdAdminEnum a,
.stdTypography a {
    color: rgba(0, 0, 0, .538456);
    font-weight: 500;
    border-bottom: 2px solid rgba(0, 0, 0, .0986542);
    transition: all 150ms cubic-bezier(.38456, 0, .198565, 1);
    text-decoration: none;
    cursor: pointer;
    background-color: rgba(0, 0, 0, .03985642);
    padding: 0;
    margin: 0;
    border-radius: 2px
}

.stdAdminEnum a:active,
.stdTypography a:active {
    color: #f90
}

.stdAdminEnum a:hover,
.stdTypography a:hover {
    color: #f90;
    background-color: rgba(255, 255, 165, .049856);
    border-color: #f90;
    text-decoration: none
}

img[src$=mdCenter] {
    display: block;
    margin: 0 auto
}

@font-face {
    font-family: Roobert;
    src: url(/fonts/Roobert.otf) format("opentype")
}

.chatTabIconGif {
    filter: invert(.6);
    position: relative;
    margin-left: -4px;
    margin-right: 3px;
    margin-top: -2px;
    transition: all .2s ease
}

.chatTabIconGif:hover {
    filter: invert(.4)
}

.mdb .md-form.md-bg input[type=date],
.mdb .md-form.md-bg input[type=datetime-local],
.mdb .md-form.md-bg input[type=email],
.mdb .md-form.md-bg input[type=number],
.mdb .md-form.md-bg input[type=password],
.mdb .md-form.md-bg input[type=search-md],
.mdb .md-form.md-bg input[type=search],
.mdb .md-form.md-bg input[type=tel],
.mdb .md-form.md-bg input[type=text],
.mdb .md-form.md-bg input[type=time],
.mdb .md-form.md-bg input[type=url],
.mdb .md-form.md-bg textarea.md-textarea {
    background-image: linear-gradient(to bottom, #f90, #f90), linear-gradient(to bottom, #ced4da, #ced4da)!important
}

.scrollFade:after {
    background: linear-gradient(rgba(255, 255, 255, .05), #fff);
    border-radius: 0 0 3px 3px;
    height: 12px;
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    z-index: 99;
    bottom: 0
}

.chatMenu:hover {
    cursor: pointer
}

.chatMessageFromTitle {
    position: absolute
}

.chatMessageFromTitle ~ .chatInnerContainer {
    margin-top: 16px;
}

.chatMsgFromTitleTop2 ~ .chatInnerContainer {
    margin-top: 18px !important;
}

.chatMessageFromTitleReply ~ .chatInnerContainer {
    /*margin-top: 0 !important;*/
}

.chatMessageFromTitleReply ~ .chatReplyToImgContainer {
    margin-top: 18px; !important;
}

.mentiony-container [contenteditable=true]:empty:not(:focus):before {
    content: attr(data-placeholder);
    color: #999
}

.mentiony-container {
    position: relative;
    height: auto;
    border: 1px solid #cecece;
    padding: 10px
}

.mentiony-container .pl0 {
    padding-left: 0
}

.mentiony-container .mention-input-hidden {
    float: left;
    display: inline-block;
    visibility: hidden;
    width: 0!important;
    height: 0!important;
    margin: 0!important;
    padding: 0!important;
    opacity: 0!important
}

.mentiony-container .mentiony-popover {
    position: absolute;
    z-index: 1000;
    top: 100%;
    left: 0;
    width: 280px;
    height: auto;
    max-height: 400px;
    display: none;
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 0;
    background: #fefefe;
    overflow: scroll
}

.mentiony-container .mentiony-content {
    outline: 0
}

.mentiony-list {
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0
}

.mentiony-item {
    border-top: 1px solid #eee;
    height: 50px;
    padding: 5px 10px;
    cursor: pointer;
    overflow: hidden
}

.mentiony-item:first-child {
    border: none
}

.mentiony-item:hover {
    background: #ededed
}

.mentiony-item.active {
    background: #ddd
}

.mentiony-item img {
    width: 40px;
    height: 40px
}

.mentiony-item .help-block,
.mentiony-item .title {
    margin: 0
}

.mention-area .highlight a.mentiony-link {
    color: #fff;
    background: #009688;
    padding: 1px 4px;
    border-radius: 3px
}

.chatMentionSuggestionLi {
    transition: all .1s ease;
    padding: 6px
}

.chatMentionSuggestionLi:hover {
    background-color: rgba(0, 0, 0, .125);
    cursor: pointer
}

.chatMention {
    color: #f90;
    font-weight: 600;
}

.chatChannelMention {
    color: #f90;
    font-weight: 600;
    background-color: rgba(255, 140, 0, 0.2);
    padding: 3px;
    cursor: pointer;
    padding-right: 4px;
    padding-left: 4px;
    border-radius: 2px;
    cursor: pointer;
    transition: all 0.2s linear;
    margin-top: 2px;
    line-height: 30px !important;
}

.chatChannelMention:hover {
    color: white;
    background-color: rgba(255, 140, 0, 0.8);
}

.chatTextRight .chatMention {
    color: #fff
}

.chatTextRight .chatChannelMention {
    color: white;
    background-color: rgba(255, 255, 255, 0.2);
}

.chatTextRight .chatChannelMention:hover {
    color: white;
    background-color: rgba(255, 255, 255, 0.4);
}

.md-outline.select-wrapper+label {
    top: .5em!important;
    z-index: 2!important
}

.mdb .select-wrapper.md-form.md-outline input.select-dropdown:focus {
    border-color: #f90!important;
    box-shadow: inset 0 0 0 1px #f90!important
}

.groupInvitation {
    font-weight: 500;
    text-decoration: none;
    color: rgba(0, 0, 0, .539856);
    cursor: pointer;
    transition: all 148ms cubic-bezier(.38564, 0, .19856, 1);
    background-color: rgba(0, 0, 0, .038569);
    padding: 0;
    margin: 0;
    border-radius: 2px;
    border-bottom: 2px solid rgba(0, 0, 0, .098564);
    height: 25px;
    margin: 3px;
    margin-left: 6px
}

.groupInvitation:active {
    color: #f90
}

.groupInvitation:hover {
    color: #f90;
    background-color: rgba(255, 255, 165, .048565);
    border-color: #f90;
    text-decoration: none
}

.groupInvitationContainer {
    display: inline-flex;
    cursor: pointer
}

.stdTypography img {
    max-width: 100%
}

.lcMatchHInfo {
    display: block;
    text-align: center;
    padding-left: 25px;
    color: #f90;
    margin-top: 10px
}

@media (max-width:768px) {
    .lcMatchHInfo {
        text-align: left
    }
}

.medium-editor-placeholder-relative:after,
.medium-editor-placeholder:after {
    cursor: text!important
}

.navPrevNextContainer {
    display: flex;
    background-color: #eceff1;
    padding: 10px;
    border-radius: 50px;
    transition: all .3s linear;
    text-decoration: none;
    max-width: 300px
}

@media(max-width:768px) {
    .navPrevNextContainer {
        margin: auto auto
    }
}

.navPrevNextContainerCenter {
    justify-content: center
}

.navPrevNextContainer:hover {
    background-color: #e0e0e0;
    text-decoration: none
}

.navPrevNextContainer .navArrow {
    align-self: center;
    margin-right: 20px;
    margin-left: 10px;
    transition: all .3s ease
}

.navPrevNextContainer:hover .navArrow {
    margin-left: 5px
}

.navPrevNextContainer .navArrowInv {
    align-self: center;
    margin-right: 10px;
    margin-left: 20px;
    transition: all .3s ease
}

.navPrevNextContainer:hover .navArrowInv {
    margin-right: 5px
}

.navPrevNextTitle {
    font-weight: 500;
    margin-bottom: 0;
    position: relative;
    top: 2px;
    color: rgba(0, 0, 0, .8)
}

.navPrevNextSpan {
    font-size: 14px;
    position: relative;
    top: -2px;
    color: rgba(0, 0, 0, .6)
}

.navPrevNextSpanMid {
    font-size: 14px;
    position: relative;
    top: 3px;
    color: rgba(0, 0, 0, .598564);
    text-align: center;
    margin-bottom: 5px
}

.navPrevNextArrow {
    font-size: 20px;
    color: rgba(0, 0, 0, .59856)
}

.grayIcon {
    color: #9e9e9e!important;
    transition: all .1985642s ease
}

.grayIcon:hover {
    color: #626262!important;
    transition: all .198564s ease;
    cursor: pointer
}

.lanbuilderIcon {
    margin-bottom: 10px
}

.lcChip[data-url],
.lcChip[href] {
    cursor: pointer
}

.lcChip {
    user-select: none;
    transition: all 171ms cubic-bezier(.3985665, 0, .1985646, 1);
    margin: .2rem!important;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    flex-grow: 0;
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    border: 0;
    border-radius: 16px;
    background-color: rgba(0, 0, 0, .04986553);
    margin: 2px 0;
    white-space: nowrap;
    text-decoration: none;
    cursor: default
}

.lcChipText {
    color: rgba(0, 0, 0, .864);
    font-size: .85rem;
    font-weight: 400
}

.lcChip[data-url]:active,
.lcChip[href]:active {
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .184), 0 1px 1px 0 rgba(0, 0, 0, .1375), 0 1px 3px 0 rgba(0, 0, 0, .1184)
}

.lcChip[data-url]:hover,
.lcChip[href]:hover {
    background-color: rgba(0, 0, 0, .075)
}

@media screen and (min-width:1200px) {
    .lcPageHT {
        height: calc(2 * (32px + .4rem));
        overflow: hidden
    }
}

@media screen and (max-width:599px) {
    .lcPageHT {
        justify-content: center
    }
}

@media screen and (max-width:1199px) and (min-width:1000px) {
    .lcPageHT {
        height: calc(2 * (32px + .4rem));
        overflow: hidden
    }
}

.lcPageHT {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.mdb .chip:hover {
    color: rgba(0, 0, 0, .6)!important
}

@media screen and (min-width:1200px) {
    .lcMatchInnerDet {
        padding: 1rem 1rem 1rem 120px
    }
}

.lcMatchInnerDet {
    min-height: calc(6 * 72px + 3rem);
    position: relative
}

@media screen and (min-width:1200px) {
    .lcNavigation {
        flex-direction: column;
        justify-content: center;
        width: 90px;
        height: auto
    }
}

.lcNavigation {
    padding: 1rem .5rem;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.lcNavigationItem {
    margin: .1rem 0;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    width: 72px;
    transition: all 174ms cubic-bezier(.398564, 0, .19856546, 1);
    display: flex!important;
    justify-content: center;
    height: 72px;
    flex-direction: column;
    align-items: center;
    padding: 1rem .5rem;
    text-decoration: none
}

.lcNavigationItem:before {
    content: "";
    transition: opacity 246ms linear;
    left: calc(50% - 100%);
    background-color: rgba(0, 0, 0, .0756);
    position: absolute;
    top: calc(50% - 100%);
    width: 200%;
    height: 200%;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    z-index: 1
}

.lcNavigationItem:hover {
    text-decoration: none
}

.lcNavigationItem>.fal {
    color: rgba(0, 0, 0, .5378);
    display: flex;
    flex-direction: column;
    font-size: 24px
}

.lcNavigationItem.active>.fal {
    color: orange
}

.lcNavigationItem.active>span {
    color: orange
}

.lcNavigationItem>span {
    color: rgba(0, 0, 0, .5345);
    display: flex;
    flex-direction: column;
    margin-top: .5rem;
    font-size: 11px;
    font-weight: 400;
    line-height: 1
}

.lcNavigationItem:after {
    content: "";
    transition: opacity 245ms linear;
    background-color: rgba(0, 0, 0, .0985);
    position: absolute;
    top: calc(50% - 100%);
    left: calc(50% - 100%);
    width: 200%;
    height: 200%;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    z-index: 1
}

@media screen and (min-width:1200px) {
    .lcMatchTitle {
        margin: 0 0 2rem 0;
        flex-direction: row
    }
}

.lcMatchTitle {
    justify-content: space-between;
    align-items: center;
    display: flex
}

@media screen and (min-width:1200px) {
    .lcMatchTitlePlayers {
        margin: 0 1rem 0 0;
        flex-direction: row
    }
}

.lcMatchTitlePlayers {
    justify-content: center;
    display: flex;
    align-items: center
}

.lcMatchTitlePlayers>span {
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 2rem
}

.lcMatchTitlePlayers>.fal {
    margin: 0 1rem;
    font-size: 24px;
    line-height: 2rem;
    color: #009fe3;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.lcMatchDetailAction {
    flex-direction: row;
    align-items: center;
    display: flex;
    justify-content: center
}

.lcMatchDetailAction>.lcChip {
    margin-left: .5rem
}

.lcChipText {
    color: rgba(0, 0, 0, .847);
    font-size: .85rem;
    font-weight: 400
}

.lcDetailMatch {
    justify-content: center;
    padding: 0 3rem;
    display: flex;
    flex-direction: row
}

@media screen and (min-width:1200px) {
    .lcMatchDetailPlayerImg {
        width: 100px;
        height: 100px
    }
}

.lcMatchDetailPlayerImg {
    position: relative;
    border-radius: 50%;
    background-color: #e0e0e0;
    margin-bottom: .5rem;
    z-index: 1
}

.lcMatchDetailPlayerName {
    color: rgba(0, 0, 0, .854);
    align-items: center;
    justify-content: center;
    margin-bottom: .75rem;
    text-align: center;
    display: flex;
    flex-direction: row;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1rem;
    width: 100%
}

.lcMatchDetailPlayerGID {
    margin: -.5rem 0 .75rem 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: .8rem;
    font-weight: 400;
    line-height: 1rem;
    color: rgba(0, 0, 0, .534);
    width: 100%
}

.lcMatchDetailPlayerScore {
    color: rgba(0, 0, 0, .556);
    width: 100%;
    margin-bottom: .5rem;
    display: flex;
    flex-direction: row;
    font-weight: 300;
    line-height: 3rem;
    align-items: center;
    justify-content: center;
    font-size: 3rem
}

.lcMatchDetailPlayerVs {
    display: flex;
    color: rgba(0, 0, 0, .374);
    text-transform: uppercase;
    white-space: nowrap;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 1rem;
    flex: 4;
    user-select: none
}

.lcMatchDetailPlayerP {
    flex: 10;
    margin: 0 .5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between
}

@media screen and (min-width:1200px) {
    .lcMatchDetailPlayerImg {
        width: 100px;
        height: 100px
    }
}

.lcMatchDetailPlayerImg {
    margin-bottom: .5rem;
    border-radius: 50%;
    background-color: #e0e0e0;
    position: relative;
    z-index: 1
}

.lcTournamentInfoDetailCls {
    justify-content: flex-start!important;
    padding: 2rem 0 1rem 0;
    border-bottom: none
}

@media screen and (min-width:1200px) {
    .lcGridCol2 {
        width: calc(100% / 2 - 1rem)
    }
}

.lcGridCol2 {
    margin: .5rem
}

@media screen and (min-width:1200px) {
    .lcMatchItmLine {
        padding: .5rem 1rem
    }
}

.lcTournamentInfoDetailCls>.lcMatchItmLine>span {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

@media screen and (min-width:1200px) {
    .lcMatchDetailPlayerImg>img {
        width: 100px;
        height: 100px
    }
}

.lcMatchDetailPlayerImg>img {
    border-radius: 50%
}

.lcMatchDetailPlayerP.win .lcMatchDetailPlayerImg>.border {
    background-color: orange
}

.lcMatchDetailPlayerImg>.border {
    position: absolute;
    transition: transform 212ms cubic-bezier(.4, 0, .2, 1);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(0, 0, 0, .338);
    transform: scale(1.04);
    z-index: -1
}

.lcMatchDetailPlayerImg:hover .border {
    transform: scale(1.12)
}

.lcMatchItmLine:hover {
    background-color: rgba(0, 0, 0, .038)
}

.lcNavigationItem:hover:before {
    opacity: .6;
    transition-duration: 82ms
}

.lcMatchProtest>.lcMatchItmLine {
    justify-content: space-between
}

@media screen and (min-width:1200px) {
    .lcGridCol1 {
        width: calc(100% - 1rem)
    }
}

.lcGridCol1 {
    margin: .5rem
}

@media screen and (min-width:1200px) {
    .lcMatchItmLine {
        padding: .5rem 1rem
    }
}

.lcMatchItmLine {
    transition: all 96ms cubic-bezier(.4, 0, 1, 1);
    background-color: rgba(0, 0, 0, .017);
    border: 1px solid rgba(0, 0, 0, .117);
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    border-radius: 8px
}

.lcMatchProtest>.lcMatchItmLine>h3 {
    display: flex
}

.lcMatchItmLine>h3 {
    color: rgba(0, 0, 0, .857);
    margin: .5rem 1rem .5rem 0;
    font-size: .9rem;
    font-weight: 500;
    line-height: 1rem
}

.lcMatchProtest>.lcMatchItmLine>a,
.lcMatchProtest>.lcMatchItmLine>button {
    display: flex;
    justify-content: center
}

.lcDefButton {
    color: rgba(0, 0, 0, .868);
    height: 36px;
    line-height: 36px;
    min-width: 88px;
    display: inline-block;
    position: relative;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    white-space: nowrap;
    background-color: transparent
}

.lcMatchTimeline>.lcMatchItmLine>a,
.lcMatchTimeline>.lcMatchItmLine>button {
    display: flex
}

.lcDefChipBasic {
    height: 32px;
    width: 32px;
    border-radius: 50%;
    margin-right: 8px;
    font-size: 18px;
    line-height: 32px;
    border: 1px solid rgba(0, 0, 0, .12)
}

.lcMatchTimeline>.lcMatchItmLine>p {
    flex: 1
}

.lcMatchItmLine>p {
    margin: .5rem 1rem .5rem 0;
    font-size: .9rem;
    font-weight: 400;
    color: rgba(0, 0, 0, .868);
    line-height: 1rem
}

.lcMatchTimeline>.lcMatchItmLine>span {
    display: flex;
    margin-left: 1rem
}

.lcMatchItmLine>span {
    font-size: .9rem;
    font-weight: 400;
    color: rgba(0, 0, 0, .538);
    margin: .5rem 0;
    line-height: 1rem
}

.lcChipC:hover {
    text-decoration: none
}

.teamContainer:hover {
    cursor: pointer
}

.team:hover {
    cursor: pointer
}

.win .lcMatchDetailPlayerScore {
    color: orange
}

.chatInput .customEmojiImg {
    width: 16px;
    height: 16px;
    margin: 0 1px 0 1px
}

.chatInnerContainer .customEmojiImg {
    width: 16px;
    height: 16px;
    margin: 0 1px 0 1px
}

.plainMsgEmoji .customEmojiImg {
    width: 40px;
    height: 40px;
    margin: 2px
}

.plainMsgEmoji > .chPFix {
    white-space: pre-wrap;
    font-size: 2em !important;
    display: block;
    word-break: break-all;
    line-height: 34px;
}

.chatInput span {
    font-size: 13px!important
}

.chatNickContainer {
    transition: all .2s ease;
    padding: 8px 8px
}

.chatNickContainer:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, .05)
}

.chatMsg span {
    font-size: 13px!important
}

.chatMsgPlainEmoji span {
    font-size: 1.3em!important;
    line-height: 1.4em!important
}

.chatMesssageFromImg {
    margin: 4px 0;
    position: relative
}

.collapsible-header {
    outline: 0
}

.lcMatchProtest>.lcMatchItmLine>a,
.lcMatchProtest>.lcMatchItmLine>button {
    display: flex;
    justify-content: center
}

.lcDefButton {
    margin: 0 4px
}

.lcDefButton:before {
    content: "";
    background-color: rgba(0, 0, 0, .08);
    position: absolute;
    top: calc(50% - 100%);
    left: calc(50% - 100%);
    width: 200%;
    height: 200%;
    transition: opacity 248ms linear;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    z-index: 1
}

.lcDefButton:after {
    content: "";
    background-color: rgba(0, 0, 0, .08);
    position: absolute;
    top: calc(50% - 100%);
    left: calc(50% - 100%);
    width: 200%;
    height: 200%;
    transition: opacity 248ms linear;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    z-index: 1
}

.lcChatTypingContainer {
    border-radius: 30%/50%;
    background-color: #f1f0f0;
    width: 50px;
    height: 32px
}

.lcChatTypingContainerInner {
    width: 50px;
    position: relative;
    margin: 0 auto;
    top: 2px;
    will-change: transform
}

.lcChatTypingCircle {
    height: 8px;
    width: 8px;
    background-color: #c4c4c7;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    top: 0;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    left: 8px;
    will-change: transform
}

.lcChatTypingCircleInner1 {
    will-change: transform;
    animation-name: circle1
}

.lcChatTypingCircleInner2 {
    will-change: transform;
    animation-name: circle2
}

.lcChatTypingCircleInner3 {
    will-change: transform;
    animation-name: circle3
}

.cc1 {
    background-color: #b6b5b9
}

@keyframes circle1 {
    0% {
        transform: translateY(0)
    }
    15% {
        transform: translateY(-5px)
    }
    25% {
        transform: translateY(0)
    }
}

@keyframes circle2 {
    10% {
        transform: translateY(0)
    }
    25% {
        transform: translateY(-5px)
    }
    35% {
        transform: translateY(0)
    }
}

@keyframes circle3 {
    15% {
        transform: translateY(0)
    }
    30% {
        transform: translateY(-5px)
    }
    40% {
        transform: translateY(0)
    }
}

.disableMarginP p {
    margin-bottom: 0!important
}

.chatReplyPreview p {
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    font-size: .5em
}

.chatReplyQuote {
    background-color: rgba(255, 255, 255, .3);
    border-radius: 1px;
    display: inline-block;
    margin-left: -10px;
    width: 0;
    color: rgba(255, 255, 255, .8);
    line-height: 14px;
    margin-left: 1px;
    margin-right: 4px;
    border-right: 2px solid rgba(255, 255, 255, .3)
}

.chatReplyPreviewText {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    float: none;
    overflow: hidden;
    color: rgba(255, 255, 255, .8)
}

.chatBgRecieved .chatReplyQuote {
    border-right: 2px solid #00000044
}

.chatBgRecieved .chatReplyPreviewText {
    color: #0000006a
}

.chatReplyPreviewText p {
    margin-bottom: 0!important
}

.chatConversationToReact {
    border: 4px solid #90949c
}

.chatConversationSolved {
    border: 1px solid #90949c
}

.chatConversationTask {
    transition: all .1s linear
}

.chatConversationTaskRibbonEmpty {
    width: 0
}

.chatConversationTaskRibbonFilled {
    width: 6px
}

.chatStickersBodyContainer:after {
    background: linear-gradient(transparent, var(--card-background, #fff));
    border-radius: 0 0 3px 3px;
    height: 12px;
    bottom: 0;
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    z-index: 99
}

.chatStickerNavSelected {
    background: #e4e6eb
}

.chatStickerNav {
    transition: all .2s ease
}

.chatStickerNav:hover {
    cursor: pointer
}

.chatStickerSelectContainer {
    transition: all .2s linear;
    border-radius: 6px
}

.chatStickerSelectContainer:hover {
    background-color: #e4e6eb;
    cursor: pointer
}

.divider-small {
    width: 30px;
    background-color: rgba(0, 0, 0, .1);
    height: 3px
}

.mdb .range-field input[type=range]+.thumb {
    background-color: orange!important
}

.grayFlatBtn {
    font-family: Helvetica, Arial, sans-serif;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
    line-height: 22px;
    background-color: #f5f6f7;
    border-color: #ccd0d5;
    color: #4b4f56;
    transition: .2s cubic-bezier(.08, .52, .52, 1) background-color, .2s cubic-bezier(.08, .52, .52, 1) box-shadow, .2s cubic-bezier(.08, .52, .52, 1) transform;
    border: 1px solid;
    border-radius: 2px;
    box-sizing: content-box;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    font-weight: 700;
    justify-content: center;
    padding: 0 8px;
    position: relative;
    text-align: center;
    text-shadow: none;
    vertical-align: middle
}

.grayFlatBtn:hover {
    background-color: #dddfe2;
    border-color: #bec3c9
}

.greenFlatBtn {
    margin-left: 4px;
    text-decoration: none;
    background-color: #36a420;
    border-color: #36a420;
    cursor: pointer;
    display: inline-block;
    white-space: nowrap;
    color: #fff;
    transition: .2s cubic-bezier(.08, .52, .52, 1) background-color, .2s cubic-bezier(.08, .52, .52, 1) box-shadow, .2s cubic-bezier(.08, .52, .52, 1) transform;
    border: 1px solid;
    border-radius: 2px;
    box-sizing: content-box;
    font-size: 12px;
    font-weight: 700;
    justify-content: center;
    padding: 0 8px;
    position: relative;
    text-align: center;
    text-shadow: none;
    vertical-align: middle;
    margin: 0;
    font-family: Helvetica, Arial, sans-serif;
    height: 24px
}

.greenFlatBtn:hover {
    background-color: #2b9217;
    border-color: #2b9217
}

.orangeFlatBtn {
    margin-left: 4px;
    text-decoration: none;
    background-color: orange;
    border-color: orange;
    cursor: pointer;
    display: inline-block;
    white-space: nowrap;
    color: #fff;
    transition: .2s cubic-bezier(.08, .52, .52, 1) background-color, .2s cubic-bezier(.08, .52, .52, 1) box-shadow, .2s cubic-bezier(.08, .52, .52, 1) transform;
    border: 1px solid;
    border-radius: 2px;
    box-sizing: content-box;
    font-size: 12px;
    font-weight: 700;
    justify-content: center;
    padding: 0 8px;
    position: relative;
    text-align: center;
    text-shadow: none;
    vertical-align: middle;
    margin: 0;
    font-family: Helvetica, Arial, sans-serif;
    height: 24px
}

.orangeFlatBtn:hover {
    background-color: #ff8c00;
    border-color: #ff8c00
}

.stickerPreviewContainer {
    transition: all .2s ease
}

.stickerPreviewContainer:hover {
    transform: scale(1.2)
}

.stickersStoreContainerBody:after {
    background: linear-gradient(transparent, var(--card-background, #fff));
    border-radius: 0 0 3px 3px;
    height: 12px;
    bottom: 0;
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    z-index: 99
}

.mdb .chip:active .noShadow,
.mdb .z-depth-1 .noShadow {
    box-shadow: none!important
}

.noShadow {
    box-shadow: none!important
}

.tippy-tooltip.transparent-theme {
    background-color: transparent
}

.dataTables_filter {
    display: flex!important;
    flex-flow: wrap!important;
    max-width: 80%;
    margin-top: 20px
}

.dataTables_length {
    margin-top: 20px;
    padding-right: 20px
}

.upperBody {
    margin-top: 30px
}

.dataTables_filter span {
    margin-top: auto;
    margin-bottom: auto
}

.divTableMax {
    max-width: 600px;
    display: inline-block
}

.divTableMaxS {
    max-width: 100px;
    display: inline-block
}

.min120 {
    min-width: 120px!important
}

.min40 {
    width: 40px!important
}

.hoverWhite .dropdownItemText {
    color: #333!important
}

.hoverWhite:hover .dropdownItemText {
    color: #fff!important
}

.hoverWhite .dropdownItemText i {
    color: #333!important
}

.hoverWhite:hover .dropdownItemText i {
    color: #fff!important
}

.inventoryNavbarItem:hover {
    background-color: rgba(255, 255, 255, .2);
    cursor: pointer
}

.inventoryNavbarItem {
    transition: all .3s ease;
    padding: 4px;
    padding-left: 8px;
    padding-right: 8px
}

.friendlistEntry {
    transition: all .2s ease
}

.friendlistEntry:hover {
    background-color: #dddfe2;
    box-shadow: 1px 0 0 #eaebed inset;
    text-decoration: none
}

.friendlistSearch ::placeholder {
    color: #c3c6cc
}

.rarityLegendary {
    color: #ffdc00
}

.rarityUncommon {
    color: #2ecc40
}

.rarityRare {
    color: #0074d9
}

.rarityEpic {
    color: #f012be
}

.rarityLimited {
    color: #ff851b
}

.rarityCursed {
    color: #f64747
}

.tippy-box[data-animation=fade][data-state=hidden] {
    opacity: 0
}

[data-tippy-root] {
    max-width: calc(100vw - 10px)
}

.tippy-box {
    position: relative;
    background-color: #333;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    outline: 0;
    transition-property: transform, visibility, opacity
}

.tippy-box[data-placement^=top]>.tippy-arrow {
    bottom: 0
}

.tippy-box[data-placement^=top]>.tippy-arrow:before {
    bottom: -7px;
    left: 0;
    border-width: 8px 8px 0;
    border-top-color: initial;
    transform-origin: center top
}

.tippy-box[data-placement^=bottom]>.tippy-arrow {
    top: 0
}

.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
    top: -7px;
    left: 0;
    border-width: 0 8px 8px;
    border-bottom-color: initial;
    transform-origin: center bottom
}

.tippy-box[data-placement^=left]>.tippy-arrow {
    right: 0
}

.tippy-box[data-placement^=left]>.tippy-arrow:before {
    border-width: 8px 0 8px 8px;
    border-left-color: initial;
    right: -7px;
    transform-origin: center left
}

.tippy-box[data-placement^=right]>.tippy-arrow {
    left: 0
}

.tippy-box[data-placement^=right]>.tippy-arrow:before {
    left: -7px;
    border-width: 8px 8px 8px 0;
    border-right-color: initial;
    transform-origin: center right
}

.tippy-box[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)
}

.tippy-arrow {
    width: 16px;
    height: 16px;
    color: #333
}

.tippy-arrow:before {
    content: "";
    position: absolute;
    border-color: transparent;
    border-style: solid
}

.tippy-content {
    position: relative;
    padding: 5px 9px;
    z-index: 1
}

.tippy-box[data-placement^=top]>.tippy-backdrop {
    transform-origin: 0 25%;
    border-radius: 40% 40% 0 0
}

.tippy-box[data-placement^=top]>.tippy-backdrop[data-state=visible] {
    transform: scale(1) translate(-50%, -55%)
}

.tippy-box[data-placement^=top]>.tippy-backdrop[data-state=hidden] {
    transform: scale(.2) translate(-50%, -45%)
}

.tippy-box[data-placement^=bottom]>.tippy-backdrop {
    transform-origin: 0 -50%;
    border-radius: 0 0 30% 30%
}

.tippy-box[data-placement^=bottom]>.tippy-backdrop[data-state=visible] {
    transform: scale(1) translate(-50%, -45%)
}

.tippy-box[data-placement^=bottom]>.tippy-backdrop[data-state=hidden] {
    transform: scale(.2) translate(-50%)
}

.tippy-box[data-placement^=left]>.tippy-backdrop {
    transform-origin: 50% 0;
    border-radius: 50% 0 0 50%
}

.tippy-box[data-placement^=left]>.tippy-backdrop[data-state=visible] {
    transform: scale(1) translate(-50%, -50%)
}

.tippy-box[data-placement^=left]>.tippy-backdrop[data-state=hidden] {
    transform: scale(.2) translate(-75%, -50%)
}

.tippy-box[data-placement^=right]>.tippy-backdrop {
    transform-origin: -50% 0;
    border-radius: 0 50% 50% 0
}

.tippy-box[data-placement^=right]>.tippy-backdrop[data-state=visible] {
    transform: scale(1) translate(-50%, -50%)
}

.tippy-box[data-placement^=right]>.tippy-backdrop[data-state=hidden] {
    transform: scale(.2) translate(-25%, -50%)
}

.tippy-box[data-animatefill] {
    background-color: transparent!important
}

.tippy-backdrop {
    position: absolute;
    background-color: #333;
    border-radius: 50%;
    width: calc(110% + 32px);
    left: 50%;
    top: 50%;
    z-index: -1;
    transition: all cubic-bezier(.46, .1, .52, .98);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.tippy-backdrop[data-state=hidden] {
    opacity: 0
}

.tippy-backdrop:after {
    content: "";
    float: left;
    padding-top: 100%
}

.tippy-backdrop+.tippy-content {
    transition-property: opacity;
    will-change: opacity
}

.tippy-backdrop+.tippy-content[data-state=hidden] {
    opacity: 0
}

.tippy-box {
    border: 1px transparent
}

.tippy-box[data-placement^=top]>.tippy-arrow:after {
    border-top-color: inherit;
    border-width: 8px 8px 0;
    bottom: -8px;
    left: 0
}

.tippy-box[data-placement^=bottom]>.tippy-arrow:after {
    border-bottom-color: inherit;
    border-width: 0 8px 8px;
    top: -8px;
    left: 0
}

.tippy-box[data-placement^=left]>.tippy-arrow:after {
    border-left-color: inherit;
    border-width: 8px 0 8px 8px;
    right: -8px;
    top: 0
}

.tippy-box[data-placement^=right]>.tippy-arrow:after {
    border-width: 8px 8px 8px 0;
    left: -8px;
    top: 0;
    border-right-color: inherit
}

.tippy-box[data-placement^=top]>.tippy-svg-arrow>svg:first-child:not(:last-child) {
    top: 17px
}

.tippy-box[data-placement^=bottom]>.tippy-svg-arrow>svg:first-child:not(:last-child) {
    bottom: 17px
}

.tippy-box[data-placement^=left]>.tippy-svg-arrow>svg:first-child:not(:last-child) {
    left: 12px
}

.tippy-box[data-placement^=right]>.tippy-svg-arrow>svg:first-child:not(:last-child) {
    right: 12px
}

.tippy-arrow {
    border-color: inherit
}

.tippy-arrow:after {
    content: "";
    z-index: -1;
    position: absolute;
    border-color: transparent;
    border-style: solid
}

.tippy-box[data-placement^=top]>.tippy-svg-arrow {
    bottom: 0
}

.tippy-box[data-placement^=top]>.tippy-svg-arrow:after,
.tippy-box[data-placement^=top]>.tippy-svg-arrow>svg {
    top: 16px;
    transform: rotate(180deg)
}

.tippy-box[data-placement^=bottom]>.tippy-svg-arrow {
    top: 0
}

.tippy-box[data-placement^=bottom]>.tippy-svg-arrow>svg {
    bottom: 16px
}

.tippy-box[data-placement^=left]>.tippy-svg-arrow {
    right: 0
}

.tippy-box[data-placement^=left]>.tippy-svg-arrow:after,
.tippy-box[data-placement^=left]>.tippy-svg-arrow>svg {
    transform: rotate(90deg);
    top: calc(50% - 3px);
    left: 11px
}

.tippy-box[data-placement^=right]>.tippy-svg-arrow {
    left: 0
}

.tippy-box[data-placement^=right]>.tippy-svg-arrow:after,
.tippy-box[data-placement^=right]>.tippy-svg-arrow>svg {
    transform: rotate(-90deg);
    top: calc(50% - 3px);
    right: 11px
}

.tippy-svg-arrow {
    width: 16px;
    height: 16px;
    fill: #333;
    text-align: initial
}

.tippy-svg-arrow,
.tippy-svg-arrow>svg {
    position: absolute
}

.tippy-box[data-animation=shift-away][data-state=hidden] {
    opacity: 0
}

.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top] {
    transform: translateY(10px)
}

.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom] {
    transform: translateY(-10px)
}

.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left] {
    transform: translateX(10px)
}

.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right] {
    transform: translateX(-10px)
}

.tippy-box[data-animation=shift-toward][data-state=hidden] {
    opacity: 0
}

.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=top] {
    transform: translateY(-10px)
}

.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=bottom] {
    transform: translateY(10px)
}

.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=left] {
    transform: translateX(-10px)
}

.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=right] {
    transform: translateX(10px)
}

.tippy-box[data-animation=scale][data-placement^=top] {
    transform-origin: bottom
}

.tippy-box[data-animation=scale][data-placement^=bottom] {
    transform-origin: top
}

.tippy-box[data-animation=scale][data-placement^=left] {
    transform-origin: right
}

.tippy-box[data-animation=scale][data-placement^=right] {
    transform-origin: left
}

.tippy-box[data-animation=scale][data-state=hidden] {
    transform: scale(.5);
    opacity: 0
}

.tippy-box[data-animation=perspective][data-placement^=top] {
    transform-origin: bottom
}

.tippy-box[data-animation=perspective][data-placement^=top][data-state=visible] {
    transform: perspective(700px)
}

.tippy-box[data-animation=perspective][data-placement^=top][data-state=hidden] {
    transform: perspective(700px) translateY(8px) rotateX(60deg)
}

.tippy-box[data-animation=perspective][data-placement^=bottom] {
    transform-origin: top
}

.tippy-box[data-animation=perspective][data-placement^=bottom][data-state=visible] {
    transform: perspective(700px)
}

.tippy-box[data-animation=perspective][data-placement^=bottom][data-state=hidden] {
    transform: perspective(700px) translateY(-8px) rotateX(-60deg)
}

.tippy-box[data-animation=perspective][data-placement^=left] {
    transform-origin: right
}

.tippy-box[data-animation=perspective][data-placement^=left][data-state=visible] {
    transform: perspective(700px)
}

.tippy-box[data-animation=perspective][data-placement^=left][data-state=hidden] {
    transform: perspective(700px) translateX(8px) rotateY(-60deg)
}

.tippy-box[data-animation=perspective][data-placement^=right] {
    transform-origin: left
}

.tippy-box[data-animation=perspective][data-placement^=right][data-state=visible] {
    transform: perspective(700px)
}

.tippy-box[data-animation=perspective][data-placement^=right][data-state=hidden] {
    transform: perspective(700px) translateX(-8px) rotateY(60deg)
}

.tippy-box[data-animation=perspective][data-state=hidden] {
    opacity: 0
}

.worskspaceFailFix {
    left: 0!important;
    top: 0!important
}

.craftSlotOuter {
    box-shadow: 0 0 15px 0 rgba(255, 255, 255, .2);
    transition: all .3s ease
}

.craftSlotOuter:hover {
    box-shadow: 0 0 15px 0 rgba(255, 255, 255, .5);
    transition: all .3s ease
}

.zoomOnHover:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2)
}

.breakAnywhere {
    word-break: break-all
}

.zoomOnHover {
    transition: all .2s ease;
    cursor: pointer
}

.zoomOnHover:hover {
    transform: scale(1.1)
}

.loader {
    position: relative;
    margin: 0 auto;
    width: 100px;
    animation: fInPartial 3s linear;
    transform: scale(.4)
}

@keyframes fInPartial {
    0% {
        opacity: 0
    }
    10% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.loader:before {
    content: '';
    display: block;
    padding-top: 100%
}

.circular {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    height: 100%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke-linecap: round
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

.lcDefButtonA {
    color: #fff;
    background-color: #96c11f
}

.lcDefButtonR {
    transition: all 176ms cubic-bezier(.4, 0, .2, 1);
    padding: 0 16px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .018), 0 2px 2px 0 rgba(0, 0, 0, .1398), 0 1px 5px 0 rgba(0, 0, 0, .118)
}

.lcMatchTimeline {
    padding-bottom: 0;
    border-bottom: none
}

.lcMatchTimeline>.lcMatchItmLine {
    justify-content: space-between
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

@-webkit-keyframes color {
    0%,
    100% {
        stroke: orange
    }
    50% {
        stroke: #ffa700
    }
}

@keyframes color {
    0%,
    100% {
        stroke: orange
    }
    50% {
        stroke: #ffa700
    }
}

.showbox {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5%
}

.select-select {
    display: none;
    pointer-events: none;
    position: absolute;
    opacity: 0
}

.select-element,
.select-element *,
.select-element :after,
.select-element :before,
.select-element:after,
.select-element:before {
    box-sizing: border-box
}

.select-element {
    position: absolute;
    display: none
}

.select-element.select-open {
    display: block
}

.select-theme-dark,
.select-theme-dark *,
.select-theme-dark :after,
.select-theme-dark :before {
    box-sizing: border-box
}

.select.select-theme-dark {
    user-select: none
}

.select.select-theme-dark .select-content {
    border-radius: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
    background: #252525;
    color: #b9b9b9;
    font-family: inherit;
    overflow: auto;
    max-width: 18rem;
    max-height: 18rem;
    -webkit-overflow-scrolling: touch
}

@media (max-width:27rem),
(max-height:27rem) {
    .select.select-theme-dark .select-content {
        max-width: 11.25rem;
        max-height: 11.25rem
    }
}

.select.select-theme-dark .select-options {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    margin: 0;
    padding: 0
}

.select.select-theme-dark .select-options .select-option {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    position: relative;
    list-style: none;
    margin: 0;
    line-height: 1.25rem;
    padding: .1rem;
    display: block;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: .5rem;
    width: 256px
}

.select.select-theme-dark .select-options .select-option.select-option-selected:before {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='-0.5 0 20 15'><rect fill='#b9b9b9' stroke='none' transform='rotate(45 4.0033 8.87436)' height='5' width='6.32304' y='6.37436' x='0.84178'></rect><rect fill='#b9b9b9' stroke='none' transform='rotate(45 11.1776 7.7066)' width='5' height='16.79756' y='-0.69218' x='8.67764'></rect></svg>");
    position: absolute;
    left: 1em;
    top: 0;
    bottom: .2em;
    height: 1em;
    width: 1em;
    margin: auto
}

.select.select-theme-dark .select-options .select-option.select-option-highlight,
.select.select-theme-dark .select-options .select-option:hover {
    background: orange;
    color: #fff
}

.select.select-theme-dark .select-options .select-option.select-option-highlight.select-option-selected:before,
.select.select-theme-dark .select-options .select-option:hover.select-option-selected:before {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='-0.5 0 20 15'><rect fill='#fff' stroke='none' transform='rotate(45 4.0033 8.87436)' height='5' width='6.32304' y='6.37436' x='0.84178'></rect><rect fill='#fff' stroke='none' transform='rotate(45 11.1776 7.7066)' width='5' height='16.79756' y='-0.69218' x='8.67764'></rect></svg>")
}

.select.select-theme-dark .select-options .select-option:first-child {
    border-radius: 0
}

.select.select-theme-dark .select-options .select-option:last-child {
    border-radius: 0
}

.select-target.select-theme-dark {
    display: inline-block;
    vertical-align: middle;
    vertical-align: auto;
    zoom: 1;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    border-radius: 0;
    position: relative;
    padding: .1rem;
    background: #252525;
    border: .18em solid #151515;
    cursor: pointer;
    color: #b9b9b9;
    text-decoration: none;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: .5rem;
    transition: all .3s ease;
    width: 256px
}

.select-target.select-theme-dark:hover {
    border-color: #000;
    color: #fff
}

.select-target.disabled {
    color: #747474 !important;
}

.select-target:disabled.select-theme-dark {
    color: #747474;
}

.select-target.select-theme-dark.select-target-focused,
.select-target.select-theme-dark.select-target-focused:focus {
    outline: 0
}

.select-target.select-theme-dark b {
    position: absolute;
    right: 1em;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 1.25rem;
    width: 2em
}

.select-target.select-theme-dark b:after,
.select-target.select-theme-dark b:before {
    content: "";
    display: block;
    position: absolute;
    margin: auto;
    right: 0;
    height: 0;
    width: 0;
    border: .263em solid transparent
}

.select-target.select-theme-dark b:before {
    top: 0;
    border-bottom-color: inherit
}

.select-target.select-theme-dark b:after {
    bottom: 0;
    border-top-color: inherit
}

.channelsItemIconsContainer {
    display: none
}

.channelsItemRoot:hover .channelsItemIconsContainer {
    display: inline-block
}

.modalTabLi {
    padding: 10px;
    margin-right: 20px;
    background-color: #898989;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .9);
    padding-top: 5px;
    padding-bottom: 5px;
    color: #fff;
    margin-bottom: 10px;
    cursor: pointer;
    transition: all .2s linear
}

.modalTabLiSelected {
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .9)
}

.modalTabLiDanger {
    background-color: red;
    box-shadow: 0 0 2px 0 rgba(255, 0, 0, .9)
}

.curseContainer {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: red;
    filter: drop-shadow(0 0 4px red);
    display: flex;
    justify-content: center;
    transition: all .2s ease;
    cursor: pointer;
    margin-right: 10px
}

.curseContainer:hover {
    transform: scale(1.2)
}

.lcMatchItmLine {
    transition: all 96ms cubic-bezier(.374, 0, 1, 1);
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    background-color: rgba(0, 0, 0, .018);
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, .118)
}

.lcMatchItmLine>h3 {
    font-size: .9rem;
    font-weight: 500;
    color: rgba(0, 0, 0, .868);
    margin: .5rem 1rem .5rem 0;
    line-height: 1rem
}

.darkInput {
    background-color: #212c45;
    color: #fff;
    border-color: #1b2640;
    transition: all .3s ease;
    box-shadow: 0 0 0 .2rem rgba(27, 38, 64, .2);
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .1em;
    font-size: 1.2em
}

.darkInput::placeholder {
    color: #ababab;
    text-transform: none
}

.darkInput:focus {
    color: #fff;
    background-color: #283554;
    border-color: #1b2640;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(27, 38, 64, .4)
}

.feedbackP {
    margin-top: 30px;
    font-weight: 700
}

.feedbackPInvalid {
    filter: drop-shadow(0 0 1px rgba(255, 0, 0, .4));
    color: red
}

.feedbackPValid {
    filter: drop-shadow(0 0 1px rgba(0, 255, 0, .4));
    color: green
}

.mediumExtSvg:hover {
    filter: invert(52%) sepia(93%) saturate(655%) hue-rotate(360deg) brightness(102%) contrast(104%)
}

.sysEmojiUl {
    list-style-type: none;
    padding: 0;
    padding-left: 10px;
    padding-top: 5px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    max-height: 100%
}

.sysEmojiLi {
    display: inline-block;
    cursor: pointer;
    font-size: 26px!important;
    width: 37px!important;
    height: 35px!important
}

.sysEmojiImg {
    width: 28px;
    margin: 5px 4px;
    cursor: pointer;
    transition: all .1s ease-in-out;
    user-select: none;
    outline: 0
}

.sysEmojiImg:hover {
    transform: scale(1.1)
}

.sysEmojiImg:active {
    transform: scale(1.2)
}

.sysEmojiCategoriesUl {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    display: flex;
    height: 34px
}

.sysEmojiCategoriesUl li {
    display: inline-block;
    text-align: left;
    font-size: 15px;
    padding: 6px;
    cursor: pointer;
    opacity: .5;
    transition: opacity .1s linear;
    user-select: none;
    outline: 0
}

.sysEmojiCategoriesUl li:hover {
    opacity: 1
}

.sysEmojiCategoriesUl li img {
    width: 20px;
    margin: 0;
    margin-right: 1px;
    cursor: pointer;
    user-select: none;
    outline: 0
}

.sysEmojiCategoriesUl li img:hover {
    opacity: 1
}

.sysEmojiCategoriesLi:hover {
    opacity: 1
}

.sysEmojiCategoriesUl .selected {
    border-bottom: 2px solid #b5b5b5
}

.sysEmojiCategoriesUl .selected {
    opacity: 1
}

.chatEmojiPickerCC {
    cursor: default;
    display: none;
    position: absolute;
    width: 320px;
    height: 340px;
    bottom: 50px;
    left: -218px;
    z-index: 10;
    background: #fff;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: rgba(0, 0, 0, .2) 0 12px 29px
}

.btn-orange {
    background-color: orange!important
}

.verticalTabsContainer {
    display: flex;
    flex: 1;
    flex-direction: column;
    outline: 0
}

.verticalTabsContainer .verticalTabsTitle:first-child {
    padding-top: 0
}

.verticalTabsContainer .verticalTab,
.verticalTabsContainer .verticalTabsTitle {
    padding: 6px 10px
}

.verticalTabsTitle {
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase;
    color: #6a7480
}

.verticalTab,
.verticalTabsTitle {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    flex-shrink: 0;
    font-weight: 500;
    outline: 0;
    cursor: pointer
}

.verticalTabsContainer .verticalTab {
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 2px;
    border-radius: 3px
}

.verticalTabsContainer .verticalTab,
.verticalTabsContainer .verticalTabsTitle {
    padding: 6px 10px
}

.verticalTab.verticalTabSelected,
.verticalTab.verticalTabSelected:hover {
    background-color: rgba(116, 127, 141, .24);
    color: #060607
}

.verticalTab:hover {
    background-color: rgba(116, 127, 141, .08);
    color: #2e3338
}

.verticalTabsContainer .verticalTab,
.verticalTabsContainer .verticalTabsTitle {
    padding: 6px 10px
}

.verticalTabsContainer .verticalTabSeparator {
    margin: 8px 10px;
    height: 1px;
    background-color: rgba(6, 6, 7, .08)
}

.triBtn {
    border-color: #dcddde;
    cursor: pointer;
    border-width: 1px;
    width: 36px;
    height: 28px;
    padding: 0;
    border-style: solid;
    background: 0 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    -webkit-box-pack: center;
    align-items: center;
    display: flex;
    outline: 0;
    font-weight: 500
}

.triBtn.triBtnFalse {
    border-left-width: 1px;
    border-radius: 3px 0 0 3px
}

.triBtn.triBtnInherit {
    border-width: 1px 1px 1px 0;
    border-radius: 0
}

.triBtn.triBtnTrue {
    border-right-width: 1px;
    border-radius: 0 3px 3px 0
}

.triBtnIconFalse {
    color: #dc574b;
    margin-left: 10px
}

.triBtnIconInherit {
    color: #777e8c;
    transform: rotate(90deg);
    font-size: 11px;
    font-weight: 500;
    margin-left: 10px
}

.triBtnIconTrue {
    color: #64b383;
    margin-left: 10px
}

.triBtn.triBtnFalse.selected {
    background-color: #dc574b
}

.triBtn.selected .triBtnIcon {
    color: #fff
}

.triBtn.triBtnInherit.selected {
    background-color: #dcddde
}

.triBtn.triBtnTrue.selected {
    background-color: #64b383
}

.triBtnGroupTitle {
    margin-bottom: 20px;
    color: #6a7480;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600!important;
    text-transform: uppercase;
    flex: 1
}

.permsContainerOuter {
    flex: 1 1 auto;
    margin-bottom: 20px;
    -webkit-box-orient: vertical;
    color: #2e3338;
    -webkit-box-direction: normal;
    flex-direction: column;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    outline: 0;
    justify-content: flex-start;
    align-items: stretch;
    -webkit-box-align: stretch;
    display: flex
}

.permsContainerInner {
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    color: #2e3338;
    -webkit-box-direction: normal;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    outline: 0;
    justify-content: flex-start;
    align-items: stretch;
    -webkit-box-align: stretch;
    display: flex
}

.permsContainerInnerTitle {
    flex: 1 1 auto;
    margin-left: 0;
    margin-right: 10px;
    box-sizing: border-box;
    color: #060607;
    line-height: 24px;
    font-weight: 500!important;
    font-size: 16px;
    -webkit-box-flex: 1;
    outline: 0
}

.permsContainerFlex {
    box-sizing: border-box;
    display: flex;
    outline: 0
}

.permsDescription {
    flex: 1 1 auto;
    box-sizing: border-box;
    color: #4f5660;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400!important;
    margin-top: 4px;
    outline: 0
}

.permsSeparator {
    flex: 1 1 auto;
    box-sizing: border-box;
    width: 100%;
    height: 1px;
    border-top: thin solid rgba(6, 6, 7, .08);
    margin-top: 20px;
    outline: 0
}

.noScrollbar::-webkit-scrollbar {
    display: none
}

.tournamentGroupBadge {
    color: rgba(0, 0, 0, .549856);
    background-color: rgba(0, 0, 0, .049856);
    height: 40px;
    transition: all 157ms cubic-bezier(.3956, 0, .19856, 1);
    display: flex;
    border: 1px solid rgba(0, 0, 0, .119845);
    font-size: .9rem;
    font-weight: 500;
    line-height: 38px;
    border-radius: 20px;
    min-width: 88px;
    margin: .2rem .5rem;
    padding: 0 1rem;
    cursor: pointer
}

.tournamentGroupBadge:hover {
    background-color: rgba(0, 0, 0, .098245)
}

.tournamentGroupBadge.selected {
    background-color: orange;
    color: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .198546), 0 2px 2px 0 rgba(0, 0, 0, .1498564), 0 1px 5px 0 rgba(0, 0, 0, .119845)
}

.tournamentGroupBadgesContainer {
    display: flex;
    justify-content: center;
    flex-flow: wrap
}

.tournamentGroupTable {
    width: 100%;
    table-layout: fixed;
}

.tournamentGroupTable th {
    padding: .5rem .75rem;
    font-weight: 700;
    color: rgba(0, 0, 0, .6);
    font-size: .9rem
}

.tournamentGroupTable tbody tr:hover {
    background-color: rgba(0, 0, 0, .03)
}

.tournamentGroupTable tbody tr {
    border-bottom: 1px solid rgba(0, 0, 0, .119856)
}

.tournamentGroupTable.inner tbody tr {
    border-top: 1px solid rgba(0, 0, 0, .119845)
}

.tournamentGroupTable td {
    padding: .5rem .75rem;
    font-weight: 600;
    color: rgba(0, 0, 0, .59856);
    font-size: .9rem
}

.tournamentGroupTable thead {
    border-top: 2px solid rgba(0, 0, 0, .1198456);
    flex-wrap: wrap;
    transition: all 158ms cubic-bezier(.39456, 0, .1945788, 1);
    border-bottom: 2px solid rgba(0, 0, 0, .1198456);
    background-color: rgba(0, 0, 0, .0298456);
    width: 100%
}

@media (min-width: 1301px) {
    .tournamentGroupTableWSpan {
        width: 180px;
    }
}

.tournamentGroupDateSpan {
    margin-left: 20px;
}

.tournamentGroupRoundSpan {
    font-size: 1.5rem;
    margin: 0 1rem 0.5rem 1rem;
    font-weight: 300;
}

.tournamentGroupTableLM {
    display: none;
}

.tournamentGroupTableLD {
    display: flex;
}

.tournamentGroupTableOWC {
    text-align: center;
}

@media (max-width: 1300px) {

    .tournamentGroupTable tbody tr {
        border-bottom: none;
    }

    .tournamentGroupTable tbody {
        border-bottom: 1px solid rgba(0, 0, 0, .11);
    }

    .tournamentGroupTableLM {
        display: flex;
    }

    .tournamentGroupTableLD {
        display: none;
    }

    .tournamentGroupTableOWC {
        text-align: left;
    }

    .tournamentGroupTable, .tournamentGroupTable thead, .tournamentGroupTable tbody, .tournamentGroupTable th, .tournamentGroupTable td, .tournamentGroupTable tr {
        display: block;
    }

    .tournamentGroupRoundSpan {
        font-size: 1.1rem;
        margin: 0;
        font-weight: 600;
        margin-left: 5px;
        margin-bottom: 15px;
    }

    .tournamentGroupDateSpan {
        margin-left: 0;
    }

    .tournamentGroupTable thead tr {
        display: none;
    }

    .tournamentGroupTable td {
        border: none;
        position: relative;
        padding-left: 50%;
        padding-bottom: 0;
    }

    .tournamentGroupPSpanM {
        max-width: 200px;
    }

    .tournamentGroupMatchDetailBtn {
        height: 30px !important;
        line-height: 30px !important;
        margin-right: 0 !important;
        margin-left: -6px !important;
        margin-top: -6px !important;
        margin-bottom: 6px !important;
        font-size: 12px !important;
    }

    @media (max-width: 800px) {
        .tournamentGroupTable td {
            padding-left: 100px;
        }
    }

    @media (max-width: 500px) {
        .tournamentGroupPSpanM {
            max-width: 150px;
        }
    }

    @media (max-width: 400px) {
        .tournamentGroupPSpanM {
            max-width: 120px;
        }
    }

    .tournamentGroupTable td:before {
        position: absolute;
        top: 10px;
        left: 10px;
        white-space: nowrap;
    }

    .tournamentGroupTableOWCP {
        border-bottom: 1px solid rgba(0, 0, 0, .11) !important;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .tournamentGroupTableOWCPN {
        border-bottom: none !important;
    }

    .tournamentGroupTableDD td:nth-of-type(1):before { content: "Datum"; }
    .tournamentGroupTableDD td:nth-of-type(2):before { content: "Soupeři"; }
    .tournamentGroupTableDD td:nth-of-type(3):before { content: "Akce"; }

    .tournamentGroupTableOW td:nth-of-type(1):before { content: "Pořadí"; }
    .tournamentGroupTableOW td:nth-of-type(2):before { content: "Tým"; }
    .tournamentGroupTableOW td:nth-of-type(3):before { content: "Zápasy"; }
    .tournamentGroupTableOW td:nth-of-type(4):before { content: "Výhry"; }
    .tournamentGroupTableOW td:nth-of-type(5):before { content: "Prohry"; }
    .tournamentGroupTableOW td:nth-of-type(6):before { content: "Remízy"; }
    .tournamentGroupTableOW td:nth-of-type(7):before { content: "Skóre"; }
    .tournamentGroupTableOW td:nth-of-type(8):before { content: "Body"; }
}

.tournamentGroupMatchDetailBtn {
    margin-right: 20px;
    height: 36px;
    line-height: 36px;
    outline: none !important;
    min-width: 88px;
    border-radius: 4px;
    outline: none;
    font-size: 14px;
    border: none;
    font-weight: 600;
    text-transform: uppercase;
    color: rgba(0, 0, 0, .82);
    padding: 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    white-space: nowrap;
    background-color: transparent;
    transition: all 160ms linear
}

.tournamentGroupMatchDetailBtn:hover {
    background-color: rgba(0, 0, 0, .05984567)
}

.groupScorePlus {
    color: #0f0;
    font-weight: 600;
    float: right;
    margin-left: auto;
    order: 2
}

.groupScoreZero {
    font-weight: 600;
    color: gray;
    float: right;
    margin-left: auto;
    order: 2
}

.groupScoreMinus {
    color: red;
    font-weight: 600;
    float: right;
    margin-left: auto;
    order: 2
}

.navbarScrollContainer {
    border: 1px solid #b3b3b3
}

.navbarListItemLi.active {
    background-color: #eee
}

.navbarUlScrollTop .chatConvosListEntry {
    border-bottom: 1px solid #ccc
}

.navbarUlScrollTop .chatConvosListEntry:last-child {
    border-bottom: none
}

.srchHdrOuterM {
    display: none
}

@media (max-width:1300px) {
    .srchHdrOuter {
        display: none
    }
    .srchHdrOuterM {
        display: block
    }
    .srchEx {
        display: flex;
        justify-content: center;
        align-items: center
    }
    .srchBtn input {
        outline: 0
    }
    .srchBtn input {
        -webkit-appearance: textfield;
        -webkit-box-sizing: content-box;
        font-family: inherit;
        font-size: 100%
    }
    .srchBtn input {
        background: #ededed url(/Uploads/static/searchIcon.png) no-repeat 9px center;
        border: solid 1px #ccc;
        width: 55px;
        border-radius: 10em;
        transition: all .5s;
        padding: 5px 10px 5px 0
    }
    .srchBtn input:focus {
        background-color: #fff;
        border-color: orange
    }
    #expand-search input {
        width: 15px;
        padding-left: 10px;
        color: transparent;
        cursor: pointer
    }
    #expand-search input:focus {
        width: calc(25vw);
        padding-left: 32px;
        color: #000;
        background-color: #fff;
        cursor: auto
    }
}

@media (max-width:1200px) {
    #expand-search input:focus {
        width: calc(20vw)
    }
}

@media (max-width:1100px) {
    #expand-search input:focus {
        width: 37px
    }
}

.srchRslA>.srchHdrInr {
    opacity: 1;
    pointer-events: all
}

.srchHdrInr {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-width: 450px;
    max-width: 650px;
    opacity: 1;
    justify-content: center;
    position: absolute;
    width: 100%;
    color: #000
}

.srchHdrF {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    width: 100%;
    padding: 0;
    -webkit-box-align: center;
    margin: 0;
    text-align: left
}

@media screen and (min-width:1200px) {
    .srchHdrInr {
        height: 48px;
        top: 0
    }
}

.srchIco {
    border: 0;
    margin: 0;
    padding: 0;
    text-decoration: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    background: 0 0;
    font-family: inherit;
    cursor: pointer;
    outline: 0;
    right: 0
}

@media screen and (min-width:1200px) {
    .srchIco {
        width: 48px;
        height: 48px
    }
}

.srchIco>.material-icons {
    color: #fff;
    transition: all 176ms cubic-bezier(.39856, 0, .198456, 1)
}

.srchRslt.open {
    display: flex;
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .198456), 0 12px 17px 2px rgba(0, 0, 0, .1398456), 0 5px 22px 4px rgba(0, 0, 0, .11984655);
    opacity: 1;
    pointer-events: all
}

.srchRslt {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .1985646), 0 2px 2px 0 rgba(0, 0, 0, .1398564), 0 1px 5px 0 rgba(0, 0, 0, .1198565);
    min-width: 250px;
    max-width: 650px;
    min-height: 48px;
    padding: 1rem 0;
    transition: all 172ms cubic-bezier(0, 0, .1985645, 1);
    overflow: hidden;
    background-color: #fff;
    border-radius: 8px;
    opacity: 0;
    pointer-events: none
}

@media screen and (min-width:1200px) {
    .srchRslt {
        top: 46px;
        transform: translateX(-50%);
        left: 50%;
        width: 100%
    }
}

.srchRsltD {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%
}

.srchRsltT {
    display: flex;
    -webkit-box-orient: vertical;
    flex-direction: column;
    -webkit-box-align: start;
    align-items: flex-start;
    line-height: 1.3rem;
    color: orange;
    margin: .5rem 0 .25rem;
    padding: 0 1rem;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: left;
    width: 100%;
    text-decoration: none;
    font-size: 1.1rem;
    font-weight: 600
}

.srchRsltI {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    transition: all 174ms cubic-bezier(.39565, 0, .19895, 1);
    -webkit-box-pack: start;
    justify-content: flex-start;
    width: 100%;
    text-decoration: none;
    margin: .15rem 0;
    padding: .75rem 1rem;
    background-color: transparent;
    cursor: pointer
}

.srchRsltC {
    display: flex;
    -webkit-box-orient: vertical;
    align-items: flex-start;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: start;
    width: 100%
}

.srchRsltC>.title {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 1.1rem;
    color: rgba(0, 0, 0, .869564);
    font-size: .9rem;
    text-align: left
}

.srchRsltC>.subtitle {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 1rem;
    color: rgba(0, 0, 0, .379845);
    font-size: .8rem;
    text-align: left
}

.srchRsltI:hover {
    background-color: rgba(0, 0, 0, .079856)
}

[type=search],
select,
textarea {
    outline: 0;
    font-family: Roboto, Arial, Verdana, sans-serif;
    letter-spacing: .04em
}

@media screen and (min-width:1200px) {
    .srchHdrInp {
        font-size: 1rem;
        padding: 0 48px 0 1.5rem;
        line-height: 48px
    }
}

.srchHdrInp {
    display: flex;
    position: relative;
    width: 100%;
    border: none;
    text-align: left;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .198456);
    -webkit-box-align: center;
    align-items: center;
    font-weight: 300;
    background-color: rgba(255, 255, 255, .25);
    border-radius: 8px;
    transition: all 175ms cubic-bezier(.39564, 0, .19856, 1);
    color: #000
}

.srchHdrInp:focus,
.srchHdrInp:hover {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .29856)
}

.srchRsltC {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%
}

.srchRsltH1 {
    display: block;
    width: 100%;
    color: rgba(0, 0, 0, .869564);
    font-size: .9rem;
    font-weight: 500;
    line-height: 1.1rem;
    text-align: left
}

.srchRsltTimespan {
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 1rem;
    color: rgba(0, 0, 0, .37568);
    font-size: .8rem;
    text-align: left
}

.srchRsltN:hover {
    background-color: rgba(0, 0, 0, .079856)
}

.srchRsltN {
    margin: .5rem 0 -1rem 0
}

.srchRsltN {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    transition: all 174ms cubic-bezier(.395468, 0, .198457, 1);
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    width: 100%;
    padding: 1rem;
    text-decoration: none;
    background-color: rgba(0, 0, 0, .0298546)
}

.srchRsltNI {
    display: flex;
    -webkit-box-orient: vertical;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 0 1rem 0 0;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center
}

.srchRsltNI>.material-icons {
    color: orange;
    line-height: 1.4rem;
    font-size: 24px
}

.srchRsltTT {
    display: block;
    width: 100%;
    font-weight: 400;
    line-height: 1.5rem;
    text-rendering: optimizeLegibility;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(0, 0, 0, .539565);
    font-size: .8rem
}

.cardL1 {
    display: inline-block;
    color: rgba(0, 0, 0, .5);
    text-overflow: ellipsis;
    font-size: .8rem;
    font-family: Roboto, Arial, Verdana, sans-serif;
    margin: .25rem 0 .5rem 0;
    white-space: nowrap;
    overflow: hidden;
    text-rendering: optimizeLegibility;
    line-height: 1rem;
    font-weight: 500;
}

.cardLblName {
    color: rgba(0, 0, 0, .869);
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    height: 3.7rem;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: inherit;
    margin: 0;
    font-family: Play, Arial, Verdana, sans-serif;
    font-weight: 700;
    transition: all 160ms cubic-bezier(.38, 0, .21, 1);
    font-size: .95rem;
    line-height: 1.2rem;
    text-rendering: optimizeLegibility;
}

.cardTrPairContainer {
    font-weight: 600;
    width: 100%;
    display: block;
    white-space: nowrap;
    text-rendering: optimizeLegibility;
    text-overflow: ellipsis;
    overflow: hidden;
    color: rgba(0, 0, 0, .538);
    font-size: .8rem;
    line-height: 1.3rem;
    font-family: Roboto, Arial, Verdana, sans-serif;
    margin-bottom: 4px;
}

.cardTrPairContainerLast {
    margin-bottom: 0;
}

.cardOutermostContainer {
    font-family: Play, Arial, Verdana, sans-serif;
}

.cardTrPairHighlighted {
    font-weight: 600;
    color: rgba(0, 0, 0, .72);
    text-rendering: optimizeLegibility;
    display: block;
}

.cardTrPairValue {
    margin-top: -2px;
}

.cardInteractive {

}

.cardInteractive:hover .cardLblName {
    color: #f90;
}

.tableDark {
    color: #b9b9b9;
    border: transparent;
}

.tableDark td {
    background: #252525;
    border: .18em solid #151515;
}

.darkHr {
    background-color: #151515;
    height: .09em;
}

.lgGenericShadow {
    background-color:rgba(255,255,255,.2);
    box-shadow:0 0 31px -10px rgb(255 255 255 / 36%);
}

.lgGenericShadow:hover {
    background-color: rgba(255, 255, 255, 0.25);
    box-shadow: 0px 0px 34px -10px rgb(255 255 255 / 52%);
}

.lgGenericShadowStatic {
    background-color:rgba(255,255,255,.2);
    box-shadow:0 0 12px -10px rgb(255 255 255 / 20%);
}

.lcStdFormInput {
    margin-bottom: 10px;
}

.mdb .md-form {
    position: relative;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}

.lcStdLabel {
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1rem;
    color: #757575;
    margin-bottom: 10px;
}

.lcStdLabelMultiline {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.invStdActionBtnContainer {
    margin-right: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.invStdActionBtnContainer > span {
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
    user-select: none;
    background-color: rgba(255, 255, 255, 0.2);
    box-shadow: 0px 0px 31px -10px rgba(255, 255, 255, 0.36);
}

.chatOtherACspan {
    right: -40px !important;
    margin: 0 0 0 -40px !important;
}

.chatBgOtherOuterCls {
    background-color: #f1f0f0 !important;
    color: black !important;
    margin-right: auto !important;
    margin-left: 0 !important;
    position: relative;
}

.chatTextRight .plainMsgEmoji > .chPFix {
    text-align: right;
}

.chatTextRight .chatMsgPlainEmoji span {
    text-align: right;
}

.chatMessageFromTitle ~ .msgDelContainer {
    margin-top: 18px !important;
}

.chatMsgTextFromOther {
    white-space: pre-wrap;
    color: #444950 !important;
    word-break: break-word;
}

.chatReplyPreview .customEmojiImg {
    height: 12px;
    width: 12px;
}

.lofMcPluginSnow:hover {
    filter: invert(107%) sepia(95%) saturate(1538%) hue-rotate(345deg) brightness(106%) contrast(102%);
    cursor: pointer;
}

.mdb .md-form > label {
    pointer-events: none;
}

.mdb .form-check-input[type="checkbox"] + label:before, .mdb .form-check-input[type="checkbox"]:not(.filled-in) + label:after, .mdb label.btn input[type="checkbox"] + label:before, .mdb label.btn input[type="checkbox"]:not(.filled-in) + label:after {
    pointer-events: all;
}

.hoverAction {
    pointer-events: all;
}

.tmpNewBtn {
    color: #fff; background-color: var(--orange); 
    min-height: 38px; transition: background-color .17s ease,color .17s ease; display: flex; justify-content: center; align-items: center; border: none; border-radius: 3px; font-size: 14px; padding: 2px 16px; line-height: 16px; font-weight: 500;
}

.tmpNewBtn:hover {
    background-color: #d77600;
}

.tmpNewBtnDanger {
    color: #fff; 
    background-color: #FF4136;
    min-height: 38px; transition: background-color .17s ease,color .17s ease; display: flex; justify-content: center; align-items: center; border: none; border-radius: 3px; font-size: 14px; padding: 2px 16px; line-height: 16px; font-weight: 500;
}

.tmpNewBtnDanger:hover {
    background-color: #f70d00;
}

.sharpFont {
    transform: perspective(1px) translateZ(0);
    text-rendering: optimizeSpeed;
}

.chatEntryOuterContainerWR {
    margin-bottom: 20px !important;
}

.chatFormChannelSelectOuter:hover {
    cursor: pointer;
    background-color: rgba(248, 148, 6, 0.20);
}

.navbar-nav {
    margin-bottom: 4px;
}

@font-face {
    font-family: 'Play';
    src: url('/uploads/sxprojects/12/2021/9/15/Play-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'PlayBold';
    src: url('/uploads/sxprojects/12/2021/9/15/Play-Bold.ttf') format('truetype');
}

body::before {
    background: url('/Images/Static/fullbrandOptimized.webp') no-repeat center center fixed;
    background-size: cover;
    will-change: transform;
    content: ' ';
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

@media (max-width: 1024px) {
    body::before {
        background: #f5f5f5 no-repeat center center fixed;
    }
}

.mainContainer {

}

body {
    cursor: pointer;
}

.mainContainerInner {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    margin-top: 60px;
    min-height: 100vh;
    background-color: #f5f5f5;
    max-width: 1140px !important;
    border-radius: 4px 4px 0 0;
    padding: 10px;
    padding-bottom: 40px;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.contentMain.footerContainerInternal {
    max-width: 1380px!important;
    position: relative;
}

.container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}


.tmpNewBtnCancel {
    color: var(--orange); 
    background-color: white; 
    min-height: 38px; 
    transition: border .17s ease,color .17s ease; 
    display: flex; justify-content: center; align-items: center;
    font-size: 14px; padding: 2px 16px; line-height: 16px; font-weight: 500;
    border: 3px solid var(--orange);
    border-radius: 3px;
}

.tmpNewBtnCancel:hover {
    color: #d77600;
    border: 3px solid #d77600;
}

.lazyload {
    opacity: 1 !important;
    max-width: 100% !important;
    height: auto !important;
}

.matchesMenu {
    cursor: pointer;
}