.bg-primary, .btn-primary {
	background-color: #233645 !important;
}

.bg-heale-golden {
	background-color: #cb9552 !important;
}

.text-heale-golden {
	color: #cb9552 !important;
}

.menuopt {
	display: none;
}

.circle,
.circle:before,
.circle:after {
	border-radius: 50%;
}

nav ul {
	position: relative;
	padding: 50%;
	max-width: 0;
	max-height: 0;
	box-shadow: 0 0 .5em rgba(0, 0, 0, .5);
	list-style: none;
	background: white;
}

.menunav {
	display: block;
	pointer-events: none;
}

.menunav ul {
	position: relative;
	padding: 50%;
	max-width: 0;
	max-height: 0;
	list-style: none;
	overflow: hidden;
	pointer-events: auto;
}

.menunav li {
	position: absolute;
}

nav li {
	position: absolute;
	transition: 0.25s;
}

.slice {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 50%;
	transform-origin: 100% 100%;
	/*border: 2px solid #fff;*/
}

.unsel {
	/*  top: 15%; left: 15%;
  width: 70%; height: 70%;*/
	/*box-shadow: 0 0 .75em;*/

	top: 9.4%;
	left: 9.7%;
	width: 81%;
	height: 81%;
	background: #ffffff;
}

.slice label:hover {
	border: 4px solid black;
	transition: all 0.25s ease;
}

.coconut {
	transform: rotate(0deg) skewX(55deg);
}

.vanilla {
	transform: rotate(36deg) skewX(55deg);
}

.orange {
	transform: rotate(72deg) skewX(55deg);
}

.almond {
	transform: rotate(108deg) skewX(55deg);
}

.grape {
	transform: rotate(144deg) skewX(55deg);
}

.blackberry {
	transform: rotate(180deg) skewX(55deg);
}

.cherry {
	transform: rotate(216deg) skewX(55deg);
}

.strawberry {
	transform: rotate(252deg) skewX(55deg);
}

.raspberry {
	transform: rotate(288deg) skewX(55deg);
}

.choc {
	transform: rotate(324deg) skewX(55deg);
}

.magnifiable {
	height: 100%;
}

nav label {
	cursor: pointer;
}

.slice label {
	display: block;
	width: 200%;
	/*height: 200%;*/
	height: 189%;
	transform: skew(-55deg) rotate(-75deg);
	font-size: .8em;
	line-height: 1.9;
	text-align: center;
	text-decoration: none;
	transition: 1s;
}

.slice label:before {
	position: absolute;
	top: 10%;
	left: 10%;
	background: #d5d6d8;
	/*width: 80%; height: 80%;
	border-radius: 50%;*/
	width: 78%;
	height: 78%;
	border-radius: 95%;
	box-shadow: 0 0 1em rgba(0, 0, 0, .5);
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-size: 35% 35%;
	content: '';
}

.unsel label {
	display: block;
	height: 100%;
	/*background: radial-gradient(rgba(0,0,0,.5), transparent 50%);*/
}

.coconut label,
.ococonut:checked {
	background: #ffeb98;
}

.vanilla label,
.ovanilla:checked {
	background: #ffeb98;
}

.orange label,
.oorange:checked {
	background: #ffb038;
}

.almond label,
.oalmond:checked {
	background: #d3a573;
}

.grape label,
.ogrape:checked {
	background: #d9e260;
}

.blackberry label,
.oblackberry:checked {
	background: #833a68;
}

.cherry label,
.ocherry:checked {
	background: #b1001d;
}

.strawberry label,
.ostrawberry:checked {
	background: #ec0404;
}

.raspberry label,
.oraspberry:checked {
	background: #ef6982;
}

.choc label,
.ochoc:checked {
	background: #cccccc;
}

.slice label:hover:after {
	opacity: 0;
}

/* .ococonut:checked ~ nav .coconut {  transform: rotate(0deg) skewX(55deg) scale(1.05) ; }
.ovanilla:checked ~ nav .vanilla { transform: rotate(36deg) skewX(55deg) scale(1.05) ; }
.oorange:checked ~ nav .orange { transform: rotate(72deg) skewX(55deg) scale(1.05) ; }
.oalmond:checked ~ nav .almond { transform: rotate(108deg) skewX(55deg) scale(1.05) ; }
.ogrape:checked ~ nav .grape { transform: rotate(144deg) skewX(55deg) scale(1.05) ; }
.oblackberry:checked ~ nav .blackberry { transform: rotate(180deg) skewX(55deg) scale(1.05) ; }
.ocherry:checked ~ nav .cherry {  transform: rotate(216deg) skewX(55deg) scale(1.05) ; }
.ostrawberry:checked ~ nav .strawberry {  transform: rotate(252deg) skewX(55deg) scale(1.05) ; }
.oraspberry:checked ~ nav .raspberry {  transform: rotate(288deg) skewX(55deg) scale(1.05) ; }
.ochoc:checked ~ nav .choc { transform: rotate(324deg) skewX(55deg) scale(1.05) ; } */
.ococonut:checked ~ nav .coconut {
	transform: rotate(0deg) skewX(55deg)
}

