.dassh-ttl-main {
  float: left;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.dassh-ttlmain {
  font-size: 22px;
  color: #680167;
  font-weight: 600;
  line-height: 1;
}
.dassh-search-part input {
  border: 1px solid #EE008B;
  padding: 5px 20px 5px 10px;
  line-height: 1;
  display: block;
  font-size: 13px;
  border-radius: 5px;
  background: transparent url("../images/icons/search-icon.svg") no-repeat scroll 96% center;
}
.dassh-search-part input::placeholder {
  color: #EE008B;
  opacity: 1;
}
.dassh-chart-part {
  float: left;
  width: 100%;
}
.dassh-ttl-part {
  float: left;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center; margin-bottom: 15px;
}
.dassh-ttl {
  color: #ef7625;
  font-weight: 600;
  font-size: 16px;
}
.dassh-ttl-icon {
  margin-right: 10px;
}
.dassh-yearr-part select {
  border: 1px solid #e0e0e0;
  background: none;
  border-radius: 5px;
  padding: 5px 10px;
  line-height: 1;
  font-size: 15px;
}

.dassh-part {
  float: left;
  width: 100%; display: flex; align-items: center;
}
.dassh-part-img {
  width: 20%;
  float: left;
}
.dassh-part-textt {
  float: left;
  width: 80%;
  padding-left: 30px;
}
.dassh-part-lft, .dassh-part-ryt {
  float: left;
  width: 50%;
  padding: 0;
}
.dassh-part-lft {padding-right: 30px; border-right: 1px solid #e8e8e8;}
.dassh-part-ryt { padding-left: 30px; }
.dassh-part-sts:last-child { border-bottom: 0; }
.dassh-part-sts {
  float: left;
  width: 100%;
  padding: 10px 0;
  border-bottom: 1px solid #e8e8e8;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.dassh-part-sts-1 {
    display: flex;
    align-items: center;
}
.sts-color-dot {
  /*! float: left; */
  width: 10px;
  height: 10px;
  background: red;
  border-radius: 100%;
  margin-right: 10px;
}
.sts-txt {
  /*! float: left; */
  width: auto;
  font-size: 16px; 
}
.sts-value {
  float: right;
  font-size: 28px; font-weight: 600;
}

.dassh-ttl-bbtn a {
  background: #EF7625;
  padding: 10px 20px;
  line-height: 1;
  display: block;
  color: #fff;
  font-size: 13px;
  border-radius: 5px;
}
.dassh-tbbl {
	float: left;
	width: 100%;
}

.dassh-tbbl {
  float: left;
  width: 100%;
}
.dassh-table thead th, .dassh-table tbody td {
  padding: 8px 20px;
  font-size: 13px; text-align:left;
}
.dassh-table {
  width: 100%;
}
.dassh-table thead th {
  font-weight: 600;
  background: #FFEFE2;
}
.dassh-table td { border-bottom: 1px solid #e8e8e8; }
.manage-student-dassh {padding: 0px !important;}
.manage-student-dassh .dassh-ttl-part {padding: 20px 20px 0;}
.dassh-part-sts.sts-1 .sts-color-dot { background: #FF6B6B; }
.dassh-part-sts.sts-1 .sts-value { color: #FF6B6B; }
.dassh-part-sts.sts-2 .sts-color-dot { background: #EE9B5F; }
.dassh-part-sts.sts-2 .sts-value { color: #EE9B5F; }
.dassh-part-sts.sts-3 .sts-color-dot { background: #6E6EFF; }
.dassh-part-sts.sts-3 .sts-value { color: #6E6EFF; }
.dassh-part-sts.sts-4 .sts-color-dot { background: #AE82E9; }
.dassh-part-sts.sts-4 .sts-value { color: #AE82E9; }
.dassh-part-sts.sts-5 .sts-color-dot { background: #F76FFF; }
.dassh-part-sts.sts-5 .sts-value { color: #F76FFF; }

@media (min-width: 992px) {
	.dassh-table tr:last-child td {border-bottom:0;}
}
@media (max-width: 767px) {
.dassh-table thead { display: none; }
.dassh-part {flex-wrap: wrap;}
.dassh-part-img, .dassh-part-textt {width:100%}
.dassh-part-lft { border-bottom: 1px solid #e8e8e8;  border-right: 0;}
.dassh-part-lft, .dassh-part-ryt {width:100%; padding: 0;}
.new-admision-form-box.manage-student.manage-student-dassh { padding: 0px !important; }
.dassh-part-textt {padding-left:0}
.dassh-table td {display: block;}
.dassh-table tr { margin-bottom: 10px; display: block; border-bottom: 2px solid #ddd; }
.dassh-table tr:last-child {border-bottom:0;}
.dassh-table td::before { content: attr(data-label); float: none; font-weight: bold; margin-right: 10px; font-size: 14px; min-width: 80px; display: inline-block; }

/* .dassh-part #donutchart >div >div, .dassh-part #donutchart svg{
  width: 150px !important;
  height: 150px !important;
} */
.dassh-ttl-bbtn a {
 
  padding: 10px;
 
}
.dassh-ttl {
  font-size: 14px;
}

#donutchart {width: 100%; float:left;}
#donutchart div  {max-width: 100%;}
#donutchart > div { scale: 80%; left: -12%; }



}