Themes/Blackberry-Flat-Dark/organizr.css
/*
 * A Blackberry Themes fork of Plex Theme for Organizr v2, by Grant Burry
 * MIT License
 * https://github.com/Burry/organizr-v2-plex-theme
 */

@import "https://archmonger.github.io/Blackberry-Themes/Resources/Variables/flat-dark.css";
#page-wrapper:before,
body {
    background: transparent !important;
    height: 100%;
    width: 100%;
}

#wrapper,
body {
    height: 100%;
}

.label,
a.text-primary {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.fc-content,
.max-texts {
    text-overflow: ellipsis;
}

#homepage-items .panel-heading,
#homepage-items h4.pull-left,
.fc-toolbar h2,
.iziToast,
.panel-body:first-child h3,
.plyr,
.sttabs nav a span,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    padding-bottom: 11px;
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v15/mem6YaGs126MiZpBA-UFUK0Zdcg.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKXGUdhrIqY.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKWiUNhrIqY.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0e.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOUuhs.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhs.ttf) format('truetype');
}

#settings-plugins-marketplace .btn-success,
#splashScreen .flexbox:last-of-type .bg-danger,
.bg-plex,
.btn,
.btn-danger,
.btn-danger.btn-outline,
.btn-info,
.btn-outline.btn-primary,
.btn-outline.btn-warning,
.btn-primary,
.btn-success,
.btn-youtube,
.btn[data-filter=request-result-all],
.btn[data-filter=request-result-movie],
.btn[data-filter=request-result-music],
.btn[data-filter=request-result-tv],
.mce-btn,
.sweet-alert button.cancel,
.sweet-alert button.confirm,
div[id^=request]:not(#request-input-div) .dropdown-toggle {
    border-radius: 3px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    transition: background .1s;
}

.login-register .login-box {
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.blockMsg h5:after,
.circular {
    width: 24px;
    height: 24px;
    position: fixed;
    margin: -12px 0 0 -12px;
    border: 2px solid transparent;
    border-top-color: var(--color-hyperlink);
    border-left-color: var(--color-hyperlink);
    border-radius: 50%;
    -webkit-animation: .5s linear infinite loading;
    animation: .5s linear infinite loading;
}

#homepage-items .panel-heading,
#homepage-items h4.pull-left,
.fc-toolbar h2,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--font-color-secondary);
    font-weight: 700;
    text-transform: uppercase;
}

.fc-day-header a,
.fc-day-number,
.fc-list-heading-main {
    color: #999;
    cursor: pointer !important;
    transition: color .2s;
}

.fc-day-header a:focus,
.fc-day-header a:hover,
.fc-day-number:focus,
.fc-day-number:hover,
.fc-event:focus .fc-title,
.fc-event:hover .fc-title,
.fc-list-heading-main:focus,
.fc-list-heading-main:hover,
.lock-screen h1,
.profile-pic:hover .caret,
.profile-pic:hover b {
    color: #FFF;
    transition: all 0.3s ease;
}

body,
tbody {
    color: var(--font-color-secondary);
}

#request-results .el-card-content.bg-org,
.label,
.navbar-top-links .dropdown-user .dw-user-box,
tbody[class$='-queue'] {
    cursor: default;
}

.navbar-top-links .dropdown-user .dw-user-box .u-img {
    width: 65px;
}

.btn a,
.el-element-overlay .el-card-item .el-overlay-1 img,
.iziToast-capsule,
.nav-tabs li a,
.nowPlayingUserThumb:hover {
    transition: none;
}

.bounceInDown,
.flipInX,
.flipInY,
.hvr-wobble-bottom:hover,
.revealIn,
.rubberBand,
.showSweetAlert[data-animation=pop],
.slideIn,
.slideInDown,
.slideInRight,
.tada {
    -webkit-animation-name: none;
    animation-name: none;
}

.mfp-3d-unfold .mfp-with-anim,
.mfp-zoom-out .mfp-with-anim {
    transform: none;
    transition: none;
}

#embyStreams hr.hidden-xs,
#plexStreams hr.hidden-xs,
#request-input-div span:first-of-type,
#splashScreen .flexbox:last-of-type span,
.blockMsg img,
.circular circle,
.el-card-content br:last-of-type,
.iziToast-progressbar,
.login-area:not(.hidden)+#page-wrapper,
.panel.panel-warning .pull-right,
.waves-effect .waves-ripple {
    display: none;
}

@-webkit-keyframes loading {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(1turn);
    }
}

@keyframes loading {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(1turn);
    }
}

html {
    background: var(--bg-light);
}

body {
    font: 13.25px Open Sans Semibold, Helvetica Neue, Helvetica, Arial, sans-serif;
    transition: background-image .2s;
}

#homepage-items .recent-title,
#to-recover span,
a {
    transition: color .2s;
}

body[data-active-tab=""] {
    position: absolute;
    background: var(--bg-dark) !important;
}

#page-wrapper,
#settings-settings-about li:hover,
.btn-1b .btn-primary:after,
.btn-1c .btn-primary:after,
.btn-1d .btn-primary:after,
.btn-1e .btn-primary:after,
.btn-1f .btn-primary:after,
.css-bar-info:after,
.navbar-header,
.panel,
.panel-body,
.panel-body.bg-org,
.tabs-style-flip .content-wrap,
.white-box {
    background: 0 0 !important;
}

#page-wrapper:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

@media screen and (max-width: 767px) {
    .fix-header #page-wrapper {
        margin-top: 40px;
    }
}

.iframe {
    height: calc(100vh - 40px);
}

.bg-title .breadcrumb a,
.bg-title h4,
.daterangepicker .input-mini,
.dd-handle,
.dd3-content,
.dropify-wrapper,
.el-card-avatar a,
.profile-social-icons a,
.steamline .sl-right div>a,
.text-dark,
button.list-group-item {
    color: var(--font-color-secondary) !important;
}

.bg-info,
.el-card-content.bg-org,
.mce-menu-item-sep:hover,
.mce-menubar .mce-menubtn.mce-active,
.mce-menubar .mce-menubtn:active,
.mce-menubar .mce-menubtn:hover,
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover,
.panel.bg-org,
.table-hover tbody tr:hover:only-child,
.well.bg-org,
.white-box.bg-org,
.panel-heading.bg-org,
.panel-wrapper.bg-org {
    background: 0 0 !important;
}

.login-register {
    background: var(--login-bg) !important;
}

#organizrNewsPanel .panel-title {
    color: var(--font-color-subtext);
    font-size: 13px;
}

#organizrNewsPanel .panel-collapse {
    padding: 0px 20px;
}

#homepage-items .flexbox,
#homepage-items .white-box,
#recoverform h3,
#splashScreen .flexbox,
#tfa-div,
.nowPlayingItem+.white-popup+.white-popup+.nowPlayingItem,
.nowPlayingItem:first-child:nth-last-child(3),
.panel.panel-green,
.panel.panel-success,
.white-popup p {
    margin: 0;
}

.panel.panel-green .panel-heading,
.panel.panel-success .panel-heading {
    color: #000;
    text-align: center;
    border-radius: 3px;
}

.panel.panel-warning .panel-heading {
    padding: 0 0 15px;
    border: 0;
    font-size: 18px;
    color: #fff;
    background: 0 0;
}

.customtab2,
.login-register .form-group .col-md-12,
.login-register .form-group .col-xs-12,
.panel.panel-warning .panel-body,
.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0;
}

.panel .panel-heading {
    font-size: 14px;
    font-weight: 600;
    color: #999;
    text-transform: uppercase;
}

.panel .panel-heading .btn {
    padding: 8px 12px;
    margin-top: -10px;
}

.btn.close-popup {
    padding-top: 0px !important;
    background: none !important;
}

.panel .panel-heading .btn.help-modal {
    margin-top: -4px;
    padding-top: 4px;
    padding-left: 9px;
}

.panel .panel-heading .btn.popup-with-form {
    padding: 2px;
    margin-top: -4px;
}

.panel .panel-heading .btn-group {
    margin-right: -.5rem;
}

.panel-default .panel-heading {
    background: var(--floating-object-color) !important;
    border-color: transparent;
    color: var(--font-color-secondary);
}

.ms-container .ms-selectable li,
.ms-container .ms-selection li,
.panel-default .panel-body {
    background: 0 0;
    color: var(--font-color-secondary);
}

.panel-info .panel-heading {
    background: var(--floating-object-color);
    color: #999;
    border-color: transparent;
}

.iziToast-icon,
.iziToast-message,
.iziToast-title,
.navbar-top-links>li>a:hover,
.panel-info a,
.tabs-style-flip nav a:hover,
.text-muted {
    color: var(--font-color-secondary) !important;
}

#homepage-items .btn-group .btn.focus,
#homepage-items .btn-group .btn:focus,
#homepage-items .btn-group .btn:hover,
#languageDropdown a:hover h5,
.ace_cursor,
.bg-emby:focus,
.bg-emby:hover,
.bg-plex:focus,
.bg-plex:hover,
.btn-youtube:focus,
.btn-youtube:hover,
.mce-btn button,
.mce-ico,
.mce-menu-item.mce-selected .mce-text,
.mce-menu-item:focus .mce-text,
.mce-menu-item:hover .mce-text,
.mce-menubar .mce-menubtn.mce-active button,
.mce-menubar .mce-menubtn:active button,
.mce-menubar .mce-menubtn:hover button,
.panel-info a:focus,
.panel-info a:hover,
.profile-social-icons a:focus,
.profile-social-icons a:hover,
.text-dark:hover,
a:focus,
a:hover {
    color: #fff !important;
}

.el-card-content small,
.recent-title {
    color: var(--font-color-subtext);
}

.ace-idle-fingers,
.bg-title,
.panel-blue .panel-heading,
.table-hover tbody tr:hover,
table.dataTable tbody tr,
table.dataTable tbody tr:hover {
    background: var(--floating-object-color) !important;
}

.bg-title {
    border-bottom: none;
}

.panel-white .panel-heading {
    border-color: transparent;
    color: var(--font-color-secondary);
}

.bg-theme,
.fc-day-header,
.table-striped>tbody>tr:nth-of-type(odd),
.bg-theme,
.fc th.fc-sun,
.fc th.fc-tue,
.fc th.fc-thu,
.fc th.fc-sat,
.fc th.fc-mon,
.fc th.fc-wed,
.fc th.fc-fri,
.fc-button {
    background: var(--floating-object-dark-color) !important;
}

.table>tbody>tr>td {
    border-top: none;
}

.bg-danger {
    background: var(--color-danger) !important;
}

.bg-success {
    background: #35e656 !important;
}

#homepage-items .table-bordered>tbody>tr>td,
#homepage-items .table-bordered>tbody>tr>th,
#homepage-items .table-bordered>tfoot>tr>td,
#homepage-items .table-bordered>tfoot>tr>th,
#homepage-items .table-bordered>thead>tr>td,
#homepage-items .table-bordered>thead>tr>th,
#homepage-items .table>tbody>tr>td,
#homepage-items .table>tbody>tr>th,
#homepage-items .table>tfoot>tr>td,
#homepage-items .table>tfoot>tr>th,
#homepage-items .table>thead>tr>td,
#homepage-items .table>thead>tr>th,
.ms-container .ms-list,
.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection,
.nav-tabs,
.well,
table.dataTable {
    border: 0;
}

.white-box .box-title {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}

blockquote {
    border-left-color: var(--color-hyperlink) !important;
}

.el-card-item .el-card-avatar,
.item {
    box-shadow: 0 0 2px rgba(0, 0, 0, .35);
}

.el-card-item:hover .el-card-avatar,
.item:hover {
    box-shadow: 0 0 0 2px var(--color-hyperlink);
}

.el-element-overlay .el-card-item .el-overlay-1 {
    overflow: visible;
}

.el-card-avatar a:focus,
.el-card-avatar a:hover,
.fc-next-button.focus,
.fc-next-button:focus,
.fc-next-button:hover,
.fc-prev-button.focus,
.fc-prev-button:focus,
.fc-prev-button:hover {
    background: 0 0 !important;
    color: #fff !important;
}

.el-element-overlay .white-box {
    padding: 2px;
}

.el-element-overlay a.btn-outline {
    color: var(--font-color-secondary);
    border: 0;
}

#splashScreen div[id^=menu-]:focus span,
#splashScreen div[id^=menu-]:hover span,
#to-recover span:hover,
.checkbox-primary input[type=checkbox]:hover label,
.el-element-overlay a.btn-outline:focus,
.el-element-overlay a.btn-outline:hover,
.recent-title::first-line,
.refreshImage:focus,
.refreshImage:hover,
a.text-primary:hover {
    color: #fff;
}

.el-element-overlay .el-card-item .el-overlay {
    transition: .2s;
    background: radial-gradient(farthest-corner at 50% 50%, rgba(0, 0, 0, .5) 50%, #333 100%);
}

.el-overlay-1:hover img {
    transform: none !important;
}

.lazyload:not(.homepageImageTitle) {
    background-color: rgba(0, 0, 0, .45);
}

.lazyload.recent-sponsor {
    margin-top: 2px;
    margin-bottom: 2px;
}

.recent-poster {
    margin-bottom: 50px;
    margin-top: 2px;
}

.recent-title {
    background: 0 0;
    display: block;
    padding: 5px 0 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 19px;
    transform: translateY(100%);
}

.recent-title small {
    font-size: 100% !important;
    font-weight: 600;
}

div[data-src*=ombi],
img[src*=ombi] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0%' y1='50%' y2='50%'%3E%3Cstop offset='0%' stop-color='%23CA7D29'/%3E%3Cstop offset='100%' stop-color='%23F6BD16'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='0%' y1='50%' y2='50%'%3E%3Cstop offset='0%' stop-color='%231F1F1F'/%3E%3Cstop offset='100%' stop-color='%232C2C2C'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none'%3E%3Ccircle cx='300' cy='300' r='300' fill='url(%23a)'/%3E%3Ccircle cx='300' cy='300' r='280' fill='url(%23b)'/%3E%3Cpath fill='url(%23a)' d='M463.985 433.944l-88.515-89.258c-1.03-1.033-2.169-1.822-3.256-2.68 14.952-23.134 23.683-50.69 23.683-80.37C395.897 180.093 330.353 114 249.45 114 168.589 114 103 180.093 103 261.636c0 81.554 65.589 147.632 146.449 147.632 29.43 0 56.795-8.825 79.778-23.902.837 1.122 1.604 2.237 2.618 3.262l88.526 89.268c6.044 6.076 13.916 9.104 21.8 9.104 7.887 0 15.765-3.028 21.803-9.09 12.026-12.151 12.026-31.824.01-43.966M249.45 362.649c-55.237 0-100.2-45.322-100.2-101.013 0-55.684 44.964-101.016 100.2-101.016 55.235 0 100.199 45.332 100.199 101.016 0 55.69-44.964 101.013-100.2 101.013'/%3E%3C/g%3E%3C/svg%3E") !important;
}

