@import url("//fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,600,600italic");
@font-face {
font-family: 'norwegian';
src:url('./assets/css/fonts/Biryani/Biryani-Heavy.ttf.woff') format('woff'),
url('./assets/css/fonts/Biryani/Biryani-Heavy.ttf.svg#Biryani-Heavy') format('svg'),
url('./assets/css/fonts/Biryani/Biryani-Heavy.ttf.eot'),
url('./assets/css/fonts/Biryani/Biryani-Heavy.ttf.eot?#iefix') format('embedded-opentype'); 
font-weight: normal;
font-style: normal;
}

:root {
	--vred: #e5212d;
	--vblue: #15273f;
	--vbluehover: #1b3252;
	
	--consolas: 'consolas';
	--vn: 'norwegian';
	
	--primary: #007bff;
	--secondary: #6c757d;
	--success: #28a745;
	--danger: #dc3545;
	--warning: #ffc107;
	--info: #17a2b8;
	--light: #f8f9fa;
	--dark: #343a40;
	--muted: #6c757d;
	--white: #fff;
	--black: #333;
	
	--bg-white: #fff;
	--bg-primary: #cce5ff;
	--bg-secondary: #e2e3e5;
	--bg-success: #d4edda;
	--bg-danger: #f8d7da;
	--bg-warning: #fff3cd;
	--bg-info: #d1ecf1;
	--bg-light: #fefefe;
	--bg-dark: #d6d8d9;
	
	--b-primary: #b8daff;
	--b-secondary: #d6d8db;
	--b-success: #c3e6cb;
	--b-danger: #f5c6cb;
	--b-warning: #ffeeba;
	--b-info: #bee5eb;
	--b-light: #d1d1d1;
	--b-dark: #c6c8ca;
	
	/* --fadedBg: #e8e8e8; */
}

*, img {
	border: 0;
	padding: 0;
	margin: 0;
	max-width: 100%;
}

body, html {
	color: #333;
	font-size: 1rem;
	font-family: 'source sans pro';
	width: 100%;
	height: 100%;
	line-height: 1.4rem;
	background: #e8e8e8;
}


.both {
	width: 100%;
	clear: both;
}


/* Links */
a, .ahover {
	color: var(--vblue);
}
a:hover, .ahover:hover {
	color: #d18700;
}
.adisabled {
	opacity: 0.7;
}

/* Fake links */
.fakelink, .internal {
	cursor: pointer;
	text-decoration: underline;
}
	.fakelink:hover, .internal:hover {
		color: #d18700;
	}
.unread {
	font-weight: bold;
}

.cursor-pointer {
	cursor: pointer;
}

.block {
	display: block;
}
.inlineblock {
	display: inline-block;
}

/* Font families */
.font-sss { font-family: var(--sss); }
.font-norwegian { font-family: var(--vn); }
.font-consolas { font-family: var(--consolas); }

/* Div text */
.nounderline { text-decoration: none; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.uppercase { text-transform: uppercase; }

.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }

/* Headers */
h1 {
	font-size: 3.6rem;
	font-weight: 700;
}
h2 {
	font-size: 1.7rem;
	font-weight: 400;
}
h3 {
	font-size: 1.5rem;
	font-weight: 400;
}

.fa-ul {
	margin-left: 25px!important;
}

/* Font sizes */
.fs-08 { font-size: 0.8rem; }
.fs-09 { font-size: 0.9rem; }
.fs-10 { font-size: 1.0rem; }
.fs-11 { font-size: 1.1rem; }
.fs-12 { font-size: 1.2rem; }
.fs-13 { font-size: 1.3rem; }
.fs-14 { font-size: 1.4rem; }
.fs-15 { font-size: 1.5rem; }
.fs-16 { font-size: 1.6rem; }
.fs-17 { font-size: 1.7rem; }
.fs-18 { font-size: 1.8rem; }
.fs-19 { font-size: 1.9rem; }
.fs-20 { font-size: 2.0rem; }

