@font-face {
  font-family: CaesarDressing;
  src: url(./fonts/CaesarDressing-Regular.ttf);
}

@font-face {
  font-family: AlegreyaSansExtraBold;
  src: url(./fonts/alegreya-sans.extrabold.ttf);
}

@font-face {
  font-family: GenericMobileSystem;
  src: url(./fonts/GenericMobileSystem.ttf);
}

@font-face {
  font-family: QuadraatRegular;	
	src: url(./fonts/quadraat-regular.ttf);
}

body, #resultdialog {
    background: url("../img/srpg9bg.png");
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	font-family: sans-serif;
	color: #e3e3e3;
}

@media (min-width: 992px){
	body, #resultdialog {
		background-image: url("../img/srpg9bg.png");
		background-size: cover;
		background-attachment: fixed;
		background-position: center;
	}
}

h1, h2 {
	z-index: 10000;
}


h4 {
	font-family: sans-serif;
	font-size: 2.25rem;
}

.rivalCheckCont, #songfilteroptionsCollapse div.inneropt {
	font-size: .8rem;
	margin-bottom: 15px;
}

#settingsoptions div.rivalCheckCont input[type=checkbox],
#songfilteroptionsCollapse div.inneropt input[type=checkbox] {
	width: 22px;
	height: 22px;
	cursor: pointer;	
}


#questoptions input[type=checkbox] {
	width: 26px;
	height: 26px;
	cursor: pointer;	
}

#songfilteroptionsCollapse div.inneropt {
	text-align: left;
}

#songfilteroptionsCollapse div.inneropt label,
#questoptions label
{
	margin-left: 10px;
	margin-top: 4px;
	cursor: pointer;
}

#songfilteroptionsCollapse div.outeropt {
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
}

#skill290row {
	display: none;
}

#questoptions .questoptionrow {
	vertical-align: top;
}

#questoptions .dropdown-toggle {
	margin-top: 0px;
	margin-bottom: 5px;
}

#questoptions .form-control {
	margin-top: 13px;
	margin-bottom: 13px;	
}

#questoptions {
	padding: 20px;
}

.accBody #questoptions .optionfield {
	margin: 0px;
}

#questoptionsHeading, #questoptionsCollapse, .questwrap {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

button.qdownload, 
button#qdownloadallnew, 
button#qdownloadallfull, 
button#qfilterbtn, 
button.cdownload, 
button#cdownloadallnew, 
button#cdownloadallfull, 
button.dialogDownload, 
button#updateDlBtn,
button#updatesettings,
button#chillFilterBtn {
    width: 70%;
    min-width: 200px;
	max-width: 1000px;
    margin: 20px auto 20px auto;
    display: inherit;
    border-radius: 10px;
    cursor: pointer;
    color: #FFFFFF;
    text-shadow: 1px 1px #282025;
    font-family: sans-serif;
    font-weight: bold;
    padding: 6px;
	border: 0;
	box-shadow: 0px 0px 8px rgb(0 0 0 / 30%);
	background: #426c3c;
	background: linear-gradient(#46844d, #3d572e);
}

button#updatesettings {
	width: 95%;
}

button.dialogDownload, button#updateDlBtn {
	background-color: #3f3f3f;
}

div#downloadAllConfirm {
	display: none;
}

div#qdownloadwrap, div#cdownloadwrap {
	width: 100%;
	text-align: center;
}

button#qdownloadallnew, button#qdownloadallfull, button#cdownloadallnew, button#cdownloadallfull {
	width: 240px;
	font-size: 17px;
	padding: 5px;
	display: inline-block;
	margin: 10px;
}

.qdownload span, .cdownload span {
	color: #FFFFFF;
}

a.qdownload {
    text-align: center;
    display: block;
	font-size: 30px;
}

@media (min-width: 992px){
	a.qdownload {
		font-size: 45px;	
	}
}

.qdownload span.qisdled, .cdownload span.cisdled, span.new.cisdled {
	display: none;
}

button.qdownload:hover, 
button#qdownloadallfull:hover, 
button#qdownloadallnew:hover,
button.cdownload:hover, 
button#cdownloadallfull:hover, 
button#cdownloadallnew:hover,
button#qfilterbtn:hover, 
button#updateDlBtn:hover,
button#updatesettings:hover,
button#chillFilterBtn:hover {
	background: linear-gradient(#000, #282025);	
	color: #FFFFFF;
}

.faction1 {
	color: #DD8787;
	text-shadow: 1px 1px 1px rgb(36 2 0);
}

.faction2 {
	color: #87DDDD;
	text-shadow: 1px 1px 1px rgb(36 2 0);
}

.faction3 {
	color: #DD87DD;
	text-shadow: 1px 1px 1px rgb(36 2 0);
}

.factionbox {
	margin-bottom: 15px;
}

.factionbox h6 {
	text-align: center;
}

.factionbox .outeropt {
	display: inline-block;
}

.factionbox .inneropt {
	margin-bottom: 10px;
	padding: 0px 20px 0px 20px;	
}

.navbar-light .navbar-nav .nav-link {
	font-size: 1.2rem;
    font-family: sans-serif;	
}

#questoptions .questoptionrow {
    padding: 5px 0px 5px 0px;
}

@media (min-width: 992px){
	.factionbox div {
		text-align: left;
	}	
	
	#questoptions .optionwrap {
		text-align: left;
	}
}

#questoptions .bootstrap-select {
	width: 210px;
	margin: 0px 10px 0px 10px;
}

#questoptions .form-control {
	width: 210px;
	margin: 0px 10px 0px 10px;
}

#questoptions .dlbox {
	margin-left: 30px;
	text-align: center;
}


.qsecret.questwrap {
	background: unset;
    background-color: #333300BB;
	box-shadow: 0px 0px 20px 5px #9e7e2377;
	filter: hue-rotate(300deg);
}

.qactivedaily.questwrap {
    background-color: #222222AA;
}

#recentscores_wrapper, #settingsoptions, div#ruleswrap, #recentscores-footer-wrapper {
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto;	
	box-shadow: 0px 0px 30px 5px #000000;
}

#streamer-generator-wrap {
	box-shadow: 0px 0px 20px 5px #534f3f;	
}

#streamer-generator-wrap h4 {
	color: #fff8ca;
	text-shadow: 0 4px 10px #000000ba;
}

#streamer-generator-wrap pre {
	color: #e6c387;
}

#streamer-generator-wrap .form-control {
	font-family: 'Lato', sans-serif;
}

#recentscores-footer-wrapper, #recentscores_wrapper {
	box-shadow: unset;
}

#questblock .qactivedaily.questwrap {
	background:unset;
	background-color: #524c2f90;
	position: relative;
}
#questblock .qactivedaily div.questwrap {
	max-width: 1000px;
	width: 100%;
}

