/* "9anime Adaption" by Valerio Lyndon / Revision 0.9 */

@\import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";

/* BASE */

html {
	height: 100%;
}
html, body {
	color: #b4b4b4;
	font: 13px/1.42857 Roboto, sans-serif;
}
body {
	position: relative;
	
	background: #16151c none center center / cover;
	background-color: #16151c !important;
	background-attachment: fixed !important;
	min-width: 1160px;
	min-height: 100%;
	padding-bottom: 127.281px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
td {
	line-height: 1.42857;
}
a {
	text-decoration: none !important;
}
*, :active, :focus, :hover {
	outline: 0 !important;
}

/* Remove Tutorial/Notices */
.initialize-tutorial { display: none !important; }

.list-container {
	position: static;
	
	width: 1140px;
	padding: 0 10px;
	background: none !important;
	border: none;
}

.list-block {
	min-height: 500px;
	margin-top: 40px !important;
}

.list-unit {
	width: 100%;
}

.list-table {
	border: none !important;
}

/* OPTIMIZATIONS */

[data-owner="1"] .btn-menu,
[style*="block"] ~ div .btn-menu,
[style*="block"] ~ div .header-info,
#header-menu-button,
#header-menu-dropdown svg,
#header-menu-dropdown a .text,
.list-menu-float > *,
.list-menu-float .icon-menu svg,
.list-table-header .header-title.image,
.data.status,
.icon-watch,
[class^="icon-watch"],
.notes,
#fancybox-outer > .fancy-bg,
#advanced-options .advanced-options-header .description
{ display: none !important; }

/* OPTIMIZATIONS - General Transitions */

.btn-menu a, .header-info a,
#header-menu-dropdown a,
#header-menu-dropdown a:after,
.list-menu-float:before,
.list-menu-float:after,
.list-table .list-table-header .header-title .link.sort,
.list-item a,
.data.title .link,
.add-edit-more,
.content-status, .rewatching, .rereading,
#advanced-options #fancybox-close,
#advanced-options .advanced-options-button a
{
	-webkit-transition: all .1s ease-in-out 0s;
	-khtml-transition: all .1s ease-in-out 0s;
	-moz-transition: all .1s ease-in-out 0s;
	-ms-transition: all .1s ease-in-out 0s;
	-o-transition: all .1s ease-in-out 0s;
	transition: all .1s ease-in-out 0s;
}

/* OPTIMIZATIONS - List Item Transitions */

.list-table-data:after,
.data:not(.title),
.more-info[style*="tab"]
{
	-webkit-transition: all .15s ease-out 0s;
	-khtml-transition: all .15s ease-out 0s;
	-moz-transition: all .15s ease-out 0s;
	-ms-transition: all .15s ease-out 0s;
	-o-transition: all .15s ease-out 0s;
	transition: all .15s ease-out 0s;
}

.list-item:hover .list-table-data:after,
.list-item:hover .data:not(.title),
.list-item:hover .more-info[style*="tab"]
{
	-webkit-transition: all .35s ease-out 0s;
	-khtml-transition: all .35s ease-out 0s;
	-moz-transition: all .35s ease-out 0s;
	-ms-transition: all .35s ease-out 0s;
	-o-transition: all .35s ease-out 0s;
	transition: all .35s ease-out 0s;
}

/* OPTIMIZATIONS - Buttons */

.list-menu-float:before,
.list-table-header .header-title a,
#advanced-options .advanced-options-button a
{
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	touch-action: manipulation;
}

/* OPTIMIZATIONS - Buttons Active */

.list-menu-float:before:active,
.list-table-header .header-title a:active
{
	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
	box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

/* HEADER - Logo & More */

.header {
	display: block;
	width: 100%;
	min-width: 1160px;
	height: 55px;
	padding-top: 20px;
	background: #0b0a0d;
	
	z-index: 250 !important;
}

.header .header-title {
	top: 20px;
	left: 50%;
	
	width: 340px;
	height: 23px;
	background: url(https://i.imgur.com/m5565uZ.png);
	margin-left: -163.5px;
	
	overflow: visible;
	
	font-size: 0;
	text-indent: 0;
}
.anime .header .header-title:after { content: "Discover and discuss high quality anime online"; letter-spacing: .142rem }
.manga .header .header-title:after { content: "Discover and discuss high quality manga online"; letter-spacing: .133rem }
.header .header-title:after {
	display: block;
	padding-top: 28px;
	
	color: #64377a;
	font-size: .78rem;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;
}

.header-menu {
	position: relative !important;
	top: 0 !important;
	left: 0;
	right: auto !important;
	
	width: 1160px;
	height: 55px;
	margin: 0 auto;
}
.btn-menu, .header-info {
	position: absolute;
	left: 10px;
	
	width: 1110px;
	border-radius: 2px;
	margin: 0 !important;
	
	color: #b4b4b4 !important;
	font-size: 1.2rem !important;
	font-weight: 400;
	text-align: left !important;
}
.btn-menu a, .header-info a {
	color: #b4b4b4 !important;
}
.btn-menu a:hover, .header-info a:hover { 
	color: #723f8c !important;
}
.btn-menu {
	top: 160px;
	
	height: 20px;
	padding: 18px 15px 40.2857px;
	background: #51286a;
	
	font-size: 1.4rem !important;
	line-height: 1.1;
	font-weight: 500;
}
.btn-menu:after { content: "List"; }
.btn-menu a { font-weight: 500 !important; }
.header-info {
	top: 201px;
	
	height: 22.2857px;
	padding: 0 15px 15px;
}
.header-info a { font-weight: 400 !important; }

/* HEADER - List Toggle */

#header-menu-dropdown {
	top: 0;
	left: 10px;
	right: auto !important;
	
	display: block !important;
	width: 0;
	height: 0;
	border: none;
	
	box-shadow: none !important;
}
#header-menu-dropdown a {
	position: relative;
	
	width: 91px;
	height: 30px;
	padding: 5px 20px 5px 15px;
	background: #51286a;
	border-radius: 2px;
	
	color: #b4b4b4;
	font-weight: normal;
	white-space: nowrap;
	
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	transition: all .1s ease-in-out;
}
.anime #header-menu-dropdown a, .manga #header-menu-dropdown a:hover { background: #51286a; }
.manga #header-menu-dropdown a, .anime #header-menu-dropdown a:hover { background: #363242; }
#header-menu-dropdown a:hover { color: #dadada; }
.anime #header-menu-dropdown a:before, .manga #header-menu-dropdown a:hover:before {
	content: "Anime";
	font-size: 12px;
	line-height: 20px;
}
.manga #header-menu-dropdown a:before, .anime #header-menu-dropdown a:hover:before {
	content: "Manga";
	font-size: 12px;
	line-height: 20px;
}
#header-menu-dropdown a:after {
	content: "";
	position: absolute;
	top: 0;
	
	width: 0;
	height: 100%;
	border-width: 0 16px;
	border-style: solid;
	border-left-color: #333;
	border-right-color: #723f8c;
}
.anime #header-menu-dropdown a:after, .manga #header-menu-dropdown a:hover:after { left: 75px; }
.manga #header-menu-dropdown a:after, .anime #header-menu-dropdown a:hover:after { left: -16px; }

