/*

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

@import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@700;900&display=swap');

@font-face {
    font-family: 'DOSMyungjo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_eight@1.0/DOSMyungjo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

*/

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

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

body {
	background: url(../img/ecs135wallpaper.png);
	background-attachment: fixed;
/*
    background-size: 100% auto;
    background-repeat: no-repeat;
*/
	background-color: #fee6f4;
	color: #b55796;
}

.main {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding: 0px 3px 25px 3px;
	font-family: 'Candara', 'Arial', sans-serif;
	font-size: 1rem;
	font-weight: bold;	
	background-color: #fee6f4;
	border: 4px solid #ffbee1;
	border-radius: 20px;
	position: relative;
	width: 96%;
}

@media (min-width: 992px){
	.main {
		margin-top: 0px;
		border: 18px solid #ffbee1;
		width: 100%
	}
}

/*
.main::before {
	background: -moz-linear-gradient(top,  rgba(252,250,246,1) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(252,250,246,1) 0%,rgba(0,0,0,0) 100%); 
	background: linear-gradient(to bottom,  rgba(252,250,246,1) 0%,rgba(0,0,0,0) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfaf6', endColorstr='#00000000',GradientType=0 ); 
    display: inline-block;
	opacity: .8;
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    pointer-events: none;		
}
*/

.main.wtable {
	padding: 15px 0px 15px 0px;
	background: none;
    border: 0px;
    margin: 0px;
}

.main div.itemWrap {
	background-image: linear-gradient(to bottom, rgb(255 255 255 / 0%), rgb(254 230 244)), url(../img/ecs135altwallpaper.png);
    border: 4px solid #FFFFFF;
    border-radius: 8px;
    filter: drop-shadow(0px 0px 4px #00000022);
    margin: 50px 10px 10px 10px;
	padding: 10px;
    color: #FFFFFF;
    font-family: Aller;
    text-shadow: 0px 0px 4px #000000;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #000000;
	paint-order: stroke fill;
    position: relative;
}

@media (min-width: 992px){
	.main div.itemWrap {
		border: 8px solid #FFFFFF;
		margin: 40px 10px 10px 10px;
	}
}

.main div.itemWrap h2 {
	font-size: 1rem;
}

@media (min-width: 992px){
	.main div.itemWrap h2 {
		font-size: 1.5rem;
	}
}


/*h1, */h2, h3, /*h4,*/ h5 {
	border-radius: 15px 15px 0px 0px;
	background-color: #f8e5ee;
    color: #FFFDFF;
    -webkit-text-stroke-width: 5px;
    -webkit-text-stroke-color: #b55796;
    paint-order: stroke fill;
	text-shadow: none;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    position: absolute;
    top: -44px;
	left: 0px;
    padding: 10px 35px 10px 20px;
}

@media (min-width: 992px){
	/*h1, */h2, h3, /*h4,*/ h5 {	
		top: -57px;
		left: 40px;
	}
}

h2::before,
h3::before,
h5::before {
	content: "";
	position: absolute;
	right: 0px;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 15px;
	background: linear-gradient(0, #00000033, transparent);
	pointer-events: none;
}

/*
h1::before,
h2::before,
h3::before,
h5::before
{
	old --
	content: '';
	border-top: #8f1216 3px solid;
	background-color: #f04e43;
	position: absolute;
	top: -11px;
	left: 0px;
	height: 6px;
	width: 100%;
	less old --
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.6) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(0,0,0,0) 100%); 
	background: linear-gradient(to bottom,  rgba(255,255,255,0.6) 0%,rgba(0,0,0,0) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#00000000',GradientType=0 );	
    display: inline-block;
	opacity: 1;
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    pointer-events: none;	
	padding: 10px;
    border-radius: 10px 10px 0px 0px;
}
*/
/*
h1::after,
h2::after,
h3::after,
h5::after
{
	content: '';
	border-bottom: #8f1216 3px solid;		
	background-color: #f04e43;
	position: absolute;
	bottom: -11px;
	left: 0px;
	height: 6px;
	width: 100%;
}
*/
h1 {
	color: #fffdff;
	font-family: 'RifficFreeBold', sans-serif;
	-webkit-text-stroke-width: 7px;
	-webkit-text-stroke-color: #b55796;
	paint-order: stroke fill;
	font-size: 1.5rem;
	position: relative;
	display: inline-block;
    background-color: #ffeef7;
    border: 5px solid #ffbee1;
    border-radius: 100px;
	margin: 10px 0px 0px 0px;
    padding: 5px 30px 3px 30px;
}

@media (min-width: 992px){
	h1 {
		-webkit-text-stroke-width: 10px;
		font-size: 2.5rem;
		margin-bottom: 0px;
		border: 15px solid #ffbee1;		
	}
}

.headerCont {
	text-align: center;
}

h2 {
	font-size: 2.5rem;
}

p {
	margin: 0px 20px 25px 20px;
}

p, #ruleblock li {

}

#ruleblock img {
    width: 250px;
	background-color: #fee6f4;
	border: 5px solid #ffffff;
    border-radius: 6px;
    margin-left: 50px;	
    margin-right: 50px;	
	filter: drop-shadow(0px 0px 4px #00000044);
}

ul {
	margin-bottom: 0px;
}

#toplogo {
	width: 100%;
	padding: 7px;
	text-align: center;
	background-color: #fee6f4;
}

