:root {
	--primary-color: #00539f;
	--secondary-color: #ee1c2e;
	--primary-hover-color: #02427d;
	--active-color: #00539f;
	--text-color: #212121;
	--bs-border-color: #b5b5b5;
	--primary-font: "Poppins", serif;
}

body {
	margin: 0;
	padding: 0;
	text-size-adjust: 100%;
	font-family: var(--primary-font), serif;
	font-size: 13px !important;
	font-weight: 400;
	line-height: 1.6;
	color: var(--text-color);
	background-color: #e7e7e7;
	font-optical-sizing: auto;
}

a {
	text-decoration: none;
}

a:active,
a:focus,
button:active,
button:focus,
input:active,
input:focus,
.form-control:active,
.form-control:focus,
.form-select:active,
.form-select:focus {
	outline: none !important;
	box-shadow: none !important;
}

input,
.form-control,
.form-select,
.btn,
.dropdown-menu {
	font-size: 13px;
}

hr {
	border-color: #b4b4b4;
}

.list-style-none {
	list-style: none;
}

.match-height>[class*='col'] {
	display: flex;
}

.btn {
	padding-left: 1rem;
	padding-right: 1rem;
}

.btn-primary,
.bg-primary {
	background-color: var(--primary-color) !important;
	border-color: var(--primary-color) !important;
}

.btn-primary:hover {
	background-color: var(--primary-hover-color) !important;
	border-color: var(--primary-hover-color) !important;
}

.btn-rounded {
	border-radius: 40px !important;
}

/* Login Page */
.login-page {
	background: url('../images/login-bg.jpg') no-repeat;
	background-size: cover;
	background-position: top center;
	background-attachment: fixed;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.login-form {
	background: #ffffff;
	width: 400px;
	padding: 2.5rem 1.5rem;
	margin: 0 100px;
	border-radius: 0.5rem;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
}

.navbar-brand {
	padding-top: 0;
}

.navbar-brand img {
	max-width: 70px;
}

.custom-nav .nav-link {
	color: #000000;
	border-top-left-radius: var(--bs-border-radius);
	border-top-right-radius: var(--bs-border-radius);
}

.custom-nav .nav-link.active,
.custom-nav .nav-link:hover {
	background-color: var(--active-color) !important;
	color: #ffffff !important;
}

.navbar-nav .nav-link:hover {
	color: var(--active-color) !important;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
	color: var(--active-color) !important;
}

.content-wrapper {
	margin-top: 54px;
	padding: 1rem;
	margin-bottom: 40px;
}

table.dataTable th,
table.dataTable td {
	vertical-align: middle;
}

svg {
	vertical-align: text-bottom;
}

svg.feather {
	width: 16px;
	height: 16px;
}

/* .nav-tabs .nav-link { */
/* border-top:transparent; */
/* border-right:transparent; */
/* border-left:transparent; */
/* } */
.table {
	border-color:#e4e4e4;
}
.table thead th {
	background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important;
	opacity: 0.85;
    font-weight: 500;
	border-color:#e4e4e4;
	color:#ffffff;
}
.tab-content>.tab-pane {
	padding-top:10px;
}
.table>:not(caption)>*>* {
	border-top-width: var(--bs-border-width);
}
.table-1 thead th:first-child {
	width:50%;
	max-width:1000px;
}
.indicator-group {
	display:flex;
	margin:0;
	padding:0;
}

.indicator-group {
	display: flex;
	margin: 0;
	padding: 0;
}

.indicator-group li {
	list-style: none;
	display: flex;
	/* background-color:#f0f0f0; */
	/* border:1px solid #c4c4c4; */
	margin-left: 6px;
	padding: 3px 10px;
	border-radius: var(--bs-border-radius);
}

.indicator-group li .indicator-name {
	padding-right: 5px;
	display: flex;
	align-items: center;
}

.indicator-group li .indicator-separator {
	padding-left: 5px;
	padding-right: 5px;
}

.indicator-group li .indicator-value {
	font-weight: 600;
	padding-left: 5px;
	display: flex;
	align-items: center;
}

.indicator-group li:first-child {
	margin-left: 0
}

.resources li {
	cursor: pointer;
	background-color: #ffffff;
}

.resources li.active {
	background-color: #e9e9e9;
	color: var(--active-color) !important;
	border-color: var(--active-color) !important;
}

.modal-xl {
	max-width: 90%;
}

.max-content {
	max-height: 300px;
	overflow-y: auto;
}

.btn-close {
	--bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
}

.select2-selection {
	--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
	background-repeat: no-repeat;
	background-position: right .75rem center;
	background-size: 16px 12px;
	padding: 0px 2.25rem 0px 0rem;
}

/* Footer */
.footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	left: 0;
	background-color: #809bba;
	text-align: center;
	font-size: 12px;
	padding: 4px 0;
}