/* HEADER - User Menu */

.list-menu-float {
	position: absolute;
	top: 52px;
	right: 50%;
	
 	width: auto;
	max-width: 160px;
	height:	0;
	border: none;
	margin-right: -570px;
	
	z-index: 300 !important;
}
.list-menu-float:hover {
	height: 2px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.list-menu-float:hover > * {
	display: block !important;
}

.list-menu-float:before {
	content: "User";	
	
	display: block;
	width: auto;
	max-width: 60px;
	height: 18px;
	padding: 7px 29.36px 7px 18px;
	background: #51286a;
	border-radius: 2px;
	margin-top: -32px;
	float: right;
	
	color: #b4b4b4;
	font-size: 13px;
	line-height: 1.42857;
	font-weight: 400;
	text-align: left;
	white-space: nowrap;
	
	overflow: hidden;
	text-overflow: ellipsis;
}
.list-menu-float:after {
	content: "\f107";
	position: absolute;
	top: -23px;
	right: 18px;
	
	font: normal normal normal 13px/1 FontAwesome;
	text-align: center;
	vertical-align: middle;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.list-menu-float:hover:before,
.list-menu-float:hover:after
{
	color: #dadada;
	background: #6d368f;
}

.list-menu-float .icon-menu { transition: none !important; }
.list-menu-float .icon-menu:not(.logout), .list-menu-float form {
	position: relative;
	
	display: block;
	width: 160px !important;
	height: auto;
	float: right;
	
	background: #1e1c25 !important;
	border: 1px solid rgba(0,0,0,.15);
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.list-menu-float *:nth-child(1) { z-index: 1001; }
.list-menu-float *:nth-child(2) { z-index: 1002; }
.list-menu-float *:nth-child(3) { z-index: 1003; }
.list-menu-float *:nth-child(4) { z-index: 1004; }
.list-menu-float *:nth-child(5) { z-index: 1005; }
.list-menu-float *:nth-child(6) { z-index: 1006; }
.list-menu-float *:nth-child(7) { z-index: 1008; }
.list-menu-float *:nth-child(8) { z-index: 1007; }
.list-menu-float *:nth-child(9) { z-index: 1009; }
.list-menu-float .icon-menu:first-child {
	padding-top: 8px !important;
	border-bottom: none;
	margin: 2px 0 0;
	border-radius: 2px 2px 0 0;
}
.list-menu-float .icon-menu:not(:first-child), .list-menu-float .icon-menu.logout {
	border-top: none;
	border-bottom: none;
	margin: 0;
	border-radius: 0;
}
.list-menu-float .icon-menu .text, .list-menu-float .icon-menu:before, .list-menu-float .icon-menu .text a {
	position: static !important;
	
	display: block;
	width: auto !important;
	height: 18px !important;
	padding: 3px 20px;
	background: none !important;
	border: none !important;
	
	color: #9a9a9a !important;
	font-size: 13px;
	line-height: 1.42857 !important;
	font-weight: 400;
	text-align: left;
	white-space: nowrap;
	
	opacity: 1 !important;
	transition: color .1s ease-in-out 0s;
}
.list-menu-float .icon-menu:hover .text, .list-menu-float .icon-menu:hover:before, .list-menu-float .icon-menu .text a:hover {
	color: #723f8c !important;
}

.icon-menu.profile:before {
	content: "Profile";
}

.list-menu-float form {
	height: 41px !important;
	padding: 0 0 5px !important;
	border-top: none !important;
	border-radius: 0 0 2px 2px;
	float: right;
}
.list-menu-float form:before {
	content: "";
	
	display: block;
	width: 100%;
	height: 1px;
	margin: 8px 0;
	background: #2a2734;
	
	overflow: hidden;
}
.list-menu-float .icon-menu.logout {
	width: auto !important;
	height: auto !important;
	padding: 0 !important;
	background: none !important;
}

[data-owner="1"] .list-menu-float form {
	margin-top: 48px;
}	
.list-menu-float .icon-menu.setting {
	height: 48px !important;
	margin-top: -95px;
}
.list-menu-float .icon-menu.setting .text {
	width: auto !important;
	height: auto !important;
	padding: 0 !important;
}


/* HEADER - Nav Bar */

.status-menu-container {
	position: absolute !important;
	top: 75px !important;
	left: 0;
	
	width: 100%;
	min-width: 1160px;
	height: 38px;
	background: #1e1c25;
	border: none;
	border-bottom: 2px solid #723f8c;
	
	z-index: 225 !important;
}

.status-menu {
	position: relative;
	
	display: block !important;
	width: 1140px !important;
	padding: 0 10px;
	
	text-align: left !important;
}
.status-menu .status-button {
	display: inline-block !important;
	padding: 0 12px !important;
	
	color: #9a9a9a !important;
	font: .9rem/38px Roboto, sans-serif !important;
	text-transform: uppercase;
	
	transition: all .1s ease-in-out !important;
}
.status-menu .status-button:hover, .status-menu .status-button.on {
	background: #131118;
	color: #723f8c !important;
}
.status-menu .status-button:after {
	top: 0;
	bottom: auto !important;
	
	height: 2px !important;
	background: #723f8c !important;
	
	transition: all .1s ease-in-out !important;
}

/* HEADER - Search */

.search-container {
	top: 5px;
	right: 10px !important;
}

#search-box {
	width: 110px !important;
	height: 28px !important;
	padding: 1px 0 1px 33px;
	background: #0f0e13;
	border: none;
	border-radius: 2px;
	margin-top: 0 !important;
	margin-left: -110px;
	
	cursor: text;
	float: right;
	opacity: 0;
	transition: all 0.1s ease-in-out !important;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#search-box.open {
	width: 265px !important;
	margin-left: -33px;
	
	opacity: 1;
}
#search-box input {
	background: transparent;
	padding: 0;
	border: none;
	
	color: #9a9a9a;
	font: 0.95rem/1.42857 Roboto, sans-serif;
}

#search-button {
	position: relative;
	top: 0;
	right: 0;
	
	width: 110px;
	height: 26px !important;
	padding: 1px 0;
	margin: 0 !important;
	
	color: #9a9a9a !important;
	
	overflow: hidden;
	float: right;
	transition: all 0.1s ease-in-out;
}
.open ~ #search-button {
	width: 33px;
}
#search-button i {
	position: absolute;
	top: 0;
	left: 0;
	
	width: 18px;
	height: 26px;
	padding: 1px 8px;
	margin-top: -0.7px;
	
	font: 1.2rem/28px FontAwesome;
	text-align: center;
	
}
#search-button:after {
	content: "Search";
	
	padding-left: 33px;
	width: 100%;
	height: 28px;
	
	color: #747474;
	text-transform: uppercase;
	font-size: 0.95rem;
	line-height: 28px;
}