#questblock .daily-stamp {
	display: none;
}
@media (min-width: 992px){
	#questblock .qactivedaily .daily-stamp {
		font-family: 'IM Fell Double Pica', serif;
		text-transform: uppercase;
		transform: rotate(347deg);
		color: #870000;
		position: absolute;
		bottom: 30px;
		right: 5px;
		font-size: 39px;
		/*display: inline-block;*/
		display: none; /*don't think this looks good with srpg6 theming*/
		z-index: 1;
		pointer-events: none;
	}
}
#questblock .qactivedaily .collapsed .daily-stamp {
	display: none;
}
.faction-img-wrap {
	text-align: center;
}

.faction-img-wrap .faction-img {
    border: 0;
    border-radius: 6px;
	max-width: 150px;
}
#questblock .qactivedaily .daily-timer {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 28px;
    color: #dea96e;
    text-shadow: 1px 1px 3px rgb(78 43 18);
    padding-left: 10px;
}

#questblock .qactivedaily div.questwrap div.accBody h4 {
	margin-top: 0px;
	padding-top: 15px;
}

#questblock .outerrow .leftside, #questblock .outerrow .rightside {
	display: inline-block;
}

#questblock .outerrow .leftside {
		vertical-align: top;
}

#questblock .outerrow .rightside {
	padding: 5px 10px 5px 10px;
}

@media (min-width: 992px){
	#questblock .outerrow .leftside {
		width: 500px;
	}	
}

.subtableInner div {
	display: inline-block;
	vertical-align: top;
	min-width: 40%;
}

.factionchart text.text-percent, .factionchart text.text-value, .factionchart text.text-label {
	font-size: 10px;
}

@media (min-width: 992px){
	.factionchart text.text-percent, .factionchart text.text-value, .factionchart text.text-label {
		font-size: 15px;
	}
}

@media (max-height: 500px) {
    .factionchart {
        display: none;
    }
}

#fullWrapper {
	width: 100%; 
	padding-bottom: 30px;
}

#fullLogo {
	background: linear-gradient(180deg, #000000FF 3px, #00000040 10px, rgba(0,0,0,0) 30px);
	padding: 5px 0px 5px 0px;		
}

#toplogo {
	padding-top: 3px;
	background: transparent;
    background-attachment: unset;
	background-position: center;
}

@media (min-width: 992px) {
	#toplogo {
		padding-top: 10px;
	}
}

#toplogo img {
	margin-bottom: 5px;
	filter: drop-shadow(0px 0px 9px #000000)
}

h1, h2 {
    color: #e7cfa4;
	text-shadow: 0 4px 10px #000000ba;
}

.factionchart {
	cursor: pointer;
	border-top: 2px solid #261f24;
}
.factionchart svg {
	display: block;
	margin: auto;
	background-color: #242020;
}

@media (min-width: 1500px) {
	.factionchart {
		padding-bottom: 0;
		border: none;
	}
	.factionchart svg {
		border: 2px solid rgb(230 195 135 / 50%);
		border: none;
		box-shadow: 0 0 15px black;
		border-radius: 5px;
	}
}

h1, h2, #ruleswrap h1, .accHead h4 {
    font-family: serif;
	color: #fff8ca;
	margin-top: 0px;
}
h2 {
    font-size: 2.5rem;
}
#maincont h1.pageHead, #maincont h2.pageHead {
	/*
	background-color: #3c3930;
	padding: 5px 10px 5px 10px;
	width: fit-content;
	border: 5px solid #9e8322;
	border-style: ridge;
	border-inline-color: #fee155;
	max-width: 1500px;
	*/
	filter: drop-shadow(0px 0px 5px #000000);
	color: #e3e3e3;
	font-size: 2rem;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	width: auto;
}

@media (min-width: 992px) {
	#maincont h1.pageHead, #maincont h2.pageHead {
		/*
		background-color: #3c3930;
		border: 15px solid;
		border-image: url("../img/srpg7dialogborder.png") 500 500;
		border-image-slice: 50;
		padding-left: 5px;
		width: fit-content;
		*/
		font-size: 3.5rem;
	}
}


#ruleswrap h1 {
	color: #e3e3e3;
	padding: 5px 10px 5px 10px;
	width: fit-content;
	box-shadow: 5px 5px 5px 2px #00000033;
	width: 100%;	
}

@media (min-width: 992px) {
	#ruleswrap h1 {
		padding-left: 5px;
	}
}

#ruleswrap p, #ruleswrap ul {
	padding-left: 5px;
}

#ruleswrap form {
	text-align: center;
}

@media (min-width: 992px) {	
	#ruleswrap p {
		font-size: 1rem;
	}
}

#ruleswrap .highlight {
    color: #ffcb46;
}

#ruleswrap a {
	color: #d64f33;
}

#ruleswrap a:hover {
	text-decoration: underline;
	text-decoration-style: dotted;
    text-decoration-thickness: 1px;
	color: #ff7f66;
}

@media (min-width: 992px){	
	body {
		padding-bottom: 0px;
	}
	
	#maincont {
		padding-top: 5px;
		border-top: none;
	}	
}

