body, #resultdialog {
    background: url("../img/cloudbg.png");
	background-size: 100% auto;
	background-repeat: repeat-y;
	backdrop-filter: hue-rotate(300deg);	
}

h1, h2 {
	z-index: 10000;
}


h4 {
	font-family: 'Cormorant Garamond', 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 {
    width: 70%;
    min-width: 200px;
	max-width: 1000px;
    margin: 20px auto 20px auto;
    display: inherit;
    border-radius: 10px;
    cursor: pointer;
    color: #e7cfa4;
    text-shadow: 1px 1px #282025;
    font-family: "",'Artifika',serif,-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-weight: bold;
    padding: 6px;
	border: 0;
	box-shadow: 0px 0px 8px rgb(0 0 0 / 30%);
}

button#qdownloadallnew, button#qdownloadallfull {
	width:100%;
	font-size: 25px;
	padding: 5px;
	display: none;
}

.qdownload span {
	color: #FFFFFF;
}

.qdownload span.qisdled {
	display: none;
}

.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.3rem;
    font-family: 'Cormorant Garamond', 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;
}

.qactivedaily.questwrap {
    background-color: #9e4b2377;
	box-shadow: 0px 0px 20px 5px #9e4b2377;
}


.qsecret.questwrap {
    background-color: #9e7e2377;
	box-shadow: 0px 0px 20px 5px #9e7e2377;
}

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

