:root {
	--Header-blue: #49669f;
	--Header-blue-light: #709be7;
	--Grey: #bdc3ca;
	--Grey-light: #e4e7ea;
	--Grey-light2: #f4f6f8;
	--Grey-dark: #576078;
	--Light-blue: #d0d9e8;
	--Teal: #00b5ad;
	--Black: #090e18;
	/* --Red: #FF2400;1121 */
	--Red: #ff2400;
	--Orange: FF9500;
	--Yellow: #FFFFE00;
	--Sky-blue: #00a8ff;
	--Forest-greeen: #2b8a3e;
	--Grass-greeen: #94d82d;
	--Button-Blue: #0045ff;
	--button-purple: #0050b3;
	--button-border: #d1d9e6;
	--White: #ffffff;
	--Gin-green: #deeae4;
	--Sea-green: #2b8a3e;
	--Java-blue: #22d0d9;
	--Iceberg-blue: #c9eef1;

	--user-menu-container-size: 40ch;
	--header-size: 3.25rem;
	--stat-row1-height: 16rem; /*13rem;*/
	--stat-row2-min-height: 18rem;
	--card-header-size: 3.5rem; /*3rem;*/
	--footer-size: 2.75rem;

	/* Sunray graph related */
	--clocksize: 15rem;
	/*20rem;*/ /*90vh*/
	--tickmarkwidth: 18%;
	--boldwidth: 2;
	--tickwidth: 2%;
	--tickheight: 50%;
	--final-font-size: 16px;
	--final-line-height: 1.5;

	--color: #ff0000;
	/* Continuous Compliance - Sun graph */

	/* Milestones card */
	--ml-empty-icon-size: 8.25rem;
	--ml-flag-pole-size: 0.25rem;
	/* --ml-flag-size: 6vh; */
	--ml-flag-size: 4.5vh;
	--ml-flag-aspect-ratio: calc(1 / 1); /*calc( 2 / 3 );*/
	--ml-flag-height: calc(var(--ml-flag-size) * var(--ml-flag-aspect-ratio));

	--ml-timeline-size: 0.5rem;
	--ml-joint-size: 1.2rem;
	--ml-joint-rim-size: 0.32rem;
	--ml-end-node-size: 5rem;

	--ml-phase-title-size-offset: calc(var(--ml-phase-title-size) * 1);
	--ml-info-target-dt-size-offset: calc(var(--ml-info-target-dt-size) * 1.32);
	--ml-target-dt-day-size-offset: calc(var(--ml-target-dt-day-size) * 1.0381);
	--ml-info-separator-size-offset: calc(var(--ml-info-separator-size) * 1.3125);
	--ml-timeline-phase-size-offset: calc(var(--ml-timeline-phase-size) * 1.3125);
	--ml-status-msg-size-offset: calc(var(--ml-status-msg-size) * 1.15);
	--ml-actual-dt-msg-size-offset: calc(var(--ml-actual-dt-msg-size) * 1.3125);
	--ml-timeline-date-size-offset: calc(var(--ml-timeline-date-size) * 1.385);
}

:root {
	--user-menu-container-size: 40ch;
	--header-size: 3.25rem;
	--stat-row1-height: 16rem; /*13rem;*/
	--stat-row2-min-height: 18rem;
	--card-header-size: 3.5rem; /*3rem;*/
	--footer-size: 2.75rem;

	/* Sunray graph related */
	--clocksize: 15rem; /*20rem;*/ /*90vh*/
	--tickmarkwidth: 18%;
	--boldwidth: 2;
	--tickwidth: 2%;
	--tickheight: 50%;

	/* Milestone graph related */
	--ml-empty-icon-size: 8.25rem;
	--ml-flag-pole-size: 0.25rem;
	/* --ml-flag-size: 6vh; */
	--ml-flag-size: 4.5vh;
	--ml-flag-aspect-ratio: calc(1 / 1); /*calc( 2 / 3 );*/
	--ml-flag-height: calc(var(--ml-flag-size) * var(--ml-flag-aspect-ratio));

	--ml-timeline-size: 0.5rem;
	--ml-joint-size: 1.2rem;
	--ml-joint-rim-size: 0.32rem;
	--ml-end-node-size: 5rem;

	--ml-phase-title-size-offset: calc(var(--ml-phase-title-size) * 1);
	--ml-info-target-dt-size-offset: calc(var(--ml-info-target-dt-size) * 1.32);
	--ml-target-dt-day-size-offset: calc(var(--ml-target-dt-day-size) * 1.0381);
	--ml-info-separator-size-offset: calc(var(--ml-info-separator-size) * 1.3125);
	--ml-timeline-phase-size-offset: calc(var(--ml-timeline-phase-size) * 1.3125);
	--ml-status-msg-size-offset: calc(var(--ml-status-msg-size) * 1.15);
	--ml-actual-dt-msg-size-offset: calc(var(--ml-actual-dt-msg-size) * 1.3125);
	--ml-timeline-date-size-offset: calc(var(--ml-timeline-date-size) * 1.385);
}
@media (min-width: 992px) {
	:root {
		--clocksize: 10rem;
		--stat-row1-height: 13rem;

		--ml-empty-icon-size: 7rem;
		--ml-phase-title-size: 1.2rem;
		--ml-info-target-dt-size: 1.25rem;
		--ml-target-dt-day-size: 1.525rem;
		--ml-info-separator-size: 0.75rem;
		--ml-timeline-phase-size: 0.95rem;
		--ml-status-msg-size: 1.15rem;
		--ml-actual-dt-msg-size: 0.95rem;
		--ml-timeline-date-size: 0.8125rem;
		--ml-timeline-date-padding: 0.85rem;

		--rm-col-label-size: 38%;
		--rm-col-data-size: 62%;

		--my-task-icon-size-offset: 0;
	}
	html {
		font-size: 12px;
	}
	.nist-card-data-div {
		padding: 0.5rem 0.5rem;
	}
	.feedback-submit-btn {
		bottom: 1.2rem !important;
	}
}

@media (min-width: 1200px) {
	:root {
		--clocksize: 12rem;
		--stat-row1-height: 14rem;

		--ml-empty-icon-size: 7rem;
		--ml-phase-title-size: 1.3rem;
		--ml-info-target-dt-size: 1.25rem;
		--ml-target-dt-day-size: 1.525rem;
		--ml-info-separator-size: 0.75rem;
		--ml-timeline-phase-size: 0.95rem;
		--ml-status-msg-size: 1.15rem;
		--ml-actual-dt-msg-size: 0.95rem;
		--ml-timeline-date-size: 0.8125rem;
		--ml-timeline-date-padding: 0.85rem;

		--rm-col-label-size: 40%;
		--rm-col-data-size: 60%;

		--my-task-icon-size-offset: 0;
	}
	html {
		font-size: 14px; /*12px*/
	}
	.nist-card-data-div {
		padding: 0.5rem 0.5rem;
	}
}
@media (min-width: 1300px) {
	:root {
		--clocksize: 13rem;
		--stat-row1-height: 14rem;

		--ml-empty-icon-size: 7rem;
		--ml-phase-title-size: 1.3rem;
		--ml-info-target-dt-size: 1.25rem;
		--ml-target-dt-day-size: 1.525rem;
		--ml-info-separator-size: 0.75rem;
		--ml-timeline-phase-size: 0.95rem;
		--ml-status-msg-size: 1.15rem;
		--ml-actual-dt-msg-size: 0.95rem;
		--ml-timeline-date-size: 0.8125rem;
		--ml-timeline-date-padding: 0.85rem;

		--rm-col-label-size: 40%;
		--rm-col-data-size: 60%;

		--my-task-icon-size-offset: 0;
	}
	html {
		font-size: 14px; /*12px*/
	}
	.nist-card-data-div {
		padding: 0.5rem 0.5rem;
	}
}
@media (min-width: 1400px) and (max-width: 1599px) {
	:root {
		--clocksize: 11rem;
		--stat-row1-height: 18rem;

		--ml-empty-icon-size: 9.5rem;
		--ml-phase-title-size: 1.5rem;
		--ml-info-target-dt-size: 1.5625rem;
		--ml-target-dt-day-size: 2.625rem;
		--ml-info-separator-size: 1rem;
		--ml-timeline-phase-size: 1rem;
		--ml-status-msg-size: 1.25rem;
		--ml-actual-dt-msg-size: 1rem;
		--ml-timeline-date-size: 0.95rem;
		--ml-timeline-date-padding: 0.5rem;

		--rm-col-label-size: 45%;
		--rm-col-data-size: 55%;

		--my-task-icon-size-offset: 0.4;
	}
	html {
		font-size: 16px;
	}
	.nist-card-data-div {
		padding: 1.5rem 1rem;
	}
}
@media (min-width: 1600px) and (max-width: 1899px) {
	:root {
		--clocksize: 14rem;
		--stat-row1-height: 18rem;

		--ml-empty-icon-size: 9.5rem;
		--ml-phase-title-size: 1.5rem;
		--ml-info-target-dt-size: 1.5625rem;
		--ml-target-dt-day-size: 2.625rem;
		--ml-info-separator-size: 1rem;
		--ml-timeline-phase-size: 1rem;
		--ml-status-msg-size: 1.25rem;
		--ml-actual-dt-msg-size: 1rem;
		--ml-timeline-date-size: 0.95rem;
		--ml-timeline-date-padding: 0.5rem;

		--rm-col-label-size: 45%;
		--rm-col-data-size: 55%;

		--my-task-icon-size-offset: 0.4;
	}
	html {
		font-size: 16px;
	}
	.nist-card-data-div {
		padding: 1.5rem 1rem;
	}
}
@media (min-width: 2500px) {
	:root {
		--clocksize: 16rem;
		--stat-row1-height: 18rem;

		--ml-empty-icon-size: 9.5rem;
		--ml-phase-title-size: 1.5rem;
		--ml-info-target-dt-size: 1.5625rem;
		--ml-target-dt-day-size: 2.625rem;
		--ml-info-separator-size: 1rem;
		--ml-timeline-phase-size: 1rem;
		--ml-status-msg-size: 1.25rem;
		--ml-actual-dt-msg-size: 1rem;
		--ml-timeline-date-size: 0.95rem;
		--ml-timeline-date-padding: 0.5rem;

		--rm-col-label-size: 45%;
		--rm-col-data-size: 55%;

		--my-task-icon-size-offset: 0.4;
	}
	html {
		font-size: 16px;
	}
	.nist-card-data-div {
		padding: 1.5rem 1rem;
	}
}
@media (min-width: 1900px) and (max-width: 2500px) {
	:root {
		--clocksize: 15rem;
		--stat-row1-height: 18rem;

		--ml-empty-icon-size: 9.5rem;
		--ml-phase-title-size: 1.5rem;
		--ml-info-target-dt-size: 1.5625rem;
		--ml-target-dt-day-size: 2.625rem;
		--ml-info-separator-size: 1rem;
		--ml-timeline-phase-size: 1rem;
		--ml-status-msg-size: 1.25rem;
		--ml-actual-dt-msg-size: 1rem;
		--ml-timeline-date-size: 0.95rem;
		--ml-timeline-date-padding: 0.5rem;

		--rm-col-label-size: 45%;
		--rm-col-data-size: 55%;

		--my-task-icon-size-offset: 0.4;
	}
	html {
		font-size: 16px;
	}
	.nist-card-data-div {
		padding: 1.5rem 1rem;
	}
}

body {
	margin: 0;
	padding: 0;
	font-family: Roboto, "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 1rem;
	line-height: 1.5;
	color: var(--Black);
	text-align: left;
	background-color: var(--Grey-light);
	width: 100%;
	min-width: 100%;
	height: 100%;
	min-height: 100%;
	/* min-height: 100vh; */
	cursor: default;
	font-weight: normal !important;
}

