@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");

html, body, input, textarea {
    color: #fff;
}

body {
    background: #161616;
    font-size: 0.9375rem;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

ul {
    list-style: none;
}

a, a:active {
    color: #fff;
    text-decoration: none;
}

a:hover {
    color: #c261c2;
    text-decoration: none;
    outline: none;
}

a.activeLink {
    color: #c261c2;
}

a.activeLink:hover {
    color: #fff;
}

.form-control:focus {
    border-color: #9d5c96;
    box-shadow: 0 0 0 .2rem rgba(157, 53, 145, .25);
}

.nav-link {
    color: #fff;
}

.nav-link:focus, .nav-link:hover {
    color: #c261c2;
}

/* Dropdown Menus */
.dropdown-menu {
    color: #fff;
    background: #2e2e2e;
    padding: .5rem;
}

.dropdown-header {
    color: #a2a3a4;
}

.dropdown-item {
    color: #fff;
    font-size: 0.9375rem;
    border-radius: 3px;
    margin: 2px 0;
    padding: .25rem 1.5rem;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #fff;
    background-color: #414141;
}

.dropdown-item.active,
.dropdown-item.active:hover,
.dropdown-item:active {
    background-color: #993d99;
}

.dropdown-divider {
    border-top: 1px solid #3e3e3e;
}

.dropdown-item-text {
    color: #fff;
}

.systemMenu .dropdown-item-text {
    background: #00000040;
    padding: 14px 13px;
    border-radius: 10px;
    margin-top: 5px;
    margin-bottom: 9px;
    font-size: 0.9375rem;
    min-width: 250px;
}

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

table th {
    padding: 10px 15px;
    color: #949494;
    font-size: .875rem;
    font-weight: 600;
}

table thead tr {
    background: none;
}

table tr {
    border-bottom: 1px solid #252525;
}

table tr.even {
    background-color: rgba(0, 0, 0, 0.4);
}

table thead tr {
    border-bottom: 2px solid #252525;
}

table tbody tr:last-child {
    border-bottom: none;
}

table th.last, table td.last {
    text-align: right;
}

table td {
    padding: 17px 15px;
}

label {
    margin-bottom: .2rem !important;
}

.form-group {
    margin-bottom: 0.7rem;
}

.form-group label div.invalid-tooltip {
    display: none !important;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.clear {
    line-height: 1em;
    clear: both;
}

.space {
    line-height: 1em;
    clear: both;
}

.spacer {
    clear: both;
    height: 1rem;
}

.hidden {
    display: none;
}

.loading {
    width: 100%;
    height: 100px;
    background: url(../images/dark/loading.gif) center no-repeat;
}

.loading_1 {
    width: 26px;
    height: 26px;
    margin: -13px 0 0 -13px;
    background: url(../images/dark/loading.gif) no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
}

.jsNotice {
    display: none;
    margin-top: 70px;
}

/**
 * Navbar
 */
.navbar {
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0%, rgba(3, 3, 3, 0.9) 1%, rgba(255, 255, 255, 0) 100%);
    transition: background-color .5s;
}

.navbar.fixed-top:hover, .navbar.scrolled {
    background-color: rgba(0, 0, 0, 0.8);
}

.navbar .navbar-nav .nav-link {
    line-height: 1.1;
    text-align: center;
    white-space: nowrap;
}

.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .9);
}

.navbar-dark .navbar-toggler {
    border: none;
    color: #fff;
    padding-left: 0.5rem;
}

.navbar-dark .navbar-toggler:focus {
    box-shadow: none;
}

.navbar-brand {
    margin-bottom: 0;
    margin-left: 0.5rem;
}

.navbar-brand img {
    max-height: 100px;
}

.fixed-top .navbar-brand img {
    max-height: 40px;
}

header .navbar-nav .dropdown-menu {
    min-width: initial;
}

.offcanvas {
    color: #fff!important;
    background-color: rgba(36,36,36,1)!important;
}

.offcanvas-body {
    padding: 1rem 1.5rem;
}

.systemMenu .fas {
    font-size: 1rem;
}

.systemMenu .nav-link {
    padding: .5rem .5rem;
    white-space: nowrap;
}

.systemMenu .nav-link .fa-user-circle {
    font-size: 1.2rem;
}

.systemMenu .dropdown-menu {
    padding: 0.8rem 1rem;
}

.systemMenu .dropdown-header {
    margin-top: 10px;
    /*padding-left: 0.5rem;*/
    color: #c261c2;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

/**
 * Perfect scrollbar
 */
.ps-container {
    -ms-touch-action: none;
    overflow: hidden !important;
}

.ps-container.ps-active-x > .ps-scrollbar-x-rail,
.ps-container.ps-active-y > .ps-scrollbar-y-rail {
    display: block;
}

.ps-container.ps-in-scrolling {
    pointer-events: none;
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: #eee;
    opacity: 0.9;
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    background-color: #999;
}

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: #eee;
    opacity: 0.9;
}

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    background-color: #999;
}

.ps-container > .ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
    -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
    -o-transition: background-color 0.2s linear, opacity 0.2s linear;
    transition: background-color 0.2s linear, opacity 0.2s linear;
    bottom: 3px;
    /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 8px;
}

.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    position: absolute;
    /* please don't change 'position' */
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    bottom: 0;
    /* there must be 'bottom' for ps-scrollbar-x */
    height: 8px;
}

.ps-container > .ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
    -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
    -o-transition: background-color 0.2s linear, opacity 0.2s linear;
    transition: background-color 0.2s linear, opacity 0.2s linear;
    right: 3px;
    /* there must be 'right' for ps-scrollbar-y-rail */
    width: 8px;
}

.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    position: absolute;
    /* please don't change 'position' */
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    right: 0;
    /* there must be 'right' for ps-scrollbar-y */
    width: 8px;
}

.ps-container:hover.ps-in-scrolling {
    pointer-events: none;
}

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: #eee;
    opacity: 0.9;
}

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    background-color: #999;
}

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: #eee;
    opacity: 0.9;
}

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    background-color: #999;
}

.ps-container:hover > .ps-scrollbar-x-rail,
.ps-container:hover > .ps-scrollbar-y-rail {
    opacity: 0.6;
}

.ps-container:hover > .ps-scrollbar-x-rail:hover {
    background-color: #eee;
    opacity: 0.9;
}

.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
    background-color: #999;
}

.ps-container:hover > .ps-scrollbar-y-rail:hover {
    background-color: #eee;
    opacity: 0.9;
}

.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
    background-color: #999;
}

/**
 * Tooltips
 */
.tooltipster-default {
    border-radius: 5px;
    border: 2px solid #000;
    background: #000;
    color: #fff;
}

.tooltipster-default .tooltipster-content {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 10px;
    overflow: hidden;
}

.tooltipster-icon {
    cursor: help;
    margin-left: 4px;
}

.tooltipster-base {
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999999;
    pointer-events: none;
    width: auto;
    overflow: visible;
}

.tooltipster-base .tooltipster-content {
    overflow: hidden;
}

.tooltipster-arrow {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.tooltipster-arrow span, .tooltipster-arrow-border {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
}

.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 8px solid;
    bottom: -7px;
}

.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-top: 9px solid;
    bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-bottom: 8px solid;
    top: -7px;
}

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-bottom: 9px solid;
    top: -7px;
}

.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
    left: 0;
    right: 0;
    margin: 0 auto;
}

.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
    left: 6px;
}

.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    left: 5px;
}

.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
    right: 6px;
}

.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
    right: 5px;
}

.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-left: 8px solid;
    top: 50%;
    margin-top: -7px;
    right: -7px;
}

.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-left: 9px solid;
    margin-top: -8px;
}

.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-right: 8px solid;
    top: 50%;
    margin-top: -7px;
    left: -7px;
}

.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-right: 9px solid;
    margin-top: -8px;
}

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
}

.tooltipster-fade-show {
    opacity: 1;
}

.tooltipster-grow {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden;
}

.tooltipster-grow-show {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
}

.tooltipster-swing-show {
    opacity: 1;
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
    top: 0;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    -ms-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    top: 0px !important;
    opacity: 0;
}

.tooltipster-slide {
    left: -40px;
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    -ms-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-slide.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    left: 0px !important;
    opacity: 0;
}

.tooltipster-content-changing {
    opacity: 0.5;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

/*
 * Page Wrapping
 */
#content .memberWrapper {
    width: 100%;
    padding: 20px;
    margin-top: 10px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 10px;
}

/*
 * Widget
 */
#content .widget .header .subtitle {
    display: block;
    font-size: 70%;
    color: rgba(255, 255, 255, .7);
}

#content .widget .header .leftLinks {
    padding: 8px 0 0 0;
    float: left;
}

#content .widget .header .rightLinks,
#content .widget .content .rightLinks {
}

#content .widget .header .rightLinks .nav-link {
    color: #aeaeae;
}

#content .widget .header .rightLinks .nav-link:hover {
    color: #fff;
}

#content .widget .header .rightLinks .nav-link {
    padding-right: 0;
    padding-left: 0;
}

/*
#content .widget .header li {
    margin: 0 10px 0 0;
    float: left;
}
*/

#content .widget .header .dropdown {
    text-transform: none;
}

#content .widget .header .dropdown li {
    margin: 0;
    float: none;
}

/*
#content .widget .header li:last-child {
    margin-right: 0;
}
*/

#content .widget .content {
    clear: both;
}

#content .widget .content h3 {
    margin-bottom: 15px;
}

#content .widget .content .note, #content .widget .content .noteAlt {
    margin: 0 0 20px 0;
    padding: 8px 10px;
    background: rgba(0, 0, 0, 0.15);
    border: 1px solid transparent;
    border-radius: 3px;
}

#content .widget .content .noteAlt {
    padding: 4px 7px;
    background: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 3px;
    color: #000000;
    font-weight: 400;
}

#content .widget .content .note p {
    margin-bottom: 0;
}

#content .widget .content .note .buttons a, #content .widget .content .noteAlt .buttons a {
    height: auto;
    margin: 10px 15px 10px 0;
    display: block;
    color: #000000;
    float: left;
}

#content .widget .content .article {
    padding: 20px 20px 5px 20px;
    background: rgba(0, 0, 0, 0.4);
    font-size: 1.1em;
}

#content .widget .content .article h2 {
    margin-bottom: 30px;
}

#content .widget .content .article h3 {
    margin-top: 30px;
}

#content .paging {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    position: relative;
    z-index: 20;
    float: right;
}

#content .paging li {
    padding: 0 4px;
    display: inline;
}

#content .paging li a {
    padding: 3px 10px;
    background: rgba(0, 0, 0, 0.45);
    border: 1px solid transparent;
    border-radius: 3px;
    display: inline-block;
    font-weight: 600;
}

#content .paging li .active {
    background-color: #ffffff;
    color: #000000;
}

#content .widget .viewAll {
    padding-top: 7px;
    white-space: nowrap;
}

.popover .stars {
    direction: rtl;
    text-align: center;
}

.popover .stars > span {
    display: inline-block;
    position: relative;
    padding: 0 5px;
}

