:root {
	--ph-border-off: 0.5em solid transparent;
	--ph-border-on: 0.63em solid var(--dark);
}

.ph-pagination {
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	width: 100%;
	display: inline-flex;
	justify-content: center;
	column-gap: 0px;
}

.ph-angle {
	width: 0px;
	height: 0px;
	display: inline-block;
	margin: 0em;
	padding: 0em;
}

.ph-angle.up {
	border-left: var(--ph-border-off);
	border-right: var(--ph-border-off);
	border-bottom: var(--ph-border-on);
}

.ph-angle.up.primary {
	border-bottom-color: var(--primary);
}

.ph-angle.up.secondary {
	border-bottom-color: var(--secondary);
}

.ph-angle.up.success {
	border-bottom-color: var(--success);
}

.ph-angle.up.info {
	border-bottom-color: var(--info);
}

.ph-angle.up.warning {
	border-bottom-color: var(--warning);
}

.ph-angle.up.danger {
	border-bottom-color: var(--danger);
}

.ph-angle.up.light {
	border-bottom-color: var(--light);
}

.ph-angle.down {
	border-left: var(--ph-border-off);
	border-right: var(--ph-border-off);
	border-top: var(--ph-border-on);
}

.ph-angle.down.primary {
	border-top-color: var(--primary);
}

.ph-angle.down.secondary {
	border-top-color: var(--secondary);
}

.ph-angle.down.success {
	border-top-color: var(--success);
}

.ph-angle.down.info {
	border-top-color: var(--info);
}

.ph-angle.down.warning {
	border-top-color: var(--warning);
}

.ph-angle.down.danger {
	border-top-color: var(--danger);
}

.ph-angle.down.light {
	border-top-color: var(--light);
}

.ph-angle.left {
	border-top: var(--ph-border-off);
	border-bottom: var(--ph-border-off);
	border-right: var(--ph-border-on);
	padding-right: 0.3em !important;
}

.ph-angle.left.primary {
	border-right-color: var(--primary);
}

.ph-angle.left.secondary {
	border-right-color: var(--secondary);
}

.ph-angle.left.success {
	border-right-color: var(--success);
}

.ph-angle.left.info {
	border-right-color: var(--info);
}

.ph-angle.left.warning {
	border-right-color: var(--warning);
}

.ph-angle.left.danger {
	border-right-color: var(--danger);
}

.ph-angle.left.light {
	border-right-color: var(--light);
}

.ph-angle.right {
	border-top: var(--ph-border-off);
	border-bottom: var(--ph-border-off);
	border-left: var(--ph-border-on);
	padding-left: 0.4em !important;
}

.ph-angle.right.primary {
	border-left-color: var(--primary);
}

.ph-angle.right.secondary {
	border-left-color: var(--secondary);
}

.ph-angle.right.success {
	border-left-color: var(--success);
}

.ph-angle.right.info {
	border-left-color: var(--info);
}

.ph-angle.right.warning {
	border-left-color: var(--warning);
}

.ph-angle.right.danger {
	border-left-color: var(--danger);
}

.ph-angle.right.light {
	border-left-color: var(--light);
}

.pagination-slider {
	-webkit-appearance:none;
	appearance:none;
	width: 100%;
	min-width: 100px;
	height:14px;
	border-radius:7px;
	outline: none;
	background-color:silver;
	color: cornflowerblue;
	opacity: 0.7;
	-webkit-transition: 0.3s;
	transition: opacity 0.3s;
}

.pagination-slider:hover {
	opacity: 1;
}

.pagination-slider::-webkit-slider-thumb {
	-webkit-appearance:none;
	appearance:none;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #2196f3;
	cursor: pointer;
}

.pagination-slider::-moz-range-thumb {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #2196f3;
	cursor: pointer;
}

.custom-report-query {
	font-family: Courier,serif !important;
	font-size: 1.3em !important;
	background-color: #f8f8f8 !important;
	color: #101010 !important;
}

.swal2-popup {
	box-shadow: 15px 15px 20px rgba(32, 32, 32, 0.7);
}

.ph-file-content {
	width: 100%;
	box-sizing: border-box;
	font-family: Courier, serif;
}

.ph-map {
	height: 75vh;
}

@media only screen and (max-width: 600px) {
	.below-sm-hidden {
		display: none;
	}
}

@media only screen and (max-width: 768px) {
	.below-md-hidden {
		display: none;
	}
}

@media only screen and (max-width: 922px) {
	.below-lg-hidden {
		display: none;
	}
}

@media only screen and (max-width: 1200px) {
	.below-xl-hidden {
		display: none;
	}
}

@media only screen and (min-width: 600px) {
	.above-sm-hidden {
		display: none;
	}
}

@media only screen and (min-width: 768px) {
	.above-md-hidden {
		display: none;
	}
}

@media only screen and (min-width: 922px) {
	.above-lg-hidden {
		display: none;
	}
}

@media only screen and (min-width: 1200px) {
	.above-xl-hidden {
		display: none;
	}
}

.nav-link.active {
	background-color: #005C97 !important;
	color: var(--light) !important;
}

.sidebar .nav > li.active > a,
.panel-primary>.panel-heading,
.header.navbar-inverse {
	background: #005C97 !important;
}

.sidebar-minify-btn i:hover,
.sidebar-minify-btn i:focus{
	color: #0078ff;
}

.text-csa-blue-darker {
	color: #005C97 !important;
}

.bg-csa-blue {
	background-color: #0085CA !important;
}

.bg-csa-blue-darker {
	background-color: #005C97 !important;
}

.bg-csa-lime {
	background-color: #BED12A !important;
}

.bg-csa-red {
	background-color: #DA1E32 !important;
}

.bg-csa-red-darker {
	background-color: #B8322E !important;
}

.bg-csa-green {
	background-color: #2D953E !important;
}

.bg-csa-gold {
	background-color: #FEBE13 !important;
}

.bg-csa-orange {
	background-color: #F89A1C !important;
}

.bg-csa-sky-blue {
	background-color: #67CDF2 !important;
}

.bg-csa-turquoise {
	background-color: #26BBB3 !important;
}