#preloader,
.error-page {
    background: var(--bg-dark) !important;
}

.circular {
    position: fixed;
    top: 30%;
    left: 50%;
}

body[style=''] #preloader {
    z-index: 2;
}

a {
    color: var(--color-hyperlink);
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

a.text-primary {
    font-weight: 600;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.dataTables_wrapper .dataTables_paginate,
a.list-group-item,
table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after,
table.dataTable thead .sorting_desc::after,
th {
    color: var(--font-color-secondary);
}

.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_processing,
.footable.breakpoint>tbody>tr>td>span.footable-toggle,
.mce-menu-item .mce-text,
.mce-menubar .mce-menubtn button,
.nav-tabs li a,
.tabs-style-flip nav,
.white-popup .panel-body .mdi,
.white-popup>.col-md-6>.white-box:nth-child(2) .mdi,
pre {
    color: #999 !important;
}

.profile-pic b,
b {
    font-weight: 600;
}

.bg-title h4,
.error-page h1,
.label.m-l-20 {
    font-weight: 700;
}

code {
    background: var(--floating-object-color-hover);
    color: var(--font-color-secondary);
}

#homepage-items h3,
.font-medium,
.tabs-style-flip nav a span {
    text-transform: none;
}

#speedtest-area .ti-download,
.has-success .checkbox,
.has-success .checkbox label,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label,
.text-success {
    color: #35e656;
}

.has-failure .checkbox,
.has-failure .checkbox label,
.has-failure .checkbox-inline,
.has-failure .control-label,
.has-failure .help-block,
.has-failure .radio,
.has-failure .radio-inline,
.has-failure.checkbox-inline label,
.has-failure.radio label,
.has-failure.radio-inline label,
.text-danger {
    color: var(--color-danger);
}

.text-info,
.text-primary,
.text-purple {
    color: #e3891c !important;
}

.has-success .form-control {
    border: 2px solid #35e656;
}

.has-failure .form-control {
    border: 2px solid var(--color-danger);
}

.label {
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.label-info {
    background: var(--floating-object-color) !important;
    color: var(--font-color-secondary) !important;
}

#settings-settings-updates .label-info {
    background: var(--btn-color-focused) !important;
    color: #fff !important;
}

.label-success {
    background: #35e656;
    color: #000;
}

.label-danger {
    background: var(--color-danger);
}

.label-inverse,
.label-warning {
    background: var(--floating-object-dark-color);
}

.label.m-l-20 {
    margin-left: 10px !important;
    padding: 3px 8px;
}

.btn:not(.dropdown-toggle) {
    padding: 6px 12px;
    margin-right: 1px;
    margin-left: 1px;
}

#settings-plugins-marketplace .el-card-item:hover .el-card-avatar,
.btn.active,
.btn:active,
.dataTables_wrapper .dataTables_paginate .paginate_button:active,
.ms-container .ms-list.ms-focus {
    box-shadow: none;
}

.bg-plex,
.btn-info,
.btn[data-filter=request-result-movie],
.btn[data-filter=request-result-music],
.btn[data-filter=request-result-tv] {
    background: var(--btn-color-focused) !important;
    color: #fff !important;
    border: 0 !important;
}

.btn[data-filter=request-result-movie].disabled,
.btn[data-filter=request-result-movie]:disabled,
.btn[data-filter=request-result-music].disabled,
.btn[data-filter=request-result-music]:disabled,
.btn[data-filter=request-result-tv].disabled,
.btn[data-filter=request-result-tv]:disabled {
    background: var(--btn-color-focused) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: .7;
}

.btn[data-filter=request-result-movie].disabled.focus,
.btn[data-filter=request-result-movie].disabled:focus,
.btn[data-filter=request-result-movie].disabled:hover,
.btn[data-filter=request-result-movie]:disabled.focus,
.btn[data-filter=request-result-movie]:disabled:focus,
.btn[data-filter=request-result-movie]:disabled:hover,
.btn[data-filter=request-result-music].disabled.focus,
.btn[data-filter=request-result-music].disabled:focus,
.btn[data-filter=request-result-music].disabled:hover,
.btn[data-filter=request-result-music]:disabled.focus,
.btn[data-filter=request-result-music]:disabled:focus,
.btn[data-filter=request-result-music]:disabled:hover,
.btn[data-filter=request-result-tv].disabled.focus,
.btn[data-filter=request-result-tv].disabled:focus,
.btn[data-filter=request-result-tv].disabled:hover,
.btn[data-filter=request-result-tv]:disabled.focus,
.btn[data-filter=request-result-tv]:disabled:focus,
.btn[data-filter=request-result-tv]:disabled:hover {
    background: var(--btn-color-focused) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: .7;
}

.bg-plex.focus,
.bg-plex:focus,
.bg-plex:hover,
.btn-info.focus,
.btn-info:focus,
.btn-info:hover,
.btn[data-filter=request-result-movie].focus,
.btn[data-filter=request-result-movie]:focus,
.btn[data-filter=request-result-movie]:hover,
.btn[data-filter=request-result-music].focus,
.btn[data-filter=request-result-music]:focus,
.btn[data-filter=request-result-music]:hover,
.btn[data-filter=request-result-tv].focus,
.btn[data-filter=request-result-tv]:focus,
.btn[data-filter=request-result-tv]:hover {
    background: var(--btn-color-focused-hover) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: 1;
}

.btn[data-filter=request-result-movie].active,
.btn[data-filter=request-result-movie]:active,
.btn[data-filter=request-result-music].active,
.btn[data-filter=request-result-music]:active,
.btn[data-filter=request-result-tv].active,
.btn[data-filter=request-result-tv]:active {
    background: #955a12 !important;
    color: #fff !important;
    border: 0 !important;
    opacity: 1;
}

.btn[data-filter=request-result-movie].active.focus,
.btn[data-filter=request-result-movie].active:focus,
.btn[data-filter=request-result-movie].active:hover,
.btn[data-filter=request-result-movie]:active.focus,
.btn[data-filter=request-result-movie]:active:focus,
.btn[data-filter=request-result-movie]:active:hover,
.btn[data-filter=request-result-music].active.focus,
.btn[data-filter=request-result-music].active:focus,
.btn[data-filter=request-result-music].active:hover,
.btn[data-filter=request-result-music]:active.focus,
.btn[data-filter=request-result-music]:active:focus,
.btn[data-filter=request-result-music]:active:hover,
.btn[data-filter=request-result-tv].active.focus,
.btn[data-filter=request-result-tv].active:focus,
.btn[data-filter=request-result-tv].active:hover,
.btn[data-filter=request-result-tv]:active.focus,
.btn[data-filter=request-result-tv]:active:focus,
.btn[data-filter=request-result-tv]:active:hover {
    background: #955a12 !important;
    color: #fff !important;
    border: 0 !important;
    opacity: 1;
}

.btn-outline.btn-primary,
.btn-primary,
.btn[data-filter=request-result-all],
.mce-btn,
.sweet-alert button.cancel {
    background: var(--input-box-color) !important;
    color: #fff !important;
    border: 0 !important;
}

.btn[data-filter=request-result-all].disabled,
.btn[data-filter=request-result-all]:disabled {
    background: var(--input-box-color) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: .7;
}

.btn[data-filter=request-result-all].disabled.focus,
.btn[data-filter=request-result-all].disabled:focus,
.btn[data-filter=request-result-all].disabled:hover,
.btn[data-filter=request-result-all]:disabled.focus,
.btn[data-filter=request-result-all]:disabled:focus,
.btn[data-filter=request-result-all]:disabled:hover {
    background: var(--input-box-color) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: .7;
}

#settings-plugins-marketplace .btn-success.focus,
#settings-plugins-marketplace .btn-success:focus,
#settings-plugins-marketplace .btn-success:hover,
#splashScreen .flexbox:last-of-type .bg-danger.focus,
#splashScreen .flexbox:last-of-type .bg-danger:focus,
#splashScreen .flexbox:last-of-type .bg-danger:hover,
.btn-outline.btn-primary.focus,
.btn-outline.btn-primary:focus,
.btn-outline.btn-primary:hover,
.btn-outline.btn-warning.focus,
.btn-outline.btn-warning:focus,
.btn-outline.btn-warning:hover,
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover,
.btn[data-filter=request-result-all].focus,
.btn[data-filter=request-result-all]:focus,
.btn[data-filter=request-result-all]:hover,
.mce-btn.focus,
.mce-btn:focus,
.mce-btn:hover,
.sweet-alert button.cancel.focus,
.sweet-alert button.cancel:focus,
.sweet-alert button.cancel:hover {
    background: var(--btn-color-hover) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: 1;
}

.btn[data-filter=request-result-all].active,
.btn[data-filter=request-result-all]:active {
    background: var(--btn-color) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: 1;
}

.btn[data-filter=request-result-all].active.focus,
.btn[data-filter=request-result-all].active:focus,
.btn[data-filter=request-result-all].active:hover,
.btn[data-filter=request-result-all]:active.focus,
.btn[data-filter=request-result-all]:active:focus,
.btn[data-filter=request-result-all]:active:hover {
    background: var(--btn-color) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: 1;
}

#calendar,
#homepage-items .pull-left.m-t-5,
#newRequestButton,
.btn.row,
.login-register .form-group.m-b-0,
.login-register .form-group.m-t-40,
body[data-active-tab=''] #invite-area .invite-step-1 .input-group:last-of-type {
    margin: 0 !important;
}

.bg-plex.disabled,
.bg-plex:disabled,
.btn-info.disabled,
.btn-info:disabled {
    background: var(--btn-color-focused) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: .7;
}

.bg-plex.disabled.focus,
.bg-plex.disabled:focus,
.bg-plex.disabled:hover,
.bg-plex:disabled.focus,
.bg-plex:disabled:focus,
.bg-plex:disabled:hover,
.btn-info.disabled.focus,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info:disabled.focus,
.btn-info:disabled:focus,
.btn-info:disabled:hover {
    background: var(--btn-color-focused) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: .7;
}

.bg-plex.active,
.bg-plex:active,
.btn-info.active,
.btn-info:active {
    background: #955a12 !important;
    color: #fff !important;
    border: 0 !important;
    opacity: 1;
}

.bg-plex.active.focus,
.bg-plex.active:focus,
.bg-plex.active:hover,
.bg-plex:active.focus,
.bg-plex:active:focus,
.bg-plex:active:hover,
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover {
    background: #955a12 !important;
    color: #fff !important;
    border: 0 !important;
    opacity: 1;
}

.btn-outline {
    border-width: 2px;
}

.btn-lg {
    padding: 12px 30px;
}

.btn-label {
    background: 0 0;
    padding: 0;
    margin: 0 8px 0 0;
}

.btn-primary.disabled,
.btn-primary:disabled {
    background: var(--input-box-color) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: .7;
}

.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary:disabled.focus,
.btn-primary:disabled:focus,
.btn-primary:disabled:hover {
    background: var(--input-box-color) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: .7;
}

.btn-primary.active,
.btn-primary:active {
    background: var(--btn-color) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: 1;
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover {
    background: var(--btn-color) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: 1;
}

.btn-outline.btn-primary.disabled,
.btn-outline.btn-primary:disabled {
    background: var(--input-box-color) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: .7;
}

.btn-outline.btn-primary.disabled.focus,
.btn-outline.btn-primary.disabled:focus,
.btn-outline.btn-primary.disabled:hover,
.btn-outline.btn-primary:disabled.focus,
.btn-outline.btn-primary:disabled:focus,
.btn-outline.btn-primary:disabled:hover {
    background: var(--input-box-color) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: .7;
}

.btn-outline.btn-primary.active,
.btn-outline.btn-primary:active {
    background: var(--btn-color) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: 1;
}

.btn-outline.btn-primary.active.focus,
.btn-outline.btn-primary.active:focus,
.btn-outline.btn-primary.active:hover,
.btn-outline.btn-primary:active.focus,
.btn-outline.btn-primary:active:focus,
.btn-outline.btn-primary:active:hover {
    background: var(--btn-color) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: 1;
}

#settings-plugins-marketplace .btn-success,
.btn-outline.btn-warning {
    background: var(--input-box-color) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 1000px;
}

.btn-outline.btn-warning.disabled,
.btn-outline.btn-warning:disabled {
    background: var(--input-box-color) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: .7;
}

.btn-outline.btn-warning.disabled.focus,
.btn-outline.btn-warning.disabled:focus,
.btn-outline.btn-warning.disabled:hover,
.btn-outline.btn-warning:disabled.focus,
.btn-outline.btn-warning:disabled:focus,
.btn-outline.btn-warning:disabled:hover {
    background: var(--input-box-color) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: .7;
}

.btn-outline.btn-warning.active,
.btn-outline.btn-warning:active {
    background: var(--btn-color) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: 1;
}

.btn-outline.btn-warning.active.focus,
.btn-outline.btn-warning.active:focus,
.btn-outline.btn-warning.active:hover,
.btn-outline.btn-warning:active.focus,
.btn-outline.btn-warning:active:focus,
.btn-outline.btn-warning:active:hover {
    background: var(--btn-color) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: 1;
}

.btn-outline.changeDefaultCategory.disabled,
.btn-outline.changeDefaultGroup.disabled {
    background: #fff !important;
    color: #18191b !important;
}

div[id^=request]:not(#request-input-div) .dropdown-toggle {
    background: rgba(0, 0, 0, .5) !important;
    color: inherit !important;
    border: 0 !important;
}

div[id^=request]:not(#request-input-div) .dropdown-toggle.disabled,
div[id^=request]:not(#request-input-div) .dropdown-toggle:disabled {
    background: rgba(0, 0, 0, .5) !important;
    color: inherit !important;
    border: 0 !important;
    opacity: .7;
}

div[id^=request]:not(#request-input-div) .dropdown-toggle.disabled.focus,
div[id^=request]:not(#request-input-div) .dropdown-toggle.disabled:focus,
div[id^=request]:not(#request-input-div) .dropdown-toggle.disabled:hover,
div[id^=request]:not(#request-input-div) .dropdown-toggle:disabled.focus,
div[id^=request]:not(#request-input-div) .dropdown-toggle:disabled:focus,
div[id^=request]:not(#request-input-div) .dropdown-toggle:disabled:hover {
    background: rgba(0, 0, 0, .5) !important;
    color: inherit !important;
    border: 0 !important;
    opacity: .7;
}

div[id^=request]:not(#request-input-div) .dropdown-toggle.focus,
div[id^=request]:not(#request-input-div) .dropdown-toggle:focus,
div[id^=request]:not(#request-input-div) .dropdown-toggle:hover {
    background: rgba(26, 26, 26, .5) !important;
    color: inherit !important;
    border: 0 !important;
    opacity: 1;
}

div[id^=request]:not(#request-input-div) .dropdown-toggle.active,
div[id^=request]:not(#request-input-div) .dropdown-toggle:active {
    background: rgba(0, 0, 0, .5) !important;
    color: inherit !important;
    border: 0 !important;
    opacity: 1;
}

div[id^=request]:not(#request-input-div) .dropdown-toggle.active.focus,
div[id^=request]:not(#request-input-div) .dropdown-toggle.active:focus,
div[id^=request]:not(#request-input-div) .dropdown-toggle.active:hover,
div[id^=request]:not(#request-input-div) .dropdown-toggle:active.focus,
div[id^=request]:not(#request-input-div) .dropdown-toggle:active:focus,
div[id^=request]:not(#request-input-div) .dropdown-toggle:active:hover {
    background: rgba(0, 0, 0, .5) !important;
    color: inherit !important;
    border: 0 !important;
    opacity: 1;
}

.btn-success {
    background: #35e656 !important;
    color: #fff !important;
    border: 0 !important;
}

.btn-success.disabled,
.btn-success:disabled {
    background: #35e656 !important;
    color: #fff !important;
    border: 0 !important;
    opacity: .7;
}

.btn-success.disabled.focus,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success:disabled.focus,
.btn-success:disabled:focus,
.btn-success:disabled:hover {
    background: #35e656 !important;
    color: #fff !important;
    border: 0 !important;
    opacity: .7;
}

.btn-success.focus,
.btn-success:focus,
.btn-success:hover {
    background: #62ec7c !important;
    color: #fff !important;
    border: 0 !important;
    opacity: 1;
}

.btn-success.active,
.btn-success:active {
    background: #1ace3b !important;
    color: #fff !important;
    border: 0 !important;
    opacity: 1;
}

.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover {
    background: #1ace3b !important;
    color: #fff !important;
    border: 0 !important;
    opacity: 1;
}

.btn-danger,
.btn-danger.disabled,
.btn-danger:disabled,
.sweet-alert button.confirm {
    background: var(--color-danger) !important;
    border: 0 !important;
    color: #fff !important;
}

.btn-danger.disabled,
.btn-danger:disabled {
    opacity: .7;
}

.btn-danger.disabled.focus,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger:disabled.focus,
.btn-danger:disabled:focus,
.btn-danger:disabled:hover {
    background: var(--color-danger) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: .7;
}

.btn-danger.btn-outline.focus,
.btn-danger.btn-outline:focus,
.btn-danger.btn-outline:hover,
.btn-danger.focus,
.btn-danger:focus,
.btn-danger:hover,
.sweet-alert button.confirm.focus,
.sweet-alert button.confirm:focus,
.sweet-alert button.confirm:hover {
    background: var(--color-danger-hover) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: 1;
}

.btn-danger.active,
.btn-danger:active {
    background: #ca1818 !important;
    color: #fff !important;
    border: 0 !important;
    opacity: 1;
}

.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover {
    background: #ca1818 !important;
    color: #fff !important;
    border: 0 !important;
    opacity: 1;
}

.btn-danger.btn-outline {
    background: var(--color-danger) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 1000px;
}

.btn-danger.btn-outline.disabled,
.btn-danger.btn-outline:disabled {
    background: var(--color-danger) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: .7;
}

.btn-danger.btn-outline.disabled.focus,
.btn-danger.btn-outline.disabled:focus,
.btn-danger.btn-outline.disabled:hover,
.btn-danger.btn-outline:disabled.focus,
.btn-danger.btn-outline:disabled:focus,
.btn-danger.btn-outline:disabled:hover {
    background: var(--color-danger) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: .7;
}

.btn-danger.btn-outline.active,
.btn-danger.btn-outline:active {
    background: #ca1818 !important;
    color: #fff !important;
    border: 0 !important;
    opacity: 1;
}

.btn-youtube,
.btn-youtube.disabled,
.btn-youtube:disabled {
    background: red !important;
    border: 0 !important;
}

.btn-danger.btn-outline.active.focus,
.btn-danger.btn-outline.active:focus,
.btn-danger.btn-outline.active:hover,
.btn-danger.btn-outline:active.focus,
.btn-danger.btn-outline:active:focus,
.btn-danger.btn-outline:active:hover {
    background: #ca1818 !important;
    color: #fff !important;
    border: 0 !important;
    opacity: 1;
}

.btn-circle.btn-lg {
    padding: 10px;
    font-size: 18px;
}

.btn-youtube.disabled,
.btn-youtube:disabled {
    color: inherit !important;
    opacity: .7;
}

.btn-youtube.disabled.focus,
.btn-youtube.disabled:focus,
.btn-youtube.disabled:hover,
.btn-youtube:disabled.focus,
.btn-youtube:disabled:focus,
.btn-youtube:disabled:hover {
    background: red !important;
    color: inherit !important;
    border: 0 !important;
    opacity: .7;
}

.btn-youtube.focus,
.btn-youtube:focus,
.btn-youtube:hover {
    background: #f33 !important;
    color: inherit !important;
    border: 0 !important;
    opacity: 1;
}

.btn-youtube.active,
.btn-youtube:active {
    background: #c00 !important;
    color: inherit !important;
    border: 0 !important;
    opacity: 1;
}

.btn-youtube.active.focus,
.btn-youtube.active:focus,
.btn-youtube.active:hover,
.btn-youtube:active.focus,
.btn-youtube:active:focus,
.btn-youtube:active:hover {
    background: #c00 !important;
    color: inherit !important;
    border: 0 !important;
    opacity: 1;
}

.bg-emby,
.bg-plex,
.btn-youtube {
    color: var(--font-color-secondary) !important;
}

.mce-btn.disabled,
.mce-btn:disabled {
    background: var(--input-box-color) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: .7;
}

.mce-btn.disabled.focus,
.mce-btn.disabled:focus,
.mce-btn.disabled:hover,
.mce-btn:disabled.focus,
.mce-btn:disabled:focus,
.mce-btn:disabled:hover {
    background: var(--input-box-color) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: .7;
}

.mce-btn.active,
.mce-btn:active {
    background: var(--btn-color) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: 1;
}

.mce-btn.active.focus,
.mce-btn.active:focus,
.mce-btn.active:hover,
.mce-btn:active.focus,
.mce-btn:active:focus,
.mce-btn:active:hover {
    background: var(--btn-color) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: 1;
}

.mce-btn .mce-open,
.mce-btn-group:not(:first-child),
.mce-menubar {
    border: 0 !important;
}

.mce-caret,
.mce-menubar .mce-menubtn.mce-active .mce-caret,
.mce-menubar .mce-menubtn:active .mce-caret,
.mce-menubar .mce-menubtn:hover .mce-caret {
    border-top-color: #fff !important;
}

.mce-menubar .mce-menubtn {
    background: 0 0 !important;
    border: 0 !important;
    border-radius: 3px;
    text-shadow: none !important;
}

.mce-menubar .mce-menubtn .mce-caret {
    border-top-color: #999 !important;
}

.btn-group .btn:not(.dropdown-toggle):not(:only-child) {
    margin-right: 0;
    border-radius: 0 !important;
}

.btn-group .btn:first-child:not(:last-child) {
    border-right-width: 0 !important;
    border-radius: 3px 0 0 3px !important;
}

.btn-group .btn:last-child:not(:first-child) {
    border-left-width: 0 !important;
    border-radius: 0 3px 3px 0 !important;
}

.btn-group .btn.btn-outline.dropdown-toggle {
    border-radius: 3px !important;
}

.btn-group.open .dropdown-toggle,
.fc-state-default {
    text-shadow: none;
    box-shadow: none;
}

.customPoster a,
.mce-label {
    text-shadow: none !important;
}

.nav-tab {
    margin: 0;
    border: 0;
    border-radius: 0;
}

.fc-state-hover,
.mailbox-widget .customtab li:hover a,
.mediaSearch-div .el-card-item:hover .el-overlay-1::after {
    opacity: 1;
}

.nav-tabs li a {
    background: var(--floating-object-color);
    margin: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.nav-tabs li a:focus,
.nav-tabs li a:hover {
    background: var(--floating-object-color-hover) !important;
    color: var(--font-color-secondary) !important;
}

.nav-tabs li.active a {
    background: var(--floating-object-color-hover) !important;
    border-radius: 0px !important;
    color: var(--font-color-secondary) !important;
    border: 0;
    cursor: pointer;
}

.nav-tabs li.active a:focus,
.nav-tabs li.active a:hover {
    background: var(--floating-object-color-hover);
    border: 0;
    cursor: pointer;
}

.iziToast-wrapper {
    text-align: center !important;
    padding: 0;
    bottom: 0;
    top: auto;
}

.iziToast {
    background: #000 !important;
    border: 0 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .5);
    padding: 10px 20px;
}

.iziToast>.iziToast-close {
    width: 100%;
    opacity: 0;
}

.iziToast-body {
    height: initial;
    min-height: initial;
    margin: 0;
}

.iziToast-texts {
    margin: 0 !important;
    padding: 0 !important;
}

.iziToast-message {
    margin-bottom: 0 !important;
    font-weight: 400;
}

.iziToast-message:only-child {
    margin-top: 10px !important;
}

.error-page h1 {
    font-size: 128px;
}

.error-box {
    top: inherit;
}

.login-register .login-box {
    background: 0 0;
    width: 480px;
    height: initial;
    right: initial;
    position: fixed;
}

.login-register h1 {
    color: #fff;
    font-weight: 700;
    text-transform: none;
    width: 320px;
    margin: 0;
}

.login-register .white-box {
    background: var(--floating-object-dark-color);
    margin: 0;
    padding: 0;
}

.login-register form {
    width: 320px;
    margin: auto;
    padding-top: 30px;
}

.login-register .form-group {
    margin: 15px 0;
    overflow: visible;
}

.login-register .form-group.m-b-0 {
    color: #a8a8ab;
}

.login-register .form-group.m-b-0 p {
    margin: 10px 0 0 0;
}

#loginform .form-group .btn {
    margin: 0px !important;
}

#tfa-div .btn {
    margin: 0px !important;
    border-radius: 0px 0px 3px 3px !important;
    background: rgb(204, 123, 25);
    border: none;
}

#tfa-div .panel-body {
    border-radius: 3px !important;
}

#tfa-div .tfa-input {
    border-radius: 0px 3px 0px 0px !important;
}

@media screen and (max-width: 768px) {
    #tfa-div .tfa-input {
        border-radius: 3px 3px 0px 0px !important;
    }
}

#organizr-login-collapse .form-group {
    margin-top: 0px;
}

#organizr-login-collapse .panel-body {
    padding-top: 30px;
    padding-bottom: 30px;
}

#loginform .m-t-10 {
    margin-top: -20px !important;
}

#loginform .panel-body {
    background: var(--floating-object-dark-color) !important;
}

@media screen and (min-width: 350px) {
    .login-register {
        width: 480px;
        height: 300px;
    }
    .login-register .white-box {
        width: 480px;
    }
}

#login-logo {
    display: block !important;
    height: 0;
    position: absolute;
    top: -70px;
}

.loginLogo {
    max-width: 320px;
    border: 0;
    margin-top: 35px;
    transform: translateY(-100%);
}

#registerForm .form-group {
    margin: 15px 0 !important;
}

#recoverform .form-group:first-of-type,
#registerForm .form-group:first-of-type,
body[data-active-tab=''] #invite-area .input-group:first-of-type {
    margin: 0 0 15px !important;
}

#recoverform .form-group:last-of-type,
#registerForm .form-group:last-of-type {
    margin: 15px 0 0 !important;
    padding: 0 0 30px;
}

#to-recover span {
    color: var(--font-color-subtext);
}

body[data-active-tab=''] #invite-area .panel {
    max-width: 480px;
    margin: auto;
}

body[data-active-tab=''] #invite-area .panel-body {
    padding: 35px;
}