.popover .stars > span:hover,
.popover .stars > span:hover ~ span {
    color: transparent;
    cursor: pointer;
}

.popover .stars > span:hover:before,
.popover .stars > span:hover ~ span:before {
    font-family: "Font Awesome 5 Free";
    content: "\f005";
    font-weight: 900;
    position: absolute;
    left: 0;
    color: #b74ab7;
    padding: 0 5px;
}

#content .widget .footer {
    position: relative;
}

/**
  * Forms
  */
#content .widget .content form .row .note {
    float: left;
    margin: 0 0 0 207px;
    padding: 5px 7px 0 7px;
    border: none;
    width: auto;
    background: none;
}

#content .widget .content form .row input.captcha {
    width: 272px;
    margin: 7px 0 0 10px;
}

#content .widget .content .button, #content .widget .content form .buttons input {
    width: auto;
    margin: 5px 7px 5px 7px;
    height: 32px;
    padding: 2px 15px 0 15px;
    color: #000000;
    font-size: 1.2em;
    font-weight: 400;
    border: 2px solid #ffffff;
    border-radius: 3px;
    background: #ffffff;
    text-transform: uppercase;
}

#content .widget .content a.button {
    padding: 4px 15px 4px 15px;
    color: #000000;
}

#content .widget .content .button:hover, #content .widget .content form .buttons input:hover {
    border-color: #ff995b;
    background-position: bottom;
    cursor: pointer;
}

#content .widget .content form .row .error {
    color: #a2445f;
    padding: 4px 7px;
    background: #ffe4eb;
    border: 1px solid #ffb4b4;
    border-radius: 3px;
}

#content .widget .content form .row .error p {
    line-height: 1.5em;
}

#content .widget .content form .row .error p {
    margin-bottom: 0;
}

#content .widget .content form .row .error {
    float: left;
    width: 390px;
    margin: 0 0 0 211px;
}

#content .widget .content form .row.captcha .error {
    margin-top: 8px;
}

/**
 * Media:List
 */
.mediaList .ml-container {
    padding: 0 10px;
}

#content .widget .content .mediaList a {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}

#content .widget .content .mediaList .image {
    position: relative;
    width: 100%;
    height: auto !important;
    margin-bottom: 6px;
    padding-bottom: 56.25%;
}

#content .widget .content .mediaList a.portrait .image {
    padding-bottom: 148.57%;
}

#content .widget .content .mediaList .image img {
    width: 100%;
    height: 100% !important;
    position: absolute;
    border-radius: 7px;
}

#content .widget .content .mediaList a.circle .image {
    padding-bottom: 100%;
}

#content .widget .content .mediaList a.circle .image img {
    width: 100%;
    height: 100% !important;
    position: absolute;
    border-radius: 50%;
}

#content .widget .content .mediaList a .image .playIcon {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 42px;
    height: 42px;
    margin: -21px 0 0 -21px;
    background: url('../images/dark/play_icon.png') no-repeat;
}

#content .widget .content .mediaList a:hover .image .playIcon {
    display: block;
}

#content .widget .content .mediaList .image .expireTime,
#content .widget .content .mediaList .image .rating,
#content .widget .content .mediaList .image .liveEventLabel,
#content .widget .content .mediaList .image .liveChannelLabel,
#content .widget .content .mediaList .image .mediaLabel,
#content .widget .content .mediaList .image .runningTime,
#content .widget .content .mediaList .image .explicit,
#content .widget .content .mediaList .image .nowPlaying {
    position: absolute;
    padding: 0 4px 1px 4px;
    background: rgba(0, 0, 0, 0.45);
    border-radius: 3px;
    line-height: 1.3;
    font-size: 0.8125rem;
    color: rgba(255, 255, 255, 0.85);
}

#content .widget .content .mediaList .image .topLeftContainer {
    position: absolute;
    top: 7px;
    left: 7px;
}

#content .widget .content .mediaList .image .iconsContainer {
    position: absolute;
    top: 7px;
    right: 7px;
}

#content .widget .content .mediaList .image .liveEventLabel {
    position: relative;
    float: left;
    margin-right: 5px;
    background: rgba(153, 61, 153, .85)
}

#content .widget .content .mediaList .image .liveEventLabel span {
    display: block;
    margin-bottom: 2px;
    margin-top: 1px;
    font-size: 80%;
    font-weight: 600;
    text-align: center;
    border-radius: 2px;
    color: #993d99;
    background: #fffffff2;
}

#content .widget .content .mediaList .image .liveEventLabel.ended {
    color: rgba(239, 239, 239, 0.85);
    background: rgba(54, 54, 54, .7)
}

#content .widget .content .mediaList .image .liveEventLabel.ended span {
    color: #838383;
    background: #00000038;
}

#content .widget .content .mediaList .image .liveChannelLabel {
    position: relative;
    float: left;
    margin-right: 5px;
    background: #c7002f;
}

#content .widget .content .mediaList .image .mediaLabel {
    position: relative;
    float: left;
}

#content .widget .content .mediaList .image .explicit {
    position: relative;
    float: right;
    margin-left: 5px;
    padding: 0 5px 1px 5px;
    font-weight: 400;
    background: rgba(230, 62, 48, 0.75);
}

#content .widget .content .mediaList .image .expireTime {
    top: 5px;
    right: 7px;
}

#content .widget .content .mediaList .image .rating {
    padding: 3px 6px;
    bottom: 6px;
    left: 4px;
    background: none;
    text-shadow: 0 1px 1px #0000002e;
}

#content .widget .content .mediaList .image .rating i {
    font-size: 80%;
    padding-right: 2px;
}

#content .widget .content .mediaList .image .runningTime {
    bottom: 5px;
    right: 7px;
}

#content .widget .content .mediaList .image .nowPlaying {
    padding: 3px 6px;
    bottom: 5px;
    right: 7px;
}

#content .widget .content .mediaList .title {
    padding: 0 6px;
    line-height: 1.2;
}

#content .widget .content .mediaList .subtitle {
    margin-top: 3px;
    padding: 0 6px;
    line-height: 1.2;
    font-size: 80%;
    color: rgba(255, 255, 255, 0.7);
    word-wrap: break-word;
}

#content .widget .content .mediaList.circle .title,
#content .widget .content .mediaList.circle .subtitle {
    text-align: center;
}

#content .widget .content .mediaList .seriesTitle {
    margin-bottom: 1px;
    padding: 0 6px;
    line-height: 1.2;
    font-size: 80%;
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
}

#content .widget .content .mediaList .channelTitle {
    font-style: italic;
    color: #818181;
}

#content .widget .content .mediaList .channelTitle:hover {
    color: #fff;
}

#content .widget .content .mediaList .data {
    padding: 8px 10px;
    background: rgba(0, 0, 0, 0.45);
}

#content .widget .content .mediaList a:hover .data {
    background: #ffffff;
}

#content .widget .content .mediaList .data h2 {
    height: 38px;
    font-size: 1.2em;
    line-height: 1.1em;
    overflow: hidden;
}

#content .widget .content .mediaList .image .watchProgress {
    position: absolute;
    bottom: 0;
    padding: 0;
    width: 100%;
    height: 6px;
    background: rgba(0, 0, 0, 0.45);
}

#content .widget .content .mediaList .image .watchProgress span {
    display: block;
    float: left;
    height: 6px;
    background: #c261c2;
}

/* Slider:Slick */
#content .slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

#content .slick-list {
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden;
    position: relative;
}

#content .mediaSlider .slick-list {
    padding: 0 52px 0 50px;
}

#content .slick-list:focus {
    outline: none;
}

#content .slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

#content .slick-slider .slick-track, #content .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

#content .slick-track {
    display: block;
    position: relative;
    top: 0;
    left: 0;
}

#content .slick-track:before, #content .slick-track:after {
    display: table;
    content: '';
}

#content .slick-track:after {
    clear: both;
}

#content .slick-loading .slick-track {
    visibility: hidden;
}

#content .slick-slide {
    height: 100%;
    min-height: 1px;
    display: none;
    float: left;
}

#content .slick-slide img {
    display: block;
}

#content .slick-slide.slick-loading img {
    display: none;
}

#content .slick-slide.dragging img {
    pointer-events: none;
}

#content .slick-initialized .slick-slide {
    display: block;
}

#content .slick-loading .slick-slide {
    visibility: hidden;
}

#content .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

#content .slick-dots {
    margin: 0;
    padding: 0;
    display: block;
    list-style: none;
    text-align: center;
}

#content .slick-dots li {
    width: 9px;
    height: 9px;
    margin: 5px 5px 0 5px;
    padding: 0;
    background: #ffffff;
    border-radius: 100%;
    box-shadow: 0 0 6px -2px #000000;
    opacity: 0.4;
    display: inline-block;
    cursor: pointer;
}

#content .slick-dots li button {
    width: 9px;
    height: 9px;
    padding: 0;
    background: transparent;
    border: none;
    color: transparent;
    /*font-size: 0;
    line-height: 0;*/
    display: block;
    cursor: pointer;
    outline: none;
}

#content .slick-dots .slick-active, #content .slick-dots li:hover {
    opacity: 1;
}

#content .slick-dots li button:hover, #content .slick-dots li button:focus {
    outline: none;
}

#content .slick-arrow {
    width: 35px;
    height: 80px;
    margin-top: -40px;
    background: url(../images/dark/swiper_arrows.png) 10px center / auto no-repeat;
    opacity: .7;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#content .dynamicMediaSliderSection .slick-arrow,
#content .dynamicChannelSliderSection .slick-arrow,
#content .contentSliderSection .slick-arrow {
    width: 45px;
    height: 100%;
    margin-top: 0;
    background: url(../images/dark/swiper_arrows.png) 15px center / auto no-repeat, linear-gradient(to left, rgba(22,22,22,1) 0%, rgba(22,22,22,0) 100%);
    top: 0;
}

#content .slick-arrow:hover {
    opacity: 1;
}

#content .slick-arrow.slick-hidden {
    display: none;
}

#content .slick-arrow.slick-disabled {
    display: none !important;
}

#content .slick-prev {
    background-position: -125px center;
    left: 0;
}

#content .dynamicMediaSliderSection .slick-prev,
#content .dynamicChannelSliderSection .slick-prev,
#content .contentSliderSection .slick-prev {
    background: url(../images/dark/swiper_arrows.png) -123px center / auto no-repeat, linear-gradient(to right, rgba(22,22,22,1) 0%, rgba(22,22,22,0) 100%);
    left: 0;
}

#content .slick-next {
    right: 0;
}

#content .slider-pagination {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

/**
 * Other:slider
 */
#content .sliderSection {
    position: relative;
}

#content .sliderSection .slider {
    overflow: hidden;
}

#content .sliderSection .slider.slick-initialized {
    max-height: none;
    overflow: visible;
}

#content .sliderSection .slick-slide img {
    width: 100%;
    float: left;
}

#content .sliderSection .slider-pagination {
    top: auto;
    bottom: 10px;
    z-index: 1000;
}

/**
 * Media:dynamicMediaSlider
 */
#content .dynamicMediaSliderSection {
    margin-bottom: 2rem;
}