/* Style the navbar for mobile view */
.navbar {
	background: #426c3c;
	background: linear-gradient(#46844d, #3d572e);
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-focus:hover,
.navbar-light .navbar-nav .nav-link:focus {
	color: #FFFFFF;
}

/* Style the navbar for desktop view */
@media (min-width: 992px){
	#toplogo img {
		height: 250px;
		margin-left: 0px;
		margin-bottom: 10px;
		width: auto;
	}
	.navbar-light .navbar-nav .nav-link {
		border-radius: 0px 0px 0px 0px;
		border-bottom: 1px solid #282025;
		background: #426c3c;
		background: linear-gradient(#46844d, #3d572e);
		color: #FFFFFF;
		filter: drop-shadow(0px -10px 10px rgba(0, 0, 0, 0.3));
		border: 1px solid #000000;
	}
	.navbar-light .navbar-nav .nav-link:hover {
		background: rgb(204,237,249);
		background: linear-gradient(#000, #282025);
		color: #FFFFFF;
		filter: drop-shadow(0px -10px 10px rgba(0, 0, 0, 0.3));
		text-shadow: 1px 1px #282025;
	}
	
	li.nav-item.dropdown.show a.nav-link.dropdown-toggle {
		background: rgb(204,237,249);
		background: linear-gradient(#000, #282025);		
		color: #fff !important;
		text-shadow: none;
	}
	.navbar-expand-lg .navbar-nav .dropdown-menu {
		top: 41px;
	}
}

.navbar-light .navbar-nav .nav-item.active .nav-link {
	color: white;
	text-shadow: 1px 1px #282025;
}

.downloaddrop .dropdown-item:hover,
a.dropdown-item.smallerLink:hover {
	background-color: #FFFFFF;
    color: #342a2d;
}
.dropdown-menu {
    background-color: #2c2324;
    color: #e3c186;
}
.dropdown-item {
    color: #FFFFFF;
}

#ruleswrap {
	margin-bottom: 0px;
}

#ruleswrap, #download, #settingsoptions, #streamer-generator-wrap {
	background: unset;
    background-color: #050502CF;
	border: 1px solid #e3e3e3;
	border-radius: 6px;
	box-shadow: 0px 0px 30px 5px #000000;
    color: #848583;
	border-radius: 4px;
	font-family: sans-serif;
}

/* data tables and recent scores */
.dataTable thead {
    color: #e3e3e3;
	background-color: #000000bb;	
}
.dataTable thead .sorting_asc, .dataTable thead .sorting_desc {
    color: #FFFFFF;
	text-shadow: 1px 1px #282025;
}

table.dataTable {
	border-spacing: 0 3px;
	box-shadow: 0px 0px 30px 0px #855e3270;
}

@media (min-width: 992px){
	table.dataTable {
		border-spacing: 0 4px;
	}	
}

div.table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover, div.table.dataTable tbody tr, table.dataTable.display tbody tr {
    background: transparent;
}

.dataTable tbody tr td {
    background: none;
}

.dataTable tr.even:hover>td, .dataTable tr.even.passrow:hover>td, .dataTable tr.odd:hover>td, .dataTable tr.odd.passrow:hover>td, .dataTable tr.shown>td, .dataTable tr.shown.passrow>td {
	background-color: #8cda71 !important;

}
table.dataTable tbody td {
    border-top: none !important;
    color: #4f4a3b;
}

.dataTable .odd .sorting_1,
.dataTable .odd .sorting_2,
.dataTable .odd .sorting_3,
.dataTable .even .sorting_1,
.dataTable .even .sorting_2,
.dataTable .even .sorting_3 {
    background-color: #afdb9f !important;
}

.dataTable .rivalrow .sorting_1, .dataTable .rivalrow .sorting_2, .dataTable .rivalrow .sorting_3 {
    background-color: #afdb9f !important;
}
.dataTable .entrantrow .sorting_1, .dataTable .entrantrow .sorting_2, .dataTable .entrantrow .sorting_3 {
    background-color: #afdb9f !important;
}
.dataTable {
    font-size: 75%;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	padding: 0px;
	margin-left: 4px;
}

.dataTable .rivalrow.odd td,
.dataTable .rivalrow.even td {
    background-color: #bbeea9;
}

.dataTable .entrantrow.odd td,
.dataTable .entrantrow.even td
{
    background-color: #bbeea9;
}

.dataTable td {
}

.dataTable .odd td {
    background-color: #FFFFFF;
}

.dataTable .even td {
    background-color: #dadada;
}

#recentscores tr td:first-of-type {
	padding: 0px;
}

#recentscores tr td:first-of-type div {
	padding: 0px;
}

#recentscores td div.img-wrapper {
	margin-top: 1px;
	margin-right: 0px;
}

#recentscores tr td:hover {
    color: black;
    text-decoration: underline;
}

#recentscores_expand_cont {
    margin-top: -50px;
    text-align: right;
    float: right;
    display: block;
	position:relative;
	z-index: 10000;
}
#recentscores_expand_cont a {
	color: #d4d4c0;
    font-weight: bold;
    cursor: pointer !important;
    margin-left: 10px;
    text-shadow: 1px 1px black;
    text-transform: uppercase;
    font-size: 12px;
}
#recentscores_expand_cont a:hover {
	text-decoration: none;
	color: white;
}

/* Make usernames appear different colors on recent scores by faction */
#recentscores .faction-1 {
	color: rgb(181 9 9);
}
#recentscores .faction-2 {
	color:  rgb(110, 55, 166);
}
#recentscores .faction-3 {
	color: rgb(25 99 105);
}

.dataTable td div.img-wrapper img {
    max-width: 32px;
    max-height: 32px;
}
a, a.ranklink:hover, a.ranklink:visited, a.ranklink:active {
    color: #382c2f;
}

#recentscores a.ranklink {
    margin-left: 3px;
}

/* Block level stuff, in tables */

span.block-level {
    display: inline-block;
    background: #3b619b;
    color: white;
    font-size: 11px;
    height: 20px;
    width: 20px;
    line-height: 20px;
	font-family: monospace;
	user-select: none;
}
#passrankstats span.block-level {
    font-size: 16px;
    height: 30px;
    width: 30px;
    line-height: 30px;
}

#recentscores span.block-level {
    position: relative;
    margin-left: 5px;
	margin-right: 3px;
}

span.block-level.b11{ background-color: hsl(240deg 45% 42%)}
span.block-level.b12{ background-color: hsl(235deg 45% 42%)}
span.block-level.b13{ background-color: hsl(230deg 45% 42%)}
span.block-level.b14{ background-color: hsl(225deg 45% 42%)}
span.block-level.b15{ background-color: hsl(220deg 45% 42%)}
span.block-level.b16{ background-color: hsl(215deg 45% 42%)}
span.block-level.b17{ background-color: hsl(210deg 45% 42%)}
span.block-level.b18{ background-color: hsl(205deg 45% 42%)}
span.block-level.b19{ background-color: hsl(200deg 45% 42%)}
span.block-level.b20{ background-color: hsl(195deg 45% 42%)}
span.block-level.b21{ background-color: hsl(190deg 45% 42%)}
span.block-level.b22{ background-color: hsl(185deg 45% 42%)}
span.block-level.b23{ background-color: hsl(180deg 45% 42%)}
span.block-level.b24{ background-color: hsl(175deg 45% 42%)}
span.block-level.b25{ background-color: hsl(170deg 45% 42%)}
span.block-level.b26{ background-color: hsl(165deg 45% 42%)}
span.block-level.b27{ background-color: hsl(160deg 45% 42%)}
span.block-level.b28{ background-color: hsl(155deg 45% 42%)}
span.block-level.b29{ background-color: hsl(150deg 45% 42%)}
span.block-level.b30{ background-color: hsl(145deg 45% 42%)}
span.block-level.b31{ background-color: hsl(140deg 45% 42%)}
span.block-level.b32{ background-color: hsl(135deg 45% 42%)}
span.block-level.b33{ background-color: hsl(130deg 45% 42%)}
span.block-level.b34{ background-color: hsl(125deg 45% 42%)}
span.block-level.b35{ background-color: hsl(120deg 45% 42%)}
span.block-level.b36{ background-color: hsl(115deg 45% 42%)}
span.block-level.b37{ background-color: hsl(110deg 45% 42%)}
span.block-level.b38{ background-color: hsl(105deg 45% 42%)}
span.block-level.b39{ background-color: hsl(100deg 45% 42%)}
span.block-level.b40{ background-color: hsl(95deg 45% 42%)}
span.block-level.b41{ background-color: hsl(90deg 45% 42%)}
span.block-level.b42{ background-color: hsl(85deg 45% 42%)}
span.block-level.b43{ background-color: hsl(80deg 45% 42%)}
span.block-level.b44{ background-color: hsl(75deg 45% 42%)}
span.block-level.b45{ background-color: hsl(70deg 45% 42%)}
span.block-level.b46{ background-color: hsl(65deg 45% 42%)}
span.block-level.b47{ background-color: hsl(60deg 45% 42%)}
span.block-level.b48{ background-color: hsl(55deg 45% 42%)}
span.block-level.b49{ background-color: hsl(50deg 45% 42%)}
span.block-level.b50{ background-color: hsl(45deg 45% 42%)}

