/*Preloader*/ .preloader { width: 100%; height: 100%; top: 0px; position: fixed; z-index: 99999; background: rgba(0, 0, 0, 0.88); } .preloader .cssload-speeding-wheel { position: absolute; top: calc(50% - 3.5px); left: calc(50% - 3.5px); } .w-100 { width: 100%; } .iframe { width: 100%; height: calc(100vh - 40px); position: inherit; display: block; } /* Larger Images */ #side-menu>li>a { padding: 10px 35px 10px 15px; display: block; } .sidebar .nav-second-level li a { padding: 14px 10px 14px 15px; } #side-menu .fa-fw { width: 30px !important; } .sttabs nav a { position: relative; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.5; } .common-list .notify { position: relative; margin-top: .5px; margin-right: 9px; } .ajaxloader { width: 100%; height: 100%; top: 0px; position: absolute; z-index: 99999; background: rgba(0, 0, 0, 0.68); margin: 0 auto; border-radius: 10px; } .lock-screen { background: url(../../plugins/images/login-register.jpg) center center/cover no-repeat !important; height: 100%; position: fixed; z-index: 1001; top: 0; width: 100%; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ -o-user-select: none; user-select: none; } body.stop-scrolling { height: 100%; overflow: hidden; } .tabEditorIcon i { font-size: 35px; text-align: center !important; width: 35px !important; } .tabEditorIcon img { width: 35px !important; } .asColorPicker-wrap { position: relative; display: block; width: calc(100% - 35px); } .asColorPicker-trigger { position: absolute; top: 0; right: -32px; height: 38px; width: 37px; border: 0; border-radius: 0 4px 4px 0; } .asColorPicker-trigger span { width: 100%; height: 100%; display: inline-block; border-radius: 0 4px 4px 0; } .top-left-part { width: auto; max-width: 220px; float: left; border-right: transparent; display: inline-flex; flex-wrap: nowrap; } .tabs-style-flip { max-width: 1400px; margin: 0 auto; } .elip { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; } .p-5 { padding: 5px !important } .error-page { width: 100%; background: #1b1a1a; height: 100%; position: fixed; display: none; z-index: 10; } img.lazyload.tabImages { height: 120px !important; object-fit: contain; -webkit-filter: drop-shadow(0px 0px 0px black); filter: drop-shadow(0px 0px 0px black); } .recent-cover { background-position: center; background-size: cover; height: 150px; width: 150px; top: 37px; position: relative; } .recent-poster { background-position: center; background-size: cover; height: 225px; width: 150px; position: relative; top: 0; left: 0; } .recent-title { position: absolute; bottom: 0px; background: rgba(31, 31, 31, 0.73); width: inherit; color: white; display: none; } .item:hover .recent-title { display: block; } .nowPlayingHover { margin-bottom: 14px; } .nowPlayingUserThumb:hover { opacity: 0; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .tabLoaded { -webkit-filter: drop-shadow(0px 0px 5px #2cabe4); filter: drop-shadow(0px 0px 5px #2cabe4); } .user-bg { margin: -25px; height: 338px; overflow: hidden; position: relative; background-size: cover; background-position: top; background-repeat: no-repeat; } h2.m-b-0.font-medium.pull-right { -webkit-filter: drop-shadow(1px 1px 0px #1f1f1f); filter: drop-shadow(1px 1px 0px #1f1f1f); color: white; } .text-plex { color: #E5A00D; } .text-emby { color: #4CAF50; } .genre-list { position: absolute; bottom: 0; left: 0; } .mouse { cursor: pointer; } .el-element-overlay .el-card-item .el-overlay-1 img.imageSourceLeft { width: 56%; display: block; position: absolute; left: 0px; overflow: hidden; filter: contrast(309%) brightness(5%) saturate(32) grayscale(96%); } .el-element-overlay .el-card-item .el-overlay-1 img.imageSourceRight { width: 56%; display: block; position: absolute; right: 0px; overflow: hidden; filter: contrast(309%) brightness(5%) saturate(32) grayscale(96%); } img.imageSourceTop { top: -37px; left: 0px; margin: auto; display: block; z-index: -1; overflow: hidden; filter: contrast(309%) brightness(5%) saturate(32) grayscale(96%); } img.imageSourceBottom { top: -114px; left: 0px; margin: auto; display: block; z-index: -1; overflow: hidden; filter: contrast(309%) brightness(5%) saturate(32) grayscale(96%); } .recent-cover .hover-homepage-item { position: relative; top: -338px; height: 225px; } .recent-music span.elip.recent-title { position: absolute; bottom: -38px; background: rgba(31, 31, 31, 0.73); width: inherit; color: white; } .mailbox-widget .customtab li.active a, .mailbox-widget .customtab li.active, .mailbox-widget .customtab li.active a:focus { background: 0 0; color: #fff; border-color: #53e69d; } .nav-tabs.pull-right>li>a:hover { background: transparent; border-radius: 0px; } .homepageImageTitle { height: 40px; margin-top: -7px; } .grayscale { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } td span.label.label-info { min-width: 80px !important; display: inline-block !important; } .inbox-center.table-responsive { max-height: 300px; overflow-y: auto; } .fc-event { border-radius: 0; border: none; cursor: pointer; font-size: 13px; margin: 1px -1px 0; padding: 5px; text-align: left; background: #2cabe3; } th.fc-list-header { text-align: left; } th.fc-list-header > .fc-list-heading-alt { margin-left: 10px; } .bg-calendar { background: transparent; color: inherit; } .fc-toolbar { margin: 0; padding: 19px 20px 11px 20px; } .fc-unthemed .fc-today { color: inherit !important; } .fc-popover { background-color: #1b1b1b } @media (max-width: 767px) { i.ti-close.visible-xs { display: inline !important; } img.lazyload.resultImages { height: 300px !important; object-fit: contain; width: 200px !important; margin: auto; } } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 0; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: transparent; } .fc-day-grid-event .fc-content { white-space: nowrap; overflow: visible; } .fc-view-container .fc-view .fc-scroller { max-height: 212px !important; overflow: auto !important; } } .loop-animation { animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; } @media (min-width: 768px) { img.lazyload.resultImages { height: 300px !important; object-fit: cover; width: 200px !important; margin: auto; } } .outside-request-div { position: absolute; right: 0; overflow: hidden; width: 32px; height: 32px; } .inside-request-div { top: -16px; right: -16px; padding: 0; width: 100%; height: 100%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; box-shadow: 0 0 4px rgba(0, 0, 0, .6); line-height: 24px; opacity: 1; -webkit-transition: all .2s; transition: all .2s; } .inside-over-request-div { top: -28px; right: -25px; padding: 0; width: 50px; height: 50px; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; box-shadow: 0 0 4px rgba(0, 0, 0, .6); line-height: 24px; opacity: 1; -webkit-transition: all .2s; transition: all .2s; } .unapproved-request-div { background-color: #cc7b19; } .hover-homepage-item:hover { background: radial-gradient(farthest-corner at 50% 50%, rgba(50, 50, 50, .5) 50%, #323232 100%); opacity: 1; transition: linear .5s; } .hover-homepage-item { width: 100%; height: 100%; opacity: 0; } input#inviteCodeInput { font-size: 400%; height: 100%; } .bg-plex { background: #E5A00D; } .bg-emby { background: #4CAF50; } .bg-sab { background: #ffb300; } .bg-deluge { background: #425570; } .bg-nzbget { background: #3e8c25; } .bg-transmission { background: #950000; } .bg-qbit { background: #2f67ba; } .request-result-item { width: 230px; } .customPoster { margin: 50px auto; text-align: center; position: absolute; top: 0; left: 0; width: 200px; } .customPoster a { text-decoration: none; -webkit-transform: perspective(2.5em) rotateX(15deg) scaleY(0.8); -moz-transform: perspective(2.5em) rotateX(15deg) scaleY(0.8); -ms-transform: perspective(2.5em) rotateX(15deg) scaleY(0.8); -o-transform: perspective(2.5em) rotateX(15deg) scaleY(0.8); transform: perspective(2.5em) rotateX(15deg) scaleY(0.8); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; display: inline-block; text-align: center; text-transform: uppercase; font-size: 35px; font-weight: 700; font-family: inherit; line-height: 0.8; color: #707cd2; text-shadow: 0 -1px 15px rgba(0, 0, 0, 0.9), 0 1px 0 #7d7d7d, 0 3px 0 #828282, 0 5px 0 #6c6c6c, 0 7px 0 #727272, 0 9px 0 #939393, 0 6px 50px rgb(27, 26, 26); width: 200px; max-width: 200px; } .customPoster a:first-line { font-size: 0.8em; } .el-overlay-1:hover .customPoster a { -webkit-transform: perspective(8em) rotateX(11deg) scale(1.2); -moz-transform: perspective(8em) rotateX(11deg) scale(1.2); -ms-transform: perspective(8em) rotateX(11deg) scale(1.2); -o-transform: perspective(8em) rotateX(11deg) scale(1.2); transform: perspective(8em) rotateX(11deg) scale(1.2); text-shadow: 0 -1px 15px black, 0 1px 0 #7f6303, 0 2px 0 #846703, 0 0px 0 #896b03, 0 1px 0 #8e6f03, 0 2px 0 #937203, 0 2px 30px rgba(252, 223, 92, 0.6); } .homepage-drag { background-size: contain; background-position: right; height: 60px; background-repeat: no-repeat; background-origin: content-box; border-radius: 10px; } .homepage-number { float: left; width: 36px !important; text-align: center; vertical-align: middle; height: 36px; border-radius: 20px; margin-top: 7px; padding: 11px; } span.homepage-text { margin-top: 16px; display: inline-block; } .faded { opacity: .5; } .qr-code { display: block; width: 100%; height: 380px; background-size: contain; margin: auto; background-repeat: no-repeat; } .btn-link, a { color: #2cabe3; text-decoration: none; } @media (pointer: coarse) { #side-menu > li > a:hover, #side-menu > li > a:focus { background: transparent; } } .fc-view-container .fc-view .fc-scroller { max-height: 215px !important; } .fc-view-container .fc-month-view .fc-scroller, .fc-view-container .fc-basicWeek-view .fc-scroller { max-height: 100% !important; height: 100% !important; } .fc-scroller .simplebar-content { min-height: auto !important; overflow-x: hidden !important; padding-bottom: 0px !important; } .simplebar-content { min-height: auto !important; overflow-x: auto !important; } .simplebar-scroll-content { margin-bottom: 0px !important; } .flexbox { display: flex; flex-wrap: wrap; } @media (min-width: 2000px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -ms-flex-order: -1; order: -1; } .order-xl-last { -ms-flex-order: 13; order: 13; } .order-xl-0 { -ms-flex-order: 0; order: 0; } .order-xl-1 { -ms-flex-order: 1; order: 1; } .order-xl-2 { -ms-flex-order: 2; order: 2; } .order-xl-3 { -ms-flex-order: 3; order: 3; } .order-xl-4 { -ms-flex-order: 4; order: 4; } .order-xl-5 { -ms-flex-order: 5; order: 5; } .order-xl-6 { -ms-flex-order: 6; order: 6; } .order-xl-7 { -ms-flex-order: 7; order: 7; } .order-xl-8 { -ms-flex-order: 8; order: 8; } .order-xl-9 { -ms-flex-order: 9; order: 9; } .order-xl-10 { -ms-flex-order: 10; order: 10; } .order-xl-11 { -ms-flex-order: 11; order: 11; } .order-xl-12 { -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } input.has-success { border-bottom: 8px solid #4CAF50; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); } .message-center { max-height: 250px; } .fc-alternate { background: transparent; border-bottom: 1px solid; border-color: rgba(120,130,140,.13); } .fc-state-disabled { display: none; } .resultBox-outside { max-height: 96vh; } .resultBox-inside { height: 100%; max-height: 85vh; overflow-x: hidden; overflow-y: scroll; } .loginLogo { max-width: 350px; max-height: 225px; } .recent-items .owl-item { height: 225px; } .tooltip-content5 { position: absolute; z-index: 9999; min-width: 300px; max-width: 350px; left: 50%; bottom: 100%; font-size: 20px; line-height: 1.4; text-align: center; font-weight: 400; color: #fff; background: 0 0; opacity: 0; margin: 0 0 20px -150px; cursor: default; pointer-events: none; -webkit-font-smoothing: antialiased; -webkit-transition: opacity .3s .3s; transition: opacity .3s .3s; } .tooltip-inner2 { background: #2b2b2b; padding: 40px 0px; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); webkit-transition: -webkit-transform .3s; transition: transform .3s; } #scroll { position:fixed; right:10px; bottom:10px; cursor:pointer; width:50px; height:50px; background-color:#3498db; text-indent:-9999px; display:none; -webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px; z-index: 1; } #scroll span { position:absolute; top:50%; left:50%; margin-left:-8px; margin-top:-12px; height:0; width:0; border:8px solid transparent; border-bottom-color:#ffffff; } #scroll:hover { background-color:#e74c3c; opacity:1;filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; } .white-popup-block { max-width: 80%; } ul.nav.customtab.nav-tabs.nav-low-margin { margin: -25px -25px 0px -25px !important; } i.fa.fa-life-ring.fa-fw { color: #C62828; } .ping { position: relative; margin-top: 0; } .ping .heartbit { position: absolute; top: -15px; left: 15px; height: 25px; width: 25px; z-index: 10; border: 5px solid #ff7676; border-radius: 70px; -moz-animation: heartbit 1s ease-out; -moz-animation-iteration-count: infinite; -o-animation: heartbit 1s ease-out; -o-animation-iteration-count: infinite; -webkit-animation: heartbit 1s ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .ping .point { width: 6px; height: 6px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color: #ff7676; position: absolute; left: 25px; top: -5px; } .sidebar .arrow { position: absolute; right: 20px; top: 17px; } /* NOTIFY ALTERS */ .iziToast.success-notify>.iziToast-body .iziToast-icon { color: rgb(0, 255, 184); } .iziToast.success-notify>.iziToast-body .iziToast-title, .iziToast.success-notify>.iziToast-body .iziToast-message { color: white; } .success-notify .iziToast-progressbar div { background: rgb(0, 255, 184); } .iziToast.success-notify.iziToast-layout2 { background: #1b1a1a; border: 1px solid #232323; border-bottom: transparent; } .iziToast.info-notify>.iziToast-body .iziToast-icon { color: #3A83F0; } .iziToast.info-notify>.iziToast-body .iziToast-title, .iziToast.info-notify>.iziToast-body .iziToast-message { color: white; } .info-notify .iziToast-progressbar div { background: #3A83F0; } .iziToast.info-notify.iziToast-layout2 { background: #1b1a1a; border: 1px solid #232323; border-bottom: transparent; } .iziToast.warning-notify>.iziToast-body .iziToast-icon { color: #FFEB3B; } .iziToast.warning-notify>.iziToast-body .iziToast-title, .iziToast.warning-notify>.iziToast-body .iziToast-message { color: white; } .warning-notify .iziToast-progressbar div { background: #FFEB3B; } .iziToast.warning-notify.iziToast-layout2 { background: #1b1a1a; border: 1px solid #232323; border-bottom: transparent; } .iziToast.error-notify>.iziToast-body .iziToast-icon { color: #F44336; } .iziToast.error-notify>.iziToast-body .iziToast-title, .iziToast.error-notify>.iziToast-body .iziToast-message { color: white; } .error-notify .iziToast-progressbar div { background: #F44336; } .iziToast.error-notify.iziToast-layout2 { background: #1b1a1a; border: 1px solid #232323; border-bottom: transparent; } .iziToast.update-notify>.iziToast-body .iziToast-icon { color: #9e67f4; } .iziToast.update-notify>.iziToast-body .iziToast-title, .iziToast.update-notify>.iziToast-body .iziToast-message { color: white; } .update-notify .iziToast-progressbar div { background: #9e67f4; } .iziToast.update-notify.iziToast-layout2 { background: #1b1a1a; border: 1px solid #232323; border-bottom: transparent; } .iziToast.success-notify.iziToast-balloon:before, .iziToast.update-notify.iziToast-balloon:before, .iziToast.info-notify.iziToast-balloon:before, .iziToast.warning-notify.iziToast-balloon:before, .iziToast.error-notify.iziToast-balloon:before { border-top-color: #1b1a1a; } /* ALERTIFY ALERTS */ .ajs-message.ajs-success-alertify { color: rgb(0, 255, 184); background-color: #1b1a1a; border-color: rgb(0, 255, 184); } .ajs-message.ajs-info-alertify { color: #3A83F0; background-color: #1b1a1a; border-color: #3A83F0; } .ajs-message.ajs-warning-alertify { color: #FFEB3B; background-color: #1b1a1a; border-color: #FFEB3B; } .ajs-message.ajs-error-alertify { color: #F44336; background-color: #1b1a1a; border-color: #F44336; } .ajs-message.ajs-update-alertify { color: #9e67f4; background-color: #1b1a1a; border-color: #9e67f4; } .noty_type__success-noty .noty_body{ background: #1b1a1a; color: rgb(0, 255, 184); border: 1px solid #232323; border-bottom: transparent; } .noty_type__info-noty .noty_body{ background: #1b1a1a; color: #3A83F0; border: 1px solid #232323; border-bottom: transparent; } .noty_type__warning-noty .noty_body { background: #1b1a1a; color: #FFEB3B; border: 1px solid #232323; border-bottom: transparent; } .noty_type__error-noty .noty_body{ background: #1b1a1a; color: #F44336; border: 1px solid #232323; border-bottom: transparent; } .noty_type__update-noty .noty_body{ background: #1b1a1a; color: #9e67f4; border: 1px solid #232323; border-bottom: transparent; } .noty_type__success-noty.noty_has_timeout.noty_has_progressbar .noty_progressbar { background-color: rgb(0, 255, 184); } .noty_type__info-noty.noty_has_timeout.noty_has_progressbar .noty_progressbar { background-color: #3A83F0; } .noty_type__warning-noty.noty_has_timeout.noty_has_progressbar .noty_progressbar { background-color: #FFEB3B; } .noty_type__error-noty.noty_has_timeout.noty_has_progressbar .noty_progressbar { background-color: #F44336; } .noty_type__update-noty.noty_has_timeout.noty_has_progressbar .noty_progressbar { background-color: #9e67f4; } .noty_type__success-noty ellipse { fill: rgb(0, 255, 184); } .noty_type__info-noty ellipse { fill: #3A83F0; } .noty_type__warning-noty ellipse { fill: #FFEB3B; } .noty_type__error-noty ellipse { fill: #F44336; } .noty_type__update-noty ellipse { fill: #9e67f4; } .navbar-header { max-height: 40px; } span#main-logo { max-width: 220px; } img.dark-logo { max-width: 220px; max-height: 40px; } img.dark-logo-side { max-width: 160px; max-height: 35px; } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; width: 100% !important; } span.select2-selection.select2-selection--single, span.select2-selection.select2-selection--multiple{ background: inherit; height: 38px; } img.img-chooser { width: 20px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: inherit; line-height: 38px; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 38px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-dropdown { background-color: inherit; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .fc-scroller .simplebar-track.horizontal { display: none; }