#content .dynamicMediaSliderSection .content {
    position: relative;
}

#content .dynamicMediaSliderSection .footer {
    min-height: 21px;
}

#content .dynamicMediaSliderSection.vertical .slick-arrow {
    width: 60px;
    height: 40px;
    margin-top: 0;
    margin-left: -30px;
    background-image: url(../images/dark/swiper_arrows_vertical.png);
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 3px;
    opacity: 1.0;
    left: 50%;
}

#content .dynamicMediaSliderSection.vertical .slick-prev.slick-arrow {
    background-position: -111px center;
    top: 0;
}

#content .dynamicMediaSliderSection.vertical .slick-next.slick-arrow {
    background-position: 21px center;
    top: auto;
    bottom: 19px;
}

/**
 * Channels:dynamicChannelSlider
 */
#content .dynamicChannelSliderSection .content {
    margin: 0 0 -15px 0;
    position: relative;
}

#content .dynamicChannelSliderSection .content .mediaList li {
    margin-bottom: 23px;
}

#content .dynamicChannelSliderSection .footer {
    min-height: 21px;
}

/**
 * Slider:contentSlider
 */
#content .contentSliderSection {
    margin-bottom: 2.5rem;
}

#content .contentSliderSection .header {
    margin-bottom: 0.3rem;
}

#content .contentSliderSection .header .subtitle {
    display: block;
    margin-top: 3px;
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.7);
}

#content .contentSliderSection .header .viewAll {
    margin-bottom: 0.5rem;
}

#content .contentSliderSection .content {
    margin: 0 0 -15px 0;
    position: relative;
}

#content .contentSliderSection .footer {
    min-height: 21px;
}

#content .widget .content .mediaSlider {
    margin-bottom: 0;
    min-height: 12px;
}

#content .widget .content .mediaSlider.portrait.loadingWrapper {
    min-height: 225px;
}

#content .widget .content .mediaSlider.landscape.loadingWrapper {
    min-height: 100px;
}

#content .widget .content .mediaSlider.slick-vertical .mediaList li {
    float: none;
    margin: 0 0 23px 0;
    overflow: hidden;
}

/**
 * Media:player
 */
#content .mediaPlayer .content {
    width: 100%;
    max-height: calc(120vh);
    position: relative;
    background: #000;
    /*margin-top: 4rem;*/
}

#content .mediaPlayer .content .playerContainer {
    display: none;
    width: 100%;
    max-width: calc(120vh);
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}

/*
#content .mediaPlayer .content #player {
    max-height: 67vh;
}
*/

#content .mediaPlayer .content #player.loadingWrapper {
    width: 100%;
    position: relative;
}

#content .mediaPlayer .content #player .noImagePreview {
    width: 100%;
}

#content .mediaPlayer .premiumMediaMessage {
    display: none;
    position: relative;
    float: left;
    width: 100%;
    background: #000;
}

#content .mediaPlayer .premiumMediaMessage .mainImageContainer {
    position: relative;
    float: right;
}

#content .mediaPlayer .premiumMediaMessage .mainImageContainer img {
    width: 100%;
    max-width: calc(140vh);
    height: auto;
}

#content .mediaPlayer .premiumMediaMessage .mainImageContainer.withIA img {
    max-width: calc(130vh);
}

#content .mediaPlayer .premiumMediaMessage .mainImageOverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(14,14,14,1) 0%, rgba(0,0,0,0) 30%);
    overflow: hidden;
}

#content .mediaPlayer .premiumMediaMessage .note {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    color: #fff;
    margin: 0;
    background: none;
    border: none;
}

#content .mediaPlayer .premiumMediaMessage .note h2 {
    margin-bottom: 0;
}

#content .mediaPlayer .premiumMediaMessage .note p {
    padding: 0;
}

#content .mediaPlayer .premiumMediaMessage .note p.description {
    margin-top: 5px;
}

#content .mediaPlayer .premiumMediaMessage .note p.available {
    margin: 15px 0;
    font-weight: 600!important;
}

#content .mediaPlayer .premiumMediaMessage .note a.tvShowName {
    font-size: 1rem;
    text-transform: uppercase;
    color: #aeaeae;
}

#content .mediaPlayer .premiumMediaMessage .note a.tvShowName:hover {
    color: #fff;
}

#content .mediaPlayer .premiumMediaMessage .note p.rentalPeriodMessage {
    color: rgba(255, 255, 255, 0.7);
}

#content .mediaPlayer .premiumMediaMessage .note p.rentalPeriodMessage.period {
    margin-top: 3px;
}

#content .mediaPlayer .premiumMediaMessage .note p.memberLogin {
    margin-top: 10px;
    color: rgba(255, 255, 255, 0.7);
}

#content .mediaPlayer .premiumMediaMessage .note p.memberLogin a,
#content .mediaPlayer .premiumMediaMessage .note p.memberLogin a:active {
    color: #fff;
}

#content .mediaPlayer .premiumMediaMessage .note .btn-primary {
    line-height: 1.2;
    margin-right: 10px;
    padding: .6rem 2rem .5rem 1rem;
    text-align: left;
    min-width: 110px;
    font-size: 0.9375rem;
}

#content .mediaPlayer .premiumMediaMessage .note #morePurchaseOptions .btn-primary {
    margin-right: 0;
    padding: 0.6rem 1rem .3rem 1rem;
    text-align: center;
}

#content .mediaPlayer .premiumMediaMessage .note #morePurchaseOptions .rentalBundleButton.btn-primary,
#content .mediaPlayer .premiumMediaMessage .note #morePurchaseOptions .subscriptionPlanButton.btn-primary {
    margin-top: 5px;
}

#content .mediaPlayer .premiumMediaMessage .note .btn-primary strong {
    font-weight: 600;
}

#content .mediaPlayer .premiumMediaMessage .note .rentalBundleButton.btn-primary,
#content .mediaPlayer .premiumMediaMessage .note .subscriptionPlanButton.btn-primary {
    position: relative;
}

#content .mediaPlayer .premiumMediaMessage .note .rentalBundleButton.btn-primary span,
#content .mediaPlayer .premiumMediaMessage .note .subscriptionPlanButton.btn-primary span {
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translate(-50%,-50%)!important;
    padding: 1px 10px;
    color: #993d99;
    background: #fff;
    border-radius: 9px;
    font-weight: 600;
    font-size: 0.7rem;
    text-align: center;
    white-space: nowrap;
}

#content .mediaPlayer .premiumMediaMessage .note a.button span {
    display: block;
    color: #000000;
}

#content .mediaPlayer .premiumMediaMessage .trailer,
#content .mediaPlayer .premiumMediaMessage .addToFavorites {
    cursor: pointer;
}

#content .mediaPlayer .premiumMediaMessage .trailer .fas.fa-play-circle,
#content .mediaPlayer .premiumMediaMessage .addToFavorites .fa-plus-circle {
    vertical-align: -0.05em;
    font-size: 120%;
    margin-right: 4px;
}

#content .mediaPlayer .premiumMediaMessage .stats {
    color: #aeaeae;
}

#content .mediaPlayer .premiumMediaMessage .stats .audience {
    padding: 0 4px 2px 4px;
    border: 1px solid #504f4f;
    border-radius: 3px;
}

#content .mediaPlayer .premiumMediaMessage .stats .statsDivider {
    color: #242424;
    padding: 0 5px;
}

#content .mediaPlayer .premiumMediaMessage .stats .statsDivider:last-child {
    display: none;
}

/**
 * Media:info
 */
#content .mediaInfo .content .description h4 {
    margin-bottom: 2px;
}

#content .mediaInfo .content .description a.tvShowName {
    font-size: 1rem;
    text-transform: uppercase;
    color: #aeaeae;
}

#content .mediaInfo .content .description a.tvShowName:hover {
    color: #fff;
}

#content .mediaInfo .content .description .stats {
    color: #aeaeae;
}

#content .mediaInfo .content .description .stats .audience {
    padding: 2px 5px;
    border: 1px solid #504f4f;
    border-radius: 3px;
    line-height: 1.3;
}

#content .mediaInfo .content .description .stats .statsDivider {
    color: #242424;
    padding: 0 5px;
}

#content .mediaInfo .content .description .stats .statsDivider:last-child {
    display: none;
}

#content .mediaInfo .content .description .mediaRating {
    float: right;
}

#content .mediaInfo .content .description .mediaRating i {
    padding-right: 3px;
}

#content .mediaInfo .content .description .mediaRating span {
    font-size: 18px;
    font-weight: bold;
    padding-right: 2px;
}

#content .mediaInfo .content .description .mediaRating small {
    color: #666;
    padding-top: 5px;
}

#content .mediaInfo .content .description .desc {
    clear: both;
    color: #aeaeae;
}

#content .mediaInfo .editLink {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: -3px 7px 0;
    background: url('../images/dark/edit_16x16.png');
}

#content .mediaInfo .content .note {
    margin: 0;
    padding: 10px 20px 7px 20px;
    background: rgba(0, 0, 0, 0.4);
    color: #ffffff;
}

#content .mediaInfo .content .note ul, #content .mediaInfo .content .note p {
    margin-bottom: 5px;
}

#content .mediaInfo .content .note ul li {
    display: inline-block;
    padding: 0 5px;
    margin: 0;
    float: left;
}

#content .mediaInfo .content .note ul li:first-child {
    padding-left: 0;
}

#content .mediaInfo .content .note .subscriptions li {
    display: block;
}

#content .mediaInfo .content .note a.button {
    width: 90px;
    height: auto;
    padding: 10px 20px 7px;
    margin: 5px 0 10px 0;
    line-height: 1.1em;
    text-align: center;
    color: #000000;
    display: block;
}

#content .mediaInfo .content .note a.button span {
    font-size: 0.6em;
    font-weight: 400;
    line-height: 1.8em;
    display: block;
    color: #000000;
}

#content .mediaInfo .content .noteAlt {
    margin: 1em 0;
    padding: 0;
}

#content .mediaInfo .content .description .noteAlt a {
    color: #000000;
}

#content .mediaInfo .content .noteAlt a, #content .mediaInfo .content .noteAlt span {
    color: #000000;
}

#content .mediaInfo .content .description .attribute {
    margin-bottom: 0;
    color: #aeaeae;
}

#content .mediaInfo .content .description .attribute strong {
    font-size: small;
}

#content .mediaInfo .content .description .attribute:last-child {
    margin-bottom: 1em;
}

#content .mediaInfo .content .description .stars {
    margin: 5px 0 0 0;
}

#content .mediaDescription {
    background: rgba(0, 0, 0, .35);
}


#content .mediaInfo #mediaTabs {
    float: left;
    width: 100%;
    margin: 0.8rem 0 1.5rem 0;
}

#content .mediaInfo #mediaTabs .nav li {
    margin-bottom: 10px;
}

#content .mediaInfo #mediaTabs .nav button {
    width: 100%;
}

#content .mediaInfo #mediaTabs .btn-group {
    width: 100%;
}

#content .mediaInfo #mediaTabs .btn-group>.btn-group:not(:last-child)>.btn,
#content .mediaInfo #mediaTabs .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

