@charset "utf-8";
/* CSS Document */

/* Table of Content
==================================================
	1.0  -  Donutchart
	2.0  -  DT Responsive*/
	
	/*--------------------------------------------------------------
	1.0 - Donutchart
	--------------------------------------------------------------*/
.dt-sc-donutchart {
	text-align: center;
	margin: 0px auto 25px;
}
h5.dt-sc-donutchart-title {
	text-align: center;
	width: 100%;
	font-size: 18px;
	margin-bottom: 0px;
	font-weight: 600;
}
.dt-sc-donutchart-small {
	width: 200px;
	margin: 0px auto;
}
.dt-sc-donutchart-medium {
	width: 200px;
	margin: 0px auto;
}
.dt-sc-donutchart-large {
	width: 300px;
	margin: 0px auto;
}
.donutchart-text { font-weight: 300 !important; }
.dt-sc-donutchart-small .donutchart-text {
	font-size: 20px !important;
	font-family: 'Roboto', sans-serif;
	font-weight: 400 !important;
}
.dt-sc-donutchart-medium .donutchart-text { font-size: 40px !important; }
.dt-sc-donutchart-large .donutchart-text { font-size: 50px !important; }
.dark-bg .donutchart-text { color: #ffffff; }

.comingsoon_chart { width: 200px; }
.comingsoon_chart canvas {
	background-color: #B8A1C6;
	border-radius: 100%;
}
.comingsoon_chart .donutchart-text {
	position: relative;
	font-size: 54px !important;
	font-weight: 400 !important;
	line-height: 225px !important;
	color: #FFF;
	z-index: 1;
	font-family: 'Roboto', sans-serif;
}
.comingsoon_chart h5.dt-sc-donutchart-title {
	position: absolute;
	color: #FFF;
	font-size: 20px;
	z-index: 2;
	font-weight: 300;
	top: 52px;
	left: auto;
	right: 0;
}
.dt-sc-title.with-two-border.with-sub-title.comingsoon_title h2 {
	font-size: 80px;
	padding-bottom: 35px;
	margin-bottom: 22px;
}
.dt-sc-title.with-two-border.with-sub-title.comingsoon_title h6 {
	color: #868686;
	font-weight: normal;
	font-size: 14px;
}

/*Spalab*/
.dt-sc-donutchart-small.type2 .dt-sc-donutchart{ border-radius:100%; color:#FFF; background: rgba(114, 68, 141, 0.5);}	
.dt-sc-donutchart-small.type2 h5.dt-sc-donutchart-title{  position: absolute; left: 0; right: 0; top: 28px; font-size: 12px; color: #fff; font-weight: 300;}
.dt-sc-donutchart-small.type2 .donutchart-text{ line-height:125px !important;    font-family: 'Roboto',sans-serif;}

.dt-sc-donutchart-medium.type2 .dt-sc-donutchart{ border-radius:100%; color:#FFF; background: rgba(114, 68, 141, 0.5);}	
.dt-sc-donutchart-medium.type2 h5.dt-sc-donutchart-title{ 
    position: absolute;
    left: 0;
    right: 0;
    top: 55px;
    font-size: 20px;
    color: #fff;
    font-weight: 300;}
.dt-sc-donutchart-medium.type2 .donutchart-text{ line-height: 230px !important;
    font-size: 54px !important;
    font-weight: normal !important;
    font-family: 'Roboto',sans-serif;}


.dt-sc-donutchart-large.type2 .dt-sc-donutchart{ border-radius:100%; color:#FFF; background: rgba(114, 68, 141, 0.5);}	
.dt-sc-donutchart-large.type2 h5.dt-sc-donutchart-title{ 
    position: absolute;
    left: 0;
    right: 0;
    top:100px;
    font-size: 20px;
    color: #fff;
    font-weight: 300;}
.dt-sc-donutchart-large.type2 .donutchart-text{ line-height: 300px !important;
    font-size: 54px !important;
    font-weight: normal !important;
    font-family: 'Roboto',sans-serif;}

	/*--------------------------------------------------------------
	2.0 - DT Responsive
	--------------------------------------------------------------*/
	/* Note: Design for a width of 960px */	
    @media only screen and (min-width:992px) and (max-width:1199px) {
/** Medical **/
}
	
	
	/* Note: Design for a width of 768px */
    @media only screen and (min-width:768px) and (max-width:991px) {
.dt-sc-one-fifth .dt-sc-donutchart-medium { width: 120px; }
.dt-sc-one-fifth .dt-sc-donutchart {
	width: 110px !important;
	height: 110px !important;
}
.dt-sc-one-fifth .dt-sc-donutchart-medium .donutchart-text {
	width: 110px !important;
	line-height: 110px !important;
}
.dt-sc-one-fifth h5.dt-sc-donutchart-title { font-size: 15px; }
.dt-sc-donutchart-medium .donutchart-text { font-size: 30px !important; }
}