/* Line heights */
.lh-08 { line-height: 0.8rem; }
.lh-09 { line-height: 0.9rem; }
.lh-10 { line-height: 1.0rem; }
.lh-11 { line-height: 1.1rem; }
.lh-12 { line-height: 1.2rem; }
.lh-13 { line-height: 1.3rem; }
.lh-14 { line-height: 1.4rem; }
.lh-15 { line-height: 1.5rem; }
.lh-16 { line-height: 1.6rem; }
.lh-17 { line-height: 1.7rem; }
.lh-18 { line-height: 1.8rem; }
.lh-19 { line-height: 1.9rem; }
.lh-20 { line-height: 2.0rem; }



/* Colors */
.text-primary { color: var(--primary); }
.text-secondary { color: var(--secondary); }
.text-success { color: var(--success); }
.text-danger { color: var(--danger); }
.text-warning { color: var(--warning); }
.text-info { color: var(--info); }
.text-light { color: var(--light); }
.text-dark { color: var(--dark); }
.text-white { color: var(--white); }
.text-vred { color: var(--vred); }
.text-vblue { color: var(--vblue); }
/* Background colors */
.bg-primary { background: var(--bg-primary); }
.bg-secondary { background: var(--bg-secondary); }
.bg-success { background: var(--bg-success); }
.bg-danger { background: var(--bg-danger); }
.bg-warning { background: var(--bg-warning); }
.bg-info { background: var(--bg-info); }
.bg-light { background: var(--bg-light); }
.bg-dark { background: var(--bg-dark); }
.bg-white { background: var(--bg-white); }
.bg-vred { background: var(--vred); }
.bg-vblue { background: var(--vblue); }
.bg-black { background: var(--black); }
/* Borders */
.b1 { border: 1px solid transparent }
.bt1 { border-top: 1px solid transparent }
/* Border colors */
.b-primary { border-color: var(--b-primary); }
.b-secondary { border-color: var(--b-secondary); }
.b-success { border-color: var(--b-success); }
.b-danger { border-color: var(--b-danger); }
.b-warning { border-color: var(--b-warning); }
.b-info { border-color: var(--b-info); }
.b-light { border-color: var(--b-light); }
.b-dark { border-color: var(--b-dark); }
.b-white { border-color: var(--b-white); }

/* Paddings */
.p0 { padding: 0px!important; }
.p5 { padding: 5px; }
.p10 { padding: 10px; }
.p15 { padding: 15px; }
.p20 { padding: 20px }
/* Paddings TOP & BOTTOM */
.py5 { padding-top: 5px; padding-bottom: 5px; }
.py10 { padding-top: 10px; padding-bottom: 10px; }
.py15 { padding-top: 15px; padding-bottom: 15px; }
.py20 { padding-top: 20px; padding-bottom: 20px; }
/* Paddings TOP */
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
/* Paddings RIGHT */
.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
/* Paddings BOTTOM */
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
/* Paddings LEFT */
.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }

/* Margins */
.m0 { margin: 0px; }
.m5 { margin: 5px; }
.m10 { margin: 10px; }
.m15 { margin: 15px; }
.m20 { margin: 20px; }
/* Margins TOP & BOTTOM */
.my5 { margin-top: 5px; margin-bottom: 5px; }
.my10 { margin-top: 10px; margin-bottom: 10px; }
.my15 { margin-top: 15px; margin-bottom: 15px; }
.my20 { margin-top: 20px; margin-bottom: 20px; }
/* Margins TOP */
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
/* Margins RIGHT */
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
/* Margins BOTTOM */
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
/* Margins LEFT */
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }



/* Grids */
.grid { display: grid; }
.grid0 { grid-gap: 0; }
.grid10 { grid-gap: 10px; }
.grid20 { grid-gap: 20px; }
.grid40 { grid-gap: 40px; }

.grid5050 { grid-template-columns: 50% 50%; }