@media (min-width: 992px){
	#toplogo {
		text-align: center;
	}
}

#toplogo img {
	height: 150px;
	margin: 0px 0px 10px 0px;
	width: auto;
}

@media (max-height: 500px){
	#toplogo img {
		display: none;
	}
}

nav {
	margin-left: auto;
	margin-right: auto;
	background-color: #ffbee1;
}

.navbar-light .navbar-toggler {
	background-color: #b55796;
    border: 4px solid #b55796;
}

.navbar-light .navbar-toggler-icon {
    filter: invert(1);
}

.navbar-light .navbar-nav  .active .nav-link {
	background-color: transparent;
	color: #f8c864;
	text-decoration: none;
}

.navbar-light .navbar-nav .nav-link {
	color: #fffbfd;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #e2dee2;
}

.navbar-light .navbar-nav .active>.nav-link, 
.navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link.show, 
.navbar-light .navbar-nav .show>.nav-link, 
.navbar-light .navbar-nav .nav-link:focus {
	color: #b55796;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #b55796;
}

a.nav-link { 
    font-weight: bold;
	text-decoration: none;
}

@media (min-width: 992px){
/*	
	body {
		background-size: 100% 100%;
	}
*/	
	div#maincont {
		padding: 0 15px 0px 15px;
	}
	
	.main {
		width: auto;
		max-width: 1400px;
		filter: drop-shadow(0px 0px 4px #00000077);
		padding: 25px 10px 20px 10px;
		margin-top: 65px;
		margin-bottom: 50px;
		top: 5px;
	}
	
	.main.wtable {
		max-width: none;
	}
	
	/*
	.main::before {
		content: '';
		background: url(../img/ecs125maintop.png);
		background-size: 100%;
		background-repeat: no-repeat;
		position: absolute;
		top: -63px;
		left: 0px;
		height: 92px;
		width: 100%;
		filter: drop-shadow(2px 4px 3px #00000033);
	}
	*/
	
	/*
	.main::after {
		content: '';
		background: url(../img/ecs125mainbottom.png);
		background-size: 100%;
		background-repeat: no-repeat;
		position: absolute;
		bottom: -44px;
		left: 0px;
		height: 70px;
		width: 100%;
		filter: drop-shadow(2px 4px 3px #00000033);
	}
	*/
	
	.main div.itemWrap {
		margin: 70px 50px 50px 50px;
	}
	
	.main div.itemWrap p,
	.main div.itemWrap ul
	{
		padding: 0px 25px 0px 25px;
	}
	
	.navbar-nav {
		display: table;
		margin-left: auto;
		margin-right: auto;
	}
	
	.nav-item {
		display: table-cell;
	}

	#toplogo img {
		height: 250px;
		width: auto;
	}	
	
	nav {
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f04e43+0,e03121+100 */
		background-repeat: repeat-x;
		background:none;
		background-color: #fee6f4;
		border-bottom: 18px solid #ffbee1;
		border-right: 0px;
		border-left: 0px;
	}	
	
	nav .dropdown-toggle::after {
		top: 18px;
		position: relative;
	}
	
	/*
	nav::before {
		content: '';
		border-top: #8f1216 3px solid;
		background-color: #f04e43;
		position: absolute;
		top: -11px;
		left: 0px;
		height: 6px;
		width: 100%;
	}
	
	nav::after {
		content: '';
		border-bottom: #8f1216 3px solid;		
		background-color: #f04e43;
		position: absolute;
		bottom: -11px;
		left: 0px;
		height: 6px;
		width: 100%;
	}
	*/
	
	.navbar-light .navbar-nav .active>.nav-link, 
	.navbar-light .navbar-nav .nav-link.active, 
	.navbar-light .navbar-nav .nav-link.show, 
	.navbar-light .navbar-nav .show>.nav-link, 
	.navbar-light .navbar-nav .nav-link:focus {
		color: #FFFDFF;
	}
	
	.navbar-light .navbar-nav .nav-link:hover {
		color: #000000;
	}


	
	.navbar-light .navbar-nav .nav-link {
		/*
		background: -webkit-linear-gradient(#33a9dc, #275eba);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		*/
		background: none;
		background-size: 100% 100%;
		height: 44px;
		text-align: center;
		text-decoration: none;
		color: #fffdff;
		text-shadow: 2px #ffe9db;
/*
		background-color: #C7AC9B;
		background-repeat: no-repeat;
		background-position: top;
		background-size: 18px;
*/
		margin-right: 4px;
		margin-left: 4px;
		font-family: 'RifficFreeBold', sans-serif;
		/* this shit was annoying to figure out so keeping for future reference
		text-shadow:
		-1px -1px 0 #ffdc3e,
		 0   -1px 0 #ffdc3e,
		 1px -1px 0 #ffdc3e,
		 1px  0   0 #ffdc3e,
		 1px  1px 0 #ffdc3e,
		 0    1px 0 #ffdc3e,
		-1px  1px 0 #ffdc3e,
		-1px  0   0 #ffdc3e,
		-2px -2px 0 #040b43,
		 0   -2px 0 #040b43,
		 2px -2px 0 #040b43,
		 2px  0   0 #040b43,
		 2px  2px 0 #040b43,
		 0    2px 0 #040b43,
		-2px  2px 0 #040b43,
		-2px  0   0 #040b43;
		*/
		-webkit-text-stroke-width: 6px;
        -webkit-text-stroke-color: #b55796;
        paint-order: stroke fill;
		font-size: 24px;
		letter-spacing: 2px;
		padding: 0px 15px 0px 15px;
		display: flex;
		white-space: nowrap;
	}

	.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav  .active .nav-link:hover {
		color: #fffdff;
		-webkit-text-stroke-width: 6px;
        -webkit-text-stroke-color: #fdb7cb;
        paint-order: stroke fill;
	}
	
	.navbar-light .navbar-nav  .active .nav-link {
		color: #FFFDFF;
		-webkit-text-stroke-width: 6px;
		-webkit-text-stroke-color: #ffd6e9;
		paint-order: stroke fill;
	}	
	
	.dropdown-menu {
		/*
		border: 4px solid #d0783c;
		border-radius: 0px 0px .75rem .75rem;
		*/
	}
}

