:root {
	--qat-bg-primary: #131F2A;
	--qat-pantone_7547: #131F2A;
	--qat-pantone_7547_1: #172431;
	--qat-pantone_2379: #374351;
	--qat-pantone_512: #763373;
	--qat-pantone_black_6: #0D161D;
	--qat-gray: #404d5e;
	--qat-dark-gray: #424242;
	--qat-off-white: #f2f3f5;
	--qat-directoire-blue: #0062A3;
	--qat-dark-blue: #004473;
	--qat-black-blue: #0d161d;
	--qat-dark-navy: #172431;
	--qat-navy: #203346;
	--qat-bering-sea: #4b5b6e;
	--qat-blue-gray: #9caec6;
	--qat-light-gold: #d3ae36;
	--qat-dark-gold: #a67b00
}

/* Colors*/

.qat-main-bg-color {
	background-color: var(--qat-bg-primary);
}

.qat-pantone_2379-bg-color {
	background-color: var(--qat-pantone_2379);
}

/* Page Content*/
.card-section {
	border-radius: 0.5rem !important;
}

	.card-section .card-body-section {
		background-color: #f7f7f7;
	}

	.card-section .card-header-section {
		background: none !important;
		padding: 1.25rem 1.25rem 0 !important;
	}

.qat-main-content {
	padding: 0;
}

.qat-main-content {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	flex-wrap: wrap;
	margin-left: 250px;
	margin-top: 0px;
	min-height: calc(100vh - 121px);
	-ms-flex-wrap: wrap;
	overflow: hidden;
	padding: 0 12px;
}

	.qat-main-content .qat-page-content {
		width: 100%;
		margin-bottom: 50px;
	}

@media (max-width: 640.98px) {
	.qat-main-content {
		border-radius: 0.5rem !important;
	}
}

.qat-main-content,
.footer {
	margin-left: 0;
}

.qat-page-title-box {
	padding: 24px 12px 70px 12px;
	margin: 0 -12px;
	color: #fff;
}

	.qat-page-title-box h3 {
		color: #fff;
		font-size: 24px;
	}

	.qat-page-title-box .date-icon {
		color: #505d69;
	}

.qat-dflex-between-center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.qat-page-content-mt-45 {
	margin-top: -45px;
}

/* Breadcrumb */
.breadcrumb-item + .breadcrumb-item {
	padding-left: 0.3rem;
}

	.breadcrumb-item + .breadcrumb-item::before {
		display: inline-block;
		padding-right: 0.3rem;
		color: #6c757d;
		content: "/";
	}

	.breadcrumb-item + .breadcrumb-item:hover::before {
		text-decoration: underline;
	}

	.breadcrumb-item + .breadcrumb-item:hover::before {
		text-decoration: none;
	}

.breadcrumb .breadcrumb-item a:not(.active) {
	color: #fff;
	text-decoration: none;
}

.breadcrumb .breadcrumb-item.active {
	color: rgba(255,255,255,.8);
}

/* Dashboard Menu Component */
.qat-dashboard-menu-card-box {
	position: relative;
	color: #fff;
	padding: 20px 10px 40px;
	margin: 20px 0px;
}

	.qat-dashboard-menu-card-box:hover {
		text-decoration: none;
		color: #f1f1f1;
	}

		.qat-dashboard-menu-card-box:hover .qat-dashboard-menu-card-box-icon span {
			font-size: 100px;
			transition: 1s;
			-webkit-transition: 1s;
		}

		.qat-dashboard-menu-card-box:hover .qat-dashboard-menu-card-box-icon img {
			font-size: 100px;
			transition: 1s;
			-webkit-transition: 1s;
		}

	.qat-dashboard-menu-card-box .qat-dashboard-menu-card-box-inner {
		padding: 5px 10px 0 10px;
	}

	.qat-dashboard-menu-card-box h3 {
		font-size: 27px;
		font-weight: bold;
		margin: 0 0 8px 0;
		white-space: nowrap;
		padding: 0;
		text-align: left;
	}

	.qat-dashboard-menu-card-box p {
		font-size: 15px;
	}

	.qat-dashboard-menu-card-box .qat-dashboard-menu-card-box-icon {
		position: absolute;
		top: auto;
		bottom: 5px;
		right: 5px;
		z-index: 0;
		font-size: 72px;
		color: rgba(0, 0, 0, 0.15);
	}

	.qat-dashboard-menu-card-box .qat-dashboard-menu-card-box-footer {
		position: absolute;
		left: 0px;
		bottom: 0px;
		text-align: center;
		padding: 3px 0;
		color: rgba(255, 255, 255, 0.8);
		background: rgba(0, 0, 0, 0.1);
		width: 100%;
		text-decoration: none;
	}

	.qat-dashboard-menu-card-box:hover .qat-dashboard-menu-card-box-footer {
		background: rgba(0, 0, 0, 0.3);
	}

.qat-dashboard-menu-card-box-bg-gray-1 {
	background-color : #5d6b7d;
}

.qat-dashboard-menu-card-box-bg-gray-2 {
	background-color: #4b5b6e;
}

.qat-dashboard-menu-card-box-bg-gray-3 {
	background-color: #414f5f;
}

.qat-dashboard-menu-card-box-bg-gray-4 {
	background-color: #374351;
}

/* QAT Tabs */

.nav-pills .nav-link {
	color: #505d69;
}

.nav-pills > li > a, .nav-tabs > li > a {
	color: #505d69;
}

.nav-pills .nav-link {
	border-radius: 0.3rem;
}

	.nav-pills .nav-link.active,
	.nav-pills .show > .nav-link {
		color: #fff;
		background-color: var(--qat-bg-primary);
	}

.qat-tabs .nav-pills .nav-link {
	margin-bottom: 24px;
	text-align: center;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}

	.qat-tabs .nav-pills .nav-link.active {
		background-color: var(--qat-bg-primary);
	}

.qat-tabs-content {
	padding-top: 1rem;
}