#content .mediaInfo #mediaTabs .btn-group>.btn-group:not(:first-child)>.btn,
#content .mediaInfo #mediaTabs .btn-group>.btn:nth-child(n+3),
#content .mediaInfo #mediaTabs .btn-group>:not(.btn-check)+.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/*
#content .mediaInfo #mediaTabs .nav .nav-item:first-child {
    margin-left: 0;
}

#content .mediaInfo #mediaTabs .nav .nav-item:last-child {
    margin-right: 0;
}
*/

#content .mediaInfo #mediaTabs .nav .nav-link {
    color: #aeaeae;
    padding: .4rem .8rem;
    background: rgba(255, 255, 255, 0.05);
    border: none;
    border-radius: 1.5rem;
}

#content .mediaInfo #mediaTabs .nav .nav-link:hover {
    color: #f2f2f2;
}

#content .mediaInfo #mediaTabs .nav i {
    padding: 0 4px;
}

#content .mediaInfo #mediaTabs .nav span {
    padding: 0 4px;
}

#content .mediaInfo #mediaTabs .nav .badge {
    display: none;
    padding: 1px 4px;
    color: #acacac;
    background-color: #2f2f2f;
    font-weight: normal;
}

#content .mediaInfo #mediaTabs .nav .likesBar {
    display: none;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #5a5a5a;
}

#content .mediaInfo #mediaTabs .nav .active .fas,
#content .mediaInfo #mediaTabs .nav .active:hover .fas {
    color: #c261c2;
}

#content .mediaInfo #mediaTabs .nav .likesBar span {
    display: block;
    height: 2px;
    background-color: #c1c1c1;
    padding: 0;
}

#content .mediaInfo #mediaTabs #share {
    float: left;
    width: 100%;
    font-size: 26pt;
    text-align: right;
}

#content .mediaInfo #mediaTabs #share a {
    display: inline-block;
    margin: 0 1px;
}

#content .mediaInfo #mediaTabs #copyLink {
    margin-top: -8px !important;
}

#content .mediaInfo .mediaSubMenu {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

#content .mediaInfo .mediaSubMenu .nav-link {
    position: relative;
}

#content .mediaInfo .mediaSubMenu .nav-link:hover,
#content .mediaInfo .mediaSubMenu .nav-link:focus {
    color: #fff;
}

#content .mediaInfo .mediaSubMenu .nav-item:first-child .nav-link {
    /*padding-left: 0;*/
}

#content .mediaInfo .mediaSubMenu .nav-link:before {
    content: "";
    position: absolute;
    width: auto;
    height: 2px;
    bottom: 1px;
    left: 50%;
    right: 50%;
    background-color: #c261c2;
    visibility: hidden;
    -webkit-transition: left .2s, right .2s;
    transition: left .2s, right .2s;
}

#content .mediaInfo .mediaSubMenu .nav-link.active:before,
#content .mediaInfo .mediaSubMenu .nav-link:hover:before {
    left: 15px;
    right: 15px;
    visibility: visible;
}

/**
 * TvShow:fullInfo
 */
#content .tvShowFullInfo {
    float: left;
    width: 100%;
}

#content .tvShowFullInfo .header {
    background: rgba(0, 0, 0, 0.4);
}

#content .tvShowFullInfo .content .imageContainer .playCurrentEpisode {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 64px;
    height: 64px;
    margin: -32px 0 0 -32px;
    background: url('../images/light/play_icon_2.png') no-repeat;
    opacity: 0.5;
}

#content .tvShowFullInfo .content .imageContainer .playCurrentEpisode:hover {
    opacity: 0.8;
}

#content .tvShowFullInfo .content .rightLinks .nav-link {
    padding-right: 0;
    padding-left: 0;
    color: #aeaeae;
}

#content .tvShowFullInfo .content .rightLinks .nav-link:hover {
    color: #fff;
}

/*
 * Channel and Category Info
 */
#content .channelInfo {
    float: left;
    width: 100%;
}

#content .channelInfo .content .imageContainer,
#content .categoryInfo .content .imageContainer,
#content .tvShowFullInfo .content .imageContainer {
    position: relative;
    overflow: hidden;
}

#content .channelInfo .content .imageContainer img,
#content .categoryInfo .content .imageContainer img,
#content .tvShowFullInfo .content .imageContainer img {
    width: 100%;
}

#content .channelInfo .content .imageContainer img {
    border-radius: 20px;
}

#content .channelInfo .content .imageContainer .aboutBtn,
#content .channelInfo .content .imageContainer .aboutBtn:active,
#content .categoryInfo .content .imageContainer .aboutBtn,
#content .categoryInfo .content .imageContainer .aboutBtn:active {
    position: absolute;
    right: 0;
    bottom: 0;
    color: rgba(255, 255, 255, 0.8);
    background: rgba(157, 53, 145, 0.6);
    border: 1px solid transparent;
    font-weight: 600;
}

#content .channelInfo .content .imageContainer .aboutBtn:hover {
    color: rgba(255, 255, 255, 1);
    background: rgba(157, 53, 145, 1);
}

#content .channelInfo .content .imageContainer .aboutBtn:focus,
#content .categoryInfo .content .imageContainer .aboutBtn:focus {
    color: #fff;
    border: 1px solid transparent;
    outline: none;
    box-shadow: none;
}

#content .channelInfo .content .info,
#content .categoryInfo .content .info {
    text-align: justify;
}

#content .channelInfo .content .info h3,
#content .categoryInfo .content .info h3 {
    margin-bottom: 5px;
}

#content .channelInfo .content .info p,
#content .categoryInfo .content .info p {
    margin-bottom: 0;
}

#content .channelInfo .header,
#content .categoryInfo .header,
#content .tvShowFullInfo .header {
    float: left;
    width: 100%;
    padding-top: 8px;
}

#content .channelInfo .header {
    padding-top: 12px;
}

#content .channelInfo .header h4,
#content .tvShowFullInfo .header h4 {
    float: left;
    margin-bottom: 0;
    margin-top: 2px;
}

#content .channelInfo .header h5,
#content .tvShowFullInfo .header h5 {
    margin-bottom: 0;
    line-height: 1.7;
}

#content .channelInfo .header .inner,
#content .categoryInfo .header .inner,
#content .tvShowFullInfo .header .inner {
    float: left;
    width: 100%;
}

#content .channelInfo .header .nav .nav-item,
#content .tvShowFullInfo .header .nav .nav-item {
    margin: 0 .7rem;
    padding-bottom: 8px;
}

#content .channelInfo .header .nav .nav-item:first-child,
#content .tvShowFullInfo .header .nav .nav-item:first-child {
    margin-left: 0;
}

#content .channelInfo .header .nav .nav-item:last-child,
#content .tvShowFullInfo .header .nav .nav-item:last-child {
    margin-right: 0;
}

#content .channelInfo .header .nav .nav-link,
#content .tvShowFullInfo .header .nav .nav-link {
    color: #aeaeae;
    padding: .5rem 0;
    line-height: 1.3;
}

#content .channelInfo .header .nav .nav-link:hover,
#content .tvShowFullInfo .header .nav .nav-link:hover {
    color: #f2f2f2;
}

#content .channelInfo .header .nav i,
#content .tvShowFullInfo .header .nav i {
    padding: 0 4px;
}

#content .channelInfo .header .nav span,
#content .tvShowFullInfo .header .nav span {
    padding: 0 4px;
}

#content .channelInfo .header .nav .likesBar,
#content .tvShowFullInfo .header .nav .likesBar {
    display: none;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #5a5a5a;
}

#content .channelInfo .header .nav .active,
#content .channelInfo .header .nav .active:hover,
#content .tvShowFullInfo .header .nav .active,
#content .tvShowFullInfo .header .nav .active:hover {
    color: #c261c2;
}

#content .channelInfo .header .nav .likesBar span,
#content .tvShowFullInfo .header .nav .likesBar span {
    display: block;
    height: 2px;
    background-color: #c261c2;
    padding: 0;
}

#content .channelInfo .header #description,
#content .tvShowFullInfo .header #description,
#content .channelInfo .header #share,
#content .tvShowFullInfo .header #share {
    float: left;
    width: 100%;
}

#content .channelInfo .header p,
#content .tvShowFullInfo .header p {
    width: 100%;
    color: #d6d6d6;
}

#content .channelInfo .header #share,
#content .tvShowFullInfo .header #share {
    text-align: right;
    font-size: 26pt;
}

#content .channelInfo .header #share a,
#content .tvShowFullInfo .header #share a {
    margin: 0 0 0 10px;
}

#content .channelInfo .subscriptions {
    position: absolute;
    bottom: 0;
    width: 100%;
    /*background-image: linear-gradient(to right, #000000, #482224, #8c4230, #c67029, #ecac00);*/
    /*background-image: linear-gradient(to left, #e90688, #ca008b, #a9008b, #850088, #600b83);*/
    /*background-image: linear-gradient(to right, #051937, #004d7a, #008793, #00bf72, #a8eb12);*/
    /*background-image: linear-gradient(to right, #1f132b, #381e46, #562760, #782f7a, #c261c2);*/
    background: #00000078;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    z-index: 1;
}

#content .channelInfo .subscriptions p {
    color: #d6d6d6;
    line-height: 1.3;
    font-size: 0.875rem;
}

#content .channelInfo .subscriptions ul li {
    display: inline-block;
    padding: 0 0 0 5px;
    margin: 0;
}

#content .channelInfo .subscriptions .btn-light {
    line-height: 1.1;
    padding: .375rem 1.5rem;
}

#content .channelInfo.sideBar .content .info {
    color: #000;
}

#content .channelInfo.sideBar .content .info.px-md-3 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*
 * Bootstrap modal
 */
#content .modal-content {
    background-color: #181818;
}

#content .modal-content .modal-header {
    border-bottom: none;
    padding: 1rem 1.2rem;
}

#content .modal-content .modal-header .close {
    color: #f2f2f2;
}

#content #trailerModal .modal-content .modal-header {
    padding: 8px 10px 2px 0;
}

#content .modal-content .modal-body {
    text-align: left;
    padding: 1.2rem;
}

#content #trailerModal .modal-content .modal-body {
    padding: 0.3rem;
}

#content .modal-content .modal-footer {
    border-top: none;
    padding: 0 1.2rem 1.2rem 1.2rem;
}

#content .modal-content .modal-footer .subText {
    color: #adadad;
}

/*
 * Toggle Switch
 */
#content .widget .cmn-toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
}

#content .widget .cmn-toggle + label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    user-select: none;
}

#content .widget input.cmn-toggle-round + label {
    width: 24px;
    height: 13px;
    border-radius: 12px;
    margin: 6px 0 0 0;
}

#content .widget input.cmn-toggle-round + label:before,
#content .widget input.cmn-toggle-round + label:after {
    display: block;
    position: absolute;
    top: 1px;
    left: 0;
    bottom: 1px;
    content: "";
}

#content .widget input.cmn-toggle-round + label:before {
    right: -4px;
    background-color: #313131;
    border-radius: 12px;
    transition: background 0.4s;
}