body[data-active-tab=''] #invite-area .invite-step-1 {
    max-width: 210px;
}

body[data-active-tab=''] #invite-area .form-group {
    margin: 0 auto;
}

.tabEditor .radio,
.tabEditor .switchery,
.white-popup-block .btn.row,
body[data-active-tab=''] #invite-area .input-group {
    margin: 15px 0;
    overflow: hidden;
}

body[data-active-tab=''] #invite-area .input-group:last-of-type {
    margin: 15px 0 0 !important;
}

.white-popup .panel,
body[data-active-tab=''] #invite-area .input-group .form-control:last-child {
    border-radius: 3px;
}

body[data-active-tab=''] #invite-area h4 {
    text-transform: none;
    font-weight: 600;
    margin: 0;
}

#inviteCodeInput {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Source Code Pro", "Droid Sans Mono", "Liberation Mono", "Fira Mono", "Courier New", monospace;
    font-size: 50px !important;
    font-weight: 400;
}

.blockOverlay {
    background: rgba(0, 0, 0, .5) !important;
}

.blockMsg {
    background: 0 0 !important;
    border: 0 !important;
    width: 90% !important;
}

.blockMsg h5 {
    color: transparent;
}

.blockMsg h5:after {
    content: '';
    display: block;
    top: 50%;
    left: 50%;
}