/* option panels */
.optioncont {
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 15px;
    background: none;
    color: #f3f3f3;
    min-width: 290px;
    padding: 5px;
    text-align: left;
}

.accHead:hover, .accHead {
    background: none;
	background: rgba(0,0,0,0.5);
	border: 2px solid rgb(230 195 135 / 50%);
    padding: 4px;
    cursor: pointer;
    display: block;
}
.accHead:hover {
	border: 2px solid rgb(230 195 135 / 100%);
}

.floatingAcc.accHead {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00372c+0,186c4b+100 */
	background: rgb(0,55,44); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(0,55,44,1) 0%, rgba(24,108,75,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,55,44,1) 0%,rgba(24,108,75,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,55,44,1) 0%,rgba(24,108,75,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00372c', endColorstr='#186c4b',GradientType=0 ); /* IE6-9 */
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto;
	text-shadow: 1px 1px 2px rgb(0 0 0 / 30%);
    box-shadow: 0px 0px 23px 4px #00000099;
	color: #FFFFFF;
	padding: 0px;
	border: none;
}

.floatingAcc.accHead:hover {

}

.floatingAcc.accHead h4 {
	font-size: 2rem;
	color: inherit;
	text-shadow: 0 4px 10px #000000ba;
	display: block;
	margin: 0px;
	padding: 10px;
	width: 100%;
	border: 2px solid #fff8ca7d;
}

.floatingAcc.accHead h4:hover {
	border-color: #ffffff;	
	color: #ffffff;		
	filter: drop-shadow(0px 0px 5px #848583);
    text-decoration: underline;
    text-decoration-thickness: 2px;	
	text-decoration-color: #ffffff;	
}

.floatingAcc.accBody {
    border: none;
	background: unset;
    background-color: #000000bb;
    color: #FFFFFF;
	padding-top: 10px;
    padding-bottom: 10px;	
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	max-width: 1500px;
	border-radius: 0px 0px 4px 4px;
	box-shadow: 0px 0px 30px 0px #855e3270;
}

.accBody .optionfield, 
.subTableWrap .foot .optionfield, 
.subTableWrap .scoreratewrap, 
#songlookup .optionfield, 
.subTableWrap .relictop .optionfield {
	min-width: 190px;
	margin: 10px 20px 10px 20px;
}

@media (min-width: 992px){
	.subTableWrap .foot .optionfield {
		min-width: 756px;
	}
}


.subTableWrap .btnFoot, #songlookup .btnFoot {
    border-top: 2px solid #e7cfa477;
}


div.floatingAcc.accBody h6, div.floatingAcc.accBody #songlookup h6, div.floatingAcc.accBody #questoptions h6, #passrankstats div.floatingAcc.accBody h6 {
    font-family: sans-serif;	
	font-size: 1.1rem;
	font-weight: bold;
	color: #35b47d;
	text-shadow: 1px 1px #00000099;
}

.accBody span {
	font-size: .9rem;
	font-weight: normal;
}

.accBody span.best {
	font-weight: bold;
}

.optioncont h4, .accHead h4, #statblockWrap .accHead h4 {
	text-align: center;
	color: #35b47d;
	font-size: 1.1rem;
	font-weight: bold;
}

.subTableWrap.accBody {
	max-width: none;
}

#statblockWrap #statblockTop {
	
}

#statblockWrap .dataTable .even td {
	background-color: #dadada;
}

#settingsoptions .npdisplay {
    background: rgba(0,0,0,0.2);
	font-family: 'Lato', sans-serif;
    text-shadow: 0 3px 2px rgba(0,0,0,0.3);
    color: #FFF;
    padding: 10px;
}
#settingsoptions h4 {
    margin-top: 0px;
}

#settingsoptions div {
	font-family: 'Lato', sans-serif;
}

#ranking, #songs_wrapper, #relics, #buy, #sell {
    box-shadow: 0 0 20px 5px black;
}

.questname {
	font-family: serif;
	color: #e3e3e3;
}

.qsecret .questname {
	color: #FFFFFF;
}

.qactivedaily .questname {
	color: #FFFFFF;
}

/* Quest stuff */
.questwrap {
    width: auto;
    min-width: 250px;
    max-width: 1000px;
    margin: 30px auto;
	background: unset;
    background-color: #050502CF;
	border: 1px solid #e3e3e3;
	border-radius: 6px;	
    box-shadow: 0px 0px 30px 5px #000000;
    color: #848583;
	text-shadow: 1px 1px #00000099;
	font-family: sans-serif;
	padding: 10px 30px;
}

@media (min-width: 992px){
	.questwrap {

	}
}

.questwrap .accBody, .qcomplete .accHead, .questwrap .accHead {
	background: none;
	border: none;
}

.accHead i {
	font-size: 1rem
}
.questwrap span.bighead {
	background: unset;
	padding-left: 15px;
	margin-bottom: 0px;
	margin-left: 5px;
	border-radius: 0px;
	text-align: right;
	font-family: sans-serif;
	color: #e3e3e3;
}

.questwrap .accBody div.status span.actualDate {
	display: none;
}

@media (min-width: 992px) {
	.questwrap .accBody div.status span.actualDate {
		display: inline;
	}	
}

#questblock .accHead {
	margin: 0;
}

.questwrap .accBody, .questwrap .accHead h4 {
	color: #fff8ca;
	font-family: sans-serif;
	font-weight: normal;
}
.questwrap .accHead h4 {
	font-size: 2rem;
	text-shadow: 1px 1px 2px rgb(0 0 0 / 30%)
}
.questwrap span.statuscomplete, .questcheck {
	color: #439843;
	text-shadow: 1px 1px 1px rgb(28 49 25);
}
.questwrap span.highlight {
	/* color: magenta;
	text-shadow: 1px 1px 1px rgb(0 0 0); */
	color: #35b47d;
	font-size: .8rem;
	font-weight: bold;
}
.questwrap span.statusinprogress {
    color: #daca00;
    text-shadow: 1px 1px 1px rgb(0 0 0);
}
.questwrap a:hover {
    color: #ff7f66;
	text-decoration: underline;
	text-decoration-style: dotted;
    text-decoration-thickness: 1px;
}

.questwrap span.statusnotstarted, .questnocheck {
	color: #ff2b2b;
    text-shadow: 1px 1px 1px rgb(36 2 0);
}
.questwrap .accBody span {
    text-transform: uppercase;
}