.ovanilla:checked ~ nav .vanilla {
	transform: rotate(36deg) skewX(55deg)
}

.oorange:checked ~ nav .orange {
	transform: rotate(72deg) skewX(55deg)
}

.oalmond:checked ~ nav .almond {
	transform: rotate(108deg) skewX(55deg)
}

.ogrape:checked ~ nav .grape {
	transform: rotate(144deg) skewX(55deg)
}

.oblackberry:checked ~ nav .blackberry {
	transform: rotate(180deg) skewX(55deg)
}

.ocherry:checked ~ nav .cherry {
	transform: rotate(216deg) skewX(55deg)
}

.ostrawberry:checked ~ nav .strawberry {
	transform: rotate(252deg) skewX(55deg)
}

.oraspberry:checked ~ nav .raspberry {
	transform: rotate(288deg) skewX(55deg)
}

.ochoc:checked ~ nav .choc {
	transform: rotate(324deg) skewX(55deg)
}

.ococonut:checked ~ nav .coconut label,
.ovanilla:checked ~ nav .vanilla label,
.oorange:checked ~ nav .orange label,
.oalmond:checked ~ nav .almond label,
.ogrape:checked ~ nav .grape label,
.oraspberry:checked ~ nav .raspberry label {
	box-shadow: 0 0 .45em rgba(0, 0, 0, .5);
	opacity: 1;
	color: black;
	font-weight: 800;
}

.oblackberry:checked ~ nav .blackberry label,
.ocherry:checked ~ nav .cherry label,
.ostrawberry:checked ~ nav .strawberry label,
.ochoc:checked ~ nav .choc label {
	box-shadow: 0 0 .45em rgba(0, 0, 0, .5);
	opacity: 1;
}

.video {
	text-align: center;
}

.video-p, .video-f {
	width: 69%;
	max-width: 100%;
	max-height: 100%;
}

.visible {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	height: 80%;
	top: 13%;
}

.hidden {
	display: none;
}

.slice label {
	font-size: 0.82vw;
	font-weight: 500;
	line-height: 4.5;
	color: #ffffff;
}