.form-control,
.form-material .form-control,
.input-group .form-control,
.select2-container--default .select2-search--dropdown .select2-search__field,
input,
select,
span.select2-selection.select2-selection--multiple,
span.select2-selection.select2-selection--single {
    color: var(--font-color-secondary);
    margin: 0;
    border: 0;
    height: 36px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    padding: 0 12px;
    border-radius: 3px !important;
    vertical-align: middle;
    background: var(--input-box-color);
    transition: background .2s;
}

.ti-fullscreen,
.top-left-part a {
    line-height: 40px;
}

.form-control.focus,
.form-control:focus,
.form-material .form-control.focus,
.form-material .form-control:focus,
.input-group .form-control.focus,
.input-group .form-control:focus,
.select2-container--default .select2-search--dropdown .select2-search__field.focus,
.select2-container--default .select2-search--dropdown .select2-search__field:focus,
input.focus,
input:focus,
select.focus,
select:focus,
span.select2-selection.select2-selection--multiple.focus,
span.select2-selection.select2-selection--multiple:focus,
span.select2-selection.select2-selection--single.focus,
span.select2-selection.select2-selection--single:focus {
    color: var(--input-box-font-color-focus);
    background: var(--input-box-color-focus);
    border-radius: 3px;
}

#settings-homepage-list .lazyload,
#settings-image-manager-list .lazyload,
#settings-plugins-active .lazyload,
.fc-day,
.form-control[disabled],
.form-control[readonly],
.form-material .form-control[disabled],
.form-material .form-control[readonly],
.input-group .form-control[disabled],
.input-group .form-control[readonly],
.select2-container--default .select2-search--dropdown .select2-search__field[disabled],
.select2-container--default .select2-search--dropdown .select2-search__field[readonly],
input[disabled],
input[readonly],
select[disabled],
select[readonly],
span.select2-selection.select2-selection--multiple[disabled],
span.select2-selection.select2-selection--multiple[readonly],
span.select2-selection.select2-selection--single[disabled],
span.select2-selection.select2-selection--single[readonly] {
    background: var(--floating-object-color);
}

.control-label {
    color: #999;
}

.input-group .form-control:not(:first-child):not(:last-child) {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.input-group .form-control:first-child.focus,
.input-group .form-control:first-child:focus {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group-addon {
    background: #333 !important;
    color: #bbb;
    border-color: transparent;
    border-radius: 3px;
}

.input-group-btn .btn {
    background: #333;
    color: #bbb;
    border-color: transparent;
    padding: 6.5px 12px;
    transition: none;
}

.input-group-btn .btn:focus,
.input-group-btn .btn:hover {
    background: #333;
    color: #bbb;
    border-color: transparent;
}

.input-group-btn .btn:active:focus,
.input-group-btn .btn:active:hover {
    background: var(--btn-color-focused);
    color: #fff;
    border-color: transparent;
}

.checkbox label::before {
    background: var(--floating-object-color-hover);
    border: 0;
    border-radius: 3px;
}

.slimScrollBar,
.slimScrollRail {
    width: 3px !important;
    border-radius: 0 !important;
}

.checkbox label::after {
    top: 2px;
}

.checkbox-primary input[type=checkbox] label {
    color: var(--font-color-subtext);
    font-weight: 600;
}

.checkbox-primary input[type=checkbox]:checked+label::before {
    background: var(--btn-color-focused);
    border-color: var(--color-hyperlink);
}

input[type=checkbox],
input[type=radio] {
    margin: 0;
    height: 17px;
}

.radio-purple input[type=radio]+label::before {
    background: var(--input-box-color);
    transition: .2s;
}

.progress-bar-info,
.radio-purple input[type=radio]+label::after,
.radio-purple input[type=radio]:checked+label::after {
    background: var(--btn-color-focused);
}

.radio-purple input[type=radio]:checked+label::before {
    background: var(--floating-object-color);
    border-color: var(--color-hyperlink);
}

.navbar {
    background: var(--navbar-color);
    width: 100%;
}

.navbar-header {
    padding-left: 10px;
    padding-right: 10px;
}

img.dark-logo {
    max-height: 30px;
    max-width: 165px;
}

img.dark-logo-side {
    max-height: 30px;
}

.top-left-part a {
    color: var(--font-color-primary);
    font-size: 21px;
    text-transform: none;
}

.navbar-top-links>li>a {
    background: 0 0 !important;
    color: var(--font-color-secondary);
    transition: none;
}

.dropdown-toggle.profile-pic {
    padding-right: 10px;
}

.navbar-top-links.navbar-left li:first-of-type i {
    width: 14px !important;
}

.navbar-top-links .dropdown-user .dw-user-box .u-img img {
    border-radius: 1000px;
}

.profile-pic .img-circle {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);
    margin-top: -4px;
    height: 30px;
    width: 30px;
}

.profile-pic:hover .img-circle {
    background: #eee;
    box-shadow: 0 0 0 2px #eee;
}

.profile-pic[aria-expanded=true] .img-circle {
    background: var(--color-focused);
    box-shadow: 0 0 0 2px var(--color-focused);
}

.fc-today.fc-day-header a,
.fc-today.fc-day-header span,
.fc-today.fc-day-top a,
.fc-today.fc-state-highlight a,
.profile-pic[aria-expanded=true] .caret,
.profile-pic[aria-expanded=true] b {
    color: var(--color-focused);
}

.slimScrollBar {
    background: #fff !important;
    pointer-events: none;
}

.sidebar {
    background: var(--floating-object-color) !important;
    box-shadow: none;
    transition: .2s;
}

.sidebar .label {
    padding: 5px 8px;
    cursor: pointer;
}

.sidebar .slimScrollBar,
.sidebar .slimScrollRail {
    left: 0 !important;
}

.sidebar-head {
    background: var(--floating-object-dark-color) !important;
}

.sidebar-head h3 {
    color: var(--font-color-primary) !important;
    font-weight: 400;
    text-transform: none;
    padding: 1px 0 !important;
    transition: .2s;
    margin: 0px;
}

.sidebar-head h3 .m-r-5 {
    margin-right: 10px !important;
}

.sidebar-head h3 i {
    font-size: 14px;
    position: relative;
    top: 2px;
}

.genre-list .badge,
.sidebar-head h3 span {
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ping .heartbit {
    z-index: 9;
}

#side-menu li a {
    color: var(--font-color-secondary);
    font-weight: 600 !important;
    padding: 7.5px 35px 7.5px 15px;
    margin-bottom: 10px;
    transition: all 0.3s ease;
}

#side-menu li a:hover {
    color: #fff;
    background: var(--floating-object-color-hover) !important;
}

#side-menu li a:focus {
    color: #fff;
    background: transparent;
}

#side-menu li a.active,
#side-menu li a:active {
    background: var(--floating-object-color-hover);
    color: var(--color-focused) !important;
    box-shadow: none !important;
}

.tabLoaded {
    -webkit-filter: none;
    filter: none;
}

#splashScreen {
    overflow-y: auto;
}

#splashScreen div[id^=menu-] {
    background-color: #18191b;
    border-radius: 3px;
    max-width: 120px;
    height: 155px;
    margin: 24px 20px 0 0 !important;
    padding: 0;
}

#splashScreen div[id^=menu-]:focus .fc-event,
#splashScreen div[id^=menu-]:hover .fc-event {
    box-shadow: 0 0 0 4px #fff;
}

#splashScreen div[id^=menu-]:focus .splash-badge,
#splashScreen div[id^=menu-]:hover .splash-badge,
.plyr:focus .plyr__control--overlaid,
.plyr:hover .plyr__control--overlaid {
    background: var(--btn-color-focused-hover);
}

#splashScreen .bg-org.fc-event {
    background-color: #3f4245;
    border-radius: 1000px;
    height: 80px !important;
    width: 80px !important;
    margin: 25px auto 0;
    padding: 0;
}

#splashScreen .homepage-text {
    width: 120px;
    background: rgba(0, 0, 0, .5);
    color: #999;
    font-size: 14px;
    text-align: center;
    margin: 0;
    position: absolute;
    padding: 5px;
    bottom: -50px;
    left: -20px;
}

#splashScreen .flexbox:first-of-type {
    width: calc(100% - 40px);
    margin: 48px auto 62px;
}

#splashScreen .flexbox:first-of-type div[id^=menu]:first-of-type:before {
    content: 'Select App';
    display: block;
    color: var(--font-color-secondary);
    font-size: 20px;
    font-weight: 400;
    position: absolute;
    top: -65px;
    pointer-events: none;
}

#splashScreen .flexbox:last-of-type {
    padding: 0 !important;
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(calc(-50% - 10px));
}

#splashScreen .flexbox:last-of-type .bg-danger {
    background: var(--input-box-color) !important;
    color: #fff !important;
    border: 0 !important;
    height: auto;
    padding: 12px;
}

#splashScreen .flexbox:last-of-type .bg-danger.disabled,
#splashScreen .flexbox:last-of-type .bg-danger:disabled {
    background: var(--input-box-color) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: .7;
}

#splashScreen .flexbox:last-of-type .bg-danger.disabled.focus,
#splashScreen .flexbox:last-of-type .bg-danger.disabled:focus,
#splashScreen .flexbox:last-of-type .bg-danger.disabled:hover,
#splashScreen .flexbox:last-of-type .bg-danger:disabled.focus,
#splashScreen .flexbox:last-of-type .bg-danger:disabled:focus,
#splashScreen .flexbox:last-of-type .bg-danger:disabled:hover {
    background: var(--input-box-color) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: .7;
}

#splashScreen .flexbox:last-of-type .bg-danger.active,
#splashScreen .flexbox:last-of-type .bg-danger:active {
    background: var(--btn-color) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: 1;
}

#splashScreen .flexbox:last-of-type .bg-danger.active.focus,
#splashScreen .flexbox:last-of-type .bg-danger.active:focus,
#splashScreen .flexbox:last-of-type .bg-danger.active:hover,
#splashScreen .flexbox:last-of-type .bg-danger:active.focus,
#splashScreen .flexbox:last-of-type .bg-danger:active:focus,
#splashScreen .flexbox:last-of-type .bg-danger:active:hover {
    background: var(--btn-color) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: 1;
}

#splashScreen .flexbox:last-of-type .bg-danger:before {
    content: "";
    display: block;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 102 102'%3E%3Cpath fill='%23FFF' d='M51 45.131L94.066 2.066a4.15 4.15 0 1 1 5.868 5.868L56.87 51l43.065 43.066a4.15 4.15 0 1 1-5.868 5.868L51 56.87 7.934 99.934a4.15 4.15 0 1 1-5.868-5.868L45.13 51 2.066 7.934a4.15 4.15 0 1 1 5.868-5.868L51 45.13z'/%3E%3C/svg%3E");
    width: 18px;
    height: 18px;
}

@media (min-width: 768px) {
    #splashScreen .flexbox:first-of-type {
        width: 600px !important;
        margin-top: 108px !important;
    }
}

.splash-badge {
    color: #fff;
    background: var(--btn-color-focused);
    width: 80px !important;
    height: 80px;
    font-size: 60px;
    border-radius: 1000px;
}

.fc-title,
.pagination>li>a,
.refreshImage {
    color: var(--font-color-secondary);
}

.splash-badge i {
    position: absolute;
    left: 15px;
}

.hvr-grow:hover {
    transform: scale(1);
}

#customEmailTemplates .panel-body,
#homepage-items {
    padding: 25px;
}

#homepage-items .bg-info,
.badge .inside-request-div,
.plyr input[type=radio]:checked+span {
    background: var(--btn-color-focused) !important;
}

#homepage-items .btn-group {
    margin-top: 4px;
}

#homepage-items .btn-group .btn {
    background: 0 0 !important;
    color: var(--font-color-secondary) !important;
    padding: 6px 12px;
    margin: 0 12.5px;
    transition: color .2s;
}

#homepage-items h2.text-center {
    color: rgba(255, 255, 255, .3);
    font-size: 14px !important;
    margin: 0;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#homepage-items h4.pull-left {
    margin: 0;
    padding: 0 0 18px;
}

#homepage-items .white-box.bg-info {
    background: 0 0 !important;
    padding: 0 0 5px !important;
}

#homepage-items .white-box.p-0 {
    padding: 0 !important;
    margin: 0 0 25px !important;
}

#homepage-items .panel {
    padding: 0;
    margin: 0 0 20px !important;
}

#homepage-items .panel-heading {
    padding: 0 0 10px !important;
    background: 0 0 !important;
}

#homepage-items .panel-heading,
#homepage-items h4.pull-left {
    color: var(--font-color-secondary) !important;
    font-size: 15px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-top: 8px;
}