.questwrap li span i {
    margin-right: 10px;
}

.questwrap .accBody span.bighead {
    text-transform: none;
	width: 100px;
}

.questwrap .accBody li {
	background: unset;
    background-color: #050502CF;
	border: 1px solid #e3e3e3;
	border-radius: 6px;	
    box-shadow: 0px 0px 10px 5px #000000;
	margin: 5px 0px 5px 0px;
	padding: 3px 15px 3px 15px;
    font-family: sans-serif;
    font-weight: bold;
    font-size: .8rem;
	color: #848583;
	text-shadow: 1px 1px #00000099;
}
.questwrap .hint {
	background: unset;
    background-color: #050502CF;
	border: 1px solid #e3e3e3;
	border-radius: 6px;	
    box-shadow: 0px 0px 30px 5px #000000;
	padding: 10px 25px 10px 25px;
	color: #848583;
	text-shadow: 1px 1px #00000099;
    font-size: 1rem;
	font-weight: bold;
	overflow-wrap: break-word;
}
.questwrap .accBody h4 {
	font-size: 1.5rem;
	font-family: serif;
	text-shadow: 1px 1px 2px rgb(0 0 0 / 30%);
	color: #e3e3e3;
}

@media (min-width: 992px) {
	.questwrap .accBody h4 {
		font-size: 2rem;
		margin-top: 10px;
	}
}

.questwrap .rewards a {

}

.questwrap .faction, .questwrap .rank, .questwrap .status {
	color: #848583;	
	margin: 5px 0px 5px 0px;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

.reliclist img, .questwrap img {
    padding: 5px;
	margin: 5px;
	background-color: #b1866555;
	box-shadow: 0px 0px 3px 4px #000000;
    border: 1px solid #e3e3e3;
    border-radius: 7px;
}

@media (min-width: 992px) {
    .reliclist img, .questwrap img {
		margin: 5px;
    }
}

.questwrap .accHead h4:hover {
	color: #ffffff;
	text-decoration: underline;
    text-decoration-thickness: 2px;
	text-decoration-color: #ffffff;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle, .btn-primary{
	background-color: #40683a;
    border-color: #33452b;
	z-index: 99;
	position: relative;
}
.btn-primary:hover {
    background-color: #508c52;
    border-color: #33452b;
}

.btn-secondary {
	color: #FFFFFF;
}



#passrankchartCollapse, #output-chart {
    background-color: #8a8579d9;
    user-select: none;
}
#passrankchartCollapse #score-progression {
    overflow: hidden;
}


/* Rivals block on the user's profile */
#users-rivals a.rival {
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 10px;
    font-size: 20px;
    padding-top: 8px;
    white-space: nowrap;
    text-align: center;
    background-color: #151513;
	background-size: cover;
    box-shadow: 0px 0px 20px 5px #000000;
    border: 1px solid #e3e3e3;
    border-radius: 10px;	
}

#users-rivals a.rival span.scale {
    display: block;
    transform-origin: 0 0;
}

div#users-rivals {
    padding-top: 10px;
}

@media (min-width: 992px){
    #users-rivals a.rival {
        display: block;
        width: 80px;
        height: 80px;
    }
}

#statblockWrap {
	background: unset;
	background-color: #050502CF;
    box-shadow: 0px 0px 30px 5px #000000;
	padding: 0px 15px 20px 15px;
	margin-bottom: 40px;	
	border-radius: 5px;
}

@media (min-width: 992px){
    #statblockWrap {
		border: 1px solid #e3e3e3;
		border-radius: 6px;
    }
}

#statblockWrap .vitals h4 {
	background-color: #151513;
	box-shadow: 0px 0px 20px 5px #000000;
	border: 1px solid #e3e3e3;
    border-radius: 6px;
	font-size: 1.3rem;
	display: block;
	margin: 5px 0px 5px 0px;
    color: #acacac;
	text-shadow: 1px 1px #00000099;
	font-family: serif;
}

#statblockWrap .faction-panel {
	margin-top: 10px;
}

@media (min-width: 992px){
	#statblockWrap .faction-panel {	
		border-left: 4px solid #322c23
		box-shadow: -4px 0px 3px -3px #000000;
	}
}

#statblockWrap .faction-panel h5 {
	font-size: 2rem;
	color: #e3e3e3;
	font-family: serif;	
	text-shadow: 0 4px 10px #000000ba;	
}

#statblockWrap .vitals h5 {
	font-size: 2rem;
	color: #e3e3e3;
	font-family: serif;	
	text-shadow: 0 4px 10px #000000ba;
}

#statblockWrap .accBody .accHead h4 {
	color: #FFFFFF;
}

#statblockCollapse {
    border-top: 2px solid #e3e3e3;
    box-shadow: 0px -4px 20px -3px #000000;
	margin-top: 20px;
	padding-bottom: 0px;
}

#statblockWrap .accHead h4 {
	font-family: serif;
	font-size: 1.75rem;
	color: #e3e3e3;
	text-shadow: 0 4px 10px #000000ba;
	margin: 5px;
}

#statblockWrap .accHead {
	background: none;
	border: none;
	text-shadow: 1px 1px 2px rgb(0 0 0 / 30%);
}

#statblockWrap .accHead h4:hover {
	filter: drop-shadow(0px 0px 5px #FFFFFF);
    text-decoration: underline;
    text-decoration-thickness: 2px;	
	text-decoration-color: #ffffff;
	color: #ffffff;
}

#statblockWrap .accHead:hover {
	border: none;
}

#statblockWrap .accBody {
    border: none;
	border-top: 2px solid #e3e3e3;
    border-radius: 0px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#855e32+0,bc8b56+100&0.05+0,0.1+10,0.15+25,0.2+50,0.15+75,0.1+90,0.05+100 */
	background: linear-gradient(to bottom,  rgba(133,94,50,0.05) 0%,rgba(139,99,54,0.1) 10%,rgba(147,106,59,0.15) 25%,rgba(161,117,68,0.2) 50%,rgba(175,128,77,0.15) 75%,rgba(183,135,82,0.1) 90%,rgba(188,139,86,0.05) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    box-shadow: 0px 2px 4px 2px #855e3222;
	color: #f3f3f3;
	padding-bottom: 30px;
}

.entrants_profile_img {
	background-color: #050001;
    box-shadow: 0px 0px 30px 7px #000000;
    border: none;
    display: block;
    margin: auto;
    max-width: 250px;
}

