.selectedPanelHeader{
	background-color: rgba(52, 143, 226, 1) !important;
	color: #fff !important;
}
.selectedPanelBody{
	border-color: rgba(52, 143, 226, 1) !important;
	border-radius: 8px !important;
}

.panelOverflow{
	overflow-y: auto;
}

.headerImage{
	height: 30px !important;
	width: 30px !important;
	/*background-color: #ddd !important;*/
}

.headerTextLabel{
	font-family: "OpenSans-Regular", Arial, sans-serif;
    font-weight: 400;
    font-style: normal;    
    font-size: small;
    vertical-align: -webkit-baseline-middle;
}

.headerTextValue{
	font-family: "OpenSans-Regular", Arial, sans-serif;
    font-weight: 700;
    font-style: bold;    
    font-size: 12px; 
    vertical-align: -webkit-baseline-middle;
}


/* For Mobile */
@media (max-width: 667px) {
	.headerTextLabel{
		font-size: small;
	}
	.headerTextValue{
		font-size: small; 
	}
	.headerImage{
		height: 30px !important;
		width: 30px !important;
		padding: 3px !important;
		background-color: #ddd !important;
	}
}

.panelProgressBar{
	height: 12px !important;
    font-size: 10px !important;
    font-weight: bolder !important;
    line-height: 10px !important;
}

.panelHeader{
	color: black;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel-img{width: 48px;padding: 0;margin: 0;background: #114A85;margin: 0;  }
.panel-heading {    
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.percent-txt{position: absolute;top: -12px; color: #fff;right: 1px;}