hr {
    border-color: rgba(0, 0, 0, 0);
}

#homepage-items .dropdown-toggle {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
    padding: 6px 4px !important;
}

@media screen and (max-width: 320px) {
    .login-register form,
    .login-register h1 {
        width: 288px;
    }
    .loginLogo {
        max-width: 288px;
    }
    #homepage-items .pull-left {
        font-size: 0;
    }
}

.homepageImageTitle {
    margin-top: 0;
}

.refreshImage {
    opacity: 0;
    transition: .2s;
}

.refreshImage.default {
    padding: 0 5px !important;
    top: -49px;
    right: 0;
}

.item:hover .refreshImage {
    top: 0;
    opacity: 1;
}

#scroll {
    background: var(--input-box-color);
    transition: .1s;
    border-radius: 1000px;
}

#scroll:focus,
#scroll:hover {
    background: var(--btn-color-hover);
}

#scroll span {
    transition: .1s;
    border-bottom-color: #fff;
}

#homepageOrdercalendar:not(:last-of-type) #calendar,
.nowPlayingItem {
    margin: 0 0 30px !important;
}

.nowPlayingHover {
    margin-bottom: 40px;
}

.el-info .inline-popups,
.el-info .metadata-get,
.el-info .openTab,
.el-info .refreshImage {
    padding: 10px !important;
    opacity: 0;
    transform: translateY(100%);
    transition: .2s;
}

.el-overlay-1:hover .inline-popups,
.el-overlay-1:hover .metadata-get,
.el-overlay-1:hover .openTab,
.el-overlay-1:hover .refreshImage {
    opacity: 1;
    transform: none;
}

#ombi-requests .panel {
    margin: 0 0 19px;
}

.owl-stage-outer {
    overflow: hidden !important;
    padding-left: 2px;
    padding-bottom: 1px;
}

.max-texts,
.white-popup[id$=metadata-div] .panel-body,
.white-popup[id^=request] .panel-body {
    overflow: hidden;
}

.owl-stage {
    width: 9999999px !important;
}

.recent-items .owl-item {
    margin-bottom: 27px;
}

.hover-homepage-item {
    transition: .2s;
}

.outside-request-div {
    transition: .2s;
    z-index: 1;
}

.item:hover .hover-homepage-item {
    background: radial-gradient(farthest-corner at 50% 50%, rgba(0, 0, 0, .5) 50%, #333 100%);
    opacity: 1;
}

.pagination>li>a,
.progress {
    background: var(--floating-object-color);
}

.item:hover .inside-over-request-div {
    opacity: 0;
    top: -60px;
}

.item:hover .inside-request-div {
    opacity: 0;
    top: -46px;
}

#homepage-items .recent-title:hover::first-line {
    color: #fff;
    text-decoration: underline;
}

img[src*=ombi].homepageImageTitle {
    width: 40px;
    padding-left: 0px;
}

tbody[class$='-queue'] td.hidden-xs {
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.table {
    margin-bottom: 0;
}

.jsgrid-grid-body td,
tr.jsgrid-header-row th {
    background: transparent !important;
}

.simplebar-content {
    padding-bottom: 0 !important;
}

#homepage-items .table-bordered>tbody>tr:not(:first-of-type):not(:last-of-type)>td,
#homepage-items .table-bordered>tfoot>tr:not(:first-of-type):not(:last-of-type)>td,
#homepage-items .table-bordered>thead>tr:not(:first-of-type):not(:last-of-type)>td,
#homepage-items .table>tbody>tr:not(:first-of-type):not(:last-of-type)>td,
#homepage-items .table>tfoot>tr:not(:first-of-type):not(:last-of-type)>td,
#homepage-items .table>thead>tr:not(:first-of-type):not(:last-of-type)>td {
    border-width: 1px 0;
    border-style: solid;
    border-color: rgba(255, 255, 255, .08);
}

#homepage-items .table-bordered>tbody>tr>td[lang],
#homepage-items .table-bordered>tfoot>tr>td[lang],
#homepage-items .table-bordered>thead>tr>td[lang],
#homepage-items .table>tbody>tr>td[lang],
#homepage-items .table>tfoot>tr>td[lang],
#homepage-items .table>thead>tr>td[lang] {
    color: rgba(255, 255, 255, .3);
    text-transform: uppercase;
}

td span.label.label-info {
    min-width: initial !important;
    width: 100%;
    max-width: 80px;
}

.progress {
    height: 3px;
    margin-bottom: 5px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: height .2s;
}

.progress-lg {
    margin-left: -2px;
    width: calc(100% + 4px);
}

#languageDropdown a:hover,
.progress-bar-inverse {
    background: var(--floating-object-color-hover);
}

.max-texts {
    max-width: 200px;
}

tbody[class$=history] td.text-right,
tbody[class$=queue] td.text-right {
    max-width: 65px;
}

tbody[class$=history] .progress,
tbody[class$=history] .progress-bar,
tbody[class$=queue] .progress,
tbody[class$=queue] .progress-bar {
    border-radius: 1000px;
    height: 16px !important;
}

tbody[class$=history] .progress,
tbody[class$=queue] .progress {
    min-width: 72px;
    max-width: 80px;
    float: right;
}

tbody[class$=history] .progress-bar,
tbody[class$=queue] .progress-bar {
    font-size: 75% !important;
    line-height: 16px !important;
}

.fc-toolbar {
    background: rgba(0, 0, 0, 0.15);
    border-radius: 4px 4px 0 0;
    border: none;
    margin-top: 20px;
    cursor: default;
    padding: 0 0 2.5px;
    position: relative;
}

.ace_marker-layer .ace_active-line,
.fc-button:focus,
.fc-button:hover,
.fc-today,
.fc-today.fc-day-header,
.fc-today.fc-day-top,
.fc-today.fc-state-highlight,
.tabs-style-flip nav a:hover::after,
.tabs-style-flip nav li.tab-current a::after {
    background: var(--floating-object-color-hover) !important;
}

.fc-toolbar h2 {
    color: var(--font-color-secondary);
    font-size: 15px;
}

.fc-day-header span {
    color: #999;
    cursor: default;
}

.fc-today-button {
    margin: 0 5px !important;
}

.fc-day-top {
    padding: 10px 15px !important;
}

.fc-day-number {
    width: 100%;
    padding: 0 !important;
    text-align: left !important;
}

.fc-time {
    font-weight: 400 !important;
}

.fc-title {
    font-weight: 600;
    transition: color .2s;
}

.fc-day-grid .fc-event {
    padding: 5px 15px;
}

.fc-day-grid tr:last-of-type .fc-event,
.resultBox-inside {
    padding-bottom: 15px;
}

.fc-widget-content {
    border-width: 0 !important;
    border-color: rgba(255, 255, 255, .08) !important;
}

.fc-widget-content.fc-day:not(:last-of-type) {
    border-right-width: 1px !important;
}

.fc-widget-content.fc-row:not(:last-of-type) {
    border-bottom-width: 1px !important;
}

.fc-button {
    background: var(--floating-object-color) !important;
    color: #999;
    border-radius: 0 !important;
    border: 0 !important;
    text-transform: uppercase;
}

.fc-button:focus,
.fc-button:hover {
    color: var(--font-color-secondary);
    border-color: transparent;
    opacity: 1;
}

.fc-next-button,
.fc-prev-button {
    background: 0 0 !important;
    color: var(--font-color-secondary) !important;
    border: 0 !important;
}

.fc-state-default.fc-corner-left {
    border-right-width: 0;
    border-radius: 3px 0 0 3px;
}

.fc-state-default.fc-corner-right {
    border-left-width: 0;
    border-radius: 0 3px 3px 0;
}

.fc-state-active,
.fc-state-active:focus,
.fc-state-active:hover {
    background: var(--floating-object-color-hover) !important;
    color: var(--color-focused);
    border-color: transparent;
}

.fc-today-button {
    border-radius: 3px !important;
    font-weight: 700;
    transition: .1s;
    background: var(--input-box-color) !important;
    color: #fff;
}

.fc-today-button:focus,
.fc-today-button:hover {
    background: var(--btn-color-hover) !important;
    color: #fff;
}

.fc-today-button:active {
    background: var(--btn-color) !important;
}

.pagination>li>a {
    border: 0;
    border-radius: 0;
}

.pagination>li>a:focus,
.pagination>li>a:hover {
    background: var(--floating-object-color-hover);
    color: var(--font-color-secondary);
    border: 0;
}

.pagination>li.active>a,
.pagination>li.active>a:focus,
.pagination>li.active>a:hover {
    background: var(--floating-object-color-hover);
    color: var(--color-focused);
    border: 0;
}

.pagination>li.disabled>a {
    background: 0 0;
    color: #999;
    border: 0;
}

.pagination>li.disabled>a:focus,
.pagination>li.disabled>a:hover {
    background: 0 0;
    color: #999 !important;
    border: 0;
    cursor: default;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    background: var(--floating-object-color);
    color: var(--font-color-secondary) !important;
    border: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    transition: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: var(--floating-object-color-hover) !important;
    color: var(--color-focused) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    background: 0 0 !important;
    color: #999 !important;
}

.dropdown-menu {
    background: #18191b !important;
    border: 1px solid rgba(0, 0, 0, .15);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175) !important;
    border-radius: 3px;
    padding: 5px 0;
}

.dropdown-menu li,
.mediaSearch-div .el-card-content.bg-org {
    cursor: pointer;
}

.dropdown-menu a {
    color: #bbb !important;
    transition: none;
}

.dropdown-menu a:hover {
    background: var(--floating-object-color-hover) !important;
    color: #fff !important;
}

.dropdown-menu .text-muted,
.dropdown-menu h4,
.dropdown-menu h5 {
    color: #777 !important;
}

.dropdown-menu .text-muted,
.dropdown-menu h4 {
    margin-bottom: 6px !important;
}

.dropdown-menu h5 {
    margin-bottom: 1.5rem;
    cursor: default;
}

.dropdown-menu .text-muted {
    text-transform: uppercase;
    font-weight: 600;
}

.dropdown-menu .u-text .text-muted {
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropdown-menu .divider {
    background: rgba(199, 199, 199, .15);
    margin: 5px;
}

.select2-dropdown {
    background: #18191b;
    color: #bbb;
    border: 0;
}

#languageDropdown a,
.drop-title {
    border-bottom-color: rgba(199, 199, 199, .15);
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background: #18191b !important;
    color: #bbb !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: var(--floating-object-color-hover);
    color: #fff;
}

.drop-title {
    color: #777;
    text-transform: uppercase;
}

#languageDropdown .dropdown-menu {
    margin-top: 20px;
}

#languageDropdown h5 {
    color: #bbb !important;
    text-transform: none;
}

.mail-desc {
    display: none !important;
}

.plyr {
    border-radius: 3px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    transition: .2s;
}

.plyr input[type=range] {
    color: var(--color-hyperlink) !important;
}

.plyr:active .plyr__control--overlaid {
    background: #955a12;
}

.plyr__control--overlaid {
    background: var(--btn-color-focused);
    padding: 30px;
}

.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
    background: var(--btn-color-focused);
}

.plyr__controls {
    transition: .2s !important;
}

.plyr__control.plyr__tab-focus,
.plyr__control:hover,
.plyr__control[aria-expanded=true] {
    background: var(--btn-color-focused) !important;
}

.plyr__control:active {
    background: #955a12 !important;
}

.plyr__menu__container {
    background: #333;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    padding: 5px 0;
}

.plyr__menu__container:after {
    border-top-color: #333;
}

.plyr__menu__container ul,
.tab-pane .col-lg-12,
.tab-pane .col-md-6,
.tab-pane .panel-body,
.tab-pane .white-box {
    padding: 0;
}

.plyr__menu__container li:not(:first-of-type),
ul.nav.customtab.nav-tabs.nav-low-margin {
    margin: 0 !important;
}

.plyr__menu__container .plyr__control {
    color: #bbb;
    font-weight: 600;
    border-radius: 0;
    margin: 0;
    padding: 3px 15px !important;
    transition: none;
}

.plyr__menu__container .plyr__control:active,
.plyr__menu__container .plyr__control:hover {
    background: var(--floating-object-color-hover) !important;
    color: #fff !important;
}

.plyr__menu__container .plyr__control input[type=radio]:focus+span,
.sweet-alert button.cancel:focus,
.sweet-alert button.confirm:focus {
    box-shadow: none !important;
}

.plyr__menu__container .plyr__control--back {
    color: #777;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%;
    margin: 0 0 10px !important;
    padding-left: 35px !important;
}

.plyr__menu__container .plyr__control--back:before {
    background: 0 0;
    box-shadow: 0 1px 0 rgba(199, 199, 199, .15);
    width: calc(100% - 10px);
    left: 5px;
}

.plyr__menu__container .plyr__control--back:after {
    border-right-color: #777;
    left: 10px;
}

.plyr__menu__container .plyr__control--forward {
    color: #777;
    font-weight: 700;
    text-transform: uppercase;
    padding-right: 35px !important;
}

.plyr__menu__container .plyr__control--forward span {
    color: #bbb;
    font-weight: 600;
    text-transform: none;
}

.fcbtn a,
.fcbtn:focus a,
.fcbtn:hover a,
.plyr__menu__container .plyr__control--forward:active span,
.plyr__menu__container .plyr__control--forward:hover span {
    color: #fff;
}

.plyr__menu__container .plyr__control--forward:after {
    border-left-color: #777;
    right: 10px;
}

.plyr__badge {
    background: var(--floating-object-color-hover);
    color: #999;
}

.swapLog,
.tabs-style-flip nav a {
    color: var(--font-color-secondary) !important;
}

.sttabs nav {
    padding: 0 25px;
}

.tabs-style-flip nav a::after {
    background: var(--floating-object-color) !important;
    transition: none;
    transform: none;
}