.dropdown-menu {
	background-color: #b55796;
	color: #dbdde3;
}

.dropdown-menu label {
	font-weight: bold;
}

.dropdown-item  {
	color: #fffdff;
	cursor: default;
	white-space: normal;
}

a.dropdown-item {	
	color: #ffeef7;
	text-decoration: none;
	cursor: pointer;
}

.dropdown-item:hover,
.dropdown-item:active,
.dropdown-item:focus {
	color: #fffdff;
	background: unset;
}

nav.dropdown-item:active {
	color: #ffa39d;
}

a.dropdown-item:hover {
	background: #fee6f4;
    color: #b55796;
}

.dropdown-item:hover>a {
	/*color: #ff4224;*/
}

.dropdown-item:active {
	color: #000000;
}

.dropdown-item:active>a {
	color: #ff4224;
}

.dropdown-menu a:active {
	color: #a37005;
}

.dropdown-menu .active {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a06d00+0,a06d00+100&1+0,0.5+100 */
	background-color: #fee6f4;
	color: #b55796;
}

.dropdown-divider {
	border-top: 2px solid #fffdff;
}

.btn-outline-primary {
	border: 2px solid #f8c864;
	background-color: #15222c;
	color: #63001e;
}

.btn-outline-primary:hover {
	border: 2px solid #f8c864;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#131220+0,381250+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(19,18,32,0) 0%, rgba(56,18,80,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(19,18,32,0) 0%,rgba(56,18,80,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(19,18,32,0) 0%,rgba(56,18,80,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00131220', endColorstr='#381250',GradientType=0 ); /* IE6-9 */
	color: #f8c864;
}

.btn-primary, #entrycontrols .btn-primary, #marcontrols .btn-primary {
	font-family: 'RifficFreeBold', sans-serif;
	font-size:30px;
	font-weight: bold;
	border-radius: 4px;
	border: #b55796 5px solid;
    background-color: #f69ece;
    color: #b55796;
	text-align: center;
	margin: 15px 4px 4px 4px;
	text-transform:uppercase;
	padding: 0px 4px 0px 4px;	
	display: inline-block;
}

#entrycontrols .btn-primary, #marcontrols .btn-primary {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}

.btn-primary:hover, #entrycontrols .btn-primary:hover, #marcontrols .btn-primary:hover {
	background-color: #b55796;
    border-color: #ffbee1;
    color: #fffdff;	
	text-decoration: none;
}

