body {
	padding-bottom: 20px;
	background-color: #F0F0F0;
	color: #000;
}

.main-body {
	border-top: 5px solid #6CA9E5;
	background-color: #ffffff;
	padding: 15px;
}

.body-main-content {
	width: calc(100% - 262px);
	padding-left: 15px;
	padding-right: 15px;
}

.content {
	background-color: white;
	border-radius: .25em;
	padding-bottom: 15px;
}

.main-body .body-head {
	margin: 0 0 20px;
}

.main-title-container {
	margin-left: -15px;
	margin-right: -15px;
	margin-top: -15px;
	margin-bottom: 10px;
}

.group-container {
	padding: 15px;
}

.card-header {
	background-color: #f7f7f7 !important;
	padding: 0.5rem 1rem !important;
}

.red-link {
	color: #A31F35;
}

.green-link {
	color: #55bd69;
}

header.main {
	background: #ffffff;
	padding: 5px 0 0;
}

.header-gradient_disbled {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+78,f5f5f5+94,f4f4f4+100 */
	background: #ffffff;
	/* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI3OCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjRmNGY0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top, #ffffff 78%, #f5f5f5 94%, #f4f4f4 100%);
	/* FF3.6-15 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(78%, #ffffff), color-stop(94%, #f5f5f5), color-stop(100%, #f4f4f4));
	/* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(top, #ffffff 78%, #f5f5f5 94%, #f4f4f4 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(top, #ffffff 78%, #f5f5f5 94%, #f4f4f4 100%);
	/* Opera 11.10-11.50 */
	background: -ms-linear-gradient(top, #ffffff 78%, #f5f5f5 94%, #f4f4f4 100%);
	/* IE10 preview */
	background: linear-gradient(to bottom, #ffffff 78%, #f5f5f5 94%, #f4f4f4 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType=0);
	/* IE6-8 */
}

.col-logo {
	display: flex;
}

.logo-container {
	display: flex;
	flex-direction: row;
}

.hsag-logo {
	margin-left: 15px;
	margin-right: 10px;
	width: 153px;
}

.nav > li > a,
.main-body .secondary-nav .nav li ul > li > a {
	position: relative;
	display: block;
	padding: 10px 15px;
}

	.nav > li > a:hover,
	.main-body .secondary-nav .nav li ul > li > a:hover,
	.nav > li > a:focus,
	.main-body .secondary-nav .nav li ul > li > a:focus {
		text-decoration: none;
		background-color: #eeeeee;
	}

shareit-nav-bar {
	border-top: 5px solid #6ca9e5;
	display: block;
	clear: both;
	float: right;
}

	shareit-nav-bar ul li {
		border-left: 1px solid #d8e8f8;
	}

		shareit-nav-bar ul li:last-child {
			border-right: 1px solid #d8e8f8;
		}

	shareit-nav-bar ul.nav li a {
		padding: 15px 30px;
	}

.user-nav.nav > li {
	padding: 10px 5px 15px;
}

	.user-nav.nav > li > a {
		padding: 0px;
	}

		.user-nav.nav > li > a:hover {
			background: none;
		}

.user-nav.nav li:last-child {
	padding-right: 0;
}

.logged-in-user {
	font-size: 12px;
}

.nav-link {
	color: #2376c8 !important;
	font-size: 12px;
}

.breadcrumb {
	padding: 0;
	background: none;
	margin-bottom: 0.5%;
}

	.breadcrumb > li + li:before {
		padding: 0 5px;
		color: #ccc;
		content: "/\00a0";
	}

.body-header-blue {
	background-color: #d8e8f8;
}

.main-title-container {
	background-color: #d8e8f8;
}

.body-head {
	font-size: 2em;
}

.group-container-title,
.group-title.group-container-title {
	margin-bottom: 0px;
}

.group-title {
	color: #fff;
	font-weight: normal;
	background-color: #01549f;
	border-color: #13426e;
	padding: 4px 10px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.page-title {
	line-height: 50px;
	font-size: 24px;
	margin-left: 0.3rem;
}

.main-body .body-head {
	margin: 0 0 0px;
}

.body-secondary-navigation {
	width: 222px;
	padding-left: 15px;
	padding-right: 15px;
}

.main-body .secondary-nav {
	border-bottom: 10px solid #2376c8;
}

	.main-body .secondary-nav .label,
	.main-body .secondary-nav .label:hover {
		display: block;
		font-size: 14px;
		text-align: left;
		padding: 10px 15px;
		margin: 0;
		cursor: pointer;
		background-color: #2376c8;
		border-top-left-radius: 2px;
		border-top-right-radius: 2px;
	}

		.main-body .secondary-nav .label a,
		.main-body .secondary-nav .label:hover a {
			color: #FFF;
			text-decoration: none;
		}

	.main-body .secondary-nav .caret {
		color: #FFF;
	}

	.main-body .secondary-nav .depth-1 {
		background-color: #d8e8f8;
		display: flex;
		flex-direction: column;
	}

		.main-body .secondary-nav .depth-1 li a,
		.main-body .secondary-nav .depth-1 > div > a,
		.main-body .secondary-nav .depth-1 li span {
			font-size: 14px;
			color: #000000;
		}

	.nav > li > a,
	.main-body .secondary-nav .nav li ul > li > a,
	.main-body .secondary-nav .nav div > a {
		position: relative;
		display: block;
		padding: 10px 15px;
		border-bottom: 1px solid #FFF;
	}

		.nav > div > a:hover,
		.nav > li > a:hover,
		.nav > li > a:focus,
		.nav > div > a:focus {
			text-decoration: none;
		}

		.main-body .secondary-nav .nav li ul > li > a:focus,
		.main-body .secondary-nav .nav div.active {
			text-decoration: none;
			color: #2376c8;
		}

			.main-body .secondary-nav .nav div.active > a {
				color: #000;
				font-weight: bold;
			}

.label {
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	line-height: 1;
	color: #FFF !important;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
}

	.label[href]:hover, .label[href]:focus {
		color: #000;
		text-decoration: none;
		cursor: pointer;
	}

.child-menu-item:hover {
	background-color: #eee;
}

.footer {
	border-top: solid 8px #97c2ed;
	background-color: #2376c8;
	color: #FFF;
	padding: 15px 15px 25px;
	font-size: .9em;
}

	.footer a {
		color: #fbfbfb;
		text-decoration: underline;
	}

.secondary-footer > div {
	padding: 0;
}

.copyright-version-container {
	display: flex;
	flex-direction: row;
}

	.copyright-version-container .copy-right {
		align-self: center;
	}

	.copyright-version-container .version {
		margin-left: auto;
		align-self: center;
		text-align: right;
	}

.form-signin {
	max-width: 330px;
	padding: 15px;
	margin: 0 auto;
}

.ag-theme-fresh .ag-paging-panel {
	justify-content: space-between;
}

	.ag-theme-fresh .ag-paging-panel .ag-paging-page-summary-panel .ag-paging-button {
		width: 100px;
	}

	.ag-theme-fresh .ag-paging-panel > span {
		margin-left: 0;
	}

.ui-treenode .ui-treenode-content .ui-state-highlight {
	background-color: #6CA9E5 !important;
	color: #ffffff;
}

.ui-treenode .ui-treenode-content .ui-corner-all {
	border-radius: 0px;
}

body .ui-tree {
	border: none;
	padding: 0.571em 0em;
}

.ui-treenode .ui-treenode-content .pi-caret-down:before {
	content: "\e930";
}

.ui-treenode .ui-treenode-content .pi-caret-right:before {
	content: "\e932";
}

.ui-treenode > div {
	outline-color: transparent;
	outline-style: none;
}

.fa-folder, .fa-folder-open {
	color: #5f5e5e !important;
}