body {
	font-size: 1.4em;
}


/* xs < 768 */
@media screen and (max-width: 767px) {
	body {
		font-size: 1.2em;
	}
}

/* sm */
@media screen and (min-width: 768px) {
	body {
		font-size: 1.4em;
	}
}

/* md */
@media screen and (min-width: 992px) {
	body {
		font-size: 1.5em;
	}
}

/* lg */
@media screen and (min-width: 1200px) {
	body {
		font-size: 1.7em;
	}
}

.required-field {
	/*color: #182af8;*/
	color: #A94442;
	font-size: 0.6em;
	margin-left: 32px;
}

.required {
	color: #000;
}

.form-group .control-label.required:before {
	content: "*\0009";
	color: #A94442;
}

input:required {
	background-color: #fffbf7;
	font-weight: normal;
}

select:required {
	background-color: #fffbf7;
	font-weight: normal;
}

.requiredtag {
	color: #A94442;
}

div.ui-datepicker {
	font-size: 0.9em;
}

.hrf-label {
	/*background-color: #fbfcf5;*/
	background-color: #f6f5f5;
	color: #4559d1;
	text-decoration: none;
}

.entity-group {
	background-color: #faf9f9;
	color: #4559d1;
	/*height: 38px;*/
	margin: 3px 0 0 0;
	padding: 4px 4px 4px 4px;
	border-bottom: 1px solid #e8e3e3;
	position: relative;
	overflow: auto;
}


.entity-count {
	font-weight: bold;
	/*display: block;
    float: right;*/
}

.grid-group {
	background-color: #f2fafb;
	border-bottom: 1px solid #e8e3e3;
	padding-top: 6px;
	margin-top: 3px;
}

.description {
	font-size: 0.68em;
}

.panel-title {
	text-decoration: none !important;
}

.radio-label {
	padding: 7px;
}

div[class="panel-heading"] > .panel-title a {
	/*background-color: #e8e3e3 !important;*/
	/*background-image: linear-gradient(180deg, #4F364C, #FFFFFF);*/
	text-decoration: none !important;
}

