@charset "UTF-8";
/* CSS Document */
/*
colors!
	navy = #001446, 1 less = #001D66, 2 less = #00237A;
	blue = #0096d1, 2 less = #0ABAFF, 2 more = #0084B8
	plum = #622650, 2 less = #83346C, 2 more = #491D3C
	teal = #429eae, 2 less = #5CB2C1, 2 more = #388694
	white = #f1f2f2, 2 more = #DFE2E2
	red = #d64933
	yellow = #FFB01F, 2 less = #FFBF47
*/

.hide {
	display: none;
}

.listTable {
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	margin-top: 2.81em;	
}

.listTable th {
	padding: 1em 0;
	font-size: 100%;
	color: #001446;
	border-bottom: #001446 0.125em solid;
}

.listTable td {
	padding: 1em 0;
	text-align: center;
	vertical-align: middle;
}

.listTable tr:nth-child(even) {
	background: #f1f2f2;
}

.listTable tr:nth-child(odd) {
	background: #fff;
}

.listTable tr.caution {
	background: #d64933;
}

.listTable tr.caution button[type=button].icon {
	color: #001446;
}

.listTable caption {
	font-size: 1.5em;
	font-weight: bold;
	color: #fff;
	background-color: #001446;
	padding: 0.5em;
}

button[type=button].password_show {
	background:none;
	padding:none;
	margin:0em 0em 0em -5em;
	color: #AAB1B1;
}

button[type=button].password_show:hover {
	background:none;
	padding:none;
	margin:none;
	color: #622650;
}

.stickyButton, input[type=submit].stickyButton, button[type=button].stickyButton {
	position: fixed;
	top: 0.6em;
	right:0;
	z-index: 100;
	margin:0;
}

.containerDiv {
	width: 96%;
	max-width: 96%;
	border: medium solid #001446;
	border-collapse: collapse;
	float: left;
	margin: 2%;
	background-color: #fff;
}

.modalContainer {
	width: 96%;
	max-width: 96%;
	border: medium solid #001446;
	border-collapse: collapse;
	float: left;
	margin: 2%;
	background-color: #fff;
}

.topShow {
	padding: 0.8em 2%;
	font-weight: bold;
	background: #001446;
	color: #f1f2f2;
	width: 96%;
	border-collapse: collapse;
	display: inline-block;
}

.topShow button, .topShow button:hover {
	padding:0;
	background-color:transparent;
	margin:0;
	font-size: 1.5em;
}

.topShow button i {
	padding-left: 0.3em;
}

.insideDiv {
	padding: 0.6em;
}

.stickyHeader {
	position: fixed;
	top:0px;
	left:0px;
	height:auto;
	width:100%;
	z-index: 99;
	background-color: rgba(255, 255, 255, 0.75);
	padding: 0.5em 0 0.5em 0;
}

.horseHeader {
	margin: 0 0 0 .5em;
	text-align:left;
}

.stickyLeft {
	width: 65%;
}

.stickyRight {
	width: 35%;
}

.little-only {
	display: none;
}

.tiny-only {
	display: none;
}

button[type=button].little-menu-button {
	position: absolute;
	right:0;
	top:0;
	background-color: #001446;
}

button[type=button].little-menu-button:hover {
	background-color: #00113D;
}

button[type=button].refreshBtn {
	float:right;
	background-color:#429eae;
	color: #fff;
	letter-spacing: 1px;
	padding: 0.25em 1em;
	font-size:1em;
	text-transform: capitalize;
}

button[type=button].refreshBtn:hover {
	background-color: #388694;
}

button[type=button].emptyScore {
	background-color: #FFBF47;
	color: #001446;
}

button[type=button].emptyScore:hover {
	background-color: #FFB01F;
}

button[type=button].fullScore {
	background-color: #622650;
}

button[type=button].fullScore:hover {
	background-color: #491D3C;
}

.modal {
	display: none;
	position: fixed;
	z-index: 100;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.9);
	padding-top:5vh;
}
		
.modal_user {
	z-index:200;
}
		
.modal-buttons {
	width:100%;
	height:10vh;
	margin:0 auto;
}
		
.modal-img-content {
	margin:auto;
	display: block;
	max-width:95%;
	max-height:80vh;
	width:auto;
	height:auto;
	object-fit: contain;
	background-color: #fff;
	border: solid #fff 5px;
}
		
.modal-content {
	background-color: #fff;
	margin: auto;
	border: 1px solid #888;
	width: 90vw;
	max-width: 90vw;
	height: 90vh;
	max-height: 90vh;
	overflow: scroll;
}

.modal-content button[type=button].submit {
	float:right;
}
		
.modal-form {
	background-color: #fff;
	width:100%;
	height:100%;
}
		
.fieldsetTitle {
	margin-left:15px;
}

.modalTitle {
	font-family: 'EB Garamond', serif;
	font-size: 2em;
	color: #001446;
	font-weight: bold;
}

.main-logo {
	width: 25%;
}

.logo {
	width: 100%;
	align-content: center;
}

.center {
	text-align: center;
}

.pagination {
	width:100%;
	margin:10px auto;
  	display: inline-block;
	align-content: center;
	text-align: center;
}

a.paginate_button {
	margin:0;
	color: #001446;
  	padding: 8px 16px;
  	text-decoration: none;
	border:1px solid #E9E9E9;
	display: inline-block;
}

.paginate_blank {
	margin:0;
	color: #001446;
  	padding: 8px 16px;
  	text-decoration: none;
	display: inline-block;
	font-weight: bold;
}

a.active {
	margin:0;
	background-color:#001446;
	color:white;
	display: inline-block;
  	padding: 8px 16px;
  	text-decoration: none;
	border:1px solid #E9E9E9;
}

a.paginate_button:hover:not(.active) { background-color: #429eae; }

button.icon, button[type=button].icon {
	background-color:transparent;
	color: #429eae;
}

button.icon:hover, button[type=button].icon:hover {
	color: #388694;
}

button.add-minus {
	margin: 1.25em 0.5em;
	background-color: #429eae;
	padding: 0.25em 0.5em;
}	

button.add-minus:hover {
	background-color: #388694;
	padding: 0.25em 0.5em;
}

.split {
	padding: 0.625em;
	width: calc( 50% - 1.25em );
	float: left;
}

.red {
	color: #d64933;
}

@media (max-width: 1100px) {
	.big-only {
		display: none;
	}
	.little-only {
		display: block;
	}
	.horseHeader {
		width: 75%;
	}
}

@media ( max-width: 600px ) {
	.medium-only {
		display:none;
	}
	
	.backbtn {
		left:25%;
	}
	
	.tiny-only {
		display: block;
	}
	
	.topShow button {
		align-self: center;
		width:100%;
	}
	
	button[type=button].refreshBtn {
		float:none;
		align-self: center;
	}
	
	.modalContainer {
		width:94%;
	}
	
	.logo {
		width:70%;
		margin:0 2%;
		float:right;
	}
	
	.main-logo {
		width: 100%;
	}
	
	.split {
		width:100%;
	}
}