.shipShow {
	display: block;
	visibility: visible;
}
.shipHide {
	display: none;
	visibility: hidden;
}
/*
div {
	padding: 10px;
}
*/
.top {
	padding-left: 20px;
	display: table;
}
.teamdata {
	border: 2px solid #ABABAB;
	background-color: #131313;
	width: 500px;
	margin-bottom: 10px;		
	display: table-cell;
	vertical-align: top;
}
.logo {
	display: table-cell;			
	vertical-align: middle;
}
.bottom{
	display: table;
	border: 2px solid #ABABAB;
	background-color: #131313;
}
.bottom div {
	display: table-cell;
}

select {
	width: 290px;
}

textarea { 
	width: 300px;
	height: 100px;
}

.dropdown-item input {
	width: 200px;
}

.dropdown-item .btn-primary {
	width: 200px;
	font-size: 1.25rem;
}
/*
#signup div {
	padding: 2px;
}

#signup .container-fluid {
	width: 90%;
}
*/
#signup input[type=radio] {
	width: 25px;
	margin-right: 5px;
	display: inline;
	cursor: pointer;
}

/*
#scores_wrapper {
	width: 90%;
}

#scores {
    margin-left: auto;
    margin-right: auto;
	text-align: center;
}

#scores td {
	color: #000000;
}

*/

#scores_wrapper {
	margin-left: auto;
	margin-right: auto;
	max-width: 1400px;
}

table.dataTable tbody tr {
	background: unset;
}

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

table.dataTable thead th {
	border-left: 5px solid #b55796;
	border-top: 5px solid #b55796;
	border-right: 5px solid #b55796;
	border-bottom: 5px solid #b55796;
	font-family: 'RifficFreeBold', sans-serif;
	font-size: 1rem;
	border-radius: 7px;
	padding: 0px 20px 0px 20px;
}

@media (min-width: 992px) {
	table.dataTable thead th {
		font-size: 1.25rem;
	}
}


table.dataTable thead th:hover {
	background-color: #b55796;
	color: #ffbee1;
}	
/*
table.dataTable thead th:first-child {
	border-left: 1px solid #f8c864;
}

table.dataTable thead th:last-child {
	border-right: 1px solid #f8c864;
}
*/
.dataTables_wrapper {
	margin-top: 10px;
	margin-bottom: 50px;
}

.dataTable {/*
    margin-left: auto;
    margin-right: auto;*/
	font-family: 'Arial', sans-serif;
	text-align: center;
	box-shadow: 0px 10px 10px #00000075;
}

.dataTable thead {
    background-color: #ffbee1;
    color: #b55796;
}

.dataTable thead .sorting_asc, .dataTable thead .sorting_desc {
    background-color: #b55796;
    color: #ffbee1;
}

.dataTable tr {

}

.dataTable td {
	color: #b55796;
	font-weight: bold;
	background: unset;
}

table.dataTable {
	border-spacing: 2px;
}

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

.dataTable .odd td {
	background-color: #ffeef7;
	cursor: pointer;
}

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

.dataTable .even td {
	background-color: #fffdff;
	cursor: pointer;
}

.dataTable tr.even:hover>td, .dataTable tr.odd:hover>td, .dataTable tr.shown>td  {
	background-color: #fe8080 !important;
	color: #fffdff;
}

#scores tr {
	cursor: default;
}

#controlsCont {
	margin-top: 50px;
	text-align: center;
}

#controlsCont h5 {
    top: -34px;
    left: 20px;
    display: inline-block;
    font-size: 0.8rem;
    -webkit-text-stroke-width: 4px;
    padding: 7px;
    filter: drop-shadow(0px -1px 1px #00000022);
}

.controls {
	display: inline-grid;
	border: 5px solid #ffbee1;
    background: #b55798;
    color: #fffdff;
	width: 270px;
	position: relative;
}

.controls button {
	margin-bottom: 20px;
}

#entrycontrols, #marcontrols, #resultscontrols {
	border-radius: 10px;
}

#marselectWrap #entrycontrols, #marselectWrap #marcontrols, #marselectWrap #resultscontrols {
	filter: drop-shadow(0px 0px 4px #00000077);
}

#entrycontrols {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0px 0px 0px;
	margin-top: 25px;
}

#entrycontrols input[type=text] {

}

#entrycontrols button {

}

.form-control {
	margin: 2px 0px 2px 0px;
}

#entrycontrols .form-control {
    margin-left: 10px;
	margin-right: 10px;
	width: 200px;
    display: inline-block;
}

.controls h4  {
	color: #f8c864;
	font-family: 'Candara', 'Arial', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 4px 4px 0px 0px;
	border-bottom: 2px solid #f8c864;	
	text-align: center;
    background-color: #15222c;
    padding: 10px 4px 10px 4px;
	display: block;
}