.tabs-style-flip nav li.tab-current a::after {
    border-radius: 0px;
}

.tabs-style-flip nav a {
    transition: none;
}

.tabs-style-flip nav li.tab-current a {
    color: var(--color-focused) !important;
}

.getPlexMachineAuth,
.getPlexTokenAuth,
.newAPIKey,
.purgeLog,
.updateNow {
    font-size: 14px;
    padding: 6.5px 20px !important;
}

.swapLog {
    background: var(--floating-object-color) !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-size: 13px;
    font-weight: 300;
}

.swapLog:focus,
.swapLog:hover {
    color: #fff !important;
    opacity: 1;
}

.swapLog.active {
    background: var(--floating-object-color-hover) !important;
    color: var(--color-focused) !important;
    opacity: 1;
}

#manageUserTable .el-card-avatar,
#manageUserTable .el-overlay {
    border-radius: 1000px !important;
}

#settings-settings-updates .label:not(.label-info) {
    min-width: 80px;
    display: inline-block;
    padding: 4px 12px 3px;
}

#settings-settings-donate .nav-tabs li a {
    min-height: 40px;
}

#settings-settings-donate .lazyload {
    background-color: initial;
}

#settings-settings-donate #donate-crypto .col-xs-12 {
    text-align: center;
    margin-bottom: 30px;
}

.tab-pane .panel-wrapper {
    margin-top: 30px;
}

.tab-pane h3.p-l-10 {
    padding-left: 0 !important;
}

.sales-report {
    margin: 0 0 15px;
}

.white-popup .tab-content {
    margin-top: 15px;
}

#settings-tab-editor-homepage-order .panel-body {
    padding: 0 15px;
}

#settings-homepage-list .el-card-content,
#settings-image-manager-list .el-card-content,
#settings-plugins-active .el-card-content {
    background: 0 0;
    margin-bottom: 3rem;
    cursor: default;
}

#settings-homepage-list .lazyload,
#settings-image-manager-list .lazyload {
    padding: 15px;
}

#settings-homepage-list img[src*=ombi] {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0%' y1='50%' y2='50%'%3E%3Cstop offset='0%' stop-color='%23CA7D29'/%3E%3Cstop offset='100%' stop-color='%23F6BD16'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='0%' y1='50%' y2='50%'%3E%3Cstop offset='0%' stop-color='%231F1F1F'/%3E%3Cstop offset='100%' stop-color='%232C2C2C'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none'%3E%3Ccircle cx='300' cy='300' r='300' fill='url(%23a)'/%3E%3Ccircle cx='300' cy='300' r='280' fill='url(%23b)'/%3E%3Cpath fill='url(%23a)' d='M463.985 433.944l-88.515-89.258c-1.03-1.033-2.169-1.822-3.256-2.68 14.952-23.134 23.683-50.69 23.683-80.37C395.897 180.093 330.353 114 249.45 114 168.589 114 103 180.093 103 261.636c0 81.554 65.589 147.632 146.449 147.632 29.43 0 56.795-8.825 79.778-23.902.837 1.122 1.604 2.237 2.618 3.262l88.526 89.268c6.044 6.076 13.916 9.104 21.8 9.104 7.887 0 15.765-3.028 21.803-9.09 12.026-12.151 12.026-31.824.01-43.966M249.45 362.649c-55.237 0-100.2-45.322-100.2-101.013 0-55.684 44.964-101.016 100.2-101.016 55.235 0 100.199 45.332 100.199 101.016 0 55.69-44.964 101.013-100.2 101.013'/%3E%3C/g%3E%3C/svg%3E") center center/90px no-repeat rgba(0, 0, 0, .15) !important;
    padding-top: 105px;
}

.tabEditor td:nth-of-type(2) {
    padding: 30px 0 30px 15px;
    font-weight: 600;
}

.tabEditor select,
.userManagement select {
    margin-top: 7px;
}

#settings-tab-editor-tabs .tabEditorIcon {
    padding: 7.5px;
}

.select2-container img[src*=ombi] {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0%' y1='50%' y2='50%'%3E%3Cstop offset='0%' stop-color='%23CA7D29'/%3E%3Cstop offset='100%' stop-color='%23F6BD16'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='0%' y1='50%' y2='50%'%3E%3Cstop offset='0%' stop-color='%231F1F1F'/%3E%3Cstop offset='100%' stop-color='%232C2C2C'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none'%3E%3Ccircle cx='300' cy='300' r='300' fill='url(%23a)'/%3E%3Ccircle cx='300' cy='300' r='280' fill='url(%23b)'/%3E%3Cpath fill='url(%23a)' d='M463.985 433.944l-88.515-89.258c-1.03-1.033-2.169-1.822-3.256-2.68 14.952-23.134 23.683-50.69 23.683-80.37C395.897 180.093 330.353 114 249.45 114 168.589 114 103 180.093 103 261.636c0 81.554 65.589 147.632 146.449 147.632 29.43 0 56.795-8.825 79.778-23.902.837 1.122 1.604 2.237 2.618 3.262l88.526 89.268c6.044 6.076 13.916 9.104 21.8 9.104 7.887 0 15.765-3.028 21.803-9.09 12.026-12.151 12.026-31.824.01-43.966M249.45 362.649c-55.237 0-100.2-45.322-100.2-101.013 0-55.684 44.964-101.016 100.2-101.016 55.235 0 100.199 45.332 100.199 101.016 0 55.69-44.964 101.013-100.2 101.013'/%3E%3C/g%3E%3C/svg%3E");
    height: 20px;
    padding-left: 20px;
}

div[id$=Custom-CSS] .col-md-12,
div[id$=Custom-CSS] .row {
    margin: 0;
    padding: 0;
}

#customCSSEditor,
div[id$=FavIcon] textarea {
    border-radius: 3px;
    font-size: 12px;
    font-weight: 400;
}

.ace_gutter {
    background: var(--floating-object-dark-color) !important;
    color: var(--font-color-secondary) !important;
}

.userManagement img[alt=user-img] {
    min-width: 55px;
    min-height: 55px;
}

.userManagement .tabEditorIcon img {
    width: 54px !important;
}

#manageUserTable td:nth-of-type(2),
#manageUserTable td:nth-of-type(3) {
    padding: 24px 0 24px 10px;
}

#manageGroupTable td:nth-of-type(2),
#manageGroupTable td:nth-of-type(3),
#settings-plugins-marketplace td:nth-of-type(3),
#settings-plugins-marketplace td:nth-of-type(4) {
    padding: 32px 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: var(--floating-object-dark-color);
    border: 0;
    font-size: 13px;
    padding: 2.5px 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-right: 5px;
}

#settings-plugins-marketplace .btn-success.disabled,
#settings-plugins-marketplace .btn-success:disabled {
    background: var(--input-box-color) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: .7;
}

#settings-plugins-marketplace .btn-success.disabled.focus,
#settings-plugins-marketplace .btn-success.disabled:focus,
#settings-plugins-marketplace .btn-success.disabled:hover,
#settings-plugins-marketplace .btn-success:disabled.focus,
#settings-plugins-marketplace .btn-success:disabled:focus,
#settings-plugins-marketplace .btn-success:disabled:hover {
    background: var(--input-box-color) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: .7;
}

#settings-plugins-marketplace .btn-success.active,
#settings-plugins-marketplace .btn-success:active {
    background: var(--btn-color) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: 1;
}

#settings-plugins-marketplace .btn-success.active.focus,
#settings-plugins-marketplace .btn-success.active:focus,
#settings-plugins-marketplace .btn-success.active:hover,
#settings-plugins-marketplace .btn-success:active.focus,
#settings-plugins-marketplace .btn-success:active:focus,
#settings-plugins-marketplace .btn-success:active:hover {
    background: var(--btn-color) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: 1;
}

.css-bar-default:after,
.css-bar-warning:after,
.ms-container .ms-selectable,
.ms-container .ms-selection {
    background: #18191b;
}

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
    background: #3f4245;
    color: #fff;
}

.mce-toolbar-grp {
    padding: 0 10px 10px !important;
}

.mce-menu-item.mce-selected,
.mce-menu-item:focus,
.mce-menu-item:hover {
    background: #3f4245 !important;
}

.mce-menu-item-sep {
    border-bottom-color: rgba(199, 199, 199, .15) !important;
    margin: 5px !important;
}

.mce-grid-border a {
    border-color: rgba(255, 255, 255, .25) !important;
}

.mce-grid-border a.mce-active,
.mce-grid-border a:hover {
    background: var(--btn-color-focused) !important;
    border-color: var(--color-hyperlink) !important;
}

.white-popup .panel-heading,
.white-popup>.col-md-6>.white-box:first-child {
    background: #333 !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.white-popup .panel-footer {
    background: #333;
    border-top: 1px solid #222;
}

.white-popup .panel-body,
.white-popup>.col-md-6>.white-box:nth-child(2) {
    background: #292929 !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}

.white-popup .panel-body .box-title,
.white-popup>.col-md-6>.white-box:nth-child(2) .box-title {
    color: #999;
    font-weight: 700;
}

.white-popup .panel-body .box-title span,
.white-popup>.col-md-6>.white-box:nth-child(2) .box-title span {
    color: var(--font-color-secondary);
    font-weight: 600;
}

.white-popup .panel-footer,
.white-popup:not(#speedtest-area) .panel-body,
.white-popup>.col-md-6>.white-box:nth-child(2) {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.white-popup .panel>.table-responsive {
    background: #333;
}

.white-popup-block {
    background: #292929;
    border-radius: 3px !important;
}

.white-popup-block h1 {
    color: var(--font-color-secondary);
    font-size: 20px;
    font-weight: 400;
    text-transform: none;
    margin: 0 0 15px;
}

.mfp-bg {
    background: #000;
    opacity: .5 !important;
}

.resultBox-outside,
.sweet-alert {
    background: #292929 !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}

@media screen and (min-width: 768px) {
    .fix-header #page-wrapper {
        margin-top: 40px;
        min-height: 0 !important;
    }
    .recent-title {
        padding: 11px 0 0;
    }
    .iziToast {
        border-radius: 10px;
        width: 50%;
        margin: 0 0 20px;
    }
    body[data-active-tab=''] #invite-area .invite-step-1 {
        max-width: 350px;
        margin: auto;
    }
    body[data-active-tab=''] #invite-area .input-group .form-control:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    #inviteCodeInput {
        font-size: 64px !important;
    }
    .navbar {
        padding-left: 0px;
        left: 60px;
        width: calc(100% - 60px);
    }
    .sidebar {
        transition: background .2s, width .1s;
    }
    .sidebar-head h3 {
        padding: 0;
    }
    .sidebar-head h3 .m-r-5 {
        margin-right: 5px !important;
    }
    .sidebar-head h3 i {
        font-size: 20px;
    }
    #homepage-items {
        padding: 35px 60px;
    }
    #homepage-items .flexbox,
    .fc-today-button,
    .nowPlayingItem {
        margin: 0;
    }
    #homepage-items .panel {
        margin: 0 0 48px;
    }
    #homepage-items .panel-heading {
        padding: 0 0 20px !important;
        background: 0 0 !important;
    }
    #homepage-items .white-box.bg-info {
        padding: 0 0 15px !important;
    }
    #homepage-items .white-box.p-0 {
        margin: 0 0 45px !important;
    }
    #homepage-items .owl-item {
        margin-top: 2px;
        margin-left: 2px;
    }
    #ombi-requests .panel {
        margin: 0 0 44px;
    }
    #homepage-items .owl-item {
        margin-right: 28px !important;
        margin-bottom: 20px;
        height: auto;
    }
    #homepageOrdercalendar:not(:last-of-type) #calendar {
        margin: 0 0 50px !important;
    }
    .fc-toolbar {
        padding: 20px;
    }
    .fc-toolbar .fc-center {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
    .tab-pane .col-md-6:first-of-type {
        padding: 0 15px 0 0;
    }
    .tab-pane .col-md-6:last-of-type {
        padding: 0 0 0 15px;
    }
    .tab-pane .col-md-6:only-child {
        padding: 0 !important;
    }
    .white-popup-block,
    .white-popup:not([id$=metadata-div]):not([id^=request]) .panel {
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    }
}

.mfp-close-btn-in .mfp-close {
    color: var(--font-color-secondary);
    font-size: 42px;
}

.sweet-alert {
    border-radius: 3px;
    padding: 30px;
}

.sweet-alert h2 {
    color: #999;
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
}

.sweet-alert button.cancel.disabled,
.sweet-alert button.cancel:disabled {
    background: var(--input-box-color) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: .7;
}

.sweet-alert button.cancel.disabled.focus,
.sweet-alert button.cancel.disabled:focus,
.sweet-alert button.cancel.disabled:hover,
.sweet-alert button.cancel:disabled.focus,
.sweet-alert button.cancel:disabled:focus,
.sweet-alert button.cancel:disabled:hover {
    background: var(--input-box-color) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: .7;
}

.sweet-alert button.cancel.active,
.sweet-alert button.cancel:active {
    background: var(--btn-color) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: 1;
}

.sweet-alert button.cancel.active.focus,
.sweet-alert button.cancel.active:focus,
.sweet-alert button.cancel.active:hover,
.sweet-alert button.cancel:active.focus,
.sweet-alert button.cancel:active:focus,
.sweet-alert button.cancel:active:hover {
    background: var(--btn-color) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: 1;
}

.sweet-alert button.confirm.disabled,
.sweet-alert button.confirm:disabled {
    background: var(--color-danger) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: .7;
}

.sweet-alert button.confirm.disabled.focus,
.sweet-alert button.confirm.disabled:focus,
.sweet-alert button.confirm.disabled:hover,
.sweet-alert button.confirm:disabled.focus,
.sweet-alert button.confirm:disabled:focus,
.sweet-alert button.confirm:disabled:hover {
    background: var(--color-danger) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: .7;
}