@font-face {
	font-family: "Roboto";
	src: url("fonts/roboto/Roboto-Regular.eot");
	src: url("fonts/roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/roboto/Roboto-Regular.woff2") format("woff2"), url("fonts/roboto/Roboto-Regular.woff") format("woff"),
		url("fonts/roboto/Roboto-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Roboto-Bold";
	src: url("fonts/roboto/Roboto-Bold.eot");
	src: url("fonts/roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/roboto/Roboto-Bold.woff2") format("woff2"), url("fonts/roboto/Roboto-Bold.woff") format("woff"),
		url("fonts/roboto/Roboto-Bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "Roboto-Medium";
	src: url("fonts/roboto/Roboto-Medium.eot");
	src: url("fonts/roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/roboto/Roboto-Medium.woff2") format("woff2"), url("fonts/roboto/Roboto-Medium.woff") format("woff"),
		url("fonts/roboto/Roboto-Medium.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "Roboto-Italic";
	src: url("fonts/roboto/Roboto-Italic.eot");
	src: url("fonts/roboto/Roboto-Italic.eot?#iefix") format("embedded-opentype"), url("fonts/roboto/Roboto-Italic.woff2") format("woff2"), url("fonts/roboto/Roboto-Italic.woff") format("woff"),
		url("fonts/roboto/Roboto-Italic.ttf") format("truetype");
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: "Roboto-Thin";
	src: url("fonts/roboto/Roboto-Thin.eot");
	src: url("fonts/roboto/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("fonts/roboto/Roboto-Thin.woff2") format("woff2"), url("fonts/roboto/Roboto-Thin.woff") format("woff"),
		url("fonts/roboto/Roboto-Thin.ttf") format("truetype");
}

@font-face {
	font-family: "Roboto-Light";
	src: url("fonts/roboto/Roboto-Light.eot");
	src: url("fonts/roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("fonts/roboto/Roboto-Light.woff2") format("woff2"), url("fonts/roboto/Roboto-Light.woff") format("woff"),
		url("fonts/roboto/Roboto-Light.ttf") format("truetype");
}
.font-normal{
	font-family: "Roboto";
}
.base-section-body {
	min-height: calc(100vh - 240px);
	padding: 1.5em;
	flex-grow: 1;
	display: -ms-flexbox !important;
	display: flex !important;
}

.card-desc p {
	font-size: 1.4rem;
	line-height: 1;
}
.continuous_compliance {
	min-height: auto;

	/* background-color: #fff; */
	margin: 0 auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	/* -webkit-box-shadow: 0 0px 18px 2px #eee;
	-moz-box-shadow: 0 0px 18px 2px #eee; */
	/* box-shadow: 0 0px 18px 2px #eee; */
}
* {
	padding: 0;
	margin: 0;
}
a{
	text-decoration: none !important;
	color: #0d6efd !important;
	cursor: pointer;
}
a:hover{
	color: #0056b3 !important;
}
hr {
	border-top: 2px solid #eee !important;
}
.view-question {
	border: 1px solid #000;
	height: 85vh !important;
	position: relative;
	overflow-y: auto;
	/* overflow-x: hidden; */
	/* padding: 20px 0!important; */
}

.topic-head {
	padding: 0 20px;
}
.topic-head h2 {
	margin-bottom: 10px;
}
.account-date-row {
	margin-left: 0 !important;
}
.lable h6 {
	margin: 8px 0;
	font-size: 1rem;
}
.cc-logo-1 {
	display: flex;
	width: 100%;
	/* margin-bottom: 0px; */
	text-align: center;
	align-items: center;
	justify-content: center;
}
.cc-logo-1 img {
	width: 85%;
}
/* .brdr-left {
	border-left: 0.3rem solid #49669f;
} */
/* .account-date-col {
	/* text-align: center !important;
	border-left: 3px solid #34495e;
} */
.project {
	z-index: 9;
	display: none;
	margin: 0 0px 15px 0;
	align-items: center;
	justify-content: space-between;
}

/* #graphs {
	position: absolute;
	z-index: 9;
	margin-left: 5%;
	display: none;
	color: #000 !important;
	margin-top: -3%;
} */

.add {
	margin-top: 35%;
}

.add1 {
	margin-top: 8%;
}

.error {
	color: red;
}
/*.blockOverlay {
	position: fixed !important;
	 height: auto!important;
}*/
/* .company-screen>.blockUI {
	background-color: white !important;
	border: 0px !important;
} */

/* .visible-data {
	visibility: hidden;
} */

/* .loader-text {
	font-size: medium;
	font-weight: 700;
	color: #0389CB;
	border: 0px;
} */

.loader {
	border: 16px solid #f3f3f3;
	border-top: 16px solid #3498db;
	border-radius: 50%;
	width: 120px !important;
	height: 120px !important;
	animation: spin 2s linear infinite;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20%;
	flex: none !important;
}
.loader2 {
	border: 16px solid #f3f3f3;
	border-top: 16px solid #3498db;
	border-radius: 50%;
	width: 120px !important;
	height: 120px !important;
	animation: spin 2s linear infinite;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25%;
	flex: none !important;
}
.loader3 {
	border: 16px solid #f3f3f3;
	border-top: 16px solid #3498db;
	border-radius: 50%;
	width: 120px !important;
	height: 120px !important;
	animation: spin 2s linear infinite;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5%;
	flex: none !important;
}

.loader1 {
	border: 16px solid #f3f3f3;
	border-top: 16px solid #3498db;
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin 2s linear infinite;
	margin-top: 7%;
	margin-bottom: 7%;
	margin-left: auto;
	margin-right: auto;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.base-section-body,
.view-question {
	background-color: #efefef;
	min-height: auto;
	padding: 20px;
}

.base-section-body-1 {
	padding: 0 30px 0 10px !important;
	/* height: 100%; */
}

/* Start - Number animation - Sunray graph */
/* At-Rule (CSS Houdini) based @property Animation will work on Chromium based browser it more fluid and effective then manual handling */
@property --n {
	syntax: "<integer>";
	initial-value: 0;
	inherits: false;
}
.number {
	animation: animate var(--duration) forwards var(--timing, linear);
	counter-reset: num var(--n);
}
.number::before {
	content: counter(num);
}
@keyframes animate {
	from {
		--n: var(--from);
	}
	to {
		--n: var(--to);
	}
}
/* Hack to support Firefox for above animation*/
@supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
	.number {
		animation: animate var(--duration) forwards var(--timing, linear);
		counter-reset: count 0;
	} /*counter-reset: count var(--from);*/
	.number::before {
		content: counter(count);
	}
	@keyframes animate {
		0% {
			counter-increment: count var(--from);
		}
		5% {
			counter-increment: count calc(var(--to) * 0.05);
		}
		10% {
			counter-increment: count calc(var(--to) * 0.1);
		}
		15% {
			counter-increment: count calc(var(--to) * 0.15);
		}
		20% {
			counter-increment: count calc(var(--to) * 0.2);
		}
		25% {
			counter-increment: count calc(var(--to) * 0.25);
		}
		30% {
			counter-increment: count calc(var(--to) * 0.3);
		}
		35% {
			counter-increment: count calc(var(--to) * 0.35);
		}
		40% {
			counter-increment: count calc(var(--to) * 0.4);
		}
		45% {
			counter-increment: count calc(var(--to) * 0.45);
		}
		50% {
			counter-increment: count calc(var(--to) * 0.5);
		}
		55% {
			counter-increment: count calc(var(--to) * 0.55);
		}
		60% {
			counter-increment: count calc(var(--to) * 0.6);
		}
		65% {
			counter-increment: count calc(var(--to) * 0.65);
		}
		70% {
			counter-increment: count calc(var(--to) * 0.7);
		}
		75% {
			counter-increment: count calc(var(--to) * 0.75);
		}
		80% {
			counter-increment: count calc(var(--to) * 0.8);
		}
		85% {
			counter-increment: count calc(var(--to) * 0.85);
		}
		90% {
			counter-increment: count calc(var(--to) * 0.9);
		}
		95% {
			counter-increment: count calc(var(--to) * 0.95);
		}
		100% {
			counter-increment: count var(--to);
		}
	}
}
/* Hack to support Safari Mac and Safari IOS for above animation*/
/* @media \\0 screen { */
@media screen {
	.number {
		animation: animate var(--duration) forwards var(--timing, linear);
		counter-reset: count 0;
	} /*counter-reset: count var(--from);*/
	.number::before {
		content: counter(count);
	}
	@keyframes animate {
		0% {
			counter-increment: count var(--from);
		}
		5% {
			counter-increment: count calc(var(--to) * 0.05);
		}
		10% {
			counter-increment: count calc(var(--to) * 0.1);
		}
		15% {
			counter-increment: count calc(var(--to) * 0.15);
		}
		20% {
			counter-increment: count calc(var(--to) * 0.2);
		}
		25% {
			counter-increment: count calc(var(--to) * 0.25);
		}
		30% {
			counter-increment: count calc(var(--to) * 0.3);
		}
		35% {
			counter-increment: count calc(var(--to) * 0.35);
		}
		40% {
			counter-increment: count calc(var(--to) * 0.4);
		}
		45% {
			counter-increment: count calc(var(--to) * 0.45);
		}
		50% {
			counter-increment: count calc(var(--to) * 0.5);
		}
		55% {
			counter-increment: count calc(var(--to) * 0.55);
		}
		60% {
			counter-increment: count calc(var(--to) * 0.6);
		}
		65% {
			counter-increment: count calc(var(--to) * 0.65);
		}
		70% {
			counter-increment: count calc(var(--to) * 0.7);
		}
		75% {
			counter-increment: count calc(var(--to) * 0.75);
		}
		80% {
			counter-increment: count calc(var(--to) * 0.8);
		}
		85% {
			counter-increment: count calc(var(--to) * 0.85);
		}
		90% {
			counter-increment: count calc(var(--to) * 0.9);
		}
		95% {
			counter-increment: count calc(var(--to) * 0.95);
		}
		100% {
			counter-increment: count var(--to);
		}
	}
}
/* End - Number animation - Sunray graph */

html {
	background: #f3f5f8;
	font-family: "helvetica neue";
	width: 100%;
	height: 100%;
}

body {
	/* min-height: 100vh; */
	margin: 0;
	display: flex;
	flex-direction: column;
	flex: 1;
}

/*--- Clock Face ---*/
.clock {
    width: 12rem !important;
    height: 12rem !important;
    max-width: 12rem !important;
    max-height: 12rem !important;
    border-radius: 50%;
    margin: auto;
    position: relative;
}
.clock {
	width: var(--clocksize);
	height: var(--clocksize);
	max-width: var(--clocksize);
	max-height: var(--clocksize);
	border-radius: 50%;
	margin: auto;
	position: relative;
}
.clock-face {
	width: 100%;
	height: 100%;
	position: relative;
}

.result-container {
	border: 1px solid #ff8000;
	border-radius: 50%;
	position: absolute;
	width: 87%;
	height: 87%;
	background-color: #f59f26;
	top: 6.5%;
	left: 6.5%;
	/* For content inside */
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.result-container .result {
	/*flex: 0 0 100%;*/
	flex: 0 0 auto;
	margin: 0;
}

.result.status {
	/* margin-top:-1vw; */
	font-size: 1.3rem !important;
	margin-bottom: 25px !important;
}

.result-container .result.stats,
.result-container .result.stats .number::before {
	font-size: 2rem !important;
    color: white;
    font-size: calc((50vw - 4.5rem) / 7);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    /* width: 95%; */
    width: auto;
    height: auto;
    min-height: 20px;
    /* line-height: 100%; */
    line-height: 5.5vh !important;
    display: flex;
    align-items: center;
    font-weight: 100;
    text-align: center;
    font-size: inherit;
    line-height: inherit;
	margin: 0 0 5px 0;
}

.result-container .result.status,
.result-container .result.status .number::before {
	/*font-size: calc((20vw - 4.5rem) / 7);*/
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-weight: 600;
	font-size: 4vmin;
	display: inline;
	text-align: center;
	vertical-align: middle;
}

/*--- Tickmarks ---*/

.tick-radius {
	width: var(--tickwidth);
	height: var(--tickheight);
	position: absolute;
	left: calc(50% - var(--tickwidth) / 2);
	/*transform-origin: 50% 100%;*/
	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	transition: all 2s;
	/*background-color: #DD8888;*/
}

.minutes .tickmark {
	width: var(--tickmarkwidth);
	position: relative;
	background-color: #c6c7cf;
	margin: auto;
}

.completed .tickmark {
	width: calc(var(--tickmarkwidth) * var(--boldwidth));
	background-color: #f59f26;
	height: 9%;
}

.uncompleted .tickmark {
	width: calc(var(--tickmarkwidth) * var(--boldwidth));
	background-color: #c6c7cf;
	height: 3%;
	margin-top: 150%;
}

.completed_count,
.total_count,
.ratio {
	font-size: 2rem !important;
	line-height: 2rem !important;
}

@for $i from 0 through 120 {
    .rotation-#{$i} {
        transform: rotate(calc(#{$i} / 120 * 360deg + 0deg)); /* Adjust 0deg to start_degree if necessary */
    }
}

.hidden-title,
.hidden-subtitle {
  display: none;
}


/*---------------------------- Right container -------------------------------*/
.right-container-wrap {
	min-height: calc(100vh - 240px);
	width: 100%;
}
.right-container {
	font-family: Roboto-Medium;
	border: 0.5pt solid var(--button-border);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #efefef;
	color: var(--Black);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	flex-grow: 1;
	min-height: calc(100vh - 2rem);
	height: 100%;
	/* display: flex; */
	flex-direction: column;
	position: relative;
	margin-bottom: 15px;
}
.btn-bottom{
	text-align: right;
	margin: 0 0 20px 0;
}
.exp-coll-btn{
	width: 15%;
}
.status-div-1{
	width: 25%;
}
.w-30{
	width: 30%;
}
.w-60{
	width: 60%;
}
.ref-div, .priority-div{
	width: 8%;
}
.status-div{
	width: 12%;
}
.manage-div, .owner-div{
	width: 7%;
}
.summary-div{
	width: 15%;
}
.ques-div{
	/* width: 100%; */
	float: left;
	height: 100%;
}
.ques-div-1{
	width: 90%;
}
.export-btn{
	width: 10%;
	 float: right;
}
.clear-both{
	clear: both;
}
.text-deco{
	text-decoration: none;
}
.mandatory-field{
	color: red;
}
.report_permission{
	width: 100%;
	border: 1px solid #E9EBEC
}
/* .btn-right {
	position: absolute;
	right: 13px;
	z-index: 999999999;
	top: 15px;
} */
/* .rcb {
	margin: 0px 0px !important;
} */
.right-container-body {
	margin: 0px 30px;
	flex-grow: 1;
	position: relative;
}
.down-btn{
	position: absolute !important;
    right: 0;
    bottom: 0;
}
.sample-tbl{
	margin-bottom: 5rem;
}
.right-container-body1 {
	margin: 0px 30px 30px 30px;
	flex-grow: 1;
	display: flex;
}
.right-container-inner {
	flex-grow: 1;
	background-color: var(--Grey-light2);
	padding: 30px;
	width: 100%;
}
.next-circle {
	width: 60px;
	height: 60px;
	background-color: #bdc3ca;
	color: var(--Header-blue);
	margin: 45px 0px 45px 5px;
	font-size: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.next-circle-hover {
	display: none;
	font-size: 30px;
}
.next-circle:hover .next-circle-hover {
	display: block;
}
.q-w-mark {
	line-height: 1;
	top: 0;
	right: 0;
	margin: 0 30px 0 10px;
	font-size: 3rem;
	font-family: Roboto-bold;
	color: #000;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	pointer-events: none;
}

.base-section-body {
	min-height: calc(100vh - 240px);
	padding: 1.5em;
	flex-grow: 1;
	display: -ms-flexbox !important;
	display: flex !important;
}

/*------------------------- toggle buttons for question view -----------------*/
.toggle-container {
	margin-top: 0rem;
	margin-right: 0rem;
	margin-right: 0rem;
	/* display: flex; */
	/* flex-direction: column; */
	position: absolute;
	z-index: 10;
	top: 30px;
	z-index: 9999999999;
	right: 0px;
	float: right;
}
.toggle-container-manage-users {
	margin-right: 0;
	margin-top: 45px;
}

.toggle-item {
	width: 195px;
	margin-bottom: 5px;
	display: flex;
	flex-wrap: nowrap;
}
.toggle-item:hover > .toggle-item-1 {
	border-right: 0px;
	border-left: 3px solid var(--Header-blue);
	color: #49669f;
	background: #fff;
}

.toggle-item:hover > .toggle-item-2 {
	width: 160px;
}

.toggle-item-1 {
	background-color: #bdc3ca;
	border-right: 3px solid var(--Header-blue);
	color: #ffffff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 0 3px;
	display: flex;
    align-items: center;
}
.toggle-item-2 {
	background-color: #bdc3ca;
	width: 0;
	transition: width 0.7s;
	display: block;
	overflow: hidden;
	line-height: 40px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.toggle-item-i {
	height: 40px;
	font-size: 20px;
	width: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.toggle-item-text {
	background: #fff;
	color: #49669f !important;
	text-transform: uppercase;
	font: Roboto-Medium;
	font-size: 12px;
	cursor: pointer;
	width: 155px;
	padding-left: 13px !important;
	margin-left: 0px !important;
	text-align: left !important;
}
.bck-btn {
	background-color: #bdc3ca;
}
.bck-btn {
	border: none;
	outline: none;
	border-right: 3px solid #49669f;
	padding: 7px 6px;
	font-size: 13px;
	display: inline-flex;
}
.bck-btn i, .bck-btn svg {
	color: #fff;
	background: #49669f;
	padding: 3px 4px;
	border-radius: 50%;
}
.ques-text-container {
	display: flex;
	flex-wrap: nowrap;
	position: relative;
}
.question-text {
	flex-grow: 1;
	color: var(--Black);
	font: normal normal normal 20px/40px Roboto;
	margin-right: 4rem;
}

.control-ref-card {
	background-color: #ffffff;
	max-width: 22%;
	width: 22%;
	display: flex;
	flex-direction: column;
	max-height: 500px;
	padding: 2em 0;
	font-family: Roboto;
}
.control-ref-header {
	text-align: center !important;
	color: #ffffff;
	background-color: var(--Header-blue);
	font-size: 1.8rem;
}
.control-ref-text {
	padding: 0.5rem !important;
	color: var(--Black);
	text-align: center !important;
	overflow-wrap: break-word;
	font-size: 0.75rem;
}

.control-ref-card-in {
	border-left: 5px solid var(--Header-blue);
	background-color: var(--White);
	display: flex;
	flex-direction: column;
	padding: 1em;
	font-family: Roboto;
	margin: 0.5em 0em 0.5em 0;
}
.control-ref-card-out {
	border-left: 5px solid #bdc3ca;
	background-color: var(--White);
	display: flex;
	flex-direction: column;
	padding: 1em;
	font-family: Roboto;
	margin: 0.5em 1em 0.5em 0;
}

.control-ref-card-out:nth-child(4n + 0) {
	margin-right: 0;
}
.control-ref-header-slick {
	text-align: left !important;
	color: var(--Header-blue);
	font: 12px Roboto-Medium;
	padding-bottom: 0.5em;
	font-weight: 600;
}
.control-ref-text-slick {
	text-align: left;
	color: var(--Black);
	overflow-wrap: break-word;
	font: 3rem;
}

.control-ref-section-header {
	padding: 5px 5px;
	height: 45px;
	display: flex;
	flex-direction: row;
	align-items: center;
	font: 1em Roboto-Medium;
	letter-spacing: 1px;
}
.control-ref-in {
	background-color: var(--Gin-green);
	border-left: 5px solid var(--Sea-green);
	font-weight: 600;
}
.control-ref-add {
	background-color: var(--Iceberg-blue);
	border-left: 5px solid var(--Java-blue);
	font-weight: 600;
}
.control-ref-in-icon {
	padding-right: 5px;
	color: var(--Sea-green);
}
.control-ref-add-icon {
	padding-right: 5px;
	color: var(--Java-blue);
}

.upload-dropzone {
	border: 1px solid var(--button-border);
	box-shadow: 0px 2px 3px #0000000d;
	background: white;
	cursor: pointer;
	min-width: 300px !important;
	text-align: center;
	font-size: 1rem;
	padding: 3rem;
	width: 70%;
	margin: auto;
	position: relative;
}
.upload-text {
	opacity: 0.3;
}
.upload-size-text {
	position: absolute;
	left: 0;
	margin-left: 2rem;
	opacity: 0.7;
	font-size: 0.85rem;
}
.upload-dropzone.dragover {
	background: #709be7;
}

fieldset {
	padding: 1rem;
	background: #ffffff 0% 0% no-repeat padding-box;
	box-shadow: 0px 2px 3px #0000000d;
	border: 1px solid #d7dae2;
	border-radius: 4px;
}
legend {
	background: #cccccc 0% 0% no-repeat padding-box;
	border: none;
	color: #222b45;
	font: 16px/21px Roboto-bold;
	padding: 0.5rem;
}

.upload-file-info {
	background-color: #f4f6f8;
	font-size: 1rem;
}
.upload-file-info-i {
	font-size: 2rem;
	color: #e51313;
}
.upload-file-info-i-d {
	font-size: 1.2rem;
	color: #e51313;
}

.upload-file-info-name {
	color: #48b1f4;
}

.upload-file-version-info {
	font: 16px/21px Roboto;
}
/*--------------------------- Table customization -----------------------*/
.table {
	color: #000000cc;
	font-family: Roboto;
}
.table-striped tbody tr {
	font-size: 1em;
}
.table-striped tbody tr:nth-of-type(odd) {
	background-color: #ffffff;
}
.table-striped tbody tr:nth-of-type(even) {
	background-color: var(--Grey-light2);
}
.table th {
	color: #fff;
	background-color: #49669f;
	border-color: var(--button-border);
	font-size: 1em;
}
.sample-help-text {
	margin-bottom: 0px;
	/* border: 1px solid var(--button-border); */
	padding: 10px;
	font: 14px Roboto;
	/* background: #FFFFFF 0% 0% no-repeat padding-box; */
	/* box-shadow: 0px 3px 6px #00000029; */
	text-align: left;
}
.sample-help-text pre {
	font: 14px Roboto-Medium;
}
/*.table-striped tbody tr{font-size:2vmin;}
.table th {font-size:2.2vmin;}*/
.milestone-card .card-body {
	/* display: flex; */
    /* justify-content: center; */
	align-items: center;
	padding: 0.33rem 0rem;
    /* margin: 5rem auto; */
    height: 70%;
    position: relative;
}
.milestone_body {
	width: 100%;
    height: auto;
    flex: 0 auto;
}

/* .ml-not-set {
	background: url(../../img/placeholder_milestone.png) center center no-repeat;
	background-size: contain;
} */
/* .milestone-not-set {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: space-around;
	justify-content: center;
	align-items: center;
	padding: 0.67rem 1rem !important;
	height: 100%;
} */
.milestone-not-set img {
	width: 100%;
	margin: 0px 0;
}
@media screen and (max-width: 1210px) {
	.download_assesment img,
	.view_more_reg img,
	.view-milestones-link img,
	.view-milestones img,
	.view_services img,
	.disclaimer_btn img {
		height: 22px !important;
	}
	.cw-card-header-text {
		font-size: 1.2rem !important;
	}
	.ml-phase-title {
		font-size: 1rem !important;
	}
}
@media screen and (max-width: 1200px) {
	.result-container .result.stats,
	.result-container .result.stats .number::before {
		font-size: 1.5rem !important;
	}
	.ai-question-main {
		margin: 1rem 0 10rem 0 !important;
	}
	.pre-head {
    	padding: 0 0rem !important;
	}
	.question-head {
		margin: 0.5rem 0 0 0 !important;
	}
	.result.status {
		/* margin-top: -1vw; */
		font-size: 1rem !important;
		margin-bottom: 16px !important;
	}
	/* .clock {
		max-width: 180px;
		max-height: 180px;
	} */
	/* .mn-hght {
		min-height: 370px !important;
		margin: 0 !important;
	} */

	.toggle-container {
		bottom: 187px;
	}
	/* #column_graph_1 {
		height: 140px !important;
	} */
	/* .logo-container {
		height: 218px !important;
	} */
	.modal-drop-data > .me-2,
	.select {
		margin-left: 0% !important;
	}
}

@media screen and (max-width: 1025px) {
	.result-container .result {
		/* flex: 0 0 100%; */
		flex: 0 0 auto;
		margin: 1rem 0 0 0;
	}

	.toggle-container {
		bottom: 187px;
	}
	.downld button {
		margin: 0 0px 0 0px !important;
	}
	.milestone-not-set img {
		margin: 0px 0;
		width: 100%;
	}
	/* .clock {
		width: var(--clocksize);
		height: var(--clocksize);
		max-width: 160px;
		max-height: 160px;
		margin-top: 1.5vw;
	}
	.clock-face {
		width: 80%;
		height: 80%;
		position: relative;
		margin: 0 auto;
	} */
	/* #column_graph_1 {
		height: 147px !important;
	} */
	/* .logo-container {
		height: 225px !important;
	} */
	.result-container {
		flex-direction: column;
        justify-content: center;
		align-items: center;
	}
	.result.status {
		margin-top: 0vw;
		font-size: 12px !important;
		margin-bottom: 13px !important;
	}
	/* .mn-hght {
		min-height: 350px !important;
		margin: 0 !important;
	} */
	.lable h6 {
		margin: 8px 0;
		font-size: 1.2rem;
	}
}

.drpdwn {
	display: flex;
	float: right;
}
.download_assesment img,
.view_more_reg img,
.view-milestones-link img,
.view-milestones img {
	height: 29px;
	margin: -4px 0 0 0;
	line-height: 1;
}
.disclaimer_btn img {
	height: 29px;
	position: absolute;
	right: 15px;
	top: 4px;
	line-height: 1;
}
.view_services img {
	height: 28px;
	margin: -4px 0 0 0;
	line-height: 1;
}
.cmng {
	color: #34495e;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 24px;
	display: none;
}
.cw-card-header-text {
	text-align: left;
	/* padding: 2px; */
	font-size: 1.2rem;
	font-weight: 600;
	color: #000000;
	/* padding: 10px; */
	text-transform: uppercase;
}
/* .c-status{
	display: flex;
	align-items: center;
	justify-content: center;
} */
.button-action {
	font-size: 12px;
	min-width: 180px;
	height: 30px;
	line-height: 30px;
	margin: 0 5px;
}

.button-action {
	font-family: Roboto-Medium;
	font-size: 14px;
	min-width: 210px;
	height: 40px;
	line-height: 40px;
	box-shadow: 1px 1px 1px #00000029;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-align: center;
	text-transform: uppercase;
	margin: 0px 15px;
	border: 0;
	display: inline-block;
}
.button-action:hover {
	text-decoration: none;
}
.button-action i {
	padding: 0px 7px;
}
.button-action-white {
	color: #2a2d3a;
	background: #ffffff 0% 0% no-repeat padding-box;
	border: 0.5pt solid var(--button-border);
}
.button-action-blue {
	color: #ffffff;
	background: transparent linear-gradient(179deg, #1778d1 0%, #0050b3 100%) 0% 0% no-repeat padding-box;
}
.button-action-blue:hover {
	color: #ffffff;
}
.button-action-green {
	color: #ffffff;
	background: transparent linear-gradient(179deg, #8af7ab 0%, #139003 100%) 0% 0% no-repeat padding-box;
}
.button-action-green:hover {
	color: #ffffff;
}
.button-action-grey {
	color: #000000;
	background: transparent linear-gradient(179deg, #f4f6f8 0%, #e4e7ea 100%) 0% 0% no-repeat padding-box;
	opacity: 50%;
}
.button-action-grey:hover {
	color: #000000;
}
.button-action-submit {
	color: #ffffff;
	background: transparent linear-gradient(179deg, #1778d1 0%, #0050b3 100%) 0% 0% no-repeat padding-box;
}
.button-action-submit:hover {
	color: #ffffff;
	background: transparent linear-gradient(179deg, #8af7ab 0%, #139003 100%) 0% 0% no-repeat padding-box;
}
.button-action-skyblue {
	color: #2a2d3a;
	background: #ffffff 0% 0% no-repeat padding-box;
	border: 0.5pt solid var(--button-border);
}
.button-action-skyblue:hover {
	color: #ffffff;
	background: transparent linear-gradient(180deg, #68cfff 0%, #1e8bd1 100%, #59beff 100%) 0% 0% no-repeat padding-box;
}
.button-action-small {
	min-width: 120px;
	line-height: 25px;
	height: 25px;
}

.but-disabled {
	opacity: 40%;
}

.button-container {
	height: 60px;
	display: -ms-flexbox;
	display: block;
	margin: 30px 0px 0 0;
	justify-content: space-between;
	font-family: Roboto-Medium;
	font-size: 18px;
	color: var(--Black);
	float: right;
	z-index: 9999;
	position: relative;

}
.button-bg {
	background-color: #bdc3ca;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	justify-content: space-around;
	border-right: 5px solid var(--Header-blue);
	padding: 0px 15px;
}

@media (min-width: 1200px) and (max-width: 1900px) {
	.header {
		height: 50px !important;
		padding: 5px 15px 5px 0px;
	}
	.cc-logo {
		width: 140px;
		height: 40px;
	}

	.nav-title {
		font-size: 14px;
	}
	.inner-body {
		padding: 15px;
	}

	.base-container-full {
		min-height: calc(100vh - 145px);
	}

	.button-action {
		font-size: 12px;
		min-width: 180px;
		height: 30px;
		line-height: 30px;
		margin: 0px 5px;
	}
	.button-container {
		height: 30px;
		margin: 15px 0px;
		font-size: 14px;
	}
	.button-bg {
		padding: 0px 5px;
	}

	.ribbon {
		height: 50px;
		margin: 0px 0px 15px 0px;
	}
	.ribbon-btn {
		min-width: 150px;
		height: 30px;
		font-size: 0.775rem !important;
	}
	.ribbon-search-container i {
		padding: 8px;
	}
	.ribbon-search {
		padding-left: 32px;
	}
	.ribbon-dropdown .dropdown-btn {
		min-width: 150px;
		width: 150px;
		height: 30px;
		font-size: 0.775rem !important;
	}

	.sidebar {
		width: 342px;
		min-width: 342px;
		min-height: calc(100vh - 145px);
		margin-right: 15px;
	}
	.sidebar-quick-view {
		min-width: 70px;
		width: 70px;
		height: 40px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.sidebar-quick-view:hover {
		border-left: 5px solid #f9274f;
		width: 330px;
	}
	.quick-view-label {
		height: 40px;
	}
	.quick-view-circle-wrapper {
		width: 40px;
		height: 40px;
	}
	.quick-view-circle {
		width: 34px;
		height: 34px;
	}
	.arrow1 {
		width: 8px;
		font-size: large;
		padding-left: 7px;
	}
	.arrow2 {
		width: 8px;
		font-size: large;
		padding-left: 7px;
	}

	.sidebar-menu {
		font-size: 14px;
		margin: 0px 15px 15px 15px;
		min-height: calc(100vh - 315px);
	}
	.sidebar-menu-wrapper {
		padding-left: 30px;
		padding-right: 30px;
	}
	.sidebar-menu-wrapper ul li {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.sidebar-menu-wrapper ul li i {
		margin-left: -20px;
		width: 25px;
	}
	.sidebar-menu .q-logo {
		width: 16px;
		height: 16px;
		margin-left: -20px;
		margin-right: 10px;
	}

	.right-container-wrap {
		min-height: calc(100vh - 145px);
		width: 100%;
	}
	.right-container {
		min-height: calc(100vh - 145px);
	}
	.right-container-header {
		width: auto;
		margin: 0px 0 0px 0;
		/* height: 40px; */
		/* font-size: 26px; */
	}
	.right-container-body {
		margin: 0px 15px;
	}
	.right-container-body1 {
		margin: 0px 15px 15px 15px;
	}
	.right-container-inner {
		padding: 15px;
	}
	.next-circle {
		width: 40px;
		height: 40px;
		margin: 30px 0px 30px 5px;
		font-size: 30px;
	}
	.next-circle-hover {
		display: none;
		font-size: 20px;
	}
	.q-w-mark {
		margin: 0 0.5rem;
		font-size: 3rem;
	}

	.table-striped tbody tr {
		font-size: 12px;
	}
	.table th {
		font-size: 14px;
	}

	/*------------------------- toggle buttons for question view -----------------*/
	.toggle-container {
		margin-right: 0rem;
	}
	.toggle-container-manage-users {
		margin: 0;
		margin-top: 30px;
	}
	.toggle-item {
		width: 165px;
	}
	.toggle-item-2 {
		line-height: 30px;
	}
	.toggle-item-i {
		height: 30px;
		font-size: 18px;
		width: 25px;
	}

	.ai-logo {
		height: 1.4rem !important;
	}

	.toggle-item-text {
		font-size: 10px;
	}

	.question-text {
		font: normal normal normal 14px/28px Roboto;
		margin-right: 4rem;
	}

	.status-container {
		padding: 30px;
	}
	.status-title {
		font: 16px Roboto-medium;
		line-height: 25px;
		padding-left: 30px;
		padding-right: 30px;
		margin-bottom: 15px;
	}
	.status-bottom-text {
		font: 12px Roboto;
		margin-top: 10px;
	}
	.status-card {
		padding: 10px 5px;
	}
	.status-regln-name {
		font: 18px/25px Roboto;
		padding-bottom: 5px;
	}
	.status-i {
		font-size: 24px;
	}
	.status-text {
		letter-spacing: 1px;
		font: 10px Roboto;
		padding-top: 7px;
		padding-bottom: 7px;
	}

	legend {
		font: 14px/18px Roboto-bold;
		padding: 0.3rem;
	}
	.upload-file-info {
		font-size: 0.8rem;
	}
	.upload-file-info-i {
		font-size: 1.5rem;
	}
	.upload-file-info-i-d {
		font-size: 1rem;
	}
	.upload-file-version-info {
		font: 14px/18px Roboto;
	}
	.submit-review-text {
		font: 12px Roboto;
	}

	.control-ref-section-header {
		font-size: 0.9em;
	}
	.control-ref-card-in {
		padding: 0.5em;
		margin: 0.5em 0em 0.5em 0;
	}
	.control-ref-card-out {
		padding: 0.5em;
		margin: 0.5em 0em 0.5em 0;
	}
	.assign-user-box {
		padding: 0 20px;
		margin: 30px 30px 30px;
		height: 40px;
		font: 14px Roboto-Medium;
	}
	.add-user-text {
		margin: 30px 0px;
	}

	.control-ref-header-slick {
		font: 12px Roboto-Medium !important;
	}
}

.main-head {
	display: flex;
	align-items: center;
	padding-left: 0px;
	justify-content: flex-start;
	margin-bottom: 20px;
	padding-top: 2rem;
}

@media screen and (max-width: 580px) {
	.control-ref-card-in {
		width: 50% !important;
	}
}

@media screen and (max-width: 768px) {
	.question_no {
		text-align: left;
		font-size: 50px !important;
		font-weight: 600;
		padding: 0 20px 0 0px !important;
		line-height: 1;
		height: 15% !important;
	}
	.ai-logo {
		height: 1.4rem !important;
	}

	/*.sample-help-text pre{ font-size:4vmin !important;}*/
	.table-striped tbody tr {
		font-size: 16px !important;
	}
	.table th {
		font-size: 14px !important;
	}
	/* .control-ref-section-header{font-size:3vmin !important;} */
	.control-ref-header-slick {
		font: 14px Roboto-Medium !important;
	}
	.control-ref-text-slick {
		font-size: 16px !important;
	}
	.question_text {
		font-size: 15px !important;
		padding: 0 0 0 0px !important;
	}
	.control-ref-card-in {
		margin: 0.5em 0em 0.5em 0 !important;
	}
	.toggle-item-i {
		height: 40px;
		font-size: 18px;
		width: 30px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.toggle-item-1 {
		background-color: #bdc3ca;
		border-right: 3px solid var(--Header-blue);
		color: #ffffff;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		padding: 0 0.3rem;
	}
}
@media screen and (min-width: 800px) and (max-width: 1199px){
	.ml_phase_closed .ml-border-left, .ml_phase_closed .ml-bg-light, .ml_phase_open .ml-border-left, .ml_phase_open .ml-bg-dark, .ml_phase_closed .ml-bg-dark, .ml_phase_missed .ml-border-left, .ml_phase_missed .ml-bg-dark, .ml_phase_missed .ml-bg-light, .ml_phase_open .ml-bg-light {
		line-height: 1.5rem;
		font-size: 0.7rem;
	}
	.ml-start-date, .ml-end-date {
		font-size: 0.7rem !important;
	}
	.milestone-container {
		padding-left: 0.5rem !important;
	}
	.date-range-container {
        padding: 8px 4px !important;
	}
	.date-item {
    	font: normal normal bold 0.9rem Roboto-Bold !important;
	}
}
@media screen and (max-width: 992px) {
	.ml-phase-title {
    	width: 8rem;
	}
	.ai-review {
		margin-left: 2rem;
	}
	.ai-logo {
		height: 1.4rem !important;
	}
	/* .pre-head {
        padding: 0 0.5rem !important;
    } */
	.question-head {
        margin: 0.5rem 0 0 0 !important;
		font-size: 0.9rem !important;
    }
	.ai-question-main {
        margin: 0.25rem 0.5rem 7rem 0.5rem !important;
    }
	.ai-card-body span, .evi_ref_section b {
		font-size: 0.8rem !important;
	}
	.ai-check-text {
		font-size: 0.9rem !important;
	}
	.cw_container .account-cert-container {
		margin-bottom: 0 !important;
	}
	.ml-due-days, .ml-completed-msg {
		font: normal normal normal 0.8rem / 0.8rem Roboto !important;
	}
	.ml-timeline-phase {
		font: normal normal normal 0.8rem / 0.8rem Roboto-Bold !important;
	}
	.mn-hght {
		height: 350px !important;
	}
	.ml-info-separator {
		font: normal normal normal 0.8rem / 0.8rem Roboto-Bold !important;
	}
	.ml-info-target-dt .ml-target-dt-month, .ml-info-target-dt .ml-target-dt-year {
		font: normal normal 300 0.8rem / 0.8rem Roboto !important;
	}
	.ml-actual-dt-msg {
		font: normal normal 300 0.8rem / 0.8rem Roboto !important;
	}
	.ml-status-icon img {
		width: 1.125rem !important;
	}
	.ml-phase-title {
		font: normal normal normal 0.8rem Roboto-Bold !important;
	}
	.ml-status-msg {
		font: normal normal normal 0.8rem / 0.8rem Roboto !important;
	}
	.milestone-container {
		top: 50% !important;
		transform: translateY(-30%) !important;
}
	.result-container .result {
		font-size: 0.7rem !important;
		margin-top: 0rem;
	}
	.result-container .result {
		flex: auto;
	}
	.completed_count, .total_count, .ratio {
		font-size: 1.3rem !important;
		line-height: 3rem !important;
	}
	.lbl-pro {
		width: 7rem !important;
	}
	.account-date-container .account-date-label {
		font: normal normal normal 0.7rem/0.7rem Roboto-Bold !important;
	}
	.account-date-container .account-date-val {
		font: normal normal normal 0.7rem Roboto !important;
	}
	.cw_container #account-cert-container .cert-label {
		font: normal normal normal 0.9rem/0.9rem Roboto-Bold !important;
	}
	.cw_container #account-cert-container .cert-list {
		font: normal normal normal 0.9rem/0.9rem Roboto !important;
	}
	.lable h6 {
		font-size: 0.9rem !important;
	}
	.cyber-btn {
		font-size: 0.8rem !important;
		width: 90% !important;
	}
	.clock {
		width: 7rem !important;
		height: 7rem !important;
		max-width: 7rem !important;
		max-height: 7rem !important;
		border-radius: 50%;
		margin: auto;
		position: relative;
	}
	.modal-drop-data > .me-2, .select {
		font-size: 0.9rem !important;
	}
	.result-container .result.stats, .result-container .result.stats .number::before {
		font-size: 1.2rem !important;
        line-height: 1 !important;
        margin-top: 1rem;
        display: inline-flex;
        height: 0rem;
	}
	.card-desc p {
		font-size: 1rem !important;
		line-height: 1;
	}
	.cw-card-header-text {
		font-size: 0.8rem !important;
	}
	.scan-test-header {
		font: normal normal bold 0.7rem/0.7rem Roboto-Bold !important;
		line-height: 1.5 !important;
	}
	.scan-test-name-row-even {
		font: normal normal normal 0.7rem/0.7rem Roboto !important;
		line-height: 3 !important;
	}
	span.badge-min-width {
		width: 80px !important;
    	overflow: hidden;
		min-width: auto !important;
	}
	.summary-para {
		font-size: 0.7rem !important;
	}

}
@media screen and (min-width: 1600px) {
	.milestone-not-set img {
		width: 100%;
		margin: 0px 0;
	}
	.cc-brand img {
		width: 35% !important;
		padding: 1.5rem 0;
	}
	.modal-dialog-drp {
		max-width: 1300px;
		min-width: 900px;
		margin: 10rem auto !important;
	}
	.modal-drop-data strong {
		display: block;
		margin-bottom: 10px;
		font-size: 1.6rem;
	}
}



select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	outline: 0;
	background-image: none;
	border: 1px solid black;
}
.select {
	position: relative;
	display: block;
	/* width: 20em; */
	line-height: 2;
	overflow: hidden;
	border-radius: 0.25em;
	height: 33px;
}
.proj-sel {
	/* float: left; */
	/* margin-right: 10px; */
	/* margin-left: 0 !important; */
	width: 50%;
	margin: 0 0px !important;
}
.modal-drop-data .proj-sel {
    width: 78%;
}
.cyber-main {
	line-height: 1;
	margin: 0 0 0 0px;
	display: inline-flex;
	width: 35%;
	align-items: center;
	justify-content: center;
}
.cyber-btn {
	outline: none;
	border: none;
	background: #34495e;
	float: left;
	height: 33px;
	border-radius: 5px;
	font-size: 1rem;
	margin: 0 0 0 0px;
	padding: 5px 10px;
	color: #fff;
	width: auto;
}
.ques-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #ffffff;
	height: 11%;
	border-bottom: 1px solid #dadce0;
	box-shadow: 0 10px 2px -10px gray;
}
.cyber-head,
.milestone-head,
.regulations-head {
	/* background: #f3f3f3; */
	/* min-height: 90px; */
	text-align: center;
	/* display: flex; */
	/* align-items: end; */
	/* justify-content: center; */
	border-radius: 0 0 0px 0px;
	/* display: flex; */
	position: relative;
	/* top: 17px; */
}
.cyber-head p,
.milestone-head p,
.regulations-head p {
	margin: 0;
	background: #bdc3ca;
	color: #fff;
	padding: 10.6px 10px;
	font-weight: 700;
	font-size: 0.85rem;
	text-transform: uppercase;
	border-radius: 0;
	/* width: 30rem; */
	line-height: 1;
	font-family: "Roboto-Bold";
	letter-spacing: 1px;
	color: #2a2d3a;
	border-left: 3px solid #49669f;
}
.Home-redirect a i {
	color: #34495e;
	font-size: 18px;
	position: sticky;
	left: 0%;
	top: 45px;
	background: #bdc3ca;
	padding: 5px 20px;
	border-right: 3px solid #49669f;
}

.cyber-head-1 {
	background: #ffffff;
	min-height: 68px;
	text-align: center;
	display: flex;
	align-items: end;
	justify-content: center;
	border-radius: 0 0 0px 0px;
	display: flex;
	position: relative;
	top: 0px;
}
.cyber-head-1 p {
	margin: 0;
	background: #bdc3ca;
	padding: 10px 20px;
	font-weight: 700;
	font-size: 0.85rem;
	border-radius: 0;
	/* width: 30rem; */
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: 1px;
	color: #2a2d3a;
	position: absolute;
	left: 0;
	border-left: 3px solid #49669f;
	top: 17px;
}
.Home-redirect-1 a i {
	color: #34495e;
	font-size: 18px;
	position: relative;
	left: 0%;
	top: -45px;
	background: #bdc3ca;
	padding: 5px 20px;
	border-right: 3px solid #49669f;
}
.bck-btn-1 {
	position: absolute;
	right: 0px;
}
.bck-top-btn-1 {
	position: absolute;
	right: 0px !important;
	z-index: 9999999999;
}
.back-btn {
	border: none;
	outline: none;
	border-right: 3px solid #49669f;
	padding: 7px 6px;
	font-size: 13px;
	background-color: #bdc3ca;
	position: absolute;
	top: 18px;
	right: 0;
}
.back-btn i {
	color: #fff;
	background: #49669f;
	padding: 3px 4px;
	border-radius: 50%;
}
.back-btn-1 svg {
    color: #fff;
    background: #49669f;
    padding: 3px 4px;
    border-radius: 50%;
    float: left;
}
.back-btn-1 {
    border: none;
    outline: none;
    border-right: 3px solid #49669f;
    padding: 7px 6px;
    font-size: 13px;
    background-color: #bdc3ca;
    position: relative;
    /* top: 17px; */
}
.back-btn p {
	float: left;
	margin: 0 !important;
	line-height: 1;
	padding: 3px 10px 0 10px;
	font-size: 0.85rem;
	font-family: "Roboto-Bold";
	letter-spacing: 1px;
	color: #2a2d3a;
	text-transform: uppercase;
}
.back-btn-1 p {
	float: left;
	margin: 0 !important;
	line-height: 1;
	padding: 5px 10px 0 10px;
	font-size: 0.85rem;
	font-family: "Roboto-Bold";
	letter-spacing: 1px;
	color: #2a2d3a;
	text-transform: uppercase;
}
.agree-btn{
	margin-right: 15px;
}
.back-btn-1 i {
	color: #fff;
	background: #49669f;
	padding: 3px 4px;
	border-radius: 50%;
	float: left;
}

.bck-redirect a i {
	color: #34495e;
	font-size: 18px;
	position: relative;
	right: 0%;
	top: 45px;
	background: #bdc3ca;
	padding: 5px 20px;
	border-right: 3px solid #49669f;
}
.cyber-pop-head {
	padding: 15px 15px !important;
	text-align: center;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-bottom: 1px solid #34495e;
	background: #34495e;
	color: #fff;
	border-radius: 0 !important;
}
.Cyber-opt {
	/* margin: 19px auto 20px; */
	width: 80%;
	margin-left: 0 !important;
	/* float: none; */
	display: inline-block !important;
	z-index: 9;
	line-height: 0;
}
.cyber-pop-body {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 90px;
}
.d-none{
	display: none !important;
}
.apt_subtickets_modal_body {
	text-align: center;
	align-items: center;
	justify-content: center;
}

.t-header-cncm {
	background-color: #49669fd6 !important;
	font-weight: bold !important;
}

.ques-main {
	/* margin: 10px auto 0 !important; */
	/* height: 80vh; */
	overflow-y: auto;
	/* border: 1px solid #f3f3f3; */
	padding: 0 0px;
}

/* @media screen and (max-width: 1368px) {
	.ques-main {
		height: 75vh;
		margin: 10px auto 0 !important;
	}
} */

@media screen and (max-width: 700px) {
	.question-card:last-child {
		margin-bottom: 40px !important;
	}
}
@media screen and (max-width: 500px) {
	.question-card:last-child {
		margin-bottom: 70px !important;
	}
}
.dash-name {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.dash-hidden-name {
	max-width: 300px;
}
.dashboard_name h5 {
	/* background: #bdc3ca; */
	padding: 11px 10px;
	font-weight: 700;
	font-size: 0.85rem;
	text-transform: uppercase;
	border-radius: 0;
	/* width: 20rem; */
	line-height: 1;
	font-family: "Roboto-Bold";
	letter-spacing: 1px;
	color: #2a2d3a;
	margin: 0;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.pro-service {
	margin-bottom: 0;
}
.question-card {
	border-radius: 3px;
	margin-bottom: 10px;
	/* box-shadow: 1px 3px 3px #0000001f !important; */
}
.ques-main input,
.ques-main textarea {
	background: #f3f3f354;
}
.ques-main label {
	font-weight: 500;
	color: #000000a1;
}
.ques-btn {
	background: #34495e;
	/* border-right: 3px solid #49669f !important; */
	color: #fff;
	text-transform: uppercase;
	/* font-family: 'Roboto-Bold'; */
	letter-spacing: 1px;
	font-weight: 500;
	font-size: 0.85rem;
	/* border: none; */
	padding: 5px 10px;
	/* margin: 0 38px 0 10px; */
	border: 4px solid #bdc3ca;
}

.ques-down {
	background-color: #fff;
	height: 12%;
	/* position: absolute; */
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	min-height: 74px;
	border-top: 1px solid #dadce0;
}
.chk-ques,
.rdo-ques {
	margin-right: 10px;
}
.container-ques {
	padding: 0 0px;
	height: 77%;
	overflow-y: auto;
	background: #f3f3f3;
}
.ques_list {
	margin: 30px auto;
}
.ques-clicks {
	padding: 6px;
	background: #ffffff;
	border-top: none !important;
	top: 10px;
	/* min-height: 70px; */
	margin: 0 5.5%;
	float: right;
	text-align: right;
	line-height: 1;
	/* display: flex; */
	align-items: center;
	justify-content: flex-end;
}
@media screen and (max-width: 1368px) {
	/* .container-ques {
		height: 74vh;
	} */
}

.err-span {
	color: #d93025;
	display: none;
	font-size: 13px;
	line-height: 15px;
	margin: 8px 0 0;
}

.err-card {
	border: 1px solid #d93025;
}

.select2-results__option {
	padding: 6px;
	user-select: none;
	-webkit-user-select: none;
	color: #fff;
	font-size: 1rem;
}
.select2-container--default .select2-results__option--selected {
	background-color: #ddd;
	color: #000;
}
.select2-results__option--selectable {
	cursor: pointer;
	color: #fff;
}
.select2-dropdown {
	background-color: #34495e !important;
	border: 1px solid #000 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:hover::after {
	color: #f39c12 !important;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #fff transparent !important;
	border-width: 0 6px 10px 6px !important;
	margin-top: -7px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #fff transparent transparent transparent !important;
	border-style: solid;
	border-width: 10px 6px 0 6px !important;
	height: 0;
	left: 50%;
	margin-left: -5px;
	margin-top: -5px !important;
	position: absolute;
	top: 50%;
	width: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 31px !important;
	position: absolute;
	top: 0px !important;
	right: 0px !important;
	width: 30px !important;
	background: #34495e;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px solid #000 !important;
	outline: none !important;
}
.select2 {
	z-index: 99999999;
}

span.select2-container {
	z-index: 10050;
	width: 100% !important;
	text-align: left;
	top: 0px;
}
span.select2-container.select2-container--default.select2-container--open {
	z-index: 100003;
	width: 100% !important;
	text-align: left;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
	cursor: pointer;
	float: right;
	font-weight: bold;
	height: 31px !important;
	margin-right: 20px;
	padding-right: 0px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #444;
	line-height: 31px !important;
}
span.select2-selection.select2-selection--single {
	outline: none;
	border: 1px solid #000 !important;
}
.select2-container--open {
	-webkit-appearance: none !important;
	z-index: 9999999;
}
.select2-container--default .select2-selection--single {
	background-color: #fff;
	border: 1px solid #000;
	border-radius: 4px;
}
.select2-container .select2-selection--single {
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	height: 33px !important;
	user-select: none;
	-webkit-user-select: none;
	position: relative;
	top: 0px;
	width: 100%;
	font-size: 1rem;
}
select {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0 0 0 0.5em;
	color: #000;
	cursor: pointer;
	background: #fff;
}
/* select option {
	color: #fff;
	background-color: #34495e;
} */
select::-ms-expand {
	display: none;
}
.select::after {
	content: "\25BC";
	position: absolute;
	top: 0;
	right: 0px;
	bottom: 0;
	padding: 0 1em;
	background: #34495e;
	pointer-events: none;
	color: #fff;
	z-index: 999;
	border-radius: 0px 5px 4px 0px;
}
.select:hover::after {
	color: #f39c12;
}

.sample-help-text {
	display: none;
}

.question_no {
	text-align: left;
	font-size: 10vmin;
	font-weight: 600;
	padding: 0 20px 0 0px !important;
	line-height: 1;
	/* height: 28%; */
	height: 15%;
}

@media (max-width: 1280px) {
	.proj-sel {
		float: left;
		/* margin-right: 10px; */
		/* margin-left: 0 !important; */
		margin: 0 10px !important;
		/* width: 15rem !important; */
	}
}

@media (max-height: 360px) {
	.question_no {
		font-size: 2rem;
	}
}

@media (min-width: 800px) {
	.question_text {
		font-weight: 600;
		font-size: 17px;
		text-align: left;
		padding: 0 30px;
		/* width: 70%; */
	}
}

.question_text {
	font-weight: 600;
	font-size: 17px;
	text-align: left;
	padding: 0 0px;
	margin: 0;
	overflow-y: auto;
	height: 75%;
}

/* <!-- For different browsers --> */
.select::after {
	-webkit-transition: 0.25s all ease;
	-o-transition: 0.25s all ease;
	transition: 0.25s all ease;
}
.lable {
	float: left;
}
.lbl-pro {
	width: 20%;
	text-align: left;
}
.btn-sm {
	cursor: pointer;
}

/**
	company cards CSS - start
*/
/* Account regulation */
@media (max-width: 1140px) {
	.lbl-pro {
		width: 9rem;
	}
}

@media (min-width: 1200px) and (max-width: 1500px) {
	.ml-phase-title {
		width: 14rem !important;
	}
}

@media (min-width: 1500px) and (max-width: 1700px) {
	.ml-phase-title {
		width: 15rem !important;
	}
}

@media (min-width: 1700px) and (max-width: 1900px) {
	.ml-phase-title {
		width: 18rem !important;
	}
}

@media (min-width: 1900px) and (max-width: 2200px) {
	.ml-phase-title {
		width: 20rem !important;
	}
}
@media (min-width: 2200px) and (max-width: 2500px) {
	.ml-phase-title {
		width: 22rem !important;
	}
}

@media (min-width: 1200px) and (max-width: 1900px) {
	.cwi-card-left > .card-header {
		padding: 0.5rem 1.5rem;
		font: normal normal normal 1.35rem Roboto-Bold;
	}
}
.cwi-col {
	padding: 0px;
	background: #ffffff 0% 0% no-repeat padding-box;
	box-shadow: 0px 1px 8px #142e6e1a;
	border: 1px solid #b2c0da;
	border-radius: 4px;
}

.cert-list {
	text-align: left;
	font: normal normal normal 1.9rem Roboto-Thin;
	letter-spacing: 0px;
	color: #595f6f;
	font-weight: 600;
}

/* Nist card*/

.cwi-col .card > .card-header {
	background-color: #fff;
	height: var(--card-header-size);
	font: normal normal normal 2rem Roboto-Bold;
	letter-spacing: 0px;
	border-bottom: 1px solid #b2c0da;
	display: flex;
	align-items: center;
	padding: 1rem 1.5rem;
}

.nist-card-data-div > .highcharts-container > .highcharts-point {
	width: 5px !important;
}

/**
	company cards CSS - end
*/

/**
Questions
*/

.cwi-inner-body {
	margin-left: 10px;
	margin-right: 10px;
	/* margin-bottom: 10px; */
	padding: 1rem !important;
	/* min-height: calc(100vh - 7.25rem); */
	background: #ffffff 0% 0% no-repeat padding-box;
	box-shadow: 0px 1px 1px #00000029;
	border: 0.5px solid #49669f66;
	border-radius: 4px;
	opacity: 1;
	/* height: 100vh; */
}
.cwi-inner-body.min-hight-inner-body {
	min-height: 10rem !important;
}
.list-view {
	width: 100%;
	min-width: 100%;
	min-height: calc(100vh - 2rem);
	/*this was in sync with question-list-body*/
	/* height: calc(100vh - 2rem);  */
	border: 1px solid #e2e2e3;
}
.list-view-1 {
	width: 100%;
	min-width: 100%;
	/* min-height: calc(85vh - 3rem) !important; */
	/* height: calc(85vh - 3rem); */
	border: 1px solid #e2e2e3;
	/* overflow-y: auto;*/
}
.question-list-body {
	width: 100%;
	/*this was in sync with list-view */
	/* height:calc(100vh - 21.35rem); */
	/* max-height: calc(100vh - 4.35rem); */
}
.question-list-body-1 {
	padding: 0 12px !important;
}

@media (max-width: 600px) {
	.question-list-body {
		width: 100%;
		/*this was in sync with list-view */
		/* height:calc(100vh - 21.35rem); */

		max-height: 350px !important;
	}
}

[aria-expanded="true"] .fa-plus,
[aria-expanded="false"] .fa-minus {
	display: none !important;
}
[aria-expanded="false"] .fa-plus,
[aria-expanded="true"] .fa-minus {
	display: inline-block !important;
}

.question-list-text {
	text-align: left;
	font: normal normal normal 0.8rem Roboto;
	line-height: 1.25rem;
	width: 55%;
	padding-top: 5px;
	padding-bottom: 5px;
}

.question-list-header {
	width: 100%;
	height: 2.75rem;
	min-height: 2.75rem;
	font: normal normal bold 0.9rem Roboto-Bold;
	margin: 0;
	text-transform: uppercase !important;
	background-color: #49669f;
	text-decoration: none;
	color: #fff;
	text-align: left;
	letter-spacing: 0px;
	opacity: 1;
}

.topic-container {
	display: -ms-flexbox !important;
	display: flex !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}

.topic-name-row-odd {
	text-align: left;
	font: normal normal normal 0.8rem Roboto;
	border-bottom: 1px solid #e2e2e3;
	color: var(--Black);
	background-color: var(--Grey-light2) !important;
}
.topic-name {
	padding: 0.6rem 0.25rem 0.25rem 1rem !important;
	text-transform: uppercase !important;
	height: 2.6rem;
}

.question-num {
	text-align: left;
	font: normal normal normal 0.8rem Roboto;
	padding-left: 1rem !important;
	width: 15%;
	padding-top: 5px;
	padding-bottom: 5px;
}

.question-row-odd,
.question-row-even {
	background: #ffffff;
	border-bottom: 1px solid var(--button-border);
}
.cwi-minimize-pod {
	cursor: pointer;
	padding: 5px;
	float: right;
}
.questions-list-header-text {
	font: bold 1.1rem Roboto;
}
.questions-list-header-col {
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;

	border: 0px !important;
	box-shadow: initial !important;
}
.cursor-pointer {
	cursor: pointer !important;
}
.card {
	box-shadow: 0px 3px 10px #0000001f;
}

/**
Container
*/
.page-container {
	/* height: 100%; */
	background-color: #f3f5f8;
	padding: 1.5rem;
	/* max-height: 100%; */
	overflow-y: auto;
	overflow-x: none;
	display: flex;
	flex-direction: column;
}
#page-container > .row {
	/* margin: 10px 10px 10px 10px; */
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.stat-row-1 .full-card-div {
	padding: 10px !important;
}
.stat-row-2 .full-card-div {
	padding: 0px 10px 10px 10px !important;
}

.page-container > .row > .col {
	padding: 0px;
	/* background: #FFFFFF 0% 0% no-repeat padding-box; */
	/* box-shadow: 0px 1px 8px #142e6e1a;
	border: 1px solid #B2C0DA;
	border-radius: 4px; */
	/* margin: 0px 5px 0px 5px; */
}

/*.full-card-div > div {
	 box-shadow: 0px 1px 8px #142e6e1a; */
	/* border: 1px solid #B2C0DA; */
	/* border-radius: 4px;
}*/

.logo_container,
.cw_container,
.compliance-status-card,
.milestone-card,
.continuous-compliance-card,
.cyber-security-card {
	/* overflow: auto; */
	border-bottom: 4px solid #49669f !important;
	border-radius: 0.25rem;
}

.inner-body {
	padding: 1.5rem;
	background: #ffffff 0% 0% no-repeat padding-box;
	box-shadow: 0px 1px 1px #00000029;
	border: 0.5px solid #49669f66;
	border-radius: 4px;
	margin-bottom: 1.5rem;
}
.d-name {
	width: 100%;
	height: 2.5rem;
	min-height: 2.5rem;
	background-color: #fff;
	margin: 0;
	padding: 0;
	overflow: hidden;
	font: normal normal bold 1.25rem Roboto-Bold;
}
.right-container-header {
	text-transform: uppercase;
	border-left: 5px solid #49669f;
	background-color: #bdc3ca;
	padding: 10px 20px;
	/* height: 2.5rem; */
	display: flex;
	flex-direction: row;
	align-items: center;
	letter-spacing: 1px;
	font-weight: 600;
	font-size: 0.85rem;
}
.left-container-header {
	background-color: transparent;
	border-right: 5px solid var(--Header-blue);
	padding: 0;
	height: 2.5rem;
	max-height: 2.5rem;
	width: 7rem;
	max-width: 7rem;
	float: right;
}
.left-container-header-1 {
	position: absolute;
	right: 0px;
	top: 0px;
	float: right;
}
.button-back-1 {
	background-color: #bdc3ca !important;
	border: 0;
	color: #fff !important;
	width: 2.5rem;
	height: 2.5rem;
	/* font-size: 2rem; */
	font-weight: 900;
	/* margin-top: -1rem; */
}
.back_button_container {
	background-color: #bdc3ca;
	/* background-color: #EBEDEF; */
	padding-right: 1rem;
	position: relative;
	height: 100%;
	width: 6.5rem;
	overflow: hidden;
	float: right;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	transition: width 0.4s ease-in-out;
	-o-transition: width 0.4s ease-in-out;
	-moz-transition: width 0.4s ease-in-out;
	-webkit-transition: width 0.4s ease-in-out;
}
.back_button {
	font-size: 1.1rem;
	height: 1.5rem;
	line-height: 0.8rem;
	width: 1.5rem;
	min-width: 1.5rem;
	border-radius: 50%;
	box-shadow: 4px 1px 2px 0px rgb(0 0 0 / 10%);
	margin-left: 0.7rem;
	background: #49669f;
	border: 0;
}
.back_button .fas {
	color: #ffffff;
	font-weight: 600;
	font-size: 0.9rem;
}
.left-container-header .back_button_txt {
	font-size: 0.85rem;
	font-family: "Roboto-Bold";
	letter-spacing: 1px;
	color: #2a2d3a;
	margin-left: 0.5rem;
}
.stat-row-1,
.stat-row-2 {
	display: flex;
	--ms-display-flex: flex;
	/* gap: 1rem; */
	text-align: center;
}

.stat-row-1 > .col {
	margin-bottom: 0.5rem;
	/* margin-right: 1.5rem; */
	/* height: var(--stat-row1-height); */
	overflow: auto;
}
.stat-container .card {
	width: 100%;
	height: 100%;
	/* border: 0 !important; */
	background-color: #fff;
	color: #000;
}

.stat-row-2 > .col {
	overflow: hidden;
	/* border-bottom: 4px solid #49669F !important; */
	/* margin-bottom: 1.5rem; */
}

/* #stat-row-1 > .full-card-div > .row {
	padding: 5px !important;
} */

/* .card {
	padding: 5px !important;
} */

.cont-main .card {
	/* width: 100%; */
	/* margin: 20px 0 0 0 !important; */
	/* border: 0 !important; */
	/* background-color: #FFF; */
	color: #000;
	border-radius: 0;
}

.cont-main .card .card-header {
	background-color: #fff !important;
	min-height: 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.head-main {
	background: #efefef;
	width: 75%;
	border-left: 3px solid #49669f;
	padding: 5px 0 5px 15px;
}
.modal-title {
	margin-bottom: 0;
	line-height: 1.5;
	font-size: 16px;
	text-transform: uppercase;
}
.modal-header {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: space-between;
	padding: 1rem 0rem;
	border-bottom: 0px solid #dee2e6;
	border-top-left-radius: calc(0.3rem - 1px);
	border-top-right-radius: calc(0.3rem - 1px);
}
.modal-footer {
	display: flex;
	flex-wrap: wrap;
	flex-shrink: 0;
	align-items: center;
	justify-content: flex-end;
	padding: 0rem 0;
	border-top: 0px solid #dee2e6;
	border-bottom-right-radius: calc(0.3rem - 1px);
	border-bottom-left-radius: calc(0.3rem - 1px);
}
.downld button {
	outline: none;
	border: none;
	background: no-repeat;
	float: left;
	margin: 0 0px 0 10px;
	padding: 0;
	height: 25px;
	line-height: 1;
}
.data-pop {
	border: 1px solid #49669f;
	padding: 10px;
}
.data-pop p {
	font-size: 15px;
	margin: 15px 0;
}
.data-pop i {
	font-size: 14px;
	color: #49669f;
}
.data-pop p {
	font-size: 15px;
}
.data-pop strong{
	color: #49669f;
}
.downld i {
	color: #a7a7a7;
	font-size: 20px;
	display: block;
	line-height: 1;
}
.continuous-compliance-card,
.compliance-status-card,
.cyber-security-card {
	border-bottom: 4px solid #49669f !important;
}

.cw_container {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: center;
}
.cont-main .card > .card-body {
	text-align: center;
	font: normal normal normal 1rem/1.25rem Roboto;
	letter-spacing: 0px;
	color: #000000;
}
.cw_container #account-cert-container {
	display: flex;
	flex-flow: nowrap;
	gap: 0.5rem;
	align-items: center;
	margin-bottom: 1rem;
}
.contract-area, .compliance-area{
	background: #f3f5f8;
	border-radius: 5px;
	align-items: flex-start;
    flex-direction: column;
    padding: 0.7rem 1rem 0.25rem 1rem;
	width: 49%;
}
.account-date-container .account-date-col {
	padding: 5px 0;
    /* padding-right: 0px; */
	text-align: left;
}
.account-date-container .account-date-label {
	text-align: left;
	font: normal normal normal 1rem/1.25rem Roboto;
	letter-spacing: 0px;
	color: #595f6f;
	padding-left: 0rem;
}
.account-date-header {
    font:normal normal normal 1.15rem / 1.15rem Roboto-bold;
    margin-bottom: 0.3rem;
}

.account-date-container .account-date-val {
	text-align: left;
	font: normal normal normal 1rem Roboto-bold;
	letter-spacing: 0px;
	color: #595f6f;
}

@media (min-width: 1450px) and (max-width: 1600px) {
	/* .mn-hght {
		height: 540px !important;
		margin: 0 !important;
	} */
}

@media (min-width: 1024px) and (max-width: 1199px) {
	.project {
		z-index: 9;
		display: none;
		margin: 0 0px 10px 0 !important;
		align-items: center;
		justify-content: space-between;
	}
	.ai-logo {
		height: 1.8rem !important;
	}

	.account-date-container .account-date-label {
		text-align: left;
		font: normal normal normal 1rem/1rem Roboto-Bold !important;
		letter-spacing: 0px;
		color: #595f6f;
		padding-left: 0rem;
	}
	.account-date-container .account-date-val {
		text-align: left;
		font: normal normal normal 1rem Roboto;
		letter-spacing: 0px;
		color: #595f6f;
	}
	.cw_container #account-cert-container .cert-label {
		text-align: left;
		font: normal normal normal 1.2rem/1.2rem Roboto-Bold !important;
		letter-spacing: 0px;
	}
	/* #column_graph_1 {
		height: 95px !important;
	} */
	.lable h6 {
		margin: 8px 0;
		font-size: 1.2rem !important;
	}
	/* .logo-container {
		height: 172px !important;
	} */
	/* .ml-arrow {
		color: #1c82eb;
		transform: rotate(45deg);
		top: 28px !important;
		position: absolute;
	} */

	.proj-sel {
		float: left;
		/* margin-right: 10px; */
		/* margin-left: 0 !important; */
		margin: 0 10px !important;
		/* width: 16rem !important; */
	}
}

@media (min-width: 1200px) {
	/* .mn-hght {
		height: 360px !important;
		margin: 0 !important;
	} */
}
.select::after {
	line-height: 2.5;
}
.drp-area {
    height: 24px;
    width: 60%;
    overflow: initial;
    /* position: absolute; */
    left: 0px;
    float: left;
}
.drp-area::after {
	height: 24px;
	top: 0px;
	/* padding: 0px 10px; */
	line-height: 2;
}
.download_assesment{
	line-height: 1;
}
.custom-select {
	background-color: #ffffff;
	position: absolute;
	z-index: 999;
	height: 24px;
	right: 0px;
	font-size: 12px;
	line-height: 1;
}
.compliance-grpah{
	width:70%;
}
.cw_container #account-cert-container .cert-label {
	text-align: left;
	font: normal normal normal 1.2rem/1.2rem Roboto-Bold;
	letter-spacing: 0px;
}
.cw_container #account-cert-container .cert-list {
	text-align: left;
	font: normal normal normal 1.2rem/1.2rem Roboto;
	letter-spacing: 0px;
	color: #595f6f;
	font-weight: 600;
}
/* .mn-hght {
	min-height: 480px ;
	margin: 0 !important;
}
#column_graph_1 {
	height: 103px;
}
.logo-container {
	height: 180px;
} */
.Cyber-opt::after {
	content: none;
}
.modal-drop-data strong {
	display: block;
	margin-bottom: 10px;
}
select {
	-webkit-appearance: none !important;
	/*webkit browsers */
	-moz-appearance: none !important;
	/*Firefox */
	appearance: none !important;
	/* modern browsers */
	border-radius: 5px;
}
select:after {
	content: "";
	position: absolute;
	z-index: 2;
	right: 8px;
	top: 50%;
	margin-top: -3px;
	height: 0;
	width: 0;
	border-top: 6px solid #f99300;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	pointer-events: none;
}
/**
Statuses in Questions
*/
.three ul {
	list-style: none;
	padding: 0;

	display: block;
	margin: 0 !important;
}
.three ul li {
	float: left;
	margin: 0 0 15px 0;
	width: max-content;
}
.status-icon-list {
	width: 1rem;
	height: 1rem;
	vertical-align: top;
}
.brdr {
	border: 1px solid #616161 !important;
	box-shadow: 0px 2px 6px #00000036;
}
.regln-box {
	background: #ffffff;
	border: 1px solid var(--button-border);
	border-radius: 2px;
	font: normal normal normal 0.75rem/1rem Roboto;
	color: #616161;
	padding: 0.25rem 0.25rem;
	display: flex;
}
span.regln-box-text {
	text-align: center;
	margin: 0 auto;
}
.cont-main .card > .card-footer {
	background-color: #fff;
	height: auto;
	min-height: 5rem;
	font: normal normal normal 1.5rem/2rem Roboto-Bold;
	letter-spacing: 0px;
	border-top: 1px solid #b2c0da;
	gap: 0.35rem;
}

/**
Add on graphs
*/

/* .show {display: block !important;}

.hide { display: none !important; } */

.cc-graph-body {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	width: calc(100% - 0px);
	margin-right: 0px;
	margin-left: 0px;
	justify-items: center;
}

.cc-graph-card {
	width: 298px !important;
	height: 370px !important;
	border: 1px solid rgba(0, 0, 0, 0.125) !important;
	border-radius: 0.25rem !important;
	margin-bottom: 1.5rem;
}

.cc-graph-card-header {
	font: normal normal normal 1.2rem Roboto-Bold;
	padding: 0.75rem 1rem 0.75rem 3rem;
	display: flex;
	align-items: center;
	position: relative;
	background-color: #fff;
	justify-content: center;
}

.cc-graph-card-body {
	padding: 0;
}
.line-height-1-5{
	line-height: 1.5;
}
.addon-g-text {
	background-color: #fd9826;
	position: absolute;
	top: 0%;
	left: 0;
	-webkit-clip-path: polygon(0 45%, 45% 0, 100% 0, 0 100%);
	clip-path: polygon(0 45%, 45% 0, 100% 0, 0 100%);
	height: 3.25rem;
	width: 3.25rem;
}

.gph-tri-text {
	transform: matrix(0.71, -0.71, 0.71, 0.71, 0, 0);
	font: normal normal normal 0.75rem Roboto;
	color: #ffffff;
	width: 3rem;
	height: 1.9rem;
	text-align: center;
	display: inline-block;
}

.active-g-text {
	background-color: #4caf50;
	position: absolute;
	top: 0%;
	left: 0;
	-webkit-clip-path: polygon(0 45%, 45% 0, 100% 0, 0 100%);
	clip-path: polygon(0 45%, 45% 0, 100% 0, 0 100%);
	height: 3.25rem;
	width: 3.25rem;
}

.cc_section_header_nav_link_font {
	color: #2a2d3a !important;
}

a.cc_section_header_nav_link_font:not(.active) {
	font: normal normal normal 0.75rem Roboto !important;
	background-color: #bdc3ca !important;
}

.nav-link .cc_section_header_nav_link_font {
	background: 0 0;
	border: 0;
	border-radius: 0.25rem;
}

.cncm-btn-xs {
	padding: 0.2rem 0.5rem;
	font-size: 0.7rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
	font: normal normal normal 0.75rem Roboto !important;
	background: #34495e !important;
	color: #ffffff !important;
}
.cncm-btn-xs > ul > li {
	width: auto;
	min-width: 8rem;
	background: #f1f2f6 !important;
	font-size: 1.2rem;
	color: #2a2d3a !important;
}

.custom-loader {
	margin-top: 15% !important;
}

.ticket-screen {
	margin-top: 15px;
	margin-bottom: 15px;
}

.modal-content {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	border-radius: 0;
}
.btn-close {
	padding: 5px 5px !important;
	margin: 0rem 0rem 0rem auto !important;
	position: absolute;
	right: 0;
	top: 0;
	background: #efefef;
	opacity: 1;
	color: #000;
	font-weight: 700;
	line-height: 1;
	border-radius: 0px !important;
}

/* Removing the border radius on btns just in modal */
.modal-content .btn {
	border-radius: 0;
	border-right: 3px solid #49669f;
	margin: 15px 0 15px 0;
	background: #efefef;
	color: #000;
	font-weight: 500;
}

/* Adjusting  the close button */
.close {
	font-size: 30px;
	font-weight: 300;
}

.modal-header .close {
	margin-top: -10px;
}

.modal-content {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 0px solid #49669f;
	border-radius: 0rem;
	outline: 0;
}
.modal-footer > * {
	margin: 0rem;
}

@media (min-width: 576px) {
	.modal-dialog {
		max-width: 600px;
		margin: 6rem auto;
	}

	.alert-modal-dialog {
		max-width: 600px;
		margin: 10rem auto;
	}

}
.modal-dialog {
	z-index: 9999;
}
.select2-dropdown {
	background-color: white;
	border: 1px solid #000;
	border-radius: 4px;
	box-sizing: border-box;
	display: block;
	position: absolute;
	left: -100000px;
	width: 100%;
	z-index: 99999999999;
	/* width: 100% !important; */
}
.tooltip {
	z-index: 9999;
}

.val_upper {
	text-transform: uppercase;
}

.text-truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	/* height: 42px; */
}
@media screen and (min-width: 1100px) {
	/* .mn-hght {
		min-height: 355px !important;
		margin: 0 !important;
	} */
	.result.status {
		/* margin-top: -1vw; */
		/* font-size: 1.3rem !important; */
		margin-bottom: 5px !important;
	}
}
@media screen and (max-width: 1300px) {
	.circular-chart {
		display: block;
		/* margin: 2rem auto; */
		/* max-width: 70% !important; */
		/* max-height: 15.625rem; */
	}

	.circular-chart {
		display: block;
		/* margin: 2rem auto; */
		/* max-width: 64% !important; */
		/* max-height: 15.625rem; */
	}
}

@media screen and (max-width: 1400px) {
	.card-desc p {
		font-size: 1.3rem;
		line-height: 1;
	}
}
@media screen and (min-width: 1400px) {
	/* #column_graph_1 {
		height: 193px !important;
	}
	.mn-hght {
		min-height: 290px !important;
		margin: 0 !important;
	} */
	/* .clock {
		max-width: 200px;
		max-height: 200px;
	} */

	.cyber-btn {
		height: 40px;
		border-radius: 5px;
		font-size: 1rem !important;
	}
	.proj-sel {
		height: 40px;
	}
	.drp-area::after {
		height: 28px;
		top: -2px;
		/* padding: 0px 10px; */
		line-height: 2;
	}
	.custom-select {
		height: 30px;
		right: 0px;
		font-size: 12px;
		line-height: 1;
	}

	.circular-chart {
		display: block;
		/* margin: 2rem auto; */
		/* max-width: 60% !important; */
		/* max-height: 15.625rem; */
	}
	.completed_count,
	.total_count,
	.ratio {
		font-size: 2rem !important;
		line-height: 2.5vh !important;
	}
}
@media screen and (min-width: 1450px) {
	.milestone-not-set img {
		width: 100%;
		margin: 0px 0;
	}
	.loader2 {
		margin-top: 30%;
		flex: none !important;
	}
	.cc-brand img {
		width: 30%;
		padding: 1.5rem 0;
	}

	.circular-chart {
		display: block;
		/* margin: 2rem auto; */
		/* max-width: 50% !important; */
		/* max-height: 15.625rem; */
	}
	/* .clock {
		max-width: 185px;
		max-height: 185px;
	} */
	.completed_count,
	.total_count,
	.ratio {
		font-size: 2rem !important;
		line-height: 2.5vh !important;
	}
}
@media screen and (min-width: 1450px) {
	.report-downld {
		min-height: 50px;
	}
	.downl-txt {
		min-height: 50px;
	}
	.downld-icn {
		min-height: 50px;
		line-height: 2;
	}
	.lbl-pro {
		width: 10rem;
		text-align: left;
	}
	.lable h6 {
		margin: 8px 0;
		font-size: 1.2rem;
	}
	.proj-sel {
		height: 40px !important;
		line-height: 3;
		font-size: 1rem;
	}
	.cyber-btn {
		height: 40px;
		border-radius: 5px;
		font-size: 1.3rem !important;
		margin: 0 0 0 0px;
		padding: 5px 10px;
		color: #fff;
	}
	.proj-sel select {
		font-size: 1.2rem;
		line-height: 1;
	}
	.account-date-container .account-date-label {
		text-align: left;
		font: normal normal normal 1.2rem/1.65rem Roboto-Bold;
		letter-spacing: 0px;
	}
	.account-date-container .account-date-val {
		text-align: left;
		font: normal normal normal 1rem Roboto;
	}

	.cw_container #account-cert-container .cert-label {
		text-align: left;
		font: normal normal normal 1.2rem/1.2rem Roboto-Bold;
		letter-spacing: 0px;
		/* margin-bottom: 0.8rem; */
	}
	.cw_container #account-cert-container .cert-list {
		text-align: left;
		font: normal normal normal 1.5rem/1.2rem Roboto;
	}
	.card-desc p {
		font-size: 1.5rem;
		line-height: 1.2;
	}
	.cont-main .card .card-header {
		background-color: #fff !important;
		min-height: 60px;
		line-height: 1;
	}
	.circular-chart {
		display: block;
		/* margin: 1rem auto !important; */
		/* max-width: 45% !important; */
		/* max-height: 15.625rem; */
	}
	.cw-card-header-text {
		font-size: 1.2rem;
		padding: 0.6rem 0;
	}
	.custom-select {
		height: 33px;
		font-size: 1.3rem;
	}
	.drp-area::after {
		height: 32px;
		top: -4px;
		/* padding: 0px 10px; */
		line-height: 2.5;
	}
	.view_services img,
	.download_assesment img,
	.view_more_reg img,
	.view-milestones-link img,
	.view-milestones img {
		height: 28px;
		margin: -11px 0 0 0;
		line-height: 1;
	}
}
@media screen and (min-width: 1650px) {
	/* .mn-hght {
		min-height: 360px !important;
		margin: 0 !important;
	} */

	/* .clock {
		max-width: 180px;
		max-height: 180px;
		margin: 1rem auto;
	} */
	.completed_count,
	.total_count,
	.ratio {
		font-size: 2rem !important;
		line-height: 2.5vh !important;
	}
}

@media screen and (max-width: 1500px) {
	.compliancestatus .highcharts-container .highcharts-root {
		width: 160 !important;
		height: 160 !important;
		margin: 0 auto;
		text-align: center;
		display: block;
	}
	.mn-hght {
		height: 400px !important;
	}
}
@media screen and (min-width: 1500px) {
	.mn-hght {
		height: 420px !important;
	}
	.cyber-btn {
		font-size: 1rem !important;
	}
}
@media screen and (min-width: 1600px) {
	.mn-hght {
		height: 500px !important;
	}
}
@media screen and (min-width: 1700px) {
	.mn-hght {
		height: 500px !important;
	}
	.ai-templates-data {
		padding-bottom: 4rem;
	}
}
@media screen and (min-width: 1800px) {
	.mn-hght {
		height: 470px !important;
	}
	.circular-chart {
		display: block;
		/* margin: 2rem auto; */
		/* max-width: 50% !important; */
		/* max-height: 15.625rem; */
	}
}
@media screen and (min-width: 2000px) {
	.circular-chart {
		display: block;
		/* margin: 1rem auto !important; */
		max-width: 60% !important;
		/* max-height: 15.625rem; */
	}
	.milestone-not-set img {
		width: 100% !important;
		margin: 0px 0;
	}
}
@media screen and (min-width: 2500px) {
	.circular-chart {
		display: block;
		/* margin: 1rem auto !important; */
		max-width: 55% !important;
		/* max-height: 15.625rem; */
	}

	.milestone-not-set img {
		width: 100% !important;
		margin: 0px 0;
	}
}
@media screen and (min-width: 1900px) {
	.milestone-container {
		top: 50% !important;
		transform: translateY(-40%) !important;
	}

	.ai-logo {
		height: 1.5rem !important;
	}

    .compliance-grpah{
        width: 90% !important;
    }
	.report-downld {
		min-height: 68px;
	}
	.downl-txt {
		min-height: 68px;
	}
	.downld-icn {
		min-height: 68px;
		line-height: 3;
	}
	.circular-chart {
		display: block;
		/* margin: 2rem auto; */
		/* max-width: 55% !important; */
		/* max-height: 15.625rem; */
	}

	.mn-hght {
		height: 520px !important;
	}
	.cyber-security-graph-container {
		width: 65% !important;
	}
	.completed_count,
	.total_count,
	.ratio {
		font-size: 1.5rem !important;
		line-height: 2.5vh !important;
        margin-bottom: 0.5rem;
	}
	.result-container .result.stats,
	.result-container .result.stats .number::before {
		font-size: 3rem !important;
		line-height: 2.5vh !important;
	}
	.result.status {
		margin-top: 0vw;
		font-size: 1.5rem !important;
		margin-bottom: 25px !important;
	}
	.cont-main .card .card-header {
		background-color: #fff !important;
		min-height: 68px;
		line-height: 1;
	}
	.cw-card-header-text {
		font-size: 1.2rem !important;
		padding: 0.6rem 0;
	}
	.card-desc p {
		font-size: 1.7rem !important;
		line-height: 1.2;
	}
	.proj-sel {
		height: 60px !important;
		line-height: 3;
		font-size: 1.5rem !important ;
	}
	.proj-sel select {
		font-size: 1.2rem !important;
		line-height: 1;
	}
	.select::after {
		line-height: 2.5 !important;
	}
	.cyber-btn {
		height: 60px;
		border-radius: 5px;
		font-size: 1.5rem !important;
		padding: 0 15px !important;
	}
	.account-date-container .account-date-label {
		text-align: left;
		font: normal normal normal 1.2rem/1.2rem Roboto-Bold !important;
		letter-spacing: 0px;
	}
	.account-date-container .account-date-val {
		text-align: left;
		font: normal normal normal 1.2rem Roboto !important;
	}
	.cw_container #account-cert-container .cert-label {
		text-align: left;
		font: normal normal normal 1.2rem/1.2rem Roboto-Bold !important;
		letter-spacing: 0px;
		/* margin-bottom: 0.8rem; */
	}
	.cw_container #account-cert-container .cert-list {
		text-align: left;
		font: normal normal normal 1.2rem/1.2rem Roboto;
	}
}

@media screen and (min-width: 2500px) {
	.circular-chart {
		display: block;
		/* margin: 1rem auto !important; */
		max-width: 55% !important;
		/* max-height: 15.625rem; */
	}
	.milestone-not-set img {
		width: 80% !important;
		margin: 0px 0;
	}
}
/* @media screen and (max-width: 2560px) {
	.lable h6 {
		margin: 8px 0;
		font-size: 1.2rem;
	}
} */
@media screen and (min-width: 3000px) {
	.circular-chart {
		display: block;
		/* margin: 1rem auto !important; */
		max-width: 45% !important;
		/* max-height: 15.625rem; */
	}
	:root {
		--clocksize: 18rem;
	}
	.cw_container #account-cert-container {
		margin: 2rem 0;
	}
	.lable h6 {
		margin: 8px 0;
		font-size: 2rem;
	}
	.proj-sel select {
		font-size: 2rem !important;
	}
	.cyber-btn {
		font-size: 2rem !important;
	}
	.cw_container #account-cert-container .cert-label {
		font: normal normal normal 2.2rem/2.2rem Roboto-Bold !important;
	}
	.cw_container #account-cert-container .cert-list {
		font: normal normal normal 2.2rem/2.2rem Roboto;
	}
	.account-date-container .account-date-label {
		font: normal normal normal 2rem/2rem Roboto-Bold !important;
	}
	.account-date-container .account-date-val {
		font: normal normal normal 2rem Roboto !important;
	}
	.milestone-not-set img {
		width: 60% !important;
		margin: 0px 0;
	}
}
.err-div {
	display: none;
	text-align: center;
}
.ques-drop {
	width: 25%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.modal-drop-data > .me-2,
.select {
	-webkit-appearance: none !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	/* float: none !important; */
	/* width: 50%; */
	flex-direction: row-reverse;
	/* margin-left: 10%; */
}
.modal-drop-data {
	padding: 10px !important;
	display: inline-block;
	text-align: center;
}
.modal-drop-data i {
	text-align: center;
	margin: 15px 0 20px 0;
	display: block;
	color: #842029 !important;
	background-color: #f8d7da;
	border-color: #f5c2c7;
	padding: 10px 5px;
	/* width: 70%; */
}
@media (min-width: 576px) {
	.modal-dialog-drp {
		max-width: 600px;
		margin: 10rem auto !important;
	}
	.modal-dialog-service-info {
		max-width: 600px;
		margin: 1rem auto;
	}
}

.drop_select_modal,
.cyber-option {
	background: #000000db;
}

#disclaimer_btn {
	border: none;
	background: no-repeat;
	color: #a7a7a7;
}

.downl-txt {
	width: 80%;
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
}
.downld-icn i {
	font-size: 20px;
}
.downld-icn {
	width: 15%;
	float: right;
	display: block;
	background: #b2c0da;
	color: #fff;
	padding: 8px 0;
}

.downl-txt {
	width: 85%;
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px 0;
}
.report-downld {
	position: absolute;
	z-index: 999;
	width: 100%;
	background: rgb(237, 237, 237);
	background: linear-gradient(180deg, rgba(237, 237, 237, 1) 0%, rgba(225, 225, 225, 1) 50%, rgba(204, 205, 206, 1) 100%);
	display: none;
	cursor: pointer;
	border-bottom: 3px solid #49669f;
}
.downl-txt p {
	margin: 0;
}

.downl-txt i {
	color: #c21111;
	margin-right: 10px;
	/* float: left; */
	display: inline-block;
}

.glow-blue {
	box-shadow: 0 0 0 0.2rem #0d6efd7d !important;
	border: 1px solid #3386fd !important;
}

.glow-green {
	box-shadow: 0 0 0 0.2rem #26c70378 !important;

	border: 1px solid #26c703 !important;
}
.glow-red {
	/* box-shadow: 0 0 0 0.2rem #ff000061 !important; */

	border: 1px solid red !important;
}

.ques-err {
	color: red !important;
}
.cyber-ss th {
	text-align: center;
	font-size: 0.8rem;
	font-weight: 500;
	background: #a4b2cf;
	color: #000;
	font-weight: 600;
}
.cyber-ss tr td {
	text-align: center;
	color: #000;
}
.table > :not(:first-child) {
	border-top: 0px solid currentColor;
}
.status-50 {
	margin: 0;
	background: #f9da36;
	display: inline-block;
	padding: 0 5px;
	width: 95px;
}
.status-comp {
	background: #8bc34a;
	margin: 0;
	display: inline-block;
	padding: 0px 5px;
	color: #fff;
	width: 95px;
}
.status-non-comp {
	background: #ff001a;
	margin: 0;
	display: inline-block;
	padding: 0px 5px;
	color: #fff;
	width: 95px;
}
.cyber-sec-btn {
	cursor: pointer;
	border: 0px;
	background: none;
	outline: none;
	border: none;
	background: no-repeat;
	/* float: left; */
	margin: 0 0px 0 10px;
	padding: 0;
	height: 28px;
	line-height: 1;
	float: right;
}
.cont-main {
	padding: 0;
	height: 100%;
	background: #f3f5f8;
}

.cyber-security-header {
	height: 17%;
	border-bottom: 1px solid #a4b2cf;
}
.cyber-security-data {
	overflow-y: auto;
	height: 80%;
	/* padding-top: 1.5rem; */
	/* border-top: 1px solid #a4b2cf; */
}
.scan-test {
	margin-bottom: 1.5rem;
	width: 100%;
	min-width: 100%;
	border: 1px solid #e2e2e3;
	margin-top: -1px;
}
.bd-dark .scan-test {
	border: 1px solid #434343;
}
.scan-test-header {
	width: 100%;
	height: 2.75rem;
	min-height: 2.75rem;
	font: normal normal bold 0.865rem/1.5rem Roboto-Bold;
	margin: 0;
	text-transform: uppercase !important;
	background-color: #49669f !important;
	/* background-color: #a4b2cf; */
	text-decoration: none;
	color: white;
	text-align: left;
	letter-spacing: 0px;
	opacity: 1;
}
.bd-dark .scan-test-header {
	background-color: #1e1f22;
	color: #bdc3ca;
}
.scan-test-body {
	width: 100%;
	overflow: hidden;
	width: auto;
	height: 100%;
}
.scan-test-container {
	display: -ms-flexbox !important;
	display: flex;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}
.scan-test-name {
	line-height: 2.375rem !important;
	cursor: pointer;
}
.scan-test-name-row-odd {
	text-align: left;
	font: normal normal normal 0.85rem/1.5rem Roboto;
	border-bottom: 1px solid #e2e2e3;
	color: var(--Black);
	/* background-color: #d0d9e8; */
	background-color: #49669f91;
}
.scan-test-name-row-even {
	text-align: left;
	font: normal normal normal 0.85rem/1.5rem Roboto;
	border-bottom: 1px solid #e2e2e3;
	color: var(--Black);
	background-color: #49669f91;
}
.loading-records-text{
	text-align:center;
	color: grey;
	font-size:0.875em;
	height: 2.375rem;
	line-height: 2.375rem;
}
.no-rec-found-text{
	text-align:center;
	color: grey;
	font-size:0.875em;
	height: 2.375rem;
	line-height: 2.375rem;
}
.page-header{
	margin: 0 -1.5rem;
}
.expand_button{
	margin-right: -0.5rem;
	z-index: 99999;
}
.fsm_container{
	background-color:#FFF;
	overflow:auto;
}
.w-80{
	width: 80% !important;
}
.w-90{
	width: 90% !important;
}
.w-20{
	width: 20% !important;
}
.bd-dark .scan-test-name-row-odd,
.bd-dark .scan-test-name-row-even {
	border-bottom: 1px solid #434343;
	color: var(--Black);
	background-color: #2c2e34;
}
.ticket-row {
	background: #ffffff;
	border-bottom: 1px solid var(--button-border);
	line-height: 2.375rem;
	font-size: 0.8rem !important;
}

.scan-text-service-row {
	padding-left: 1.75rem !important;
}
.scan-text-service-row a {
	color: #fff !important;
}
.scan-text-service-wrapper {
	width: 30%;
	padding-left: 4.5rem;
}
.st-row-dark-bg {
	/* background-color: #f4f6f8 !important; */
	background-color: #c9c9c961 !important;
}
.bd-dark .st-row-dark-bg {
	background-color: #3c3f46 !important;
}
.st-row-light-bg {
	background-color: #ffffff !important;
}
.bd-dark .st-row-light-bg {
	background-color: #414551 !important;
}

.bd-dark .scan-test .custom-link {
	color: #0b6bce !important;
}
[aria-expanded="true"] .details-control-img-plus,
[aria-expanded="false"] .details-control-img-minus {
	display: none !important;
}
[aria-expanded="false"] .details-control-img-plus,
[aria-expanded="true"] .details-control-img-minus {
	display: inline-block !important;
}
div.details-control-img-plus {
	width: 30px;
	height: 20px;
	background: url("../img/details_open.png") no-repeat;
	display: inline-block;
}
div.details-control-img-minus {
	width: 30px;
	height: 20px;
	background: url("../img/details_close.png") no-repeat;
}
/* .inner-body {
	margin-bottom: 0rem;
} */
.cs-container-ques {
	height: 75%;
	overflow-y: auto;
	background: #e4e7ea;
	margin: 2.5% 0px 0% 0px;
}
.cs-inner-page-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #ffffff;
	height: 11%;
	border-bottom: 1px solid #dadce0;
	box-shadow: 0 -2px 7px 2px #8080806b;
	min-height: 68px;
	width: 100%;
	padding: 0;
}
.cyber-security-container {
	overflow: hidden;
}
div.details-control-img-plus {
	width: 30px;
	height: 20px;
	background: url("../img/details_open.png") no-repeat;
	display: inline-block;
}
div.details-control-img-minus {
	width: 30px;
	height: 20px;
	background: url("../img/details_close.png") no-repeat;
}
.inner-body {
	margin-bottom: 0rem;
}
.milestone-container-ques {
	padding: 0 0px;
	height: 83.5%;
	overflow-y: auto;
	background: #e4e7ea;
	margin: 2.5% 0 0 0;
}
/* path.highcharts-plot-line.highcharts-current-date-indicator {
	color: #fff;
	stroke: #ccd6eb;
} */
.milestone-inner-page-header {
	position: sticky;
	top: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #ffffff;
	height: 11%;
	border-bottom: 1px solid #dadce0;
	box-shadow: 0 -2px 7px 2px #8080806b;
	min-height: 68px;
	width: 100%;
	padding: 0;

}
div.inline-name {
	float: left !important;
}
.custom-link {
	color: #49669f !important;
	text-decoration: none;
	font-size: 0.9rem;
}
.text-dark {
	color: #000 !important;
}
.custom-link-sub-menu {
	color: #595f6f !important;
	text-decoration: none;
}
.bd-dark .custom-link-sub-menu {
	color: #bdc3ca !important;
}
.custom-link-sub-menu:hover {
	color: #000 !important;
	text-decoration: none;
}
.bd-dark .custom-link-sub-menu:hover {
	color: #fff !important;
}
.bd-dark .custom-link {
	color: #bdc3ca !important;
}
.table-icon-size {
	font-size: 1.2rem !important;
}
.bd-dark .table-icon-size {
	color: #408bf9 !important;
}
.modal.show {
  display: block !important;
}

.toast.show {
	display: block !important;
}
.show-il {
	display: inline !important;
}
.show-ib {
	display: inline-block !important;
}
.hide {
	display: none !important;
}

.visible {
	visibility: visible;
}
.invisible {
	visibility: hidden;
}
.visible-collapse .min-w-100 {
	min-width: 100% !important;
}
.min-h-100 {
	min-height: 100% !important;
}

.w-30p {
	width: 30px;
}
.w-5{
	width: 5%;
}
.w-10{
	width: 15%;
}
.w-15{
	width: 15%;
}
.w-40{
	width: 40%;
}
.aligncenter {
	align-content: center;
}

.p0 {
	padding: 0;
}

.white {
	background: #fff !important;
}

.cursor-pointer {
	cursor: pointer;
}
.cursor-default {
	cursor: default;
}
.cursor-alias {
	cursor: alias;
}
.cursor-all-scroll {
	cursor: all-scroll;
}
.cursor-auto {
	cursor: auto;
}
.cursor-help {
	cursor: help;
}
.cursor-move {
	cursor: move;
}
.cursor-no-drop {
	cursor: no-drop;
}
.cursor-none {
	cursor: none;
}
.cursor-not-allowed {
	cursor: not-allowed;
}
.cursor-progress {
	cursor: progress;
}
.cursor-row-resize {
	cursor: row-resize;
}
.cursor-s-resize {
	cursor: s-resize;
}
.cursor-se-resize {
	cursor: se-resize;
}
.cursor-sw-resize {
	cursor: sw-resize;
}
.cursor-text {
	cursor: text;
}
.cursor-w-resize {
	cursor: w-resize;
}
.cursor-wait {
	cursor: wait;
}
.cursor-zoom-in {
	cursor: zoom-in;
}
.cursor-zoom-out {
	cursor: zoom-out;
}

.resizeable {
	resize: both;
}
.no-resizeable {
	resize: none;
}
.resizeable-v {
	resize: vertical;
}
.resizeable-h {
	resize: horizontal;
}

/*Chrome Button Focus Outline Fix*/
button:focus:not(:focus-visible) {
	outline: none;
}

/*Remove outline and box-shadow of close button*/
.btn-close:focus {
	box-shadow: none;
}
.w-70{
	width: 70% !important;
}
.w-30 {
	width: 30% !important;
}
.font-1-25{
	font: 1.25rem;
}
.hidden{
	display: none;
}
.cyber-security-graph-container {
	width: 75%;
	margin: 0rem auto;
}
.circular-chart-background {
	background: #ffffff !important;
}

.circular-chart {
	display: block;
	margin: 2rem auto;
	max-width: 80%;
	/* max-height: 15.625rem; */
}
.circle-bg {
	fill: none;
	stroke: #eee;
	stroke-width: 3.8;
}
.circular-chart.blue .circle {
	stroke: #3c9ee5;
}
.circle {
	fill: none;
	stroke-width: 2.8;
	stroke-linecap: round;
	animation: progress 1s ease-out forwards;
}
.percentage {
	fill: #000000;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 0.5em;
	text-anchor: middle;
}
.unit_text {
	fill: #000000;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 0.2em;
	text-anchor: middle;
	font-weight: 600;
}

/*----------------------------Cyber security service info-----------------------*/
.button-action-xs {
	font-family: Roboto-Medium;
	font-size: 0.75rem;
	min-width: 5rem;
	height: 1.875rem;
	line-height: 1.875rem;
	box-shadow: 1px 1px 1px #00000029;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-align: center;
	text-transform: uppercase;
	margin: 0px 15px;
	border: 0;
	display: inline-block;
}

.button-action-blue,
.tab-action-blue {
	color: #fff;
	background: #49669f 0% 0% no-repeat padding-box;
	/* border-radius: 2px; */
	border-radius: 0.25rem;
}
.button-action-sm {
	font-family: Roboto-Medium;
	font-size: 0.875rem;
	min-width: 6.25rem;
	height: 2.188rem;
	line-height: 2.188rem;
	box-shadow: 1px 1px 1px #00000029;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-align: center;
	text-transform: uppercase;
	margin: 0px 15px;
	border: 0;
	display: inline-block;
}
.button-action-xs {
	font-family: Roboto-Medium;
	font-size: 0.75rem;
	min-width: 5rem;
	height: 1.875rem;
	line-height: 1.875rem;
	box-shadow: 1px 1px 1px #00000029;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-align: center;
	text-transform: uppercase;
	margin: 0px 15px;
	border: 0;
	display: inline-block;
}
.button-action-white {
	color: #2a2d3a;
	background: #ffffff 0% 0% no-repeat padding-box;
	border: 0.5pt solid var(--button-border);
}
.button-back-container-custom {
	height: 3.833rem;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	font-family: Roboto-Medium;
	font-size: 1.5rem;
	color: var(--Black);
}
.button-bg-back {
	background-color: #bdc3ca;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	justify-content: space-around;
	border-right: 0.417rem solid var(--Header-blue);
}
.button-back {
	font-family: Roboto-Medium;
	font-size: 1rem;
	min-width: 7.917rem;
	height: 2.5rem;
	line-height: 2.5rem;
	box-shadow: 1px 1px 1px #00000029;
	-webkit-border-radius: 0.167rem;
	-moz-border-radius: 0.167rem;
	border-radius: 0.167rem;
	text-align: center;
	text-transform: uppercase;
	margin: 0px 5px;
	border: 0;
	display: inline-block;
}
.graph-card-header {
	color: #595f6f;
}
.service-right-container-header {
	text-transform: uppercase;
	border-left: 5px solid #49669f;
	background-color: #bdc3ca;
	padding: 10px 20px;
	height: 2.80em;
	display: block;
	/* flex-direction: row; */
	/* align-items: center; */
	letter-spacing: 1px;
	font-weight: 600;
	font-size: 0.85rem;
	width: 180px;
	/* justify-content: center; */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
}
.cs-reports .nav-tabs .nav-item.show .nav-link,
.cs-reports .nav-tabs .nav-link.active {
	color: #495057;
	background-color: #dfefff;
	border-color: #dee2e600 #dee2e600 #fff0;
}
.cs-reports .nav-tabs {
	border-bottom: 0px solid #dee2e6;
}
.tickets-card-min-height strong {
	color: #495057;
}
.tickets-card-min-height {
	min-height: 3rem;
}
.service-info-card-body {
	flex: 1 1 auto;
	padding: 1.25rem;
}
.tickets_card_service_info {
	min-height: 6rem;
	height: 100%;
}
.tickets-card-shadow {
	box-shadow: 0px 1px 8px #142e6e1a;
}
.bd-dark .tickets-card-shadow:not(.ticket-status-card) {
	box-shadow: 0px 1px 8px #7c7c7c1a;
	background-color: #3c3f46;
	color: #bdc3ca;
}
.compliant_text_container {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: space-between;
	align-items: flex-start;
}
.compliant_text {
	font: normal normal 300 22px/25px Roboto-Light;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #414d55;
	font-weight: 700;
	font-size: 1.2rem;
}
.tooltip {
	z-index: 999999999999999;
}
.service-info-card-body p {
	font-size: 0.7rem;
}
.bd-dark .compliant_text {
	color: #bdc3ca;
}
/*.compliant_text-min-height {min-height:8.333rem;}*/
.preloader-wrapper {
	display: inline-block;
	position: relative;
	width: 4.167rem;
	height: 4.167rem;
}
.preloader-wrapper.small {
	width: 3rem;
	height: 3rem;
}
.preloader-wrapper.big {
	width: 4rem;
	height: 4rem;
}
.preloader-wrapper.active {
	-webkit-animation: container-rotate 1568ms linear infinite;
	animation: container-rotate 1568ms linear infinite;
}
.circle-clipper {
	display: inline-block;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
	border-color: inherit;
}
.circle-clipper .circle {
	width: 200%;
	height: 100%;
	border-width: 0.25rem;
	border-style: solid;
	border-color: inherit;
	border-bottom-color: transparent !important;
	border-radius: 50%;
	-webkit-animation: none;
	animation: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
}
.circle-clipper.left .circle {
	left: 0;
	border-right-color: transparent !important;
	-webkit-transform: rotate(129deg);
	transform: rotate(129deg);
}
.circle-clipper.right .circle {
	left: -100%;
	border-left-color: transparent !important;
	-webkit-transform: rotate(-129deg);
	transform: rotate(-129deg);
}
.active .circle-clipper.left .circle {
	-webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.active .circle-clipper.right .circle {
	-webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.gap-patch {
	position: absolute;
	top: 0;
	left: 45%;
	width: 10%;
	height: 100%;
	overflow: hidden;
	border-color: inherit;
}
.gap-patch .circle {
	width: 1000%;
	left: -450%;
}
.spinner-layer {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	border-color: #4285f4;
}
.active .spinner-layer.spinner-blue {
	-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.active .spinner-layer.spinner-red {
	-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.active .spinner-layer.spinner-yellow {
	-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.active .spinner-layer.spinner-green {
	-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.active .spinner-layer,
.active .spinner-layer.spinner-blue-only,
.active .spinner-layer.spinner-green-only,
.active .spinner-layer.spinner-red-only,
.active .spinner-layer.spinner-yellow-only {
	opacity: 1;
	-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.circle-clipper {
	display: inline-block;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
	border-color: inherit;
}
.circle-clipper .circle {
	width: 200%;
	height: 100%;
	border-width: 0.25rem;
	border-style: solid;
	border-color: inherit;
	border-bottom-color: transparent !important;
	border-radius: 50%;
	-webkit-animation: none;
	animation: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
}
.circle-clipper.left .circle {
	left: 0;
	border-right-color: transparent !important;
	-webkit-transform: rotate(129deg);
	transform: rotate(129deg);
}
.circle-clipper.right .circle {
	left: -100%;
	border-left-color: transparent !important;
	-webkit-transform: rotate(-129deg);
	transform: rotate(-129deg);
}
.active .circle-clipper.left .circle {
	-webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.active .circle-clipper.right .circle {
	-webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.ticket_summary_text {
	font-size: 0.6rem;
	font-weight: 500;
	letter-spacing: 0px;
	color: #2a2d3a;
	margin: 0.5rem 0 0.5rem 0;
}
.b-b h4 {
	font-size: 0.7rem;
}
#ticket_attachment_count,
#reports_attachment_count,
#message_threads_count {
	font-size: 1.6rem;
	font-weight: 700;
	color: #49669f;
}
.fwb {
	font-size: 1rem;
	font-weight: 700;
	color: #49669f;
}

.bd-dark .ticket_summary_text {
	color: #bdc3ca;
}
.dot_color {
	color: #93a9d0;
	font-size: 1rem;
}
.bd-dark .dot_color {
	color: #0b6bce;
}
.fa-1-8x {
	font-size: 1em;
	float: left;
	width: 100%;
}
.sd_ts {
	font-size: 0.9rem !important;
	color: #414d55;
	margin-top: 10px;
}
.bd-dark .sd_ts {
	color: #bdc3ca;
}
.chat-widget {
	padding: 0 1.25rem;
}
.chat-widget ul li {
	margin: 1.667rem 0;
}
.chat-widget .chat-meta {
	font-size: 0.9rem;
	color: #aaa;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
	/* font-weight: 600;*/
}
.bd-dark .chat-widget .chat-meta {
	font-size: 1rem;
	color: #0b6bce;
}
.chat-widget .by-me .chat-content {
	margin-left: 50px;
	position: relative;
	line-height: 24px;
	padding: 8px 10px;
	border-radius: 5px;
	background: #f5f8fa;
}
.bd-dark .chat-widget .by-me .chat-content {
	background: #bdc3ca;
	color: #111;
}
.chat-widget .by-me .chat-content:after,
.chat-widget .by-me .chat-content:before {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.chat-widget .by-me .chat-content:before {
	border-color: rgba(238, 238, 238, 0);
	border-right-color: #f5f8fa;
	border-width: 0.583rem;
	top: 1.5rem;
	margin-top: -0.917rem;
} /*top: 30%*/
.bd-dark .chat-widget .by-me .chat-content:before {
	border-right-color: #bdc3ca;
}
.chat-widget .by-other .chat-content {
	background: #fff;
	margin-right: 3.167rem;
	position: relative;
	border: 1px solid #e7e7e7;
	padding: 0.667rem 0.833rem;
	border-radius: 0.417rem;
	line-height: 1.5rem;
}
.bd-dark .chat-widget .by-other .chat-content {
	background: #bdc3ca;
	color: #111;
}
.chat-widget .by-other .chat-content:after,
.chat-widget .by-other .chat-content:before {
	left: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.chat-widget .by-other .chat-content:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #fff;
	border-width: 0.5rem;
	top: 1.5rem;
	margin-top: -0.5rem;
} /*top:30%*/
.bd-dark .chat-widget .by-other .chat-content:after {
	border-left-color: #bdc3ca;
}
.chat-widget .by-other .chat-content:before {
	border-color: rgba(204, 204, 204, 0);
	border-left-color: #e4e4e4;
	border-width: 0.583rem;
	top: 1.5rem;
	margin-top: -0.583rem;
} /*top:30%*/
.bd-dark .chat-widget .by-other .chat-content:before {
	border-left-color: #bdc3ca;
}
.tab-content > .tab-pane {
	display: none;
}
.tab-content > .active {
	display: block;
}
.card-footer {
	padding: 0.75rem 1.25rem;
	background-color: rgba(0, 0, 0, 0.03);
	border-top: 1px solid #e1e8ee;
}
/*.service-card-min-height {
	! min-height:360px;
}*/
.theme_color_bg {
	background: #607db2 !important;
}
.bd-dark .theme_color_bg {
	background-color: #3c3f46 !important;
	color: #bdc3ca;
}
.theme_font_white, .theme_font_white:hover  {
	color: #fff !important;
}
.month_class {
	border-radius: unset !important;
	background: #fff !important;
	color: #000 !important;
	border-color: #b2c0da !important;
}
.bd-dark :not(.disabled).month_class {
	background-color: #a7a7a7 !important;
	border-color: #7a7a7a99 !important;
	color: #2a2d3a !important;
}
.bd-dark .disabled.month_class {
	background-color: #3a3b40cc !important;
	border-color: #434343 !important;
	color: #fff !important;
}
.month_class_active {
	border-radius: unset !important;
	background: #607db2 !important;
	border-color: #b2c0da !important;
}
.bd-dark .month_class_active {
	background-color: #bdc3ca !important;
	border-color: #b2c0da !important;
	color: #2a2d3a !important;
}
.quantity-year-tab {
	width: auto;
}
.month_radius {
	border-radius: 0.833rem 0.833rem 0 0;
}
.month_text {
	text-align: center !important;
}
.month_font_setting {
	font-size: 0.9rem;
	letter-spacing: 0;
	color: #fff;
	border: #607db2 !important; /*! font-weight:600 */
}
.month_text_size {
	font-size: 1.8rem !important;
}
.theme_color_border {
	border-color: #607db2 !important;
}
.nav-material > li {
	position: relative;
}
.nav-material > li .nav-link.active {
	border: 0;
	background: 0 0;
	border-bottom: 3px solid #49669f;
}
.nav-material > li > .nav-link {
	border: none;
}
.nav-material > li > .nav-link.active {
	color: #49669f;
}
.nav-material > li > a {
	color: #86939e;
}
.nav-material > li > a:hover {
	border: none;
	color: #49669f;
	background: 0 0;
}
.nav-material > li > a::after {
	content: "";
	background: #49669f;
	height: 0.25rem;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	transition: all 250ms ease 0s;
	transform: scale(0);
}
.nav-material > li:hover > a::after {
	transform: scale(1);
}
.nav-material.nav-material-white {
	border: none;
}
.nav-material.nav-material-white > li .nav-link.active {
	border-color: #fff;
}
.nav-material.nav-material-white > li .nav-link > a {
	color: #fff !important;
}
.nav-material.nav-material-white > li .nav-link > a:hover {
	color: #fff !important;
}
.nav-material.nav-material-white > li .nav-link > a::after {
	background: #fff !important;
}
.user-details-cncm {
	font-weight: 300;
	width: 100%;
}
.avatar-badge {
	position: absolute;
	right: 1px;
	bottom: 0;
	display: block;
	width: 8px;
	height: 8px;
	line-height: 1;
	text-align: center;
	font-size: 8px;
	color: #fff;
	background-color: #a9acb0;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 0 2px #fff;
	box-shadow: 0 0 0 2px #fff;
	z-index: 2;
}
.avatar-badge.has-indicator {
	width: 10px;
	height: 10px;
}
.avatar-badge.online {
	background-color: #7dc855;
}
.avatar-badge.away,
.avatar-badge.idle {
	background-color: #fcce54;
}
.avatar-badge.busy {
	background-color: #ed5564;
}
.avatar-badge.offline {
	color: #a9acb0;
	background-color: #a9acb0;
}
.avatar-badge .fa,
.avatar-badge .icon {
	line-height: 10px;
	padding: 0;
}
.avatar,
.avatar-letter {
	position: relative;
	margin-bottom: 0;
	display: inline-block;
	width: 2rem;
	height: 2rem;
	font-size: 1rem;
	line-height: 2rem;
	border-radius: 4rem;
	vertical-align: middle;
	font-style: normal;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: #fff;
	color: #fff;
}
.avatar > a {
	color: inherit;
	outline: 0;
}
.avatar > a:focus,
.avatar > a:hover {
	color: inherit;
	text-decoration: none;
}
.avatar .avatar-letter,
.avatar audio,
.avatar canvas,
.avatar img,
.avatar video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 4rem;
}
a.avatar:focus,
a.avatar:hover {
	outline: 0;
}
a.avatar:focus {
	-webkit-box-shadow: 0 0 0 3px #346cb0;
	box-shadow: 0 0 0 3px #346cb0;
}

#service-info-body .ticket-main-card .card-header {
	background-color: #fff !important;
}
.bd-dark #service-info-body .ticket-main-card .card-header {
	background-color: #3c3f46 !important;
	border-bottom: 1px solid #b2c0da;
}

#service-info-body .ticket-main-card :not(.cw-ticket-bg-opacity).card-footer {
	background-color: #fff !important;
}
.bd-dark #service-info-body .ticket-main-card :not(.cw-ticket-bg-opacity).card-footer {
	background-color: #3c3f46 !important;
	border-top: 1px solid #b2c0da;
}

.bd-dark #service-info-body .ticket-main-card .service-info-card-body {
	color: #fff !important;
}

/* .bd-dark #service-info-body .ticket-status-card {color: #fff!important;} */

.cc_section_header_nav_link {
	min-width: 6.2rem !important;
	background: #f1f2f6 !important;
	font-size: 0.8rem;
}
.cc_section_header_nav_link_font {
	color: #2a2d3a !important;
}
.modal-header-custom {
	background-color: var(--Header-blue);
	padding: 0.75rem 1rem;
	border-radius: 0px;
}
.modal-body-custom {
	background: #ffffff 0% 0% no-repeat padding-box;
	border: 2px solid #e1e8ee;
	border-radius: 3px;
	opacity: 1;
	margin: 1rem;
}
.modal-footer-custom {
	background: #e4eaef;
	padding: 0.75rem 1rem;
}
.modal-title-custom {
	color: white !important;
	text-transform: capitalize !important;
}
.two-tab-service {
	padding: 0;
	border: 0px;
}
.tab-service{
	border-right: 1px solid #ccc !important;
	border-top-left-radius: 0rem;
	border-top-right-radius: 0rem;
}
.service-info-container {
	width: 100%;
	position: fixed;
	right: 0;
	padding: 0 0 0 0px;
	background: #00000096;
	z-index: 9999;
	height: 100%;
}
.service-info-page {
	padding: 1.5rem 0rem 1.5rem 1.5rem !important;
	overflow-y: hidden;
	height: 100%;
	width: 50%;
	display: block;
	margin: 0;
	float: right;
	height: 100%;
	position: fixed !important;
	right: 0;
}
.service-info-inner-body {
	padding: 1.5rem;
	background: #f3f5f8 0% 0% no-repeat padding-box !important;
	margin-bottom: 0;
	position: relative;
	overflow-y: auto;
	height: 100%;
}
.close-service-info button {
	position: absolute;
	right: 0px;
	top: 0px;
	border-radius: 0 0px 0px 0px;
	border-top: 1px solid #acbad2;
	border-right: 1px solid #acbad2;
}
.d-name-milestone {
	padding: 1.5rem 0 1.5rem 1rem;
}
.d-name-service {
	width: 100%;
	height: 2.5rem;
	min-height: 2.5rem;
	background-color: #f3f5f8;
}

.cw-ticket-sky-blue {
	background-color: #13c2c2 !important;
	color: white !important;
}
.cw-ticket-dark-blue-1 {
	background-color: #1890ff !important;
	color: white !important;
}
.cw-ticket-dark-blue-2 {
	background-color: #2f54eb !important;
	color: white !important;
}
.cw-ticket-yellow-1 {
	background-color: #fadb14 !important;
}
.cw-ticket-yellow-2 {
	background-color: #fadb14 !important;
}
.cw-ticket-green-1 {
	background-color: #a0d911 !important;
	color: white !important;
}
.cw-ticket-green-2 {
	background-color: #52c41a !important;
	color: white !important;
}
.cw-ticket-red-1 {
	background-color: #f5222d !important;
	color: white !important;
}
.cw-ticket-orange-1 {
	background-color: #fa8c24 !important;
	color: white !important;
}
.cw-ticket-purple-1 {
	background-color: #722ed1 !important;
	color: white !important;
}


.cw-ticket-sky-blue:hover {
	background-color: #13c2c2 !important;
	color: #000 !important;
}
.cw-ticket-dark-blue-1:hover {
	background-color: #1890ff !important;
	color: #000 !important;
}
.cw-ticket-dark-blue-2:hover {
	background-color: #2f54eb !important;
	color: #000 !important;
}
.cw-ticket-yellow-1:hover {
	background-color: #fadb14 !important;
}
.cw-ticket-yellow-2:hover {
	background-color: #fadb14 !important;
}
.cw-ticket-green-1:hover {
	background-color: #a0d911 !important;
	color: #000 !important;
}
.cw-ticket-green-2:hover {
	background-color: #52c41a !important;
	color: #000 !important;
}
.cw-ticket-red-1:hover {
	background-color: #f5222d !important;
	color: #000 !important;
}
.cw-ticket-orange-1:hover {
	background-color: #fa8c24 !important;
	color: #000 !important;
}
.cw-ticket-purple-1, .cw-ticket-purple-1:hover {
	background-color: #722ed1 !important;
	color: #000 !important;
}
.cw-ticket-1, .cw-ticket-1:hover {
	background-color: #13c2c2 !important;
	color: white !important;
}
.cw-ticket-2, .cw-ticket-2:hover {
	background-color: #13c2c2 !important;
	color: white !important;
}
.cw-ticket-3, .cw-ticket-3:hover {
	background-color: #13c2c2 !important;
	color: white !important;
}
.cw-ticket-bg-opacity {
	background-color: rgba(0, 0, 0, 0.25) !important;
}
.cw-ticket-white {
	background-color: #ffffff !important;
	color: rgb(0, 0, 0) !important;
}
.cw-ticket-brown {
	background-color: #f7cb85 !important;
	color: rgb(0, 0, 0) !important;
}

span.badge-min-width {
	min-width: 110px;
	font-size: inherit;
	min-height: 20px;
	font-size: 0.67rem !important;
	padding: unset !important;
	/* cursor: default!important; */
	line-height: 1.5rem;
}
ul.pagination li {
	padding: 0 5px;
}
ul.pagination li a {
	/* background: #49669f; */
	padding: 15px 10px;
	text-decoration: none;
	border: 1px solid #ccc;
	line-height: 0;
}
.paginate_button.active a {
	background-color: #49669f !important;
	color: #fff !important;
}
.summary-para {
	font-size: 0.9rem;
	display: inline-block;
	line-height: 1.3;
	width: 125px;
	/* text-overflow: ellipsis; */
	/* overflow: hidden; */
	/* white-space: nowrap; */
	padding: 0.5rem 0;
}
.float-right {
	float: right;
}
#durations {
	display: flex;
	justify-content: center;
	align-items: center;
}
@media only screen and (max-width: 1310px) {
	.service-info-card-body p {
		font-size: 0.6rem;
	}
}
@media only screen and (max-width: 1220px) {
	.summary-box {
		width: 100%;
		margin-bottom: 20px;
	}
	.ticket-box {
		width: 100%;
	}
	.service-info-card-body p {
		font-size: 0.9rem !important;
	}
	span.badge-min-width {
		line-height: 1.5rem;
	}
}

/* Compliance Status graph - start */
.popover {
	max-width: intrinsic; /* Safari/WebKit uses a non-standard name */
	max-width: -moz-max-content; /* Firefox/Gecko */
	max-width: -webkit-max-content; /* Chrome */
	max-width: fit-content;
}
.cs-popover-tooltp-title {
	font: normal normal normal 1rem/1.25rem Roboto-Bold;
}
.cs-popover-tooltp {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: space-around;
	font: normal normal normal 0.75rem/0.85rem Roboto;
	max-width: 20.5rem;
}
.st-no-evi-uploaded {
	color: #ff2400;
}
.st-under-eval {
	color: #ff9500;
}
.st-incomplete-info {
	color: #fffe00;
}
.st-accepted-by-assessor {
	color: #00a8ff;
}
.st-assigned-to-qa {
	color: #0045ff;
}
.st-pass-with-comments {
	color: #2b8a3e;
}
.st-pass {
	color: #94d82d;
}
/* Compliance Status graph - end */

/* Milestone dashbord graph - start */
.milestone-detailed-page-table th{
	font-size: 0.9rem !important;
}
.milestone-container {
	display: grid;
	grid-template-rows: 12% 15% auto 10% 13%;
	width: 100%;
	height: 100%;
	padding-bottom: 0.25rem !important;
	padding-right: 0.5rem !important;
	padding-left: 0 ;
	margin-right: 0 !important;
	margin-left: 0 !important;
	margin-top: 0.5rem;
	margin: 0rem auto;
	overflow: hidden;
	position: relative;
	top: 5%;
	transform: translateY(10%);
}
.milestone-not-set {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: space-around;
	justify-content: center;
	align-items: center;
	padding: 0.67rem 1rem !important;
}
.milestone-container-disabled {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: space-around;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 60%;
}

.milestone-container .row {
	padding-right: 0 !important;
	padding-left: 0 !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
}
.milestone-container .row .col,
.milestone-container .row [class*="col-"] {
	position: relative;
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.ml-placeholder-ico {
	color: #c6c6c6;
	font-size: var(--ml-empty-icon-size);
}

/* Milestone graph css */
.ml-flag-pole {
	border-right-width: var(--ml-flag-pole-size);
	border-right-style: solid;
}
.ml-flag {
	width: 0;
	height: 0;
	border-top: calc(var(--ml-flag-height) / 2) solid transparent;
	border-bottom: calc(var(--ml-flag-height) / 2) solid transparent;
	margin-left: 0.1rem !important;
	border-left-width: var(--ml-flag-size); /*6vh*/
	border-left-style: solid;
}

.ml-timeline {
	border-bottom: var(--ml-timeline-size) solid #bdc3ca;
}
.ml-target-in-progress .ml-flag-pole,
.ml-target-completed .ml-flag-pole {
	border-right-color: #21ba45;
}
.ml-target-in-progress .ml-flag,
.ml-target-completed .ml-flag {
	border-left-color: #21ba45;
}
.ml-target-missed .ml-flag-pole {
	border-right-color: #f00;
}
.ml-target-missed .ml-flag {
	border-left-color: #f00;
}
.ml-phase-title::before {
	content: "#";
	padding-right: 0.5rem;
	padding-left: 0.5rem;
}
.ml-phase-title {
	text-align: left;
	font: normal normal normal var(--ml-phase-title-size) Roboto-Bold;
	letter-spacing: -0.6px;
	color: #000000;
	opacity: 1;
	font-weight: 700;
}
.bd-dark .ml-phase-title {
	color: #bdc3ca;
}

.ml-status-icon img {
	width: 1.8125rem;
}
.ml-target-in-progress .ml-status-icon :not(.ml-green-tick),
.ml-target-completed .ml-status-icon :not(.ml-green-tick) {
	display: none;
}
.ml-target-in-progress .ml-green-tick,
.ml-target-completed .ml-green-tick {
	display: unset;
}
.ml-target-missed .ml-status-icon :not(.ml-red-cross) {
	display: none;
}
.ml-target-missed .ml-red-cross {
	display: unset;
}
.milestone-container.ml-phase-first .ml-start-node {
	border-bottom-color: transparent;
}
.ml-flag-joint::after {
	content: "";
	position: absolute;
	width: var(--ml-joint-size);
	height: var(--ml-joint-size);
	background-color: #fff;
	border: var(--ml-joint-rim-size) solid #1c82eb;
	border-radius: 50%;
	z-index: 1;
	bottom: calc(((var(--ml-joint-size) + var(--ml-timeline-size)) / 2) * -1);
	right: calc(((var(--ml-joint-size) + var(--ml-flag-pole-size)) / 2) * -1);
}


.ml-timeline-phase {
	font: normal normal normal var(--ml-timeline-phase-size) / var(--ml-timeline-phase-size-offset) Roboto-Bold;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: flex-end;
	align-items: flex-end;
	justify-content: flex-end;
	font-weight: 700;
	width: 80%;
}

.ml-timeline-phase::after {
	content: "";
	padding-left: calc(var(--ml-timeline-phase-size) * 1.25);
}
.bd-dark .ml-timeline-phase {
	color: #bdc3ca;
}

.milestone-container.ml-phase-last .ml-label-joint::after {
	content: none;
}
.milestone-container.ml-phase-last .ml-timeline-pointer {
	visibility: hidden;
}
.milestone-container.ml-phase-last .ml-timeline-phase {
	visibility: hidden;
}
.milestone-container .ml-end-node.ml-timeline {
	border-bottom-color: transparent;
}

.milestone-container:not([class*="ml-phase-last"]) .ml-end-node::after {
	content: "\f124";
	float: right;
	border: none;
	font-family: 'Font Awesome 6 Free';
	font-weight: 600;
	font-size: calc(var(--ml-joint-size) + var(--ml-joint-rim-size));
	color: #1C82EB;
	transform: rotate(45deg);
	position: absolute;
	left: calc( ( (var(--ml-joint-size) + var(--ml-joint-rim-size)) / 2 ) * -1);
	bottom: calc( ( ( var(--ml-joint-size) + var(--ml-joint-rim-size) + var(--ml-timeline-size)) / 2.25 ) * -1)
}

.milestone-container.ml-phase-last .ml-end-node::before {
	content: "";
	position: absolute;
	width: var(--ml-joint-size);
	height: var(--ml-joint-size);
	background-color: #1c82eb;
	/*border: var(--ml-joint-rim-size) solid #1C82EB;*/
	border-radius: 50%;
	z-index: 1;
	bottom: calc(((var(--ml-joint-size) + var(--ml-timeline-size)) / 2) * -1);
	left: calc(((var(--ml-joint-size) + var(--ml-flag-pole-size)) / 2) * -1);
}

.ml-info {
	width: 80%; /*75%;*/
	height: 80%; /*75%;*/
	margin: auto;
	background-color: #e5e7ea;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: space-between;
	justify-content: space-evenly;
	align-items: center;
	gap: 0.25rem;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	padding: 0.8rem 0;
}
.bd-dark .ml-info {
	background-color: #bdc3ca;
}
.ml-info-target-dt {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	align-items: center;
}

.ml-info-target-dt .ml-target-dt-month,
.ml-info-target-dt .ml-target-dt-year {
	text-align: center;
	font: normal normal 300 var(--ml-info-target-dt-size) / var(--ml-info-target-dt-size-offset) Roboto;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
}


.ml-info-target-dt .ml-target-dt-day {
	text-align: center;
	font: normal normal normal var(--ml-target-dt-day-size) / var(--ml-target-dt-day-size-offset) Roboto-Bold;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
	font-weight: 700;
}

.ml-info-separator {
	background: #9099a2 0% 0% no-repeat padding-box;
	text-align: center;
	font: normal normal normal var(--ml-info-separator-size) / var(--ml-info-separator-size-offset) Roboto-Bold;
	letter-spacing: 0.1rem;
	color: #ffffff;
	opacity: 1;
}
.ml-info-status-details {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: space-between;
	justify-content: space-evenly;
	align-items: center;
}

.ml-due-days,
.ml-completed-msg {
	text-align: center;
	font: normal normal normal var(--ml-info-target-dt-size) / var(--ml-info-target-dt-size-offset) Roboto;
	letter-spacing: 0px;
	color: #000000;
}
.ml-due-days span {
	text-align: center;
	font: normal normal normal var(--ml-target-dt-day-size) / var(--ml-target-dt-day-size-offset) Roboto-Bold;
	letter-spacing: 0px;
	color: #000000;
}

.ml-status-msg {
	text-align: center;
	font: normal normal normal var(--ml-status-msg-size) / var(--ml-status-msg-size-offset) Roboto;
	letter-spacing: 0px;
	color: #000000;
}
.ml-actual-dt-msg {
	text-align: center;
	font: normal normal 300 var(--ml-actual-dt-msg-size) / var(--ml-actual-dt-msg-size-offset) Roboto;
	letter-spacing: 0px;
	color: #000000;
}

.ml-target-missed .ml-info {
	background-color: #ffe5e5;
}
.ml-target-missed .ml-info .ml-info-separator {
	background-color: #ff3030;
}
.ml-target-completed .ml-info .ml-info-separator {
	background-color: #21ba45;
}
.ml-target-in-progress .ml-info .ml-info-status-details div.ml-due-days {
	display: inline-block;
}
.ml-target-in-progress .ml-info .ml-info-status-details div:not([class*="ml-due-days"]) {
	display: none;
}
.ml-target-completed .ml-info .ml-info-status-details div.ml-completed-msg {
	display: inline-block;
}
.ml-target-completed .ml-info .ml-info-status-details div:not([class*="ml-completed-msg"]) {
	display: none;
}
.ml-target-missed .ml-info .ml-info-status-details div.ml-missed-msg {
	display: inline-block;
}
.ml-target-missed .ml-info .ml-info-status-details div:not([class*="ml-missed-msg"]) {
	display: none;
}

.ml-timeline-date {
	padding-top: 0.85rem;
}

.ml-start-date,
.ml-end-date {
	font: normal normal normal var(--ml-timeline-date-size) / var(--ml-timeline-date-size-offset) Roboto;
	letter-spacing: 0px;
	color: #272a32;
	opacity: 1;
	font-size: 0.8rem;
	padding-top: 0.5rem !important;
}
.ml-start-date::before {
	content: "";
	padding-left: var(--ml-timeline-date-size-offset);
}
.ml-end-date::after {
	content: "";
	padding-right: calc(var(--ml-timeline-date-size-offset) * 0.4);
}

.milestone-container:not([class*="ml-phase-last"]) .ml-end-date {
	padding-right: 3% !important;
}
.milestone-container.ml-phase-last .ml-end-date {
	padding-right: 3% !important;
}

.ml-placeholder-image {
	width: 20rem;
	height: 20rem;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	object-fit: contain;
}
.ml-not-set {
	width: 100%;
	height: 100%;
	/* display: block !important; */
}

/* Milestone dashbord graph - end */

/*---------------------------------- Milestone Gantt Chart css starts --------------------------*/
.milestone-filler-col {
	width: 20%;
	flex: 0 0 auto;
}

div.milestone_container_empty {
	flex: 0 0 auto;
	width: 60%;
}

.highcharts-root .ml-legend-title {
	color: inherit !important;
}
.highcharts-root .highcharts-navigator-xaxis text {
	fill: #4c4c4c !important;
}


.ganntchart_container .highcharts-plot-line {
	fill: none !important;
	stroke: #999999 !important;
	stroke-width: 1px !important;
}
/*---------------------------------- Milestone Gantt Chart css ends --------------------------*/

.ganntchart_container {
	border: solid 0.5px;
	border-color: #dbddde;
	height: 550px;
	width: 100%;
	background-color: white;
}
.list-padding-0 {
	padding: 0px;
}
.ques-container {
	height: 100%;
}
.cyber_security {
	height: 100%;
}
.inner-page-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #ffffff;
	height: 11%;
	border-bottom: 1px solid #dadce0;
	box-shadow: 0 -2px 7px 2px #8080806b;
	min-height: 68px;
	width: 100%;
	padding: 0;
	z-index: 999;
	position: sticky;
	top: 0;
}
.ui-container-child-2,
.ui-container-child-1 {
	background: #e4e7ea;
	height: 100%;
	overflow: hidden;
}
.regulation-container {
	margin: 2.5% 0px 0 0;
	height: 83.5%;
	/* overflow-y: auto; */
	background: #e4e7ea;
}
.regulation-scroll {
	overflow-y: auto;
	height: 88%;
	margin: 2.5rem 0 2.5rem 0;
}
.regulation-container-1 {
	padding: 0rem 0px 0 0;
	min-height: 83.5%;
	height: 83.5%;
	overflow-y: auto;
	background: #e4e7ea;
	margin: 2.5% 0 0 0;
}

.card-desc {
	color: #49669f;
	align-items: center;
	height: 20%;
}

.card-graph {
	height: 80%;
	display: flex;
	align-items: center;
}
.highcharts-root {
	width: 100% !important;
}
.view_milestone,
.view-milestone-container {
	height: 100%;
	overflow: hidden;
}
g.highcharts-legend-item.highcharts-column-series.highcharts-color-undefined {
	display: block !important;
}
g.highcharts-legend-item.highcharts-column-series.highcharts-column-series text{
	font-size: 0.80em !important;
}
.compliancestatus {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.sticky-header {
	position: sticky;
	top: 0;
}

.loading-msg {
	padding: 5px 5px 0 5px;
	border: 1px solid #49669f;
	display: block;
}
.loading-msg h6 {
	font-size: 1.2rem;
}

@media only screen and (max-width: 1150px) {
	.loading-msg h6 {
		font-size: 0.9rem;
	}
}

/******** New Milestone UI css *********/
.webui-popover-content h3 {
    color: #fff;
    text-align: center;
    font-size: 1.2rem;
    margin: .8rem 0 .5rem
}


.webui-popover {
    background-color: #000
}

.milestone-row-detail-page {
    margin: 1.5rem .25rem;
    padding: 2rem 0 1rem;
    background-color: #f4f6f8
}

.milestone-table-detail-page-wrap {
    margin: .25rem;
    overflow-y: auto;
    overflow-x: hidden
}
.highcharts-container {
    width:100% !important;
    height:100% !important;
}
.milestone-detailed-page-table {
    margin-bottom: 2rem;
    border: 1px solid #c5cfe2
}
.milestone-detailed-page-table tbody{
	background: #f4f6f8;
}
.milestone-detailed-page-table th {
    border-bottom: 1px solid #c5cfe2!important;
    background-color: #fff!important
}

.milestone-detailed-page-table tr td {
    height: 2rem;
    vertical-align: middle;
	text-transform: capitalize;
}

.milestone-phases {
    color: var(--Header-blue);
}

.milestone-not-set {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: center;
    align-items: center;
    padding: .67rem 1rem!important;
    height: 100%
}

.ml-flag-pole {
    border-right-width: var(--ml-flag-pole-size);
    border-right-style: solid
}

.ml-flag {
    width: 0;
    height: 0;
    border-top: calc(var(--ml-flag-height)/ 2) solid transparent;
    border-bottom: calc(var(--ml-flag-height)/ 2) solid transparent;
    margin-left: .1rem!important;
    border-left-width: var(--ml-flag-size);
    border-left-style: solid
}

.ml-missed {
    background: red!important;
    color: #000
}

.ml-completed {
    background: #2b8a3e!important
}

.ml-timeline {
    border-bottom: var(--ml-timeline-size) solid #bdc3ca
}

.enter-table-body,.enter-table-head-row-1 {
    border-bottom: 1px solid #c5cfe2!important
}

.ml_phase_open .ml-flag-pole {
    border-right-color: #0b6bce
}

.ml_phase_open .ml-flag {
    border-left-color: #0b6bce
}

.ml_phase_open .ml-border-left {
    border-left: .3rem solid #0b6bce;
    line-height: 1.5rem
}

.ml_phase_open .ml-bg-dark {
    background-color: #0b6bce;
    color: #fff;
    line-height: 1.5rem;
    text-transform: capitalize
}

.ml_phase_open .ml-bg-light {
    background-color: #0b6BCE4D;
    color: #000;
    line-height: 1.5rem
}
.ml_phase_closed .ml-flag {
    border-left-color: #21ba45;
}
.ml_phase_closed .ml-flag-pole {
    border-right-color: #21ba45;
}
.ml_phase_closed .ml-border-left {
    border-left: .3rem solid #21ba45;
    line-height: 1.5rem
}

.ml_phase_closed .ml-bg-dark {
    background-color: #21ba45;
    color: #fff;
    line-height: 1.5rem;
    text-transform: capitalize
}

.ml_phase_closed .ml-bg-light {
    background-color: #baffde;
    color: #000;
    line-height: 1.5rem
}
.ml_phase_missed .ml-flag-pole {
    border-right-color: red;
}
.ml_phase_missed .ml-flag {
    border-left-color: red;
}
.ml_phase_missed .ml-border-left {
    border-left: .3rem solid red;
    line-height: 1.5rem
}

.ml_phase_missed .ml-bg-dark {
    background-color: red;
    color: #fff;
    line-height: 1.5rem;
    text-transform: capitalize
}

.ml_phase_missed .ml-bg-light {
    background-color: #ff00004D;
    color: #000;
    line-height: 1.5rem
}

.ml-phase-title::before {
    content: "#";
    padding-right: .5rem;
    padding-left: .5rem
}


.ml-phase-title {
    text-align: left;
    font: normal normal normal var(--ml-phase-title-size) Roboto-Bold;
    letter-spacing: -.6px;
    color: #000;
    opacity: 1;
}

.ml-flag-joint::after {
    border: var(--ml-joint-rim-size) solid #1c82eb;
    border-radius: 50%;
    right: calc(((var(--ml-joint-size) + var(--ml-flag-pole-size))/ 2) * -1)
}

.ml-label-joint::after {
    border: var(--ml-joint-rim-size) solid #9099a2;
    border-radius: 50%;
    right: calc(((var(--ml-joint-size))/ 2.5) * -1)
}


.ml-timeline-phase {
    font: normal normal normal var(--ml-timeline-phase-size)/var(--ml-timeline-phase-size-offset) Roboto-Bold;
    letter-spacing: 0;
    color: #000;
    opacity: 1;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-end;
    align-items: flex-end;
    justify-content: flex-end
}

.ml-info-1,.ml-info-status-details {
    display: flex;
    align-content: space-between
}

.ml-timeline-phase::before {
    content: "#";
    padding-right: calc(var(--ml-timeline-phase-size) * .5)
}

.ml-timeline-phase::after {
    content: "";
    padding-left: calc(var(--ml-timeline-phase-size) * 1.25)
}

.ml-info-1 {
    width: 80%;
    height: 95%;
    margin: .5rem auto;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    gap: .25rem;
    text-align: left
}

.bd-dark .ml-info-1 {
    background-color: transparent
}

.ml-info-status-details {
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center
}

.ml-placeholder-image {
    width: 20rem;
    height: 20rem;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    object-fit: contain
}

.compliance-table-wrapper,.milestone-wrapper {
    padding: 0;
    max-height: calc((100vh - 11.25rem)/ 2);
    height: calc((100vh - 11.25rem)/ 2);
    overflow: hidden;
    display: flex
}

.milestone-wrapper {
    margin: 0 0 1.5rem
}
.hide-tooltip,.ml-target-completed .ml-info .ml-info-status-details div:not([class*=ml-completed-msg]),.ml-target-completed .ml-status-icon :not(.ml-green-tick),.ml-target-in-progress .ml-info .ml-info-status-details div:not([class*=ml-due-days]),.ml-target-in-progress .ml-status-icon :not(.ml-green-tick),.ml-target-missed .ml-info .ml-info-status-details div:not([class*=ml-missed-msg]),.ml-target-missed .ml-status-icon :not(.ml-red-cross),.step:last-child:after {
    display: none
}
.steps {
    list-style: none;
    margin: 1.5rem 0;
    padding: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
    color: darken(#e6e6e6,33%);
}
.step, .step.is-complete {
    color: #6d6875;
}

.step {
    display: table-cell;
    font-size: .865rem;
}
.step:after {
    content: '';
    position: absolute;
    background: #707070;
    width: 100%;
    height: 2px;
    top: 0.75rem;
    left: 50%;
}
.tool-tip {
    top: 0;
    right: 0;
    z-index: 8;
    border-radius: 10px;
}

.tool-tip .tool-tip__icon {
    background: #2b8a3e;
    color: #fff;
    border-radius: 15px;
    font-style: italic;
    font-family: times new roman;
    height: 1.5rem;
    line-height: 1.9;
    text-align: center;
    width: 1.5rem;
}

.tool-tip, .tool-tip .tool-tip__icon {
    cursor: pointer;
    display: inline-block;
}
.btn-cncm-min-width, .open i {
    background: #0b6bce!important;
    color: #fff!important
}
.closed i {
    background: #2b8a3e!important;
}
.closed i, .missed i, .tab-link.active {
    color: #fff!important;
}
.tool-tip .tool-tip__info {
    background: #fff;
    border: 0.5rem solid #d8e0f0;
    border-radius: 3px;
    font-size: .875em;
    padding: 0.4rem;
    position: absolute;
    right: 29px;
    top: -13px;
    width: auto;
    z-index: 99999;
}

.tool-tip__info {
    background: #fff;
    margin: 0;
    padding: 0.5rem;
    font-size: 1rem;
}
.avatar-badge, .step:after, .tool-tip .tool-tip__info .info {
    display: block;
}
.tool-tip__info span {
    display: flex!important;
    align-items: center;
    justify-content: flex-start;
    font-size: .8rem;
    margin: 0.15rem;
    word-wrap: break-word;
    white-space: nowrap;
    line-height: 1.4;
}
.info__title, .tool-tip .tool-tip__info .info__title {
    color: #000;
    font-weight: 600;
    width: 6rem;
}
.tool-tip__info span {
    display: flex!important;
    align-items: center;
    justify-content: flex-start;
    font-size: .8rem;
    margin: 0.15rem;
    word-wrap: break-word;
    white-space: nowrap;
    line-height: 1.4;
	text-transform: capitalize;
}
.date-status {
    margin-top: 1rem;
    width: 100%;
    color: #000;
    line-height: 1;
}
.date-status, .step, .tool-tip {
    position: relative;
}
.avatar, .avatar-badge, .avatar-letter, .date-status, .demo-droppable, .gph-tri-text, .step {
    text-align: center;
}
.date-status p {
    margin-bottom: 0.3rem;
    color: #7c7c7d;
    font-size: .81rem;
}
.date-status span {
    color: #0f0f0f;
    font-size: .81rem;
}
.milestone-table-detail-page-wrap {
    margin: 0.25rem;
    overflow-y: auto;
    overflow-x: hidden;
}

.milestone-detailed-page-table th {
    border-bottom: 1px solid #c5cfe2!important;
    background-color: #fff!important;
}
.milestone-detailed-page-table th, .milestone-detailed-page-table tr td:first-child {
    font: bold 1rem/2rem Roboto-Bold;
    color: #49669f!important;
}
.hitrust-detailed-page-table th, .hitrust-detailed-page-table tr td:first-child {
    font-size: 0.95rem !important;
    color: #49669f!important;
}
.milestone-detailed-page-table tr td {
    height: 2rem;
    vertical-align: middle;
	font-size: 0.95rem !important;
}
.custom-milestone-popup {
    background-color: #fff!important;
    border: .4rem solid #d9e0f0!important;
    box-shadow: none!important;
    padding: 0!important
}

.custom-milestone-popup.top-left>.arrow,.custom-milestone-popup.top-left>.arrow:after,.custom-milestone-popup.top-right>.arrow,.custom-milestone-popup.top-right>.arrow:after,.custom-milestone-popup.top>.arrow,.custom-milestone-popup.top>.arrow:after {
    border-top-color: #d9e0f0!important;
    border-bottom-width: 0
}

.custom-milestone-popup.top,.custom-milestone-popup.top-left,.custom-milestone-popup.top-right {
    margin-top: 0!important;
    margin-left: -5px!important
}
.highcharts-container text tspan, .highcharts-container text {
	font-size: 12px !important;
}
.column_graph_1 .highcharts-root .highcharts-axis path{
	stroke: #ccd6eb;
}
.column_graph_1 .highcharts-root .highcharts-axis-labels text{
	font-size: 0.80rem !important;
}
.modal-drop-data .project{
	margin: 0 !important;
	padding: 0 10px;
	justify-content: center !important;
}

.modal-drop-data .project .lbl-pro {
    width: 22%;
    text-align: left;
}
.missed i {
    background: red!important;
}
.nist-x-axis{
	font-size: 0.80rem;
	color: #000;
}
.red-graph-color{
	color: #FF2400;
}
.orange-graph-color{
	color: #FF9500;
}
.yellow-graph-color{
	color: #FFFE00;
}
.light-blue-graph-color{
	color: #00A8FF;
}
.dark-blue-graph-color{
	color: #0045FF;
}
.green-graph-color{
	color: #2B8A3E;
}
.light-green-graph-color {
    color: #94D82D;
}
.completed_count {
    --from: 0;
    --to: var(--completed-count);
    --duration: var(--completed-duration);
    --timing: ease-in-out;
}

.total_count {
    --from: 0;
    --to: var(--total-count);
    --duration: var(--total-duration);
    --timing: ease-in-out;
}
.result.stats.custom-style {
    font-size: var(--final-font-size) !important;
    line-height: var(--final-line-height) !important;
}

.result-styled {
    /* Define your styles here */
    font-size: var(--final-font-size);
    line-height: var(--final-line-height);
    /* Add any other styles as needed */
}
.ai-question-main {
    margin: 0 0 5rem 0;
    border-radius: 0 0 6px;
}
.ai-card-header:not(.collapsed)::after {
    content: "\f078";
	/* transform: rotate(-180deg); */
	transition: transform .2s ease-in-out;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	position: relative;
    right: 2rem;
	top: -0.2rem;
}
.ai-card-header::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "\f077";
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	position: relative;
    right: 2rem;
    top: -0.2rem;
	color: #bdc3ca;
}
.ai-meta-data ul {
    list-style: none;
    padding: 0 0 0rem 0rem;
	margin-bottom: 0;
  	line-height: 1;
}
.ai-meta-data ul li {
	font-size: 0.875rem;
	font-weight: 100 !important;
	font-family: 'Roboto';
	line-height: 1.3;
	margin-bottom: 0.3rem;
	display: inline-block;
	width: 100%;

}
.ai-meta-data ul li a {
  font-size: 0.775rem;
}
.re-upload-inner span {
	display: flex;
	letter-spacing: 0.2px;
}
.re-upload-inner a {
	background: #a2cef9;
	padding: 0.3rem;
	border-radius: 0.3rem;
	color: #49669f;
}
.ai-help-icon {
    position: relative;
    display: inline-block;
	margin-left: 0.3rem;
}
.ai-help-icon i{
	cursor: pointer !important;
}
.ai-tooltip-help-text p{
	margin: 0;
}
.ai-tooltip-help-text {
    visibility: hidden;
    width: 18rem;
    max-width: 20rem;
    min-width: 12rem !important;
    background-color: var(--Header-blue);
    color: #fff;
    text-align: left;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 100;
    position: absolute;
    z-index: 10;
    top: 1.7rem;
    left: 0.5rem;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.2s ease;
}

.ai-tooltip-help-text::before {
    content: "";
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: transparent transparent var(--Header-blue) transparent;
}

.ai-help-icon:hover .ai-tooltip-help-text {
    visibility: visible;
    opacity: 1;
}
.file-tooltip {
    position: relative;
	color: #d27e00;
    cursor: pointer;
	font-size: 1.2rem;
    line-height: 1.2;
}

.ai-tooltip-text {
    visibility: hidden;
    width: 30rem;
    max-width: 30rem;
    min-width: 30rem !important;
    background-color: var(--Header-blue);
    color: #fff;
    text-align: left;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 100;
    position: absolute;
    z-index: 10;
    top: 1.8rem;
    left: 2rem;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.2s ease;
	font-family: 'Roboto';
}

.ai-tooltip-text::before {
    content: "";
    position: absolute;
    top: -8px;
    left: 47%;
    transform: translateX(-50%);
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: transparent transparent var(--Header-blue) transparent;
}

.file-tooltip:hover .ai-tooltip-text {
    visibility: visible;
    opacity: 1;
}


.ai-question-main .ai-card:last-child{
	margin-bottom: 0;
	border-bottom: none;
}
.ai-question-main .ai-card .collapse.show:last-child{
	border-bottom: none;
    border-radius: 5px;
}
.ai-question-main .ai-card, .ai-question-main .ai-card, .ai-question-main .accordion-ai .ai-card {
	margin: 0.5rem 0;
	border: 1px solid var(--border1);
}

.ai-question-main .ai-card .ai-card-header, .ai-question-main .ai-card .ai-card-header, .ai-question-main .accordion-ai .ai-card .ai-card-header {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0px;
    padding: 0;
    display: flex;
    line-height: 1;
    align-items: center;
    padding: 0.5rem 0rem;
    cursor: pointer;
    border: none;
	position: relative;
}
.ai-question-main .ai-card .ai-card-header:last-child{
	border-bottom: none !important;
}
.question-head {
    padding: 0.5rem 0;
    margin: 0rem 0 0rem 0;
    cursor: pointer;
    position: relative;
	font-size: 1rem;
}
.question-head:focus {
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}
.text-blue, .text-blue:hover {
    color: #49669f !important;
}
.pre-head {
    font-size: 1.5rem;
	padding: 0 0rem;
    display: flex;
    line-height: 1.25;
    align-items: baseline;
    margin: 0rem 0 0 0;
}
.ai-precheck-accordion .pre-check-head:last-child{
	margin-bottom: 0 !important;
}
/* .question-head.collapsed { border-radius:0.4rem;} */
.question-history-head {
    display: block;
    border-radius: 0 !important;
	font-family: 'Roboto';
	background: #bdc3ca;
  padding-left: 1rem;
}
.question-head i {
	padding: 0 0.2rem 0 0;
}
.question-head .fa-user{color:var(--Header-blue);}
.ai-question-main .ai-card .ai-card-header .btn-header-link, .ai-question-main .ai-card .ai-card-header .btn-header-link, .ai-question-main .accordion-ai .ai-card .ai-card-header .btn-header-link {
	color: #fff;
	display: block;
	text-align: left;
	background: #eef0f2;
	color: #222;
	padding: 0rem;
	border-radius: 0;
	line-height: 1;
}
.ai-card-header .btn.focus, .ai-card-header .btn:focus{
	box-shadow: none;
}
.ai-question-main .ai-card .ai-card-header .btn-header-link:after, .ai-question-main .ai-card .ai-card-header .btn-header-link:after {
	content: "\f0d7";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	float: left;
	margin-right: 0.5rem;
	color: #ea2525;
}
.ai-question-main .accordion-ai .ai-card .ai-card-header .btn-header-link:after {
	content: "\f0d7";
	font-family: 'Font Awesome 5 Free';
	font-weight: 700;
	float: right;
	margin-right: 0.5rem;
	color: var(--Header-blue);
	margin-left: 0!important;
	margin-right: 0;
	padding-right: 0.5rem;
}

.question-head-accordion:after {
	content: "\f0d7";
	font-family: 'Font Awesome 5 Free';
	font-weight: 700;
	float: right;
	color: var(--Header-blue);
	cursor: pointer;
}
.pre-check-history-accordion:after {padding-right: 0.5rem;}

.pre-check-head {
    border-bottom: 1px solid #bdc3ca;
}
.ai-card-body span {
font-size: 1rem	;
line-height: 1.5;
display: flex;
font-family: Roboto;
}
.evi_precheck_table tr td {
    font-size: 0.8rem !important;
}
.ref-lbl {
    line-height: 1 !important;
	font-size: 0.9rem;

}
.ans-span {
    font-size: 0.9rem !important;
    font-family: Roboto;
    font-weight: 400 !important;
	margin-bottom: 0.5rem;
	/* white-space: break-spaces; */
	width: 90%;
}
.question-txt{
line-height: 1;
}
.question-search-head{
line-height: 1;
margin-bottom: 0.5rem;
}

.answer-txt{
color: #000;
line-height: 1;
}

.black-text {
color: #000 !important;
}

.green-text {
color: #0e8d5b !important;
}
.ai-question-main .q-text{
	margin-left: 0rem !important;
}

.ai-card-body {
    padding: 1rem ;
    /* line-height: 2; */
    background: #f7f7f7;
    position: relative;
	/* display: inline-block; */
  width: 100%;
}
.like-dislike-btn {
	position: absolute;
	right: 0.5rem;
}

.bd-dark .ai-card-body {
background: #414551;
}


.ai-question-main .ai-card .ai-card-header .btn-header-link.collapsed, .ai-question-main .ai-card .ai-card-header .btn-header-link.collapsed, .ai-question-main .accordion-ai .ai-card .ai-card-header .btn-header-link.collapsed {
background: #eef0f2;
color: #000;
border-radius: 0;
}

.ai-question-main .ai-card .ai-card-header .btn-header-link.collapsed:after, .ai-question-main .ai-card .ai-card-header .btn-header-link.collapsed:after,
.ai-question-main .accordion-ai .ai-card .ai-card-header .btn-header-link.collapsed:after{
content: "\f0da";
}

.ai-question-main .ai-card .collapsing, .ai-question-main .ai-card .collapsing, .ai-question-main .accordion-ai .ai-card .collapsing {
line-height: 30px;
padding: 0rem 0;
}

.ai-question-main .ai-card .collapse, .ai-question-main .ai-card .collapse, .ai-question-main .accordion-ai .ai-card .collapse {
border: 0;
}

.ai-question-main .ai-card .collapse.show, .ai-question-main .ai-card .collapse.show, .ai-question-main .accordion-ai .ai-card .collapse.show {
line-height: 30px;
color: #222;
padding: 0rem 0;
}
.ref-lbl strong {
	font-size: 0.9rem;
	margin-bottom: 0.5rem;
	line-height: 1;
}
.ans-txt {
	font-size: 0.9rem;
	line-height: 1;
	color: #000;
}
.feedback-submit-btn {
	position: absolute;
	right: 0.6rem;
	float: right;
	font-size: 1.1rem;
	bottom: 0.8rem;
	transform: rotate(45deg);
	color: #49669f;
	cursor: pointer;
}
.table-sub-feedback{
	bottom: 0.9rem !important;
}
.ai-assistant-btn{
background: rgb(255,255,255);
line-height: 1;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0.3rem 0.5rem;
border-radius: 1rem;
border: 1px solid #9bc5ee;
color:var(--Header-blue);
}

.line-height-auto{
	line-height: normal;
}
.ai-assistant-btn img {
width: 1.1rem;
float: left;
}

.ai-assistant-btn span {
display: inline-block;
margin: 0 0 0 0.5rem;
line-height: 1;
vertical-align: middle;
font-size: 0.875rem;
}
.insert-feedback-heading {
    position: relative;
	background: #f7f7f7;
}
.smile-down-feedback {
    background: #f7f7f7;
    resize: none;
	font-size: 0.8rem;
  font-weight: normal;
  border: 1px solid #bdc3ca;
  font-family: 'Roboto';
	scrollbar-width: none;
	line-height: 1.25;
    padding-right: 1.5rem !important;
}
.ai-assistant-btn.focus, .ai-assistant-btn:focus {
outline: none;
box-shadow: none;
}
.minimize-gap-div i, .minimize-no-observation-div i, .minimize-re-upload-div i, .minimize-ai-assistant-div {
	position: absolute;
	right: 0.5rem;
	top: 0.4rem;
	cursor: pointer;
	color: #47639a;
	line-height: 1;
	font-size: 0.9rem;
}
.ai-question span, .ai-answer span, .answer-txt strong {
color: #000;
}
.ai-question strong {
color: #1babef;
}
.ai-answer strong {
color: #1babef;
}

.ai-up-toggle {
display: none;
}
.upload-small-ai{
position: relative;
top: 0;
right: 1rem;
}
.upld-precheck {
display: flex;
align-items: center;
justify-content: flex-end;
margin: 0.5rem 0 0.75rem 0;
position: absolute;
top: 0.938rem;
right: 0.313rem;
}
.file-upload-main {
height: 13.619rem;
}
.ai-toggle-expand {
background: none;
padding: 0;
}
.ai-expand {
border: 1px solid;
transition: all .4s;
position: relative;
display: inline-flex;
width: max-content;
margin-right: auto;
cursor: pointer;
left: 0rem;
z-index: 1;
padding: 0;
}
.ai-expand-text {
transition: all .1s;
width: 2.5rem;
align-items: center;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
border-radius: 10% 0 0 10%;
position: relative;
left: -0.4rem;
border-radius: 6rem;
z-index: 1;
}
.ai-expand:hover .ai-expand-text {
width: 100%;
}
.ai-expand:hover {
/* width: 100%; */
border-radius: 2rem;
border: 1px solid #b6c2d8 !important;
}
.assistant-txt-disable{
display: none;
}
.close-rsb {
text-align: right;
position: relative;
float: right;
top: 13px;
right: 0px;
margin: 0;
line-height: 1;
margin-bottom: 1.5rem;
}
.ai-privacy-policy-label{
line-height: 1.2;
margin: 1rem auto;
color: #49669f;
font-style: italic;
font-size: 1rem;
width: 100%;
display: block;
text-align: center;
}
.ai-review{
font-size:1.5rem;
/* cursor: pointer; */
float: right;
line-height: 1;
display: flex;
width: auto;
justify-content: space-around;
align-items: center;
}
.ai-review .fa-thumbs-up, .copy-icon, .ai-review .fa-thumbs-down, .feedback-textarea .fa-thumbs-up, .feedback-textarea .fa-thumbs-down {
color:var(--Header-blue);
font-size: 0.9rem;
}

.btn-global-like, .btn-global-dislike {
	cursor: pointer;
	pointer-events: auto;
}

/* Selected state */
.btn-global-like.selected, .btn-global-dislike.selected {
	cursor: not-allowed;
	pointer-events: none;
}

.pre-checks-btn img{
width: 1.2rem;
}
.pre-checks-btn label{
font-size: 1rem;
margin:0.1rem 0rem 0rem 0.2rem;
cursor: pointer;
}
.ai-question-main-custom{width:100%;}
.ai-loader-body{
display: flex;
justify-content: center;
align-items: center;
margin-top:8rem;
}
.ai-loader-longer-body{margin-top:1rem;}

.pre-check-sec .ai-switch label{margin:0.5rem 0 0.5rem 0rem !important; padding: 0 !important;}

.ai-warning{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: baseline;
align-content: stretch;
border-left: 3px solid var(--Header-blue);
color: #49669f;
padding: 0.5rem 1rem 0rem 0;
background: #ebebeb;
margin: 1.5rem 0rem 1.5rem 0;
}
.ai-warning p {
padding: 0rem 0rem 0rem 1rem;
display: flex;
align-items: left;
justify-content: left;
font-size: 1rem;
margin:0rem 0rem 0.5rem 0rem;
}

.bd-dark .ai-warning {
background-color: #414551;
color:#BDC3CA;
}
.ai-longer-text{font-size: 1rem;color: #445f94;line-height: 1.6;text-align: left;padding: 1rem;}

/* Tooltip text */
.ai-info-icon .ai-tooltiptext {
visibility: hidden;
width: 38.2rem;
background-color: var(--Header-blue);
color: #fff;
text-align: left;
padding: 1rem;
border-radius: 6px;
font-size: 1rem;
font-weight: 100;
position: absolute;
z-index: 1;
top: 100%;
left: 40%;
margin-left: -60px;
opacity: 0;
transition: opacity 0.3s;
}

/* Tooltip arrow */
.ai-info-icon .ai-tooltiptext::after {
content: "";
position: absolute;
top: -11%;
left: 28%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent transparent var(--Header-blue) transparent;
}


/* Tooltip arrow */
.custom-tooltip-arrow {
position: absolute;
top: -3%;
left: 58%;
color: var(--Header-blue);
font-size: 2rem;
}

.ai-card-header {
    display: flex;
}
.pre-check-dtl-lbl, .ref-lbl, .history-lbl, .ai-assitant-lbl{color:#000;}
.ai-check-text {
    color: var(--Header-blue);
    line-height: 1.4rem;
    cursor: pointer;
    border-bottom: 1px solid #bdc3ca;
    padding-bottom: 0.2rem;
	align-items: center;
}

.ai-meta-data {
    padding: 0rem;
}
.ml-5, .mx-5 {
    margin-left: 3rem !important;
}
.mr-1, .mx-1 {
    margin-right: .25rem !important;
}
.mr-2, .mx-2 {
    margin-right: .5rem !important;
}
.ml-4, .mx-4 {
    margin-left: 1.5rem !important;
}
.ml-3, .mx-3 {
    margin-left: 1rem !important;
}
.ml-2, .mx-2 {
    margin-left: .5rem !important;
}
.mr-3, .mx-3 {
    margin-right: 1rem !important;
}
.ai-nav-tabs {
border-bottom: 0.1rem solid var(--border1);
}

.ai-nav-tabs>li.active>a,
.ai-nav-tabs>li.active>a:focus,
.ai-nav-tabs>li.active>a:hover {
border-width: 0;
}

.ai-nav-tabs>li>a {
border: none;
color: #666;
}

.ai-nav-tabs>li.active>a,
.ai-nav-tabs>li>a:hover {
border: none;
color: #4285F4 !important;
background: transparent;
}


.ai-nav-tabs>li.active>a::after,
.ai-nav-tabs>li:hover>a::after {
transform: scale(1);
}
.position-unset{
	position: unset;
}
.ai-templates-data {
    padding-top: 1rem;
}
.ai-history-btn:hover {
    border: 1px solid #49669f;
    background: #fff;
    color: #49669f 	!important;
    border-radius: 0;
}
.ai-history-btn {
    border: 1px solid #49669f;
    background: #bdc3ca;
    color: #49669f !important;
    border-radius: 0;
    transition: ease-out .3s;
	padding: 0.313rem 0.5rem;
    font-size: 0.875rem;
}
.ai-history-btn img {
    width: 0.9rem;
}
.question-history-head:not(.collapsed)::after {
	content: "\f078" !important;
	/* transform: rotate(0deg); */
	transition: transform .2s ease-in-out;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	position: absolute;
	right: 0.7rem;
	top: 0.5rem;
	float: right;
	color: #49669f;
}
.question-history-head::after {
	flex-shrink: 0;
	width: 1.25rem;
	height: 1.25rem;
	margin-left: auto;
	content: "\f054" !important;
	background-repeat: no-repeat;
	background-size: 1.25rem;
	/* transform: rotate(-90deg); */
	transition: transform .2s ease-in-out;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	position: absolute;
	right: 0.5rem;
	top: 0.5rem;
	float: right;
	color: #49669f;
}
.ai-history-head::after{
	right: 2rem !important;
    top: 0.7rem !important;
}
.loader-ai {
	display: none;
	border: 5px solid #f3f3f3;
    border-top-width: 5px;
    border-top-style: solid;
    border-top-color: rgb(243, 243, 243);
  border-radius: 50%;
  border-top: 5px solid #3498db;
  width: 30px;
  height: 30px;
  animation: spin 1s linear infinite;
  text-align: center;
  /* display: inline-block; */
}
.d-inline-block{
	display: inline-block;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.status-ai {
	margin-top: 10px;
	font-weight: bold;
}

.like-dislike-loader {
	width: 100%;
	height: 100vh;
	position: absolute;
	z-index: 9999999;
	align-content: center;
	justify-content: center;
	text-align: center;
	background: #0000007a;
	color: #fff;
	font-size: 2rem;
  }
  .z-index-ai{
	z-index: 9;
  }

  .font-weight-bold{
	font-weight: bold;
}

.alert-modal-header {
    background: #dc3545;
	color: #fff;
	padding: 1rem;
	border-radius: 0;
}

.alert-modal-footer {
	border-top: 1px solid #dc3545;
}

.alert-btn-close {
	background-color: #efefef;
	opacity: 1;
	color: #49669f !important;
	border-right: 3px solid #dc3545;
}

.error-btn-close {
	background-color: #efefef;
	opacity: 1;
	color: #dc3545 !important;
}

.error-modal-content .btn {
	border-radius: 0;
	border-right: 3px solid #dc3545;
}
.ai-logo {
    height: 1.6rem;
    background-image: url(../img/ai-logo-white.svg);
    background-size: contain;
    background-repeat: no-repeat;
    align-items: center;
    justify-content: center;
    /* padding: 0.5rem; */
    background-position-x: center;
}

.toggle-item:hover .ai-logo {
    background-image: url('../img/ai-logo-blue.svg');
	background-size: contain;
    background-repeat: no-repeat;
    align-items: center;
    justify-content: center;
    padding: 0.7rem;
  }
  /* .evidence-level-title{
    border-top: 1px solid #d1d9e6;
} */
.hybrid-accordion{
    color: #000000 !important;
    background-color: #92a8d1 !important;
	font-family: Roboto;
}

.hybrid-icon{
    color: #ffffff !important;
}
.precheck-gen-time{
    font-size: 0.865rem;
}
.table-precheck {
    /* margin-top: -0.5rem; */
	font-size: 0.9rem;
}
.rsb-card-title {
    margin-bottom: 1rem;
    font: normal normal bold 1.25rem Roboto-Bold;
}
.pre-check-history-accordion {
    background-color: #d0d9d8;
    border-radius: 0;
    font-weight: normal !important;
    padding-left: 0.525rem;
}
.question-head-accordion:after {
    content: "\f0d7";
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    float: right;
    color: var(--Header-blue);
    cursor: pointer;
	/* transform: rotate(-180deg); */
	transition: transform .1s ease-in-out;
	position: relative;
  	right: 1rem;
}
.question-head-accordion:not(.collapsed)::after {
  content: "\f0d8";
  /* transform: rotate(-0deg); */
  transition: transform .1s ease-in-out;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
}
.pre-check-accordian-custom:after {
    margin-top: -2.5rem;
}

.pre-check-history-accordion:after {
    padding-right: 0.5rem;
}
.question-hybrid-accordion:after {
    color: #ffffff !important;
}
.alert-container {
    display: flex;
    align-items: center;
    background-color: #e8f1ff;
    border-left: 0.25rem solid #3f69af;
    padding: 0.625rem;
    border-radius: 0.25rem;
    font-family: Arial, sans-serif;
    color: #2d3e50;
	width: 100%;
}

.alert-container-danger {
    color: #332500 !important;
    background-color: #ffc108 !important;
    border-color: #856404 !important;
}
.alert-icon {
    font-size: 1.25rem;
    margin-right: 0.625rem;
    color: #3f69af;
}

.alert-icon-danger {
    color: #856404 !important;
}
.alert-text {
    flex: 1;
	font-size: 0.9rem;
}
.anchor-danger {
    color: #222222 !important;
    font-weight: bold;
}
.anchor-danger:hover {
    color: #000000 !important;
}
.rsb-card .inc-excl-section {
    border: 1px solid #d1d9e6 !important;
}
.precheck-head-date {
    border-bottom: 0.0625rem solid #d1d9e6;
}
.include-exlude-files .map-unmap-data {
    border-bottom: 0.0625rem solid #d1d9e6;
}
.map-unmap-btn.active {
    background: 0 0;
    background-color: transparent !important;
    border: 0;
    border-bottom: 3px solid #408bf9;
}

.map-unmap-btn, .map-unmap-btn.active {
    color: #49669f !important;
    padding: .2rem 1.5rem;
    font-weight: 700;
	font-size: 0.9rem;
}
.map-unmap-data {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start !important;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    background: #f4f6f8;
    border-bottom: 2px solid #a2cef9;
    min-height: 2rem;
    height: 2rem;
}
.incl-excl-content {
    padding: 0.9375rem 0.8125rem;
}
.incl-excl-alert {
    color: #222222;
    font-size: 0.866rem;
    padding-left: 0.563rem;
}
.alert-file-list {
    padding: 0;
    margin-top: 0.312rem;
    font-size: 0.865rem;
}
.alert-file-list a {
    display: inline-block;
    max-width: 30.5rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
  }
  .tbl-ref b,.tbl-ref-list b {
  font-size: 0.9rem;
  line-height: 1.2;
}
.tbl-ref-list span {
  font-size: 0.775rem !important;
  }
  .tbl-ref-list li {
  margin-bottom: 0 !important;
}
.tbl-ref-list li::marker {
	font-size: 0.775rem !important;
  	margin-bottom: 0 !important;
}
/* .feedback-main{
	border-top: 1px solid #bdc3ca;
} */
 .feedback-textarea {
  background: #efefef;
  padding: 0.5rem;
  margin-top: 0.5rem;
}
.feedback-textarea span {
  font-size: 0.775rem !important;
  font-family: Roboto-Medium;
}
.feedback-after-text {
  font-size: 0.75rem !important;
  font-weight: normal;
  font-family: Roboto !important;
  word-wrap: break-word;
  width: 15rem;
}
.feedback-date {
  font-family: Roboto !important;
}
.evi-level-tbl th{
	background-color: #D0D9E8;
	border-color: #dee2e6;
}
.date-range-container {
    display: flex;
    align-items: center;
    background-color: #eaeaea;
    padding: 7px 4px;
    margin-left: 1rem;
    font-family: Arial, sans-serif;
    width: fit-content;
}
.date-item {
    display: flex;
    align-items: center;
    margin-right: 20px;
    padding-left: 9px;
    font: normal normal bold 1.1rem Roboto-Bold;
}
.date-icon {
    color: #49669f;
    font-size: 15px;
    margin-right: 5px;
}
.date-label {
    margin-right: 5px;
}
.date-value {
    color: #49669f;
}
.date-item:last-child {
    margin-right: 10px;
}
.rotate-icon {
  transition: transform 0.3s ease;
}
button.collapsed .rotate-icon {
  transform: rotate(0deg);   /* ? collapsed */
}
button:not(.collapsed) .rotate-icon {
  transform: rotate(90deg);  /* ? expanded */
}
.milestone-detailed-page-table span {
    font-size: 0.95rem;
    font-weight: 100;
    font-family: 'Roboto';
}
.hitrust-acc-btn, .hitrust-acc-btn:hover {
    color: #49669f !important;
	font-size: 0.95rem;
}
  .rotate-icon {
    transition: transform 0.3s ease;
  }
  .rotate-icon.rotate {
    transform: rotate(90deg);
  }
  .accordion-btn {
    background: none;
    border: none;
    padding: 0;
    width: 100%;
    text-align: left;
    font-weight: bold;
  }

.analytics-new-menu, .highlight-new-menu {
    color: #fff;
    background-color: var(--Header-blue);
    padding: .35rem;
    font-size: .65rem;
    text-transform: uppercase;
    line-height: 1;
    border-radius: .2rem;
    margin-left: .5rem;
  }
  .ps-6{
	padding-left: 5rem !important;
  }

.ff-roboto{
	font: normal normal bold 0.95rem/0.95rem Roboto-Bold !important;
}
.milestone-detailed-page-table .fa-chevron-down {
  display: inline-block;
  transform: rotate(-90deg);
  transition: transform 0.25s ease;
}

.milestone-detailed-page-table .fa-chevron-down.rotated {
  transform: rotate(0deg);
}

.text-color-level3{
	color: #4c6584 !important;
}
.ps-custom-2{
	padding-left: 2rem !important;
}
.ps-custom-4{
	padding-left: 4rem !important;
}
.cc-no-graph {
	display: grid;
    grid-template-columns: none;
}
div.dt-container div.dt-paging ul.pagination {
    justify-content: flex-end;
}
.active>.page-link, .page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: #49669f;
    border-color: #49669f;
}
.condition-guideline
 {
    line-height: 1.3rem;
}

.alert-regulation {
    margin-top: 0.5rem;
    background-color: #ffcccb;
    font-size: 0.75rem;
    padding-left: 0.3rem;
}
.table-precheck {
    /* margin-top: -0.5rem; */
    width: 100%;
    /* max-height: 35rem;*/
    overflow-x: auto;
    border: 0.0625rem solid #dee2e6;
}
.table-precheck:last-child {
    margin-top: 0.5rem;
 }
.custom-bordered th {
    border-right: 0.0625rem solid #dee2e6;
    vertical-align: top;
    background-clip: padding-box;
    padding-left: 0.4rem;
	background-color: #D0D9E8;
	color: #000000cc;
	    /* white-space: nowrap; */

}
.evi-precheck-col-hash {
    width: 14rem;
    min-width: 14rem;
    max-width: 18rem;
}
/* ---- GLOBAL DATATABLE FIX for .d-none ---- */

/* Prevent Bootstrap's .d-none from hiding DT elements like buttons, rows, or responsive details */
table.dataTable .d-none,
div.dataTables_wrapper .d-none {
  display: table-cell !important;
  visibility: hidden !important;
}

/* Fix for DataTables Buttons hidden by .d-none */
div.dt-buttons.d-none {
  display: inline-flex !important;
  visibility: visible !important;
}

.ai-linewrap {
	white-space: pre-line;
	font: 0.865rem/1.5rem Roboto
}
fw-bold {
    font-weight: 700 !important;
}

.del_smileback {
    font-size: .7rem;
    text-align: end;
}
.history-date {
    display: inline-block;
    width: 6rem;
}
.fs-7 {
    font-size: 0.875rem !important;
}
.delete-text {
    margin: 0.7rem 0 0 1rem;
    display: inline-block;
}
.btn-custom-primary {
    background: #49669f !important;
    color: #fff !important;
}
.btn-custom-grey {
    background: #bdc3ca !important;
    border: 1px solid #ccc !important;
}

.loading-cursor {
    cursor: wait !important;
}
.bg-success-custom {
    --bs-bg-opacity: 1;
    background-color: rgb(6 171 95 / 69%) !important;
}
.pl-09{
	padding-left: 0.9rem;
}
.ai-info-icon{
    font-size: 1.5rem;
    line-height: 1;
}
.feedback-text{
	font-size: 0.8rem;
}
.minimize-btn{
	top: 0.4rem !important;
}
.evi_ref_section b {
    color: #212529bf;
    font-size: 1rem;
    line-height: 1;
}