/* LIST - Filters */

.list-table > tbody:first-of-type {
	position: relative;
	top: -191.2857px;
	
	margin: 0 0 -10px;
}

[data-owner="1"] .list-table > tbody:first-of-type {
	top: -93px;
}
.list-table-header {
	display: block;
	height: 30px;
}
.list-table-header .header-title {
	width: auto !important;
	height: auto !important;
	padding: 0 !important;
	background: none !important;
	border: none !important;
	
	font-size: 0;
}
.list-table-header .header-title a {
	display: inline-block;
	
	padding: 6px 15px;
	background: #1e1c25;
	border-radius: 2px;
	margin: 0 13.21px 0 0;
	
	color: #9a9a9a !important;
	font-size: 12px !important;
	line-height: 1.5;
	font-weight: normal;
	
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.list-table-header .header-title a:hover {
	background-color: #363242;
	border-color: #363242;
}

/* LIST - Misc */

.list-table > tbody {
	display: block;
	background: none !important;
	border: none !important;
	margin: 20px 0 0 0;
}

.list-status-title {
	display: block !important;
	width: 100% !important;
	height: 28px !important;
	padding: 178.2857px 0 0 0 !important;
	margin-left: 0 !important;
	background: none !important;
}
[data-owner="1"] .list-status-title {
	padding: 80px 0 0 0 !important;
}
.list-status-title .text {
	display: inline-block !important;
	width: auto !important;
	height: auto !important;
	max-width: 100%;
	
	color: #80479e !important;
	font: 500 1.5rem/1.42857 Roboto, sans-serif !important;
	text-transform: uppercase;
	
	white-space: nowrap;
	text-align: left !important;
	
	overflow: hidden;
}
.stats {
	position: static !important;
	
	display: inline-block;
	height: auto !important;
	padding-top: 2px;
	
	vertical-align: top;
}
.stats a {
	display: block;
	height: auto;
	padding: 3px 8px;
	background: #363242;
	border-radius: 2px;
	margin: 3px !important;
	float: left;
	
	color: #9a9a9a !important;
	font-weight: 400;
	font-size: .8rem;
	line-height: 1.42857;
	text-transform: uppercase;
	
	transition: all .1s ease-in-out 0s;
}
.stats a:hover {
	background: #4d485f;
	color: #cdcdcd !important;
}
.list-stats {
	position: relative;
	top: -58px;
	
	width: 100% !important;
	height: 0 !important;
	background: none !important;
	
	font-size: 0.95rem;
	line-height: 25px !important;
	
	color: #9a9a9a !important;
}

/* LIST - Items */

.list-item {
	position: relative;
	
	display: inline-block !important;
	width: 190px;
	height: 260px;
	margin: 0 0 20px 0 !important;
	overflow: hidden;
}
/* 2023/Oct/10 fix template list item showing when it didn't before */
.list-item[v-for] { display: none !important; }

.list-item .more-info::-webkit-scrollbar, .list-item .tags div::-webkit-scrollbar {
	width: 15px;
}
.list-item .more-info::-webkit-scrollbar-track, .list-item .tags div::-webkit-scrollbar-track {
	width: 15px;
	background: #363242;
	border-radius: 7.5px;
}
.list-item .more-info::-webkit-scrollbar-thumb, .list-item .tags div::-webkit-scrollbar-thumb {
	background: #4d485f;
	border-radius: 7.5px;
}
.list-item .more-info::-webkit-scrollbar-thumb:hover, .list-item .tags div::-webkit-scrollbar-thumb:hover {
	background: #723f8c;
}

.list-table-data {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 180px;
	padding: 0;
}

.list-table-data:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -230px;
	
	display: block;
	width: 100%;
	height: 230px;
	background: rgba(30,28,37,.98) padding-box;
	border-top: 36px solid rgba(30,28,37,.88);
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	z-index: 3;
}
.list-item:hover .list-table-data:after {
	bottom: 0;
}