#marcontrols {
	text-align: right;
	font-size: 63%;
	margin-top: 40px;
	margin-bottom: 15px;
	padding: 10px 0px 10px 0px;
}

#marcontrols .form-control {
	font-size: 12px;
    width: 60px;
	text-align: right;
    display: inline-block;
}

#marcontrols label {
	margin-right: 10px;
}

#marcontrols span, #resultscontrols span {
	margin-left: 3px;
	background-color: #ffbee1;
    border: 3px solid #fee6f4;
    color: #b55796;
	padding: 0px 2px;
	display: inline-block;
	text-align: center;
	width: 46px;
}

#marcontrols div {
	
}

#marcontrols .used {
	background-color: #381633;
}

.controls button {
	width: 80%;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 30px;
}

.controls .smallpad {
	padding-right: 5px;
}

.controls .btn-primary {

}

#resultscontrols {
	padding-top: 10px;
	padding-bottom: 10px;
}

#resultscontrols div {
	text-align: left;
}

#resultscontrols span {
	font-weight: bold;
	font-size: 80%;
}

#resultscontrols select {
	display: inline-block;
	width: 125px;
}

#resultscontrols .smallpad {
	text-align: right;
}

#controlsCont .addmargins {
	position: relative;
	margin-left: 30px;
	margin-right: 30px;
}

#manageDropdown .dropdown-menu {
	padding-top: 20px;
}

.subnavhead {
	font-weight: bolder;
}

#maincont {
	padding: 0px;
}

.breakdownbtn {
	margin: 0px;
    padding: 0px 25px;
    font-weight: bold;
	width: 70px;
	border-radius: 50px;
}

.subTableWrap {
    border: 4px solid #FFFFFF;
    border-top: none;
    border-radius: 0px 0px 10px 10px;
	background-image: linear-gradient(to bottom, rgb(255 255 255 / 0%), rgb(254 230 244)), url(../img/ecs135altwallpaper.png);
	box-shadow: 1px 2px 3px 1px #815e49;
	color: #63001e;
	cursor: default;
    top: -25px;
    position: relative;	
}

@media (min-width: 992px) {
	.subTableWrap {
		border: 8px solid #FFFFFF;
		border-top: none;
	}
}

.subTable { 
	width: 100%;
	border-radius: 0px 0px 10px 0px;
}

.dataTable .subTableWrap .subTable tbody tr, .dataTable .subTableWrap .subTable tbody tr:hover, .dataTable .subTableWrap .subTable tbody tr td, .dataTable .subTableWrap .subTable tbody tr td:hover {
	background-color: transparent;
	text-align: center;
	color: #fbe599;
	cursor: default;
	border: 1px solid #fbe599;
}

.subTableWrap .subTable th {
	background-color: #63001e;
}

.dataTable .subTableWrap .subTable tbody tr  td, .dataTable .subTableWrap .subTable tbody tr  td:hover {
	background-color: #a83f39;
}

.subTableFoot {
	padding: 8px;
    border-radius: 0px 0px 10px 10px;
	text-align: left;
}

tr td .subTableWrap .btn-primary {
	font-size: 90%;
	border-radius: 10px 10px 0px 0px;
	width: 95%;
}

.subTableHead {
	color: #a83f39;
	border-radius: 0px 9px 9px 0px;
	border-right: 2px solid #cfb55b;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbe599+1,ffda80+100 */
	background: #fbe599; /* Old browsers */
	background: -moz-linear-gradient(left, #fbe599 1%, #ffda80 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #fbe599 1%,#ffda80 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #fbe599 1%,#ffda80 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbe599', endColorstr='#ffda80',GradientType=1 ); /* IE6-9 */
    padding: 0px 8px;
	display: inline-block;
}

.rankingexpanded {
	border-radius: 0px 0px 15px 15px;
	background-color: #669096;	
	color: #FFFFFF;
	cursor: default;
    top: -8px;
    position: relative;	
}

.rankingtable { 
	width: 100%;
	border-radius: 0px 0px 10px 0px;
}

.dataTable .rankingexpanded .rankingtable tbody tr, .dataTable .rankingexpanded .rankingtable tbody tr:hover, .dataTable .rankingexpanded .rankingtable tbody tr td, .dataTable .rankingexpanded .rankingtable tbody tr td:hover {
	background-color: transparent;
	text-align: center;
	color: #FFFFFF;
	cursor: default;
}

.rankingexpanded .rankingtable th {
	background-color: #344143;
}

.dataTable .rankingexpanded .rankingtable tbody tr  td, .dataTable .rankingexpanded .rankingtable tbody tr  td:hover {
	background-color: #476b70;
}

#ropasses .rankingexpanded .rankingtable tbody tr  td, #ropasses .rankingexpanded .rankingtable tbody tr  td:hover {
	background-color: transparent;
}