.footer a {
	color: #ffffff;
}

.bd-callout {

	padding: 0.25rem;

	margin-top: 0.25rem;

	color: #055160;

	background-color: #dcf0f4;

	border-left: 0.25em solid #9eeaf9;

	font-size: 0.75rem;

}

small,
.small {

	font-size: 0.75rem;

}

.predict-severity {

	box-shadow: 0px 2px 11px 5px rgba(0, 0, 0, 0.15);

}

.title-sub {

	color: #ffffff;

	background-color: #9dacc3;

}


/* Media Queries */
@media (max-width:600px) {
	.login-form {
		margin: 0 20px;
	}
}

#toastr
/* toaster */



.toast-center-center {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

}

.toast-top-center {
	top: 0;
	right: 0;
	width: 100%;

}

.toast-bottom-center {
	bottom: 0;
	right: 0;
	width: 100%;

}

.toast-top-full-width {
	top: 0;
	right: 0;
	width: 100%;

}

.toast-bottom-full-width {
	bottom: 0;
	right: 0;
	width: 100%;

}

.toast-top-left {
	top: 12px;
	left: 12px;

}

.toast-top-right {
	top: 12px;
	right: 12px;

}

.toast-bottom-right {
	right: 12px;
	top: 12px !important;

}

.toast-bottom-left {
	bottom: 12px;
	left: 12px;

}



/* toast styles */

.toast-title {
	font-weight: bold;

}

.toast-message {
	word-wrap: break-word;

}

.toast-message a,

.toast-message label {
	color: #FFFFFF;

}

.toast-message a:hover {
	color: #CCCCCC;
	text-decoration: none;

}

.toast-close-button {
	position: relative;
	right: -0.3em;
	top: -0.3em;
	float: right;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: 0 1px 0 #ffffff;
	/* opacity: 0.8; */

}

.toast-close-button:hover,

.toast-close-button:focus {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
	opacity: 0.4;

}

/*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/

button.toast-close-button {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;

}

.toast-container {
	pointer-events: none;
	position: fixed;
	z-index: 999999;

}

.toast-container * {
	box-sizing: border-box;

}

.toast-container .ngx-toastr {
	position: relative;
	overflow: hidden;
	margin: 0 0 6px;
	padding: 15px 15px 15px 50px;
	width: 300px;
	border-radius: 3px 3px 3px 3px;
	background-position: 15px center;
	background-repeat: no-repeat;
	background-size: 24px;
	box-shadow: 0 0 12px #999999;
	color: #FFFFFF;

}

.toast-container .ngx-toastr:hover {
	box-shadow: 0 0 12px #000000;
	opacity: 1;
	cursor: pointer;

}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */

.toast-info {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+");

}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */

.toast-error {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+");

}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */

.toast-success {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==");

}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */

.toast-warning {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==");

}

.toast-container.toast-top-center .ngx-toastr,

.toast-container.toast-bottom-center .ngx-toastr {
	width: 300px;
	margin-left: auto;
	margin-right: auto;

}

.toast-container.toast-top-full-width .ngx-toastr,

.toast-container.toast-bottom-full-width .ngx-toastr {
	width: 96%;
	margin-left: auto;
	margin-right: auto;

}