.list-table .list-table-data .data {
	display: block;
	padding: 0;
	border: none;
}
.list-table .list-table-data .data a, .more-info a, .list-table .list-table-data a.edit-disabled {
	color: #dadada !important;
}
.list-item .list-table-data .data a:not(.edit-disabled):hover, .more-info a:hover {
	color: #8f4faf !important;
}

.data.image a:after {
	content: "";
	position: absolute;
	left: -1px;
	bottom: 0;

	display: block;
	width: 192px;
	height: 80px;
	background: -webkit-linear-gradient(to top, #000, rgba(255,255,255,0));
	background: -moz-linear-gradient(to top, #000, rgba(255,255,255,0));
	background: -o-linear-gradient(to top, #000, rgba(255,255,255,0));
	background: linear-gradient(to top, #000, rgba(255,255,255,0));
}
.data.image {
	position: absolute;
	top: 0;
	left: 0;
	
	width: 190px !important;
	height: 260px;
	margin-left: 0 !important;
}
.data.image a {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.data.image img {
	position: relative;
	
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	border: none !important;
	
	z-index: -1;
}

.data.title {
	position: absolute;
	bottom: 10px;
	
	width: 100%;
	padding: 0 !important;
	
	text-align: center !important;
	
	overflow: hidden;
	z-index: 5;
	
	-webkit-transition: all .1125s ease-out 0s;
	-khtml-transition: all .1125s ease-out 0s;
	-moz-transition: all .1125s ease-out 0s;
	-ms-transition: all .1125s ease-out 0s;
	-o-transition: all .1125s ease-out 0s;
	transition: all .1125s ease-out 0s;
}
.list-item:hover .data.title {
	bottom: 152.8683px;
	
	-webkit-transition: all .2625s ease-out .0875s;
	-khtml-transition: all .2625s ease-out .0875s;
	-moz-transition: all .2625s ease-out .0875s;
	-ms-transition: all .2625s ease-out .0875s;
	-o-transition: all .2625s ease-out .0875s;
	transition: all .2625s ease-out .0875s;
}
.data.title .link {
	display: block;
	width: 100%;
	max-height: 81.7142px;
	padding: 0 10px !important;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	color: #eee;
	font-size: 1.1rem;
	font-weight: 400 !important;
	
	
	overflow: hidden;
}
.list-item:hover .data.title .link {
	max-height: 20.4286px;
	
	color: #dadada;
}
.content-status, .rewatching, .rereading {
	display: block;
	width: 100%;
	
	color: #b4b4b4 !important;
}
.list-item:hover .content-status, .list-item:hover .rewatching, .list-item:hover .rereading { font-size: 0 !important; }

.add-edit-more {
	width: 100%;
	height: 1.42857em;
	float: none !important;
	
	color: #b4b4b4 !important;
	font-size: 0 !important;
}
.list-item:hover .add-edit-more {
	font-size: 0.9rem !important;
}
.add-edit-more a {
	color: #dadada;
}

.data.progress, .data.volume, .data.chapter {
	position: relative;
	
	min-width: 30px;
	padding: 2px 5px !important;
	background: #80479e;
	border-radius: 2px;
	margin: 5px 5px 0 0;
	
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: right;
	
	color: #eee;
	font-size: 0;
	line-height: 1.42857;
	font-weight: 400;
	text-align: center !important;
	
	z-index: 1;
}
.data.progress span, .data.volume span, .data.chapter span {
	display: inline-block;
	height: 100%;
}
.data.progress a, .data.progress span:nth-child(2), .data.progress span:only-child,
.data.volume a, .data.volume span:nth-child(2), .data.volume span:only-child,
.data.chapter a, .data.chapter span:nth-child(2), .data.chapter span:only-child,
.list-table .list-table-data .progress a.edit-disabled,
.list-table .list-table-data .volume a.edit-disabled,
.list-table .list-table-data .chapter a.edit-disabled
{
	color: #eee !important;
	font-size: .9rem;
}
.list-table-data .data.progress a:not(.edit-disabled):hover,
.list-table-data .data.volume a:not(.edit-disabled):hover,
.list-table-data .data.chapter a:not(.edit-disabled):hover {
	color: #b4b4b4 !important;
}
.data.progress a .fa:before, .data.volume a .fa:before, .data.chapter a .fa:before {
	content: "\f067";
}
.data.progress input, .data.volume input, .data.chapter input {
	width: auto;
	min-width: 30px;
	max-width: 100px;
	height: 14px;
	padding: 1px;
	border: 1px solid #ccc;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	font-size: 0.9rem;
}
.data.progress span:nth-child(2):before, .data.volume span:nth-child(2):before, .data.chapter span:nth-child(2):before {
	content: "/";
}
.icon-add-episode, .icon-add-volume, .icon-add-chapter {
	margin-left: 3px;
}

.data.volume div:before, .data.chapter div:before { font-size: .9rem; }

.data.volume div:before { content: "Vol "; }
.data.chapter div:before { content: "Ch "; }

.data.type {
	position: absolute;
	top: 5px;
	left: 5px;
	
	padding: 2.5px 4px !important;
	border-radius: 2px;
	
	color: #fff;
	font-size: .65rem;
	line-height: .8rem;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
	
	z-index: 1;
}
.watching ~ .data.type, .reading ~ .data.type {
	background: #ee7b09;
}
.completed ~ .data.type {
	background: #094fa7;
}
.onhold ~ .data.type {
	background: #a9ba09;
}
.dropped ~ .data.type {
	background: #800002;
}
.plantowatch ~ .data.type, .plantoread ~ .data.type {
	background: #6d6d20;
}

.data.score, .data.season, .data.rated, .data.airing-started, .data.airing-finished {
	position: absolute;
	top: 260px;
	
	height: 30px;
	padding: 10px !important;
	overflow: hidden;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	opacity: 0;
	z-index: 5;
}
.data.score a, .data.season a, .data.rated {
	color: #dadada;
	font-size: 1.1rem;
	line-height: 1.3em;
	font-weight: 500;
}
.list-item:hover .data.score, .list-item:hover .data.season, .list-item:hover .data.rated, .list-item:hover .data.airing-started, .list-item:hover .data.airing-finished {
	top: 30px;
	
	opacity: 1;
}

.data.score {
	left: 52.52px;
	
	width: 93.52px;
}
.data.score a:before {
	content: "\f005";
	display: inline-block;
	
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.data.season {
	left: 0;
	
	width: 52.52px;
	
	text-align: left !important;
}
.data.season span {
	display: block;
	
	overflow: hidden;
}
.data.season a {
	display: inline-block;
	
	color: #dadada;
	font-size: 1.1rem;
	line-height: 1.3em;
	font-weight: 500;
	
	margin-top: -1.3em;
}

.data.airing-started, .data.airing-finished {
	color: #dadada;
	font-size: 1rem;
	line-height: 1.5em;
	font-weight: 500;
	word-wrap: break-word;
}

.data.airing-started { left: 0; }
.data.airing-finished { right: 0; }

.data.rated {
	top: 270px;
	right: 10px;
	
	width: auto;
	min-width: 20px;
	height: calc(1.3em + 1px);
	padding: 1px 4px 0 !important;
	background: #dadada;
	border-radius: 2px;
	overflow: hidden;
	
	color: #000;
	font-size: .9rem;
	font-weight: 700;
	font-style: normal;
}
.list-item:hover .data.rated {
	top: 40px;
}
.data.rated:after {
	content: "?";
	display: block;
}

.data.studio, .data.magazine {
	position: absolute;
	top: 342px;
	left: 0;
	
	max-height: 36px;
	padding: 5px 15px 0 !important;
	overflow: hidden;
	
	color: #b4b4b4;
	text-align: left !important;
	
	z-index: 5;
}
.list-item:hover .data.studio, .list-item:hover .data.magazine {
	top: 112.703px;
}
.data.studio:before {
	content: "Studios: ";
	color: #723f8c;
}
.data.magazine:before {
	content: "Magazine: ";
	color: #723f8c;
}

.data.tags {
	position: absolute;
	top: 383px;
	
	max-width: 190px;
	max-height: 84.5714px;
	
	color: #b4b4b4;
	font-size: 0.95rem;
	text-align: left !important;
	
	z-index: 5;
}
.list-item:hover .data.tags {
	top: 153.703px;
}
.data.tags div {
	max-height: 70.5714px;
	padding: 5px 15px 0;
	overflow-y: auto;
}
[data-owner=""] .data.tags div {
	max-height: 89.57px;
}
.data.tags div:before {
	content: "Tags: ";
	color: #723f8c;
}

.list-table .list-table-data .tags .edit {
	display: inline-block !important;
	width: auto !important;
	max-width: 160px;
	margin: 5px 15px;
	
	color: #b4b4b4 !important;
	font-size: 0.8rem !important;
	text-align: left !important;
	vertical-align: top;
}
.list-table .list-table-data .data.tags .edit:hover {
	color: #8f4faf !important;
}
.data.tags .edit:after {
	content: " Tags";
}
.data.tags textarea {
	width: 156px !important;
	height: 85.5625px !important;
	padding: 2px;
	margin: 5px 15px;
	
	font-size: 0.95rem;
	
	resize: none;
}

.data.studio:empty:after, .data.magazine:empty:after, .data.tags div:empty:after {
	content: "None";
}

/* LIST - More Info */

.more-info[style*="tab"] {
	position: absolute;
	top: 342px;
	
	display: block !important;
	height: 147.297px;
	background: rgb(30,28,37);
	border: none;
	overflow-y: scroll;
	
	z-index: 7;
}
.list-item:hover .more-info[style*="tab"] {
	top: 112.703px;
}
.more-content {
	padding: 15px !important;
}

/* LIST - Loading Spinner */

.loading-space {
	height: 30px !important;
	padding: 10px 0 30px;
	margin: 0 !important;
}
#loading-spinner {
	width: 30px;
	height: 30px;
	margin: 0 auto;
	
	font-size: 30px;
}


/* FOOTER */

footer {
	position: absolute;
	bottom: 0;
	
	width: 100%;
	min-width: 1160px;
	padding: 20px 0;
	background: #1d1c25;
	
	z-index: 125 !important;
}
#footer-block {
	position: relative;
	
	width: 1140px;
	padding: 0 10px 9px;
	margin: 0 auto;
	background: transparent;
}
#footer-block:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	
	display: block;
	width: 340px;
	height: 23px;
	background: url(https://i.imgur.com/m5565uZ.png) no-repeat center center / contain;
}
#copyright {	
	padding-top: 27.2833px;
	
	color: #a19bbb;
	font-size: .95rem;
	text-align: left;
}
#copyright:before {
	content: "COPYRIGHT & CREDITS";
	position: absolute;
	top: 0;
	left: 10px;
	
	margin-bottom: 5px;
	
	color: #938cb1;
	font-size: 1.2rem;
	white-space: pre;
}
#copyright:after {
	content: "\a Original page design from 9anime.to / 9anime.is. \a List CSS and adaption by Valerio Lyndon.";
	white-space: pre;
}

/* OVERLAYS - Base */

body.ownlist #fancybox-overlay {
	min-width: 1160px;
	background: #16151c !important;
	
	opacity: 1 !important;
	z-index: 100 !important;
}
#fancybox-wrap {
	left: 50% !important;
	
	width: 1140px !important;
	padding: 0 !important;
    border: 10px solid #1e1c25;
	margin-left: -580px !important;
	
	z-index: 250 !important;
}
#fancybox-outer #fancybox-close {
	top: 0;
	right: 0;
}
#fancybox-inner {
	position: static !important;
	width: 100% !important;
	height: 100% !important;
}

