:root {
	--stateDarkBlue: #003865;
	--stateDarkGray: #53565A;
	--stateMediumGray: #97999B;
	--stateLightGray: #D9D9D6;
	--stateGreen: #78BE21;
	--stateGreenHilite: #ECF4E3; /*#E7FACF; #D2E9B5;*/
	/*Used sparingly for charts, graphs, infographics, 
		iconography and more - anywhere a variety of colors 
		are needed that are not provided by the primary 
		brand color palette. Choose text colors carefully 
		to ensure high contrast.*/
	--stateAccentTeal: #008EAA;
	--stateAccentGreen: #0D5257;
	--stateAccentOrange: #8D3F2B;
	--stateAccentPurple: #5D295F;
	/*Offered primarily to add flexibility in data visualization 
		and in graphic elements. These colors should be used 
		sparingly, with the primary brand colors dominating the 
		design. Choose text colors carefully to ensure high contrast.*/
	--stateExtendedAccentBlueGray: #A4BCC2;
	--stateExtendedAccentCream: #F5E1A4;
	--stateExtendedAccentSkyBlue: #9BCBEB;
	--stateExtendedAccentGold: #FFC845;
	--white: #FFFFFF;
	
	/*
	--wildGreenBorder: #006400;
	--wildWheatBorder: #F5DEB3;
	--wildRedBorder: #CD5C5C;
	--mnMaroonBorder: #800000;
	--mnGoldenBorder: #FFD700;*/
}

html {
   font-size: 100%;
}

.lineBreak {
	border-style: solid;
	border-color: #666666;
	border-width: 1px;
}

.required:before {
	content: "* ";
	color: #ff2c2c;
	font-size: medium;
	font-weight: 900;
}


/* color borders 
.wildGreenBorder {
   border: 2px solid var(--wildGreenBorder);
}

.wildWheatBorder {
   border: 2px solid var(--wildWheatBorder);
}

.wildRedBorder {
   border: 2px solid var(--wildRedBorder);
}

.goldieMaroonBorder {
   border: 2px solid var(--mnMaroonBorder);
}

.goldieGoldenBorder {
   border: 2px solid var(--mnGoldenBorder);
}
*/

.exploreBackground {
   background-color: var(--stateGreenHilite);
   color: var(--stateDarkGray)
}

.k-panelbar > .k-item > .k-link.k-selected, .k-panelbar > .k-panelbar-header > .k-link.k-selected {
	color: var(--white);
	background-color: var(--stateDarkBlue);
}

.k-panelbar > .k-item > .k-link.k-selected, .k-panelbar > .k-panelbar-header > .k-link.k-selected:hover {
	color: var(--white);
	background-color: var(--stateDarkBlue);
}

/*
	.k-panelbar-content {
	border: 2px solid var(--stateDarkBlue);
}
*/

.faqBackground {
	background-color: var(--stateLightGray);
	color: var(--stateDarkGray)
}
/* MainContent Styles*/
a.skip {
   z-index: -1;
   position: absolute;
   top: 10px;
   left: 400px;
   background-color: white;
   color: var(--white);
   padding: 0.5em 1em;
}

	a.skip:focus {
		z-index: 10;
		position: absolute;
		top: 10px;
		left: 400px;
		background-color: var(--white);
		color: var(--stateDarkBlue);
		padding: 0.5em 1em;
	}
/* new for responsive */
#headerLMI {
   width: 100%;
   height: 60px;
   background: #ffffff; /* #4e415b;  dark purple */
   border-right: 0;
   border-left: 0;
   border-top: 2px solid #FFFFFF;
}

.logo {
   display: inline;
   width: 100%;
   float: left;
   padding-left: 5em;
}

.navbar-toggler {
   padding: .25rem 0.5rem;
	border-radius: 0.25rem;
	margin: 5px 2px 2px; 
   font-size: 1.25rem;
   line-height: 1;
   background-color: white;
   border: 1px solid transparent;
	transition: box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
   .navbar-toggler {
      transition: box-shadow 0.15s ease-in-out;
   }
}

.navbar-toggler:hover {
	text-decoration: none;
}

.navbar-toggler:focus {
	text-decoration: none;
	outline: 0;
	box-shadow: 0 0 0 0.25rem;
}

.navbar-toggler-icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}

.navbar-deed {
	/*background-color: var(--stateLightGray);*/
	background-color: var(--stateDarkBlue)
}

	.navbar-deed .navbar-brand {
		/*color: var(--stateDarkGray);*/
		color: white;
		/*margin: 0px 5px;*/
		padding-left: 5px;
		padding-right: 10px;
		/*color: rgba(0, 0, 0, 0.9);*/
	}

		.navbar-deed .navbar-brand:hover {
			color: white;
			/*margin: 0px 5px 0px 0px;*/
			/*margin: 0px 0px 0px 5px;*/
			background-color: var(--stateDarkBlue);
		}

	.navbar-deed .navbar-nav .nav-link {
		/*color: rgba(0, 0, 0, 0.55);*/
		color: white;
		border: 1px solid var(--stateDarkBlue);
		margin: 0px 0px 0px 5px;
	}

			.navbar-deed .navbar-nav .nav-link:hover, .navbar-deed .navbar-nav .nav-link:focus {
				/*color: white;*/
				/*background-color: var(--stateDarkBlue);*/
				color: var(--stateDarkBlue);
				background-color: white;
				margin: 0px 0px 0px 5px;
				
				/*color: rgba(0, 0, 0, 0.7);*/
			}

   .navbar-deed .navbar-nav .nav-link.disabled {
	   color: rgba(0, 0, 0, 0.3);
   }

   .navbar-deed .navbar-nav .show > .nav-link,
   .navbar-deed .navbar-nav .nav-link.active {
	   color: rgba(0, 0, 0, 0.9);
   }