.ngx-toastr {
	background-color: #030303;
	pointer-events: auto;

}

.toast-success {
	background-color: #51A351;

}

.toast-error {
	background-color: #BD362F;

}

.toast-info {
	background-color: #2F96B4;

}

.toast-warning {
	background-color: #F89406;

}

.toast-progress {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 4px;
	background-color: #000000;
	opacity: 0.4;

}

/* Responsive Design */

@media all and (max-width: 240px) {
	.toast-container .ngx-toastr.div {
		padding: 8px 8px 8px 50px;
		width: 11em;
	}

	.toast-container .toast-close-button {
		right: -0.2em;
		top: -0.2em;
	}

}

@media all and (min-width: 241px) and (max-width: 480px) {
	.toast-container .ngx-toastr.div {
		padding: 8px 8px 8px 50px;
		width: 18em;
	}

	.toast-container .toast-close-button {
		right: -0.2em;
		top: -0.2em;
	}

}

@media all and (min-width: 481px) and (max-width: 768px) {
	.toast-container .ngx-toastr.div {
		padding: 15px 15px 15px 50px;
		width: 25em;
	}

}

.toast-center-center {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.toast-top-center {
	top: 0;
	right: 0;
	width: 100%;
}

.toast-bottom-center {
	bottom: 0;
	right: 0;
	width: 100%;
}

.toast-top-full-width {
	top: 0;
	right: 0;
	width: 100%;
}

.toast-bottom-full-width {
	bottom: 0;
	right: 0;
	width: 100%;
}

.toast-top-left {
	top: 12px;
	left: 12px;
}

.toast-top-right {
	top: 12px;
	right: 12px;
}

.toast-bottom-right {
	right: 12px;
	bottom: 12px;
}

.toast-bottom-left {
	bottom: 12px;
	left: 12px;
}

/* toast styles */
.toast-title {
	font-weight: bold;
}

.toast-message {
	word-wrap: break-word;
}

.toast-message a,
.toast-message label {
	color: #FFFFFF;
}

.toast-message a:hover {
	color: #CCCCCC;
	text-decoration: none;
}

.toast-close-button {
	position: relative;
	right: -0.3em;
	top: -0.3em;
	float: right;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: 0 1px 0 #ffffff;
	/* opacity: 0.8; */
}

.toast-close-button:hover,
.toast-close-button:focus {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
	opacity: 0.4;
}

/*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
}

.toast-container {
	pointer-events: none;
	position: fixed;
	z-index: 999999;
}

.toast-container * {
	box-sizing: border-box;
}

.toast-container .ngx-toastr {
	position: relative;
	overflow: hidden;
	margin: 0 0 6px;
	padding: 15px 15px 15px 50px;
	width: 300px;
	border-radius: 3px 3px 3px 3px;
	background-position: 15px center;
	background-repeat: no-repeat;
	background-size: 24px;
	box-shadow: 0 0 12px #999999;
	color: #FFFFFF;
}

.toast-container .ngx-toastr:hover {
	box-shadow: 0 0 12px #000000;
	opacity: 1;
	cursor: pointer;
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */
.toast-info {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */
.toast-error {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */
.toast-success {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */
.toast-warning {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==");
}

.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}

.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}

.ngx-toastr {
	background-color: #030303;
	pointer-events: auto;
}

.toast-success {
	background-color: #51A351;
}

.toast-error {
	background-color: #BD362F;
}

.toast-info {
	background-color: #2F96B4;
}

.toast-warning {
	background-color: #F89406;
}

.toast-progress {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 4px;
	background-color: #000000;
	opacity: 0.4;
}

/* Responsive Design */
@media all and (max-width: 240px) {
	.toast-container .ngx-toastr.div {
		padding: 8px 8px 8px 50px;
		width: 11em;
	}

	.toast-container .toast-close-button {
		right: -0.2em;
		top: -0.2em;
	}
}

@media all and (min-width: 241px) and (max-width: 480px) {
	.toast-container .ngx-toastr.div {
		padding: 8px 8px 8px 50px;
		width: 18em;
	}

	.toast-container .toast-close-button {
		right: -0.2em;
		top: -0.2em;
	}
}

@media all and (min-width: 481px) and (max-width: 768px) {
	.toast-container .ngx-toastr.div {
		padding: 15px 15px 15px 50px;
		width: 25em;
	}
}

.loader-wrapper {
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 10000;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.5);
}

.loader {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	display: inline-block;
	border-top: 4px solid #FFF;
	border-right: 4px solid transparent;
	box-sizing: border-box;
	animation: rotation 1s linear infinite;
}

.loader::after {
	content: '';
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	border-bottom: 4px solid #FF3D00;
	border-left: 4px solid transparent;
}

@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.dropdown-item {
	cursor: pointer;
}

.high-severity {
	border: 1px solid #dc3545;
	background-color: #f9e7e9 !important;
	transition: 0.2s;
}

.low-severity {
	border: 1px solid #ffc107;
	background-color: #f9f4e5 !important;
	transition: 0.2s;
}

.high-severity:hover {
	background-color: #f9e7e9 !important;
}

.low-severity:hover {
	background-color: #f9f4e5 !important;
}

.historical-tab .select2-container--default .select2-selection--multiple .select2-selection__choice,
.historical-tab .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #ffffff;
}