/* custom progress bar */
.l-bg-orange {
	background: linear-gradient(135deg, #ffc480, #ff763b) !important;
	color: #ffffff;
}

.l-bg-red {
	background: linear-gradient(316deg, #fc5286, #fbaaa2) !important;
	color: #ffffff;
}

.l-bg-cyan {
	background: linear-gradient(45deg, #72c2ff, #86f0ff) !important;
	color: #ffffff;
}

.l-bg-green {
	background: linear-gradient(45deg, #82d483, #87c913) !important;
	color: #ffffff;
}

.l-bg-purple {
	background: linear-gradient(230deg, #759bff, #843cf6) !important;
	color: #ffffff;
}

.l-bg-card1 {
	background: linear-gradient(270deg, #3a7bd5, #3a6073) !important;
	color: #ffffff
}

.l-bg-card2 {
	background: linear-gradient(90deg, #c33764, #1d2671) !important;
	color: #ffffff
}

.l-bg-card3 {
	background: linear-gradient(270deg, #134e5e, #71b280) !important;
	color: #ffffff
}

.l-bg-card4 {
	background: linear-gradient(270deg, #d38312, #a83279) !important;
	color: #ffffff
}


/* Risk Score */


.risk-meter {
	height: 10px;
	margin: 27px auto;
}

.risk-list-parent {
	padding-left: 0;
	list-style: none;
}

.risk-list {
	padding: 5px 10px 20px;
	text-align: center;
}

.Jmeter {
	height: 100%;
	width: 100%;
	position: relative;
	border-bottom: 1px solid #a4a4a4;
	margin: 30px auto;
}

.sections {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.sec1, .sec2, .sec3 {
	float: left;
	height: 100%;
}

.sec1 {
	background-color: #4cb581;
}

.sec2 {
	background-color: #fae377;
}

.sec3 {
	background-color: #d14e57;
	background-image: linear-gradient(90deg, #f06e6e, #ff0000);
}

/* .bar{
height: 30%;
background-color: #000;
width: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
transition: all 1s ease;
display: none;
} */

.tooltip1, .tooltip2, .tooltip3 {
	position: absolute;
	background-color: #5b5858;
	border-radius: 2px;
	padding: 2px 6px;
	font-size: 0.8rem;
	color: #ffffff;
	white-space: nowrap;
	letter-spacing: 0.5px;
}

.tooltip1 {
	top: -25px;
	left: 100%;
	transform: translateX(-50%);
}


.tooltip2 {
	top: -37px;
	left: -6px;
	/*! transform: translateX(-50%); */
}

.tooltip3 {
	bottom: -42px;
	left: -6px;
	/*! transform: translateX(-50%); */
	background-color: #178a51;
}

.tooltip1::after, .tooltip2::after, .tooltip3::after {
	content: '';
	height: 10px;
	width: 10px;
	position: absolute;
	left: 3px;
	bottom: -2px;
	z-index: -1;
	background-color: #5b5858;
	transform: rotate(45deg);
}

.tooltip3::before {
	content: '';
	height: 20px;
	width: 1px;
	position: absolute;
	left: 7px;
	z-index: -1;
	background-color: #5b5858;
	top: -20px;
}

.tooltip3::after {
	top: -2px;
	background-color: #178a51;
}

.optimal-marker, .actual-marker {
	position: absolute;
	height: 120%;
	width: 3px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}

.optimal-marker {
	left: 0%;
	background-color: #2c8414;
}

.actual-marker {
	left: 0%;
	background-color: #c49232;
}

.rightadjust .tooltip2 {
	right: -7px;
	left: auto;
}

.rightadjust .tooltip2::after {
	right: 5px;
	left: auto;
}

.scale {
	overflow: hidden;
	height: 22px;
	position: relative;
}

span.marker {
	position: absolute;
	height: 9px;
	width: 1px;
	background-color: #a4a4a4;
}

.marker-text {
	font-size: 10px;
	top: 10px;
	position: absolute;
	margin-left: -4px;
	color: #a4a4a4;
}

.marker-text::first {
	margin-left: 0;
}


/* timeline chart custom css required */

.timeline-chart {
	width: 100%;
	height: 600px;
}

.chartdiv {
	width: 100%;
	height: 90%;
}


/* range slider custom css*/
.showcase__mark {
	position: absolute;
	background-color: #43bb06;
	bottom: -22px;
	font-size: 0.8em;
	padding: 0 4px;
	border-radius: 4px;
	margin-left: -10px;
	color: #000000;
}

.showcase__mark::after {
	position: absolute;
	display: block;
	content: "";
	top: -20px;
	left: 50%;
	width: 2px;
	height: 20px;
	margin-left: 0px;
	overflow: hidden;
	/*! border: 3px solid transparent; */
	/*! border-left-color: #fff; */
	/*! : #fff; */
	background-color: #0614bb;
}

.irs--flat .irs-bar{
	background-color: transparent !important;
}

/* progress bar custom tooltip */

.h_tooltip {
	position: absolute;
	bottom: -20px;
	font-size: 0.8em;
	background-color: #5b5858;
	padding: 7px 5px;
	color: #ffffff;
	border-radius: 2px;
}

.h_tooltip::before {
	position: absolute;
	display: block;
	content: "";
	top: -5px;
	left: 5%;
	width: 0;
	height: 0;
	overflow: hidden;
	border: 3px solid transparent;
	border-bottom-color: #5b5858;
}


/* steps */
body {
	counter-reset: step;
}

.steps::before {
	content: counter(step);
	counter-increment: step;
	width: 20px;
	line-height: 20px;
	display: block;
	font-size: 10px;
	color: #ffffff;
	background: #233645;
	border-radius: 3px;
	margin: 0 auto 5px auto;
}

.steps::after {
	content: "";
	width: 100%;
	height: 2px;
	background: #233645;
	position: absolute;
	left: -50%;
	top: 18px;
	z-index: -1;
}

.step-first::after {
	content: none;
}

.steps.active {
	color: #ff9a76;
}

.steps.active:before, .steps.active:after {
	background: #cb9552;
	color: white;
}


/** full calender custom changes */
.fc-v-event .fc-event-main-frame{
	flex-direction: row !important;
}

/**
custom ng-colors for full calender events
 */
.fc-bg-1{
	background-color: rgb(149, 135, 135) !important;
	color: #0e0f11 !important;
}

.fc-bg-lighten-1{
	background-color: rgb(134, 130, 130) !important;
	color: #0e0f11 !important;
}

.fc-bg-2 {
	background-color: rgb(238, 179, 138) !important;
	color: #0e0f11 !important;
}

.fc-bg-lighten-2 {
	background-color: rgb(247, 226, 188) !important;
	color: #0e0f11 !important;
}

.fc-bg-3 {
	background-color: rgb(140, 167, 168) !important;
	color: #0e0f11 !important;
}

.fc-bg-lighten-3{
	background-color: rgb(117, 216, 219) !important;
	color: #0e0f11 !important;
}

.fc-bg-4 {
	background-color: rgb(169, 164, 200) !important;
	color: #0e0f11 !important;
}

.fc-bg-lighten-4 {
	background-color: rgb(204, 196, 249) !important;
}
.fc-bg-5{
	background-color: rgb(63, 101, 67) !important;
}

.fc-bg-lighten-5{
	background-color: rgb(140, 196, 145) !important;
}

.fc-popover-body.popover-body {
	background-color: #fff;
}

/** remove zing chart branding */
div[id$="license-text"] {
	display: none !important;
}

/**	Apex chart custom css **/
.apexcharts-xaxis text, .apexcharts-yaxis text{
	fill: #808080;
}

/**
accordion icon fix
 */

.custom-accordion a.collapsed i.accordion-arrow::before {
	content: "\F0142" !important;
}