.rankingdiv {
	padding: 8px;
    border-radius: 0px 0px 10px 10px;
	text-align: left;
}

.rankinghead {
	border-right: 1px solid #FFFFFF;
    background-color: #344143;
    padding: 0px 8px;
    border-radius: 9px;
	display: inline-block;
}

.longtext {
	max-width: 140px;
}

.dataTables_filter label {
	color: #FFFFFF;
}

#teamstats {
	text-align: center;
}

#teamstats div {
	display: inline-block;
	position: relative;
}

#teamstats table {
	width: 295px;
	font-size: .6rem;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: left;
	color: #b55796;
	background-color: #ffbee1;
	border-radius: 10px;
}

#teamstats th {
	color: #fffdff;
    background-color: #b55796;
	width: 220px;
}

#teamstats td, th {
	padding: 5px;
}

#teamstats .addmargins {
	margin-left: 30px;
	margin-right: 30px;
}

#teamstats .tophead {
	color: #fffdff;
	font-family: 'Candara', 'Arial', sans-serif;
	font-weight: bold;
	font-size: .75rem;
	text-transform: uppercase;
	border-radius: 4px 4px 0px 0px;
    border-bottom: 2px solid #ffbee1;
    text-align: center;
    background-color: #b55796;
    padding: 10px 4px 10px 4px;
}

#selectmar {
	margin-top: 20px;
	margin-left: 10px;
}

#marselectWrap {
	text-align: center;
}

#marselectWrap #controlsCont {
	text-align: center;
}

#controlsCont h5 {
	top: -38px;
}

@media (min-width: 992px){
	#marselectWrap {
		text-align: left;
	}
	
	#marselectWrap #controlsCont {
		text-align: left;
	}	
}

#submitWrap {
	max-width: 1400px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#submitpasses {
	width: 95%;
}

.hiddenSwipe {
	display: none;
}

a {
	color: #9eddf8;
	text-decoration: underline;
    text-decoration-style: dotted;
	text-underline-offset: 3px;
}

a:hover, a:active {
	color: #c8f4fe;
    text-decoration-style: dotted;
}

.highlight {
	color: #d73a01;
}

.bold {
	font-weight: bold;
}

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

.subTableWrap .optioncont {
	text-align: center;
}

.subTableWrap .optionfield {
	vertical-align: top;
}

.subTable { 
	width: 100%;
	border-radius: 0px 0px 10px 0px;
}

.optionfield {
	display: inline-block;
	width: 250px;
	/*box-shadow: 4px 6px 6px 1px #6c6964;*/
}

.dataTable .subTableWrap .subTable tbody tr, .dataTable .subTableWrap .subTable tbody tr:hover, .dataTable .subTableWrap .subTable tbody tr td, .dataTable .subTableWrap .subTable tbody tr td:hover {
	background-color: transparent;
	text-align: center;
	color: #d6ff47;
	cursor: default;
	border: 1px solid #d6ff47;
}

.subTableWrap .subTable th {
	background-color: #63001e;
}

.dataTable .subTableWrap .subTable tbody tr  td, .dataTable .subTableWrap .subTable tbody tr  td:hover {
	background-color: #a83f39;
}

.subTableFoot {
	padding: 8px;
    border-radius: 0px 0px 10px 10px;
	text-align: left;
}

tr td .subTableWrap .btn-primary, tr td .subTableWrap .btn-success, tr td .subTableWrap .btn-danger, #songlookup .btn-success, #songlookup .btn-danger {
	border-radius: 10px;
	margin: 5px;
	width: 45%;
}

tr td .subTableWrap .btn-primary {
	width: auto;
	font-size: 24px;
	margin-top: 20px;
	
}

#songlookup .dropdown-toggle::after {
	margin-left: 0px;
}

.subTableHead {
	color: #a83f39;
	border-radius: 0px 9px 9px 0px;
	border-right: 2px solid #d6ff47;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbe599+1,ffda80+100 */
	background: #fbe599; /* Old browsers */
	background: -moz-linear-gradient(left, #fbe599 1%, #ffda80 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #fbe599 1%,#ffda80 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #fbe599 1%,#ffda80 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbe599', endColorstr='#ffda80',GradientType=1 ); /* IE6-9 */
    padding: 0px 8px;
	display: inline-block;
}

.accHead { 
	margin-top: 15px;
	color: #fabee1;
	font-family: 'RifficFreeBold', sans-serif;
	text-transform: uppercase;
	border-radius: 10px 10px 0px 0px;
	border: 6px solid #b55796;
	text-align: center;
    background-color: #b55796;
    padding: 10px 4px 0px 4px;
	cursor: pointer;
	display: block;
	margin-top: 7px;	
}

.accHead:hover { 
	background-color: #ffbee1;
	color: #b55796;
}

.accHead h4 {
	font-size: 1.75rem;
    font-weight: bold;
}

.accHead:hover h4 {

}

.accBody {
	border: 6px solid #b55796;
	border-top: none;	
	background: #fffdff;
	color: #b55796;
	border-radius: 0px 0px 10px 10px;
}

.accBody #passrankstats h6, .subTableWrap .accBody h6, .accBody #songlookup  h6 {
    color: #b55796;
    font-size: 1.1rem;
    display: block;
    display: inline-block;
	margin-top: 5px;
    margin-bottom: 5px;
    width: 90%;
	font-weight: bold;
}

