@charset "utf-8";
@font-face {
	font-family: 'lcars';
	src: url('../fonts/lcars.woff2') format('woff2'),
		 url('../fonts/lcars.woff') format('woff'),
		 url('../fonts/lcars.ttf') format('truetype');
}
@font-face {
	font-family: 'p1reg';
	src: url('../fonts/proteusone.woff2') format('woff2'),
		 url('../fonts/proteusone.woff') format('woff'),
		 url('../fonts/proteusone.ttf') format('truetype');
}
@font-face {
	font-family: 'p1comp';
	src: url('../fonts/ProteusOneCondensed.woff2') format('woff2'),
		 url('../fonts/ProteusOneCondensed.woff') format('woff'),
		 url('../fonts/ProteusOneCondensed.ttf') format('truetype');
}
@font-face {
	font-family: 'p1ulthin';
	src: url('../fonts/ProteusOneUltrathin.woff2') format('woff2'),
		 url('../fonts/ProteusOneUltrathin.woff') format('woff'),
		 url('../fonts/ProteusOneUltrathin.ttf') format('truetype');
}
@font-face {
	font-family: 'wd2';
	src: url('../fonts/wingdings2.ttf');
}
@font-face {
	font-family: 'wd3';
	src: url('../fonts/wingdings3.ttf');
}
@keyframes alert1 {
	0% {background-image: linear-gradient(0deg, #700, #700, #700, #700, #700, #700, #700, #700, #700, #FFF);}
	5% {background-image: linear-gradient(0deg, #700, #700, #700, #700, #700, #700, #700, #700, #FFF, #700);}
	10% {background-image: linear-gradient(0deg, #700, #700, #700, #700, #700, #700, #700, #FFF, #700, #700);}
	15% {background-image: linear-gradient(0deg, #700, #700, #700, #700, #700, #700, #FFF, #700, #700, #700);}
	20% {background-image: linear-gradient(0deg, #700, #700, #700, #700, #700, #FFF, #700, #700, #700, #700);}
	25% {background-image: linear-gradient(0deg, #700, #700, #700, #700, #FFF, #700, #700, #700, #700, #700);}
	30% {background-image: linear-gradient(0deg, #700, #700, #700, #FFF, #700, #700, #700, #700, #700, #700);}
	35% {background-image: linear-gradient(0deg, #700, #700, #FFF, #700, #700, #700, #700, #700, #700, #700);}
	40% {background-image: linear-gradient(0deg, #700, #FFF, #700, #700, #700, #700, #700, #700, #700, #700);}
	45% {background-image: linear-gradient(0deg, #FFF, #700, #700, #700, #700, #700, #700, #700, #700, #700);}
	50% {background-image: linear-gradient(0deg, #700, #700, #700, #700, #700, #700, #700, #700, #700, #700);}
	100% {background-image: linear-gradient(0deg, #700, #700, #700, #700, #700, #700, #700, #700, #700, #700);}
}
@keyframes alert2 {
	0% {background-image: linear-gradient(180deg, #700, #700, #700, #700, #700, #700, #700, #700, #700, #FFF);}
	5% {background-image: linear-gradient(180deg, #700, #700, #700, #700, #700, #700, #700, #700, #FFF, #700);}
	10% {background-image: linear-gradient(180deg, #700, #700, #700, #700, #700, #700, #700, #FFF, #700, #700);}
	15% {background-image: linear-gradient(180deg, #700, #700, #700, #700, #700, #700, #FFF, #700, #700, #700);}
	20% {background-image: linear-gradient(180deg, #700, #700, #700, #700, #700, #FFF, #700, #700, #700, #700);}
	25% {background-image: linear-gradient(180deg, #700, #700, #700, #700, #FFF, #700, #700, #700, #700, #700);}
	30% {background-image: linear-gradient(180deg, #700, #700, #700, #FFF, #700, #700, #700, #700, #700, #700);}
	35% {background-image: linear-gradient(180deg, #700, #700, #FFF, #700, #700, #700, #700, #700, #700, #700);}
	40% {background-image: linear-gradient(180deg, #700, #FFF, #700, #700, #700, #700, #700, #700, #700, #700);}
	45% {background-image: linear-gradient(180deg, #FFF, #700, #700, #700, #700, #700, #700, #700, #700, #700);}
	50% {background-image: linear-gradient(180deg, #700, #700, #700, #700, #700, #700, #700, #700, #700, #700);}
	100% {background-image: linear-gradient(180deg, #700, #700, #700, #700, #700, #700, #700, #700, #700, #700);}
}
@keyframes redalert {
	0% {background-image: linear-gradient(90deg, #700, #700, #700, #700, #700, #700, #700, #700, #700, #700);}
	35% {background-image: linear-gradient(90deg, #700, #700, #700, #700, #700, #700, #700, #700, #700, #700);}
	40% {background-image: linear-gradient(90deg, #fff, #700, #700, #700, #700, #700, #700, #700, #700, #fff);}
	45% {background-image: linear-gradient(90deg, #700, #fff, #700, #700, #700, #700, #700, #700, #fff, #700);}
	50% {background-image: linear-gradient(90deg, #700, #700, #fff, #700, #700, #700, #700, #fff, #700, #700);}
	55% {background-image: linear-gradient(90deg, #700, #700, #700, #fff, #700, #700, #fff, #700, #700, #700);}
	60% {background-image: linear-gradient(90deg, #700, #700, #700, #700, #fff, #fff, #700, #700, #700, #700);}
	65% {background-image: linear-gradient(90deg, #700, #700, #700, #700, #700, #700, #700, #700, #700, #700);}
	100% {background-image: linear-gradient(90deg, #700, #700, #700, #700, #700, #700, #700, #700, #700, #700);}
}
@keyframes aninoprovider {
	0% {border-color: #ffffff;}
	1% {border-color: #ff0000;}
	99% {border-color: #ff0000;}
	100% {border-color: #ffffff;}
}
@keyframes aniprovider {
	  0% {border-color: #0f0;}
	 79% {border-color: #0f0;}
	 80% {border-color: #ff0;}
	 81% {border-color: #0f0;}
	100% {border-color: #0f0;}
}

:root {
	--altrecent: #00b03a;
	--temptest: #edc420;
	--accent1: #8860bf;
	--alert: #b30000;
	--atrq: #9f60cf;
	--available: #006e9b;
	--background: #000000;
	--buffer: #337F33;
	--clearall: #ff0000;
	--counts: #e7d96c;
	--countsback: #000000;
	--darktext: #000000;
	--del: #888888;
	--delayed: #79709C;
	--delayedback: #202020;
	--deresing: #760000;
	--dirstardate: #d13f3f;
	--empty: #666666;
	--episodes: #337F33;
	--error: #dd0000;
	--exp: #ff4444;
	--expback: #440000;
	--filler: #6699ff;
	--grid: #cccccc;
	--input: #de000040;
	--inputback: #112755;
	--lcarscolor1: #a0aabb;
	--lcarscolor2: #a0aabb;
	--lcarscolor3: #4488bb;
	--locked: #333333;
	--logoframe: #35b5fe;
	--nav1: #e7d96c;
	--nav2: #00b4ff;
	--nav3: #ff634d;
	--nav4: #ff7f00;
	--nav5: #05cf05;
	--nav6: #95a0e6;
	--nobackground: #111111;
	--nocontent: #444444;
	--offline: #888888;
	--queue: #337F33;
	--ready: #75c775;
	--recent: #0077a6;
	--redalert: #770000;
	--rev: #aaaaaa;

	--res0720a: #59b39c;
	--res0720x: #66afcc;
	--res1080a: #2693ff;
	--res1080h: #4ab74a;
	--res1080v: #ccb852;
	--res1080x: #b1bf69;
	--res2160org: #7880e0;
	--res2160cmp: #cc6666;
	--res4320org: #be78e6;
	--res4320cmp: #a5afff;

	--r1080x264: #3370ff;
	--r1080x265: #739dff;
	--r1080x266: #b2c9ff;
	--r2160Prov: #ff6600;
	--r2160RCmp: #ff8c40;
	--r2160x266: #ffb280;

	--detback1080x264: #3370ff40;
	--detback1080x265: #739dff40;
	--detback1080x266: #b2c9ff40;
	--detback2160Prov: #ff660040;
	--detback2160RCmp: #ff8c4040;
	--detback2160x266: #ffb28040;

	--detback2160: #7880e040;
	--detback1080: #2693ff40;
	--detbackHEVC: #4ab74a40;

	--scrollback: #19233280;
	--scrollfront: #f0c413;
	--series: #9F810A;
	--storageback: #222222;
	--submit: #c86a0d;
	--text: #f0c413;
	--titles: #cccccc;
	--today: #787020;
	--upcoming: #894400;
	--writing: #660000;
}
.tryingthisout {
	background: linear-gradient(90deg, var(--nav3), var(--nav4), var(--nav1), var(--nav5), var(--nav2), var(--nav6));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
a, a:active, a:hover {text-decoration: none; color: inherit;}
a:hover, button:hover {filter: brightness(150%);}
body, html {
	background-color: var(--background);
	color: var(--text);
	font: 20px lcars;
	letter-spacing: 0.75px;
	line-height: 1.2;
	text-transform: uppercase;
	max-width: 100%;
	min-width: 1080px;
}
body {
	scrollbar-width: thin; 
	scrollbar-color: var(--scrollfront) transparent;
}
img {
	padding: 0;
	margin: 0;
	display: block;
	vertical-align: baseline;
}
p {
	text-indent: 25px;
	margin: 0px;
	padding: 0px;
}
.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0px;
	background: var(--background);
	z-index: 11;
}
.nohover:hover {
	filter: brightness(100%);
	background: transparent;
	cursor: none;
}
.maintop0, .mainbottom0, .maintop1, .maintop1a, .mainbottom1, .mainbottom1a {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 323px;
	border-bottom-left-radius: 50px;
	background-image: linear-gradient(0deg, var(--lcarscolor1), var(--lcarscolor2), var(--lcarscolor3));
	z-index: 10;
}
.mainbottom0, .mainbottom1, .mainbottom1a {
	top: 327px;
	height: calc(100vh - 327px);
	border-bottom-left-radius: 0px;
	border-top-left-radius: 50px;
	background-image: linear-gradient(180deg, var(--lcarscolor1), var(--lcarscolor2), var(--lcarscolor3));
}
.maintop1 {animation: alert1 2.5s infinite;}
.mainbottom1 {animation: alert2 2.5s infinite;}
.maintop1a, .mainbottom1a {background: #700; }
.maintopbackleft, .maintopbackright {
	position: absolute;
	top: 0px;
	left: 140px;
	width: 200px;
	min-height: 300px;
	background: var(--background);
	border-bottom-left-radius: 10px;
	z-index: 10;
}
.maintopbackright {
	left: 340px;
	width: calc(100% - 340px);
	max-width: 1082px;
	min-height: 306px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 10px;
}
.maintopcurve, .mainbottomcurve {
	position: absolute;
	top: -20px;
	left: 1402px;
	min-width: 25px;
	max-width: 25px;
	min-height: 25px;
	max-height: 25px;
	background: transparent;
	border-top-left-radius: 50px;
	border-top: 20px solid var(--background);
	border-left: 20px solid var(--background);
	z-index: 10;
}
.mainbottomcurve {
	top: calc(100% - 25px);
	border-top-left-radius: 0px;
	border-bottom-left-radius: 50px;
	border-top: 0px;
	border-bottom: 20px solid var(--background);
}
.mainbottombackleft, .mainbottombackright {
	position: absolute;
	top: 23px;
	left: 140px;
	width: 200px;
	min-height: calc(100% - 23px);
	background: var(--background);
	border-top-left-radius: 10px;
	z-index: 10;
}
.mainbottombackright {
	top: 17px;
	left: 340px;
	width: calc(100% - 340px);
	max-width: 1082px;
	min-height: calc(100% - 17px);
	border-top-left-radius: 0px;
	border-top-right-radius: 10px;
}
.mainbottombar {
	position: relative;
	top: 3px;
	left: 3px;
	width: calc(100% - 11px);
	height: 3px;
	background: var(--accent1);
	z-index: 10;
}
.mainrightback {
	position: fixed;
	top: 3px;
	left: 1455px;
	width: calc(100% - 1455px);
	min-height: calc(100% - 6px);
	background: var(--background);
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	z-index: 10;
}
.cornerstone {
	position: fixed;
	top: 308px;
	left: 1440px;
	width: 15px;
	height: 34px;
	background-image: url("../ux8/cornerstone.png");
	z-index: 11;
}
.recent {
	position: fixed;
	top: 5px;
	left: 150px;
	width: 575px;
	min-height: 298px;
	background: var(--recent);
	border-radius: 0px 15px 10px 0px;
	z-index: 10;
}
.recentback {
	position: absolute;
	top: 15px;
	left: 0px;
	width: 570px;
	min-height: 280px;
	background: var(--background);
	border-radius: 0px 10px 8px 0px;
	z-index: 10;
}
.buffer {
	position: fixed;
	top: 5px;
	left: 729px;
	width: calc(100% - 737px);
	max-width: 685px;
	min-height: 298px;
	background: var(--buffer);
	border-radius: 15px 0px 0px 10px;
	z-index: 10;
}
.bufferback {
	position: absolute;
	top: 15px;
	left: 5px;
	width: calc(100% - 5px);
	min-height: 280px;
	background: var(--background);
	border-radius: 10px 0px 0px 8px;
	z-index: 10;
}
.divempty {background: var(--empty);}
.navigation {
	position: fixed;
	top: 299px;
	left: 150px;
	width: 391px;
	height: 52px;
	background: var(--background);
	z-index: 11;
}
.nav1, .nav2, .nav3, .nav4, .nav5, .nav6 {
	position: absolute;
	left: 4px;
	top: 1px;
	width: 125px;
	height: 23px;
	background: var(--nav1);
	font-size: 21px;
	text-align: right;
	color: var(--darktext);
	cursor: pointer;
	z-index: 10;
}
.nav2 {
	top: 1px;
	left: 133px;
	background: var(--nav2);
}
.nav3 {
	position: absolute;
	font-size: 21px;
	text-align: right;
	background: var(--nav3);
	left: 262px;
	top: 1px;
	width: 125px;
	height: 23px;
	cursor: pointer;
	font-family: lcars;
	border: none;
	border-radius: 0px;
	letter-spacing: 0.8px;
	line-height: 1.1;
	padding-right: 4px;
}
.nav4 {
	top: 28px;
	left: 4px;
	background: var(--nav4);
}
.nav5 {
	top: 28px;
	left: 133px;
	background: var(--nav5);
}
.nav6 {
	top: 28px;
	left: 262px;
	background: var(--nav6);
}
.nav4:hover,
.nav5:hover,
.nav6:hover {
	top: 8px;
}
.nav1:hover,
.nav2:hover,
.nav3:hover,
.nav4:hover,
.nav5:hover,
.nav6:hover {
	filter: invert(90%);
}
.padright {padding-right: 4px;}
.sitename {
	position: fixed;
	top: 3px;
	left: 0px;
	height: 100px;
	font-size: 68px;
	padding: 0px;
	line-height: 1;
	background-color: var(--background);
	color: var(--text);
	z-index: 10;
}
.pagename {
	position: relative;
	top: -11px;
	left: -1px;
	font-size: 45px;
}
.coundown {
	position: absolute;
	font-size: 20px;
	top: 17px;
	right: 1px;
	text-align: right;
	background-color: transparent;
}
.clocks {
	position: fixed;
	bottom: 3px;
	left: 0px;
	height: 38px;
	width: 140px;
	background-color: var(--background);
	color: var(--text);
	z-index: 10;
}
.realdate {
	position: absolute;
	font-size: 20px;
	top: 17px;
	left: 1px;
	background-color: transparent;
	z-index: 10;
}
.realtime {
	position: absolute;
	font-size: 20px;
	top: 17px;
	right: 1px;
	text-align: right;
	background-color: transparent;
}
.stardatetext {
	position: absolute;
	font-size: 20px;
	text-align: left;
	top: 0px;
	left: 1px;
	background-color: transparent;
}
.stardate {
	position: absolute;
	font-size: 20px;
	top: 0px;
	right: 1px;
	text-align: right;
	background-color: transparent;
}
.kznccalendar {
	background-color: var(--background);
	position: fixed;
	bottom: 44px;
	left: 0px;
	width: 140px;
	min-width: 140px;
	max-width: 140px;
	height: 130px;
	min-height: 130px;
	max-height: 130px;
	z-index: 10;
}
.ui-datepicker,
.ui-datepicker table,
.ui-datepicker tr,
.ui-datepicker td,
.ui-datepicker th {
	margin: 0;
	padding: 0;
	border: none;
	border-spacing: 0;
	z-index: 10;
}
.ui-datepicker {
	display: none;
	width: 100%;
	cursor: default;
	text-transform: uppercase;
	font-family: lcars;
	font-size: 12px;
	z-index: 10;
}
.ui-datepicker-header {
	position: relative;
	color: var(--nav1);
	border-bottom: 1px solid var(--nav5);
}
.ui-datepicker-title { text-align: center; }
.ui-datepicker-month,
.ui-datepicker-year {
	position: relative;
	color: var(--nav4);
}
.ui-datepicker-prev,
.ui-datepicker-next {
	position: absolute;
	top: -1px;
	padding: 0px;
	cursor: pointer;
}
.ui-datepicker-prev {
	left: 0;
	padding-left: 0;
}
.ui-datepicker-next {
	right: 0;
	padding-right: 0;
}
.ui-datepicker-prev span,
.ui-datepicker-next span{
	display: block;
	width: 5px;
	height: 10px;
	text-indent: -9999px;
}
.ui-datepicker-prev::before {font-size: 15px; content: "\025C2";}
.ui-datepicker-next::before {font-size: 15px; content: "\025B8";}
.ui-datepicker-prev span { background-position: 0px 0px; }
.ui-datepicker-next span { background-position: -5px 0px; }
.ui-datepicker-prev-hover span { background-position: 0px -10px; }
.ui-datepicker-next-hover span { background-position: -5px -10px; }
.ui-datepicker-calendar th {
	padding-top: 1px;
	padding-bottom: 4px;
	text-align: center;
	font-weight: normal;
	color: var(--nav2);
}
.ui-datepicker-calendar td {
	padding: 0;
	text-align: center;
	line-height: 14px;
}
.ui-datepicker-calendar .ui-state-default {
	display: block;
	width: 18px;
	outline: none;
	text-decoration: none;
	color: #a8a8a8;
	border: 1px solid var(--background);
}
.ui-datepicker-calendar .ui-state-active {
	color: var(--nav5);
	border: 1px solid var(--nav5);
}
.ui-datepicker-unselectable {
	background-color: #660000;
}
.ui-datepicker-other-month .ui-state-default {
	color: var(--nocontent);
	background-color: var(--background);
}
.kznclogo {
	position: fixed;
	bottom: 174px;
	left: 0px;
	width: 140px;
	z-index: 10;
}
.kznclogoimg {
	width: 140px;
	max-width: 140px;
	height: auto;
	background-color: #000000;
	padding: 3px 0 1px 1px;
	border: none;
}
.availoff {
	position: fixed;
	top: 353px;
	left: 596px;
	width: calc(100% - 690px);
	max-width: 821px;
	min-width: 92px;
	height: calc(100vh - 353px);
	max-height: calc(100vh - 353px);
	overflow: hidden auto;
	scrollbar-width: thin;
	z-index: 10;
}
.availright {
	position: fixed;
	top: 353px;
	left: 690px;
	width: calc(100% - 690px);
	max-width: 724px;
	min-width: 92px;
	height: calc(100vh - 353px);
	max-height: calc(100vh - 353px);
	z-index: 10;
}
.available, .availableother {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	min-width: 92px;
	min-height: 60px;
	height: auto;
	background: var(--available);
	border-radius: 15px 0px 0px 10px;
	z-index: 10;
}
.availableother {border-radius: 0px 15px 10px 0px;}
.availableback, .availablebackother {
	position: absolute;
	top: 15px;
	left: 5px;
	width: calc(100% - 5px);
	min-height: 44px;
	height: calc(100% - 16px);
	background: var(--background);
	border-radius: 10px 0px 0px 8px;
	z-index: 10;
}
.availablebackother {
	border-radius: 0px 10px 8px 0px;
	left: 0px;
}
.offline {
	display: none;
}
.availablealt {display: none;}
.others {
	position: fixed;
	top: 353px;
	left: 150px;
	max-width: 575px;
	min-width: 575px;
	height: calc(100vh - 353px);
	min-height: calc(100vh - 353px);
	overflow: hidden auto;
	scrollbar-width: thin;
	z-index: 10;
}
.delayed, .queue, .today, .upcoming, .deresing {
	position: relative;
	top: 0px;
	left: 0px;
	min-width: 100%;
	height: auto;
	min-height: 60px;
	max-height: 100%;
	background: var(--delayed);
	border-radius: 0px 15px 10px 0px;
	z-index: 10;
}
.queue {background: var(--queue);}
.today {background: var(--today);}
.upcoming {background: var(--upcoming);}
.deresing {background: var(--deresing);}
.spacer {min-height: 4px;}
.othersback {
	position: absolute;
	top: 15px;
	left: 0px;
	width: calc(100% - 5px);
	min-height: 44px;
	height: calc(100% - 16px);
	background: var(--background);
	border-radius: 0px 10px 8px 0px;
	z-index: 10;
}
.titleleft, .titleright, .seriestitle {
	position: absolute;
	top: 0px;
	right: 20px;
	width: 170px;
	height: 15px;
	border-width: 0px 3px 0px 3px;
	border-color: var(--background);
	border-style: solid;
	color: var(--darktext);
	background-color: var(--titles);
	z-index: 10;
}
.titleleft {left: 20px;}
.sectiontitle {
	position: absolute;
	top: 0px;
	width: 164px;
	height: 17px;
	border: none;
	background-color: transparent;
	color: var(--darktext);
	font-size: 17px;
	line-height: 1;
	overflow: hidden;
	white-space: nowrap;
}
.sectiontitle .classic {display: none;}
.sectiontitle:hover .lcars {display: none;}
.sectiontitle:hover .classic {display: inline;}
.right {
	right: 3px;
	text-align: right;
}
.left {
	left: 3px;
	text-align: left;
}
.countleft, .countright {
	position: absolute;
	top: 0px;
	right: 15px;
	width: 27px;
	height: 17px;
	border-width: 0px 3px 0px 3px;
	border-color: var(--background);
	border-style: solid;
	color: var(--counts);
	background-color: var(--countsback);
	text-align: right;
	font-size: 19px;
	text-shadow: 1px 1px 1px var(--darktext);
	letter-spacing: 2px;
	margin-top: -2px;
	z-index: 10;
}
.countleft {left: 15px;}
.storage,
.serverfund {
	position: fixed;
	top: 306px;
	left: 607px;
	width: 500px;
	height: 17px;
	max-height: 17px;
	z-index: 10;
}
.serverfund {
	top: 327px;
}
.storagetext,
.fundtext,
.storagevalue,
.fundvalue {
	position: relative;
	top: -1px;
	left: 0px;
	width: 115px;
	color: var(--nobackground);
	text-align: right;
	font-size: 18px;
	z-index: 10;
}
.storagebars,
.fundbars {
	position: relative;
	top: -22px;
	left: 118px;
	width: 300px;
	height: 17px;
	max-height: 17px;
	border-left: 4px solid var(--background);
	border-right: 4px solid var(--background);
	background: var(--storageback);
	z-index: 10;
}
.grid {
	display: flex;
	flex-flow: row nowrap;
	justify-content: left;
	width: 300px;
	max-width: 300px;
	height: 17px;
	max-height: 17px;
}
.storagegrid {
	display: flex;
	width: 10%;
	border-right: 1px solid var(--grid);
	z-index: 11;
}
.storageback, .storagefront,
.fundback, .fundfront {
	position: absolute;
	top: 1px;
	left: 0px;
	margin-right: 4px;
	max-height: 16px;
	width: 270px;
	z-index: 9;
}
.storagevalue,
.fundvalue {
	top: -40px;
	width: 75px;
	left: 425px;
	text-align: right;
	margin-left: 4px;
}
.storageavail,
.fundavail {
	position: absolute;
	top: 0px;
	left: 0px;
	max-width: 300px;
	max-height: 17px;
	min-height: 17px;
	overflow: hidden;
	z-index: 10;
}
.redalert {animation: redalert 2.5s infinite;}
.updated {
	position: fixed;
	top: 306px;
	right: 7px;
	width: 250px;
	height: 38px;
	color: var(--nobackground);
	text-align: right;
	font-size: 18px;
	line-height: 1.15;
	z-index: 10;
}
.calculator {
	position: absolute;
	top: 353px;
	left: 150px;
	text-align: center;
	width: calc(100% - 160px);
	min-width: 812px;
	height: 221px;
	min-height: 221px;
	z-index: 10;
	background-color: var(--buffer);
	border-style: solid var(--buffer);
	border-radius: 15px;
}
.calcback {
	position: absolute;
	top: 15px;
	left: 1px;
	background-color: var(--background);
	border-radius: 10px;
	width: calc(100% - 2px);
	height: calc(100% - 20px);
	z-index: 10;
}
.calc {
	font: 75px lcars;
	position: absolute;
	top: 20px;
	left: 50%;
	transform-origin: center;
	transform: translateX(-50%);
	margin: 0px;
	padding: 0px;
	border: 0px;
	z-index: 10;
}
.calc2, .calc4, .calc10 {
	background: var(--inputback);
	font: 75px lcars;
	max-width: 51px;
	max-height: 71px;
	text-align: center;
	border: none;
	border-top: 1px solid var(--filler);
	border-bottom: 3px solid var(--filler);
	border-radius: 5px;
	color: var(--text);
}
.calc4 {max-width: 100px;}
.calc10 {max-width: 233px;}
.cl2, .cl4, .cl10 {
	position: relative;
	min-width: 55px;
	max-width: 55px;
	font: 25px lcars;
	top: -3px;
}
.block2, .block4, .block10 {
	position: relative;
	top: -4px;
	max-height: 88px;
	max-width: 55px;
	padding: 0px;
	margin: 0px;
	text-align: center;
	overflow: hidden;
}
.cl4, .block4 {max-width: 104px;}
.cl10, .block10 {max-width: 237px;}
.separator {
	position: relative;
	top: -21px;
}
.calcsubmit {
	font: 30px lcars;
	background: var(--submit);
	padding: 2px 30px 0px 30px;
	margin: 0px;
	border: 0px;
	border-radius: 45px;
}
.calcsubmit:hover {filter: brightness(150%);}
.iframe, .iframenew {
	position: fixed;
	top: 350px;
	left: 693px;
	border: none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	width: 100%;
	max-width: 726px;
	min-height: calc(100vh - 350px);
	z-index: 10;
	overflow: hidden auto;
	scrollbar-width: thin;
}
.foldername {
	position: relative;
	top: 0px;
	width: 100%;
	color: var(--nav6);
}
.table, .data {
	position: relative;
	top: 0px;
	width: 100%;
	height: 18px;
	max-height: 18px;
	margin: 0px;
}
.data {
	height: 20px;
	max-height: 20px;
	margin: 0px 4px 4px 0px;
}
.object1, .object2, .object3 {
	background-color: var(--recent);
	height: 16px;
	max-height: 16px;
	color: var(--titles);
	text-shadow: 1px 1px 1px var(--darktext);
	font-weight: normal;
	line-height: 1;
	font-size: 18px;
	text-align: left;
	margin: -2px 4px 0px 0px;
	padding: 1px 3px 0px 3px;
	float: left;
}
.data1, .data2, .data3 {
	background-color: transparent;
	height: 18px;
	max-height: 18px;
	color: var(--text);
	font-weight: normal;
	line-height: 1;
	font-size: 20px;
	text-align: left;
	margin: 0px 4px 0px 0px;
	padding: 1px 3px 0px 3px;
	float: left;
	white-space: nowrap;
	overflow: hidden;
}
.object1, .data1 {width: 70px; max-width: 70px; min-width: 70px; text-align: right;}
.object2, .data2 {width: 516px;}
.object3, .data3 {width: 100px; max-width: 100px; min-width: 100px; text-align: right;}
.data1 {color: var(--dirstardate);}
.data2 {color: var(--text); letter-spacing: 1.5px;}
.data3 {color: var(--nav5);}
.data:hover {background-color: var(--storageback);}
.dirgap {padding-bottom: 10px;}
.empty {color: var(--empty);}
.empty:hover {background-color: var(--background);}
.providersleft {
	position: fixed;
	top: 358px;
	left: 150px;
	min-width: 46px;
	min-height: calc(100vh - 358px);
	background-color: var(--background);
	z-index: 11;
}
.providersright {
	position: fixed;
	top: 358px;
	left: 1368px;
	min-width: 46px;
	min-height: calc(100vh - 358px);
	background-color: var(--background);
	z-index: 11;
}
.providerstop {
	position: fixed;
	top: 358px;
	left: 150px;
	width: 1264px;
	min-height: 24px;
	background-color: var(--background);
	z-index: 11;
}
.providersbottom {
	position: fixed;
	bottom: 0px;
	left: 150px;
	width: 1264px;
	min-height: 52px;
	background-color: var(--background);
	z-index: 11;
}
.providerframeleft {
	position: fixed;
	top: 358px;
	left: 150px;
	min-width: 35px;
	min-height: calc(100vh - 358px);
	background-color: var(--recent);
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	z-index: 11;
}
.providerframeright {
	position: fixed;
	top: 358px;
	left: 1379px;
	min-width: 35px;
	min-height: calc(100vh - 358px);
	background-color: var(--recent);
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	z-index: 11;
}
.providerframetop {
	position: fixed;
	top: 358px;
	left: 185px;
	width: 1194px;
	max-height: 15px;
	min-height: 15px;
	background-color: var(--recent);
	z-index: 11;
}
.providerframebottom {
	position: fixed;
	bottom: 0px;
	left: 185px;
	width: 1194px;
	max-height: 3px;
	min-height: 3px;
	background-color: var(--recent);
	z-index: 11;
}
.cornertopleft, .cornertopright, .cornerbottomleft, .cornerbottomright {
	position: fixed;
	width: 6px;
	height: 6px;
	background-color: var(--recent);
	z-index: 11;
}
.cornertopleft {
	top: 373px;
	left: 185px;
	background-image: url("../ux8/cornertopleft.png");
}
.cornertopright {
	top: 373px;
	left: 1373px;
	background-image: url("../ux8/cornertopright.png");
}
.cornerbottomleft {
	bottom: 3px;
	left: 185px;
	background-image: url("../ux8/cornerbottomleft.png");
}
.cornerbottomright {
	bottom: 3px;
	left: 1373px;
	background-image: url("../ux8/cornerbottomright.png");
}
.provtopdivider {
	position: fixed;
	top: 405px;
	left: 185px;
	width: 1194px;
	min-height: 1px;
	background-color: var(--background);
	border-top: 3px solid var(--recent);
	z-index: 11;
}
.provbottomdivider {
	position: fixed;
	bottom: 49px;
	left: 185px;
	width: 1194px;
	min-height: 3px;
	background-color: var(--recent);
	z-index: 11;
}
.provtitle {
	position: fixed;
	top: 358px;
	left: 193px;
	width: 200px;
	height: 15px;
	border-width: 0px 3px 0px 3px;
	border-color: var(--background);
	border-style: solid;
	color: var(--darktext);
	background-color: var(--titles);
	z-index: 11;
}
.provsectitle {
	position: fixed;
	top: 358px;
	left: 196px;
	text-align: right;
	width: 197px;
	height: 17px;
	border: none;
	background-color: transparent;
	color: var(--darktext);
	font-size: 17px;
	line-height: 1;
}
.provcount {
	position: fixed;
	top: 358px;
	left: 1343px;
	width: 21px;
	height: 13px;
	border-width: 0px 3px 2px 3px;
	border-color: var(--background);
	border-style: solid;
	color: var(--counts);
	background-color: var(--countsback);
	text-align: right;
	font-size: 13px;
	letter-spacing: 2px;
	z-index: 11;
}
.providers {
	position: fixed;
	top: 353px;
	left: 148px;
	width: calc(100% - 148px);
	max-width: 1266px;
	height: calc(100vh - 353px);
	max-height: calc(100vh - 353px);
	background: var(--recent);
	border-radius: 15px 15px 0px 0px;
	z-index: 10;
}
.providersback {
	position: absolute;
	top: 15px;
	left: 1px;
	min-width: calc(100% - 2px);
	min-height: calc(100% - 15px);
	background: var(--background);
	border-radius: 10px 10px 0px 0px;
	z-index: 10;
}
.providers2 {
	position: relative;
	top: 0px;
	left: 0px;
	width: calc(100% - 3px);
	min-width: calc(100% - 3px);
	min-height: calc(100vh - 353px);
	max-height: calc(100vh - 353px);
	background: var(--recent);
	border-radius: 15px 0px 0px 10px;
	z-index: 10;
}
.provcontent {
	position: absolute;
	top: 40px;
	left: 10px;
	min-width: calc(100% - 14px);
	min-height: calc(100% - 41px);
	max-height: calc(100% - 41px);
	z-index: 10;
	overflow: hidden auto;
	scrollbar-width: thin;
}
.provheader {
	position: absolute;
	top: 18px;
	left: 10px;
	min-width: calc(100% - 14px);
	min-height: 20px;
	max-height: 20px;
	z-index: 10;
	border-bottom: 1px solid var(--recent);
	display: flex;
	flex-flow: row;
	font-size: 20px;
}
.paypalbuttonframe {
	position: fixed;
	background-color: var(--background,#000000);
	left: 0px;
	top: 372px;
	width: 140px;
	height: 29px;
	z-index: 10;
}
.paypalbutton {
	position: fixed;
	font-size: 21px;
	text-align: right;
	color: var(--background);
	left: 0px;
	top: 375px;
	width: 140px;
	height: 23px;
	cursor: pointer;
	font-family: lcars;
	border: none;
	line-height: 1.1;
	letter-spacing: 1px;
	margin-right: -2px;
}
.paypalsup, .console, .online, .acknowledge, .countdown, .countdowntext, .countdowntext2 {
	position: fixed;
	top: 375px;
	left: 0px;
	width: 136px;
	color: var(--nobackground);
	background-color: transparent;
	font-size: 20px;
	text-align: right;
	letter-spacing: 0.25px;
	line-height: 0.9;
	z-index: 10;
}
.console, .online, .countdown, .countdowntext, .countdowntext2 {top: 121px; font-size: 17px; width: 137px;}
.online {top: 105px;}
.countdown {top: 137px; left: -19px;}
.countdowntext {text-align: left; top: 137px; margin-left: 15px;}
.countdowntext2 {top: 137px;}
.paypalsup, .acknowledge {
	border-top: 3px solid var(--background);
	border-bottom: 3px solid var(--background);
	width: 140px;
	max-width: 140px;
	padding-top: 3px;
	font-size: 23px;
}
.acknowledge {text-align: center; background: #700; color: #fff;}
.ftpguide {
	position: fixed;
	top: 353px;
	left: 540px;
	width: calc(100% - 550px);
	max-width: 874px;
	min-width: 300px;
	min-height: 120px;
	max-height: calc(100vh - 353px);
	z-index: 10;
	background-color: var(--buffer);
	border-style: solid var(--buffer);
	border-radius: 15px 0px 0px 15px
}
.ftpguideback {
	position: absolute;
	top: 15px;
	left: 1px;
	background-color: var(--background);
	border-radius: 10px 0px 0px 10px;
	width: calc(100% - 1px);
	height: calc(100% - 20px);
	z-index: 10;
}
.ftplogin {
	position: fixed;
	top: 353px;
	left: 150px;
	width: 387px;
	min-height: 140px;
	background-color: var(--nav4);
	border-style: solid var(--nav4);
	border-radius: 0px 15px 15px 0px;
	z-index: 10;
}
.ftploginback {
	position: absolute;
	top: 15px;
	left: 0px;
	background-color: var(--background);
	border-radius: 0px 10px 10px 0px;
	width: calc(100% - 1px);
	height: calc(100% - 20px);
	z-index: 10;
}
.ftpc1, .ftpc2 {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 15px 0px 0px 0px;
	min-width: 100px;
	color: var(--text);
	text-transform: none;
	text-indent: 0px;
	text-align: right;
	font-size: 25px;
	font-weight: 100;
	letter-spacing: 1px;
	display: inline-block;
	z-index: 10;
}
.ftpc2 {
	left: 0px;
	min-width: 197px;
	text-align: left;
	color: var(--nav6);
}
.ftpsoftware {
	position: fixed;
	top: 603px;
	left: 150px;
	width: 387px;
	min-height: 140px;
	max-height: calc(100vh - 500px);
	background-color: var(--accent1);
	border-style: solid var(--accent1);
	border-radius: 0px 15px 15px 0px;
	z-index: 10;
}
.ftpsoftback {
	position: absolute;
	top: 15px;
	left: 0px;
	background-color: var(--background);
	border-radius: 0px 10px 10px 0px;
	width: calc(100% - 1px);
	height: calc(100% - 20px);
	z-index: 10;
}
.software {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 18px 0px 5px 0px;
	line-height: 1.25;
	column-count: 2;
	column-fill: balance;
	z-index: 10;
}
.ftplink {
	color: var(--text);
	font-size: 25px;
	text-indent: 0px;
	text-align: center;
	width: 100%;
}
.ftpos {display: inline-block;}
.guidelines {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 18px 0px 5px 5px;
	line-height: 1.25;
	column-count: 2;
	column-fill: balance;
	column-gap: 20px;
	z-index: 10;
	color: var(--nav2);
	text-transform: none;
	text-align: justify;
	font-size: 25px;
	letter-spacing: 1px;
}
.orange {color: var(--text);}
.red {color: var(--error);}
.ready {color: var(--ready);}
.locked {
	background-image: linear-gradient(180deg, #666, #111, #111, #333);
	padding-top: 2px;
	margin-bottom: 3px;
	text-shadow: 1px 1px 1px var(--darktext);
}
.atrq {color: var(--atrq);}
.recentcontent, .buffercontent {
	position: absolute;
	top: 15px;
	left: 0px;
	min-width: 570px;
	max-width: 570px;
	min-height: 280px;
	max-height: 280px;
	overflow: hidden auto;
	scrollbar-width: thin;
	z-index: 10;
}
.buffercontent {
	left: 12px;
	width: calc(100% - 12px);
	min-width: 0px;
	max-width: 719px;
	text-transform: uppercase;
	font-size: 17px;
	line-height: 0.9;
	letter-spacing: 1px;
	white-space: nowrap;
}
.lineitem1, .lineitem2 {
	position: relative;
	width: 527px;
	height: 41px;
	z-index: 10;
}
.lineitem2 {
	height: 18px;
}
.recenticons {
	position: absolute;
	top: 3px;
	left: 0px;
}
.recenticons:hover {filter: brightness(150%);}
.recents {
	width: 82px; max-width: 82px;
	height: 34px; max-height: 34px;
	margin-right: 3px;
	border: 2px solid;
	border-radius: 6px;
	border-color: var(--recent);
}
.link2160org,
.link2160orgb,
.link2160cmp,
.link2160cmpb,
.link1080a,
.link1080ab,
.link1080h,
.link1080hb,
.link1080v,
.link1080vb,
.link1080x,
.link1080xb,
.link720a,
.link720ab,
.link720h,
.link720hb,
.link720v,
.link720vb,
.link720x,
.link720xb {
	position: absolute;
	left: 89px;
	top: 3px;
	width: 18px;
	height: 38px;
	background-color: var(--res2160org);
	text-shadow: none;
}
.link2160orgb,
.link2160cmpb,
.link1080ab,
.link1080hb,
.link1080vb,
.link1080xb,
.link720ab,
.link720hb,
.link720vb,
.link720xb {
	height: 15px;
}
.link2160cmp,
.link2160cmpb {
	left: 110px;
	background-color: var(--res2160cmp);
}
.link1080a,
.link1080ab {
	left: 131px;
	background-color: var(--res1080a);
}
.link1080h,
.link1080hb {
	left: 152px;
	background-color: var(--res1080h);
}
.link1080v,
.link1080vb {
	left: 131px;
	background-color: var(--res1080v);
}
.link1080x,
.link1080xb {
	left: 152px;
	background-color: var(--res1080x);
}
.link720a,
.link720ab {
	left: 131px;
	background-color: var(--res0720a);
}
.link720h,
.link720hb {
	left: 131px;
	background-color: var(--res0720h);
}
.link720v,
.link720vb {
	left: 131px;
	background-color: var(--res0720v);
}
.link720x,
.link720xb {
	left: 131px;
	background-color: var(--res0720x);
}
.lnk2160Prov,
.lnk2160Provb,
.lnk2160RCmp,
.lnk2160RCmpb,
.lnk2160x266,
.lnk2160x266b,
.lnk1080x264,
.lnk1080x264b,
.lnk1080x265,
.lnk1080x265b,
.lnk1080x266,
.lnk1080x266b {
	position: absolute;
	left: 89px;
	top: 3px;
	width: 18px;
	height: 38px;
	background-color: var(--r2160Prov);
	text-shadow: none;
}
.lnk2160Provb,
.lnk2160RCmpb,
.lnk2160x266b,
.lnk1080x264b,
.lnk1080x265b,
.lnk1080x266b {
	height: 14px;
}
.lnk2160RCmp,
.lnk2160RCmpb {
	left: 110px;
	background-color: var(--r2160RCmp);
}
.lnk2160x266,
.lnk2160x266b {
	left: 131px;
	background-color: var(--r2160x266);
}
.lnk1080x264,
.lnk1080x264b {
	left: 152px;
	background-color: var(--r1080x264);
}
.lnk1080x265,
.lnk1080x265b {
	left: 173px;
	background-color: var(--r1080x265);
}
.lnk1080x266,
.lnk1080x266b {
	left: 194px;
	background-color: var(--r1080x266);
}
.first {
	position: relative;
	top: 11px;
	left: -9px;
	transform: rotate(90deg);
	letter-spacing: 0.2px;
	color: var(--background);
	width: 38px;
	height: 18px;
	text-align: left;
	font-size: 18px;
}
.rev {
	color: var(--rev);
	font-weight: 100;
}
.recentseries, .recentepisodes1, .recentepisodes2 {
	position: absolute;
	left: 215px;
	top: -3px;
	color: var(--titles);
	font-size: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-transform: uppercase;
	text-indent: 0px;
	letter-spacing: 1.25px;
	width: 345px;
}
.recentepisodes1, .recentepisodes2 {
	top: 26px;
	font-size: 16px;
}
.recentepisodes2 {top: 2px;}
.recentseries:hover {color: var(--text);}
.nowrap {white-space: nowrap;}
.listinggap {margin: 10px 0px 0px 0px; padding: 0px;}
.firstlisting {margin-top: -9px;}
.topspace {min-height: 5px;}

.incomplete,
.missing {
	color: var(--nav6);
	background-image: linear-gradient(180deg, #966, #200, #100, #400);
	letter-spacing: 2px;
	padding: 0px 4px 0px 5px;
}
.missing {
	color: var(--nav4);
	letter-spacing: 2px;
}
.bufferdata {
	height: 20px;
	max-height: 20px;
	text-transform: none;
}
.bufferdata1, .bufferdata2, .bufferdata3 {
	background-color: transparent;
	height: 20px;
	max-height: 20px;
	font-weight: normal;
	line-height: 1;
	text-align: left;
	margin: 0px 4px 0px 0px;
	float: left;
}
.bufferdata1 {
	width: 60px;
	max-width: 60px;
	min-width: 60px;
	color: var(--nav4);
}
.bufferdata2 {
	width: 65px;
	max-width: 65px;
	min-width: 65px;
	text-align: right;
	padding-right: 3px;
	color: var(--text);
}
.bufferdata3 {
	width: calc(100% - 750px);
	transform: scaleX(1.3);
	text-overflow: ellipsis;
}
.contentleft {
	position: relative;
	top: 18px;
	left: 0px;
	width: calc(100% - 5px);
	height: auto;
	min-height: 41px;
	z-index: 10;
	display: inline-block;
	margin-bottom: 13px;
}
.leftcontent {
	position: relative;
	top: 18px;
	left: 0px;
	width: calc(100% - 7px);
	height: auto;
	min-height: 41px;
	z-index: 10;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	max-width: calc(100% - 7px);
}
.thumbnails {
	min-width: 86px;
	min-height: 38px;
	margin: 0px 1px 2px 0px;
	float: left;
	filter: brightness(95%);
}
.thumbnails:hover {filter: brightness(150%);}
.flexthumbs {
	transition: all 1s ease;
	margin: 0 3px 3px 0;
	z-index: 0;
}
.flexthumbs:hover {
	transition: all 1s ease;
	scale: 136%;
	transform-origin: center;
	z-index: 1;
}
.thumbs {
	transition: all 1s ease;
	width: 88px;
	height: 37px;
	display: flex;
	border: 2px solid;
	border-radius: 6px;
	background: #000;
	z-index: 0;
}
.thumbsize {
	transition: all 1s ease;
	width: 88px;
	height: 37px;
	border-radius: 3px;
	filter: saturate(75%);
	z-index: 0;
}
.thumbsize:hover {
	transition: all 1s ease;
	filter: saturate(100%);
	z-index: 1;
}
.thumbnails2 {
	min-width: 55px;
	max-width: 55px;
	min-height: 34px;
	max-height: 34px;
	margin: 0px 1px 2px 0px;
	filter: brightness(95%);
	transition: all 1s ease;
	position: relative;
}
.thumbnails2:hover {
	filter: brightness(150%);
}
.thumbs80x45 {
	width: 80px;
	height: 34px;
	border-radius: 6px;
	border: 2px solid;
	transition: all 1s ease;
}
.thumbs80x45a {
	max-width: 53px;
	max-height: 34px;
	border-radius: 6px;
	border: 2px solid;
	transition: all 1s ease;
}
.thumbs80x45b {
	width: 53px;
	height: 30px;
	border-radius: 3px;
	border: 2px solid;
	transition: all 1s ease;
}
.provider {animation: aniprovider 18s infinite;}
.noprovider {animation: aninoprovider 3s infinite;}
.contentright {
	position: relative;
	top: 18px;
	left: 8px;
	width: calc(100% - 5px);
	height: auto;
	min-height: 41px;
	z-index: 10;
	display: inline-block;
	margin-bottom: 13px;
	overflow: hidden auto;
	scrollbar-width: thin;
}
.rightcontent {
	position: relative;
	top: 18px;
	left: 8px;
	width: calc(100% - 7px);
	height: auto;
	min-height: 41px;
	z-index: 10;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	max-width: calc(100% - 7px);
}
.contentrightoff {
	position: relative;
	top: 18px;
	left: 8px;
	width: calc(100% - 5px);
	height: auto;
	min-height: 41px;
	margin-bottom: 13px;
	z-index: 10;
	display: flex;
	flex-flow: row wrap;
	align-content: flex-start;
}
.nocontent {
	filter: brightness(60%) saturate(0%);
	transition: all 1s ease;
}
.nocontent:hover {
	filter: brightness(90%) saturate(90%);
	transition: all 1s ease;
}
.serieslogo {
	position: fixed;
	top: 5px;
	left: 693px;
	width: calc(100% - 701px);
	max-width: 721px;
	min-height: 298px;
	background: var(--series);
	border-radius: 15px 0px 0px 10px;
	z-index: 10;
}
.serieslogoback {
	position: absolute;
	top: 15px;
	left: 70px;
	width: calc(100% - 70px);
	min-height: 280px;
	background: var(--background);
	border-radius: 10px 0px 0px 8px;
	z-index: 10;
}
.sertitle {
	left: 3px;
	text-align: left;
}
.seriestitle {left: 85px;}
.serlogocontent {
	position: absolute;
	top: 18px;
	left: 73px;
	width: calc(100% - 77px);
	max-width: 100%;
	min-height: 270px;
	max-height: 270px;
	border: 2px solid var(--logoframe);
	border-radius: 5px;
	z-index: 10;
}
.logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	max-width: 100%;
	max-height: 270px;
	border-radius: 3px;
}
.debut, .serprovider, .serref1, .serref2, .serref3 {
	position: absolute;
	left: 0px;
	bottom: 10px;
	width: 70px;
	background: var(--nav1);
	z-index: 10;
	border-top: 2px solid var(--background);
	border-bottom: 2px solid var(--background);
}
.debuttext {
	position: relative;
	left: 3px;
	top: 0px;
	text-align: right;
	width: 64px;
	background: transparent;
	color: var(--darktext);
	font-size: 18px;
	line-height: 0.9;
	margin-top: -1px;
	z-index: 10;
}
.tiny {
	font-size: 12px;
}
.serprovider {
	background: var(--nav2);
	bottom: 48px;
}
.serref1 {background: var(--nav4); bottom: 250px; padding-top: 4px;}
.serref2 {background: var(--nav5); bottom: 224px; padding-top: 4px;}
.serref3 {background: var(--nav6); bottom: 198px; padding-top: 4px;}
.serref1:hover, .serref2:hover, .serref3:hover {filter: brightness(150%);}
.largetext {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 75px;
}
.episodes {
	position: fixed;
	top: 353px;
	left: 693px;
	width: calc(100% - 780px);
	max-width: 721px;
	height: calc(100vh - 353px);
	max-height: calc(100vh - 353px);
	background: var(--episodes);
	border-radius: 15px 0px 0px 0px;
	z-index: 10;
}
.episodesback {
	position: absolute;
	top: 15px;
	left: 1px;
	min-width: 100%;
	min-height: calc(100% - 15px);
	background: var(--background);
	border-radius: 10px 0px 0px 0px;
	z-index: 10;
}
.epcontent {
	position: absolute;
	top: 18px;
	left: 0px;
	min-width: calc(100% - 22px);
	min-height: calc(100% - 18px);
	max-height: calc(100% - 18px);
	z-index: 10;
	overflow: hidden auto;
	scrollbar-width: thin;
}
.ecleft {
	position: absolute;
	top: 3px;
	left: 0px;
	width: calc(50% - 2px);
	max-width: calc(50% - 2px);
	min-height: calc(100% - 18px);
	border-right: 1px solid var(--episodes);
}
.ecright {
	position: absolute;
	top: 3px;
	left: calc(50% + 3px);
	width: calc(50% - 2px);
	max-width: calc(50% - 2px);
	min-height: calc(100% - 18px);
	padding-left: 5px;
	border-left: 1px solid var(--episodes);
}
.ep2160org,
.ep2160cmp,
.ep1080a,
.ep1080h,
.ep1080v,
.ep1080x,
.ep720a,
.ep720x,
.ep2160, .ep1080, .epHEVC {
	position: absolute;
	left: 0px;
	top: 3px;
	width: 18px;
	height: 40px;
	background-color: var(--res2160org);
}
.ep720a {
	left: 21px;
	background-color: var(--res0720a);
}
.ep720x {
	left: 21px;
	background-color: var(--res0720x);
}
.ep1080a, .ep1080 {
	left: 21px;
	background-color: var(--res1080a);
}
.ep1080h, .epHEVC {
	left: 21px;
	background-color: var(--res1080h);
}
.ep1080v {
	left: 21px;
	background-color: var(--res1080v);
}
.ep1080x {
	left: 21px;
	background-color: var(--res1080x);
}
.eps2160Prov,
.eps2160RCmp,
.eps2160x266,
.eps1080x264,
.eps1080x265,
.eps1080x266 {
	position: absolute;
	left: 0px;
	top: 3px;
	width: 18px;
	height: 40px;
	background-color: var(--r2160Prov);
	text-shadow: none;
}
.eps2160Provs,
.eps2160RCmps,
.eps2160x266s,
.eps1080x264s,
.eps1080x265s,
.eps1080x266s {
	width: 45px;
	height: 18px;
	background-color: var(--r2160Prov);
	margin-top: 2px;
	margin-right: 10px;
	display: inline-block;
	position: relative;
	left: 0px;
	top: -2px;
}
.eps2160RCmp, .eps2160RCmps {background-color: var(--r2160RCmp);}
.eps2160x266, .eps2160x266s {background-color: var(--r2160x266);}
.eps1080x264, .eps1080x264s {background-color: var(--r1080x264);}
.eps1080x265, .eps1080x265s {background-color: var(--r1080x265);}
.eps1080x266, .eps1080x266s {background-color: var(--r1080x266);}
.firsthz {
	letter-spacing: 0.5px;
	color: var(--background);
	text-align: right;
	font-size: 19px;
	position: relative;
	top: -1px;
	right: 2px;
	text-indent: 0px;
}
.ep2160s, .ep1080s, .ep720s, .epHEVCs, .ep480s {
	width: 45px;
	height: 18px;
	background-color: var(--res2160org);
	margin-top: 2px;
	margin-right: 10px;
	display: inline-block;
	position: relative;
	left: 0px;
	top: -2px;
}
.ep720s {
	background-color: var(--res0720a);
}
.ep1080s {
	background-color: var(--res1080a);
}
.epHEVCs {
	background-color: var(--res1080h);
}
.eptitle {
	position: absolute;
	left: 0px;
	top: -2px;
	font-size: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-transform: uppercase;
	color: #ffffff;
	letter-spacing: 1.5px;
}
.epinfo {
	position: relative;
	top: 25px;
	left: 0px;
	font-size: 20px;
	text-align: center;
	margin-bottom: -2px;
}
.episodecontainer {
	position: relative;
	width: 100%;
	max-width: 693px;
	margin: 0px 0px 0px 10px;
}
.lower {text-transform: none;}
.epdetails {
	text-align: center;
	position: relative;
	top: -2px;
}
.epid {width: 40px; text-transform: none;}
.res {width: 30px;}
.size {width: 80px; text-align: right; margin-right: 20px;}
.colorspace {width: 76px; margin-right: 20px;}
.encoder {width: 54px; margin-right: 20px;}
.audio {width: 59px; margin-right: 10px;}
.channels {width: 32px; margin-right: 20px;}
.resdetails {
	max-height: 18px;
	display: flex;
	margin: 2px 0px 2px 0px;
}
.apx, .apxr {
	width: 85px;
	margin-top: 27px;
	float: right;
	text-align: right;
	margin-right: 9px;
	line-height: 0.9;
	font-size: 15px;
}
.airpostexp {
	margin-top: 30px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	font-size: 15px;
	margin-bottom: 2px;
}
.uhd {color: var(--res2160);}
.fhd {color: var(--res1080);}
.hd {color: var(--res0720);}
.sd {color: var(--res0480);}
.air {color: var(--nav5); text-indent: 0px;}
.post {color: var(--nav2); text-indent: 0px;}
.exp {color: var(--exp); text-indent: 0px;}
.del {color: var(--del);}
.support {
	position: relative;
	font-size: 17px;
	width: 140px;
	top: -3px;
	padding-top: 3px;
	padding-bottom: 1px;
	border-bottom: 1px solid var(--background);
	letter-spacing: 1.5px;
}
.offsetgroup {
	position: fixed;
	top: 210px;
	width: 140px;
	max-width: 140px;
	left: 0px;
	z-index: 10;
}
.ratext {
	text-align: center;
	width: 140px;
	margin-top: 58px;
	font-size: 16px;
	color: var(--nobackground);
	line-height: 0.9;
	letter-spacing: 0.5px;
}
.offset {
	position: fixed;
	top: 210px;
	width: 62px;
	height: 52px;
	left: 3px;
	background-color: var(--nav5);
	border: 2px solid var(--background);
	border-radius: 4px;
}
.offset:hover {filter: brightness(150%);}
.offsettxt {
	position: absolute;
	top: -6px;
	width: 59px;
	max-height: 52px;
	left: 3px;
	text-align: center;
	font: 43px lcars;
	color: var(--darktext);
	background: transparent;
	border: none;
	margin: 1px 2px -1px -2px;
}
.offsettxt:focus {
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	width: 59px;
	height: 40px;
	padding-bottom: 11px;
	line-height: 0.2;
	left: 1px;
	top: -1px;
}
input:focus {
	border: 0px;
	background: var(--input);
}
.plus {
	position: absolute;
	top: 2px;
	left: 0px;
	text-align: left;
	font-size: 25px;
	color: var(--darktext);
}
.offsettext {
	position: fixed;
	top: 267px;
	text-align: center;
	width: 62px;
	left: 6px;
	font-size: 17px;
	color: var(--background);
	letter-spacing: 1.5px;
}
.offsetbutton {
	position: fixed;
	top: 210px;
	width: 62px;
	height: 23px;
	left: 71px;
	background-color: var(--nav6);
	border: 2px solid var(--background);
	border-radius: 4px;
}
.offsetbtntxt {
	position: relative;
	top: 0px;
	left: 4px;
	text-align: center;
	font: 20px lcars;
	color: var(--darktext);
	background: transparent;
	border: 0px;
	cursor: pointer;
	letter-spacing: 0.75px;
}
.clearallbutton {
	position: fixed;
	top: 239px;
	width: 62px;
	height: 23px;
	left: 71px;
	background-color: var(--clearall);
	border: 2px solid var(--background);
	border-radius: 4px;
}
.clearallbutton:hover {background-color: var(--text);}
.offsetbutton:hover {filter: brightness(150%);}
.clearallbtntxt {
	position: relative;
	top: 0px;
	left: -4px;
	font: 20px lcars;
	color: var(--darktext);
	background: transparent;
	border: 0px;
	cursor: pointer;
	letter-spacing: 0.75px;
}

@-moz-document url-prefix() {
	.storage {top: 305px;}
	.serverfund {top: 326px;}
	.storagetext, .fundtext {top: 0px;}
	.console, .online {font-size: 18px; letter-spacing: 0.5px;}
	.online {top: 141px;}
	.nav1, .nav2, .nav4, .nav5, .nav6 {line-height: 1.1;}
	.updated {line-height: 1.15;}
	.nav3 {letter-spacing: 0.7px;}
}

@media screen and (max-width: 1280px) {
	.guidelines {column-count: 1;}
	.offsetgroup {top: 155px;}
	.offset, .offsetbutton {top: 185px;}
	.offsettext {top: 222px;}
	.clearallbutton {top: 214px;}
	.maintop0, .maintop1 {height: 275px;}
	.mainbottom0, .mainbottom1 {top: 279px; height: calc(100vh - 279px);}
	.paypalsup, .acknowledge {top: 321px;}
	.maintopbackleft {min-height: 252px;}
	.maintopbackright {min-height: 258px;}
	.recent, .buffer, .serieslogo {min-height: 250px;}
	.recent {width: 541px;}
	.buffer, .serieslogo {left: 694px; width: calc(100% - 702px); max-width: 720px;}
	.recentback, .bufferback, .serieslogoback {min-height: 232px;}
	.logo, .serlogocontent {max-height: 222px; min-height: 222px;}
	.serref1 {bottom: 202px;}
	.serref2 {bottom: 176px;}
	.serref3 {bottom: 150px;}
	.navigation {top: 251px;}
	.updated {top: 257px;}
	.storage {top: 258px;}
	.serverfund {top: 279px;}
	.recentcontent, .buffercontent {min-height: 232px; max-height: 232px;}
	.buffercontent {width: calc(100% - 12px);}
	.availoff, .others {top: 304px; height: calc(100vh - 304px); max-height: calc(100vh - 304px);}
	.availoff {left: 694px; width: calc(100% - 696px);}
	.thumbnails {min-width: 64px; min-height: 38px;}
	.thumbs80x45 {width: 60px; height: 34px;}
	.contentleft {min-height: 41px;}
	.delayed, .queue, .today, .upcoming, .deresing {min-height: 60px;}
	.othersback {min-height: 40px;}
	.episodes {top: 305px; height: calc(100vh - 305px); max-height: calc(100vh - 305px);}
	.source {display: none;}
	.apx {margin-right: 10px;}
	.iframe {top: 310px;}
	.console {top: auto; bottom: 42px;}
	.online {top: auto; bottom: 57px;}
}
@media screen and (max-width: 1422px) {
	.episodes {max-width: calc(100% - 158px);}
}
@media screen and (min-width: 1422px) {
	.updated {right: calc(100% - 1415px);}
	.calculator {max-width: 1264px;}
}
@media screen and (min-width: 1458px) and (max-width: 1657px) {
	.rightfiller {
		position: fixed;
		background: var(--filler);
		border-radius: 7px;
		top: 6px;
		left: 1458px;
		width: 475px;
		max-width: calc(100% - 1458px);
		min-height: calc(100% - 12px);
		z-index: 10;
	}
	.rightfillerback {
		position: absolute;
		background: var(--background);
		border-radius: 5px;
		top: 7px;
		left: 7px;
		width: calc(100% - 14px);
		min-height: calc(100% - 14px);
		max-height: calc(100% - 14px);
		z-index: 10;
	}
	.gridframe {
		position: fixed;
		left: 1465px;
		top: 13px;
		overflow: hidden;
		background-color: transparent;
		width: calc(100% - 1465px);
		max-width: calc(100% - 1465px);
		max-width: 448px;
		min-height: calc(100vh - 26px);
		max-height: 100%;
		z-index: 10;
	}
	.vlines {
		position: absolute;
		top: 0px;
		border-radius: 0px;
		border-right: 1px solid var(--filler);
		min-height: calc(100vh - 26px);
		margin: 0px;
		padding: 0px;
		z-index: 10;
	}
	.hlines {
		position: absolute;
		left: 0px;
		border-radius: 0px;
		border-bottom: 1px solid var(--filler);
		min-width: 100%;
		max-width: 100%;
		margin: 0px;
		padding: 0px;
		z-index: 10;
	}
}
@media screen and (min-width: 1658px) {
	.availoff {
		left: 693px;
		width: calc(100% - 780px);
		max-width: 721px;
	}
	.offline {
		display: inline;
		position: fixed;
		top: 6px;
		left: 1458px;
		width: calc(100% - 1458px);
		max-width: 100%;
		min-width: 92px;
		min-height: 72px;
		max-height: calc(100vh - 11px);
		background: var(--offline);
		border-radius: 8px 0px 0px 10px;
		z-index: 10;
	}
	.offlineback {
		position: fixed;
		top: 21px;
		left: 1463px;
		width: calc(100% - 5px);
		min-height: 55px;
		height: calc(100% - 27px);
		background: var(--background);
		border-radius: 10px 0px 0px 8px;
		z-index: 10;
	}
	.contentrightalt {
		position: relative;
		top: 18px;
		left: 8px;
		width: calc(100% - 5px);
		height: calc(100vh - 31px);
		min-height: 41px;
		z-index: 10;
		display: inline-block;
		margin-bottom: 13px;
		overflow: hidden auto;
		scrollbar-width: thin;
	}
	.contentrightoff {
		position: relative;
		top: 18px;
		left: 8px;
		width: calc(100% - 7px);
		height: calc(100vh - 30px);
		min-height: 41px;
		z-index: 10;
		margin-bottom: 20px;
		overflow: hidden auto;
		scrollbar-width: thin;
		display: flex;
		flex-flow: row wrap;
		justify-content: left;
	}
	.availablealt {
		display: inline;
		position: fixed;
		top: 6px;
		left: 1458px;
		width: calc(100% - 1458px);
		max-width: 100%;
		min-width: 92px;
		min-height: 72px;
		background: var(--available);
		border-radius: 8px 0px 0px 10px;
		z-index: 10;
	}
	.others {
		max-width: 575px;
		min-width: 575px;
	}
}
.no {
	background-color: #111;
}
.no:hover {
	cursor: default;
	filter: brightness(100%);
}

.preloader {
	z-index: 50;
	width: 98vw;
	height: 98vh;
	background: #000000;
	overflow: hidden;
}

.loader {
	z-index: 50;
	--size-loader: 300px;
	--size-orbe: 30px;
	width: var(--size-loader);
	height: var(--size-loader);
	position: absolute;
	top: calc(50% - 150px);
	left: calc(50% - 150px);
	transform: rotate(105deg);
}

.orb {
	position: absolute;
	width: 100%;
	height: 100%;
	--delay: calc(var(--index) * 0.05s);
	animation: loading ease-in-out 3s var(--delay) infinite;
	opacity: calc(1 - calc(0.2 * var(--index)));
}

.orb::after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: var(--size-orbe);
	height: var(--size-orbe);
	background-color: #abcdef;
	box-shadow: 0px 0px 100px 30px #4589ff;
	border-radius: 50%;
}

@keyframes loading {
	0% {
		transform: rotate(0deg);
		}

	50% {
		transform: rotate(240deg);
		}

	100% {
		transform: rotate(0deg);
		}
}

.spinnerholder {
	width: calc(100% - 5px);
	min-height: 280px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.emptybuffer {
	width: 200px;
	height: 200px;
	font-size: 10px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.emptybuffer .sun,
.emptybuffer .mercury,
.emptybuffer .venus,
.emptybuffer .earth,
.emptybuffer .mars,
.emptybuffer .jupiter,
.emptybuffer .saturn,
.emptybuffer .uranus,
.emptybuffer .neptune {
	position: absolute;
	border-radius: 100%;
	border-style: solid;
	border-color: currentColor currentColor transparent transparent;
	border-width: 1px 0px 0px 1px;
	--deg: -135deg;
	animation-direction: normal;
	animation: orbits 0.88s linear infinite;
	width: 40%;
	height: 40%;
	color: #708090ff;
}

.emptybuffer .sun {
	animation: orbits 0s linear infinite;
	width: 0%;
	height: 0%;
	color: #ffff99ff;
}

.emptybuffer .venus {
	animation: orbits 2.25s linear infinite;
	width: 70%;
	height: 70%;
	color: #f8f6f0ff;
}

.emptybuffer .earth {
	animation: orbits 3.65s linear infinite;
	width: 100%;
	height: 100%;
	color: #2299ffff;
}

.emptybuffer .mars {
	animation: orbits 6.87s linear infinite;
	width: 130%;
	height: 130%;
	color: #9b0000ff;
}

.emptybuffer .jupiter {
	animation: orbits 43.33s linear infinite;
	width: 160%;
	height: 160%;
	color: #a89583ff;
}

.emptybuffer .saturn {
	animation: orbits 107.56s linear infinite;
	width: 190%;
	height: 190%;
	color: #f5f5dcff;
}

.emptybuffer .uranus {
	animation: orbits 306.87s linear infinite;
	width: 220%;
	height: 220%;
	color: #a2aecaff;
}

.emptybuffer .neptune {
	animation: orbits 601.82s linear infinite;
	width: 250%;
	height: 250%;
	color: #5787f5ff;
}

.emptybuffer .sun .orbit,
.emptybuffer .mercury .orbit,
.emptybuffer .venus .orbit,
.emptybuffer .earth .orbit,
.emptybuffer .mars .orbit,
.emptybuffer .jupiter .orbit,
.emptybuffer .saturn .orbit,
.emptybuffer .uranus .orbit,
.emptybuffer .neptune .orbit {
	position: absolute;
	width: 50%;
	height: 2px;
	top: 50%;
	left: 50%;
	background-color: transparent;
	transform: rotate(var(--deg));
	transform-origin: left;
}

.emptybuffer .sun .orbit::before,
.emptybuffer .mercury .orbit::before,
.emptybuffer .venus .orbit::before,
.emptybuffer .earth .orbit::before,
.emptybuffer .mars .orbit::before,
.emptybuffer .jupiter .orbit::before,
.emptybuffer .saturn .orbit::before,
.emptybuffer .uranus .orbit::before,
.emptybuffer .neptune .orbit::before {
	position: absolute;
	top: 0px;
	right: -7px;
	content: '';
	width: 10px;
	height: 9px;
	background-color: currentColor;
	border-radius: 50%;
	box-shadow: 0 0 100px 5px,
				0 0 80px 5px,
				0 0 60px 5px,
				0 0 40px 5px,
				0 0 20px 5px,
				0 0 10px 5px #ffff001a;
}
.emptybuffer .sun .orbit::before {
	box-shadow: 0 0 100px 15px,
				0 0 80px 15px,
				0 0 60px 15px,
				0 0 40px 15px,
				0 0 20px 15px,
				0 0 10px 15px #ffff001a;
}

@keyframes orbits {
	to {
		transform: rotate(-1turn);
	}
}

.scanner span {
	color: transparent;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 75px;
}

.scanner span::before {
	content: "AWAITING" "\20" "DATA" "\20" "UPLINK";
	position: absolute;
	top: 0px;
	left: 0px;
	width: calc(100% - 5px);
	max-width: calc(100% - 5px);
	max-height: 100%;
	border-right: 4px solid #17FEFF;
	color: var(--text);
	overflow: hidden;
	animation: waitText 10s linear infinite;
	text-shadow: 0px 0px 2px #000,
				 1px 1px 1px #000;
}

@keyframes waitText {
	0%, 5%, 100% {width: 0;}
	25%, 98% {width: 100%;}
	10%,15%,20%,25%,30%,35%,40%,45%,50%,55%,60%,65%,70%,75%,
		80%,85%,90%,95%,100% {border-right-color: transparent;}
	11%,16%,21%,26%,31%,36%,41%,46%,51%,56%,61%,66%,71%,
		76%,81%,86%,91%,96% {border-right-color: #abcdef;}
}

.availbox {
	position: absolute;
	top: 353px;
	left: 729px;
	width: calc(100% - 780px);
	max-width: 685px;
	min-width: 92px;
	height: calc(100vh - 353px);
	max-height: calc(100vh - 353px);
	overflow: hidden auto;
	scrollbar-width: thin;
	z-index: 10;
}

.contentborderleft, .contentborderright {
	position: relative;
	top: 0px;
	left: 0px;
	width: calc(100% - 5px);
	background: transparent;
	border-radius: 8px 0px 0px 8px;
	box-shadow: 0px -10px 0px 5px currentColor,
				0px -4px 0px 5px currentColor;
	margin: 15px 0px 0px 5px;
	z-index: 10;
}
.contentborderright {
	border-radius: 0px 8px 8px 0px;
	margin: 15px 5px 0px 0px;
}

.availableNEW {color: var(--available);}
.delayedNEW {color: var(--delayed);}
.queueNEW {color: var(--queue);}
.todayNEW {color: var(--today);}
.upcomingNEW {color: var(--upcoming);}
.deresingNEW {color: var(--deresing);}

.sectitleleft, .sectitleright {
	position: absolute;
	top: -15px;
	right: 15px;
	width: 170px;
	height: 15px;
	border-width: 0px 3px 0px 3px;
	border-color: var(--background);
	border-style: solid;
	color: var(--darktext);
	background-color: var(--titles);
	z-index: 10;
}
.sectitleleft {left: 15px;}

.counterleft, .counterright {
	position: absolute;
	top: -15px;
	right: 15px;
	width: 27px;
	height: 17px;
	border-width: 0px 3px 0px 3px;
	border-color: var(--background);
	border-style: solid;
	color: var(--counts);
	background-color: var(--countsback);
	text-align: right;
	font-size: 19px;
	text-shadow: 1px 1px 1px var(--darktext);
	letter-spacing: 2px;
	margin-top: -2px;
	z-index: 10;
}
.counterleft {left: 15px;}

.iconsborderleft, .iconsborderright {
	position: relative;
	top: 3px;
	left: 3px;
	width: 100%;
	max-width: 100%;
	height: auto;
	min-height: 41px;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	z-index: 10;
}
.iconsborderright {left: 0px;}