.grid-button {
	align-items: center;
	grid-template-columns: 60px auto;
	border-radius: 5px;
	transition: background-color 0.2s ease-in-out;
}
	.grid-button i, .grid-button span {
		border-radius: 5px;
		text-align: center;
		padding: 16px 0;
	}
	a.grid-button { text-decoration: none; }
	.grid-button:hover { background: var(--vbluehover); }
	.grid-button i {
		text-align: center;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		padding: 19px 8px;
		background: var(--vbluehover);
	}
	a.grid-button:hover {
		color: var(--white);
	}
	.grid-button-max {
		max-width: 400px;
	}



/* Tables */
.wide {
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
}
table {
	width: 100%;
	border-collapse: collapse;
	white-space: nowrap;
}
table th {
	background: rgba(0, 50, 81, 0.2);
	color: var(--vblue);
	padding: 6px;
	text-align: left;
}
table td {
	font-family: var(--consolas);
	padding: 6px;
}
table tr:nth-of-type(even) td {
	background: rgba(50, 50, 50, 0.1);
}
table.nobg tr:nth-of-type(even) td {
	background: transparent;
}

table.top td {
	vertical-align: top;
}

table tr.fleet_inactive td {
	
}

table.pendingFlight td {
	font-size: 0.8rem;
	font-family: var(--consolas);
	border-bottom: 1px solid #ccc;
}
	table.pendingFlight td table tr:first-of-type td {
		padding-top: 0;
	}
		table.pendingFlight td table tr:last-of-type td {
			border-bottom: 0;
		}
		
table.pendingFlight {
	margin-bottom: 50px;
}

/* Cards */
.card {
	position: relative;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	word-wrap: break-word;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 2px 1px #ccc;
}
	.card > .card-header {
		padding: 5px 8px;
		font-size: 0.9rem;
		font-weight: 700;
		background: #f1f1f1;
		border-bottom: 1px solid rgba(0, 0, 0, 0.100);
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	.card > .card-body {
		padding: 15px;
	}
		.card > .card-body-0 {
			padding: 0;
		}

/* Buttons */
.btn {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border: 1px solid transparent;
	padding: 5px 8px;
	border-radius: 5px;
	cursor: pointer;
	transition: color: .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
a.btn {
	text-decoration: none;
}
	.btn-primary {
		color: var(--white);
		background: var(--primary);
		border-color: var(--primary);
	}
		.btn-primary:hover {
			color: var(--white);
			background: #0060d9;
			border-color: #0062cc;
		}
	.btn-secondary {
		color: var(--white);
		background: #6c757d;
		border-color: #6c757d;
	}
		.btn-secondary:hover {
			color: var(--white);
			background: #5a6268;
			border-color: #545b62;
		}
	.btn-success {
		color: var(--white);
		background: #28a745;
		border-color: #28a745;
	}
		.btn-success:hover {
			color: var(--white);
			background: #218838;
			border-color: #1e7e34;
		}
	.btn-danger {
		color: var(--white);
		background: #dc3545;
		border-color: #dc3545;
	}
		.btn-danger:hover {
			color: var(--white);
			background: #c82333;
			border-color: #bd2130;
		}
	.btn-warning {
		color: var(--dark);
		background: #ffc107;
		border-color: #ffc107;
	}
		.btn-warning:hover {
			color: var(--dark);
			background: #e0a800;
			border-color: #d39e00;
		}
	.btn-info {
		color: var(--white);
		background: #17a2b8;
		border-color: #17a2b8;
	}
		.btn-info:hover {
			color: var(--white);
			background: #138496;
			border-color: #117a8b;
		}
	.btn-light {
		color: var(--dark);
		background: var(--bg-light);
		border-color: var(--b-light);
	}
		.btn-light:hover {
			color: var(--dark);
			background: #e2e6ea;
			border-color: #dae0e5;
		}
	.btn-dark {
		color: var(--light);
		background: #343a40;
		border-color: #343a40;
	}
		.btn-dark:hover {
			color: var(--light);
			background: #23272b;
			border-color: #1d2124;
		}
	
	.btn-disabled {
		background: #ccc;
		border-color: #ddd;
		color: var(--dark);
		cursor: initial;
	}
		.btn-disabled:hover {
			background: #ccc;
			border-color: #ddd;
			color: var(--dark);
			cursor: initial;
		}



/* Widths */
.m0 { margin: 0 auto; }
.w6 { width: 600px; }
.w10 { width: 1000px; }
.w12 { width: 1200px; }
.w14 { width: 1400px; }
@media (max-width: 1600px) {
	.w14 { width: 90%; }
}
@media (max-width: 1400px) {
	.w12 { width: 90%; }
}
@media (max-width: 1200px) {
	.w10 { width: 90%; }
	.w6 { width: 90%; }
}
.w100 { width: 100%; }






/* WEBSITE LAYOUT: Header */
header#head1 {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 80px;
	z-index: 10;
}
	header#head1 > div#head1section {
		width: 1400px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 80px;
	}
		header#head1 > div#head1section > div#head1menu > menu {
			list-style: none;
		}
			header#head1 > div#head1section > div#head1menu > menu > li {
				display: inline-block;
			}
			header#head1 > div#head1section > div#head1menu > menu > li > a {
				color: #fff;
				text-decoration: none;
				height: 80px;
				display: flex;
				align-items: center;
				padding: 0 20px;
				text-transform: lowercase;
			}
				header#head1 > div#head1section > div#head1menu > menu > li > a:hover, header#head1 > div#head1section > div#head1menu > menu > li > a#menu-active {
					background: var(--vblue);
				}
		header#head1 > div#head1section > div#head1menutoggle {
			display: none;
			align-items: center;
		}