#content .widget input.cmn-toggle-round + label:after {
    width: 16px;
    height: 16px;
    top: -2px;
    bottom: 0;
    background-color: #aeaeae;
    border-radius: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    transition: margin 0.4s;
}

#content .widget input.cmn-toggle-round:checked + label:after {
    margin-left: 12px;
    background-color: #b74ab7;
}

/*
 * Media:continuousPlay
 */
#content .mediaContinuousPlay .header .switch {
    float: right;
    margin: 0 3px 0 0;
}

#content .mediaContinuousPlay .header .switch .switchLabel {
    display: block;
    float: left;
    margin-top: 1px;
    margin-right: 7px;
    color: #aeaeae;
    font-size: 13px;
    font-weight: bold;
}

#content .mediaContinuousPlay .content {
    position: relative;
}

/**
 * Media:comments
 */
#content .mediaComments {
    max-width: 820px;
}

#content .mediaComments .content .commentInput {
    padding: 4px 10px;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.57);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.07);
    outline: none;
}

#content .mediaComments .content [contentEditable=true]:empty:before {
    content:attr(aria-label);
    cursor: text;
    color: #aeaeae;
}

#content .mediaComments .content .commentInput:focus {
    border-bottom: 1px solid #993d99;
}

#content .mediaComments .content button {
    padding-left: 25px;
    padding-right: 25px;
    float: right;
}

#content .mediaComments .content .note {
    width: auto;
    color: #9a9a9a;
    text-align: center;
    border: 1px solid #282727;
}

#content .mediaComments .content .comments {
    position: relative;
    width: 100%;
    min-height: 50px;
    margin-top: 25px;
    font-size: 0.875rem;
    padding: 0 3px;
}

#content .mediaComments .content .comments div h3 {
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 4px;
    color: #e5e5e5;
}

#content .mediaComments .content .comments div h3 span {
    padding-left: 0.5em;
    font-weight: normal;
    font-size: 0.8125rem;
    color: #7b888f;
    display: inline-block;
}

#content .mediaComments .content .comments div h3 span.moderated {
    font-size: 80%;
    opacity: .7;
}

#content .mediaComments .content .comments div p {
    margin-bottom: 1.3rem;
}

#content .mediaComments .content .comments div h3 .fa-flag {
    float: right;
    visibility: hidden;
    font-size: 80%;
    color: #7b888f;
    cursor: pointer;
}

#content .mediaComments .content .comments div:hover .fa-flag {
    visibility: visible;
}

/**
 * Media:liveEpg
 */
#content .mediaLiveEpg {
}

#content .mediaLiveEpg .daySliderContnet {
    position: relative;
    margin: 0 0 15px 0;
}

#content .mediaLiveEpg .content {
    position: relative;
}

#content .floatLeft .mediaLiveEpg .daySliderContnet {
    position: relative;
}

#content .mediaLiveEpg .content .dayEpgSlider {
    margin: 0 50px;
}

#content .mediaLiveEpg .content .dayEpgSlider .dayElement {
    padding: 5px 15px;
    display: block;
    white-space: nowrap;
    text-align: center;
    text-transform: capitalize;
    overflow: hidden;
}

#content .mediaLiveEpg .content .dayEpgSlider .slick-current {
    border-bottom: 1px dotted #fff;
}

#content .mediaLiveEpg .content .hourSliderContnet .hourEpgWrapper {
    position: relative;
    height: 400px;
}

#content .mediaLiveEpg .content .hourSliderContnet .hourEpgList {
    width: 100%;
    font-weight: 400;
}

#content .mediaLiveEpg .content .hourSliderContnet .hourEpgList .active {
    background: rgba(255, 255, 255, 0.15);
    text-shadow: 0 0 1px #000;
    font-weight: 700;
}

#content .mediaLiveEpg .content .hourSliderContnet .hourEpgList td {
    padding: 5px 12px 5px 12px;
}

#content .mediaLiveEpg .content .hourSliderContnet .hourEpgImage,
#content .mediaLiveEpg .content .hourSliderContnet .hourEpgImage img {
    width: 80px;
}

#content .mediaLiveEpg .content .hourSliderContnet .hourEpgImage img {
    height: 45px;
}

#content .mediaLiveEpg .content .hourSliderContnet .hourEpgStartsAt {
    width: 40px;
    text-align: center;
}

#content .mediaLiveEpg .content .hourSliderContnet .hourEpgStatus {
    width: 60px;
    text-align: center;
    text-transform: uppercase;
}

#content .mediaLiveEpg .content .hourSliderContnet .hourEpgAction {
    width: 40px;
    text-align: center;
    text-transform: uppercase;
}

#content .mediaLiveEpg .content .hourSliderContnet .playIcon {
    width: 42px;
    height: 42px;
    margin: 0 auto;
    background: url(../images/dark/play_icon.png) no-repeat center center transparent;
    text-indent: -99999999px;
    opacity: 0.5;
    display: block;
}

#content .mediaLiveEpg .content .hourSliderContnet .comingSoon {
    font-weight: 300;
    font-size: 12px;
    line-height: 1.3em;
}

#content .mediaLiveEpg .content .hourSliderContnet .playLive {
    padding: 5px;
    display: inline-block;
}

#content .mediaLiveEpg .content .hourSliderContnet .playLive:hover {
    color: #bdf271;
}

#content .mediaLiveEpg .content .hourSliderContnet .playCatchUp:hover {
    opacity: 1;
}

#content .mediaLiveEpg .content .hourSliderContnet .playStartOver {
    line-height: 1.3em;
    color: #bdf271;
    display: inline-block;
}

/**
 * Member:login
 */
#content .memberLoginSection .content {
    background: rgba(0, 0, 0, 0.4);
    border-radius: 10px;
}

#content .memberLoginSection .content input[type="submit"] {
    margin-top: 32px;
}

/**
 * Member:ForgotPassword
 */
#content .memberForgotPasswordSection .content {
    background: rgba(0, 0, 0, 0.4);
    border-radius: 10px;
}

/**
 * Member:ManageCreditCard
 */
#content .memberManageCreditCard .content .note {
    margin: 0 0 20px 0;
    border: 1px solid #313131;
    border-radius: 10px;
    padding: 15px 20px;
    text-align: center;
}

#content .memberManageCreditCard .footer p {
    max-width: 600px;
    margin: 0;
    line-height: 1.2;
}

#content .memberManageCreditCard .footer img {
    float: right;
}

/**
 * Member:Subscribe
 */
#content .memberSubscribeSection .content {
    background: rgba(0, 0, 0, 0.4);
    border-radius: 10px;
}

#content .memberSubscribeSection .content .note {
    margin: 0 0 15px 0;
    border: 1px solid #313131;
    padding: 15px 20px;
}

#content .memberSubscribeSection .content .note .separator,
#content #oneClickPayModal .separator {
    border-bottom: 1px solid #3d3d3d;
    margin: 5px 0;
}

#content .memberSubscribeSection .content .note .line span,
#content #oneClickPayModal .line span {
    font-weight: 600;
}

#content #oneClickPayModal #subscribeButton {
    padding: .6rem 2rem .5rem 2rem;
}

#content .memberSubscribeSection .footer p {
    max-width: 600px;
    margin: 0;
    line-height: 1.2;
}

#content .memberSubscribeSection .footer img {
    float: right;
}

/**
 * Member:RentMedia
 */
#content .memberRentMediaSection .content {
    background: rgba(0, 0, 0, 0.4);
    border-radius: 10px;
}

#content .memberRentMediaSection .content .note {
    margin: 0 0 15px 0;
    border: 1px solid #313131;
    padding: 15px 20px;
}

#content .memberRentMediaSection .footer p {
    max-width: 600px;
    margin: 0;
}

#content .memberRentMediaSection .footer img {
    float: right;
}

/**
 * Member:connectedDevices
 */
#content .memberConnectedDevicesSection .content form .noteAlt {
    width: 423px;
    box-sizing: content-box;
}

#content .memberConnectedDevicesSection .footer {
    padding: 0 20px 20px 20px;
}

#content .memberConnectedDevicesSection .footer p {
    margin: 0;
}

/*
 * Member:Uploads
 */
#content .memberUploadsSection .header a {
    float: right;
}

#content .memberUploadsSection .content .list {
    margin: 0 0 20px 0;
    padding: 20px;
    background: rgba(0, 0, 0, 0.4);
}

#content .memberUploadsSection .content .list .image {
    position: relative;
    float: left;
}

#content .memberUploadsSection .content .list .image a {
    position: relative;
    display: block;
    float: left;
}

#content .memberUploadsSection .content .list .image img {
    width: 203px;
    height: 114px;
}

#content .memberUploadsSection .content .list .mediaInfo {
    float: left;
    margin: 10px 0 0 20px;
}

#content .memberUploadsSection .content .list .image.portrait img {
    width: 120px;
    height: 178px;
}

#content .memberUploadsSection .content .list .image .playIcon {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 42px;
    height: 42px;
    margin: -21px 0 0 -21px;
    background: url('../images/dark/play_icon.png') no-repeat;
}

#content .memberUploadsSection .content .list .image:hover .playIcon {
    display: block;
}

#content .memberUploadsSection .content .list .mediaInfo .encodingMedia {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ff900b;
    margin: 0 5px;
}

#content .memberUploadsSection .content .list .mediaInfo ul {
    margin: 0;
    padding: 0;
    float: none;
    display: inline-block;
}

#content .memberUploadsSection .content .list .mediaInfo ul li {
    border: none;
    margin: 0 0 -3px 0 !important;
    background-image: url(../images/dark/stars.png);
}

#content .memberUploadsSection .content .list .mediaInfo span {
    padding-left: 6px;
    border-left: 1px solid #6d6d6d;
    margin-left: 4px;
}

/*
 * Member:Upload
 */
#content .memberUploadSection .content, #content .memberMediaEditSection .content {
    background: rgba(0, 0, 0, 0.4);
    border-radius: 10px;
}

#content .memberUploadSection .content #fileTypeError {
    display: none;
}

#content .memberUploadSection .content .fileUploadContainer {
    width: 100%;
    padding: 20px 12px;
    border: 1px dashed #c261c2;
    border-radius: 4px;
    position: relative;
    text-align: center;
}

#content .memberUploadSection .content .fileUploadContainer p {
    margin: 0;
    font-size: 14px;
    line-height: 19px;
    font-weight: bold;
    text-align: center;
}

#content .memberUploadSection .content .fileUploadContainer p.info {
    margin-top: 10px;
    font-size: 11px;
    line-height: 13px;
    font-weight: normal;
    color: #ccc;
}

#content .memberUploadSection .content .fileUploadContainer input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    cursor: pointer;
    z-index: 1000;
    border: none !important;
}

#content .memberUploadSection .content #progress {
    display: none;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    background: #222;
    padding: 15px 20px;
    border-radius: 5px;
}

#content .memberUploadSection .content #progress .percent, #content .memberUploadSection .content #progress .filename {
    text-align: left;
    margin-bottom: 5px;
}

