.nav-test {
	border-color: #F5D89A;
	background-color: #ff8000;
	font-weight: bold;
	margin-left: 1em;
	margin-right: 1em;
}

.nav-test-mirror {
	border-color: #F5D89A;
	background-color: #8000ff;
	font-weight: bold;
	margin-left: 1em;
	margin-right: 1em;
}

.nav-development {
	border-color: #F5D89A;
	background-color: #3e9eff;
	font-weight: bold;
	color: white;
	margin-left: 1em;
	margin-right: 1em;
	margin-left: 1em;
}

.loader-text {
	color: grey;
	-webkit-animation-name: example; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
	animation-name: example;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
	from {color: #f3f3f3;
}

to {
	color: #3498db;
}

}

/* Standard syntax */
@keyframes example {
	from {color: f3f3f3;
}

to {
	color: #3498db;
}

}

/** A simple title with no padding **/
.h-title {
	font-size: 1.5em;
	font-weight: 500;
}

.h-header {
	font-size: 1.25em;
	font-weight: 500;
}

.h-header small {
	font-size: 0.7em;
	font-weight: normal;
}

.h-info-bar {
	font-size: 1.1em;
	font-weight: 500;
}

.fine-print {
	font-size: small;
	font-family: verdana;
}

.nowrap {
	white-space: nowrap;
}

.dim {
	opacity: 0.8;
}

/**
Makes text boxes as small as 2 characters.
Needed for IE because minimum characters is set to 5.
**/
input.squished {
	width: 2em;
}

.btn-space {
	margin-left: 0.5em;
}

.btn-space-rt {
	margin-right: 0.5em;
}

.n-btn-xl {
	font-size: 5em;
}
/**
Used for panels, to make them appear closer to the dashboard active color.
**/
.dashboard-active {
	background-color: #337ab7;
}
/**
Breadcrumbs
**/
a.breadcrumb-header, a.breadcrumb-header:hover {
	color: #F8F8FF;
	text-decoration: none;
}

/**
Homepage footer
**/
.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 120px;
	line-height: 60px; /* Vertically center the text there */
	color: #fff;
	background-color: #428bca;
}

/**
Save and close css
**/
div.fadeScreen {
	opacity: 0.5;
	background: #000;
	width: 100%;
	height: 100%;
	/** Dashboard uses a z-index of 1000, must overlay that **/
	z-index: 1001;
	top: 0;
	left: 0;
	position: fixed;
}
/** Centers div in the screen, puts it above the fadeScreen **/
.ontop {
	z-index: 1002;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
}
/** Modal from bootstrap **/
.ontop-modal {
	padding: 15px;
	width: 300px;
	height: 120px;
	background-color: #ffffff;
	border: 1px solid #999999;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	outline: 0;
}
/* Make Navigation Toggle on Desktop Hover */
@media only screen and (min-width : 768px) {
	.dropdown:hover .dropdown-menu {
		display: block;
	}
}

/**
Input Button, lipstick on input=file
**/
.btn-file {
	position: relative;
	overflow: hidden;
}

.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	filter: alpha(opacity = 0);
	opacity: 0;
	outline: none;
	background: white;
	cursor: inherit;
	display: block;
}

input[readonly] {
	background-color: white !important;
	cursor: text !important;
}

.disabled-input {
	background-color: #eeeeee !important;
	cursor: not-allowed !important;
}

.highlight {
	background: #ffffa6;
}
/**
Fake Tables, using divs
background-image: linear-gradient(0deg, #4F364C, #FFFFFF);
**/
.row-table {
	border: 1px solid;
}

.row-table+.row-table {
	border-top: 0;
}