header#head2 {
	position: fixed;
	top: 80px;
	left: 0;
	right: 0;
	min-height: 3px;
	z-index: 9;
}
	header#head2 > div#head2section {
		width: 1400px;
		margin: 0 auto;
		min-height: 3px;
	}


@media (max-width: 1600px) {
	header#head1 > div#head1section, header#head2 > div#head2section {
		width: 100%;
	}
		header#head1 > div#head1section > div#head1menu {
			background: var(--vblue);
			position: fixed;
			top: 80px;
			left: 0;
			right: 0;
			bottom: 0;
			overflow-y: auto;
			display: none;
		}
			header#head1 > div#head1section > div#head1menu > menu > li {
				display: block;
			}
			header#head1 > div#head1section > div#head1menu > menu > li > a {
				transition: .5s ease;
				padding: 15px;
				height: auto;
				padding-left: 25px;
				text-transform: initial;
				font-size: 1.1rem;
			}
				header#head1 > div#head1section > div#head1menu > menu > li > a:hover, header#head1 > div#head1section > div#head1menu > menu > li > a#menu-active {
					background: var(--vbluehover);
				}
				
		header#head1 > div#head1section > div#head1menutoggle {
			display: flex;
			align-items: center;
			cursor: pointer;
		}
			header#head1 > div#head1section > div#head1menutoggle > b {
				font-weight: 400;
			}
			header#head1 > div#head1section > div#head1menutoggle > span {
				width: 80px;
				height: 80px;
				display: flex;
				align-items: center;
				justify-content: center;
			}
			
		header#head2 > div#head2section {
			padding-left: 10px;
			padding-right: 10px;
		}
}
@media (max-width: 600px) {
			header#head1 > div#head1section > div#head1menutoggle > b {
				display: none;
			}
}








/* WEBSITE LAYOUT: Content */
#content {
	position: relative;
	/*margin-top: 15px;*/
}
	.content-mt0 {
		margin-top: 0!important;
	}
	.content-fw {
		width: 100%;
	}



/* WEBSITE LAYOUT: Sub-navbar */
#content nav {
	position: fixed;
	width: 220px;
	overflow-y: auto;
	margin-top: 15px;
}
	#content nav ul {
		list-style: none;
		border-radius: 5px;
	}
	#content nav ul li {
		display: block;
		border-radius: 5px;
		margin-bottom: 2px;
	    -webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
		#content nav ul li:last-of-type {
			margin-bottom: 0;
		}
		#content nav ul li:hover {
			background: rgba(21, 39, 63, 0.1);
			color: var(--dark);
		}
		#content nav ul li#nav-active {
			background: rgba(21, 39, 63, 0.1);
			color: var(--dark);
		}
	#content nav ul li span, #content nav ul li a {
		text-decoration: none;
		display: block;
		font-size: 0.9rem;
		cursor: pointer;
		padding: 6px 10px;
		color: var(--vblue);
	}
	