#content .memberUploadSection .content #progress .barContainer {
    height: 5px;
    width: 100%;
    background: #454545;
    margin: 2px 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#content .memberUploadSection .content #progress .bar {
    height: 5px;
    width: 0;
    background: #c261c2;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#content .memberUploadSection .content #progress .filename {
    float: left;
    font-weight: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

#content .memberUploadSection .content #progress .cancel {
    position: relative;
    float: right;
    margin-top: 5px;
    padding-left: 11px;
}

#content .memberUploadSection .content .uploadSuccess,
#content .memberUploadSection .content .uploadError {
    float: left;
    width: 100%;
}

#content .memberUploadSection .content .waitMessage {
    display: none;
    text-align: center;
    color: #868686;
}

#content .memberUploadSection .content .buttons .disabled, #content .memberUploadSection .content .buttons .disabled:hover {
    color: #bbb;
    border-color: #ddd;
    background-position: top;
}

/**
 * Member:Register
 */
#content .memberRegisterSection .content {
    background: rgba(0, 0, 0, 0.4);
    border-radius: 10px;
}

/**
 * Member:Subscriptions
 */
#content .memberSubscriptionsSection .content .note {
    padding: 20px;
    background: #1a1a1a;
}

#content .memberSubscriptionsSection .content .note .btn-primary {
    line-height: 1.1;
    padding: .5em 1.5rem;
}

#content .memberSubscriptionsSection .content .note table tr {
    background: none;
    border-bottom: none;
}

#content .memberSubscriptionsSection .content .note table td {
    padding: 3px 20px 0 0;
}

#content .memberSubscriptionsSection .content .note table .label {
    color: #aaa;
    white-space: nowrap;
}

#content .memberSubscriptionsSection .content .note table .fa-info-circle {
    color: #f2f2f2;
}

/**
 * Ad:Footer
 */
#footer .adFooter {
    margin: 0 auto;
}

/**
 * Ad:Banner
 */
#content .adBanner {
    margin: 0 auto;
}

/**
 * Navigation:footer
 */
#footer .footer {
    padding: 30px 0 0 0;
    text-align: center;
}

#footer .footer .logo {
    margin: 0 0 20px;
    display: inline-block;
}

#footer .footer .logo img {
    max-width: 300px;
    max-height: 50px;
}

#footer .footer .poweredBy {
    margin-bottom: 30px;
}

#footer .footer .poweredBy small {
    color: #b6b6b6;
    padding-right: 5px;
}

.col-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths,
.col-xl-5ths,
.col-6ths,
.col-sm-6ths,
.col-md-6ths,
.col-lg-6ths,
.col-xl-6ths,
.col-7ths,
.col-sm-7ths,
.col-md-7ths,
.col-lg-7ths,
.col-xl-7ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-5ths {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.col-7ths {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 14.285714%;
    -ms-flex: 0 0 14.285714%;
    flex: 0 0 14.285714%;
    max-width: 14.285714%;
}

.col-6ths {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666666%;
    -ms-flex: 0 0 16.666666%;
    flex: 0 0 16.666666%;
    max-width: 16.666666%;
}

@media (min-width: 576px) {
    .col-sm-5ths {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .col-sm-6ths {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.666666%;
        -ms-flex: 0 0 16.666666%;
        flex: 0 0 16.666666%;
        max-width: 16.666666%;
    }

    .col-sm-7ths {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 14.285714%;
        -ms-flex: 0 0 14.285714%;
        flex: 0 0 14.285714%;
        max-width: 14.285714%;
    }
}

@media (max-width: 576px) {
    #content #mediaTabs > .d-flex > .nav {
        flex: 1 1 auto!important;
        justify-content: space-around!important;
    }

    #content .mediaSlider .slick-list {
        padding: 0 40% 0 20px !important;
    }

    #content .mediaSlider.featured .slick-list,
    #content .mediaSlider.portrait .slick-list,
    #content .mediaSlider.circle .slick-list {
        padding: 0 20px 0 20px !important;
    }
}

@media (min-width: 768px) {
    .col-md-5ths {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .col-md-6ths {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.666666%;
        -ms-flex: 0 0 16.666666%;
        flex: 0 0 16.666666%;
        max-width: 16.666666%;
    }

    .col-md-7ths {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 14.285714%;
        -ms-flex: 0 0 14.285714%;
        flex: 0 0 14.285714%;
        max-width: 14.285714%;
    }

    #content .mediaPlayer .premiumMediaMessage .note p.description {
        min-width: 300px;
        max-width: 50%;
    }

    #content .mediaPlayer .premiumMediaMessage .mainImageOverlay {
        background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .5) 30%, rgba(0, 0, 0, .5) 100%);
    }
}


@media (max-width: 768px) {
    #content .mediaPlayer .content .note {
        position: relative;
        padding: 10px 0 20px 0;
        background: rgba(0, 0, 0, 0.35);
    }

    #content .mediaPlayer .premiumMediaMessage {
        background: none;
    }

    #content .mediaPlayer .premiumMediaMessage .note .btn-primary {
        padding: .3rem 1rem;
        text-align: center;
        min-height: 41px;
    }

    #content .mediaPlayer .premiumMediaMessage .note .rentalBundleButton.btn-primary,
    #content .mediaPlayer .premiumMediaMessage .note .subscriptionPlanButton.btn-primary {
        margin-top: 5px;
        padding: 0.6rem 1rem .3rem 1rem;
    }

    #content .mediaPlayer .premiumMediaMessage .note p.available,
    #content .mediaPlayer .premiumMediaMessage .note p.memberLogin {
        text-align: center;
    }

    .liveEventCounter {
        text-align: center;
    }

    .liveEventCounter .counterCell {
        border: none !important;
    }
}

@media (min-width: 992px) {
    .navbar {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .navbar-expand-lg .navbar-nav {
        margin-top: 2px;
    }

    .navbar .navbar-nav .nav-link {
        position: relative;
    }

    .navbar #mainMenu .nav-link:before {
        content: "";
        position: absolute;
        width: auto;
        height: 2px;
        bottom: 1px;
        left: 50%;
        right: 50%;
        background-color: #c261c2;
        visibility: hidden;
        -webkit-transition: left .2s, right .2s;
        transition: left .2s, right .2s;
    }

    .navbar #mainMenu .nav-link:hover:before {
        left: 6px;
        right: 6px;
        visibility: visible;
    }

    .systemMenu .nav-item {
        margin-left: 10px;
    }

    .systemMenu .nav-link:hover {
        color: #fff;
    }

    .systemMenu .nav-link.donate {
        margin: 0 10px;
        padding: 5px 10px 6px 10px;
    }

    .systemMenu .nav-link.donate:hover {
        color: #fff;
    }

    .systemMenu.nav-pills .nav-link.active, .systemMenu.nav-pills .show>.nav-link {
        background-color: rgba(255, 255, 255, 0.1);
    }

    #content .mediaPlayer .premiumMediaMessage .note p.description {
        min-width: 350px;
        max-width: 40%;
    }

    #content .mediaPlayer .premiumMediaMessage .mainImageOverlay {
        background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .5) 30%, rgba(0, 0, 0, .5) 100%);
    }

    #content .mediaPlayer .content .playerContainer.mt-58 {
        margin-top: 58px;
    }

    .col-lg-5ths {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .col-lg-6ths {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.666666%;
        -ms-flex: 0 0 16.666666%;
        flex: 0 0 16.666666%;
        max-width: 16.666666%;
    }

    .col-lg-7ths {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 14.285714%;
        -ms-flex: 0 0 14.285714%;
        flex: 0 0 14.285714%;
        max-width: 14.285714%;
    }
}

@media (max-width: 992px) {
    .navbar-brand {
        padding: 0;
        margin: 0;
    }

    .navbar .navbar-nav .nav-link {
        line-height: 1.3;
        text-align: left;
    }

    .navbar .navbar-nav .nav-link:hover {
        color: #c261c2;
    }

    .navbar .navbar-nav .nav-link.donate {
        display: inline-block;
        margin-top: 10px;
        padding: 5px 15px 6px 15px;
        color: #fff;
    }

    .navbar .navbar-nav .nav-link.donate:hover {
        color: #fff;
    }

    .mediaList .ml-container {
        padding: 0 6px;
    }

    .interactiveArea {
        position: relative !important;
        height: 450px;
        width: 100% !important;
        min-width: auto !important;
        margin-top: 0 !important;
    }

    .mediaPageContainer.withIA {
        margin-right: initial !important;
    }

    #content .channelInfo .subscriptions {
        position: relative;
        width: 100%;
        text-align: center;
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
        margin-top: 10px;
    }

    #content .channelInfo .subscriptions p {
        width: 100%;
    }

    #content .channelInfo .subscriptions ul {
        margin: 0 auto;
        padding: 0 0 10px 0;
    }

    #content .channelInfo .subscriptions ul li {
        margin-bottom: 10px;
    }

    #content .mediaSlider .slick-list {
        padding: 0 20px 0 20px;
    }

    #content .dynamicMediaSliderSection .slick-arrow,
    #content .dynamicChannelSliderSection .slick-arrow,
    #content .contentSliderSection .slick-arrow {
        display: none !important;
    }

    #content .channelInfo .content .imageContainer img {
        border-radius: 11px;
    }
}

@media (min-width: 1200px) {
    #content .mediaPlayer .premiumMediaMessage .mainImageOverlay {
        background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, .4) 100%);
    }

    .col-xl-5ths {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .col-xl-6ths {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.666666%;
        -ms-flex: 0 0 16.666666%;
        flex: 0 0 16.666666%;
        max-width: 16.666666%;
    }

    .col-xl-7ths {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 14.285714%;
        -ms-flex: 0 0 14.285714%;
        flex: 0 0 14.285714%;
        max-width: 14.285714%;
    }
}

/*
@media (min-width: 1400px) {
    .mainImageContainer:not(.withIA) {
        margin-right: 5%;
    }
}
*/

@media only screen and (max-width: 800px) {
    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #no-more-tables td {
        /* Behave  like a "row" */
        border: none;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: right;
    }

    #no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 12px;
        left: 10px;
        width: 45%;
        padding-right: 10px;
        white-space: normal;
        text-align: left;
        font-weight: bold;
    }

    /*
    Label the data
    */
    #no-more-tables td:before {
        content: attr(data-title);
    }
}

.btn-outline-primary:hover {
    color: #fff !important;
}


/* Cookies Acceptance Popup */
.eupopup-container {
    background-color: rgba(0, 0, 0, 0.9);
    color: #efefef;
    padding: 15px 20px 3px 20px;
    font-size: 12px;
    line-height: 1.2em;
    text-align: center;
    display: none;
    z-index: 9999999;
}

.eupopup-container-top,
.eupopup-container-fixedtop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.eupopup-container-fixedtop {
    position: fixed;
}

.eupopup-container-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

.eupopup-container-bottomleft {
    position: fixed;
    bottom: 10px;
    left: 10px;
    width: 300px;
}

.eupopup-container-bottomright {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 300px;
}

.eupopup-closebutton {
    font-size: 16px;
    font-weight: 100;
    line-height: 1;
    color: #a2a2a2;
    filter: alpha(opacity=20);
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px 10px;
}