.rt-header-blue {
	background-image: linear-gradient(#E6E6E6, #337ab7, #337ab7, #337ab7);
}

.rt-header-dark {
	background-image: linear-gradient(#4F364C, grey);
}

/** 
Page Header
**/
.page-header-tight {
	padding-bottom: 2px;
	margin: 3px 0 3px;
}

.page-header-barless {
	border-bottom: 0px solid #eee;
}

.page-header-dark {
	border-bottom: 1px solid #dbdbdb;
}

/** 
Padding and formatting
**/
.pad-top {
	padding-top: 10px;
}

.pad-top-xlg {
	padding-top: 20px;
}

.pad-left-sm {
	padding-left: 5px;
}

.pad-left {
	padding-left: 3em
}

.test-req {
	border: solid 1px #f56767;
	box-shadow: red 0px 0px 3px;
}

.pad-text-left {
	text-indent: 50px;
}

.pad-bottom {
	padding-bottom: 10px;
}

.pagination-tight {
	margin: 0px 0;
	border-radius: 0px;
}

.container-tight {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.dashboard-tight {
	padding-top: 5px;
	padding-right: 1px;
	padding-left: 1px;
	margin-right: auto;
	margin-left: auto;
}

.bottom {
	position: absolute;
	bottom: 5px;
}

.vcenter {
	display: inline-block;
	vertical-align: middle;
	float: none;
}

/**
Modal Panels
**/

/* Important part */
.modal-dialog-scroll {
	overflow-y: initial !important
}

.inline {
	display: inline;
}

.modal-body-scroll {
	height: 250px;
	overflow-y: auto;
}

@media ( min-width : 1050px) {
	.modal-ex-lg {
		width: 1200px;
	}
	.modal-sup-lg {
		width: 95%;
	}
}
/**
Column Play
**/
.col-tight {
	padding-left: 8px;
	padding-right: 8px;
}
/**
Panels
**/
.panel-small-margin {
	margin-bottom: 8px;
}

.panel-tight {
	margin-bottom: 8px;
	border-radius: 4px;
}

.panel-body-tight {
	padding: 8px;
}

.panel-heading-tight {
	padding: 5px 8px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

.panel-dangerBright {
	border-color: #d43f3a;
}

.panel-dangerBright>.panel-heading {
	color: #ffffff;
	background-color: #d9534f;
	border-color: #d43f3a;
}

.panel-dangerBright>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #d43f3a;
}

.panel-dangerBright>.panel-heading .badge {
	color: #d9534f;
	background-color: #ffffff;
}

.panel-dangerBright>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #d43f3a;
}

.panel-warningBright {
	border-color: #ebc634;
}

.panel-warningBright>.panel-heading {
	color: white;
	background-color: #ebc634;
	border-color: #ebc634;
}

/**
Text Colors and Sizes
**/
.underline {
	text-decoration: underline;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.text-white {
	color: white;
}

a.text-white-link {
	color: white;
	text-decoration: none;
}

a.text-white-link:hover {
	color: white;
	text-decoration: none;
}

a.text-white-link:visited {
	color: white;
	text-decoration: none;
}

.text-title-md {
	font-size: 19px;
	font-weight: bold;
}

.text-white {
	color: white;
}

.text-aim-login {
	color: #ebd99b;
}

.alert-red {
	color: red;
}

.text-green {
	color: green;
}

.text-black {
	color: black;
}

.text-yellow {
	color: #d6d647;
}
/**
Glyph Colors and Sizes
**/
.text-green {
	color: #478d49;
}

.text-red {
	color: #b03131;
}

.text-white {
	color: White;
}

.text-blue {
	color: #117ad0;
}

.text-md {
	font-size: 17px;
}

.text-md-lg {
	font-size: 21px;
	padding-top: 35%;
}

.text-lg {
	font-size: 30px;
}
/**
Column Sizes, by column size
**/
.cs1-12 {
	width: 8%;
}

.cs2-12 {
	width: 17%;
}

.cs3-12 {
	width: 25%;
}

.cs4-12 {
	width: 33%;
}

.cs5-12 {
	width: 41%;
}
/**
Column Sizes, straight percent
**/
.cs1 {
	width: 1%;
}

.cs3 {
	width: 3%;
}

.cs5 {
	width: 5%;
}

.cs8 {
	width: 8%;
}

.cs9 {
	width: 9%;
}

.cs10 {
	width: 10%;
}

.cs12 {
	width: 12%;
}

.cs13 {
	width: 13%;
}

.cs15 {
	width: 15%;
}

.cs20 {
	width: 20%;
}

.cs25 {
	width: 25%;
}

.cs30 {
	width: 30%;
}

.cs35 {
	width: 35%;
}

.cs40 {
	width: 40%;
}

.cs50 {
	width: 50%;
}

.cs70 {
	width: 70%;
}

.cs90 {
	width: 90%;
}

.order-table-header {
	text-align: center;
	background: none repeat scroll 0 0 #ffffff;
	border: 2px solid #dddddd !important;
	padding: 5px;
}

.form-group.required .control-label:after {
	color: #d00;
	content: "*";
	position: absolute;
	margin-left: 8px;
	font-family: 'Glyphicons Halflings';
	font-weight: normal;
	font-size: 12px;
}

.form-control-tight {
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555555;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow
		ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out
		.15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

[disabled].form-control-tight {
	background-color: rgb(238, 238, 238);
}

.fsaButtonStrip {
	display: flex;
	justify-content: row;
}

.fsaBigButtonStrip {
	display: flex;
	flex-flow: wrap;
}

.fsaButtonStrip a.btn {
	flex-shrink: 1;
	flex-grow: 1;
	flex-basis: auto;
	min-width: 126px;
	max-width: 150px;
	height: 120px;
}

.n-btn-md {
	font-size: 75px;
}

.centerText {
	text-align: center;
}

.leftText {
	text-align: left;
}

/**
Larger Check Boxes
**/
input[type=checkbox] {
	transform: scale(2);
	margin-left: 1em;
	margin-right: 1em;
}

.btn-slateBlue {
	background-color: slateBlue;
	color: white;
}

.btn-slateBlue:hover {
	background-color: #493e8e;
	color: white;
}

.btn-brown {
	background-color: brown;
	color: white;
}

.btn-brown:hover {
	background-color: #400000;
	color: white;
}

.btn-purple {
	background-color: #7248c1;
	color: white;
}

.bg-btn-txt {
	font-size: 3.2em;
	font-weight: bold;
}

.btn-purple:hover {
	background-color: #462b77;
	color: white;
}

.btn-yellow {
	background-color: #eac278;
	color: white;
}

.btn-yellow:hover {
	background-color: #bf9f63;
	color: white;
}

.btn-navy {
	background-color: navy;
	color: white;
}

.btn-navy:hover {
	background-color: #010163;
	color: white;
}

.btn-Dorange {
	background-color: #ff8000;
	color: white;
}

.btn-Dorange:hover {
	background-color: #d06800;
	color: white;
}

.btn-darkGreen {
	background-color: #478778;
	color: white;
}

.btn-darkGreen:hover {
	background-color: #023020;
	color: white;
}

.panel-navy>.panel-heading {
	color: gold;
	background-color: navy;
	border-color: navy;
}

.panel-navy {
	border-color: navy;
}

.textEmphasis {
	font-weight: bold;
	font-size: 1.1em;
}

.fullWidth {
	width: 100%
}

.btn.btn-circle {
	border-radius: 50%;
}

input.invalid {
	box-shadow: red 0px 0px 3px;
	border-color: red;
}

.divider {
	border: solid 1px;
	border-color: #69696961 #69696961 #6969699e #69696996;
	margin-bottom: 15px;
}

.panel-heading:not(:first-child){
	border-radius: 0px;
}

.attendees>.row:nth-child(even) {
	background: #dadada;
}

div.autoCompleteDropDown {
	list-style: none;
	position: absolute;
	z-index: 98;
}

div.autoCompleteDropDown ul {
	list-style: none;
	padding: 0;
	max-height: 200px;
	overflow-y: auto;
}

.oneLine {
	white-space: nowrap;
}

div.autoCompleteDropDown ul:not(:empty){
	
	border-left: solid black 1px;
	border-right: solid black 1px;
	border-bottom: solid black 1px;
}

a.autoCompleteDropDown>li {
	padding: 5px;
	background: white;
}

a.autoCompleteDropDown:last-child>li {
	padding: 5px;
}

a.autoCompleteDropDown {
	color: black;
	text-decoration: none;
}

#autoCompleteMaster:hover>input.form-control {
	color: red;
}

a.autoCompleteDropDown:nth-child(2n+2)>li {
	background: #ececec;
}

a.autoCompleteDropDown:hover>li {
	background: #d4d4d4;
}

#searchText:blur .autoCompleteDropDown {
	display: none;
}

#baForm:searchText:active * {
	overflow-y: disable;
}

.right {
	float: right;
}

.history:nth-child(odd) {
	background: #f1f1f1;
}

.container img {
	width: 100%;
}

.bgimg {
	background-image: url("/images/navy_carousel.jpg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	height: 0;
	padding-top: 38.6%;
}

.opaqueBack {
	background: rgba(0, 0, 0, 0.3);
	position: relative;
	background-color: rgba(255, 0, 0, 0.25);
}

.baButton {
	background-image: url('/images/ba_page.jpg');
}

.baSpan {
	background-image: url("/images/ba_page.jpg");
	background-size: cover;
	display: block;
	width: 250px;
	height: 175px;
	background-repeat: no-repeat;
	background-position: center center;
}

.gradeSpan {
	background-image: url("/images/grades.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	width: 250px;
	height: 175px;
}

.degreeSpan {
	background-image: url("/images/degrees.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	width: 250px;
	height: 175px;
	
}

.annSpan {
	background-image: url("/images/announcements.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	width: 250px;
	height: 175px;
}

.reportSpan {
	background-image: url("/images/reports.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	width: 250px;
	height: 175px;
}

.schoolSpan {
	background-image: url("/images/schools.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	width: 250px;
	height: 175px;
}

.voucherSpan {
	background-image: url("/images/vouchers.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	width: 250px;
	height: 175px;
	filter: grayscale(1);
}

.invoiceSpan {
	background-image: url("/images/invoice.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	width: 250px;
	height: 175px;
	filter: grayscale(1);
}

.infoSpan {
	background-image: url("/images/info_icon.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	width: 300px;
	height: 220px;
}

.tuitionSpan {
	background-image: url("/images/tuition_rates.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	width: 300px;
	height: 220px;
}

.termsSpan {
	background-image: url("/images/terms.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	width: 300px;
	height: 220px;
}

.catalogSpan {
	background-image: url("/images/catalog.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	width: 300px;
	height: 220px;
}

.sample-fileSpan {
	background-image: url("/images/sample_file.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	width: 300px;
	height: 220px;
}

.sample-usnccSpan {
	background-image: url("/images/sample_usncc.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	width: 300px;
	height: 220px;
}

.search-gradeSpan {
	background-image: url("/images/search_grade.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	width: 300px;
	height: 220px;
}

.usnccSpan {
	background-image: url("/images/upload_usncc_grade.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	width: 300px;
	height: 220px;
}

.grade-uploadSpan {
	background-image: url("/images/upload_grade.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	width: 300px;
	height: 220px;
}

.btn-margin {
	background-color: #0080c0;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: pre-wrap;
}

.aim-background {
	background-color: white;
}

.aim-bground {
	background-image: linear-gradient(rgba(255, 255, 255, 0.5),
		rgba(255, 255, 255, 0.5)), url("/images/aim_bground.jpg");
	background-size: cover;
	padding-bottom: 56.25%;
	height: 0;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
}

.aim-bground2 {
	background-image: linear-gradient(rgba(255, 255, 255, 0.5),
		rgba(255, 255, 255, 0.5)), url("/images/aim_bground.jpg");
	
	padding-bottom: 56.25%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	background-contain;
}

.visible {
	height: 3em;
	width: 10em;
	background: yellow;
}

.logo {
	width: 320px;
	height: 320px;
}

.logo img {
	height: 100%;
	width: 100%;
}

.box {
	display: inline-block;
	height: 6rem;
}

.box2 {
	display: inline-block;
	height: 9rem;
}


.carousel-control .fa-chevron-left, .carousel-control .fa-chevron-right
	{
	position: absolute;
	width: 30px;
	height: 30px;
	font-size: 30px;
	top: 50%;
	display: block;
}

.carousel-control .fa-chevron-right {
    left: 80%;
    }