.diklat-login {
  background: radial-gradient(ellipse at 18% 20%, #d6efe7, transparent 60%), #f2f7f6;
  color: #223e42;
}
.login-card { max-width: 490px; border-radius: 20px; }
.login-mark {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border-radius: 16px;
  background: #dbf2e9;
  color: #126354;
  font-size: 30px;
  margin-bottom: 22px;
}
.diklat-table { min-width: 620px; }
.diklat-table td { max-width: 330px; overflow-wrap: anywhere; }
.diklat-chart { min-height: 270px; overflow: hidden; }
.diklat-detail dd { white-space: pre-wrap; overflow-wrap: anywhere; }
.diklat-lookup-search { margin-bottom: .4rem; }
[data-submit-once] [type=submit][disabled] { opacity: .65; }
@media (max-width: 575px) {
  .header-breadcrumb span { display: none; }
  .sidebar .brand { font-size: 24px; }
  .diklat-table { min-width: 540px; }
}
.diklat-calendar { min-width: 650px; table-layout: fixed; }
.diklat-calendar td { height: 68px; overflow-wrap: anywhere; vertical-align: top; }