.sweet-alert button.confirm.active,
.sweet-alert button.confirm:active {
    background: #ca1818 !important;
    color: #fff !important;
    border: 0 !important;
    opacity: 1;
}

.sweet-alert button.confirm.active.focus,
.sweet-alert button.confirm.active:focus,
.sweet-alert button.confirm.active:hover,
.sweet-alert button.confirm:active.focus,
.sweet-alert button.confirm:active:focus,
.sweet-alert button.confirm:active:hover {
    background: #ca1818 !important;
    color: #fff !important;
    border: 0 !important;
    opacity: 1;
}

.mce-window,
.user-bg {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.resultBox-outside {
    border-radius: 3px;
    padding-bottom: 10px;
}

.mediaSearch-div .el-card-item .el-overlay-1::after {
    content: '';
    background: radial-gradient(farthest-corner at 50% 50%, rgba(0, 0, 0, .5) 50%, #333 100%);
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    transition: .2s;
}

.request-result-item {
    left: 50%;
    transform: translateX(-50%);
}

#request-input-div .dropdown-toggle {
    padding: 8px 12px;
}

.ajaxloader {
    border-radius: 3px;
    margin: 0 15px;
    width: calc(100% - 30px);
    left: 0;
    transition: .2s;
}

.ajaxloader .circular {
    position: absolute;
    top: 50%;
}

@media screen and (min-width: 576px) {
    .request-result-item {
        left: initial;
        transform: none;
    }
    #request-input-div span:first-of-type {
        display: inline;
    }
    #mediaSearchQuery,
    #request-input,
    #request-input-div .dropdown-toggle {
        font-size: 18px;
        height: 46px;
        padding: 10px 16px;
    }
}

.white-popup[id$=metadata-div] .white-box:not(.resultBox-outside),
.white-popup[id^=request] .white-box:not(.resultBox-outside) {
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}

.white-popup .el-card-content.bg-org {
    text-align: left;
}

.white-popup .el-card-content.bg-org h3 {
    font-size: 13px;
    text-transform: none;
    padding: 3px 0 0;
}

.white-popup .el-card-content.bg-org small {
    font-size: 13px;
    position: relative;
    top: -5px;
}

.mediaSearch-div .el-card-content.bg-org:hover h3 {
    text-decoration: underline;
}

.resultImages.error,
img[src$='no-list.png'],
img[src$='no-request.png'] {
    padding: 0 0 0 200px;
}

.lazyload.error,
div[data-src$='no-np.png'],
img[src$='no-list.png'] {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M100 0C44.771 0 0 44.771 0 100s44.771 100 100 100 100-44.771 100-100S155.229 0 100 0zm10 155H90v-19h20v19zm26.08-66.067c-2.629 4.16-8.256 9.828-16.882 17.005a32.286 32.286 0 0 0-8.308 8.915A30.041 30.041 0 0 0 109.353 127H90.22v-5.037c-.2-5.29.853-10.552 3.074-15.357a46.793 46.793 0 0 1 12.25-13.573 92.272 92.272 0 0 0 11.136-9.851 13.178 13.178 0 0 0 2.784-8.135 13.689 13.689 0 0 0-4.989-10.543 19.19 19.19 0 0 0-13.363-4.457 20.037 20.037 0 0 0-13.364 4.591 24.522 24.522 0 0 0-7.35 14.041H61a37.745 37.745 0 0 1 11.47-25.34C79.493 47.113 88.767 44 100.289 44c12.131 0 21.782 3.172 28.954 9.517A28.826 28.826 0 0 1 140 75.67a24.4 24.4 0 0 1-3.92 13.262v.001z' style='mix-blend-mode:overlay' fill='%23FFF' fill-opacity='.25'/%3E%3C/svg%3E") center center no-repeat rgba(0, 0, 0, .45) !important;
}

.lazyload.error,
img[src$='no-list.png'] {
    background-size: 100px 100px !important;
}

img[src$='no-request.png'] {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='400' height='533' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient x1='0%' y1='50%' y2='50%' id='a'%3E%3Cstop stop-color='%23CA7D29' offset='0%'/%3E%3Cstop stop-color='%23F6BD16' offset='100%'/%3E%3C/linearGradient%3E%3ClinearGradient x1='0%' y1='50%' y2='50%' id='b'%3E%3Cstop stop-color='%231F1F1F' offset='0%'/%3E%3Cstop stop-color='%232C2C2C' offset='100%'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(100 167)' fill-rule='nonzero'%3E%3Ccircle fill='url(%23a)' cx='100' cy='100' r='100'/%3E%3Ccircle fill='url(%23b)' cx='100' cy='100' r='93.333'/%3E%3Cpath d='M154.662 144.648l-29.505-29.753c-.344-.344-.723-.607-1.086-.893a49.166 49.166 0 0 0 7.895-26.79C131.966 60.03 110.118 38 83.15 38c-26.954 0-48.817 22.031-48.817 49.212 0 27.185 21.863 49.21 48.817 49.21 9.81 0 18.931-2.941 26.592-7.967.28.374.535.746.873 1.088l29.509 29.756a10.222 10.222 0 0 0 14.534.005c4.009-4.051 4.009-10.609.004-14.656M83.15 120.883c-18.413 0-33.4-15.107-33.4-33.671 0-18.561 14.988-33.672 33.4-33.672 18.411 0 33.4 15.11 33.4 33.672 0 18.564-14.989 33.67-33.4 33.67' fill='url(%23a)'/%3E%3C/g%3E%3Cpath d='M109.266 459.203h-6.157l-9.937-17.281h-.14c.197 3.052.296 5.229.296 6.531v10.75H89V436.36h6.11l9.921 17.11h.11c-.157-2.969-.235-5.068-.235-6.297V436.36h4.36v22.844zm18.906 0h-13.156V436.36h13.156v3.97h-8.313v5.015h7.735v3.969h-7.735v5.89h8.313v4zm27.016 0h-5.516l-3.094-12c-.114-.427-.31-1.31-.586-2.648-.276-1.339-.435-2.237-.476-2.696-.063.563-.22 1.467-.47 2.711a60.485 60.485 0 0 1-.577 2.664l-3.078 11.97h-5.5l-5.828-22.845h4.765l2.922 12.47c.51 2.301.88 4.296 1.11 5.983.062-.593.205-1.513.43-2.757.223-1.245.434-2.211.632-2.899l3.328-12.797h4.578l3.328 12.797c.146.573.328 1.448.547 2.625a63.44 63.44 0 0 1 .5 3.031 53.89 53.89 0 0 1 .5-3.039c.23-1.213.438-2.195.625-2.945l2.906-12.469H161l-5.813 22.844zM177.03 446.5h1.563c1.531 0 2.661-.255 3.39-.766.73-.51 1.094-1.312 1.094-2.406 0-1.083-.372-1.854-1.117-2.312-.745-.459-1.898-.688-3.461-.688h-1.469v6.172zm0 3.938v8.765h-4.844V436.36h6.657c3.104 0 5.4.565 6.89 1.696 1.49 1.13 2.235 2.846 2.235 5.148 0 1.344-.37 2.54-1.11 3.586-.74 1.047-1.786 1.867-3.14 2.461 3.437 5.135 5.677 8.453 6.719 9.953h-5.375l-5.454-8.765h-2.578zm29.438 8.765h-13.156V436.36h13.156v3.97h-8.313v5.015h7.735v3.969h-7.735v5.89h8.313v4zm25.5-11.453c0 2.688-.477 4.94-1.43 6.758-.953 1.818-2.351 3.148-4.195 3.992l5.5 6.14h-6.203l-4.188-5.124h-.36c-3.5 0-6.187-1.016-8.062-3.047-1.875-2.032-2.812-4.948-2.812-8.75 0-3.802.94-6.706 2.82-8.711s4.576-3.008 8.086-3.008c3.51 0 6.195 1.01 8.055 3.031 1.86 2.021 2.789 4.927 2.789 8.719zm-16.672 0c0 2.552.484 4.474 1.453 5.766.969 1.291 2.417 1.937 4.344 1.937 3.864 0 5.797-2.568 5.797-7.703 0-5.146-1.922-7.719-5.766-7.719-1.927 0-3.38.649-4.36 1.946-.979 1.296-1.468 3.22-1.468 5.773zm40-11.39v14.78c0 1.688-.378 3.167-1.133 4.438s-1.846 2.245-3.273 2.922-3.115 1.016-5.063 1.016c-2.937 0-5.219-.753-6.844-2.258s-2.437-3.565-2.437-6.18V436.36h4.828v13.985c0 1.76.354 3.052 1.063 3.875.708.823 1.88 1.234 3.515 1.234 1.583 0 2.732-.414 3.445-1.242.714-.828 1.07-2.128 1.07-3.899V436.36h4.829zm18.75 22.843H260.89V436.36h13.156v3.97h-8.313v5.015h7.735v3.969h-7.735v5.89h8.313v4zm18.25-6.344c0 2.063-.742 3.688-2.227 4.875-1.484 1.188-3.55 1.782-6.195 1.782-2.438 0-4.594-.459-6.469-1.375v-4.5c1.542.687 2.847 1.171 3.914 1.453 1.068.281 2.045.422 2.93.422 1.063 0 1.878-.203 2.445-.61.568-.406.852-1.01.852-1.812a2 2 0 0 0-.375-1.196c-.25-.349-.617-.684-1.102-1.007-.484-.323-1.471-.839-2.96-1.547-1.396-.657-2.443-1.287-3.141-1.89a7.097 7.097 0 0 1-1.672-2.11c-.417-.802-.625-1.74-.625-2.813 0-2.02.685-3.61 2.055-4.765 1.37-1.157 3.263-1.735 5.68-1.735 1.187 0 2.32.14 3.398.422a23.36 23.36 0 0 1 3.382 1.188l-1.562 3.765c-1.219-.5-2.227-.849-3.023-1.047a9.732 9.732 0 0 0-2.352-.296c-.917 0-1.62.213-2.11.64-.489.427-.734.984-.734 1.672 0 .427.1.8.297 1.117.198.318.513.625.945.922.433.297 1.456.83 3.07 1.602 2.136 1.02 3.6 2.044 4.391 3.07.792 1.026 1.188 2.284 1.188 3.773zm12.953 6.344h-4.844v-18.812h-6.203v-4.032h17.25v4.032h-6.203v18.812z' fill-opacity='.45' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E") center center/cover rgba(0, 0, 0, .45);
}

div[data-src$='no-np.png'] {
    background-size: 150px 150px !important;
}

@supports (backdrop-filter: blur(30px)) {
    .sidebar {
        background: var(--sidenav-bg) !important;
        transition: all ease 0.5s;
    }
    .sidebar-nav {
        background: var(--sidenav-layer-2-bg);
    }
    .sidebar-head {
        background: rgba(0, 0, 0, 0) !important;
        box-shadow: none !important;
    }
    .sidebar,
    .sidebar-head,
    .user-bg,
    div[id^=request]:not(#request-input-div) .dropdown-toggle {
        backdrop-filter: var(--sidenav-backdrop-filter);
    }
}

@supports not (backdrop-filter: blur(30px)) {
    .sidebar {
        background: var(--sidenav-bg-fallback) !important;
        transition: all ease 0.5s;
    }
    .sidebar:hover {
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    }
    .sidebar-nav {
        background: var(--sidenav-layer-2-bg-fallback);
        scroll-behavior: smooth;
    }
    .sidebar-head {
        background: rgba(0, 0, 0, 0) !important;
        box-shadow: none !important;
    }
    div[data-src$='no-np.png'] {
        background-color: #333 !important;
    }
}

#side-menu {
    padding-top: 0px;
}

.sidebar-nav .sidebar-head {
    position: relative;
}

.css-bar:after {
    color: var(--font-color-secondary);
    opacity: 1;
}

.css-bar-sm {
    font-size: 11px;
}

.css-bar-sm:after {
    z-index: 102;
    font-size: 10px;
    line-height: 45px;
}

.css-bar-lg:after {
    background: #18191b !important;
}

.css-bar-lg img {
    width: 90px;
    height: 90px;
    margin: 5px 0 0 5px;
}

img[src$='rotten.png'] {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='131' height='135'%3E%3Cg fill='none'%3E%3Cg fill='%23F93208'%3E%3Cpath d='M17.154 37.829C-10.995 65.451 3.497 98.84 11.42 109.76c35.254 41.954 92.792 25.339 111.89-5.907 4.76-8.203 22.554-53.467-23.976-78.01l-82.18 11.986z'/%3E%3Cpath d='M36.613 36.265l4.778-8.86 28.406-5.04 11.119 9.21z'/%3E%3C/g%3E%3Cpath fill='%2302902E' d='M36.436 5.57L45.404.287l6.757 15.479c3.793-6.323 13.79-16.316 24.94-4.668-4.729 1.263-7.517 3.855-7.74 8.476 15.144-4.17 31.342 3.213 33.538 9.091C91.95 24.351 75.204 39.042 61.13 31c.008 15.045-12.618 16.636-19.903 17.076 2.077-4.996 5.591-9.994 1.474-14.987-7.618 8.171-13.874 10.668-33.17 4.668 4.876-1.679 14.843-11.39 24.448-11.425-6.775-2.467-12.29-2.087-17.814-1.475 2.917-3.96 12.15-15.197 28.625-8.476L36.436 5.57z'/%3E%3C/g%3E%3C/svg%3E") 5px 4px/30px no-repeat #18191b;
    opacity: 1 !important;
    padding: 0 0 0 40px;
}

