/* DEFAULT SETTINGS */
/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
/* 16px base font size with 150% (24px) friendly, unitless line height and margin for vertical rhythm */
/* Font-size percentage is based on 16px browser default size */
body, button, input, select, textarea {line-height:1.5; font-family:'Open Sans',sans-serif; *font-size: 1em/100%; color: #333} /* IE7 and older can't resize px based text */
p, blockquote, q, pre, address, hr, code, samp, dl, ol, ul, form, table, fieldset, menu, img {margin: 0 0 1.5em; padding: 0}

/* TYPOGRAPHY */
h1, h2, h3, h4, h5, h6 {font-family:'Open Sans',sans-serif;color:#333;weight:400;}
h1 {margin: 0; font-size: 1.8em; line-height: 1.2em; margin-bottom: 0.4em}
h2 {margin: 0; font-size: 1.6em; line-height: 1em; margin-bottom: 0.5em; color:#5b0013}
h3 {margin: 0; font-size: 1.5em; line-height: 1.3333333333333333333333333333333em; margin-bottom: 0.6667em}
h4 {margin: 0; font-size: 1.25em; line-height: 1em; margin-bottom: 1em}
h5 {margin: 0; font-size: 1.125em; line-height: 1.1428571428571428571428571428571em; margin-bottom: 1.1428571428571428571428571428571em}
h6 {margin: 0; font-size: 1em; line-height: 1.3333333333333333333333333333333em; margin-bottom: 1.3333333333333333333333333333333em}
p, ul, blockquote, pre, td, th, label {margin: 0; font-size: 1em; line-height: 1.5em; margin-bottom: 1.5em}
small, p.small {margin: 0; font-size: 0.875em; line-height: 1.7142857142857142857142857142857em; margin-bottom: 1.7142857142857142857142857142857em}

/* CODE */
pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word} /* Allow line wrapping of 'pre' */
pre, code, kbd, samp {font-size: 1em; line-height: 1.5em; margin-bottom: 1.5em; font-family: Menlo, Consolas, 'DejaVu Sans Mono', Monaco, monospace}

/* TABLES */
table {border-collapse:collapse;border-spacing:0;font-size:0.9em;line-height:1em;width:99%;margin:1em 0.5%;}
table a{color:#5b0013;}
th {text-align:left;}
tr, th, td {border-bottom: 0 solid #333;padding:0 0.5em;}
tbody td.left{text-align:left;}
tbody td.right{text-align:right;}
thead th{text-align:center;}
tfoot th{text-align:right;}

/* DATATABLES CUSTOMIZATION */
table.dataTable tbody tr.oddRow {background-color:rgba(249, 247, 246, 0.8);}
table.dataTable tbody tr.evenRow {background-color:rgba(213, 214, 210, 0.8);}
table.dataTable tbody tr.selected {background-color:rgba(255, 222, 122, 0.7);}
table.dataTable tbody tr.oddRow td.sorting_1 {background-color:rgba(240, 239, 238, 0.8);}
table.dataTable tbody tr.evenRow td.sorting_1 {background-color:rgba(213, 214, 210, 0.9);}
table.dataTable thead .sorting{background-image:none;}
table.dataTable thead .sorting_asc{background-image:none;}
table.dataTable thead .sorting_desc{background-image:none;}
table.dataTable thead .sorting_asc_disabled{background-image:none;}
table.dataTable thead .sorting_desc_disabled{background-image:none;}

/* FORMS */
form {margin: 0}
fieldset {border: 0;padding: 0}
textarea {overflow: auto; vertical-align: top}
legend {*margin-left: -.75em}
button, input, select, textarea {vertical-align: baseline; *vertical-align: middle} /* IE7 and older */
button, input {line-height: normal; *overflow: visible}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;-webkit-appearance: button}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box;	box-sizing: content-box}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0}

/* QUOTES */
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none}
blockquote, q, cite {font-style: italic}
blockquote {padding-left: 1.5em; border-left: 3px solid #ccc}
blockquote > p {padding: 0}

/* LISTS */
ul, ol {list-style-position: inside; padding: 0}
li ul, li ol {margin: 0 1.5em}
dl dd {margin-left: 1.5em}
dt {font-family:'Open Sans',sans-serif}

/* HYPERLINKS */
a {text-decoration:none; color:#5b0013;}
a:hover {text-decoration: underline}
a:focus {outline: thin dotted}
a:hover, a:active {outline: none} /* Better CSS Outline Suppression */

/* MEDIA */
figure {margin: 0}
img, object, embed, video {max-width: 100%;	_width: 100%} /* Fluid images */
img {border: 0;	-ms-interpolation-mode: bicubic} /* Improve IE's resizing of images */
svg:not(:root) {overflow: hidden} /* Correct IE9 overflow */

/* ABBREVIATION */
abbr[title], dfn[title] {border-bottom: 1px dotted #333; cursor: help}

/* MARKED/INSERTED/DELETED AND SELECTED TEXT */
ins, mark {text-decoration: none}
mark {background: #c47529}
ins {background: #d49855}
del {text-decoration: line-through}
::-moz-selection {background: #c47529; color: #fff; text-shadow: none} /* selected text */
::selection {background: #c47529; color: #fff; text-shadow: none} /* selected text */

/* OTHERS */
strong, b, dt { font-weight: bold}
dfn {font-style: italic}
var, address {font-style: normal}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline} /* Position 'sub' and 'sup' without affecting line-height */
sup {top: -0.5em} /* Move superscripted text up */
sub {bottom: -0.25em} /* Move subscripted text down */
span.amp{font-family:'Open Sans',sans-serif;font-style:italic;font-size:110%;line-height:0;position:relative;vertical-align:baseline} /* Best available ampersand */

/* CUSTOMIZATIONS */
body{
	background-color: #fff;
}

/* HEADER DECLARATIONS */
header{
	background-color: #fff;
	clear: both;
}
header > #extLogo{
	padding:1%;
	margin-bottom:1px;
	background-color: #7a0019;
	color:#ffcc33;
	clear:both;
}
header img{
	margin:0;
}
header > #localBrand{
	padding:0.5%;
	width:96%;
	text-transform:none;
	margin-bottom:1px;
	background-color: #fff;
	color:#7a0019;
	font-weight:600;
	text-align:left;
	font-family:'Open Sans',sans-serif;
	font-size:2em;
	clear:both;
}
header > nav{
	background-color: #f0efee;
	color:#333;
	clear:both;
	text-transform:uppercase;
	font-weight:bold;
}
header > nav a{color:#333;}
header > nav a:hover{font-weight:bold;}
header > nav > ul{list-style-type:none;margin:0;overflow:hidden;}
header > nav > ul > li{display:inline-block;width:12%;text-align:center;padding-top:5px;padding-bottom:5px;}
header > nav > ul > li:hover {background-color:#ffcc33;background-color:rgba(255, 204, 51,0.95)} 
header > nav > ul > li.drop > div.drop {position:absolute;margin:0;padding:0;display:none;z-index:9;background-color:#ffcc33;background-color:rgba(255, 204, 51,0.95);font-weight:normal;text-transform:none;text-align:left;line-height:2em;} 
header > nav > ul > li.drop:hover {background-color:#ffcc33;background-color:rgba(255, 204, 51,0.95)} 
header > nav > ul > li.drop:hover > div.drop {display:block;padding-top:1.5em;background-color:#ffcc33;background-color:rgba(255, 204, 51,0.95)} 
header > nav > ul > li.drop > div.drop > ul {list-style-type:none;}
header > nav > ul > li.drop > div.drop > ul > li{width:100%;padding:0 0 1em 0;margin:0;line-height:1em;} 

/* CONTENT DECLARATIONS */
#content{
	float: left;
	width:98%;
	padding: 1%;
	background-color: #fff;
}
#content .dashboardItem, #signinBlock, #registerBlock {
	background-color:#f9f7f6;border: 2px solid #ffb71e;border-radius: 2px;text-align:center;margin-bottom:4%;
}
#content .dashboardItem > h2{margin-top:0.4em;}
#content ul.tasks{list-style-type:none;}
#content ul.tasks li{display:inline-block;margin:0 2px 10px 2px;}
#content ul.tasks a{
	transition:background-color 200ms ease-in-out;margin:0 1em 1em 0;padding:0.4em 1em;color:#fff;font-size:0.9em;line-height:1.25em;font-weight:500;font-family:'Open Sans',sans-serif;display:inline-block;cursor: pointer;text-decoration:none;text-align:center;border: 1px solid transparent;border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;-webkit-border-radius:2px 2px 2px 2px;box-shadow:1px 1px 2px rgb(51, 51, 51);-moz-box-shadow:1px 1px 2px rgb(51, 51, 51);-webkit-box-shadow:1px 1px 2px rgb(51, 51, 51);background-color:#7a0019;
}
#content ul.tasks a:focus{
	cursor: pointer;text-decoration:underline;background-color: #7a0019;
	color: #ffcc33
}
#content ul.tasks a:active{
	cursor: pointer;text-decoration:underline;background-color: #5b0013;
	color: #ffcc33;
}
#content ul.tasks a:hover{
	cursor: pointer;text-decoration:underline;background-color: #900021 !important;
	color: #fff;
}

#content a.add:before, .dialog a.add::before{font-family: "Font Awesome 5 Pro"; display: inline-block;	font-style: normal;	font-variant: normal;	text-rendering: auto;	-webkit-font-smoothing: antialiased; font-weight: 900; content: "\f055"; margin-right: 0.25em; vertical-align: text-top;}
#content a.copy:before, .dialog a.copy::before{font-family: "Font Awesome 5 Pro"; display: inline-block;	font-style: normal;	font-variant: normal;	text-rendering: auto;	-webkit-font-smoothing: antialiased; font-weight: 400; content: "\f0c5"; margin-right: 0.25em; vertical-align: text-top;}
#content a.edit:before, .dialog a.edit::before{font-family: "Font Awesome 5 Pro"; display: inline-block;	font-style: normal;	font-variant: normal;	text-rendering: auto;	-webkit-font-smoothing: antialiased; font-weight: 900; content: "\f044"; margin-right: 0.25em; vertical-align: text-top;}
#content a.delete:before, .dialog a.delete::before{font-family: "Font Awesome 5 Pro"; display: inline-block;	font-style: normal;	font-variant: normal;	text-rendering: auto;	-webkit-font-smoothing: antialiased; font-weight: 900; content: "\f056"; margin-right: 0.25em; vertical-align: text-top;}
#content a.cancel:before, .dialog a.cancel::before{font-family: "Font Awesome 5 Pro"; display: inline-block;	font-style: normal;	font-variant: normal;	text-rendering: auto;	-webkit-font-smoothing: antialiased; font-weight: 900; content: "\f410"; margin-right: 0.25em; vertical-align: text-top;}
#content a.email:before, .dialog a.email::before{font-family: "Font Awesome 5 Pro"; display: inline-block;	font-style: normal;	font-variant: normal;	text-rendering: auto;	-webkit-font-smoothing: antialiased; font-weight: 900; content: "\f0e0"; margin-right: 0.25em; vertical-align: text-top;}
#content a.pass:before, .dialog a.pass::before{font-family: "Font Awesome 5 Pro"; display: inline-block;	font-style: normal;	font-variant: normal;	text-rendering: auto;	-webkit-font-smoothing: antialiased; font-weight: 900; content: "\f023"; margin-right: 0.25em; vertical-align: text-top;}
#content a.list:before, .dialog a.list::before{font-family: "Font Awesome 5 Pro"; display: inline-block;	font-style: normal;	font-variant: normal;	text-rendering: auto;	-webkit-font-smoothing: antialiased; font-weight: 900; content: "\f03a"; margin-right: 0.25em; vertical-align: text-top;}
#content a.award:before, .dialog a.award::before{font-family: "Font Awesome 5 Pro"; display: inline-block;	font-style: normal;	font-variant: normal;	text-rendering: auto;	-webkit-font-smoothing: antialiased; font-weight: 900; content: "\f559"; margin-right: 0.25em; vertical-align: text-top;}
#content a.check:before, .dialog a.check::before, span.cleared::before{font-family: "Font Awesome 5 Pro"; display: inline-block;	font-style: normal;	font-variant: normal;	text-rendering: auto;	-webkit-font-smoothing: antialiased; font-weight: 900; content: "\f00c"; margin-right: 0.25em; vertical-align: text-top;}
#content a.grad:before, .dialog a.grad::before{font-family: "Font Awesome 5 Pro"; display: inline-block;	font-style: normal;	font-variant: normal;	text-rendering: auto;	-webkit-font-smoothing: antialiased; font-weight: 900; content: "\f19d"; margin-right: 0.25em; vertical-align: text-top;}
#content a.money:before, .dialog a.money::before{font-family: "Font Awesome 5 Pro"; display: inline-block;	font-style: normal;	font-variant: normal;	text-rendering: auto;	-webkit-font-smoothing: antialiased; font-weight: 900; content: "\f09d"; margin-right: 0.25em; vertical-align: text-top;}
#content a.alert:before, .dialog a.alert::before, span.highlight::before, span.error::before{font-family: "Font Awesome 5 Pro"; display: inline-block;	font-style: normal;	font-variant: normal;	text-rendering: auto;	-webkit-font-smoothing: antialiased; font-weight: 900; content: "\f071"; margin-right: 0.25em; vertical-align: text-top;}

#content .adminAlert{padding:0.5em;background-color:#900021;color:#ffcc33;font-weight:bold;text-align:center;border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;box-shadow:5px 5px 6px rgb(51, 51, 51);-moz-box-shadow:5px 5px 6px rgb(51, 51, 51);-webkit-box-shadow:5px 5px 6px rgb(51, 51, 51);}

#signinBlock, #registerBlock {margin-top:5%;margin-bottom:1em;padding:10px;text-align:center;}

/* FOOTER DECLARATIONS */
footer{
	clear: both;
}
footer > div.g3 {
	margin-top:0;
	padding-top:20px;
	background-color:#7a0019;
}
footer .footerConnect{padding-top:25px;}
footer .g1,footer .g2,footer .g3{margin-left:0;margin-right:0;padding-left:1%;padding-right:1%;text-align:center;}
footer > div.copy{background-color:#fff;margin:0;width:100%;padding:5px 0;}