.container-fluid {
	padding-left: 30px;
	padding-right: 30px;
}

.popover-content {
	font-weight: 600;
	color: #2f3131;
}

h3 {
	font-weight: 900;
}

.main-heading {
	margin: 50px 0;
}

.lead {
	margin: 25px 0;
}

.dataTables_filter,
.ui-multiselect-filter {
	display: none;
}

#datatable2 > tbody > tr > td {
	padding-top: 0;
	padding-bottom: 0;
}

.table {
	height: 100% !important;
}

.detail-cell {
	height: 112px;
}

	.detail-cell h5 {
		font-size: 1.3em;
		font-weight: 900;
		margin: 6px 0 16px 0;
	}

	.detail-cell h6 {
		font-weight: 600;
		margin-bottom: 6px;
	}

	.detail-cell p {
		color: #e9aa6c;
		font-weight: 900;
		margin: 0 0 6px 0;
	}

.hover-transparent {
	position: relative;
	transition: background-color .25s;
}

	.hover-transparent:hover {
		cursor: pointer;
		background-color: rgba(0, 176, 255, 0.13);
	}

	.hover-transparent:focus {
		outline: 0;
	}

	.hover-transparent .fa {
		position: absolute;
		color: #3c8ae8;
		top: 12px;
		right: 12px;
		font-size: 1.568rem;
		opacity: 0;
		transition: opacity .25s;
	}

	.hover-transparent:hover .fa {
		opacity: 1;
	}

.fill-space {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.img-center-absolute {
	position: absolute;
	height: 48px;
	width: 48px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.tab-content {
	padding: 0.2em 0;
}

.ui-multiselect-checkboxes {
	height: auto !important;
}

.ui-multiselect-menu {
	min-width: 380px;
	box-shadow: 0 15px 24px rgba(51, 51, 51, 0.25);
}

.ui-multiselect-checkboxes li {
	padding-right: 0;
}

.ui-multiselect-checkboxes label input {
	top: 1px;
	margin: 0 10px 0 0;
	outline: 0 !important;
}

table table > tbody > tr > td {
	border-left: 0 !important;
	border-right: 0 !important;
}

table table > tbody > tr:first-child > td {
	border-top: 0;
}

table table > tbody > tr:last-child > td {
	border-bottom: 0;
}

.guideline-title-mobile {
	display: none;
}

.desc-mobile {
	display: none;
}

/* responsive styles */
@media only screen and (max-width: 1024px) {
	.bm5 {
		margin-bottom: 35px !important;
	}

	.container-fluid {
		padding-left: 10px;
		padding-right: 10px;
	}

	.main-heading {
		margin: 25px 0;
	}

	.lead {
		margin: 12px 0 26px 0;
	}

	.nav-pills.nav-green > li {
		width: 50%;
	}

		.nav-pills.nav-green > li a {
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
		}

	table thead {
		display: none;
	}

	table td {
		display: block;
		width: auto !important;
	}

		table td, table td > div {
			min-height: 68px;
		}

	table.datatable-simple tbody tr td {
		border: 1px solid #dddddd;
	}

	table.fixedHeader-locked {
		display: none;
	}

	table.dataTable.no-footer {
		border: 0;
	}

	table.dataTable tbody tr {
		background-color: #ffffff;
		margin-bottom: 20px;
		display: block;
		box-shadow: 0px 3px 6px rgba(34, 34, 34, 0.12);
	}

	.empty-cell {
		display: none;
	}

	.popover {
		display: none !important;
	}

	.img-center-absolute {
		height: 34px;
		width: 34px;
		top: 0;
		left: auto;
		right: 20px;
	}

	.hover-transparent:not(.detail-cell) {
		padding: 0 !important;
		background-color: rgba(0, 98, 142, 0.1);
	}

	.hover-transparent .fa {
		color: #c1c5c7;
		right: 20px;
		opacity: 1;
	}

	.filters-wrap .ui-multiselect + ul {
		margin-top: 2px !important;
	}

	.detail-cell {
		height: auto;
		min-height: 96px;
	}

		.detail-cell:hover, .detail-cell:focus, .detail-cell:active {
			background: #fff;
		}

		.detail-cell h5 {
			padding-right: 45px;
			font-size: 1.2em;
		}

	#datatable2 tr[data-guideline-id] {
		background: #f9f9f9;
	}

	#datatable2 .detail-cell {
		height: auto;
		min-height: 105px;
	}

	.desc-mobile {
		display: block;
		height: auto;
		padding-left: 10px;
		padding-right: 10px;
		min-height: 0;
		overflow: hidden;
		max-height: 0;
		transition: all .2s;
	}

		.desc-mobile.active {
			padding: 16px 10px;
			max-height: 1000px;
			background: #f9f9f9;
			font-size: 0.92rem;
		}

	.guideline-title-mobile {
		display: block;
		padding: 25px 82px 20px 16px;
		font-size: 0.92rem;
		font-weight: bold;
		color: #3c8ae8;
	}
}

.gbac-search-filter {
	position: relative;
	margin-bottom: 34px;
}

	.gbac-search-filter input[type="text"] {
		width: 100%;
		height: 48px;
		line-height: 48px;
		padding: 11px 40px 10px 18px;
		font-weight: bold;
		color: #716f70;
		border: solid 1px #c9c9c9;
	}

		.gbac-search-filter input[type="text"]:focus {
			outline: 0;
		}

	.gbac-search-filter img {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 12px;
		margin: auto;
		opacity: 0.5;
	}