:root {
	--color-primary-5: #1D3C54;
	--color-primary-4: #345A70;
	--color-primary-3: #4A798B;
	--color-primary-2: #6197A7;
	--color-primary-1: #77B5C2;
	--color-primary-text: var(--color-primary-3);
	--color-primary-text-faded: var(--color-primary-1);

	--color-secondary-4: #2E5341;
	--color-secondary-3: #4E745C;
	--color-secondary-2: #719D80;
	--color-secondary-1:#89BF97;

	--color-background-5: #c8c9ca;
	--color-background-4: #D2D2D3;
	--color-background-3: #DDDDDE;
	--color-background-2: #E9E9E9;
	--color-background-1: #F4F4F4;
	--color-background-light: #f4f4f4;
	--color-background-light-faded: #DDDDDE;

	--color-neutral-1: #6a6e70;
	--color-neutral-2: #575a5c;
	--color-neutral-3: #46494A;
	--color-neutral-4: #353738;
	--color-neutral-5: #242626;

	--text-color: #181617;
	--text-color-faded: #434243;
	--text-color-light: #ebecec;
	--text-color-light-faded: #A7A9AB;
	--text-color-dark:#181617;
	--text-color-dark-faded: #434243;
	
	--border-radius: 0;
	--border-radius-small: 0;
	--box-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
	--box-shadow-fade1: 0 0 0 rgba(0, 0, 0, 0.2);

	--error-red:rgb(225, 0, 0);
	--caution-yellow: rgb(192, 192, 6);
	--success-green: #292;
}
/* For SVGs */
.colorPrimaryFade2 {
	fill: var(--color-primary-5)
}
.colorPrimaryFade1 {
	fill: var(--color-primary-4)
}
.colorPrimary {
	fill: var(--color-primary-3)
}
.colorPrimaryTint1 {
	fill: var(--color-primary-2)
}
.colorPrimaryTint2 {
	fill: var(--color-primary-1)
}
.colorPrimaryText {
	fill: var(--color-primary-text);
}

/*reset css*/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}
img, fieldset {
	border: 0;
}
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/* clearfix */

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }
.clear { clear:both; }

/********************
        Template
********************/
body {
	font-family: 'Roboto Condensed', sans-serif;
	overflow:hidden;
	font-size:16px;
	color:#111;
	display: grid;
	grid-template-rows: auto 1fr;
}
.background img {
	width:100%;
	opacity:.6;
}

/*******************
		THEMES
********************/

