html, body {
	height: 100%;
}

a {
	text-decoration: none !important;
}

a.navbar-extra-link {
	color: rgba(255, 255, 255, 0.75);
}

a.navbar-extra-link:hover {
	color: rgba(255, 255, 255, 1);
}

label {
	font-weight: bold !important;
	margin-bottom: 0.5em;
}

.form-check label {
	margin-bottom: 0;
}

#form-external_id {
	width: auto;
	flex-grow: 1;
}

#import-from-mal {
	width: auto;
}

label .text-muted, th .text-muted {
	font-weight: normal !important;
}

small {
	font-size: 0.8em;
	font-weight: normal !important;
}

.hentai, .hentai th, .hentai td {
	color: darkred !important;
}

.licensed, .licensed th, .licensed td {
	text-decoration: line-through;
}

.hentai .text-muted {
	opacity: 0.6;
}

.hentai .text-muted .text-muted {
	opacity: 1;
}

.mandatory:after {
	padding-left: 0.2em;
	content:"*";
	color:red;
}

.navbar-brand a {
	color: #ffffff;
}

.graph-container {
	width: 100%;
	height: 450px;
}

.fa-stack {
	font-size: 0.5em;
	vertical-align: middle;
	margin-bottom: 0.5em;
}

.fa-custom-main:before {
	font-family: Arial;
	font-weight: bold;
	content: 'P';
	background-color: #0d6efd !important;
	padding-left: 0.25em;
	padding-right: 0.25em;
}

.fa-custom-anime:before {
	font-family: Arial;
	font-weight: bold;
	content: 'A';
	background-color: #0d6efd !important;
	padding-left: 0.25em;
	padding-right: 0.25em;
}

.fa-custom-manga:before {
	font-family: Arial;
	font-weight: bold;
	content: 'M';
	background-color: #0d6efd !important;
	padding-left: 0.25em;
	padding-right: 0.25em;
}

.fa-custom-liveaction:before {
	font-family: Arial;
	font-weight: bold;
	content: 'I';
	background-color: #0d6efd !important;
	padding-left: 0.25em;
	padding-right: 0.25em;
}

.fa-custom-community:before {
	font-family: Arial;
	font-weight: bold;
	content: 'C';
	background-color:#0d6efd !important;
	padding-left: 0.25em;
	padding-right: 0.25em;
}

.fa-custom-news:before {
	font-family: Arial;
	font-weight: bold;
	content: 'N';
	background-color: #0d6efd !important;
	padding-left: 0.25em;
	padding-right: 0.25em;
}

.fa-custom-hentai:before {
	font-family: Arial;
	font-weight: bold;
	content: 'H';
	background-color: #0d6efd !important;
	padding-left: 0.25em;
	padding-right: 0.25em;
}

.fa-custom-resources:before {
	font-family: Arial;
	font-weight: bold;
	content: 'R';
	background-color: #0d6efd !important;
	padding-left: 0.25em;
	padding-right: 0.25em;
}

.fa-custom-advent:before {
	font-family: Arial;
	font-weight: bold;
	content: 'CA';
	background-color:#0d6efd !important;
	padding-left: 0.25em;
	padding-right: 0.25em;
}

.form-submitted [type="submit"] {
	pointer-events: none;
	opacity: 0.7;
}

.modal .close {
	border: 0;
	font-size: 1.2rem;
}

.modal-title {
	width: 100%;
}

.modal-help-button {
	cursor: pointer;
}

.storage-progress {
	height: 0.3rem;
	background: #CCCCCC;
}

.storage-details {
	font-size: 0.8rem;
}

.table>:not(caption)>*.hentai>* {
	color: darkred !important;
}

.table>:not(caption)>*.shadowbanned>* {
	color: #929292 !important;
}

.table>:not(caption)>*.hentaishadowbanned>* {
	color: #FF8BA3 !important;
}

.single-line {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
}

.table-welcome tr:first-of-type td, .table-welcome tr:first-of-type th {
	border-top: 1px solid rgb(222, 226, 230);
}

tr[id^="form-links-list-"] input[type="url"], tr[id^="form-extras-list-row-"] input[type="url"] {
	padding-left: 24px;
}

tr[id^="form-links-list-"] input[type="url"][value^="http://"], tr[id^="form-extras-list-row-"] input[type="url"][value^="http://"], tr[id^="form-links-list-"] input[type="url"][value^="https://"], tr[id^="form-extras-list-row-"] input[type="url"][value^="https://"] {
	background: url("../images/site/link_unknown.png") no-repeat scroll 4px center;
}

tr[id^="form-links-list-"] input[type="url"][value^="https://mega.nz/"], tr[id^="form-extras-list-row-"] input[type="url"][value^="https://mega.nz/"] {
	background: url("../images/site/link_mega.png") no-repeat scroll 4px center !important;
}

tr[id^="form-links-list-"] input[type="url"][value^="storage://"], tr[id^="form-extras-list-row-"] input[type="url"][value^="storage://"] {
	background: url("../images/site/link_storage.png") no-repeat scroll 4px center !important;
}

thead {
	top: 0;
	position: sticky;
}