* {
	box-sizing:content-box;
}
html,body {
	margin:0;
	padding:0;
	font-family:"Montserrat",tahoma,arial,sans-serif;
	width:100vw;
	height:100vh;
	background-color:#1f201f;
	color:#eee;
}
a {
	color:#eee;
}
a:visited {
	color:#eee;
}
input {
	border-radius:5px;
	margin:5px;
	padding:0 5px;
}
i.button {
	margin:0 5px;
	padding:5px;
	border-radius:5px;
	color:#ccc;
}
i.button:hover {
	cursor:pointer;
	padding:4px;
	border:1px solid #ccc;
	background-color:#666;
}
#loader {
	width:100vw;
	height:100vh;
	opacity:1.0;
	background:rgba(16,16,16,0.85);
	z-index:99;
	position:absolute;
	top:0;
	left:0;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	align-content:center;
}
.bars {
	font-family:Arial;
	font-size:18pt;
	color:rgb(235,235,235);
	display:flex;
	justify-content:center;
	align-items:center;
	width:480px;
	height:360px;
    background: rgb(192,192,192);
	background: linear-gradient(90deg, rgba(192,192,192,1) 0%, rgba(192,192,192,1) 14%, rgba(192,192,0,1) 15%, rgba(192,192,0,1) 28%, rgba(0,192,192,1) 29%, rgba(0,192,192,1) 42%, rgba(0,192,0,1) 43%, rgba(0,192,0,1) 56%, rgba(192,0,192,1) 57%, rgba(170,25,199,1) 70%, rgba(192,0,0,1) 71%, rgba(192,0,0,1) 84%, rgba(0,0,192,1) 85%, rgba(0,0,192,1) 100%);
	border-radius:1em;
	border:2px inset #ccc;
}
.bars > span {
	background-color:rgb(16,16,16);
	padding:.5em .75em;
}

#container {
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	display:flex;
	flex-direction:column;
	flex:1;
	overflow:hidden;
}

#header {
	background-color:#1f201f;
	display:flex;
	flex-direction:column;
	padding:.5em 1em;
	font-size:10pt;
}
#header > .headerRow {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	align-content:center;
	width:90%;
	margin:0 auto;
}
#header .logo:first-child {
	flex:1;
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:center;
}
#header .logo img {
	margin-right:2em;
	padding:0;
}
#header .logo > span {
	margin-left:1em;
	padding:0;
}
#header .logo:last-child {
	margin-left:6em;
	align-self:center;
	justify-content:flex-end;
}
.headerRow > div:last-child {
	flex-shrink:1;
}
.headerBottom {
    background: rgb(86,17,57);
	background: linear-gradient(90deg, rgba(39,107,141,1) 0%, rgba(47,8,31,1) 100%);
	min-height:5px;
	margin:0;
	padding:0;
}
nav {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
}
nav > a {
	margin:0 1em;
	padding:.25em .5em;
	border-radius:.25em;
	text-decoration:none;
}
nav > a:hover {
	background:#333;
}
/*
nav > ul {
	margin:0;
	padding:0;}
nav > ul > li {
	display:inline;
	list-style-type:none;
	margin-left:0;
	padding-left:0;
	white-space:nowrap;
}
nav > ul > li:hover {
	border-bottom:2px solid rgba(235,235,235,0.5);
	padding:3px 10px;
}
nav > ul > li::before {
	content:"|";
	padding:0 .75em;
	font-size:x-large;
	font-weight:600;
	color:rgba(235,235,235,0.5);
}
nav > ul > li:first-child:before {
	padding:0 15px 0 0;
}
nav > ul > li:last-child {
}
nav > ul > li:last-child:after {
	content:"|";
	padding-left:.75em;
	font-size:x-large;
	font-weight:600;
	color:rgba(235,235,235,0.5);
}
nav > ul > li > a {
	text-decoration:none;
	padding:5px 10px;
}
nav > ul > li > a:hover {
}
*/
nav {
	margin-left:1em;
}
#main {
	margin:0;
	padding:0;
	border-radius:10px;
	flex:1;
	/* overflow:auto; */
}
#main > h2 {
	margin:0;
	text-align:center;
}
#main > h2 > sup {
	font-size:small;
}
#main > .titleRow > span > i {
	padding:4px;
	border:1px solid #555;
	background:#aaa;
}
#main > .titleRow > span > i:hover {
	background:#555;
}

