@font-face {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 600;
    src: local('Kanit'), local('Kanit'), url(../fonts/Kanit-SemiBold.ttf) format('truetype');
}

body,html {
  height: 100%;
}

.navbar-brand {
  font-family: 'Kanit', sans-serif;
  color: #fff !important;
}

.fontbrand {
  font-family: 'Kanit', sans-serif;
}

.img100 {
  width: 100px;
}

.img30 {
  width: 30px;
}

.img40 {
  width: 40px;
}

.ghost {
  opacity: 0.7;
}

.phantom {
  opacity: 0.6;
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.nav-item-sub {
  margin-top: 1em;
  border-top: 1px solid #ccc;
}

.nav-item-sub .nav-link {
  padding-top: 1em;
  color: #dc3545 !important;
}

.font-sm {
  font-size: .9rem;
}

.bg-soft {
  background-color: #eee !important;
}

.mb-01 {
  margin-bottom: 0.12rem !important;
}

.checksum {
  display: block;
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}