#reportIcons, #reportIcons1, #reportIcons2{
	display:flex;
	text-align:center;
	margin-bottom: 20px;
	font-family: Lato;
}
#reportIcons > div > div, #reportIcons1 > div > div, #reportIcons2 > div > div{
    cursor: pointer;
    /* padding-left: 10px; */
    /* padding-right: 10px; */
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 6px;
    width: 80px;
    text-align: center;
}
.tabIcon{
	width:50px; 
	height:50px; 
	margin:0 10px;
	transition:.2s;
	
}
.TabInActive { opacity: .5;}

#neck-chart{
	display:block
}

#progressBar, #progressBar1, #progressBar2{
	margin-left: 15px;
	margin-bottom: 50px;
}
#progressOverlay{
	-webkit-appearance: none;
	margin: 0 46px 0 41px;
    position: absolute;
    width: 984px;
	z-index:5;
}
#progressOverlay1, #progressOverlay2{
	-webkit-appearance: none;
	margin: 0 46px 0 41px;
    position: absolute;
    width: 780px;
	z-index:5;
}
.linechart {
	display: inline-block;
    width: 850px;
    height: 210px;
    top: 11px;
}
.probabilityChart{
	display: inline-block;
    width: 229px;
    height: 174px;
    top: 0px;
}
.irs-from, .irs-to, .irs-min, .irs-max{
	z-index:5; 
}
canvas{
	z-index:10!important;
}
.chart > div >div,.chart1 > div >div, .chart2 > div >div{
	position: relative;
    z-index: 5;
}
.infoSide, .niosh, .vidAndEmpData{
	display:flex;
}
.infoSide{
	justify-content: space-evenly;
}
.infoSide td, .infoSide th{
	    padding: 0px 10px;
}
.vidButtons{
	text-align:center;
	margin-bottom:5px;
}
.info{
	width:25%;
}
.leftvideos, .rightvideos, .videos{
	display:none;
	margin:auto;
}
#lefttwodVid,#righttwodVid, #twodVid{
	display:block;
}
.irs--square .irs-grid-text {
    color: silver;
    font-size: 11px;
    bottom: -18px;
}
.compareInfo{
	width:33.3%;
}

#progressOverlay1::-webkit-slider-runnable-track, #progressOverlay2::-webkit-slider-runnable-track {

	width: 300px;
	height: 0px;
/*			margin-top: 500px;*/
	border: 0;

	border-radius: 3px;
	background-color:#E8E8E8;

}
/* changes the slider height */
#progressOverlay1::-webkit-slider-thumb, #progressOverlay2::-webkit-slider-thumb {
	-webkit-appearance: none;
	border: none;
	margin-top: -171px;
	padding-top: 76px;
	padding-bottom: 50px;
/*			height: 70px;*/
	width: 5px;

	bottom:0;
/*			border-radius: 50%;*/
	background:red;

}

#progressOverlay1:focus,#progressOverlay2:focus, video{
	outline: none;
}


#progressBar1, #progressBar2{
	transition: .5s;
	margin-bottom: 15px;
	position:relative;
}
.irs--square .irs-bar {

	top: -200px;
	height: 231px;
	background-color: rgba(0, 0, 0, 0.3);
}
.irs--square{
	width: 796px;
	margin-left: 35px;
}
.irs-line, .irs-grid {
	height: 5px!important;

}
.irs--square .irs-grid-pol {
	background-color: #000000!important;
}
.irs--square .irs-bar {
	top: -159px;
    height: 185px;
    background-color: #d4d3d385;
    z-index: 0;
    position: relative;

}
#PicDetail1 > div , #PicDetail2 > div {
	margin:auto;
}
.vidAndEmpData>div{
	flex-grow:1;
}
#EmpDetails1 h2, #EmpDetails1 h3,#EmpDetails1  h4,#EmpDetails2 h2, #EmpDetails2 h3,#EmpDetails2  h4{
 margin: 10px 5px;
}
.EmpTable{
	text-align:left;
	width:100%;
}
#progressBar1 > .irs ,#progressBar2 > .irs {
    top: -35px;
}









