/*

@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: DecoTechTL;
  src: url(../fonts/DecoTechTL.ttf);
}

body {
	background: url(../img/ecs125otheraltsitebg.png);
	background-attachment: fixed;
/*
    background-size: 100% auto;
    background-repeat: no-repeat;
*/
	background-color: #5ea78b;
	color: #c79a38;
}

.main {
	margin-left: auto;
	margin-right: auto;
	padding: 0px 3px 25px 3px;
	font-family: 'Candara', 'Arial', sans-serif;
	font-size: 1rem;
	font-weight: bold;	
	background-color: #c79a38;
	background: url(../img/ecs125sitebg.png);
	position: relative;
	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;
	margin-bottom: 75px;
}

.main div.itemWrap {
	margin: 10px;
	background: url(../img/ecs125altsitebg.png);
	color: #f7c663;
	text-shadow: 2px 2px 2px #00000075;
	position: relative;
}

/*h1, */h2, h3, /*h4,*/ h5 {
	letter-spacing: 2px;
    color: #FFFFFF;
    font-family: 'DecoTechTL', sans-serif;
    /* font-size: 24px; */
    font-weight: bold;
    text-align: center;
    background: url(../img/ecs125header.png);
    background-size: 100% 100%;
    display: inline-block;
    position: relative;
    padding: 10px 35px 10px 20px;
	text-shadow: 4px 5px 5px #00000075;
    /* border-radius: 15px 15px 0px 0px; */
    /* border: 5px solid #faf0cf; */
    /* width: 100%; */
    /* text-shadow: -1px -1px 0 #2f61b5, 0 -1px 0 #2f61b5, 1px -1px 0 #2f61b5, 1px 0 0 #2f61b5, 1px 1px 0 #2f61b5, 0 1px 0 #2f61b5, -1px 1px 0 #2f61b5, -1px 0 0 #2f61b5, -2px -2px 0 #284d8a, 0 -2px 0 #284d8a, 2px -2px 0 #284d8a, 2px 0 0 #284d8a, 2px 2px 0 #284d8a, 0 2px 0 #284d8a, -2px 2px 0 #284d8a, -2px 0 0 #284d8a;
	/*
	background: #f04e43;
	background: -moz-linear-gradient(top,  #f04e43 0%, #e03121 100%);
	background: -webkit-linear-gradient(top,  #f04e43 0%,#e03121 100%);
	background: linear-gradient(to bottom,  #f04e43 0%,#e03121 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f04e43', endColorstr='#e03121',GradientType=0 )
	border-top: 6px solid #c8261c;
	border-right: 0px;
	border-bottom: 6px solid #c8261c;
	border-left: 0px;
	font-family: 'PT Serif', serif;
	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;		
	padding: 5px 10px 5px 10px;	
	display: inline-block;
	filter: drop-shadow(2px 2px 0px #00000000);
	box-shadow: 0px 0px 4px 4px #8f1216;
	*/
}
/*
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: #f8c864;
	font-family: 'DecoTechTL', sans-serif;
	font-size: 4.5rem;
	position: relative;
	filter: drop-shadow(2px 4px 1px #00000075);
	margin-bottom: -5px;
	/*
	text-shadow:
		-1px -1px 0 #e9d7ad,
		 0   -1px 0 #e9d7ad,
		 1px -1px 0 #e9d7ad,
		 1px  0   0 #e9d7ad,
		 1px  1px 0 #e9d7ad,
		 0    1px 0 #e9d7ad,
		-1px  1px 0 #e9d7ad,
		-1px  0   0 #e9d7ad,
		-2px -2px 0 #c3bfb5,
		 0   -2px 0 #c3bfb5,
		 2px -2px 0 #c3bfb5,
		 2px  0   0 #c3bfb5,
		 2px  2px 0 #c3bfb5,
		 0    2px 0 #c3bfb5,
		-2px  2px 0 #c3bfb5,
		-2px  0   0 #c3bfb5;	
	*/
}

.headerCont {
	text-align: center;
}

h2 {
	font-size: 2.5rem;
}

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

p, #ruleblock li {

}

#ruleblock img {
    width: 250px;
	border: 5px solid #edbf5a;
    border-radius: 6px;
    margin-left: 50px;	
    margin-right: 50px;	
	background: url(../img/ecs125logobg.png);
	padding-top: 30px;	
	padding-bottom: 30px;
}

ul {
	margin-bottom: 0px;
}

#toplogo {
	width: 100%;
	padding: 7px;
	text-align: center;
	background: url(../img/ecs125logobg.png);
}

@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;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a06d00+0,9b845a+100 */
	background: linear-gradient(to bottom,  rgba(160,109,0,1) 0%,rgba(155,132,90,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.navbar-light .navbar-toggler {
	background-color: #15222c;
	border: 2px solid #f8c864;
}

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

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

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

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

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

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

@media (min-width: 992px){
/*	
	body {
		background-size: 100% 100%;
	}
*/	
	div#maincont {
		padding: 0 15px 0px 15px;
	}
	
	.main {
		width: auto;
		max-width: 1400px;
		border-top: none;
		filter: drop-shadow(0px 14px 15px #616b63);
		padding: 25px 10px 75px 10px;
		margin-top: 65px;
		margin-bottom: 50px;
		top: 5px;
	}
	
	.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: 50px;
		padding-bottom: 25px;
	}
	
	.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: url(../img/ecs125navbottombg.png);
		background-repeat: repeat-x;
		border-top: 6px solid #c5262b;
		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: #aa180c;
	}
	
	.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: url(../img/ecs125buttonthing.png);
		background-size: 100% 100%;
		height: 44px;
		text-align: center;
		color: #ffe9db;
		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: 'DecoTechTL', 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;
		*/
		font-size: 32px;
		letter-spacing: 2px;
		padding: 0px 25px 0px 25px;
		display: flex;
		white-space: nowrap;
	}

	.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav  .active .nav-link:hover {
		color: #d1242a;
	}
	
	.navbar-light .navbar-nav  .active .nav-link {
		color: #6f4b28;
	}	
	
	.dropdown-menu {
		/*
		border: 4px solid #d0783c;
		border-radius: 0px 0px .75rem .75rem;
		*/
	}
}

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

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

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

