:root {
	--apaes-color-05: rgba(227, 125, 58, 0.05);
	--apaes-color-10: rgba(227, 125, 58, 0.10);
	--apaes-color-15: rgba(227, 125, 58, 0.15);
	--apaes-color-20: rgba(227, 125, 58, 0.20);
	--apaes-color-25: rgba(227, 125, 58, 0.25);
	--apaes-color-30: rgba(227, 125, 58, 0.30);
	--apaes-color-35: rgba(227, 125, 58, 0.35);
	--apaes-color-40: rgba(227, 125, 58, 0.40);
	--apaes-color-45: rgba(227, 125, 58, 0.45);
	--apaes-color-50: rgba(227, 125, 58, 0.50);
	--apaes-color-55: rgba(227, 125, 58, 0.55);
	--apaes-color-60: rgba(227, 125, 58, 0.60);
	--apaes-color-65: rgba(227, 125, 58, 0.65);
	--apaes-color-70: rgba(227, 125, 58, 0.70);
	--apaes-color-75: rgba(227, 125, 58, 0.75);
	--apaes-color-80: rgba(227, 125, 58, 0.80);
	--apaes-color-85: rgba(227, 125, 58, 0.85);
	--apaes-color-90: rgba(227, 125, 58, 0.90);
	--apaes-color-95: rgba(227, 125, 58, 0.95);
	--apaes-color-100: rgba(227, 125, 58, 1);
}
html {
	font-family: Dosis, sans-serif;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 1px;
}
/* Body */
body {
	/*font-family: Quicksand, sans-serif;*/
	background-color: #ebebeb;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/* Other Defaults */
form {
	margin: 0;
}
h1 {
	font-family: Dosis, sans-serif;
	font-weight: 400;
	font-size: 36px;
	letter-spacing: 2px;
	margin: 0;
	text-shadow: 0.5px 0.5px 1px #DCDCDC;
}
h2 {
	font-family: Raleway, sans-serif;
	font-size: 28px;
	letter-spacing: 2px;
	text-shadow: 0.5px 0.5px 1px #DCDCDC;
}
h3, h4, h5 {
	font-family: Quicksand, sans-serif;
	text-shadow: 0.5px 0.5px 1px #DCDCDC;
}
h3 {
	font-size: 24px;
	font-weight: 400;
	letter-spacing: 1px;
}
h4 {
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 1px;
}
h5 {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 1px;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
button:hover {
    cursor: pointer;
}

/* Container */
.veil {
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgba(0, 0, 0, 0.75);
	z-index: -1;
}
.container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.body-container {
	width: 100%;
	height: auto;
	padding-top: 128px;
}
.display-body {
	display: none;
}
.flex-item {
	
}
.container .flex-item:nth-of-type(1) {flex-grow: 2;}
.container .flex-item:nth-of-type(2) {flex-grow: 5;}
.container .flex-item:nth-of-type(3) {flex-grow: 1;}
.fixed-img {
	height: 100%;
	width: 100%;
	position: fixed;
	background: #f8f8f8;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: -1;
}
.fixed-img img {
	background: #f8f8f8;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto;
	max-height: 850px;
	max-width: 850px;
	opacity: 0.20;
}
.vtb {	
	width: 375px;
	height: 50px;
	color: var(--apaes-color-100);
	background-color: rgba(255, 255, 255, 0.9);
	border: none;
	font-family: Quicksand, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 1px;
	padding-left: 5px;
	text-shadow: none;
	margin: 0;
	text-shadow: 1px 1px 2px WhiteSmoke;
}
.vtb:hover, 
.vtb:focus {	
	background-color: rgba(255, 255, 255, 1);
}
select,
.textbox {	
	width: 375px;
	height: 50px;
	color: var(--apaes-color-100);
	background-color: rgba(255, 255, 255, 0.9);
	border: none;
	border-bottom: 2px solid var(--apaes-color-25);
	border-radius: 0px;
	font-family: Quicksand, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 1px;
	padding-left: 4px;
	text-shadow: none;
	margin: 0;
	text-shadow: 1px 1px 2px WhiteSmoke;
	box-shadow: 2px 2px 20px 5px rgba(0,0,0,0.1);
}
select {
	border-bottom: 2px solid White;
	border-radius: 0px;
	padding-left: 0px;
}
select:hover,
.textbox:hover {	
	color: var(--apaes-color-100);
	background-color: rgba(255, 255, 255, 1);
	border-bottom: 2px solid var(--apaes-color-50);
}
select:focus,
.textbox:focus {	
	color: #4682B4;
	background-color: rgba(255, 255, 255, 1);
	border-bottom: 2px solid var(--apaes-color-100);
}
select:disabled,
select:disabled:hover,
.textbox:disabled,
.textbox:disabled:hover {	
	color: DarkGrey;
	background-color: White;
	border-bottom: 2px solid LightGrey;
	text-shadow: 0px 0px 1px DarkGrey;
}
option {
	text-shadow: 0px 0px 2px DarkGrey;
}
option:hover {
	color: var(--apaes-color-100);
}
.filter-button,
.button, 
.link-button:link, 
.link-button:visited {
	font-family: Quicksand, sans-serif;
	width: 125px;
	height: 50px;
	color: white;
	background: #4682B4;
	border-style: none;
	border-radius: 7px;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	/*box-shadow: inset 0 0 2px #000000;*/
	letter-spacing: 1px;
	text-shadow: 0.5px 0.5px 1px #4682B4;
	padding: 0;
	margin: 0;
}
.filter-button:hover:enabled,
.button:hover:enabled, 
.link-button:hover, 
.link-button:active {
	color: #000000;
	background: rgba(241,231,103,1);
	background: -moz-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,231,103,1)), color-stop(100%, rgba(254,182,69,1)));
	background: -webkit-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
	background: -o-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
	background: -ms-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
	background: linear-gradient(to bottom, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
	text-shadow: 0.5px 0.5px 1px rgba(245,238,150,0.85);
	cursor: pointer;
}
.filter-button:disabled:hover,
.filter-button:disabled,
.button:disabled:hover,
.button:disabled {
	color: #bebebe;
    background: #dddddd;
	text-shadow: 0.5px 0.5px 1px #FFF;
}
.link-button:link, 
.link-button:visited, 
.link-button:hover, 
.link-button:active {
	border-radius: 7px 7px 7px 7px;
	text-decoration: none;
	padding: 15px 40px;
}
.filter-button {
	height: 40px;
	margin-right: 5px;
}
.bxs {
	box-shadow: 2px 2px 20px 5px rgba(0,0,0,0.1);
}
.bgc {
	background-color: rgba(255, 255, 255, 0.65);
}
.formerror, .forminfo {
	margin: 0;
	padding: 10px;
	font-family: 'Quicksand', sans-serif;
	font-size: 14px;
}
.formerror fieldset {
	color: red;
	border: 1px solid red;
	border-radius: 0px;
	background-color: rgba(255,0,0,0.05);
	margin: 5px;
}
.formerror legend {
    color: red;
	text-shadow: 0.5px 0.5px 1px rgba(255,128,128,1);
}
.forminfo fieldset {
	color: black;
	border: 1px solid LightGrey;
	border-radius: 0px;
	background-color: rgba(255,255,255,0.85);
	margin: 5px;
}
.forminfo legend {
    color: black;
	text-shadow: 0.5px 0.5px 1px white;
}
/*
@keyframes cf4FadeInOut {
	0% {
		opacity:1;
	}
	17% {
	  	opacity:1;
	}
	25% {
	  	opacity:0;
	}
	92% {
	  	opacity:0;
	}
	100% {
		opacity:1;
	}
}

#cf4a {
	height:100%;
	width:100%;
	margin:0 auto;
}
#cf4a img {
	height: 100%;
	width: 100%;
	position: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -1;
}

#cf4a img {
	animation-name: cf4FadeInOut;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 15s;
}
#cf4a img:nth-of-type(1) {
	animation-delay: 10s;
}
#cf4a img:nth-of-type(2) {
	animation-delay: 5s;
}
#cf4a img:nth-of-type(3) {
	animation-delay: 0s;
}
#cf4a img:nth-of-type(4) {
	animation-delay: 0;
}
*/
.tooltip .tooltiptext {
	font-family: Quicksand, sans-serif;
	font-weight: 400;
	font-size: 12px;
	visibility: hidden;
	width: 120px;
	background-color: rgba(0, 0, 0, 0.60);
	color: #fff;
	text-align: center;
	border-radius: 0px 7px 0px 7px;
	padding: 5px 0;

	/* Position the tooltip */
	position: absolute;
	z-index: 1;
	text-shadow: none;
}
.tooltip:hover .tooltiptext {
	visibility: visible;
}
.navbar {
  overflow: hidden;
  background-color: var(--apaes-color-90);
  font-family: Quicksand, sans-serif;
}
.navbar a {
  float: left;
  font-size: 14px;
  color: white;
  text-align: center;
  padding: 5px 16px;
  text-decoration: none;
}
.dropdown {
  float: left;
  overflow: hidden;
}
.dropdown .dropbtn {
  font-size: 14px;
  border: none;
  outline: none;
  color: white;
  padding: 5px 16px;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
  letter-spacing: 1px;
  border-radius: 0px;
}
.dropbtn:hover {
	cursor: pointer;
}
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: white;
  color: var(--apaes-color-100);
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
  z-index: 1;
}
.dropdown-content a {
  float: none;
  color: black;
  padding: 5px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a:hover {
  background-color: var(--apaes-color-100);
  color: white;
}
.dropdown:hover .dropdown-content {
  display: block;
}
.dashboard-nav-dropdown {
	float: right;
}
.dashboard-nav-userbtn {
	min-width: 200px;
	text-align: right;
}
.default-captcha {
	padding: 10px;
	text-align: center;
}
.g-recaptcha {
	display: inline-block;
}
.no-script {
	background-color: rgba(255, 255, 255, 0.90);
	border-radius: 0 25px 0 25px;
	color: #000;
	display: block;
	margin: auto;
	margin-top: 50px;
	max-width: 750px;
	min-width: 750px;
	padding: 15px 15px;
	text-align: center;
	text-shadow: 1px 1px 2px #FFF;
	z-index: 0;
	
}
.no-script-ff {
	font-family: 'Quicksand', sans-serif;
}
.no-script-fs {
	font-size: 18px;
}
.hidden {
	display:none;
}
.bc {
	background-color: rgba(255, 255, 255, 0.90);
	color: rgb(227, 125, 58);
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
	align-content: center;
	align-items: center;
	font-family: 'Quicksand', sans-serif;
	font-size: 11px;
	font-weight: 600;
	height: 24px;
	padding: 0px 10px;
	text-shadow: none;
}
.bca1 {
	justify-content: center;
}
.bca2 {
	justify-content: flex-start;
}
.bcl {
	color: rgb(227, 125, 58);
	padding: 2px;
	text-decoration: none;
}
.bcl:hover {
	color: blue;
	font-weight: 600;
	text-decoration: none;
}
.dfr {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
.dfrn {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
.dfrw {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.dfcn {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
}
.dfcw {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
.dfa1 {
	align-content: center;
    justify-content: flex-start;
    align-items: flex-start;
}
.dfa2 {
	align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}
.dfa3 {
	align-content: center;
	justify-content: space-between;
    align-items: center;
}
.dfa4 {
	align-content: center;
    justify-content: center;
    align-items: center;
}
.dfa5 {
	align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.dfa6 {
	align-content: center;
	justify-content: flex-end;
    align-items: center;
}
.dfa7 {
	align-content: center;
	justify-content: space-evenly;
    align-items: center;
}
.dfa8 {
	align-content: flex-start;
	justify-content: center;
    align-items: flex-start;
}
.btn {
	width: 40px;
	height: 30px;
	background-color: transparent;
	border: none;
	font-size: 20px;
	color: black;
	text-shadow: none;
	opacity: 1;
}
.btn:hover:enabled {
	text-shadow: 1px 1px 2px DarkGrey;
}
.btn:disabled:hover,
.btn:disabled {
	color: DarkGrey;
    text-shadow: none;
	opacity: 0.45;
}
.btn:first-child {
	margin-left: 5px;
}
.btn:last-child {
	margin-left: auto;
	margin-right: 5px;
}
.btn-close:hover:enabled, 
.btn-cancel:hover:enabled, 
.btn-delete:hover:enabled,
.btn-inner-close:hover:enabled, 
.btn-inner-cancel:hover:enabled, 
.btn-inner-delete:hover:enabled {
	color: red;
}
.btn-new:hover:enabled,
.btn-inner-new:hover:enabled {
	color: gold;
}
.btn-edit:hover:enabled,
.btn-inner-edit:hover:enabled {
	color: #7CFC00; /* LawnGreen */
}
.btn-close-dlg {
	border: none;
	background-color: transparent;
	color: rgba(204,204,204,0.85);
	font-size: 24px;
	position: absolute;
	top: 0px;
	right: 0px;
}
.btn-close-dlg:hover:enabled {
	background-color: transparent;
	border: none;
	box-shadow: none;
	color: white;	
}
.btn-err {
	top: 10px;
	background-color: transparent;
}
.btn-junk:hover:enabled,
.btn-spam:hover:enabled {
	color: orange;
}
.btn-view:hover:enabled,
.btn-save:hover:enabled,
.btn-refresh:hover:enabled,
.btn-inbox:hover:enabled,
.btn-unspam:hover:enabled {
	color: #00FFFF; /* Aqua */
}
.btn-starred:hover:enabled,
.btn-star:hover:enabled,
.btn-unstar:hover:enabled {
	color: gold;
}
.btn-approve:hover:enabled {
	color: #FF6347; /* Tomato */
}
.btn-send:hover:enabled {
	color: SpringGreen;
}
.btn-body {
	width: auto;
	height: 30px;
	background-color: transparent;
	border: none;
	font-size: 20px;
	padding-right: 5px;
	text-shadow: none;
	opacity: 0.4;
}
.btn-body:hover:enabled {
	opacity: 1;
}
.btn-body:disabled:hover,
.btn-body:disabled {
	color: Grey;
}
.btn-add {
	color: Green;
}
.btn-remove {
	color: Red;
}
.btn-audit {
	color: DarkOrange;
}
.btn-index {
	color: DodgerBlue;
}
.dash-editor-container .dash-editor-toolbar .btn:first-child {
	margin-left: 0px;
	margin-right: 5px;
}
.dash-editor-container .dash-editor-toolbar .btn:last-child {
	margin: 0px;
}
.v-separator {
	border: none;
	color: rgb(196, 196, 196);
	content: "";
	display: inline-block;
	margin: 0px 3px;
}
.pgn {
	background: radial-gradient(circle at center bottom, #f3f3f3 5%,transparent 6%, transparent 19%, #f3f3f3 20%, #f3f3f3 25%, transparent 26%, transparent 39%, #f3f3f3 40%, #f3f3f3 45%, transparent 46%), radial-gradient(circle at center top, #f3f3f3 5%,transparent 6%, transparent 19%, #f3f3f3 20%, #f3f3f3 25%, transparent 26%,transparent 39%, #f3f3f3 40%, #f3f3f3 45%, transparent 46%), radial-gradient(circle at left,#f3f3f3 5%, transparent 6%), radial-gradient(circle at right,#f3f3f3 5%, transparent 6%);
	background-size: 1em 1em;
	background-color: #ffffff;
	opacity: 1;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
	font-size: 14px;
	padding: 10px 5px;
	width: auto;
}
.pgn button {
	background-color: transparent;
	color: var(--apaes-color-100);
	padding: 5px;
	text-align: center;
	text-decoration: none;
	text-shadow: none;
	transition: background-color .35s;
	border: 1px solid var(--apaes-color-100);
	border-radius: 7px;
	margin: 4px 4px;
	width: 30px;
	height: 30px;
}
.pgn button.active {
	background-color: rgba(127, 255, 212, 0.85);
	color: black;
	border: 1px solid var(--apaes-color-100);
}
.pgn button:enabled:hover:not(.active):not(.symbols) {
	color: var(--apaes-color-100);
	background-color: rgba(127, 255, 212, 0.45);
}
.pgn .symbols {
	font-size: 20px;
	background-color: transparent;
	border: none;
	color: white;
}
.pgn button:enabled:hover:is(.symbols) {
	color: var(--apaes-color-100);
}
.pgn button:disabled:is(.symbols) {
	color: rgba(127, 127, 127, 0.65);
}
.pgn-l {
	color: var(--apaes-color-100);
	font-weight: 600;
	text-shadow: 1px 1px 2px var(--apaes-color-25);
}
.dssc-r {
	background-color: LightGrey;
}
.dssc-t {
	background-color: White;
	border-radius: 0 7px 0 7px;
	box-shadow: 0px 0px 15px 0px rgba(127, 127, 127, 0.5);
	margin: 10px 0px;
}
.w100pct,
.w100pct label,
.w100pct input,
.w100pct select,
.w100pct textarea {
	min-width: 100%;
	max-width: 100%;
}
.w25,
.w25 label,
.w25 input,
.w25 select,
.w25 textarea {
	min-width: 25px;
	max-width: 25px;
}
.w50,
.w50 label,
.w50 input,
.w50 select,
.w50 textarea {
	min-width: 50px;
	max-width: 50px;
}
.w75,
.w75 label,
.w75 input,
.w75 select,
.w75 textarea {
	min-width: 75px;
	max-width: 75px;
}
.w100,
.w100 label,
.w100 input,
.w100 select,
.w100 textarea {
	min-width: 100px;
	max-width: 100px;
}
.w150,
.w150 label,
.w150 input,
.w150 select,
.w150 textarea {
	min-width: 150px;
	max-width: 150px;
}
.w200,
.w200 label,
.w200 input,
.w200 select,
.w200 textarea {
	min-width: 200px;
	max-width: 200px;
}
.w250,
.w250 label,
.w250 input,
.w250 select,
.w250 textarea {
	min-width: 250px;
	max-width: 250px;
}
.w300,
.w300 label,
.w300 input,
.w300 select,
.w300 textarea {
	min-width: 300px;
	max-width: 300px;
}
.w350,
.w350 label,
.w350 input,
.w350 select,
.w350 textarea {
	min-width: 350px;
	max-width: 350px;
}
.w400,
.w400 label,
.w400 input,
.w400 select,
.w400 textarea {
	min-width: 400px;
	max-width: 400px;
}
.w450,
.w450 label,
.w450 input,
.w450 select,
.w450 textarea {
	min-width: 450px;
	max-width: 450px;
}
.w500,
.w500 label,
.w500 input,
.w500 select,
.w500 textarea {
	min-width: 500px;
	max-width: 500px;
}
.w550,
.w550 label,
.w550 input,
.w550 select,
.w550 textarea {
	min-width: 550px;
	max-width: 550px;
}
.w600,
.w600 label,
.w600 input,
.w600 select,
.w600 textarea {
	min-width: 600px;
	max-width: 600px;
}
.w650,
.w650 label,
.w650 input,
.w650 select,
.w650 textarea {
	min-width: 650px;
	max-width: 650px;
}
.w700,
.w700 label,
.w700 input,
.w700 select,
.w700 textarea {
	min-width: 700px;
	max-width: 700px;
}
.w750,
.w750 label,
.w750 input,
.w750 select,
.w750 textarea {
	min-width: 750px;
	max-width: 750px;
}
.w800,
.w800 label,
.w800 input,
.w800 select,
.w800 textarea {
	min-width: 800px;
	max-width: 800px;
}
.w850,
.w850 label,
.w850 input,
.w850 select,
.w850 textarea {
	min-width: 850px;
	max-width: 850px;
}
.w900,
.w900 label,
.w900 input,
.w900 select,
.w900 textarea {
	min-width: 900px;
	max-width: 900px;
}
.w950,
.w950 label,
.w950 input,
.w950 select,
.w950 textarea {
	min-width: 950px;
	max-width: 950px;
}
.w1000,
.w1000 label,
.w1000 input,
.w1000 select,
.w1000 textarea {
	min-width: 1000px;
	max-width: 1000px;
}
#dash-filter-fc,
#dash-filter-fo,
#dash-filter-fv {
	border: none;
	border-radius: 0 7px 0 7px;
}
.spacer {
	content: "";
	display: inline-block;
	padding: 0px 5px;
	width: 10px;
}
.pad10t {
	padding-top: 10px;
}
.pad10b {
	padding-bottom: 10px;
}
.pad10r {
	padding-right: 10px;
}
.pad10l {
	padding-left: 10px;
}
/* Small Devices */
@media (max-width: 1023px) {
	h1 {
		font-size: 24px;
	}
	h2 {
		font-size: 22px;
	}
	h3 {
		font-size: 18px;
	}
	h4 {
		font-size: 16px;
	}
	h5 {
		font-size: 14px;
	}
	.no-script {
		max-width: 300px;
		min-width: 250px;				
	}
	.no-script-fs {
		font-size: 14px;
	}
}

/*
@media (min-width: 505px) and (max-width: 900px) {
	
}

@media (min-width: 321px) and (max-width: 900px) {
	
}
*/