.accBody #songlookup  h6 {
	width: 160px;
    margin-left: 10px;
    margin-right: 10px;	
	display: block;
}

.subTableWrap .accBody .top h6 {
	width: 140px;
}

.accBody span {
	color: #98745b;
	padding-bottom: 5px;
	font-size: 1rem;
	display: block;
	margin: 0px 15px 0px 15px;
}

.optioncont {
	margin-left: auto;
    margin-right: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #f3f3f3;	
	min-width: 290px;
	padding: 5px 10px 5px 10px;
	text-align: left;
}

.accBody .optioncont {
	margin-top: 0px;
	text-align: center;
}

#statblockWrap {
	background: rgb(0,0,0); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(0,0,0,1) 1%, rgba(71,68,86,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,1) 1%,rgba(71,68,86,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,1) 1%,rgba(71,68,86,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#474456',GradientType=0 ); /* IE6-9 */	
	border-radius: 40px;
}

#statblockHead .optioncont {
	margin-bottom: 0px;
	border-radius: 40px;
	border-bottom: 3px solid #d76504;
	text-align: center;
	cursor: pointer;
}

#statblockHead .optioncont:hover {
	background: rgb(0,0,0); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(0,0,0,1) 1%, rgba(71,68,86,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,1) 1%,rgba(71,68,86,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,1) 1%,rgba(71,68,86,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#474456',GradientType=0 ); /* IE6-9 */
}

#statblockCollapse {
	text-align: center;
	padding-bottom: 20px;
}

#statblockCollapse h4 i {
	margin-left: 10px;
}

#statblockCollapse .optioncont {
	border-radius: 20px;
	text-align: center;
	display: inline-block;
	margin: 2px;
	vertical-align: top;
}

#statblockWrap table{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-spacing: 3px;
    border-collapse: separate;
}

#statblockWrap th {
	background-color: #d6ff47;
	border-radius: 8px 8px 0px 0px;
}

#statblockWrap td {
	border-bottom: 2px solid #d6ff47;
	background-color: #FFFFFF06;
	font-size: .85rem;
}

.stattop .vitals, .stattop .demos {
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
    margin: 10px;
}

.stattop .vitals {
    margin-top: 0px;
}

.stattop .vitals .entrants_level {
    color: #DFDFDF;
}

.stattop .vitals  h3 {
	color: #d6ff47;
    font-size: 1.25rem;	
	display: block;
	padding: 0px 8px 0px 8px;
	border-radius:9px;
	background-color: #d76504;
}

.stattop .vitals  h4 {
    color: #d6ff47;
    font-size: 1rem;
    display: block;
    margin: 0px;
}

.stattop .vitalsbottom h4 {
	margin-top: 0px;
}

.stattop .accStand  {
	padding: 8px;
}

.stattop .accBody {
    padding: 5px 10px 10px 10px;
}

.stattop .optionfield  {
	margin-top: 7px;
	margin-bottom: 7px;
}

.stattop .accStand  h4 {
    color: #d6ff47;
    font-size: 1.25rem;
    display: block;
    margin: 0px;	
}	

.stattop .accHead  h4 {
}

.stattop .accStand  h5 {
    color: #d6ff47;
    font-size: 1rem;
    display: block;
    margin: 0px;	
}	

.stattop .accBody span {
	margin: 0px;
	display: inline;
}

#skill270row, #skill280row {
	display: none;
}

.entrants_profile_img {
	display: inline-block;
	margin: 25px;
	border: 5px solid #d76504;
	border-radius: 25px;
	background-color: #d4d4d4;
	zoom: 35%;
	-moz-transform: scale(.35);
	-moz-transform-origin: 0 0;
}

@media (min-width: 992px){
	.entrants_profile_img {
		zoom: 66%;
		-moz-transform: scale(.66);	
	}
}

.accHead.bigCat, .accBody.bigCat {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

.controls .head {

}

.controls .head h4 {
	font-size: 20px;
}

.emphasis {
	color: #ffe87e;
}

strong, .otheremphasis {
	color: #adffad;
}

#ruleblock {
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	color: #f7c663;
}