div[class="panel-heading active-panel"] {
	background-image: linear-gradient(90deg, #48722b, #fdfdfd);
	background-image: linear-gradient(90deg, #1e3e76, #fdfdfd);
	/*background-color: #d0eff5 !important;*/
}

	div[class="panel-heading active-panel"] > .panel-title a {
		color: #e8f5b3;
		color: #62fb60;
		text-decoration: none;
		font-weight: bold;
		/*background-color: #d0eff5 !important;*/
	}


/*CLASSES FOR BLUE-GREEN HOVER LINKS*/
.myBox {
	background-color: #11568b;
	color: #FFFFFF;
	margin: 26px;
	/*float: left;*/
	padding: 16px;
	text-decoration: none;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

	.myBox:hover {
		background-color: #5c8727;
		color: #FFFFFF;
		text-decoration: none;
	}

	.myBox:link,
	.myBox:visited,
	.myBox:active {
		color: #FFFFFF;
		text-decoration: none;
	}

/* Menu Specific CSS */


div.bh-tab-container {
	z-index: 10;
	background-color: #ffffff;
	padding: 0 !important;
	border-radius: 4px;
	-moz-border-radius: 4px;
	border: 1px solid #ddd;
	margin-top: 20px;
	margin-left: 50px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	-moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	background-clip: padding-box;
	opacity: 0.97;
	filter: alpha(opacity=97);
}

div.bh-tab-menu {
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
	font-size: 0.9em;
}

	div.bh-tab-menu div.list-group {
		margin-bottom: 0;
	}

		div.bh-tab-menu div.list-group > a {
			margin-bottom: 0;
			text-decoration: none;
		}

			div.bh-tab-menu div.list-group > a .glyphicon,
			div.bh-tab-menu div.list-group > a .fa {
				/*color: #5A55A3;*/
				color: #1e7210;
			}

			div.bh-tab-menu div.list-group > a:first-child {
				border-top-right-radius: 0;
				-moz-border-top-right-radius: 0;
			}

			div.bh-tab-menu div.list-group > a:last-child {
				border-bottom-right-radius: 0;
				-moz-border-bottom-right-radius: 0;
			}

			div.bh-tab-menu div.list-group > a.active,
			div.bh-tab-menu div.list-group > a.active .glyphicon,
			div.bh-tab-menu div.list-group > a.active .fa {
				background-color: #1e7210;
				background-image: #1e7210;
				color: #ffffff;
			}

				div.bh-tab-menu div.list-group > a.active:after {
					content: '';
					position: absolute;
					left: 100%;
					top: 50%;
					margin-top: -13px;
					border-left: 0;
					border-bottom: 13px solid transparent;
					border-top: 13px solid transparent;
					border-left: 10px solid #1e7210;
				}

div.bh-tab-content {
	background-color: #ffffff;
	/* border: 1px solid #eeeeee; */
	margin-right: 20px;
	padding: 10px 20px 5px 20px;
}

div.bh-tab div.bh-tab-content:not(.active) {
	display: none;
}

.inactive-clr {
	background-color: #faa903;
}

.mTitle {
	font-size: larger;
}

.msubTitle {
	font-size: large;
}

.modal-big .modal-dialog {
	max-height: 80%;
	width: 90%;
	background-color: #128dc2;
}

.modal-medium .modal-dialog {
	max-height: 80%;
	width: 75%;
	background-color: #128dc2;
}

.modal-big .modal-content {
	height: auto;
	min-height: 100%;
	border-radius: 0;
}

.panel-default > .panel-heading {
	color: #000;
	/*background-color: #a4c2d3;
	border-color: #fbc530;*/
	/*background-color: #0e446d;*/
	/*background-color: #5c6468;*/
	background-color: #dbdce0;
	border-color: #050844;
	border: solid 1px #bbc5ca;
	/*background-color:#fff;
	color: #000;
	border-color: #000;*/
}

.panel-title a {
	font-size: 1.3em;
}

.subtle a {
	font-size: 0.9em;
}

.subtle-small {
	font-size: 0.7em;
}

.panel-title .subtitle a {
	font-size: 0.9em;
}

th {
	font-size: 0.9em;
}

td {
	font-size: 0.8em;
}

.c-educ-head {
	color: #ffffff;
	background-color: #a4c2d3;
	margin-top: 4px;
	text-align: center;
}

	.c-educ-head th {
		background-color: #c1bdbd;
	}

	.c-educ-head tr {
		background-color: #ffffff;
		color: #000000;
	}

.attention {
	color: #f85d18;
}

.pDetail {
	padding-left: 10px;
	padding-right: 10px;
}

.smallMenu {
	font-size: 0.87em;
	float: left;
	margin: 10px;
	text-decoration: none;
}

.sandWell {
	background-color: #cccccc;
	padding: 6px;
}

.greenTab .nav-tabs {
	/*background-color: #d1d1d1;*/
}

	.greenTab .nav-tabs > li > a {
		border: 1px solid #9e9ea0;
		background-color: #dbdbdb;
		text-decoration: none;
		color: #051a00
	}

		.greenTab .nav-tabs > li > a:hover {
			background-color: #858383 !important;
			border: medium none;
			/*border-radius: 0;*/
			color: #fff;
		}

	.greenTab .nav-tabs > li.active > a {
		background-color: #1e7210;
		font-weight: bold;
		color: #FFFFFF;
	}

.alert-msg {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e2e2+0,dbdbdb+50,d1d1d1+51,fefefe+100;Grey+Gloss+%231 */
	background: #e2e2e2; /* Old browsers */
	background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
	height: 30px;
	padding: 1px;
}

/* Spinner Control */
.roundbox {
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px 6px 6px 6px;
}

.spinner-clr {
	background-color: #f5f6fe;
	color: #0c5a7c;
}

.spinner-lbl {
	margin-left: 12px;
}

.spinner-clr2 {
	margin-top: 4%;
	padding-top: 2px;
	background-color: #177396;
	width: 10%;
	height: 16%;
	opacity: 0.8;
}

.spinner-lbl2 {
	margin-left: 12px;
	padding-top: 12px;
	font-size: 1.4em;
	color: #FFFFFF;
}

.ldr,
.ldr:after {
	border-radius: 50%;
	width: 10em;
	height: 10em;
}

.ldr {
	margin: 24px auto;
	font-size: 0.58em;
	position: relative;
	text-indent: -9999em;
	border-top: 1.1em solid rgba(255, 255, 255, 0.2);
	border-right: 1.1em solid rgba(255, 255, 255, 0.2);
	border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
	border-left: 1.1em solid #ffffff;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.0s infinite linear;
	animation: load8 1.0s infinite linear;
}

@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
/* End Spinner Control */

/* Just to add some spacing on the bottom */
.BottomSpace5 {
	padding: 0 0 5px 0;
}

.icon-spacer {
	margin-right: 3px;
}

/* New Acordion Sampling */
.accordion-group {
	border: 0px solid #000000;
	-moz-border-radius: 0px; /*Firefox*/
	-webkit-border-radius: 0px; /*Safari, Chrome*/
	border-radius: 0px;
	background-color: #fff;
}

.accordion-heading .accordion-toggle {
	color: #ddd;
	font-family: 'Oxygen', sans-serif;
}

.accordion-heading {
	background-color: rgba(59,101,161,1);
	margin-top: 12px;
}

	.accordion-heading:hover {
		background-color: rgba(59,101,161,0.8);
	}

	.accordion-heading .accordion-toggle:hover {
		text-decoration: none;
	}

.accordion-inner {
	border-color: #ddd;
}


/* For multi-select ddl */
span.multiselect-native-select {
	position: relative
}

	span.multiselect-native-select select {
		border: 0 !important;
		clip: rect(0 0 0 0) !important;
		height: 1px !important;
		margin: -1px -1px -1px -3px !important;
		overflow: hidden !important;
		padding: 0 !important;
		position: absolute !important;
		width: 1px !important;
		left: 50%;
		top: 30px
	}

.multiselect-container {
	position: absolute;
	list-style-type: none;
	margin: 0;
	padding: 0
}

	.multiselect-container .input-group {
		margin: 5px
	}

	.multiselect-container > li {
		padding: 0
	}

		.multiselect-container > li > a.multiselect-all label {
			font-weight: 700
		}

		.multiselect-container > li.multiselect-group label {
			margin: 0;
			padding: 3px 20px 3px 20px;
			height: 100%;
			font-weight: 700
		}

		.multiselect-container > li.multiselect-group-clickable label {
			cursor: pointer
		}

		.multiselect-container > li > a {
			padding: 0
		}

			.multiselect-container > li > a > label {
				margin: 0;
				height: 100%;
				cursor: pointer;
				font-weight: 400;
				padding: 3px 0 3px 30px
			}

				.multiselect-container > li > a > label.radio, .multiselect-container > li > a > label.checkbox {
					margin: 0
				}

				.multiselect-container > li > a > label > input[type=checkbox] {
					margin-bottom: 5px
				}

.btn-group > .btn-group:nth-child(2) > .multiselect.btn {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}

.form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio {
	padding: 3px 20px 3px 40px
}

.form-inline .multiselect-container li a label.checkbox input[type=checkbox], .form-inline .multiselect-container li a label.radio input[type=radio] {
	margin-left: -20px;
	margin-right: 0
}
/* For multi-select ddl */

.Hideit {
	display: none;
}

.Showit {
	display: block;
}

.font-bold {
	font-weight: bold;
}


.font-weight-normal {
    font-weight:normal;
}

.font-small-help {
	font-size: 0.67em;
	color: navy;
}

/* xs < 768 */
@media screen and (max-width: 980px) {
	.txt-align {
		text-align: left;
	}
}

/* md */
@media screen and (min-width: 992px) {
	.txt-align {
		text-align: right;
	}
}

/* For wrapping long URLs in Chrome (and possibly other browsers). */
.WrapLongWords {
	word-wrap: break-word;
}

.left-border {
	border-left: 1px solid #858383;
	border-left-color: #686767;
	border-left-style: solid;
	border-left-width: 2px;
}

#writeover {
	color: #fbb204;
	position: absolute;
	top: 87px;
	text-transform: uppercase;
	font-size: 24pt;
	font-weight: bold;
	z-index: 10;
	-ms-transform: rotate(315deg);
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	-o-transform: rotate(315deg);
	-sand-transform: rotate(315deg);
	transform: rotate(315deg);
}


.print-h2 {
	font-size: 0.4em;
}

.sf-asterisk {
	color: #080cd8;
	font-size: 0.8em;
	font-weight: normal;
}

.panel-lightgray {
    border-color: #bfbfbf;
}

.panel-lightgray .panel-heading {
    border-color: #bfbfbf;
    color: #000;
    background-color: #eaeaea;
}

.panel-lightgray a {
    color: #5cb85c;
}

.panel-lightgray a:hover {
    color: #3d8b3d;
}

.alias-bg{
	background-color: #b4f5fb;
}

.warning-message{
	font-size: 0.95em;
	color: #ed1010;
}