.navbar-deed .navbar-toggler {
   color: rgba(0, 0, 0, 0.55);
	border-color: var(--stateDarkGray);
}

.navbar-deed .navbar-toggler-icon {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-deed .navbar-text {
   color: rgba(0, 0, 0, 0.55);
}

   .navbar-deed .navbar-text a,
   .navbar-deed .navbar-text a:hover,
   .navbar-deed .navbar-text a:focus {
	   color: var(--stateGreen);
	   /*color: rgba(0, 0, 0, 0.9);*/
   }

.navbar-inverse {
   /*EJM changed to blueish color*/
      background-color: #123ADB;
      border-color: #080808;
   }

.navbar-ltGray {
   background-color: var(--stateLightGray);
	border-color: #080808;
}
.postlogo {
   float: left;
   padding: 15px 15px;
   font-size: 14px;
   line-height: 18px;
}

input[type="checkbox"] {
	
	height: 35px;
	width: 35px;
}

.gridcolumnlink {
	color: #1B3CF3;
	text-decoration: underline;
}

	.gridcolumnlink:visited {
		color: #0920a5;
	}


@media (prefers-reduced-motion: reduce) {
	.navbar-toggler { transition: none; }

	a {
		text-decoration: underline;
		color: blue;
	}
	/*ceebutton*/

	html {
		position: relative;
		min-height: 100%;
	}

	body { margin-bottom: 60px; }


	/*Make smaller for mobile, standard font size for h1 takes up too much space*/
	@media (max-width: 450px) {
		h1 { font-size: 24px; }
	}

	#Grid .k-grid-header .k-header { font-weight: bold; }

	.btn-primary {
		color: #fff;
		background-color: red;
		border-color: #0d6efd;
	}

		.btn-primary:hover {
			color: #fff;
			background-color: chartreuse;
			border-color: #0a58ca;
		}
	.btn-CEE {
		color: #fff;
		background-color: var(--stateDarkBlue);
		border-color: var(--stateDarkBlue);
		/*background-color: #0d6efd;
		border-color: #0d6efd;*/
	}

	.btn-CEE:hover {
			color: #fff;
			background-color: #0b5ed7;
			border-color: #0a58ca;
		}

	.btn-CEE:disabled, .btn-CEE.disabled {
		color: var(--stateDarkBlue);
		background-color: var(--stateLightGray);
		border-color: var(--stateDarkGray);
			/*background-color: #0d6efd;
			border-color: #0d6efd;*/
		}

	k-button {
	    background-color: #e7e7e7;
	    color: black;
	    display: inline-block;
	}

    .k-button:hover {
        background-color: #003865;
        color: white;
    }

	/*.ceebutton {
		border-radius: 6px;
		height: 40px;
		border: none;
		margin: 0 5px 0 5px;
		background-color: lightskyblue;
		font-size: 100%;
	}

	.ceeNavbar {
		background-color: var(--stateDarkBlue);
		border-radius: 2px;
		color: #ffffff;
	}

	.ceeNavbar > a { color: var(--white); }*/

	/* MainContent Styles*/
	a.skip {
		z-index: -1;
		position: absolute;
		top: 10px;
		/*left: 400px;*/
		background-color: var(--white);
		color: var(--white);
		padding: 0.5em 1em;
	}

	/*.ceebutton:hover {
		background-color: #1B3CF3;
		color: var(--white);
	}*/

	
	@media (max-width: 450px) {
		#grid {
			width: 94%;
			height: 400px;
		}
	}

	
		.titlebar {
			background-color: var(--stateGreen);
			font-weight: bold;
			font-size: 1.15em;
			width: 100%;
		}

		@media (max-width: 450px) {
			.titlebar { width: 94%; }
		}

		.validation-summary-valid { display: none; }

		.validation-summary-errors {
			padding-top: 5px;
			padding-left: 5px;
			border: 1px solid #eebcd1;
			border-radius: 3px;
			background-color: #f2dede;
			color: #A94442;
		}

		@media (max-width: 450px) {
			.validation-summary-errors { width: 94%; }
		}

		.marg { margin: 5px 2px 5px 0; }
		
		#grid { margin-bottom: 5px; }

		/*@media (min-width: 450px) {
			.top-buttons-div { display: none; }
		}

		@media (max-width: 450px) {
			.bottom-buttons-div { display: none; }
		}*/
		

}


.searchdiv{
	margin-left:15px;
}