.eupopup-closebutton:hover,
.eupopup-closebutton:active {
    color: #fff;
    text-decoration: none;
}

.eupopup-head {
    font-size: 1.2em;
    font-weight: bold;
    padding: 7px;
    color: #fff;
    display: none !important;
}

.eupopup-body {
    color: #cecece;
    font-size: 13px;
}

.eupopup-buttons {
    padding: 7px 0 5px 0;
}

.eupopup-button {
    margin: 10px;
}

body .eupopup-color-inverse {
    color: #000;
    background-color: rgba(255, 255, 255, 0.9);
}

body .eupopup-color-inverse .eupopup-head {
    color: #000;
}

body .eupopup-style-compact {
    text-align: left;
    padding: 8px 30px 7px 20px;
    line-height: 15px;
}

body .eupopup-style-compact .eupopup-head,
body .eupopup-style-compact .eupopup-body,
body .eupopup-style-compact .eupopup-buttons {
    display: inline;
    padding: 0;
    margin: 0;
}

body .eupopup-style-compact .eupopup-button {
    margin: 0 5px;
}

.optional {
    margin-left: 2px;
    color: #868686;
    font-style: italic;
}

#card-element.form-control {
    padding-top: 0.5rem;
}

/*
 * Bootstrap form validation
 */
.custom-select.is-valid,
.form-control.is-valid,
.was-validated .custom-select:valid,
.was-validated .form-control:valid {
    border-color: #ced4da;
}

.custom-select.is-invalid,
.form-control.is-invalid,
.was-validated .custom-select:invalid,
.was-validated .form-control:invalid {
    border-color: #f5cdd1;
    background: #fae7e9;
}

.valid-tooltip,
.invalid-tooltip {
    position: relative;
}

.mediaListSection .header {
    padding-bottom: 1rem;
}

.mediaListSection.insideChannelOrCategory .header {
    padding-bottom: 0.25rem;
}

.mediaListSection.insideChannelOrCategory h3,
.mediaListSection.insideChannelOrCategory h4,
.dynamicMediaSliderSection.insideChannelOrCategory h3,
.dynamicMediaSliderSection.insideChannelOrCategory h4 {
    font-size: 1.25rem;
    line-height: 1.7;
    margin-bottom: 0;
}

.dropdown-toggle::after {
    vertical-align: 0.15em !important;
}

.noItems {
    font-size: 80%;
    color: #818181;
}

.popover {
    background: #2f2f2f;
}

.popover-body {
    padding: .7rem 1rem;
    color: #aeaeae;
}

.popover-body a {
    text-transform: uppercase;
    padding-top: 3px;
    font-size: 90%;
}

.popover .arrow::after, .popover .arrow::before {
    display: none;
}

.custom-control-input.is-valid~.custom-control-label, .was-validated .custom-control-input:valid~.custom-control-label {
    color: inherit;
}

.custom-control-input.is-valid:checked~.custom-control-label::before, .was-validated .custom-control-input:valid:checked~.custom-control-label::before {
    background-color: #007bff;
}
.custom-control-input.is-valid~.custom-control-label::before, .was-validated .custom-control-input:valid~.custom-control-label::before {
    background-color: #dee2e6;
}

.dashboardcode-bsmultiselect .badge {
    position: relative;
    width: 100%;
    background: #e5e5e5;
    text-align: left;
    white-space: normal;
    padding: .25em .4em !important;
    margin-bottom: .5em;
}

.dashboardcode-bsmultiselect .close {
    position: absolute;
    right: 5px;
}

.dashboardcode-bsmultiselect .bsMultiHover {
    background: #343a40;
}

/*
 * Search
 */
.searchInput {
    color: #000;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 6px;
    border: none;
}

.searchIcon {
    position: absolute;
    right: 10px;
    border: none;
    background: transparent;
    cursor: pointer;
    color: #b2b2b2;
}

.searchIcon:hover {
    color: #747474;
}

.form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label {
    color: #fff;
}

.canceledButActive {
    background-color: #DC9635;
}

.donationAmountButtons {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.donationAmountButtons button {
    float: left;
    margin: 5px 12px 2px 0;
    color: #fff;
}

.donationAmountButtons .input-group-text.active {
    color: #fff;
    background-color: #812c77;
    border-color: #812c77;
}

/* Tabs */
.nav-tabs {
    border-bottom: 1px solid #dee2e62b;
}

.nav-tabs .nav-link {
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 2px solid transparent;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    background-color: transparent;
    border-color: transparent transparent #993d99;
}

.nav-tabs .nav-item.show .nav-link:hover, .nav-tabs .nav-link.active:hover {
    border-color: transparent transparent #993d99;
}

.nav-tabs .nav-link:hover {
    border-color: transparent;
}

/* FTP Uploads */
#ftp {
    margin-top: -6px;
}

#ftp .refresh {
    display: none;
    margin: 5px 0 0 7px;
    opacity: .5;
}

.ftpInfo .stepBox {
    border: 1px solid #333;
    border-radius: 3px;
    padding: 10px 15px;
    margin-top: 8px;
}

.ftpInfo a {
    color: #993d99;
}

.ftpFile {
    display: block;
    border-radius: 3px;
    padding: 1px 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #333;
}

.ftpFile:hover {
    color: #fff;
    background-color: #313131;
}

.rentalExpirationCountdown {
    padding: 3px 0 6px 0;
    color: #aaa;
    font-size: small;
    text-align: center;
    background: #000000b5;
}

.liveEventCounter {
}

