.chrome-header {
  background: #efefef;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7px;
  font-size: 16px;
  font-weight: bold
}
.noti > div {
  display: flex;
  align-items: center;
  text-align: left;
  gap: 6px;
}
.noti > div .sm {
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}



.prog-sec-1-main {
  width: 30%;
}
.prog-sec-2-main {
  width: 20%;
}
.prog-sec-3-main {
  width: 10%;
}

.prog-sec-4-main {
  width: 30%;
  overflow: hidden;
  height: 100%
}
.prog-sec-4 {
  background-color: #59a561;
  width: 0%;
  height: 100%
}

.prog-sec-5-main {
  width: 30%;
  overflow: hidden;
  height: 100%
}
.prog-sec-5 {
  background-color: #9a4eb9;
  width: 0%;
  height: 100%
}


.cercl-4 {
  width: 9px !important;
  height: 9px !important;
  background-color: #59a561;
  border-radius: 50%;
  margin: 3px 7px 0 0
}
.cercl-5 {
  width: 9px !important;
  height: 9px !important;
  background-color: #9a4eb9;
  border-radius: 50%;
  margin: 3px 7px 0 0
}