.status {
  border-radius:50%;
  text-align:center;
  color:#fff;
  width:8px;
  height:8px;
}

.status.cancel {
  background:#FF0000;
  border:2px solid #FF0000;
}

.status.allow.progress1 {
  background:#03A9F4;
  border:2px solid #03A9F4;
}
.status.allow.progress2 {
  background:#00BCD4;
  border:2px solid #00BCD4;
}
.status.allow.progress2b {
  background:#00BCD4;
  border:2px solid #fff;
}
.status.allow.progress3 {
  background:#009688;
  border:2px solid #009688;
}
.status.allow.progress4 {
  background:#4CAF50;
  border:2px solid #4CAF50;
}
.status.allow.progress4b {
  background:#4CAF50;
  border:2px solid #fff;
}
.status.allow.progress5 {
  background:#8BC34A;
  border:2px solid #8BC34A;
}
.status.allow.progress6 {
  background:#CDDC39;
  border:2px solid #CDDC39;
}
.status.allow.progress6b {
  background:#CDDC39;
  border:2px solid #fff;
}
.status.allow.progress7 {
  background:#FFEB3B;
  border:2px solid #FFEB3B;
}
.status.allow.progress7b {
  background:#FFEB3B;
  border:2px solid #fff;
}
.status.allow.progress8 {
  background:#FFC107;
  border:2px solid #FFC107;
}
.status.allow.progress8b {
  background:#FFC107;
  border:2px solid #fff;
}
.status.allow.progress9 {
  background:#FF9800;
  border:2px solid #FF9800;
}
.status.allow.progress9b {
  background:#FF9800;
  border:2px solid #fff;
}
.status.allow.progress10 {
  background:#FF5722;
  border:2px solid #FF5722;
}
.status.allow.progress10b {
  background:#FF5722;
  border:2px solid #fff;
}


.status.flmgt.progress1 {
  background:#E91E63;
  border:2px solid #E91E63;
}
.status.flmgt.progress2 {
  background:#9C27B0;
  border:2px solid #9C27B0;
}
.status.flmgt.progress3 {
  background:#673AB7;
  border:2px solid #673AB7;
}
.status.flmgt.progress4 {
  background:#3F51B5;
  border:2px solid #3F51B5;
}
.status.flmgt.progress5 {
  background:#2196F3;
  border:2px solid #2196F3;
}
.status.flmgt.progress6 {
  background:#03A9F4;
  border:2px solid #03A9F4;
}
.status.flmgt.progress7 {
  background:#00BCD4;
  border:2px solid #00BCD4;
}


.status.levels.admin {
  background:#FF5722;
  border:2px solid #FF5722;
}
.status.levels.forestland {
  background:#4CAF50;
  border:2px solid #4CAF50;
}
.status.levels.permission {
  background:#FFC107;
  border:2px solid #FFC107;
}
.status.levels.executive {
  background:#2196F3;
  border:2px solid #2196F3;
}


.status.levels.province {
  background:#009688;
  border:2px solid #009688;
}
.status.levels.amphoe {
  background:#03A9F4;
  border:2px solid #03A9F4;
}
.status.levels.default {
  background: var(--navbar-background-color);;
  border:2px solid var(--navbar-background-color);;
}