#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 {
	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 {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#726d59+0,726d59+100&0+0,0.25+50,0.4+65,0.55+75,0.4+91,0.25+95,0+100 */
	background: -moz-linear-gradient(top,  rgba(114,109,89,0) 0%, rgba(114,109,89,0.25) 50%, rgba(114,109,89,0.4) 65%, rgba(114,109,89,0.55) 75%, rgba(114,109,89,0.4) 91%, rgba(114,109,89,0.25) 95%, rgba(114,109,89,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(114,109,89,0) 0%,rgba(114,109,89,0.25) 50%,rgba(114,109,89,0.4) 65%,rgba(114,109,89,0.55) 75%,rgba(114,109,89,0.4) 91%,rgba(114,109,89,0.25) 95%,rgba(114,109,89,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(114,109,89,0) 0%,rgba(114,109,89,0.25) 50%,rgba(114,109,89,0.4) 65%,rgba(114,109,89,0.55) 75%,rgba(114,109,89,0.4) 91%,rgba(114,109,89,0.25) 95%,rgba(114,109,89,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border: 0;
    border-radius: 6px;
    filter: drop-shadow(0px 0px 10px #333);
	box-shadow: 0px 15px 7px 1px #0000001a;
	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%; 
	background-color: #00000066;
	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;
	}
}

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: 'Cormorant Garamond', serif;
	color: #fff8ca;
}
h2 {
    font-size: 2.5rem;
}
#maincont h1.pageHead, #maincont h2.pageHead {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#565241+0,565241+100&0+0,0.55+10,0.65+25,0.7+50,0.65+76,0.55+90,0+100 */
	background: -moz-linear-gradient(left,  rgba(86,82,65,0) 0%, rgba(86,82,65,0.55) 10%, rgba(86,82,65,0.65) 25%, rgba(86,82,65,0.7) 50%, rgba(86,82,65,0.65) 76%, rgba(86,82,65,0.55) 90%, rgba(86,82,65,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(86,82,65,0) 0%,rgba(86,82,65,0.55) 10%,rgba(86,82,65,0.65) 25%,rgba(86,82,65,0.7) 50%,rgba(86,82,65,0.65) 76%,rgba(86,82,65,0.55) 90%,rgba(86,82,65,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(86,82,65,0) 0%,rgba(86,82,65,0.55) 10%,rgba(86,82,65,0.65) 25%,rgba(86,82,65,0.7) 50%,rgba(86,82,65,0.65) 76%,rgba(86,82,65,0.55) 90%,rgba(86,82,65,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00565241', endColorstr='#00565241',GradientType=1 ); /* IE6-9 */
	max-width: 1500px;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;/*
    border-top: 2px solid#fff8ca7d;*/
    border-bottom: 2px solid #fff8ca33;
    color: #fff8ca;
    box-shadow: 0px 15px 23px 4px #00000099;
}

#ruleswrap h1 {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#565241+0,565241+100&0+0,0.75+5,0.85+10,0.9+50,0.85+70,0.75+90,0+100 */
	background: -moz-linear-gradient(left,  rgba(86,82,65,0) 0%, rgba(86,82,65,0.75) 5%, rgba(86,82,65,0.85) 10%, rgba(86,82,65,0.9) 50%, rgba(86,82,65,0.85) 70%, rgba(86,82,65,0.75) 90%, rgba(86,82,65,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(86,82,65,0) 0%,rgba(86,82,65,0.75) 5%,rgba(86,82,65,0.85) 10%,rgba(86,82,65,0.9) 50%,rgba(86,82,65,0.85) 70%,rgba(86,82,65,0.75) 90%,rgba(86,82,65,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(86,82,65,0) 0%,rgba(86,82,65,0.75) 5%,rgba(86,82,65,0.85) 10%,rgba(86,82,65,0.9) 50%,rgba(86,82,65,0.85) 70%,rgba(86,82,65,0.75) 90%,rgba(86,82,65,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00565241', endColorstr='#00565241',GradientType=1 ); /* IE6-9 */
	padding-left: 5px;
	box-shadow: 0px 21px 17px -20px #000000ba;
	border-bottom: 2px solid #fff8ca33;
}

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

#ruleswrap form {
	text-align: center;
}

@media (min-width: 992px) {	
	#ruleswrap h1, #ruleswrap p, #ruleswrap ul {
		padding: 5px 20px 5px 20px;
	}
	
	#ruleswrap p {
		font-size: 1.1rem;
	}
}

#ruleswrap .highlight {
    color: #fff8ca;
	text-shadow: 1px 2px #00000044;
}

#ruleswrap a {
	color: #cec68b;
}

#ruleswrap a:hover {
    filter: drop-shadow(0px 0px 4px #fff18e);
	text-decoration: underline;
	text-decoration-style: dotted;
    text-decoration-thickness: 1px;
	color: #fff18e;
}

@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: #e6c387;
}

/* 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: #e6c387;
		filter: drop-shadow(0px -10px 10px rgba(0, 0, 0, 0.3));
	}
	.navbar-light .navbar-nav .nav-link:hover {
		background: rgb(204,237,249);
		background: linear-gradient(#000, #282025);
		color: #e6c387;
		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 {
		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 {
	background-color: #e3c186;
    color: #342a2d;
}
.dropdown-menu {
    background-color: #2c2324;
    color: #e3c186;
}
.dropdown-item {
    color: #e3c186;
}

#ruleswrap {
	margin-bottom: 0px;
}

#ruleswrap, #download, #settingsoptions, #streamer-generator-wrap {
	background: unset;
    background-color: #5a5443c2;
    background-size: auto;
    color: #d8d7d0;
	text-shadow: 1px 1px #00000099;
	border-radius: 4px;
	font-family: 'Cormorant Garamond', serif;
}

/* data tables and recent scores */
.dataTable thead {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5a5443+0,5a5443+100&0.5+0,0.75+8,1+15,1+85,0.75+92,0.5+100 */
	background: -moz-linear-gradient(left,  rgba(90,84,67,0.5) 0%, rgba(90,84,67,0.75) 8%, rgba(90,84,67,1) 15%, rgba(90,84,67,1) 85%, rgba(90,84,67,0.75) 92%, rgba(90,84,67,0.5) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(90,84,67,0.5) 0%,rgba(90,84,67,0.75) 8%,rgba(90,84,67,1) 15%,rgba(90,84,67,1) 85%,rgba(90,84,67,0.75) 92%,rgba(90,84,67,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(90,84,67,0.5) 0%,rgba(90,84,67,0.75) 8%,rgba(90,84,67,1) 15%,rgba(90,84,67,1) 85%,rgba(90,84,67,0.75) 92%,rgba(90,84,67,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#805a5443', endColorstr='#805a5443',GradientType=1 ); /* IE6-9 */
    color: #fff8ca;
}
.dataTable thead .sorting_asc, .dataTable thead .sorting_desc {
    color: #e6c387;
	text-shadow: 1px 1px #282025;
}

table.dataTable {
	border-spacing: 0 3px;
}

@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: rgb(167 167 127) !important;

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

.dataTable .odd .sorting_1, .dataTable .odd .sorting_2, .dataTable .odd .sorting_3 {
    background-color: #f5f5ca !important;
}
.dataTable .even .sorting_1, .dataTable .even .sorting_2, .dataTable .even .sorting_3 {
    background-color: #e7e7bc !important;
}
.dataTable .rivalrow .sorting_1, .dataTable .rivalrow .sorting_2, .dataTable .rivalrow .sorting_3 {
    background-color: #e96874 !important;
}
.dataTable .entrantrow .sorting_1, .dataTable .entrantrow .sorting_2, .dataTable .entrantrow .sorting_3 {
    background-color: #9A7784 !important;
}
.dataTable {
    font-size: 75%;
}

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

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

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

.dataTable .entrantrow.odd td {
    background-color: #9a00189c;
}

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

.dataTable td {
}

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

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

#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;
}

/* 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;
}
#passrankstats span.block-level {
    font-size: 16px;
    height: 30px;
    width: 30px;
    line-height: 30px;
}

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

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%)}

/* 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/#565241+0,565241+100&0+0,0.75+10,0.85+25,0.9+50,0.85+75,0.75+90,0+100 */
	background: -moz-linear-gradient(left,  rgba(86,82,65,0) 0%, rgba(86,82,65,0.75) 10%, rgba(86,82,65,0.85) 25%, rgba(86,82,65,0.9) 50%, rgba(86,82,65,0.85) 75%, rgba(86,82,65,0.75) 90%, rgba(86,82,65,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(86,82,65,0) 0%,rgba(86,82,65,0.75) 10%,rgba(86,82,65,0.85) 25%,rgba(86,82,65,0.9) 50%,rgba(86,82,65,0.85) 75%,rgba(86,82,65,0.75) 90%,rgba(86,82,65,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(86,82,65,0) 0%,rgba(86,82,65,0.75) 10%,rgba(86,82,65,0.85) 25%,rgba(86,82,65,0.9) 50%,rgba(86,82,65,0.85) 75%,rgba(86,82,65,0.75) 90%,rgba(86,82,65,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	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: #fff8ca;
	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 #d8d7d0);
    text-decoration: underline;
    text-decoration-thickness: 2px;	
	text-decoration-color: #ffffff;	
}

.floatingAcc.accBody {
    border: none;
	background: unset;
    background-color: #5a5443c2;
    color: #fff8ca;
	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 5px 9px 1px #3d392e;
}

.accBody .optionfield, 
.subTableWrap .foot .optionfield, 
.subTableWrap .scoreratewrap, 
#songlookup .optionfield, 
.subTableWrap .relictop .optionfield {
	min-width: 236px;
}

@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: 'Cormorant Garamond', serif;	
	font-size: 1.5rem;
	color: #e6c387;
	text-shadow: 1px 1px #00000099;
}

.optioncont h4, .accHead h4, #statblockWrap .accHead h4 {
    text-align: center;
    color: #e7cfa4;
}

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

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

#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;
}

/* Quest stuff */
.questwrap {
    width: auto;
    min-width: 250px;
    max-width: 1000px;
    margin: 30px auto;
	background: unset;
    background-color: #5a5443c2;
    background-size: auto;
    color: #d8d7d0;
	text-shadow: 1px 1px #00000099;
	border-radius: 0px;
	font-family: 'Cormorant Garamond', serif;
    border-radius: 4px;
	padding: 10px 30px;
	box-shadow: 0px 0px 20px 5px #534f3f;
}
.questwrap .accBody, .qcomplete .accHead, .questwrap .accHead {
	background: none;
	border: none;
}

.accHead i {
	font-size: 1rem
}
.questwrap span.bighead {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#565241+0,565241+100&0+0,0.75+25,0.85+50,0.9+75,0.85+90,0.75+95,0+100 */
	background: -moz-linear-gradient(left,  rgba(86,82,65,0) 0%, rgba(86,82,65,0.75) 25%, rgba(86,82,65,0.85) 50%, rgba(86,82,65,0.9) 75%, rgba(86,82,65,0.85) 90%, rgba(86,82,65,0.75) 95%, rgba(86,82,65,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(86,82,65,0) 0%,rgba(86,82,65,0.75) 25%,rgba(86,82,65,0.85) 50%,rgba(86,82,65,0.9) 75%,rgba(86,82,65,0.85) 90%,rgba(86,82,65,0.75) 95%,rgba(86,82,65,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(86,82,65,0) 0%,rgba(86,82,65,0.75) 25%,rgba(86,82,65,0.85) 50%,rgba(86,82,65,0.9) 75%,rgba(86,82,65,0.85) 90%,rgba(86,82,65,0.75) 95%,rgba(86,82,65,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00565241', endColorstr='#00565241',GradientType=1 ); /* IE6-9 */
	padding-left: 15px;
	margin-bottom: 0px;
	margin-left: 5px;
	border-radius: 0px;
	text-align: right;
	font-family: 'Cormorant Garamond', serif;
	color: #bbb8a3;
}

.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: 'Cormorant Garamond', 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: #dea96e;
    text-shadow: 1px 1px 2px rgb(78 43 18);
}
.questwrap span.statusinprogress {
    color: #daca00;
    text-shadow: 1px 1px 1px rgb(0 0 0);
}
.questwrap a:hover {
    filter: drop-shadow(0px 0px 4px #fff18e);
	text-decoration: underline;
	text-decoration-style: dotted;
    text-decoration-thickness: 1px;
}
.questwrap .accBody span.highlight {
    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";
}
.questwrap span.statusnotstarted, .questnocheck {
	color: #ff2b2b;
    text-shadow: 1px 1px 1px rgb(36 2 0);
}
.questwrap .accBody span {
    text-transform: uppercase;
}
.questwrap .accBody span.bighead {
    text-transform: none;
	width: 90px;
}

@media (min-width: 992px){
	.questwrap .accBody span.bighead {
		width: 150px;
	}
}

.questwrap .accBody li {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3d392e+0,3d392e+100&0+0,0.75+10,0.85+25,0.9+50,0.85+75,0.75+90,0+100 */
	background: -moz-linear-gradient(left,  rgba(61,57,46,0) 0%, rgba(61,57,46,0.75) 10%, rgba(61,57,46,0.85) 25%, rgba(61,57,46,0.9) 50%, rgba(61,57,46,0.85) 75%, rgba(61,57,46,0.75) 90%, rgba(61,57,46,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(61,57,46,0) 0%,rgba(61,57,46,0.75) 10%,rgba(61,57,46,0.85) 25%,rgba(61,57,46,0.9) 50%,rgba(61,57,46,0.85) 75%,rgba(61,57,46,0.75) 90%,rgba(61,57,46,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(61,57,46,0) 0%,rgba(61,57,46,0.75) 10%,rgba(61,57,46,0.85) 25%,rgba(61,57,46,0.9) 50%,rgba(61,57,46,0.85) 75%,rgba(61,57,46,0.75) 90%,rgba(61,57,46,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003d392e', endColorstr='#003d392e',GradientType=1 ); /* IE6-9 */	
	margin: 5px 0px 5px 0px;
	padding: 0px 15px 0px 15px;
    font-family: 'IM Fell Double Pica', serif;
	color: #d8d7d0;
	text-shadow: 1px 1px #00000099;
}
.questwrap .hint {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3d392e+0,3d392e+100&0+0,0.75+10,0.85+25,0.9+50,0.85+75,0.75+90,0+100 */
	background: -moz-linear-gradient(left,  rgba(61,57,46,0) 0%, rgba(61,57,46,0.75) 10%, rgba(61,57,46,0.85) 25%, rgba(61,57,46,0.9) 50%, rgba(61,57,46,0.85) 75%, rgba(61,57,46,0.75) 90%, rgba(61,57,46,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(61,57,46,0) 0%,rgba(61,57,46,0.75) 10%,rgba(61,57,46,0.85) 25%,rgba(61,57,46,0.9) 50%,rgba(61,57,46,0.85) 75%,rgba(61,57,46,0.75) 90%,rgba(61,57,46,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(61,57,46,0) 0%,rgba(61,57,46,0.75) 10%,rgba(61,57,46,0.85) 25%,rgba(61,57,46,0.9) 50%,rgba(61,57,46,0.85) 75%,rgba(61,57,46,0.75) 90%,rgba(61,57,46,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003d392e', endColorstr='#003d392e',GradientType=1 ); /* IE6-9 */
	padding: 10px 25px 10px 25px;
	color: #d8d7d0;
	text-shadow: 1px 1px #00000099;
    font-size: 1.1rem;
	overflow-wrap: break-word;
}
.questwrap .accBody h4 {
	font-family: 'Cormorant Garamond', serif;
	text-shadow: 1px 1px 2px rgb(0 0 0 / 30%);
	color: #fff8ca;
}
.questwrap .rewards a {

}
.questwrap .faction {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3d392e+0,3d392e+100&0+0,0.75+10,0.85+25,0.9+50,0.85+75,0.75+90,0+100 */
	background: -moz-linear-gradient(left,  rgba(61,57,46,0) 0%, rgba(61,57,46,0.75) 10%, rgba(61,57,46,0.85) 25%, rgba(61,57,46,0.9) 50%, rgba(61,57,46,0.85) 75%, rgba(61,57,46,0.75) 90%, rgba(61,57,46,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(61,57,46,0) 0%,rgba(61,57,46,0.75) 10%,rgba(61,57,46,0.85) 25%,rgba(61,57,46,0.9) 50%,rgba(61,57,46,0.85) 75%,rgba(61,57,46,0.75) 90%,rgba(61,57,46,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(61,57,46,0) 0%,rgba(61,57,46,0.75) 10%,rgba(61,57,46,0.85) 25%,rgba(61,57,46,0.9) 50%,rgba(61,57,46,0.85) 75%,rgba(61,57,46,0.75) 90%,rgba(61,57,46,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003d392e', endColorstr='#003d392e',GradientType=1 ); /* IE6-9 */	
	margin: 5px 0px 5px 0px;
}
.questwrap .rank, .questwrap .status {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3d392e+0,3d392e+100&0+0,0.75+10,0.85+25,0.9+50,0.85+75,0.75+90,0+100 */
	background: -moz-linear-gradient(left,  rgba(61,57,46,0) 0%, rgba(61,57,46,0.75) 10%, rgba(61,57,46,0.85) 25%, rgba(61,57,46,0.9) 50%, rgba(61,57,46,0.85) 75%, rgba(61,57,46,0.75) 90%, rgba(61,57,46,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(61,57,46,0) 0%,rgba(61,57,46,0.75) 10%,rgba(61,57,46,0.85) 25%,rgba(61,57,46,0.9) 50%,rgba(61,57,46,0.85) 75%,rgba(61,57,46,0.75) 90%,rgba(61,57,46,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(61,57,46,0) 0%,rgba(61,57,46,0.75) 10%,rgba(61,57,46,0.85) 25%,rgba(61,57,46,0.9) 50%,rgba(61,57,46,0.85) 75%,rgba(61,57,46,0.75) 90%,rgba(61,57,46,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003d392e', endColorstr='#003d392e',GradientType=1 ); /* IE6-9 */
	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: 0;
	margin: 5px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#726d59+0,726d59+100&0+0,0.25+50,0.4+65,0.55+75,0.4+91,0.25+95,0+100 */
	background: -moz-linear-gradient(top,  rgba(114,109,89,0) 0%, rgba(114,109,89,0.25) 50%, rgba(114,109,89,0.4) 65%, rgba(114,109,89,0.55) 75%, rgba(114,109,89,0.4) 91%, rgba(114,109,89,0.25) 95%, rgba(114,109,89,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(114,109,89,0) 0%,rgba(114,109,89,0.25) 50%,rgba(114,109,89,0.4) 65%,rgba(114,109,89,0.55) 75%,rgba(114,109,89,0.4) 91%,rgba(114,109,89,0.25) 95%,rgba(114,109,89,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(114,109,89,0) 0%,rgba(114,109,89,0.25) 50%,rgba(114,109,89,0.4) 65%,rgba(114,109,89,0.55) 75%,rgba(114,109,89,0.4) 91%,rgba(114,109,89,0.25) 95%,rgba(114,109,89,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border: 0;
    border-radius: 6px;
    filter: drop-shadow(0px 0px 10px #333);
	box-shadow: 0px 15px 7px 1px #0000001a;
}

@media (min-width: 992px) {
    .reliclist img, .questwrap img {
        padding: 0;
        border: 0;
		margin: 5px;
        filter: drop-shadow(1px 1px 5px #333);
    }
}

.questwrap .accHead h4:hover {
	color: #ffffff;
    filter: drop-shadow(0px 0px 5px #d8d7d0);
	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;
}

#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;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#726d59+0,726d59+100&0+0,0.25+50,0.4+65,0.55+75,0.4+91,0.25+95,0+100 */
	background: -moz-linear-gradient(top,  rgba(114,109,89,0) 0%, rgba(114,109,89,0.25) 50%, rgba(114,109,89,0.4) 65%, rgba(114,109,89,0.55) 75%, rgba(114,109,89,0.4) 91%, rgba(114,109,89,0.25) 95%, rgba(114,109,89,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(114,109,89,0) 0%,rgba(114,109,89,0.25) 50%,rgba(114,109,89,0.4) 65%,rgba(114,109,89,0.55) 75%,rgba(114,109,89,0.4) 91%,rgba(114,109,89,0.25) 95%,rgba(114,109,89,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(114,109,89,0) 0%,rgba(114,109,89,0.25) 50%,rgba(114,109,89,0.4) 65%,rgba(114,109,89,0.55) 75%,rgba(114,109,89,0.4) 91%,rgba(114,109,89,0.25) 95%,rgba(114,109,89,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background-size: cover;
	border-radius: 6px;
    filter: drop-shadow(0px 0px 10px #333);
	box-shadow: 0px 15px 7px 1px #0000001a;
}

#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: #5a5443c2;
	box-shadow: 0px 0px 20px 5px #534f3f;
	padding: 0px 15px 20px 15px;
	border-radius: 4px;
	margin-bottom: 40px;
}

@media (min-width: 992px){
    #statblockWrap {
		padding: 15px 30px 30px 30px;
    }
}

#statblockWrap .vitals h4 {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3d392e+0,3d392e+100&0.1+0,0.2+10,0.85+25,0.95+50,0.85+76,0.2+90,0.1+100 */
	background: -moz-linear-gradient(left,  rgba(61,57,46,0.1) 0%, rgba(61,57,46,0.2) 10%, rgba(61,57,46,0.85) 25%, rgba(61,57,46,0.95) 50%, rgba(61,57,46,0.85) 76%, rgba(61,57,46,0.2) 90%, rgba(61,57,46,0.1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(61,57,46,0.1) 0%,rgba(61,57,46,0.2) 10%,rgba(61,57,46,0.85) 25%,rgba(61,57,46,0.95) 50%,rgba(61,57,46,0.85) 76%,rgba(61,57,46,0.2) 90%,rgba(61,57,46,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(61,57,46,0.1) 0%,rgba(61,57,46,0.2) 10%,rgba(61,57,46,0.85) 25%,rgba(61,57,46,0.95) 50%,rgba(61,57,46,0.85) 76%,rgba(61,57,46,0.2) 90%,rgba(61,57,46,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a3d392e', endColorstr='#1a3d392e',GradientType=1 ); /* IE6-9 */	
	font-size: 1.5rem;
	display: block;
	margin: 5px 0px 5px 0px;
    color: #d8d7d0;
	text-shadow: 1px 1px #00000099;
	border-radius: 0px;
	font-family: 'Cormorant Garamond', serif;
}

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

@media (min-width: 992px){
	#statblockWrap .faction-panel {	
		border-left: 2px solid #e7cfa477;
	}
}

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

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

#statblockCollapse {
	box-shadow: 0px -12px 6px -13px #0f1213;
	margin-top: 20px;
	padding-bottom: 0px;
}

#statblockWrap .accHead h4 {
	font-size: 1.75rem;
	color: #fff8ca;
	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 #d8d7d0);
    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 #e7cfa477;
    border-radius: 0px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3d392e+0,3d392e+100&0.1+0,0.2+10,0.45+25,0.65+50,0.45+75,0.2+90,0.1+100 */
	background: -moz-linear-gradient(left,  rgba(61,57,46,0.1) 0%, rgba(61,57,46,0.2) 10%, rgba(61,57,46,0.45) 25%, rgba(61,57,46,0.65) 50%, rgba(61,57,46,0.45) 75%, rgba(61,57,46,0.2) 90%, rgba(61,57,46,0.1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(61,57,46,0.1) 0%,rgba(61,57,46,0.2) 10%,rgba(61,57,46,0.45) 25%,rgba(61,57,46,0.65) 50%,rgba(61,57,46,0.45) 75%,rgba(61,57,46,0.2) 90%,rgba(61,57,46,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(61,57,46,0.1) 0%,rgba(61,57,46,0.2) 10%,rgba(61,57,46,0.45) 25%,rgba(61,57,46,0.65) 50%,rgba(61,57,46,0.45) 75%,rgba(61,57,46,0.2) 90%,rgba(61,57,46,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a3d392e', endColorstr='#1a3d392e',GradientType=1 ); /* IE6-9 */
    box-shadow: 0px 5px 4px 4px #3D392E;
	color: #f3f3f3;
	padding-bottom: 30px;
}

.entrants_profile_img {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#726d59+0,726d59+100&0+0,0.25+50,0.4+65,0.55+75,0.4+91,0.25+95,0+100 */
	background: -moz-linear-gradient(top,  rgba(114,109,89,0) 0%, rgba(114,109,89,0.25) 50%, rgba(114,109,89,0.4) 65%, rgba(114,109,89,0.55) 75%, rgba(114,109,89,0.4) 91%, rgba(114,109,89,0.25) 95%, rgba(114,109,89,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(114,109,89,0) 0%,rgba(114,109,89,0.25) 50%,rgba(114,109,89,0.4) 65%,rgba(114,109,89,0.55) 75%,rgba(114,109,89,0.4) 91%,rgba(114,109,89,0.25) 95%,rgba(114,109,89,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(114,109,89,0) 0%,rgba(114,109,89,0.25) 50%,rgba(114,109,89,0.4) 65%,rgba(114,109,89,0.55) 75%,rgba(114,109,89,0.4) 91%,rgba(114,109,89,0.25) 95%,rgba(114,109,89,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border: 0;
    border-radius: 6px;
    filter: drop-shadow(0px 0px 10px #333);
	box-shadow: 0px 15px 7px 1px #0000001a;
	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: #e6c387;
    font-family: 'Cormorant Garamond';
	text-shadow: 1px 1px #00000099;
}
#statblockWrap .stattop .accStand h5, #relics .accBody {
	color: #d8d7d0;
	text-shadow: 1px 1px #00000099;
	font-family: 'Lato', sans-serif;
}
#relics .relicdescription img {
	filter: drop-shadow(2px 4px 7px #000);
}
#statblockWrap table.dataTable thead {
	background: transparent;
}
#statblockWrap th {
	color: #272024;
}
#statblockWrap h3 {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#565241+0,565241+100&0+0,0.75+5,0.85+10,0.9+50,0.85+70,0.75+90,0+100 */
	background: -moz-linear-gradient(left,  rgba(86,82,65,0) 0%, rgba(86,82,65,0.75) 5%, rgba(86,82,65,0.85) 10%, rgba(86,82,65,0.9) 50%, rgba(86,82,65,0.85) 70%, rgba(86,82,65,0.75) 90%, rgba(86,82,65,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(86,82,65,0) 0%,rgba(86,82,65,0.75) 5%,rgba(86,82,65,0.85) 10%,rgba(86,82,65,0.9) 50%,rgba(86,82,65,0.85) 70%,rgba(86,82,65,0.75) 90%,rgba(86,82,65,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(86,82,65,0) 0%,rgba(86,82,65,0.75) 5%,rgba(86,82,65,0.85) 10%,rgba(86,82,65,0.9) 50%,rgba(86,82,65,0.85) 70%,rgba(86,82,65,0.75) 90%,rgba(86,82,65,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00565241', endColorstr='#00565241',GradientType=1 ); /* IE6-9 */
	padding-left: 5px;
	font-size: 2.25rem;
    text-shadow: 0 4px 10px #000000ba;
	color: #fff8ca;
	font-family: 'Cormorant Garamond', serif;
	text-align: left;
    padding-left: 5%;
	margin: 20px 0;
	box-shadow: 0px 21px 17px -20px #000000ba;
}

.reliclist img {
    padding: 0;
    border: 0;
}

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

#shopTop .shopSide, #mobileShopTop .shopSide {
    border: none;
    border-radius: 4px;
	background: unset;
    background-color: #5a5443c2;
	box-shadow: 0px 0px 20px 5px #534f3f;
	padding: 10px;
}

#shopTop h4, #mobileShopTop h4 {
    color: #fff8ca;
	font-family: 'Cormorant Garamond', serif;
	text-shadow: 0 4px 10px #000000ba;
	margin: 0px;
}

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

.subRules {
	background-color: #00000033;
    padding: 15px;
	margin: 0px 0px 20px 0px;
    display: block;
	box-shadow: 0px 0px 5px 5px #00000033;
}

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

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

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

img.rulesHeraldry {
	width: 100px;
	margin-left: 10px;
	margin-right: 10px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#726d59+0,726d59+100&0+0,0.25+50,0.4+65,0.55+75,0.4+91,0.25+95,0+100 */
	background: -moz-linear-gradient(top,  rgba(114,109,89,0) 0%, rgba(114,109,89,0.25) 50%, rgba(114,109,89,0.4) 65%, rgba(114,109,89,0.55) 75%, rgba(114,109,89,0.4) 91%, rgba(114,109,89,0.25) 95%, rgba(114,109,89,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(114,109,89,0) 0%,rgba(114,109,89,0.25) 50%,rgba(114,109,89,0.4) 65%,rgba(114,109,89,0.55) 75%,rgba(114,109,89,0.4) 91%,rgba(114,109,89,0.25) 95%,rgba(114,109,89,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(114,109,89,0) 0%,rgba(114,109,89,0.25) 50%,rgba(114,109,89,0.4) 65%,rgba(114,109,89,0.55) 75%,rgba(114,109,89,0.4) 91%,rgba(114,109,89,0.25) 95%,rgba(114,109,89,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border: 0;
    border-radius: 6px;
    filter: drop-shadow(0px 0px 10px #333);
	box-shadow: 0px 15px 7px 1px #0000001a;
}

@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;
}


@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 {
	color: #fff18e;
}

.questwrap a:hover {
    filter: drop-shadow(0px 0px 4px #fff18e);
	text-decoration: underline;
	text-decoration-style: dotted;
    text-decoration-thickness: 1px;
}

#languagepicker a, .questwrap a {
	text-shadow: 2px 2px 2px #656565;
}

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

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

a.announceLink {
	font-size: 30px;
}

a.announceLink, a.announceLink:visited {
    color: #0000FF;
}

a.announceLink:active {
    color: #9999FF;
}

a.announceLink:hover {
    color: blue;
	text-decoration: underline;
}

#download {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0px 0px 20px 5px #534f3f;
}

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

#download li .ellipWrap {
	display: inline-flex;
	padding-left: 1em;
}

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

#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: -4px;	
}

#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: #fff18e;	
}

.subTableWrap a
{
	box-shadow: 0px 7px 10px -11px #0f1213;
}

a.complist:hover, a.relicList:hover, .subTableWrap a:hover, #download a.unlocklink:hover  {
    filter: drop-shadow(0px 0px 4px #fff18e);
	text-decoration: underline;
	text-decoration-style: dotted;
    text-decoration-thickness: 1px;
}

.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: 'Cormorant Garamond', serif;
	font-size: 2rem;
}

#resultdialog a {
	color: #fff18e;	
}

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

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

#resultdialog .accBody {
	padding: 10px;
}

#resultdialog .ui-dialog .ui-dialog-title {
		font-family: 'Cormorant Garamond', 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: 200px;
	width: auto;
}

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

.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: 15px;
		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;
}

a.dropdown-item.smallerLink:hover {
    background: #e3c1869e;
    color: #2c2324;
}
.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, th {
	padding: 5px;
	background-color: #0000006e;
	text-align: center;
}

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

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

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

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

.italics {
	font-style: italic;
}