a.dropdown-item {	
	color: #ffe9db;
	cursor: pointer;
}

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

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

a.dropdown-item:hover {
	background: #fff0a0;
}

.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: linear-gradient(to bottom,  rgba(160,109,0,1) 0%,rgba(160,109,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

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

.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: 'DecoTechTL', sans-serif;
	font-size:30px;
	font-weight: bold;
	border-radius: 4px;
	border: #8f1216 3px solid;
	background-color: #e83f32;
	color: #ffefa9;
	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 {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e83f32+0,f28d78+100 */
	background: rgb(232,63,50); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(232,63,50,1) 0%, rgba(242,141,120,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(232,63,50,1) 0%,rgba(242,141,120,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(232,63,50,1) 0%,rgba(242,141,120,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e83f32', endColorstr='#f28d78',GradientType=0 ); /* IE6-9 */
	color: #ffffff;
	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;
}

*/

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 #f8c864;
	border-top: 5px solid #f8c864;
	border-right: 5px solid #f8c864;
	border-bottom: 5px solid #f8c864;
	font-family: 'DecoTechTL', sans-serif;
	font-size: 1.75rem;
	border-radius: 7px;
	padding: 0px 20px 0px 20px;
}

table.dataTable thead th:hover {
	background-color: #2f35c2;
	color: #fbe3b6;
}	
/*
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: #000070;
	color: #f8c864;
}

.dataTable thead .sorting_asc, .dataTable thead .sorting_desc {
	background-color: #041564;	
	color: #fbe3b6;
}

.dataTable tr {

}

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

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

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

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

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

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

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

#scores tr {
	cursor: default;
}

#controlsCont {
	text-align: center;
}

.controls {
	display: inline-grid;
	border: 5px solid #edbe5a;
	background: #edbe5a;
	color: #6f4b28;
	width: 300px;
	position: relative;
}

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

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

#entrycontrols input[type=text] {

}

#entrycontrols button {

}

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

#entrycontrols .form-control {
    width: 140px;
    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: 15px;
	margin-bottom: 15px;
}

#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: #285dd2;
	border: 3px solid #e7d4ab;
	color: #fbe599;
	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-bottom: 5px;
}

#resultscontrols div {
	text-align: left;
}

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

#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-top: none;	
	border-radius: 0px 0px 10px 10px;
	background: url(../img/ecs125altsitebg.png);
	box-shadow: 1px 2px 3px 1px #815e49;
	color: #63001e;
	cursor: default;
    top: -25px;
    position: relative;	
}

.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: #fbe3b6;
	background-color: #334c84;
	border-radius: 10px;
}

#teamstats th {
	color: #dbdde3;	
	width: 220px;
}

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

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

#teamstats .tophead {
	color: #f8c864;
	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 #f8c864;
	text-align: center;
    background-color: #285dd2;
    padding: 10px 4px 10px 4px;
}

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

.hiddenSwipe {
	display: none;
}

a {
	color: #d73a01;
}

a:hover {
	color: #b51e0e;
}

a:active {
	color: #b51e0e;
}

.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: #f8c864;
	font-family: 'DecoTechTL', sans-serif;
	text-transform: uppercase;
	border-radius: 4px 4px 0px 0px;
	border: 3px solid #edbe5a;
	text-align: center;
    background-color: #000070;
    padding: 10px 4px 0px 4px;
	cursor: pointer;
	display: block;
	margin-top: 7px;	
}

.accHead:hover { 
	background-color: #2f35c2;
	color: #fbe3b6;
}

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

.accHead:hover h4 {

}

.accBody {
	border: 6px solid #edbe5a;
	border-top: none;	
	background: #edbe5a;
	color: #f8c864;
	border-radius: 0px 0px 4px 4px;
}

.accBody #passrankstats h6, .subTableWrap .accBody h6, .accBody #songlookup  h6 {
    color: #000070;
    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: #6f4b28;
	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: #55d6f0;
}

strong, .otheremphasis {
	color: #ff99cd;
}

#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 {
	border: 5px double #f8c864;
	color: #fbe3b6;
	border-radius: 4px;
    background-color: #15222c;
	padding: 15px 5px 5px 8px;
	zoom: .8;
	margin-left: 15px;
}

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

.dataTables_filter label {
	font-family: 'Candara', 'Arial', sans-serif;
	font-weight: bold;
	color: #f8c864;
	background-color: #285dd291;
    padding: 10px 20px 10px 5px;
    border-radius: 10px;	
}

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

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

#languagepicker a {
	font-size: .5rem;	
	color: #ae825e;
	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: #ffeeca;
	/* 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,  rgba(220,160,80,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

#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,  rgba(220,160,80,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	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: #FFFFFF;
}

.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;
}
*/