/* WEBSITE LAYOUT: Main content */
#content main {
	position: absolute;
	top: 0;
	left: 240px;
	right: 0;
}

@media (max-width: 1600px) {
	#content nav {
		position: relative;
		width: 100%;
		overflow-y: hidden;
		overflow-x: auto;
		white-space: nowrap;
	}
		#content nav ul li {
			display: inline-block;
			border-radius: 0;
			margin-right: 5px;
			border: 1px solid transparent;
		}
			#content nav ul li:last-of-type {
				margin-right: 0;
			}
			#content nav ul li:hover {
				background: #e6f0fa;
				border-color: #c1c1c1;
			}
		#contente nav ul li span, #content nav ul li a {
			padding: 10px;
		}
	#content main {
		position: static;
		width: 100%;
	}
}


/* WEBSITE LAYOUT: Footer */
footer {
	display: flex;
	justify-content: space-between;
	font-size: 0.9rem;
}
	footer div {
		padding: 15px;
	}
	footer a {
		color: var(--dark);
	}
footer.link-white a { color: var(--white); }



/* WEBSITE LAYOUT: Overlay */
#overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 15;
	background: rgba(0, 0, 0, 0.8);
	display: none;
}
/* WEBSITE LAYOUT: Box popup */
#box {
	position: fixed;
	top: 50%;
	left: 50%;
	/*height: 90vh;*/
	max-height: calc(100vh - 100px);
	width: 1000px;
	transform: translate(-50%, -50%);
	background: var(--white);
	z-index: 16;
	display: none;
}
	#box i#box-close {
		position: absolute;
		top: 7px;
		right: 10px;
		font-size: 1.4rem;
		cursor: pointer;
	}
	#box h2 {
		display: block;
		font-size: 1.0rem;
		font-weight: 700;
		background: #e6e6e6;
		padding: 8px;
		color: var(--vblue);
	}
	#box div.p15 {
		
		overflow-y: auto;
	}
@media (max-width: 1600px) {
	#box {
		width: 90%;
		height: 90%;
	}
		#box div.p15 {
			height: calc(100% - 70px);
		}
}



.hidden {
	display: none;
}

.map {
	z-index: 3;
}


/* WEBSITE LAYOUT: Leaflet tooltip */
.leaflet-tooltip.class-tooltip {
	all: initial;
	position: absolute;
	margin-left: 15px;
	background: var(--white);
	padding: 5px;
	font-size: 0.7rem;
	font-family: var(--sss);
	white-space: nowrap;
	border-radius: 5px;
	box-shadow: 0 0 2px 1px #ccc;
	line-height: 1.2rem;
}

.leaflet-tooltip-left.class-tooltip::before {
	border-left-color: #999;
}

.leaflet-tooltip-right.class-tooltip::before {
	border-right-color: #999;
}

.leaflet-tooltip.class-tooltip2 {
	all: initial;
	position: absolute;
	margin-left: 10px;
	background: rgba(255, 255, 255, 0.4);
	padding: 3px;
	font-size: 0.6rem;
	font-family: var(--sss);
	white-space: nowrap;
	border-radius: 5px;
	box-shadow: 0 0 2px 1px #ccc;
	line-height: 1.0rem;
}

.leaflet-tooltip-left.class-tooltip2::before {
	border-left-color: #999;
}

.leaflet-tooltip-right.class-tooltip2::before {
	border-right-color: #999;
}