/* OVERLAYS - Filter Menu */

#advanced-options {
	top: 115px;
	
	width: 850px;
	padding: 20px 0 0 290px;
	background: none;
	border: none;
	box-shadow: none;
	
	font: 1rem/1.42857 Roboto, sans-serif;
	
	z-index: 175 !important;
}
#advanced-options * {
	font-family: Roboto, sans-serif !important;
}
#advanced-options .fa {
	font-family: FontAwesome !important;
}

#advanced-options #fancybox-close {
	top: 20px;
	left: 0;
	
	display: block;
	width: 230px;
	height: 40px;
	padding: 0 20px;
	background: #1e1c25;
	
	color: #9a9a9a;
	line-height: 40px;
	font-weight: 400;
	font-size: 1.2rem;
}
#advanced-options #fancybox-close:hover {
	background: #552f69;
	
	color: #a7a7a7;
}
#advanced-options #fancybox-close:before {
	content: "Close";
}
#advanced-options .advanced-options-header {
	padding: 0;
	border: none;
	margin: 0 0 10px 0;
	
	color: #80479e;
	font-size: 1.5rem;
	font-weight: 500;
	text-transform: uppercase;
}
#advanced-options .filter-widget, #advanced-options .sort-widget {
	padding: 0 0 15px 0 !important;
	margin: 0;
	
	font-size: 0;
}
#advanced-options .widget-header {
	width: 125px !important;
	padding-right: 20px;
	
	color: #9a9a9a;
	font-size: 1rem !important;
	text-align: right;
}
#advanced-options .filter-widget .text {
	color: #9a9a9a;
	font-size: 0.95rem !important;
}
#advanced-options input[type=text] {
	display: inline-block;
	width: 489.75px !important;
	height: 32px;
	padding: 6px 17px;
	background: #262531 none repeat 0% 0%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
	border-radius: 2px;
	
	color: #9a9a9a;
	font-size: 13px;
	line-height: 1.42857;
}
#advanced-options input[type=text]:focus {
	color: #b4b4b4;
	outline: 0;
}
#advanced-options select {
	position: relative;
	
	display: inline-block;
	height: 32px;
	padding: 6px 17px;
	background: #262531 !important;
	border: none;
	border-radius: 2px;
	margin-right: 10px !important;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	color: #9a9a9a;
	font-size: 13px;
	line-height: 1.42857;
}