#statblockWrap .accHead.bigCat, #statblockWrap .accBody.bigCat {
	width: 100%;
}
.stattop.optioncont .optionfield{
	margin: 0;
}
.stattop .accStand h4, .subTableWrap .accBody h6 {
	color: #35b47d;
    font-family: 'AlegreyaSansExtraBold';
	text-shadow: 1px 1px #00000099;
}
#statblockWrap .stattop .accStand h5, #relics .accBody {
	color: #FFFFFF;
	text-shadow: 1px 1px #00000099;
	font-family: 'Lato', sans-serif;
}
#relics .relicdescription img, #subtableStats .relicbuysell .optionwrap .optionfield .accBody img {
    padding: 10px;
    background-color: #b1866566;
    box-shadow: 0px 0px 3px 4px #000000;
    border: 1px solid #e3e3e3;
    border-radius: 7px;	
	margin-bottom: 10px;
}

#relics .subTableWrap a {
	font-family: sans-serif;
    box-shadow: none;
    margin: 0px;
	padding: 0px;
    color: #e3e3e3;
}

#relics .subTableWrap a:hover {
	color: #FFFFFF;
}

#relics .subTableWrap .relicdescription a {
	margin-left: 5px;
	margin-right: 5px;
}

#statblockWrap table.dataTable thead {
	background-color: #00000020;
}
#statblockWrap th {
	color: #272024;
}
#statblockWrap h3 {
	background-color: #151513;
    background-repeat: no-repeat;
    background-size: cover;
	box-shadow: 0px 0px 20px 5px #000000;
	border: 1px solid #e3e3e3;
    border-radius: 6px;
	padding-left: 5px;
	font-size: 2.25rem;
    text-shadow: 0 4px 10px #000000ba;
	color: #FFFFFF;
	font-family: serif;
	font-size: 2rem;
	text-align: left;
    padding-left: 5%;
	margin: 20px 0;
}

.subTableWrap {
	background-color: #412d09;
	border-color: #412d09;
	top: -12px;
}

#shopTop .shopSide, #mobileShopTop .shopSide {
    border: none;
    border-radius: 4px;
	background: unset;
    background-color: #000000bb;
	box-shadow: 0px 0px 30px 0px #855e3270;
	padding: 10px;
}

#shopTop h4, #mobileShopTop h4 {
    color: #FFFFFF;
	font-family: serif;
	font-size: 1.5rem;
	text-shadow: 0 4px 10px #000000ba;
	margin: 0px;
}

.btn.btn-success:disabled, .btn.btn-danger:disabled, .btn.btn-info:disabled {
	cursor: not-allowed;
}

.subRules {
	padding: 15px;
	color: #bcb7a6;
	margin: 0px 0px 20px 0px;
    display: block;
	background: unset;
    background-color: #050502CF;
	border: 1px solid #e3e3e3;
	border-radius: 6px;	
    box-shadow: 0px 0px 30px 5px #000000;
}

@media (min-width: 992px){
	.subRules {	

	}
}

#download {
	padding: 20px 5px 20px 5px;
}

#download .subRules {
	padding: 0px;
}

@media (min-width: 992px){
	#download .subRules {
		padding: 15px;
	}
}

.ruleList li {
	margin-bottom: 10px;
}
	

img.rulesLogo {
	display: none;
	width: 300px;
}

@media (min-width: 992px){
	img.rulesLogo {
		display: block;
	}
	
	.subRules { 
		padding: 22px;
		margin: 40px 35px 40px 35px;
	}
	
	.subRules .subRules { 
		padding: 15px;
		margin: 40px 80px 40px 80px;
	}	
}

img.rulesHeraldry {
	width: 100px;
	margin-left: 10px;
	margin-right: 10px;
	box-shadow: 5px 5px 5px 2px #00000033;
}

@media (min-width: 992px){
	img.rulesHeraldry {
		width: 150px;
	}
}

img.itgmLogo {
	width: 100px;
	margin-left: 10px;
	margin-right: 10px;
}

@media (min-width: 992px){
	img.itgmLogo {
		width: 150px;
	}
}

div.ackCont {
	text-align: center;
}

div.ackBox {
	display: inline-block;
	text-align: left;
	vertical-align: top;
}

div.ackBox ul {
	display: inline-block;
	margin-bottom: 0px;
	text-align: left;
	vertical-align: top;
	width: 100%;
}

@media (min-width: 992px){
	div.ackBox ul {
		width: auto;
	}
}

span.addCredit {
	font-size: 8px;
	margin-right: 25px;
	display: block;
}

span.addCredit span.inner {
	max-width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    vertical-align: sub;
	position: relative;
    top: 2px;
}


@media (min-width: 992px){
	span.addCredit {
		font-size: 10px;
		display: inline-block;
	}
	
	span.addCredit span.inner {
		max-width: 80px;	
	}
}

div.vidBlock {
	display: none;
}

@media (min-width: 992px){
	div.vidBlock {
		display: block;
	}
}

#languagepicker {
	margin-bottom: 10px;
	font-size: 13px;
}

@media (min-width: 992px){
	#languagepicker {
		font-size: 16px;
	}
}



.questwrap a, a.cdownload {
	color: #d64f33;
}

.questwrap a:hover, a.cdownload:hover {
	color: #ff7f66;
	text-decoration: underline;
	text-decoration-style: dotted;
    text-decoration-thickness: 1px;
}

#languagepicker a, .questwrap a {

}

#languagepicker a.active, .questwrap a.active {
    filter: drop-shadow(0px 0px 4px #e3cc92);
    text-decoration: underline;
    text-decoration-style: dotted;
    text-decoration-thickness: 1px;
    color: #e3cc92;
}

#languagepicker a.active:hover {
	color: #FFFFFF;
}

.custom-select option:disabled {
	color: #AAAAAA;
	background-color:#CCCCCC;
	cursor: not-allowed;
}

#announceBlock {
	width: 250px;
	font-size: 14px;
}

#announceBlock div {
	display: block;
	gap: 10px;
}

#announceBlock h3, #announceBlock ul, #announceBlock strong {
	font-family: 'AlegreyaSansExtraBold';
	color: #00a871;
	font-weight: bold;
    font-size: 20px;
	text-align: left;
}

#announceBlock ul {
    margin-left: 30px;
	font-size: 18px;
}

#announceBlock strong {
	font-size: 14px;
}

div#downloaddialog a#downloadLink {
	font-size: 40px;
	color: #d64f33;
	display: inline-block;
}

a.announceLink {
	font-size: 18px;
	display: block;
	margin-bottom: 10px;
	text-align: center;
	color: #d64f33;
}

a.announceLink, a.announceLink:visited {
	color: #d64f33;
}

a.announceLink:active {
	color: #d64f33;
}

a.announceLink:hover {
    color: #ff7f66;
	text-decoration: underline;
	text-decoration-style: dotted;
    text-decoration-thickness: 1px;	
	text-decoration: underline;
}

@media (min-width: 992px){
	#announceBlock {
		width: 900px;
	}
	
	#announceBlock div {
		display: flex;
		margin-bottom: 20px;
	}
	
	a.announceLink {
		display: inline-flex;
		flex: 1 0 0;
		justify-content: center;
		margin: 0px;
	}
}

#download {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0px 0px 30px 0px #855e3270;
}