.liveEventCounter .head {
    font-size: 16px;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.liveEventCounter p {
    margin-bottom: 0 !important;
    font-size: 80% !important;
    opacity: .8;
}

.liveEventCounter .counterCell {
    margin: 0 10px 0 0;
    padding: 4px 12px 9px 12px;
    min-width: 65px;
    border-radius: 6px;
    font-size: 24px;
    font-weight: lighter;
    line-height: 1;
    background: #000000ab;
    border: 1px solid #ffffff22;
    text-align: center;
}

.liveEventCounter .counterCell:last-child {
    margin: 0;
}

.liveEventCounter .counterCell span {
    display: block;
    padding-top: 4px;
    font-size: 12px;
    text-transform: uppercase;
    opacity: .7;
}

.liveEventCounter .eventLiveNow {
    font-weight: 600;
}

.liveEventCounter .eventLiveNow span {
    padding: 1px 8px;
    color: #fff;
    background: red;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 3px;
}

/* Media channel info widget */
.mediaChannelInfo {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.mediaChannelInfo .content .image {
    overflow: hidden;
}

.mediaChannelInfo .content .image img {
    width: 100%;
    border-radius: 6px;
}

.mediaChannelInfo .content .title {
    margin-top: 6px;
    padding: 0 6px;
    line-height: 1.2;
}

.mediaPageContainer.withIA {
    margin-right: 400px;
}


/* Interactive area */
.interactiveArea {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 380px;
    margin-top: 58px;
    min-width: 400px;
    border-left: 1px solid #282828;
}

.interactiveArea .nav {
    background-color: #1e1e1e;
}

.interactiveArea .nav .nav-item {
    font-size: 80%;
    border-bottom: 1px solid #282828;
}

.interactiveArea .nav .nav-link {
    color: #bebebe;
    border-bottom: 2px solid transparent;
}

.interactiveArea .nav .nav-link:hover {
    color: #fff;
    border-bottom: 2px solid #626262;
}

.interactiveArea .nav .nav-link.active,
.interactiveArea .nav .nav-link.active:hover {
    color: #fff;
    border-bottom: 2px solid #993d99;
}

.interactiveArea .tab-content {
    position: relative;
    height: calc(100% - 37px);
    background-color: #131313;
}

.interactiveArea .tab-pane {
    position: relative;
    width: 100%;
    height: 100%;
}

.interactiveArea .commentsList {
    position: relative;
    width: 100%;
    height: calc(100% - 55px);
    font-size: 0.875rem;
    padding: 13px 10px 5px 10px;
}

.interactiveArea .commentsList.withSuperChat {
    height: calc(100% - 89px);
}

.interactiveArea .commentsList .comment {
    clear: both;
    float: left;
    max-width: 98%;
    margin-bottom: 10px;
    padding-right: 20px;
}

.interactiveArea .commentsList .comment h3 {
    font-size: 0.8125rem;
    margin-bottom: 3px;
    padding: 0 4px 0 4px;
    color: #a4a4a4;
}

.interactiveArea .commentsList .comment h3 span {
    padding-left: 0.5em;
    font-weight: normal;
    color: #707070;
    display: inline-block;
}

.interactiveArea .commentsList .comment h3 span.moderated {
    font-size: 80%;
    opacity: .7;
}

.interactiveArea .commentsList .comment .reportIcon {
    position: absolute;
    visibility: hidden;
    font-size: 80%;
    color: #676767;
    cursor: pointer;
    top: 1px;
    right: -17px;
}

.interactiveArea .commentsList .comment:hover .reportIcon {
    visibility: visible;
}

.interactiveArea .commentsList .comment p {
    position: relative;
    margin-bottom: 0;
    padding: 4px 9px 5px 9px;
    color: #ececec;
    background: #1e1a22;
    border-radius: 6px;
}

.interactiveArea .commentsList .comment.own {
    float: right;
    padding-right: 10px;
    max-width: 90%;
}

.interactiveArea .commentsList .comment.own h3 {
    text-align: right;
}

.interactiveArea .commentsList .comment.own p {
    background: #332032;
}

.interactiveArea .commentsList .comment.own:hover .reportIcon {
    visibility: hidden;
}

.interactiveArea .commentsList .comment.t {
    width: 100%;
    margin-top: 5px;
}

.interactiveArea .commentsList .comment.t h3 {
    margin-bottom: 0;
    padding: 4px 8px;
    color: #ececec;
    background: rgba(0,0,0,.5);
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    font-weight: 600;
}

.interactiveArea .commentsList .comment.t h3 .amount {
    color: #fff;
    font-weight: 600;
}

.interactiveArea .commentsList .comment.t h3 .commentTime {
    color: #bababa;
}

.interactiveArea .commentsList .comment.t p {
    color: #ececec;
    border-top-right-radius: initial;
    border-top-left-radius: initial;
}

.interactiveArea .superChatMessages .t1 .head,
.interactiveArea .commentsList .comment.t1 h3 {
    background-color: #0095efb3;
}

.interactiveArea .superChatMessages .t1 .superChatMsg,
.interactiveArea .commentsList .comment.t1 p {
    background-color: #0095ef;
}

.interactiveArea .superChatMessages .t2 .head,
.interactiveArea .commentsList .comment.t2 h3 {
    background-color: #556cbcb3;
}

.interactiveArea .superChatMessages .t2 .superChatMsg,
.interactiveArea .commentsList .comment.t2 p {
    background-color: #556cbc;
}

.interactiveArea .superChatMessages .t3 .head,
.interactiveArea .commentsList .comment.t3 h3 {
    background-color: #7343a9b3;
}

.interactiveArea .superChatMessages .t3 .superChatMsg,
.interactiveArea .commentsList .comment.t3 p {
    background-color: #7343a9;
}

.interactiveArea .superChatMessages .t4 .head,
.interactiveArea .commentsList .comment.t4 h3 {
    background-color: #9b0f8cb3;
}

.interactiveArea .superChatMessages .t4 .superChatMsg,
.interactiveArea .commentsList .comment.t4 p {
    background-color: #9b0f8c;
}

.interactiveArea .superChatMessages .t5 .head,
.interactiveArea .commentsList .comment.t5 h3 {
    background-color: #b8007fb3;
}

.interactiveArea .superChatMessages .t5 .superChatMsg,
.interactiveArea .commentsList .comment.t5 p {
    background-color: #b8007f;
}

.interactiveArea .commentsArrow {
    position: absolute;
    display: none;
    left: 50%;
    bottom: 70px;
    font-size: 1.6rem;
    color: rgba(255, 255, 255, .5);
    transform: translate(-50%, 0);
}

.interactiveArea .commentsArrow:hover {
    cursor: pointer;
    color: rgba(255, 255, 255, .9);
}

.interactiveArea .commentsPostForm {
    position: relative;
    width: 100%;
    padding: 15px 10px;
    background: #131313;
    border-top: 1px solid #282828;
}

.interactiveArea .commentsPostForm .commentInput {
    padding: 4px 15px;
    max-height: 150px;
    min-height: 30px;
    background-color: #1e1e1e;
    border-radius: 15px;
    outline: none;
    overflow-y: auto;
}

.interactiveArea .commentsPostForm .commentInput[contentEditable=true]:empty:before {
    content:attr(aria-label);
    cursor: text;
    color: #aeaeae;
}

.interactiveArea .commentsPostForm .loginPrompt {
    font-size: 90%;
    text-align: center;
    padding: 5px;
    background-color: #1e1e1e;
    border-radius: 15px;
}

.interactiveArea .accessPrompt {
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    color: rgba(255, 255, 255, .5);
    transform: translate(-50%,-50%);
    width: 80%;
}

.interactiveArea .shopList {
    position: absolute;
    width: 100%;
    height: calc(100%);
    padding: 15px 13px;
    overflow-y: auto;
}

.interactiveArea .commentsPostForm .superChatBtn {
    max-height: 30px;
    margin-left: 8px;
    padding: .1rem .7rem .3rem .7rem;
    color: #aeaeae;
    background: rgba(255, 255, 255, 0.05);
    border: none;
    border-radius: 1.5rem;
}

.interactiveArea .superChat {
    display: none;
    position: absolute;
    bottom: 0;
    width: 100%;
    max-height: 100%;
    padding: 15px 20px 25px 20px;
    background: #556cbc;
    border-radius: 15px;
    overflow-y: auto;
}

.interactiveArea .superChat h3 {
    color: #fff;
    font-size: 1rem;
}

.interactiveArea .superChat .text {
    background: rgba(0,0,0,.4);
    border-radius: 8px;
}

.interactiveArea .superChat .text .head {
    width: 100%;
    background: rgba(0,0,0,.5);
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

.interactiveArea .superChat .text .head .name {
    color: #ececec;
    font-size: 0.8125rem;
    padding: 1px 10px 2px 10px;
}

.interactiveArea .superChat .text .head .amount {
    color: #fff;
    font-size: .8rem;
    padding-top: 1px;
    font-weight: bold;
}

.interactiveArea .superChat .text .head .timeContainer {
    color: #ccc;
}

.interactiveArea .superChat .text .head .fa-thumbtack {
    font-size: 0.8em;
    padding-right: 2px;
}

.interactiveArea .superChat .text .commentInput {
    padding: 7px 10px 8px 10px;
    border-top: none;
    border-right: none;
    border-left: none;
    outline: none;
    color: #fff;
}

.interactiveArea .superChat .text .commentInput[contentEditable=true]:empty:before {
    content:attr(aria-label);
    cursor: text;
    color: #D3D3D3;
}

.interactiveArea .superChat .superChatAmount {
    padding: 0 5px 1px 5px;
    max-width: 75px;
    border-top: none;
    border-right: none;
    border-left: none;
    background: none;
    outline: none;
    color: #fff;
    border-bottom: 2px solid rgba(255, 255, 255, 0.4);
    font-size: 1.4rem;
    font-weight: 600;
}

/* Chrome, Safari, Edge, Opera */
.interactiveArea .superChat #superChatAmount::-webkit-outer-spin-button,
.interactiveArea .superChat #superChatAmount::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.interactiveArea .superChat #superChatAmount[type=number] {
    -moz-appearance: textfield;
}

.interactiveArea .superChat .currency {
    padding: 2px 0 1px 5px;
    color: #fff;
    border-bottom: 2px solid rgba(255, 255, 255, 0.4);
    font-size: 1.2rem;
}

.superChatMessages {
    width: 100%;
    max-height: 100px;
    padding: 10px 0;
    color: rgba(255, 255, 255, .5);
    background: #2d2d2d;
    border-bottom: 2px solid #4b4545;
}

.superChatMessages .text {
}

.superChatMessages .text .head {
    width: 100%;
    background: #2e042a;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

.superChatMessages .text .head .name {
    color: #ececec;
    font-size: 0.8125rem;
    padding: 1px 10px 2px 10px;
}

.superChatMessages .text .head .amount {
    color: #fff;
    font-size: .8rem;
    padding-top: 1px;
    font-weight: bold;
}

.superChatMessages .text .superChatMsg {
    padding: 7px 10px 8px 10px;
    border-top: none;
    border-right: none;
    border-left: none;
    outline: none;
    color: #fff;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}


.iaShowHideIcon {
    position: absolute;
    color: #aeaeae;
    background: #131313;
    padding: 15px 3px 15px 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    text-align: center;
}

.iaShowHideIcon .fa-users {
    display: none;
}

.iaShowHideIcon.collapsed .fa-users {
    display: block;
    margin-bottom: 5px;
}

.iaShowHideIcon .fa-chevron-right {
    display: block;
    transform: rotate(0deg);
    transition: .5s transform ease-in-out;
}

.iaShowHideIcon.collapsed .fa-chevron-right {
    transform: rotate(-180deg);
}

.cameras .nav-item {
    margin: 0 5px 10px 5px;
}

.cameras .nav-link {
    background-color: #222222;
    line-height: 1;
    font-weight: 600;
}

.cameras .nav-link span {
    font-size: small;
    color: #ccc;
    font-weight: normal;
}

.cameras.nav-pills .nav-link.active, .cameras.nav-pills .show>.nav-link {
    background-color: #993d99;
}

.mediaList .title span.badge {
    font-weight: normal;
    padding: .2em .35em;
    border-radius: .2em;
    color: #d5d5d5 !important;
    background-color: #343a40;
}

/*
 * Toasts
 */
.toast {
    background-color: rgba(0,0,0,.85);
    min-width: 300px;
}

.toast-body {
    padding: .75rem 1.5rem;
    color: #dfdfdf;
    font-weight: 600;
}

/*
 * Bootstrap list-group
 */
.list-group-item {
    padding: 0.75rem 1.25rem;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255,.06);
}

.list-group-item.active,
.list-group-item.active:hover {
    background-color: #812c77;
    border-color: #812c77;
}

.list-group-item-action:hover {
    color: #f2f2f2;
    background-color: #fcfcfc08;
}

.list-group-item-action:focus {
    color: #f2f2f2;
    background-color: #812c77;
}

.list-group-item-action {
    color: #f2f2f2;
}

#reportCommentModal p {
    font-size: 1.1rem;
}

#reportCommentModal .fa-check-circle {
    color: #48e448;
    font-size: 4.5rem;
}

#reportCommentModal .fa-times-circle {
    color: #fd3a3a;
    font-size: 4.5rem;
}

.oneClickPayResultMessage {
    margin-top: 10px;
    text-align: center;
    color: #aaa;
}

.oneClickPayResultMessage .fa-check-circle {
    color: #48e448;
    font-size: 3rem;
}

.oneClickPayResultMessage .fa-times-circle {
    color: #fd3a3a;
    font-size: 3rem;
}

.oneClickPayResultMessage span {
    display: inline-block;
    padding-bottom: 10px;
    font-size: 1.1rem;
    color: #fff;
}

.noItemsFound {
    padding: 10px;
    color: #aeaeae;
    font-size: small;
    font-style: italic;
    white-space: nowrap;
}

#rentalBundlePreview .modal-content {
    min-height: calc(80vh);
    background: rgb(0,0,0);
    background: linear-gradient(135deg, rgba(0,0,0,1) 0%, rgba(61,15,109,1) 100%);
    border: none;
}

#rentalBundlePreview .modal-header .backButton {
    opacity: .5;
}

#rentalBundlePreview .modal-header .backButton:hover {
    color: #fff;
    opacity: .75;
}

#rentalBundlePreview .modal-header .backButton i {
    font-size: 2rem;
}

#rentalBundlePreview .modal-body h5 {
    color: #707070;
    font-size: 1rem;
    text-transform: uppercase;
}

#rentalBundlePreview .modal-body .btn-primary {
    padding: 0.8rem 1rem!important;
    text-align: center!important;
}

#rentalBundlePreview .modal-body .subText {
    color: #adadad;
}

#customError,
#geoBlockedMessage {
    display: none;
    position: absolute;
    text-align: center;
    padding: .8rem 1.5rem;
    background: rgba(0, 0, 0, .5);
    border-radius: 6px;
    width: 90%;
    max-width: 400px;
}

#customError p,
#geoBlockedMessage p {
    margin: 0;
}
.listTable {
    width: 100%;
}

.listTable .nav-link {
    display: inline;
    color: #fff;
    opacity: 0.8;
    padding: 0 2px;
}

.loadMoreComments, .loadMoreBundleMedia {
    padding: 0.4rem 2rem;
    color: #ffffffba;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 5px;
    text-align: center;
}

.loadMoreComments:hover, .loadMoreBundleMedia:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.07);
}

.superChatSlider .slick-list {
    padding: 0 60px 0 20px !important;
}

.superChatMessages svg {
    transform: rotate(-90deg); /* Starts from the top and moves counterclockwise */
}

.superChatMessages circle {
    fill: none;
    stroke-width: 3;
    stroke-linecap: round;
    transition: stroke-dashoffset 1s linear;
}

.chatFilter {
    padding: 5px 15px;
    /*border-bottom: 1px solid #282828;*/
    background: #232323;
}

.chatFilter .dropdown-toggle {
    color: #bebebe;
}

.dropzone, .dropzone .dz-preview {
    min-height: auto !important;
}

.dropzone .dz-preview.dz-image-preview {
    background: none !important;
}

.dropzone .dz-preview .dz-image {
    width: 200px !important;
    height: auto !important;
    border-radius: 6px !important;
}

.dropzone .dz-preview .dz-remove {
    margin-top: 7px;
    color: #ccc;
    font-size: small !important;
    text-decoration: none !important;
}

.dropzone .dz-message {
    margin: 1em 0 !important;
}

/* Spinner */
#chatSpinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1rem 0 0 -1rem !important;
}