html {
	font-size: 16px;
}

body {
	background-color: #fcfcfc;
	font-family: 'Open Sans', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
	font-size: 1rem;
}

html, body {
	height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	min-width: 360px;
	width: auto !important;
}

@media (min-width: 1px) {
	body {
		padding: 60px 0 0;
	}

	#page-nav {
		height: 60px;
	}

	.navbar-brand {
		background: url("/Images/apmg/apmg-logo-image.svg") no-repeat #fff center center;
		background-size: auto 32px;
		width: 44px;
		height: 44px;
		border-radius: 0.25rem !important;
	}

	main {
		min-height: calc(100vh - 118px);
	}

	footer {
		width: 100%;
		min-height: 56px;
		background-color: #fff;
		border-top: 1px solid #aaa;
		border-top: 1px solid rgba(0, 0, 0, .125);
		font-size: .8rem;
		line-height: 1.6rem;
		padding-top: 3px;
	}
}

@media (min-width: 768px) {

	main {
		min-height: calc(100vh - 116px);
	}

	body {
		padding: 80px 0 0;
	}

	#page-nav {
		height: 80px;
	}

	.navbar-brand {
		background: url("/Images/apmg/apmg-logo-full.svg") no-repeat #fff 8px center;
		background-size: auto 48px;
		width: 448px;
		min-height: 56px;
		border-radius: 0.25rem !important;
	}
}

@media (min-width: 992px) {

	footer {
		min-height: 36px;
		line-height: 1.9rem;
		font-size: .9rem;
		padding-top: 2px;
	}
}

#page-nav.navbar {
	box-shadow: 0 1px 4px #151515, 0 0 40px #151515;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6), 0 0 40px rgba(0, 0, 0, 0.1);
}

.navbar-label {
	font-weight: normal;
	color: white;
}

.navbar-line-center {
	line-height: 30px;
}

#page-nav.navbar-line-split {
	line-height: 22px;
}

#page-footer a {
	text-decoration: none;
}

	#page-footer a:hover {
		text-decoration: underline;
	}

#content p {
	margin-bottom: .5rem;
}

br:last-of-type + br {
	display: block;
	margin: 0 0 .5rem;
	content: " ";
}

.make-link {
	cursor: pointer;
	text-decoration: underline;
}

.font-size-option {
	font-weight: normal;
	text-decoration: none;
}

	.font-size-option:hover {
		font-weight: bold;
	}

#toolbar ul {
	min-height: 2.25rem;
	display: flex;
	padding-left: .5rem;
}

.btn-nav {
	margin: .5rem .25rem;
	font-size: 0.8rem;
}

a.panel-toggle {
	text-decoration: none;
}

.toggle-title,
.toggle-icon {
	color: white;
}

div.panel-body {
	padding: 0;
}

.table-id-col {
	text-align: center;
	width: 1px;
}

.invalid-feedback {
	margin-top: 0;
	margin-bottom: .5rem;
}

.page-tooltip + .tooltip > .tooltip-inner {
	background-color: #FFF1AD;
	color: #000;
	border: 1px solid #7A6600;
}

.page-tooltip + .tooltip.top > .tooltip-arrow {
	border-left: 5px solid #7A6600;
}

.page-tooltip + .tooltip.right > .tooltip-arrow {
	border-right: 5px solid #7A6600;
}

.page-tooltip + .tooltip.bottom > .tooltip-arrow {
	border-bottom: 5px solid #7A6600;
}

.page-tooltip + .tooltip.left > .tooltip-arrow {
	border-left: 5px solid #7A6600;
}

.page-nav-button {
	color: white;
	min-width: 100px;
	margin-left: auto;
	margin-right: auto;
}

	.page-nav-button:hover {
		text-decoration: none;
	}


/* Modal styles */
.modal-message {
	line-height: 80px;
}

.confirm-modal .modal-content {
	color: white !important;
	background-color: #033c73 !important;
}

.confirm-modal .modal-footer {
	border-top: 0 none;
}

/* Helper classes */
.margins {
	padding-left: 1rem;
	padding-right: 1rem;
}

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

.text-xl {
	font-size: 1.5rem;
}

.text-l {
	font-size: 1.25rem;
}

.text-n {
	font-size: 1rem;
}

.text-s {
	font-size: 0.75rem;
}

.text-xs {
	font-size: 0.5rem;
}


.no-margin-top {
	margin-top: 0;
}

.no-margin-bottom {
	margin-bottom: 0;
}

.space-top {
	margin-top: 16px;
}

.space-bottom {
	margin-bottom: 16px;
}

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

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

.pad-text-left {
	padding-left: 15px;
}

.pad-text-left-small {
	padding-left: 7px;
}

.pad-text-right {
	padding-right: 15px;
}

.pad-text-right-small {
	padding-right: 7px;
}

.line-breaks-small br {
	display: block;
	margin-bottom: 6px;
}

.custom-checkbox-dark .custom-control-label::before {
	border-radius: 0.25rem;
}

.custom-checkbox-dark .custom-control-input:checked ~ .custom-control-label::before {
	background-color: #04519b;
}

.custom-checkbox-dark .custom-control-input:checked ~ .custom-control-label::after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.custom-checkbox-dark .custom-control-input:indeterminate ~ .custom-control-label::before {
	background-color: #04519b;
}

.custom-checkbox-dark .custom-control-input:indeterminate ~ .custom-control-label::after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
}

.num-input {
	text-align: center;
	padding-left: 0.5rem !important;
}

	.num-input.form-control:valid,
	.num-input.form-control:invalid {
		background-position: left center;
		background-position-x: left;
		background-position-y: center;
	}

.fs-s {
	font-size: .8rem;
}

.fs-m {
	font-size: 1rem;
}

.fs-l {
	font-size: 1.2rem;
}

.fs-xl {
	font-size: 1.4rem;
}

.h-size {
	width: .5rem !important;
	height: .5rem !important;
}

.w-0 {
	width: 0;
}

.icon-notification {
	width: 20px;
	height: 20px;
}

.icon-alert {
	width: 24px;
	height: 24px;
}

#notifications-container {
	z-index: 11;
	margin-top: 80px;
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
	margin-right: .4rem;
}