#download .fa-ul {
	margin-left: 20px;
	margin-right: 20px;
}

#download li .ellipWrap {
	display: inline-flex;
	padding-left: 1em;
	overflow: auto;
	white-space: nowrap;
}

#download li .ellipWrap::-webkit-scrollbar {
    display: none;
}

@media (min-width: 992px){
	#download .fa-ul {
		margin-left: 60px;
		margin-right: 60px;
	}	
}

#download li {
	width: auto;
}

.custom-select:disabled {
	cursor: not-allowed;
}

select.littlejawn {
	width: 80px;
	text-align: center;
}

@media (min-width: 992px){
	#shopfilteroptionsHeading {
		display: none;
	}
}

#download span.block-level {
	text-align: center;
	width: auto;
	padding: 0px 3px 0px 3px;
	margin-right: 3px;
    position: relative;
    bottom: -5px;	
}

#download a.unlocklink {
    text-decoration: none;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 1rem;
    max-width: 130px;
    top: -4px;
    position: relative;
}

#download .fa-li {
	width: 1.1em;
}

@media (min-width: 992px){
	#download a.unlocklink {	
		text-overflow: inherit;
		font-size: inherit;
		max-width: none;
	}
}

.daily-timer {
	display: none;
}

.qactivedaily .daily-timer {
	display: inline;
}

a.complist, a.reliclist, .subTableWrap a, #download a.unlocklink {
    margin: 4px;
    padding: 3px;
    border-radius: 4px;	
	display: inline-block;
	color: #FFFFFF;	
	font-family: serif;
}

.subTableWrap a {
	box-shadow: 0px 7px 10px -11px #855e32FF;
	border-top: 1px dotted #FFFFFF00;
	border-bottom: 1px dotted #FFFFFF00;
}

a.complist:hover, a.relicList:hover, .subTableWrap a:hover, #download a.unlocklink:hover  {
    color: #ffffff;
	text-decoration: none;
	border-top: 1px dotted #FFFFFF99;
	border-bottom: 1px dotted #FFFFFF99;
}

.subTableWrap .relicbottom .optionfield {
    width: auto;
    min-width: 250px;
}

.subTableWrap .sharedRow div, #chartinfoCollapse .sharedRow div {
	display:inline-block;
	margin-left: 7px;
	margin-right: 7px;
}

.subTableWrap .sharedRow div span, #chartinfoCollapse .sharedRow div span {
	margin-left: auto;
	margin-right: auto;
}

.relicbottom .accBody {
	text-align: left;
	padding: 3px;
}

#resultdialog a.recordlink {
	font-family: sans-serif;
	font-size: 2rem;
}

#resultdialog a {
	color: #35b47d;	
}

#resultdialog a:hover {
	filter: drop-shadow(0px 0px 4px #35b47d);
	text-decoration: underline;
	text-decoration-style: dotted;
	text-decoration-thickness: 1px;
}

#resultdialog .accBody .questComplete, #resultdialog .accBody .recordval, #resultdialog .accBody .bold {
	color: #35b47d;	
}

#resultdialog .accBody {
	padding: 10px;
}

#resultdialog .ui-dialog .ui-dialog-title {
		font-family: sans-serif;
}

.questwrap .accBody span.rotatedIdiot {
    display: block;
    transform: rotateY(0deg) rotate(90deg);
    transition: transform 2s;
    background-color: #000000c7;
    z-index: 1000;
    width: 200px;
    text-align: center;
}

@media (min-width: 992px){
	.questwrap .accBody span.rotatedIdiot {
		top: 60px;
		position: relative;
	}
}

.questwrap .accBody img.hintImg {
    max-width: 160px;
	width: auto;
}

@media (min-width: 992px){
	.questwrap .accBody img.hintImg {
		max-width: 300px;
	}
}

.questwrap .accBody .hintEmbed {
    width: 160px;
	height: 90px;
	margin-left: auto;
	margin-right: auto;
	display: inherit;
}

@media (min-width: 992px){
	.questwrap .accBody .hintEmbed {
		width: 360px;
		height: 203px;
	}
}

.questwrap .accBody div.faction span, .questwrap .accBody div.rank span, .questwrap .accBody div.status span {
	font-weight: bold;
	display: table-cell;
}

@media (min-width: 992px){
	.questwrap .accBody div.faction span, .questwrap .accBody div.rank span, .questwrap .accBody div.status span {
		padding-left: 5px;
		display: inline-block;
	}	
}

.questwrap .accBody div.faction span.factionSN {
	color: #ff6950;
}

.questwrap .accBody div.faction span.factionDPRT {
	color: #27cccc;
}

.questwrap .accBody div.faction span.factionFE {
	color: #ee92ee;
}

@media (min-width: 992px){
	.tooltip-inner {
		max-width: 600px;
	}
}

.tooltip-inner a {
	color: #faaabe;
}

.smallerLink {
    font-size: .6rem;
    text-align: right;
}

ul.sublist {
	margin-bottom: 0px;
}

ul.sublist li {
	margin-bottom: 0px;
}

.qualifyingTable {
	margin-left: auto;
	margin-right: auto;
	border-spacing: 4px;
	border-collapse: unset;
}

.qualifyingTable td, .qualifyingTable th {
	padding: 5px;
	text-align: center;
	background-color: #FFFFFF99;
}

.qualifyingTable th {
	color: #000000;
}

.qualifyingTable td {
	background-color: #00000033;
}

.qualifyingTable .blank {
	background-color: transparent;
}

.qualifyingTable tr.speed th {
	color: #FFFFFFBB;
	background-color: #ac3cac6e;
}

.qualifyingTable tr.speed td {
	background-color: #50005080;
}

.italics {
	font-style: italic;
}

table.passHistory {
	width: 100%;
	border-spacing: 4px;
    border-collapse: separate;	
}

table.passHistory thead th {
	border-bottom: none;
}

table.passHistory tbody td {
	color: #f3f3f3;	
}

table.passHistory tbody td span.best {
	text-decoration: underline;
	text-decoration-style: dotted;
	text-decoration-thickness: 0.05rem;
}

@media (max-width: 991px){
	table.passHistory thead th,
	table.passHistory tbody td	{	
		padding-left: 0px;
		padding-right: 0px;
	}
}

#deleteConfirm {
	display: none;
}

#scorestatsCollapse h4 i {
    margin-left: 0px;
    margin-right: 0px;
    font-size: 10px;
    top: -2px;
    position: relative;
}

span.ranksuperscript, span.ranksuperscript span {
    font-size: 7px;
}

span.ranksuperscript {
	position: absolute;
	padding-left: 2px;
}

span.ranksuperscript.hide {
	display: none;
}

#multi-check-wrap {
	margin-bottom: 20px;
}

#multi-check-wrap input {
    width: 25px;
    height: 25px;
	top: 6px;
    position: relative;
	margin-left: 5px;
	margin-right: 5px;	
}