/* Alerts */
.alert {
	position: relative;
	border: 1px solid transparent;
	border-radius: 5px;
	padding: 6px 12px;
	font-size: 0.9rem;
}
	.alert-primary {
		border-color: var(--b-primary);
		background: var(--bg-primary);
	}
	.alert-secondary {
		border-color: var(--b-secondary);
		background: var(--bg-secondary);
	}
	.alert-success {
		border-color: var(--b-success);
		background: var(--bg-success);
	}
	.alert-danger {
		border-color: var(--b-danger);
		background: var(--bg-danger);
	}
	.alert-warning {
		border-color: var(--b-warning);
		background: var(--bg-warning);
	}
	.alert-info {
		border-color: var(--b-info);
		background: var(--bg-info);
	}
	.alert-light {
		border-color: var(--b-light);
		background: var(--bg-light);
	}
	.alert-dark {
		border-color: var(--b-dark);
		background: var(--bg-dark);
	}
	.alert-confirmed, .alert-final {
		background: #44b0ac;
		width: 100px;
		font-size: 0.75rem;
		font-weight: 700;
		line-height: 1rem;
		color: #fff;
		padding: 5px 0;
		text-align: center;
		position: relative;
		border-radius: 3px;
	}
		.alert-confirmed, .alert-final span {
			font-weight: 500;
		}
		.alert-confirmed {
			background: #2aa90d;
		}

/* Inputs */
.input-group {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	width: 100%;
}
	.input-group i:nth-of-type(1) {
		display: flex;
		align-items: center;
		white-space: nowrap;
		padding: 10px;
		background: #f1f1f1;
		border: 1px solid #d1d1d1;
		border-radius: 5px;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		text-align: center;
	}
	.input-group i:nth-of-type(2) {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 5px;
		cursor: pointer;
		color: var(--vblue);
	}
		.input-group i:nth-of-type(2):hover {
			color: var(--vred);
		}
	.input-group input, .input-group select, .input-group textarea {
		position: relative;
		flex: 1 1 auto;
		width: 1%;
		min-width: 0;
		font-family: var(--sss);
		padding: 10px;
		border: 1px solid #d1d1d1;
		border-left: 0;
		border-radius: 5px;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
		.input-group i:nth-of-type(1).error, .input-group .error {
			border-color: var(--danger);
		}

label {
	display: block;
	font-weight: 700;
	text-align: left;
	font-size: 0.9rem;
}


blockquote {
	font-size: 0.9rem;
	font-family: var(--sss);
	background: rgba(180, 180, 180, 0.3);
	padding: 12px 10px;
	border-left: 8px solid var(--vblue);
}

/* WEBSITE LAYOUT: No JavaScript */
#noscript-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 80;
	background: rgba(0, 0, 0, 0.8);
}

#noscript-box {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 1000px;
	transform: translate(-50%, -50%);
	background: var(--white);
	z-index: 81;
	text-align: center;
}
	#noscript-box h2 {
		display: block;
		font-size: 1.0rem;
		font-weight: 700;
		background: #e6e6e6;
		padding: 8px;
		color: var(--vblue);
	}
	#noscript-box div {
		overflow-y: auto;
	}
@media (max-width: 1600px) {
	#noscript-box {
		width: 90%;
	}
		#noscript-box div {
			height: calc(100% - 70px);
		}
}



.pager span:nth-of-type(1), .pager span:nth-of-type(2) {
	all: unset!important;
}
.pager {
	text-align: center!important;
	margin-top: 10px!important;
}
.pager span.page-number {
	all: unset!important;
	display: inline-block!important;
	cursor: pointer!important;
	padding: 6px 10px!important;
	-webkit-transition: all 0.5s ease!important;
	-moz-transition: all 0.5s ease!important;
	-o-transition: all 0.5s ease!important;
	transition: all 0.5s ease!important;
	background: #eee!important;
	border: 1px solid #ccc!important;
	margin-right: 2px!important;
}
	.pager span:last-of-type {
		margin-right: 0!important;
	}
.pager span.page-number:hover {
	background: #ccc!important;
}
.pager span.active, .pager span.page-number:hover {
	background: var(--vblue)!important;
	color: var(--white)!important;
	border: 1px solid var(--vblue)!important;
}
.pager span.activex, .pager span.page-number:hover {
	background: var(--vblue)!important;
	color: var(--white)!important;
	border: 1px solid var(--vblue)!important;
}