.app_header {
  min-height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: env(safe-area-inset-top);
  left: 0;
  right: 0;
  z-index: 999;
  background: #FFF;
  color: #141515;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.08);
}

.app_header:before {
  content: '';
  height: env(safe-area-inset-top);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 99999;
  background: #1E74FD;
}

.app_header.no-border {
  border: 0;
  box-shadow: none;
}

.app_header.transparent {
  background: transparent;
  box-shadow: none;
}

.app_header .left,
.app_header .right {
  height: 56px;
  display: flex;
  align-items: center;
  position: absolute;
}

.app_header .left i.icon,
.app_header .left ion-icon,
.app_header .right i.icon,
.app_header .right ion-icon {
  font-size: 26px;
  --ionicon-stroke-width: 36px;
}

.app_header .left .headerButton,
.app_header .right .headerButton {
  min-width: 36px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  color: #141515;
  position: relative;
}

.app_header .left .headerButton .btn,
.app_header .right .headerButton .btn {
  font-size: 16px;
  height: 32px;
  padding: 0px 14px;
  font-weight: 400;
}

.app_header .left .headerButton:active,
.app_header .right .headerButton:active {
  opacity: 0.6;
}

.app_header .left {
  left: 8px;
  top: 0;
}

.app_header .right {
  right: 8px;
  top: 0;
}

.app_header .pageTitle {
  font-size: 17px;
  font-weight: 500;
  padding: 0 10px;
}

.app_header .pageTitle .logo {
  max-height: 18px;
}

.app_header.text-light {
  color: #fff;
}

.app_header.text-light .headerButton,
.app_header.text-light .pageTitle {
  color: #fff;
}

.app_header.bg-primary, .app_header.bg-secondary, .app_header.bg-success, .app_header.bg-warning, .app_header.bg-danger, .app_header.bg-info, .app_header.bg-light, .app_header.bg-dark {
  border: 0;
}

.bg-coklat { background:#f5eedc !important; }

.box_multilayer { background:#0071bc;color:#FFFFFF;text-align:center;border:2px solid #bbd5e6;position:relative;width:3.6em;height:3.6em; }
.box_multilayer p { position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#FFFFFF; }
.box_multilayer, .box_multilayer:before, .box_multilayer:after { border-radius: 40px; }
.box_multilayer:before { border:3px solid #bbd5e6;content: '';position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px; }

.bg_nilai_akhmet_a, td.bg_nilai_akhmet_a { background:#2cb34c;color:#FFFFFF; }
.bg_nilai_akhmet_b, td.bg_nilai_akhmet_b { background:#ffc000;color:#000000; }
.bg_nilai_akhmet_c, td.bg_nilai_akhmet_c { background:#e63928;color:#FFFFFF; }

.color_nilai_akhmet_a { background:#2cb34c;border-color:#2cb34c;color:#FFFFFF; }
.color_nilai_akhmet_a:before { border-color:#2cb34c; }
.color_nilai_akhmet_b { background:#ffc000;border-color:#ffc000;color:#000000; }
.color_nilai_akhmet_b p { color:#000000; }
.color_nilai_akhmet_b:before { border-color:#ffc000; }
.color_nilai_akhmet_c { background:#e63928;border-color:#e63928;color:#FFFFFF; }
.color_nilai_akhmet_c:before { border-color:#e63928; }