.airing-status select { width: 489.75px !important; }
.producer select { width: 489.75px !important; }
.aired-date .text, .aired-date .text {
	width: 30px !important;
	text-align: right !important;
	margin-right: 10px !important;
}
#advanced-options .aired-date select { padding: 6px 9.5px; }
.aired-date .year { width: 95px !important; }
.aired-date .month, .aired-date .day { width: 42.425px !important; }
.aired-season select { width: 239.875px !important; }
.sort-widget select { width: 357.75px !important; }

#advanced-options .sort-widget input[type=radio] + label {
	width: 56px;
	height: 22px;
	padding: 5px 0px;
	background: #262531;
	border: none !important;
	border-radius: 4px;
	margin-right: 10px;
	
	color: #9a9a9a;
	font-size: 13px;
	line-height: 22px;
	vertical-align: top;
}
#advanced-options .sort-widget input[type=radio]:checked + label {
	background: #51286a !important;
	color: #dadada;
}
#advanced-options select[disabled="disabled"], #advanced-options input[disabled="disabled"], #advanced-options input[disabled="disabled"] + label {
	opacity: 0.5;
}
#advanced-options .advanced-options-button {
	padding: 0;
	border: none;
	margin: 0 0 0 145px;
	
	text-align: left;
}
#advanced-options .advanced-options-button a {
	width: auto !important;
	padding: 7px 18px;
	border-radius: 2px;
	background: #51286a;
	
	color: #b4b4b4;
	font-size: 13px;
	line-height: 1.42857;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}
#advanced-options .advanced-options-button a:hover {	
	color: #dadada;
	background-color: #6d368f;
}

/* FIXES - Screen Sizes */

@media (max-width: 1160px) {
	.list-menu-float {
		right: 10px;
		margin: 0;
	}
	
	#fancybox-wrap {
		left: 10px !important;
		margin-left: 0 !important;
	}
}