#footer {
	display:flex;
	flex-direction:row;
	justify-content:flex-end;
	align-items:center;
	font-size:x-small;
	color:#666;
	padding:5px 20px;
	border-top:1px solid #666;
}
#footer > p {
	margin:0;
	padding:0;
}
#login {
	padding:10px;
	margin:10px auto;
	width:25%;
	display:flex;
	flex-direction:column;
	align-items:center;
	align-content:center;
	justify-content:center;
	background:#3e3d40;
	border:2px solid #aaa;
	border-radius:5px;
}
#login form {
	margin:0;
}
#login input {
	padding:5px;
}
.login {
	text-align:center;
	border-radius:5px;
	padding:5px;
	margin:0 auto;
	font-size:small;
	border:1px solid #333;
	background:#ccc;
	background:linear-gradient(0deg, rgba(187,187,187,1) 0%, rgba(238,238,238,1) 100%);
}
.login:hover {
	cursor:pointer;
	background:#ccc;
	background:linear-gradient(0deg, rgba(238,238,238,1) 0%, rgba(187,187,187,1) 100%);
}
.loginRow {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	align-content:center;
	margin:5px;
}
.login i {
	padding:5px;
}
.error {
	text-align:center;
	margin:5px;
	font-size:small;
	color:#ccc;
	background:#3e3d40;
}
.errorWindow {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	align-content:center;
}
.errorWindow > div {
	margin:10px;
	padding:10px;
	border-radius:5px;
	border:1px solid #e21c40;
	background:#3e3d40;
	color:#ccc;
}
.titleRow {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	align-content:center;
}
.formRow, .input-form-row {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	align-content:center;
	border-radius:5px;
	margin:10px;
	padding:10px;
	border:1px solid #eee;
	color:#ccc;
}
.formRow:last-child {
	justify-content:space-around;
	padding:0;
	border:none;
}
.wrapper > div {
	border-radius:5px;
	padding:10px;
	margin:10px;
	border:1px solid #2f2e30;
	color:#ccc;
	background:#3e3d40;
}
.wrapper > div > span {
	margin:0 10px;
}
.wrapper > div > p > a {
	color:#ccc;
}
.wrapper > div > p {
	color:#ccc;
	padding:.25em .5em;
}
.input-form {
	background-color:#2f2e30;
	border:1px solid #ccc;
	border-radius:5px;
	margin:10px;
	padding:10px;
}
.input-error {
	border:3px solid red;
	background-color:#f99;
}
.options-visible {
	display:block;
}
.options-hidden {
	display:none;
}
.wrapper h4 {
	margin:0;
}

/* Import CSV options */
.codec-hidden {
	display:none;
}
.codec-visible {
	display:block;
}
/* End of Import CSV options */

/* Status color scheme */
.pending {
	background-color:#cc9900;
}
.scheduled {
	background-color:#660066;
}
.inprogress {
	background-color:#006699;
}
.completed {
	background-color:#006633;
}
.flagged {
	background-color:#cc6600;
}
.error {
	background-color:#cc3300;
}
.canceled {
	background-color:#6e6c76;
}
/* End of Status color scheme */

/* JQuery UI overrides */
.ui-widget-overlay {
	opacity:0.8;
	background:#1f201f;
}
.ui-dialog {
	background:#1f201f;
}
.ui-widget-content a {
	color:#eee;
}
/* End of JQuery UI overrides */

/* Bell Notification */
#notification {
	margin: 0px 0px 0px 20px;
	min-width: 50px;
}

/* User Drop Down Menu */
nav {
	flex:1;
	margin:5px 0;
	z-index:200;
}
#menu ul, #docs ul {
	padding:.25em .5em;
	margin:0 1em;
	list-style:none;
	position:relative;
}
#menu ul li, #docs ul li {
	display:inline-block;
}
#menu a, #docs a {
	display:block;
	padding:1px 10px;
	line-height:25px;
	text-decoration:none;
}
#menu a:hover, #docs a:hover {
	text-decoration:none;
}
#menu ul ul, #docs ul ul {
	display:none;
	position:absolute;
	top:2em;
	right:0;
	left:auto;
	font-size:small;
}
#menu ul li > ul > li:hover, #docs ul li > ul > li:hover {
	background:#666;
}
#menu ul li:hover > ul, #docs ul li:hover > ul {
	display:inherit;
}
#menu ul ul li, #docs ul ul li {
	float:none;
	display:list-item;
	position:relative;
	background-color:#2f2e30;
	border:1px solid white;
}
#menu ul ul ul li, #docs ul ul ul li {
	position:relative;
	top:-40px;
	padding:5px;
}
#menu ul ul li, #docs ul ul li {
}
#menu li > a:after, #docs li > a:after {
	content:' ▼';
}
#menu li > a:only-child:after, #docs li > a:only-child:after { content: ''; }
/* End of User Drop Down Menu */

@media (max-width:1000px) {
	#menu, #docs > ul > li::before {
		content:"|";
		padding:0 5px;
		font-size:x-large;
		font-weight:600;
		color:rgba(235,235,235,0.5);
	}
	#menu, #docs > ul > li:first-child:before {
		padding:0 5px 0 0;
	}
	#menu, #docs > ul > li:last-child {
	}
	#menu, #docs > ul > li:last-child:after {
		content:"|";
		padding-left:5px;
		font-size:x-large;
		font-weight:600;
		color:rgba(235,235,235,0.5);
	}
}