#ruleblock li {
	margin-left: 40px;
	padding-right: 20px;
}

.regular_points_equation, .mobile_points_equation, .bpm_equation {
	color: #fbe3b6;
	border-radius: 8px;
    background-color: #15222c;
	padding: 15px 5px 5px 8px;
	zoom: .8;
	margin-left: 15px;
	filter: drop-shadow(0px 0px 4px #000000)
}

.regular_points_equation {
	display: none;
}

.mobile_points_equation {
	display: inline-block;
	zoom: .65;
}

@media (min-width: 750px){
	.regular_points_equation {
		display: inline-block;
	}

	.mobile_points_equation {
		display: none;
	}
	
	.regular_points_equation, .mobile_points_equation, .bpm_equation {
		margin-left: 40px;
	}
}

@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .dropdown-menu {
		/*
		left: 7px;
		top: 37px;
		*/
		min-width: 100%;
		box-shadow: 0px 2px 5px #b55796;
	}
}

.dataTables_filter label {
	font-family: 'Candara', 'Arial', sans-serif;
	font-weight: bold;
	color: #fffdff;
    text-shadow: 0px 0px 3px #000000;
	background-color: #ffbee1;
    padding: 10px 20px 10px 5px;
    border-radius: 10px;	
	filter: drop-shadow(0px 0px 4px #00000077);	
}

#languageCont {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}

#languagepicker {
	color: #4b3d3d;
	background-color: #ffbee16b;	
	margin-top: 15px;
	margin-left: 15px;
	padding: 5px 10px 5px 10px;
	border-radius: 10px;
	display: inline-block
}

#languagepicker a {
	font-size: .7rem;	
	color: #b55796;
	padding: 5px 5px 5px 5px;	
	margin: 0px 3px 0px 3px;
	position:relative;
}

@media (min-width: 992px) {
	#languagepicker {
		padding-top: 5px;
	}	
	
	#languagepicker a {
		font-size: .8rem;
	}
}

#languagepicker a:hover {
	color: #ffe36e;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dca050+0,ffffff+100&1+0,0+100 */
	background: linear-gradient(to bottom, rgb(181 87 150) 0%, rgba(255, 255, 255, 0) 100%);

}

#languagepicker .active {
	color: #FFFFFF;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dca050+0,ffffff+100&1+0,0+100 */
	background: linear-gradient(to bottom, rgb(181 87 150) 0%, rgba(255, 255, 255, 0) 100%);
	border-radius: 5px;
	display: inline-block
}
/*
#signup {
    background-color: #131220;
	border: 20px solid #ae825e;
	border-image: url(../img/buttonbg.png) 500 500;
	border-image-slice: 50;	
    margin: 20px auto 0px auto;
	max-width: 1400px;
}

#signup label {
	color: #f8c864;	
}
*/
.ui-autocomplete .ui-menu-item {
	color: #000000;
}

.langkorean .main {
    font-family: "Courier Prime", "Noto Sans KR";
    font-weight: 700;
}


.langkorean h1, .langkorean .main h2 {
    font-family: "Calibri", "DOSMyungjo";
    font-weight: bolder;
}
/*
.langjapanese .main {
    font-family: "Courier Prime", "Noto Sans JP";
    font-weight: 700;
}


.langjapanese h1, .langjapanese .main h2 {
    font-family: "Calibri", "DotGothic16";
    font-weight: bolder;
}
*/

#difficultyRangeWrap {
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
	margin-left: 40px;
}

.difficultyRangeInner {
	margin-top: 20px;
	margin-bottom: 20px;	
}

#ruleblock .difficultyRangeInner li {
	padding: 0px;
	margin-left: 0px;
}

.dropdown-toggle::after {
	color: #b55796;
}

.dropdown-item .loginregister {
	margin: 5px 0px 5px 0px;
	text-decoration: none;
}

.filterSub {
	text-align: center; margin-left: auto; margin-right: auto;
}

#controlsCont.filterBlock h5 {
	top: -38px;
	font-size: 16px;
}

.filterBlock #marhead {
	display:inline;
}

.filterBlock select {
	top: 2px;
	position: relative;
}

#controlsCont.filterBlock {
	text-align: center;
	filter: drop-shadow(0px -1px 1px #00000022);
}

@media (min-width: 992px) {
	#controlsCont.filterBlock {
		text-align: left;
		filter: drop-shadow(0px -1px 1px #00000022);
	}
}

#resultscontrols h5,
#marcontrols h5,
#entrycontrols h5
{
	top: -34px;
}

#resultscontrols.songlist h5 {
	top: -38px;
}

.ui-widget-header {
    background: #d5d5d5;
    border: none;
}

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