#check-form label {
	margin-right: 2px;
}

#check-form label, #multi-check-wrap label, #check-form input, #multi-check-wrap input {
	cursor: pointer;
}

#check-form label:hover, #multi-check-wrap label:hover {
	filter: drop-shadow(0px 0px 5px #FFFFFF99);
}

#multi-check-wrap label {
	font-size: 25px;
	margin-right: 10px;

}

button.cdownload {
	display: inline-block;
	width: auto;
	min-width: auto;
	max-width: none;
	margin: 2px auto 5px 5px;
	font-size: 12px;
	float: right;
}

@media (min-width: 992px){
	button.cdownload {
		float: none;
	}
}

#downloaddialog {
	text-align: center;
	display: none;
}

#dlLoadingText img {
	width: 75px;
	height: 75px;
	display: block;
	margin: 20px auto 20px auto;
}

div#downloaddialog a#downloadLink {
	font-size: 40px;
	color: #d64f33;
	display: inline-block;
}

div#downloaddialog a#downloadLink:hover {
    color: #ff7f66;
	text-decoration: underline;
	text-decoration-style: dotted;
    text-decoration-thickness: 1px;	
}

@media (min-width: 992px){
	#dlLoadingText {
		width: 600px;
	}	
	
	div#downloaddialog a#downloadLink {
		width: 600px;
	}
}

a.cdownload {
	margin-left: 8px;
    text-overflow: ellipsis;
    overflow: auto;	
	max-width: 110px;
	font-size: .8rem;
    margin-top: 5px;
}

@media (min-width: 992px){
	a.cdownload {
		max-width: none;
		font-size: 1rem;
		margin-top: 3px;		
	}
}

#download li a.cdownload::-webkit-scrollbar {
    display: none;
}

span.new {
	user-select: none;
	color: #FFFFFF;
	font-size: .6rem;
	margin-left: 8px;
}

#downloadListWrap {
	display: block;
	text-align: center;
}

#download #downloadListWrap ul.fa-ul.subRules {
	display: inline-block;
	max-width: 290px;
	padding-right: 20px;
	border-radius: 5px;
}

@media (min-width: 992px){
	#download #downloadListWrap ul.fa-ul.subRules {
		max-width: none;
	}
}

#download #downloadListWrap ul.fa-ul.subRules li {
	margin: 8px 0px 8px 0px;
}

#resultDownloadWrap {
	text-align: center;
}

#resultdialog #resultDownloadWrap a {
	font-size: 35px;
}

#shopToastWrap {
	position: absolute;
	top: 10px;
	width: 100%;
	pointer-events: none;
}

#shopToastSticky {
	width: 95%;
}

.alert {
	width: 100%;
	pointer-events: all;
}

#shopToastWrap #shopToastSticky .alert a.toastDownload {
	display: inline-block;
	margin-left: 10px;
	color: #49a5d2;
}

#shopToastWrap #shopToastSticky .alert a.toastDownload:hover {
	color: #68b9e1;
	text-decoration:underline;
	cursor: pointer;
}

.sticky {
	position: fixed; 
	top: 0; 
}

a.complist {
	color: #e3e3e3;
	font-family: sans-serif;
	border-top: 1px solid #00000000;
	border-bottom: 1px solid #00000000;
}

a.complist:hover {
	color: #ffffff;	
}

.logindrop a {
    color: #e3e3e3;
    text-decoration: none;
}

.logindrop a:hover {
    color: #ffffff;
    text-decoration: underline;
	text-decoration-style: dotted;
	text-decoration-thickness: 1px;
}

#text-DPRT{
	text-shadow: none !important;
}

#text-FE, #text-SN  {
	fill: #FFFFFF !important;
}

#prog-text-SN, #prog-text-DPRT, #prog-text-FE {
	fill: #FFFFFF !important;
}

#retro {
	text-align: center;
	background-color: black;
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto;
}

#retro h1 {
	font-weight: normal;
	text-align: center;
	font-family: 'GenericMobileSystem', sans-serif;
	color: #3a96dd;
	margin-left: auto;
	margin-right: auto;	
}

#retro p {
	font-weight: normal;
	text-align: left;
	font-family: 'GenericMobileSystem', sans-serif;
	color: #cccccc;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
}

.questwrap.qsecret .accBody div.faction,
.questwrap.qsecret .accBody .questcheck, 
.questwrap.qsecret .accBody .questnocheck, /*shouldn't be possible but whatev*/
.questwrap.qsecret .accBody span.status,
.questwrap.qsecret .questrelics img.relic {
	filter: hue-rotate(60deg);
}

div.ui-widget-header {
	background: unset;
	background: #426c3c;
    background: linear-gradient(#46844d, #3d572e);
	border-radius: 3px;
}

div.ui-dialog.ui-widget.ui-widget-content {
	z-index: 10001 !important;
}

.ui-widget-content {
    background: none;
    background: #000000de;
    color: #FFFFFF;
}

.ui-widget-header {
	font-family: sans-serif;
}

.breakdownBlock {
	font-family: 'Arial', sans-serif;
}

.crowns {
	padding-left: 3px;
}

#factionBgShader {
	width: 100vw;
    min-height: 100vh;
    position: fixed;
	z-index: -1;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
	margin-bottom: 10px;
	margin-right: 10px;
}

#maincont .dataTables_filter label {
    color: #e1e1e1;
}

@media screen and (max-width: 640px) {
	.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
		text-align: right;
	}
}

#relics_wrapper img, #buy_wrapper img, #sell_wrapper img {
    width: 60px;
    background-size: cover;
    padding: 5px;
	margin: 5px;
    background-color: #b18665AA;
    box-shadow: 0px 0px 3px 4px #000000;
    border: 1px solid #e3e3e3;
    border-radius: 7px;	
}

#stepartistField {
	max-width: 200px;
    margin-left: auto;
    margin-right: auto;
}

.btn-secondary {
	background-color: #3e5e33;
	border-color: #324b27;
}
.btn-secondary:hover {
	background-color: #417342;
	border-color: #324b27;
}

#statblockWrap th, table.passHistory th {
	color: #FFFFFF;
	background-color: #447c48;
}
#statblockWrap td, table.passHistory td {
	border-bottom: 2px solid #447c48;
}

.page-item.active .page-link {
    background-color: #447c48;
    border-color: #3e5c31;
}
.page-link:hover {
    background-color: #92b394;
	color: #272024;
}
.page-link {
    color: #272024;
	border: #3e5c31;
}

#factionBgShader {
    background-color: #0000006A;
}

body div#factionBgShader {
    backdrop-filter: unset;
    background-: center;
}

#fullWrapper #fullLogo #toplogo img {
    filter: none;
}

#shopTop .shopBottom {
	font-size: 1.1rem;
}

.subTableWrap .relicmid .accBody li {
	font-size: .9rem;
	font-weight: normal;
}