.css-bar-info.css-bar-0,
.css-bar-warning.css-bar-0 {
    background-image: linear-gradient(90deg, #18191b 50%, transparent 50%, transparent), linear-gradient(90deg, var(--color-hyperlink) 50%, #18191b 50%, #18191b);
}

.css-bar-info.css-bar-5,
.css-bar-warning.css-bar-5 {
    background-image: linear-gradient(90deg, #18191b 50%, transparent 50%, transparent), linear-gradient(108deg, var(--color-hyperlink) 50%, #18191b 50%, #18191b);
}

.css-bar-info.css-bar-10,
.css-bar-warning.css-bar-10 {
    background-image: linear-gradient(90deg, #18191b 50%, transparent 50%, transparent), linear-gradient(126deg, var(--color-hyperlink) 50%, #18191b 50%, #18191b);
}

.css-bar-info.css-bar-15,
.css-bar-warning.css-bar-15 {
    background-image: linear-gradient(90deg, #18191b 50%, transparent 50%, transparent), linear-gradient(144deg, var(--color-hyperlink) 50%, #18191b 50%, #18191b);
}

.css-bar-info.css-bar-20,
.css-bar-warning.css-bar-20 {
    background-image: linear-gradient(90deg, #18191b 50%, transparent 50%, transparent), linear-gradient(162deg, var(--color-hyperlink) 50%, #18191b 50%, #18191b);
}

.css-bar-info.css-bar-25,
.css-bar-warning.css-bar-25 {
    background-image: linear-gradient(90deg, #18191b 50%, transparent 50%, transparent), linear-gradient(180deg, var(--color-hyperlink) 50%, #18191b 50%, #18191b);
}

.css-bar-info.css-bar-30,
.css-bar-warning.css-bar-30 {
    background-image: linear-gradient(90deg, #18191b 50%, transparent 50%, transparent), linear-gradient(198deg, var(--color-hyperlink) 50%, #18191b 50%, #18191b);
}

.css-bar-info.css-bar-35,
.css-bar-warning.css-bar-35 {
    background-image: linear-gradient(90deg, #18191b 50%, transparent 50%, transparent), linear-gradient(216deg, var(--color-hyperlink) 50%, #18191b 50%, #18191b);
}

.css-bar-info.css-bar-40,
.css-bar-warning.css-bar-40 {
    background-image: linear-gradient(90deg, #18191b 50%, transparent 50%, transparent), linear-gradient(234deg, var(--color-hyperlink) 50%, #18191b 50%, #18191b);
}

.css-bar-info.css-bar-45,
.css-bar-warning.css-bar-45 {
    background-image: linear-gradient(90deg, #18191b 50%, transparent 50%, transparent), linear-gradient(252deg, var(--color-hyperlink) 50%, #18191b 50%, #18191b);
}

.css-bar-info.css-bar-50,
.css-bar-warning.css-bar-50 {
    background-image: linear-gradient(270deg, var(--color-hyperlink) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-hyperlink) 50%, #18191b 50%, #18191b);
}

.css-bar-info.css-bar-55,
.css-bar-warning.css-bar-55 {
    background-image: linear-gradient(288deg, var(--color-hyperlink) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-hyperlink) 50%, #18191b 50%, #18191b);
}

.css-bar-info.css-bar-60,
.css-bar-warning.css-bar-60 {
    background-image: linear-gradient(306deg, var(--color-hyperlink) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-hyperlink) 50%, #18191b 50%, #18191b);
}

.css-bar-info.css-bar-65,
.css-bar-warning.css-bar-65 {
    background-image: linear-gradient(324deg, var(--color-hyperlink) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-hyperlink) 50%, #18191b 50%, #18191b);
}

.css-bar-info.css-bar-70,
.css-bar-warning.css-bar-70 {
    background-image: linear-gradient(342deg, var(--color-hyperlink) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-hyperlink) 50%, #18191b 50%, #18191b);
}

.css-bar-info.css-bar-75,
.css-bar-warning.css-bar-75 {
    background-image: linear-gradient(360deg, var(--color-hyperlink) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-hyperlink) 50%, #18191b 50%, #18191b);
}

.css-bar-info.css-bar-80,
.css-bar-warning.css-bar-80 {
    background-image: linear-gradient(378deg, var(--color-hyperlink) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-hyperlink) 50%, #18191b 50%, #18191b);
}

.css-bar-info.css-bar-85,
.css-bar-warning.css-bar-85 {
    background-image: linear-gradient(396deg, var(--color-hyperlink) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-hyperlink) 50%, #18191b 50%, #18191b);
}

.css-bar-info.css-bar-90,
.css-bar-warning.css-bar-90 {
    background-image: linear-gradient(414deg, var(--color-hyperlink) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-hyperlink) 50%, #18191b 50%, #18191b);
}

.css-bar-info.css-bar-95,
.css-bar-warning.css-bar-95 {
    background-image: linear-gradient(432deg, var(--color-hyperlink) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-hyperlink) 50%, #18191b 50%, #18191b);
}

.css-bar-info.css-bar-100,
.css-bar-warning.css-bar-100 {
    background-image: linear-gradient(450deg, var(--color-hyperlink) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-hyperlink) 50%, #18191b 50%, #18191b);
}

.customPoster {
    margin: 40px 0;
}

.customPoster a {
    color: var(--font-color-secondary) !important;
    font-size: 32px;
    font-weight: 600;
    transform: none !important;
}

div[id^=request] .bg-plex,
div[id^=request] .btn-youtube {
    margin-top: 10px;
}

h2.m-b-0.font-medium.pull-right {
    color: #fff;
    font-weight: 600;
    -webkit-filter: drop-shadow(0 2px 5px rgba(0, 0, 0, .7));
    filter: drop-shadow(0 2px 5px rgba(0, 0, 0, .7));
}

.mce-window {
    background: 0 0;
}

.mce-panel {
    background: #292929 !important;
    border: 0 !important;
}

.mce-label {
    color: #999 !important;
}

.mce-foot {
    background: #333 !important;
    border-top: 1px solid #222;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

#speedtest-area .ti-upload {
    color: var(--color-hyperlink);
}

.css-bar-default.css-bar-0 {
    background-image: linear-gradient(90deg, #18191b 50%, transparent 50%, transparent), linear-gradient(90deg, #35e656 50%, #18191b 50%, #18191b);
}

.css-bar-default.css-bar-5 {
    background-image: linear-gradient(90deg, #18191b 50%, transparent 50%, transparent), linear-gradient(108deg, #35e656 50%, #18191b 50%, #18191b);
}

.css-bar-default.css-bar-10 {
    background-image: linear-gradient(90deg, #18191b 50%, transparent 50%, transparent), linear-gradient(126deg, #35e656 50%, #18191b 50%, #18191b);
}

.css-bar-default.css-bar-15 {
    background-image: linear-gradient(90deg, #18191b 50%, transparent 50%, transparent), linear-gradient(144deg, #35e656 50%, #18191b 50%, #18191b);
}

.css-bar-default.css-bar-20 {
    background-image: linear-gradient(90deg, #18191b 50%, transparent 50%, transparent), linear-gradient(162deg, #35e656 50%, #18191b 50%, #18191b);
}

.css-bar-default.css-bar-25 {
    background-image: linear-gradient(90deg, #18191b 50%, transparent 50%, transparent), linear-gradient(180deg, #35e656 50%, #18191b 50%, #18191b);
}

.css-bar-default.css-bar-30 {
    background-image: linear-gradient(90deg, #18191b 50%, transparent 50%, transparent), linear-gradient(198deg, #35e656 50%, #18191b 50%, #18191b);
}

.css-bar-default.css-bar-35 {
    background-image: linear-gradient(90deg, #18191b 50%, transparent 50%, transparent), linear-gradient(216deg, #35e656 50%, #18191b 50%, #18191b);
}

.css-bar-default.css-bar-40 {
    background-image: linear-gradient(90deg, #18191b 50%, transparent 50%, transparent), linear-gradient(234deg, #35e656 50%, #18191b 50%, #18191b);
}

.css-bar-default.css-bar-45 {
    background-image: linear-gradient(90deg, #18191b 50%, transparent 50%, transparent), linear-gradient(252deg, #35e656 50%, #18191b 50%, #18191b);
}

.css-bar-default.css-bar-50 {
    background-image: linear-gradient(270deg, #35e656 50%, transparent 50%, transparent), linear-gradient(270deg, #35e656 50%, #18191b 50%, #18191b);
}

.css-bar-default.css-bar-55 {
    background-image: linear-gradient(288deg, #35e656 50%, transparent 50%, transparent), linear-gradient(270deg, #35e656 50%, #18191b 50%, #18191b);
}

.css-bar-default.css-bar-60 {
    background-image: linear-gradient(306deg, #35e656 50%, transparent 50%, transparent), linear-gradient(270deg, #35e656 50%, #18191b 50%, #18191b);
}

.css-bar-default.css-bar-65 {
    background-image: linear-gradient(324deg, #35e656 50%, transparent 50%, transparent), linear-gradient(270deg, #35e656 50%, #18191b 50%, #18191b);
}

.css-bar-default.css-bar-70 {
    background-image: linear-gradient(342deg, #35e656 50%, transparent 50%, transparent), linear-gradient(270deg, #35e656 50%, #18191b 50%, #18191b);
}

.css-bar-default.css-bar-75 {
    background-image: linear-gradient(360deg, #35e656 50%, transparent 50%, transparent), linear-gradient(270deg, #35e656 50%, #18191b 50%, #18191b);
}

.css-bar-default.css-bar-80 {
    background-image: linear-gradient(378deg, #35e656 50%, transparent 50%, transparent), linear-gradient(270deg, #35e656 50%, #18191b 50%, #18191b);
}

.css-bar-default.css-bar-85 {
    background-image: linear-gradient(396deg, #35e656 50%, transparent 50%, transparent), linear-gradient(270deg, #35e656 50%, #18191b 50%, #18191b);
}

.css-bar-default.css-bar-90 {
    background-image: linear-gradient(414deg, #35e656 50%, transparent 50%, transparent), linear-gradient(270deg, #35e656 50%, #18191b 50%, #18191b);
}

.css-bar-default.css-bar-95 {
    background-image: linear-gradient(432deg, #35e656 50%, transparent 50%, transparent), linear-gradient(270deg, #35e656 50%, #18191b 50%, #18191b);
}

.css-bar-default.css-bar-100 {
    background-image: linear-gradient(450deg, #35e656 50%, transparent 50%, transparent), linear-gradient(270deg, #35e656 50%, #18191b 50%, #18191b);
}

.lock-screen {
    background: #000 !important;
}

.lock-screen .white-box {
    background: #000;
}

.chat-main-box.bg-org {
    background: rgba(0, 0, 0, 0) !important;
}

.chat-left-aside {
    height: 100%;
}

.chat-left-inner.bg-org {
    height: 100%;
    background: var(--floating-object-color) !important;
}

.chatonline li a {
    background: var(--floating-object-color);
    transition: all 0.2s ease;
}

.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:hover {
    background: var(--floating-object-color-hover);
}

.chatonline li a span {
    color: rgba(255, 255, 255, 0.8);
}

.chatonline li a span small.text-success {
    color: rgba(255, 255, 255, 0.4);
}

.chat-list .odd .chat-text {
    background: var(--btn-color-focused);
}

.chat-main-box .chat-right-aside .send-chat-box .form-control {
    padding-top: 10px;
    padding-left: 15px;
}

.chat-main-box .chat-right-aside .send-chat-box .custom-send {
    height: 100%;
    top: 0px;
    right: 14px;
}

.chat-main-box .chat-right-aside .send-chat-box .custom-send button {
    height: 100%;
    width: 80px;
    background: var(--floating-object-dark-color) !important;
}

.cbutton {
    border-radius: 20px;
    border-color: rgba(0, 0, 0, 0);
    border: none;
    padding: 4px !important;
    width: auto;
    height: auto;
    background-color: var(--color-hyperlink) !important;
    position: relative;
    text-align: center;
    transition: all 0.3s ease;
}

.cbutton:hover {
    opacity: 1;
    background: var(--btn-color-focused-hover) !important;
}

.request-title-movie,
.request-title-tv,
.request-title-music {
    transition: none !important;
    -webkit-transition: none !important;
}


/* Fix music cards */

.recent-music span.elip.recent-title {
    background: rgba(31, 31, 31, 0) !important;
}

img.imageSourceBottom {
    top: -110px;
}

img.imageSourceTop {
    top: -36px;
}

.recent-cover .hover-homepage-item {
    position: relative;
    top: -300px;
    height: 150px;
}


/* Styling for iFrame Sandbox */

span.select2-selection.select2-selection--multiple {
    height: auto;
}

span.select2-selection.select2-selection--multiple .select2-selection__choice__remove {
    color: var(--font-color-subtext);
    transition: all 0.3s ease;
}

span.select2-selection.select2-selection--multiple .select2-selection__choice__remove:hover,
span.select2-selection.select2-selection--multiple .select2-selection__choice__remove:active,
span.select2-selection.select2-selection--multiple .select2-selection__choice__remove:focus {
    color: rgba(255, 255, 255, 1);
}

span.select2-selection.select2-selection--multiple .select2-selection__choice {
    color: var(--font-color-secondary);
}


/* Sidenav Fixes */

.nav-second-level .sidebar-tabName {
    top: 15px;
}


/* Fixed position top nav */

@media only screen and (min-width: 768px) {
    div#page-wrapper {
        position: fixed;
        height: calc(100% - 40px);
        width: 100%;
        margin-left: 0px;
    }
    .internal-listing {
        overflow-y: auto;
        height: 100%;
        width: calc(100% - 60px);
    }
    .iFrame-listing,
    .plugin-listing,
    .internal-listing {
        margin-left: 60px;
    }
}


/* Plex style scroll bars */

 ::-webkit-scrollbar {
    width: 15px;
}

 ::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .0);
}

 ::-webkit-scrollbar-thumb {
    min-height: 50px;
    background: rgba(255, 255, 255, .15);
    border: 3px solid transparent;
    border-radius: 8px;
    background-clip: padding-box;
}


/* Login screen panel text */

.panel .panel-heading .panel-title {
    color: rgba(255, 255, 255, 0.7);
}