/*heat map*/
.slider {
	position: relative;
	cursor: pointer;
}

.slider img.gradient {
	width: 100%;
	height: 27px;
	z-index: 98;
}

.slider img.marker {
	padding-top:4px;
	position: absolute;
	z-index: 99;
}

.heatmap-label {
	font-weight: bold;
	font-size: var(--font-size);
}

.mark10 {
	left: 0%;
}

.mark11 {
	left: 2%;
}

.mark12 {
	left: 4%;
}

.mark13 {
	left: 7%;
}

.mark14 {
	left: 9%;
}

.mark15 {
	left: 11%;
}

.mark16 {
	left: 14%;
}

.mark17 {
	left: 16%;
}

.mark18 {
	left: 18%;
}

.mark19 {
	left: 21%;
}

.mark20 {
	left: 23%;
}

.mark21 {
	left: 26%;
}

.mark22 {
	left: 28%;
}

.mark23 {
	left: 30%;
}

.mark23 {
	left: 33%;
}

.mark24 {
	left: 35%;
}

.mark25 {
	left: 37%;
}

.mark26 {
	left: 40%;
}

.mark27 {
	left: 42%;
}

.mark28 {
	left: 44%;
}

.mark29 {
	left: 47%;
}

.mark30 {
	left: 49%;
}

.mark31 {
	left: 52%;
}

.mark32 {
	left: 54%;
}

.mark33 {
	left: 56%;
}

.mark34 {
	left: 59%;
}

.mark35 {
	left: 61%;
}

.mark36 {
	left: 63%;
}

.mark37 {
	left: 66%;
}

.mark38 {
	left: 68%;
}

.mark39 {
	left: 70%;
}

.mark40 {
	left: 73%;
}

.mark41 {
	left: 75%;
}

.mark42 {
	left: 78%;
}

.mark43 {
	left: 80%;
}

.mark44 {
	left: 82%;
}

.mark45 {
	left: 85%;
}

.mark46 {
	left: 87%;
}

.mark47 {
	left: 89%;
}

.mark48 {
	left: 92%;
}

.mark49 {
	left: 94%;
}

.mark50 {
	left: 96%;
}

label.heatmap {
	width: 150px;
	padding-top: 10px;
	padding-right: 5px;
}


/* Call Report*/
.rating {
	display: none;
}

.rating1, .labelrating1 {
	background-color: #7ab800;
	color: #fff;
}

.rating2, .labelrating2 {
	background-color: #abd372;
	color: #fff;
}

.rating3, .labelrating3 {
	background-color: #fff467;
	color: #937B01;
}

.rating4, .labelrating4 {
	background-color: #f7931d;
	color: #fff;
}

.rating5, .labelrating5 {
	background-color: #ed1b23;
	color: #fff;
}

.rating5text {
	color: #ed1b23;
}

.rating1, .rating2, .rating3, .rating4, .rating5 {
	border-radius: 3px;
	font-weight: bold;
	position: relative;
	text-align: center;
	width: 18px;
	padding: 5px;
	font-size: 20px;
	margin: auto;
}

.rating1.small, .rating2.small, .rating3.small, .rating4.small, .rating5.small
	{
	border-radius: 3px;
	font-weight: bold;
	position: relative;
	text-align: center;
	width: 14px;
	padding: 5px;
	font-size: 16px;
	margin: auto;
}