.darkGrey {
	background:#272822;
}
.darkGrey nav {
	background:#2e2f27;
}
.darkGrey header {
	background:#535548;
	background:rgba(83,85,72,.6);
}
.darkGrey .boxLabel,.darkGrey .boxFormSubmit input,.darkGrey .matrixBack {
	background:#1767ad;
}
.darkGrey .sideBar>li>a,.darkGrey .sideBarMenu>li>a {
	color:#bde0c6;
}
.darkGreyicon {
	background:#222222;
	background:linear-gradient(to bottom right,#282828,#111111);
}
.darkGreyicon:hover {
	background:#111111;
	background:linear-gradient(to bottom right,#111111,#000000);
}

.darkBlue {
	background:#05355f;
}
.darkBlue nav {
	background:#2e2f27;
}
.darkBlue header {
	background:#1767ad;
	background:rgba(23,103,173,.6);
}
.darkBlue .boxLabel,.darkBlue .boxFormSubmit input, .darkBlue .matrixBack {
	background:#1767ad;
}
.darkBlue .sideBar>li>a,.darkBlue .sideBarMenu>li>a {
	color:#8ab5da;
}
.darkBlueicon {
	background: #2e3192;
	background: linear-gradient(to bottom right,#2e3192,#1e205e);
}
.darkBlueicon:hover {
	background:#1e205e;
	background:linear-gradient(to bottom right,#1e205e,#0e0f2b);
}


.darkGreen {
	background:#213721;
}
.darkGreen nav {
	background:#152615;
}
.darkGreen header {
	background:#3d583d;
	background:rgba(61,88,61,.6);
}
.darkGreen .boxLabel,.darkGreen .boxFormSubmit input, .darkGreen .matrixBack  {
	background:#3d583d;
}
.darkGreen .sideBar>li>a,.darkGreen .sideBarMenu>li>a {
	color:#8ecf8e;
}
.darkGreenicon {
	background: #009444;
	background: linear-gradient(to bottom right,#009444,#00612d);
}
.darkGreenicon:hover {
	background:#00612d;
	background:linear-gradient(to bottom right,#00612d,#002e15);
}


.darkPurple {
	background:#302137;
}
.darkPurple nav {
	background:#211526;
}
.darkPurple header {
	background:#503d58;
	background:rgba(80,61,88,.6);
}
.darkPurple .boxLabel,.darkPurple .boxFormSubmit input, .darkPurple .matrixBack  {
	background:#503d58;
}
.darkPurple .sideBar>li>a {
	color:#bc8ecf;
}
.darkPurpleicon {
	background: #92278f;
	background: linear-gradient(to bottom right,#92278f,#5e195c);
}
.darkPurpleicon:hover {
	background:#5e195c;
	background:linear-gradient(to bottom right,#5e195c,#2b0c2a);
}


.lightPurple {
	background:#302137;
}
.lightPurple nav {
	background:#211526;
}
.lightPurple header {
	background:#503d58;
	background:rgba(80,61,88,.6);
}
.lightPurple .boxLabel,.darkPurple .boxFormSubmit input, .lightPurple .matrixBack  {
	background:#503d58;
}
.lightPurple .sideBar>li>a {
	color:#bc8ecf;
}
.lightPurpleicon {
	background: #886698;
	background: linear-gradient(to bottom right,#8a7b91,#4c4350);
}
.lightPurpleicon:hover {
	background:#5e195c;
	background:linear-gradient(to bottom right,#4c4350,#2c272e);
}



.orange {
	background:#5e4b35;
}
.orange nav {
	background:#b65123;
}
.orange header {
	background:#f36c33;
	background:rgba(243,108,51,.8);
}
.orange .boxLabel,.orange .boxFormSubmit input,.orange .matrixBack {
	background:#1767ad;
}
.orange .sideBar>li>a,.orange .sideBarMenu>li>a {
	color:#ff885f;
}
.orangeicon {
	background: #da612e;
	background: linear-gradient(to bottom right,#ff7f4a,#da612e);
}
.orangeicon:hover {
	background:#ad4d24;
	background:linear-gradient(to bottom right,#f18253,#ad4d24);
}

.darkOrange {
	background:#5e4b35;
}
.darkOrange nav {
	background:#b65123;
}
.darkOrange header {
	background:#f36c33;
	background:rgba(243,108,51,.8);
}
.darkOrange .boxLabel,.darkOrange .boxFormSubmit input, .darkOrange .matrixBack {
	background:#1767ad;
}
.darkOrange .sideBar>li>a,.darkOrange .sideBarMenu>li>a {
	color:#ff885f;
}
.darkOrangeicon {
	background: #B65123;
	background: linear-gradient(to bottom right,#AF4B23,#893B1B);
}
.darkOrangeicon:hover {
	background:#893B1B;
	background:linear-gradient(to bottom right,#A04420,#723117);
}


.darkRed {
	background:#631b16;
}
.darkRed nav {
	background:#6c1e18;
}
.darkRed header {
	background:#b03028;
}
.darkRed .boxLabel,.darkRed .boxFormSubmit input, .darkRed .matrixBack {
	background:#1767ad;
}
.darkRed .sideBar>li>a,.darkRed .sideBarMenu>li>a {
	color:#ef4136;
}
.darkRedicon {
	background: #ef4136;
	background: linear-gradient(to bottom right,#ef4136,#bd332b);
}
.darkRedicon:hover {
	background:#bd332b;
	background:linear-gradient(to bottom right,#bd332b,#8a251f);
}

.darkerRed {
	background:#631b16;
}
.darkerRed nav {
	background:#6c1e18;
}
.darkerRed header {
	background:#b03028;
}
.darkerRed .boxLabel,.darkerRed .boxFormSubmit input, .darkerRed .matrixBack {
	background:#1767ad;
}
.darkerRed .sideBar>li>a,.darkerRed .sideBarMenu>li>a {
	color:#9d2e26;
}
.darkerRedicon {
	background: #9d2e26;
	background: linear-gradient(to bottom right,#9d2e26,#612926);
}
.darkerRedicon:hover {
	background:#612926;
	background:linear-gradient(to bottom right,#612926,#3d1f1e);
}


.darkMaroonicon {
	background: #9e1f63;
	background: linear-gradient(to bottom right,#9e1f63,#6b1543);
}
.darkMaroonicon:hover {
	background:#6b1543;
	background:linear-gradient(to bottom right,#6b1543,#380b23);
}

.darkPinkicon {
	background:#ee2a7b;
	background:linear-gradient(to bottom right,#ee2a7b,#ba2160);
}
.darkPinkicon:hover {
	background:#ba2160;
	background:linear-gradient(to bottom right,#ba2160,#871846);
}

.directColor {
	background:#108078;
}
.directColor nav {
	background:#0f5954;
}
.directColor header {
	background:#28a79f;
	background:rgba(40,167,159,.6);
}
.directColor .boxLabel,.directColor .boxFormSubmit input {
	background:#16746e;
}
.directColor .sideBar>li>a,.directColor .sideBarMenu>li>a {
	color:#28a79f;
}
.directColoricon {
	background:#158079;
	background:linear-gradient(to bottom right,#108078,#282828);
}
.directColoricon:hover {
	background:#15746e;
	background:linear-gradient(to bottom right,#0b625c,#108078);
}

input {
	color:#111;
}

/********************
        Account
********************/
header {
	height:46px;
  background-color:var(--color-primary-3);
	box-shadow: var(--box-shadow);
	grid-row:1;
}
header>a {
	display:block;
	float:left;
	padding:2px 14px;
}
.account {
	float:right;
	cursor:pointer;
	padding: 0 15px;
	position:relative;
}
.account:hover {
	background:rgba(255,255,255,.1);
}
.accountImg {
	float:left;
	margin:5px 0 5px 10px;
	border-radius:5px;
	overflow:hidden;
	width:36px;
	height:36px;
}
.accountImg img {
	width:100%;
}

.accountName {
	float:left;
	color:#eee;
	line-height:46px;
	font-size:1.5em;
}
.accountMenu {
	position:absolute;
	background:rgba(0,0,0,.85);
	top:46px;
	right:0;
	left:-40px;
	padding:10px;
	display:none;
	z-index:10000;
	list-style:none;
}
.accountMenu a {
	display:block;
	color:#eee;
	text-decoration:none;
	padding:5px 15px;
	font-size:1.1em;
}
.accountMenu a:hover {
	background:#888;
}
.accountLogin {
	color:#eee;
	line-height:46px;
	font-size:1.5em;
	text-decoration:none;
	padding-right:10px;
}

/*******************
	Notification
*******************/

.notifications {
	float:right;
	position:relative;
}
.notificationIcon {
	line-height:46px;
	color:#ddd;
	color:rgba(255,255,255,.7);
	font-size:1.3em;
	padding:0 15px;
	cursor:pointer;
	cursor:hand;
	position:relative;
}
.notificationIcon:hover {
	background:rgba(255,255,255,.1);
}
.notificationIndicator {
	background:#f70;
	border-radius:100%;
	height:9px;
	width:9px;
	position:absolute;
	bottom:11px;
	right:12px;
}
.notificationList {
	position:absolute;
	background:#fafafa;
	top:46px;
	right:0;
	display:none;
	z-index:10000;
	list-style:none;
	width:360px;
}
.notificationList a {
	display:block;
	color:#222;
	text-decoration:none;
	padding:10px 15px;
	font-size:1em;
	border-bottom:solid 1px #ddd;
}
.notificationList a:hover {
	background:#efefef;
}
.notificationImg {
	float:left;
	margin-right:10px;
}
.notificationTitle {
	padding:10px 15px;
	font-size:.9em;
	border-bottom:solid 1px #ddd;
}

/********************
        NAV
********************/
nav {
	position:fixed;
	top:46px;
	left:0;
	bottom:0;
	overflow:hidden;
	z-index:9000;
	width:280px;
}
.navClosed {
	display:none;
}
.menuFolder {
	color:#ddd;
	background:rgba(0,0,0,.2);
	padding:5px 10px;
	font-size:1.5em;
	line-height:30px;
}
.navSpacer {
	height:100px;
}
nav ul {
	list-style:none;
	margin-bottom:10px;
}
nav div>ul>li>a {
	color:#fff;
	font-size:1.3em;
	padding:10.5px 0;
	display:block;
	opacity:.6;
	text-decoration:none;
	height:25px;
	transition:.5s;
}
#menuToggle {
	color:#fff;
	font-size:1.3em;
	line-height:46px;
	height:46px;
	padding:0px !important;
	transition:.5s;
	opacity:.6;
	width:52px;
	text-align:center;
}
nav li>a:hover,#menuToggle:hover {
	opacity:1;
}
nav li ul {
	display:none;
	max-height:300px;
	overflow:auto;
}
nav li li a {
	padding:6px 15px;
	color:#fff;
	text-decoration:none;
	display:block;
	font-size:1.1em;
	background:#222;
	background:rgba(255,255,255,.05);
	transition:.5s;
}
nav li li a:hover {
	background:rgba(255,255,255,.3);
}
nav span {
	transition:.5s;
}
.navIcon {
	width:60px;
	text-align:center;
	height:25px;
	line-height:25px;
}
.navArrow {
	float:right;
	margin-right:10px;
}

.navClosed span,.navClosed .navArrow {
	display:none;
}
.navClosed .menuFolder {
	font-size:1.1em;
	padding:5px 0;
	text-align:center;
}
.menuHeading {
	padding:15px 0 3px 10px;
	color:#eee;
	font-size:1.5em;
	border-bottom:solid 1px #ccc;
	margin-bottom:3px
}
/* nav icons */
.eventIcon,.insightsIcon,.nri,.webinaricon,.rg,.awardicon,.presicon,.nasplinfo,.jobpostings,.lottery101,.whitepapers,.api,.rgwlaicon,.rgnasplicon {
	display: block;
	float:left;
	background-repeat:no-repeat !important;
	background-position:center !important;
}
.api {
	background:url('https://filestore.nasplmatrix.org/public/images/icon/api_sm.png');
}
.whitepapers {
	background:url('https://filestore.nasplmatrix.org/public/images/icon/whitepapers_sm.png');
}
.lottery101 {
	background:url('https://filestore.nasplmatrix.org/public/images/icon/lottery101.png');
}
.nasplinfo {
	background:url('https://filestore.nasplmatrix.org/public/images/icon/nasplinfo_small.png');
}
.eventIcon {
	background:url('https://filestore.nasplmatrix.org/public/images/icon/event.png');
}
.insightsIcon {
	background:url('https://filestore.nasplmatrix.org/public/images/icon/in.png');
}
.nri {
	background:url('https://filestore.nasplmatrix.org/public/images/icon/nri.png');
}
.rg {
	background:url('https://filestore.nasplmatrix.org/public/images/icon/rg.png');
}
.webinaricon {
	background:url('https://filestore.nasplmatrix.org/public/images/icon/web.png');
}
.awardicon {
	background:url('https://filestore.nasplmatrix.org/public/images/icon/award.png');
}
.presicon {
	background:url('https://filestore.nasplmatrix.org/public/images/icon/pres.png');
}
.jobpostings {
	background:url('https://filestore.nasplmatrix.org/public/images/icon/job.png');
}
.rgwlaicon {
	background:url('https://filestore.nasplmatrix.org/public/images/icon/rg_wla.png');
}
.rgnasplicon {
	background:url('https://filestore.nasplmatrix.org/public/images/icon/rg_naspl.png');
}

/******************
	content	
******************/
h1 {
	font-size:2.5em;
	font-family:'oswald', sans-serif;
	font-weight:700;
	line-height:110%;
}
h2 {
	font-size:2em;
	font-family:'oswald', sans-serif;
	font-weight:300;
	line-height:110%;
}
h3 {
	font-size:1.3em;
	font-family:'oswald', sans-serif;
	font-weight:700;
	line-height:130%;
}
p {
	font-size:1.2em;
	margin:0 0 .5em;
	line-height:140%;
}
p:last-child {
	margin:0 0 0;
}
.matrixContent ul,.matrixContent ol {
	padding-left:20px;
	margin-left:20px;
} 
.titleBox h1 {
	font-size:5em;
	line-height:150%;
}
.titleBox h2 {
	font-size:4em;
}
.matrixContent {
	overflow:auto;
	grid-row:2;
	display:grid;
	height: calc(100vh - 46px);
	width:100%;
	grid-template-rows: auto 1fr;
}
.content {
	grid-row:2;
}

.background {
	left:0;
	right:0;
	top:0; 
	overflow:hidden;
	z-index:-999999; 
	position:fixed;
}
.modCont {
	padding:5px .5%;
}
.bgLight {
	background:rgba(255,255,255,.6);
}
.bgDark {
	background:rgba(0,0,0,.2);
	color:#eee;
}
.bgWhite {
	background:#fff;
}
.modWhole {
	margin:5px .5%;
}
.modHalf {
	width:48.5%;
	margin:5px .5%;
	float:left;
}
.modQuarter {
	width:23.5%;
	margin:5px .5%;
	float:left;
}
.modThird {
	width:32.33%;
	margin:5px .5%;
	float:left;
}
.modTwoThirds {
	width:65.1%;
	margin:5px .5%;
	float:left;
}

.modColumn {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	gap:15px;
}
.modColumnItem {
	flex-grow:1;
}

.sideContentClosed .sideBar {
	width:60px;
}
.sideContentOpen .sideBar {
	width:280px;
}
.sideContentClosed .sideBar li {
	display:none;
}
.sideBar>li>ul {
	margin-left:0 !important;
	padding-left:0 !important;
}
.sideBar>li>ul {
	max-height:400px;
	overflow:auto;
}
.sideBar>li>a {
	display:block;
	padding:5px 10px;
	text-decoration:none;
	font-size:1.2em;
	transition:.1s;
}
.sideBar>li>a:hover {
	padding:5px 5px 5px 15px;
}
.sideBar>li>ul a {
	color:#eee;
	text-decoration:none;
	display:block;
	padding:5px 15px;
	background:#222;
	background:rgba(255,255,255,.06);
	transition:.2s;
}
.sideBar>li>ul a:hover {
	padding:5px 10px 5px 20px;
}
.sideBar>li>ul {
	display:none;
	list-style:none;
}
.sideBarBottomLink {
	position:absolute;
	bottom:0;
	padding-bottom:20px;
	background:#03192a;
	font-weight:bold;
	font-size:1.15em;
}
.sideBarBottomLinkNew {
	position:fixed;
	bottom:0;
	left: 60px;
	padding:20px 10px 15px;
	background:#1767ad;
	font-weight:bold;
	font-size:1.15em;
	line-height: 27px;
	width:260px;
	text-decoration:none;
}
.sideBarBottomLinkNew:hover {
	background:#111;
}
.sideBarBottomLink a,.sideBarBottomLinkNew {
	color:#fff !important;
}
.sideBarWithBottomLink {
	bottom:62px !important;
}

.sideBarNew {
	position:fixed;
	top:46px;
	bottom:0;
	width:280px;
	background:#111;
	background:rgba(0,0,0,.6);
}
.sideBarMenu {
	list-style:none;
	padding-left:0 !important;
	margin-left:0 !important;
}

.sideContentClosed .sideBarMenu {
	width:60px;
}
.sideContentOpen .sideBarMenu {
	width:280px;
}
.sideContentClosed .sideBarMenu li {
	display:none;
}
.sideBarMenu>li>ul {
	max-height:400px;
	overflow:auto;
	padding-left:0 !important;
	margin-left:0 !important;
}
.sideBarMenu>li>a {
	display:block;
	padding:5px 10px;
	margin-right:10px;
	text-decoration:none;
	font-size:1.2em;
	transition:.1s;
}
.sideBarMenu>li>a:hover {
	padding:5px 5px 5px 15px;
}
.sideBarMenu>li>ul a {
	color:#eee;
	text-decoration:none;
	display:block;
	padding:5px 15px;
	background:#222;
	background:rgba(255,255,255,.06);
	transition:.2s;
}
.sideBarMenu>li>ul a:hover {
	padding:5px 10px 5px 20px;
}
.sideBarMenu>li>ul {
	display:none;
	list-style:none;
}

.sideBarGroupLabel {
	color:#fff;
	padding:5px 10px;
	font-size:1.4em;
	border-bottom:solid 1px #777;
}

.sideIcon {
	float:left;
	width:50px;
	text-align:center;
	margin-right:4px;
}
.sideIcon img {
	width:100%;
}

#sideBarToggle {
	color:#eee;
	background:#222;
	text-align:center;
	padding:5px 0;
	display:block !important;
	cursor:pointer;
}
#sideBarToggle.sideBarOpen {
	font-size:1.6em;
}
#sideBarToggle.sideBarClosed {
	font-size:1.1em;
}
#sideBarToggle i {
	color:#888;
}
#sideBarToggle.sideBarOpen i:last-child {
	display:none;
}
#sideBarToggle.sideBarClosed i:first-child {
	display:none;
}
.cur {
	background:#ccc !important;
	color:#111 !important;
}
.topLevelCur {
	font-weight:bold;
}
.searchBox {
	font-size:1.2em;
	color:#eee;
}
.searchBox input {
	width:300px;	
	border:solid 0 #000;	
	font-size:.8em;
	font-family: 'Roboto Condensed', sans-serif;
	background:#eee;
	color:#333;
	padding:2px 5px;
	margin-left:10px;
}
.searchBox input:focus {
	border:solid 0 #000;
	background:#111;
	color:#ddd;
}

.boxLabel {
	background:#555;
	color:#eee;
	padding:2px 10px;
	font-weight:bold;
	font-size:1.3em;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	text-shadow:1px 1px 2px rgba(0,0,0,.5);
}
.boxData,.boxAction,.boxForm {
	background:#dddddd;
	border-radius:3px;
}
.boxData h3 {
	margin:15px 10px 0;
	font-size:1.2em;
}
.boxData ul {
	list-style:none;
	margin-left:0 !important;
	padding-left:0 !important;
}
.boxData li {
	padding:5px 10px;
}
.boxDataLabel {
	font-weight:bold;
	float:left;
}
.boxDataData {
	float:right;
}
.boxDataCollapseTrigger {
	cursor: pointer;
}
.boxDataCollapseContainer {
	display:none;
}
.boxActionButton {
	color:#eee;
	width:31.3%;
	height:95px;
	padding:10px .5%;
	margin:2px .5%;
	float:left;
	text-align:center;
	text-decoration:none;
}
.boxActionButton i {
	font-size:4em;
	margin-bottom:4px;
}
.boxActionRed {
	background:#a22;
}
.boxActionGreen {
	background:#080;
}
.boxActionBlue {
	background:#44a;
}
.boxActionFakeSubmit {
	display:none;
}
.boxDataTable {
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.boxDataTable th {
	background:#555;
	color:#fff;
	border:solid 1px #555;
}
.boxDataTable td {
	padding:10px;
	color:#000;
}
.boxDataTable tbody tr:nth-child(odd) {
	background:#eee;
}
.boxDataTable tbody tr:nth-child(even) {
	background:#ddd;
}

.boxFormLabel {
	padding:5px 10px 0;
	font-size:1.2em;
	font-weight:bold;
	color:#333;
}
.boxFormInput input {
	border:solid 0 #000;
	margin:0 2% 10px;
	width:92%;
	padding:4px 2%;
	background:#fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:1.1em;
}
.boxFormIssueDetails {
	font-weight:normal !important;
	font-size:.8em;
	float:right;
}

.boxFormInput input:focus {
	background:#222;
	color:#eee;
	border:solid 0 #fff;
	outline: 0;
}
.boxFormSelect select {
	margin:0 2% 10px;
	width:96%;
	padding:6px 2%;
	border:solid 0 #000;
}
.boxFormSelect select:focus {
	background:#222;
	color:#eee;
	border:solid 0 #fff;
	outline: 0;
}
.boxFormCheckbox {
	margin:5px 2% 10px;
}
.boxFormCheckbox input {
	margin:5px 10px 0 0;
	float:left;
}
.boxFormCheckLabel {
	float:left;
	font-size:1.2em;
	font-weight:bold;
	color:#333;
}
.boxFormLink {
	display:block;
	color:#eee;
	background:#527d52;
	border-radius:3px;
	padding:5px 15px;
	margin:5px 10px;
	text-decoration:none;
	font-size:1.2em;
}
.boxFormLink:hover {
	background:#6f916f;
}

.boxFormSearchSelect ul {
	margin-left:0 !important;
	padding-left:0 !important;
	list-style:none;
	padding-top:10px;
	padding-bottom:10px;
	max-height:200px;
	overflow:auto;
	background:#eee;
}
.boxFormSearchSelect li,
.boxFormSearchSelect ul p {
	margin:3px 10px;
	padding:5px 10px;
	background-color:#1767ad;
	color:#eee;
}
.boxFormSearchSelect li {
	cursor: hand;
	cursor: pointer;
}
.boxFormSearchSelect li:hover {
	background-color:#111;
}
.boxFormSearchSelectList {
	list-style:none;
	margin-left: 0 !important;
	padding-left:0 !important;
	margin-bottom:10px;
}
.boxFormSearchSelectList li {
	padding:8px 15px;
	margin: 2px 10px;
	background:#042c4f;
	color:#eee;
}
.boxFormSearchSelectListRemove {
	float:right;
	cursor: pointer;
}
.boxFormTable td {
	padding:5px;	
}
.boxFormTable th {
	background:#111;
	color:#eee;
	padding:5px;
}
.boxFormTable tbody tr:nth-child(even) {
	background:#e5e5e5;
}
.boxFormTable tbody tr:nth-child(odd) {
	background:#d7d7d7;
}
.boxFormTable input[type=text],.boxFormTable select {
	margin:0;
	width:96%;
}
.boxFormTable textarea {
	width:100%;
	border:solid 0 #fff;
	padding:0;
	margin:0;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:1em;
	background:transparent;
}
.boxFormTable textarea:focus {
	color:#eee;
	background:#111;
}
.boxFormTable table {
	border-collapse: collapse;
	width:100%;
}
.boxFormTable tr:last-child td:first-child {
	border-bottom-left-radius:3px;
}
.boxFormTable tr:last-child td:last-child {
	border-bottom-right-radius:3px;
}
.boxForm table {
	border-right:solid 0 #000 !important;
}
.gridToolBar {
	background:#0d3e68;
	padding:8px;
}


.boxFormHeader {
	padding:10px;
	grid-row:1;
}
.boxFormHeaderTitle {
	float:left;
	font-size:1.5em;
	font-family: 'Roboto Condensed', sans-serif;
	color:#eee;
	padding-right:30px;
	height:31px;
	line-height: 31px;
}
.headerNasplLogo {
	width:35px;
	float:left;
	margin:11px 10px 0 0;
}
.headerMatrixLogo {
	width:70px;
	float:left;
	margin-top:11px;
}
.matrixLogo .colorPrimaryText {
	fill:#fff;
}
.headerButton,.headerDivider,.headerSubmit {
	position: relative;
	display: inline-block;
}
.headerDivider {
	background:#aaa;
	background:rgba(255,255,255,.4);
	width:2px;
	height:51px;
	margin:-10px 20px -20px 10px;
}
.headerButton a {
	text-decoration: none;
	position: relative;
	display: block;
}
.headerMenu {
	position: relative;
	display: inline-block;
}
.headerMenu label,
.headerSubmit label,
.headerButton a {
	display: block;
	padding:6px 15px;
	color:#eee;
	border-radius:3px;
	margin-right:10px;
}
.headerMenu label:hover,
.headerSubmit label:hover,
.headerButton a:hover {
	background:#111;
}
.headerSubmit label i {
	margin-right:3px;
}
.headerSubmit input[type=submit] {
	display: none;
}
.headerSubmit label {
	position: relative;
	display: block;
	cursor: pointer;
}

.buttonDefault {
	background:#1767ad;
}
.buttonRed {
	background:#a12219;
}
.buttonGreen {
	background:#00612d;
}

.headerSearch {
	padding:2px;
	float:right;
	height:31px;
	line-height: 31px;
}
.headerSearch input {
	border:solid 0 #eee;
	padding:5px 2px;
	width:300px;
	margin-left:5px;
}

.gridButton {
  display: block;
  background: #1767ad;
	border:solid 1px #1c517e;
  color: #eee;
	font-weight:bold;
  padding: 6px 12px;
  text-decoration: none;
	float:left;
	margin-right:10px
}
.gridButton i {
	margin-right:5px;
}
.gridSelect {
	color:#eee;
	float:left;
	margin-right:10px
}
.gridSelect select {
	padding:8px 12px;
	border:solid 0 #000;
}
.gridSelect select:focus {
	background:#222;
	color:#eee;
	border:solid 0 #fff;
	outline: 0;
}
.boxFormSubmit input,
.boxFormSubmit a {
	display:block;
	text-decoration:none;
	border:solid 0 #fff;
	background:#1767ad;
	border-radius:3px;
	color:#eee;
	padding:10px 25px;
	float:right;
	margin:5px 10px 10px 10px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:1.2em;
	cursor:pointer;
}
.boxFormSubmit input:hover,
.boxFormSubmit a:hover {
	background:#111;
	color:#eee;
}
.boxFormSubmitRed input,
.boxFormSubmitRed a{
	background: #822 !important;
}
.boxFormSubmitRed input:hover,
.boxFormSubmitRed a:hover{
	background:#111 !important;
}
.boxFormTextarea {
	margin:5px 0 0;
	padding:5px 20px;
}
.boxFormTextarea textarea {
	width:100%;
	border:solid 0 #fff;
	min-height:200px;
}
.smallSubmit,
.smallSubmitRed,
.boxFormInlineSubmit {
	display:block;
	border:solid 0 #fff;
	margin:10px 10px 10px 0;
	font-size:1.3em;
	padding:5px 15px;
	color:#eee;
	float:right;
	cursor: hand;
	cursor: pointer;
	text-decoration: none;
	font-weight: normal;
	font-family: 'Roboto Condensed', sans-serif;
}
.smallSubmit,
.boxFormInlineSubmit {
	background-color:#1767ad;
}
.smallSubmit:hover,
.boxFormInlineSubmit:hover {
	background-color: #111;
}
.smallSubmitRed {
	background-color: #a22;
}
.smallSubmitRed:hover {
	background-color: #111;
}
.boxFormInlineSubmit {
	margin-top:-2px;
}
.formIssue .boxFormLabel {
	color:#a11;
}
.formIssue input {
	border:solid 1px #a11;
}
.newGame {
	float:left;
}
.formMessage {
	color:#dd5;
	font-weight:bold;
	font-size:1.5em;
}
.lastYrTotal,.thisYrTotal {
	background:#444 !important;
	color:#eee;
	font-weight:bold;
}
.boxFormFile {
	border:solid 0 #000;
	margin:0 2% 10px;
	width:92%;
	padding:4px 2%;
	background:#fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:1.1em;
	display:block;
	text-align:center;
	cursor:hand;
	cursor:pointer;
}
.boxFormFile:hover {
	background:#000;
	color:#fff;
}
.boxFormFile input {
	display:none;
}
.boxFormInst {
	text-align:right;
	padding:2px 5px;
	color:#3d583d;
}
.boxFormInfo {
	padding:10px;
}
.boxFormInfo p {
	margin-bottom:1em;
	line-height: 115%;
}
.boxFormInfo p:last-child {
	margin-bottom:0 !important;
}

.matrixBack {
	float: right;
	color: #eee;
	padding: 5px 15px;
	border-radius:  5px;
	margin: 10px 15px 0 0;
	text-decoration: none;
	display: block;
}
.matrixBack:hover {
	background: #000;
}


/* Tabs */
.boxFormTabs {
	list-style:none;
	margin-left:0 !important;
	padding-left:0 !important;
}
.boxFormTabs li {
	margin:0 2px 0 0;
	background:#222;
	float:left;
	color:#eee;
	cursor:pointer;
	cursor:hand;
}
.boxFormTabs a {
	text-decoration: none;
	color:#eee;
	display:block;
	padding:5px;
}
.boxFormTabs li:hover {
	background:#777;
}
.boxFormTabs li.curTab {
	background:#777;
}
.boxFormTabBoxCont {
	background:#777;
}
.boxFormTabBox {
	display:none;
	padding:10px 0;
}


/* no need for a new stylesheet for just this one id for Insights */
#issue {
	width:100%;
	height:100%;
}

/*******************
	PAGE MANAGEMENT
*******************/

.pageContent {
	background:#fff;
	margin:20px;
	padding:20px;
	max-height:500px;
	overflow:auto;
}


/********************
        LOGIN
********************/
.fullPageContent {
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	top:0;
	overflow:auto;
	z-index: 8000;
}
.loginCont {
	max-width:1100px;
	margin:100px auto 0;
}
.login {
	width:330px;
	margin:40px auto 0;
}
.login h2 {
	color:#eee;
	border-bottom:solid 1px #ddd;
	padding-bottom:10px;
}
.loginLogo {
	text-align:center;
	margin-bottom:15px;
}
.loginLabel {
	color:#eee;
	font-weight:bold;
	font-size:1.4em;
	margin-top:15px;
	margin-bottom: 4px;
}
.login fieldset input[type=text],
.login fieldset input[type=password] {
	border:solid 1px #eee;
	font-size:1.4em;
	font-family: 'Roboto Condensed', sans-serif;
	padding:5px 15px;
	width:298px;
	background:#ddd;
}
.login fieldset input[type=text]:focus,
.login fieldset input[type=password]:focus {
	background:#444;
	border:solid 1px #3a3a3a;
	outline: 0;
	color:#eee;
}
.loginSubmit {
	border:solid 1px #2e632e;
	background:#2d8f2d;
	color:#eee;
	font-size:1.5em;
	font-family: 'Roboto Condensed', sans-serif;
	margin-top:20px;
	font-weight:bold;
	padding:5px 30px;
	cursor:pointer;
	transition:.3s;
	float:right;
}
.loginSubmit:hover {
	background:#2e632e;
	border:solid 1px #2a4b2a;
}
.forgot {
	color:#ccc;
	margin-top:30px;
	display:block;
}
.remember {
	color:#ccc;
	font-size:1.1em;
	display:block;
	margin-top:30px;
	display:block;
}
.login p {
	color:#eee;
}
.loginMessage {
	color:#eee;
	font-size:1.2em;
	margin:20px 0;
}
.createAccount {
	text-align:center;
}
.createAccount a {
	display:block;
	width: 200px;
	text-decoration: none;
	background: #125692;
	border: solid 1px #0f5089;
	color: #eee;
	font-weight: bold;
	font-size: 1.5em;
	margin: 40px auto 0;
	padding: 10px;
}
.createAccount a:hover {
	background:#052540;
	border:solid 1px #042c4f;
}
.loginRadioText {
	color:#111;
	size:1.5em;
	margin-top:15px;
	line-height:200%;
	font-weight:bold;
}



.tullyHome {
	height:480px;
	overflow: hidden;
}
.tullyHome video {
	min-width: 100%; 
	min-height: 100%;
	width:100%;
	height: auto;
	margin-top:-12.5%;
}
.titlePage {
	position:absolute;
	top:15px;
	left:15px;
	right:0;
	bottom:0;
	z-index:10000;
}
.titlePage h1 {
	font-size:6em;
	color:#eee;
	text-shadow:2px 2px 10px #000;
}
.titlePage h2 {
	font-size:4em;
	color:#eee;
	text-shadow:2px 2px 10px #000;
}
.titlePage p {
	font-size:1.4em;
	color:#fff;
}
.titlePage a {
	color:#ddd;
	text-decoration:none;
	border-bottom:solid 1px #ccc;
}
.titlePage a:hover {
	color:#fff;
}
.titlePageBG {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	text-align:right;
	z-index:9000;
}
.titlePageBG img {
	height:100%;
	width:auto;
}
.notice {
	display:block;
	position:absolute;
	bottom:-100px;
	right:20px;
	height:100px;
	background:#111;
	color:#eee;
	line-height:100px;
	font-size:2.5em;
	padding:0 40px;
	z-index:50000;
}

/********************
        DialogBox
********************/
.nasplDialogBg {
	position:absolute;
	background:rgba(0,0,0,.6);
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:90000;
}
.nasplDialogBox {
	background:#fff;
	border-radius:5px;
	box-shadow:0 0 20px rgba(0,0,0,.8);
	margin:100px auto;
	max-width:500px;
}
.nasplDialogMessage {
	padding:20px;
	font-size:1.2em;
}
.nasplDialogButtons {
	list-style:none;
	padding:0 20px 20px;
}
.nasplDialogButtons li {
	float:right;
	padding:5px 15px;
	font-size:1.4em;
	margin-left:5px;
	cursor:pointer;
	cursor:hand;
	border-radius:3px;
}

/*****
 Generic Controls
 ****/

.dropDown input:checked~.dropDownItems {
	display: block;
}
.dropDown label {
	position: relative;
	display: block;
	cursor: pointer;
}
.dropDown label i {
	float:right;
}
.dropDown input[type=checkbox] {
	display:none;
}
.dropDown label i {
	margin-right:3px;
}
.dropDownItems {
	display: none;
	position: absolute;
	z-index:11000;
	list-style:none;
	margin:0 !important;
	white-space: nowrap;
	padding:0 !important;
	overflow-y:auto;
	max-height:30vh;
	min-width: 160px;
	box-shadow:2px 2px 5px rgba(0,0,0,.5);
	background:#eee;
}
.dropDownItems a {
	text-decoration:none;
	display:block;
	color:#333;
	padding:5px 10px;
}
.dropDownItems>li>ul {
	display:none;
	list-style:none;
	padding-left:0 !important;
	margin-left:0 !important;
	background:#bbb;
}
.hdropDownItems a:hover,
.dropDownSelected a {
	background:#555;
	color:#eee;
}

.dropDownSearch {
	padding:3px;
}
.dropDownSearch input {
	border:solid 1px #ccc;	
	font-size:.8em;
	font-family: 'Roboto Condensed', sans-serif;
	background:#fff;
	color:#333;
	padding:4px 5px;
	display:block;
	box-sizing: border-box;
	width:100%;
}
.dropDownSearch input:focus {
	background:#222;
	color:#eee;
	border:solid 1 #ccc;
	outline: 0;
}

/**********
	Control Styles
*****/
.genericDropDown {
	width:300px;
	margin:0 2% 10px;
}
.genericDropDown label {
	display: block;
	box-sizing:content-box;
	padding:5px 2%;
	background:#fff;
}
.genericDropDown label:hover {
	background:#111;
	color:#eee;
}
.genericDropDown .dropDownItems {
	background:#eee;
	box-shadow:2px 2px 5px rgba(0,0,0,.5);
	width: inherit;
	margin-top:-10px;
	max-height:50vh;
}
.genericDropDown .dropDownItems a {
	color:#333;
	padding:5px 10px;
}
.genericDropDown .dropDownItems a:hover,
.genericDropDown .dropDownSelected a {
	background:#555;
	color:#eee;
}
.genericDropDown .dropDownItems>li>ul {
	background:#bbb;
}

/********************
        Mobile
********************/

@media only screen and (max-width: 1500px) {
	.modQuarter {
		width:48.5%;
		margin:5px .5%;
		float:left;
	}
}
@media only screen and (max-width: 1300px) {
	.modThird {
		width:48.5%;
		margin:5px .5%;
		float:left;
	}
	.modTwoThirds {
		width:48.5%;
		margin:5px .5%;
		float:left;
	}
	.boxFormHeaderTitle {
		float:none;
		margin-bottom:8px;
	}
}
@media only screen and (max-width: 1000px) {
	.modWhole,.modHalf,.modThird,.modTwoThirds {
		margin:5px .5%;
		float:none;
		width:auto;
	}
	
	.matrixLogo img {
		max-width:205px !important;
		height:42px !important;
	}
	.loginCont {
		max-width:1100px;
		margin:30px auto 0;
	}
	.loginLogo {
		max-width:120px;
		margin:0 auto;
	}
	.loginCont h2 {
		font-size:1.6em;
		margin-top:15px;
	}
}
@media only screen and (max-width: 500px) {
	.matrixLogo {
		width:20px;
		overflow:hidden;
	}
}

/******
Temp Beta Stuff
-- Stuff I just couldn't wait to use until the beta version is complete
*****/

.modContBeta {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
	align-content: flex-start;
  gap:10px;
	padding:10px;
}
.modWholeBeta {
  flex-grow: 1;
  flex-basis: 100%;
}

.modHalfBeta {
  flex-grow:2;
  flex-basis:750px;
}

.modThirdBeta {
  flex-grow:1;
  flex-basis:500px;
}

.modTwoThirdsBeta {
  flex-grow:2;
  flex-basis:750px;
}

.modColumnBeta {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	gap:10px;
}
.bgDarkBeta {
	background:rgba(0,0,0,.2);
}
.bgDarkBeta h1,
.bgDarkBeta h2,
.bgDarkBeta h3 {
	color: #eee;
}

.matrixTileBox {
	background: #111;
	border-radius:3px;
}
.matrixTileLabel {
	color:#ddd;
}