#accounts_navbar {
	display: flex;
	list-style-type: none;
	font-size: 0.5em;
	background-color: white;
}

#accounts_navbar li {
	border: solid .1em black;
	padding:  0.2em;
}

#accounts_navbar a {
		text-decoration: none;
		text-transform: uppercase;
}

body {
            counter-reset: buttonCounter checkCounter;

	font-size: 5em;
	background: url('/tdbridge/img/header.png');
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #035E43;
}


        /* Automatically add a number before each player*/
/*.container .checkmark::after { */
       label.container span.checkmark::after { 
            counter-increment: checkCounter; /* Increase the counter */
            content: counter(checkCounter); /* Display the counter */
            font-weight: bold;
            margin-right: 10px;
        }


        /* Automatically add a number before each button */
        button.player span.firstname::before {
            counter-increment: buttonCounter; /* Increase the counter */
            content: counter(buttonCounter) ". "; /* Display the counter */
            font-weight: bold;
            margin-right: 10px;
        }


p {
	margin: 0;
	font-size:0.8em;
}

h1 {
	text-align: left;
	text-transform: uppercase;
	font-size: 75%;
	padding-top: 85px;
	height: 215px;
	margin: 0 0 0 320px;
}

h2 {
	text-align: center;
	text-transform: uppercase;
	font-size: 50%;
}

input[type=submit], button, .upload {
	background-image: url('/tdbridge/img/deck.png'), url('/tdbridge/img/deck.png');
	background-position: 10%, 90%;
	background-repeat: no-repeat, no-repeat;
	background-color: #AEA45A;
	border-radius: .75em;
	color: black;
	border-style: hidden;
//	text-align: left;
	text-transform: uppercase;
	padding: .5em;
	margin: .5em auto;
	display: block;
	font-size: 75%!important;
	width: 70%;
//	white-space: nowrap;
}

input[type=submit], button {
	cursor : pointer!important;
}

#searchResults button, button.small {
	vertical-align:bottom!important;
	font-size: 50%!important;
	display:inline!important;
	margin:0 1em 0 0!important;
	width:4em!important;
	background-image:none!important;
}

input[type=search] {
	background-image: url('/tdbridge/img/search.svg');
	background-position: right center;
	background-repeat: no-repeat, no-repeat;
	background-size: 1em;
}

input::placeholder{font-size: 90%;}

form.logo{
	background: url('/tdbridge/img/smokenaces.svg');
	 background-size: 300px auto;
	background-repeat: no-repeat;
	background-position: center 10px;
	padding-top: 300px!important;
	width:75%!important;
}

form {
	width:90%;
	margin:1em auto auto auto;
	background-color: white!important;
	border-color: black;
	border-style: solid;
	border-width: 0.1em;
	border-radius: .75em;
	display:block;
	padding: 0.5em 0.25em;
}

input {
	padding:0.25em;
	font-size: 100%;
	display:block;
	margin-bottom:1em;
	border: solid 0.1em black;
	font-family: monospace;
}

label {
	text-align: left;
	font-size: 75%;
	display:block;
	text-transform: capitalize;
	margin-bottom: 0.25em;
}


#footer {
	margin-top:2.5em;
	position: relative;
	background: url('/tdbridge/img/footer.png');
	background-repeat: no-repeat;
	background-position: top right;
	height:166px!important;
}

#footer p{
	font-size: 0.35em;
	text-align: left;
	position:absolute;
	bottom: 0;
	left: 2em;
}

.error {color: red;text-transform: lowercase;text-align: center;}
.page {display: none;}
.center {text-align: center;}
.inline {display: inline-block;width:auto;}
.firstname {text-transform: capitalize;}
.lastname {text-transform: uppercase;}
.green {background-color: green!important;}
.hide {visibility: hidden;}
.big {width: 90%!important;font-size: 125%;}
.popup {
	border-style: solid;
	border-color: black;
	border-radius: 1em;
	border-width: 0.1em;
	text-transform: uppercase;
	text-align: center;
	position: fixed;
	top: 1em;
	left: 5%;
	width: 90%;
	background: white;
	display: none;
}

.container {
  display: block;
  left:1em;
  position: relative;
  padding-left: 1.5em;
  margin-bottom: 1em;
  cursor: pointer;
  font-size: inherit;
  font-family: monospace;
  font-weight: bold ;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 1em;
  width: 1em;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator 
.container .checkmark:after {
  left: 0.2em;
  top: 0.1em;
  width: 0.25em;
  height: 0.5em;
  border: solid white;
  border-width: 0 0.1em 0.1em 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
*/


table, th, td {
  border: 0.1em solid black;
}

th {
	background-color: #498B57;
}
table caption {
	background-color: white;
	text-transform: uppercase;
	padding:0.75em;
	font-size: 125%;
}

table {
	font-family: courier;
	font-weight:100!important;
	 border-collapse: collapse;
	background-color:white;
	width:100%;
	font-size:50%;
}