@import url("https://fonts.googleapis.com/css?family=Montserrat&display=swap");
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300ita‌​lic,400italic,500,500italic,700,700italic,900italic,900);
body {
	padding-top: 50px;
	padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
	padding-left: 15px;
	padding-right: 15px;
}

.footer {
	position: absolute !important;
}

@media print {

	@page {
		size: A4;
		margin: 0mm;
	}

	html, body {
		width: 1024px;
	}

	body {
		margin: 0 auto;
		line-height: 1em;
		word-spacing: 1px;
		letter-spacing: 0.2px;
		background: white;
		color: black;
		width: 100%;
		float: none;
	}

	/* avoid page-breaks inside a listingContainer*/
	.listingContainer {
		page-break-inside: avoid;
	}

	h1 {
		font: 28px "Times New Roman", Times, serif;
	}

	h2 {
		font: 24px "Times New Roman", Times, serif;
	}

	h3 {
		font: 20px "Times New Roman", Times, serif;
	}

	/* Improve colour contrast of links */
	a:link, a:visited {
		color: #781351
	}

	/* URL */
	a:link, a:visited {
		background: transparent;
		color: #333;
		text-decoration: none;
	}

	a[href]:after {
		content: "" !important;
	}

	a[href^="http://"] {
		color: #000;
	}

	#header {
		height: 75px;
		font-size: 24pt;
		color: black
	}
}

.normalheader {
	padding: 0 !important;
	margin: 0px !important;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
	white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
#search-form input, select {
	min-width: 100px;
	max-width: 280px;
}

#search-form .small-input {
	width: 100px;
}

#search-form .hasDatepicker {
	max-width: 100px !important;
}

#data-form select {
	max-width: inherit;
	width: 100%;
}

#logo.light-version {
	background-color: #fff !important;
}

.navbar-brand {
	padding: 0px 0px !important;
}

#logo {
	padding: 15px 0px 0px 0px !important;
}

#header {
	height: 58px !important;
}

.small-header .panel-body h2 {
	text-transform: none !important;
}

.table-header {
	background-color: Highlight;
	font-weight: bold;
}

.table-group-info {
	font-weight: bold;
	background-color: Highlight;
}

a.collapse, a.expand {
	background: url('img/buttons.png');
	width: 16px;
	height: 16px; /*margin-top: 2px;*/
	display: inline-block;
}

a.expand {
	background-position: -16px 0px;
}

#logo.light-version {
	border-bottom: none !important;
}

.mw-100 {
	min-width: 100px;
	text-align: left;
}

.mw-80 {
	min-width: 80px;
	text-align: left;
}

.silver {
	background: #f7f9fa;
}

.blue {
	background: #3498db;
}

.width-100 {
	max-width: none !important;
	width: 99% !important;
}

textarea.note-codable {
	display: none;
}

#search-form .panel-footer {
	background-color: white;
	border-color: white;
}

#search-form .panel-body {
	background-color: white;
	border-color: white;
}

.btn-grid {
	min-width: 60px;
}

#detail-table {
	padding-left: 5px;
	padding-right: 5px;
}

	#detail-table th {
		font-size: 10px;
	}

#search-form #Query_LastName {
	max-width: 120px;
}

#search-form #Query_Cohort {
	max-width: 120px;
}

#search-form #Query_DaysToRotation {
	max-width: 100px;
}

#search-form #Query_QuickSearch {
	max-width: 120px;
}

#search-form .quick-search-label {
	display: inline;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
	max-width: 120px;
}

#ApplyToInstructorSince {
	max-width: 120px;
}

.ui-datepicker {
	position: relative;
	z-index: 10000 !important;
}

.modal-header {
	padding: 10px 10px !important;
}

@media (max-width: 767px) {
	.table-responsive .dropdown-menu {
		position: static !important;
	}
}

@media (min-width: 768px) {
	.table-responsive {
		overflow: visible;
	}
}

.action:hover {
	background-color: #efebeb;
	text-decoration: none;
}

.label-primary2 {
	background-color: #9b59b6;
}


.validation-summary-errors ul {
	list-style: none;
}

.text-nowrap {
	white-space: nowrap;
}

#data-form .row {
	padding: 10px;
}

#data-form .label {
	font-size: 11px;
	font-weight: bold;
}

.label-light {
	background-color: #ccc;
	color: black;
}

.top-border-only {
	border-left: none !important;
	border-right: none !important;
	border-bottom: none !important;
}

.no-padding {
	padding: 0 !important;
	margin: 0px !important;
}

.tiny-padding {
	padding: 2px !important;
}

.form-control-sm {
	padding: 2px !important;
	height: 24px !important;
}

.form-control-checkbox {
	padding: 2px !important;
	height: 15px !important;
}

.not-bold {
	font-weight: normal !important;
}

/*#data-form .form-row {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}*/
.home-icon {
	font-size: 46px !important;
}

	.home-icon:hover {
		/*font-size: 50px;*/
		color: red;
	}

.ui-autocomplete {
	z-index: 215000000 !important;
}
/*.text-aqua {
	color: #00b29e;
}
.text-blue {
	color: #00c0ef;
}*/
.hpanel .panel-body-form {
	background: #fff;
	/* border: 1px solid #e4e5e7; */
	border-radius: 2px;
	padding: 2px !important;
	position: relative;
}
.no-border {
	border: none !important; 
}
.alt-font {
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	/*font-weight: bold;*/
}

.hpanel.search-panel.panel-collapse > .panel-heading, .hpanel .hbuilt {
	border-color: none !important;
	border: none !important;
}
.btn-primary3 {
	background-color: #5cb85c;
	border-color: #34495e;
	color: #fff;
}
.btn-aqua {
	font-family: "Montserrat", sans-serif;
	transition: 0.5s;
	color: #000;
	background: #1acc8d;
}
.btn-aqua:hover {
	background: #3498db;
}
.btn-primary2:hover {
	background: #804A96 !important;
}