.historical-tab .select2-container--default .select2-selection--multiple .select2-selection__choice:first-child {
	background-color: #4A89EB;
}

.historical-tab .select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(2) {
	background-color: #53BA80;
}

.historical-tab .select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(3) {
	background-color: #92BE35;
}

.historical-tab .select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(4) {
	background-color: #1EABD3;
}

.historical-tab .resource-box-1 {
	border-color: #4A89EB !important;
	border-width: 2px !important;
}

.historical-tab .resource-box-2 {
	border-color: #53BA80 !important;
	border-width: 2px !important;
}

.historical-tab .resource-box-3 {
	border-color: #92BE35 !important;
	border-width: 2px !important;
}

.historical-tab .resource-box-4 {
	border-color: #1EABD3 !important;
	border-width: 2px !important;
}

.historical-tab .resource-box-1 .title {
	color: #fff;
	background-color: #4A89EB;
}

.historical-tab .resource-box-2 .title {
	color: #fff;
	background-color: #53BA80;
}

.historical-tab .resource-box-3 .title {
	color: #fff;
	background-color: #92BE35;
}

.historical-tab .resource-box-4 .title {
	color: #fff;
	background-color: #1EABD3;
}

.indicator-group.group-1 li {
	background-color: #4DB6AC;
	border: 1px solid #4DB6AC;
	color: #fff;
}

.indicator-group.group-2 li {
	background-color: #4FC3F7;
	border: 1px solid #4FC3F7;
	color: #ffffff;
}

.indicator-group.group-3 li {
	background-color: #9575CD;
	border: 1px solid #9575CD;
	color: #ffffff;
}

.indicator-group.group-4 li {
	background-color: #A1887F;
	border: 1px solid #A1887F;
	color: #ffffff;
}

.indicator-group.group-5 li {
	background-color: #BA68C8;
	border: 1px solid #BA68C8;
	color: #ffffff;
}

.text-warning {
	color: rgb(242 148 70) !important;
}

.cust-border-1 {
	border-color: #4DB6AC !important;
	border-width: 2px !important;
}

.cust-border-2 {
	border-color: #4FC3F7 !important;
	border-width: 2px !important;
}

.cust-border-3 {
	border-color: #9575CD !important;
	border-width: 2px !important;
}

.cust-border-4 {
	border-color: #A1887F !important;
	border-width: 2px !important;
}

.cust-border-5 {
	border-color: #BA68C8 !important;
	border-width: 2px !important;
}
.high-severity:hover {

	background-color:#f8a9b2 !important;

	box-shadow: inset 0 0 8px #a35c64;

}

.low-severity:hover {

	background-color:#f9e29d !important;

	box-shadow: inset 0 0 8px #b49f61;

}