body {
  font-family: Noto Sans Thai Med,sans-serif;
  width: 100%;
  height: 100vh;
  background-image: url('img/bg.jpg?v=1');
  background-color: #fff;
  background-size: cover;
}

@font-face {
    font-family: Noto Sans Thai;
    font-weight: 400;
    src: url(../fonts/NotoSansThai-Thin.ttf)
}


@font-face {
    font-family: Noto Sans Thai Regular;
    font-weight: 400;
    src: url(../fonts/NotoSansThai-Regular.ttf)
}

@font-face {
    font-family: Noto Sans Thai Light;
    font-weight: 400;
    src: url(../fonts/NotoSansThai-Light.ttf)
}

@font-face {
    font-family: Noto Sans Thai Med;
    src: url(../fonts/NotoSansThai-Medium.ttf)
}

@font-face {
    font-family: Noto Sans Thai Bold;
    src: url(../fonts/NotoSansThai-Bold.ttf)
}

.form-check {
    position: relative;
    display: block;
    padding-left: 0rem !important;
}

.navbhar {
  cursor: pointer !important;
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
  cursor: pointer !important;
}

.dropdown-toggle {
  cursor: pointer !important;
}

.dropdown-item {
  cursor: pointer !important;
}

.offline {
  color: red;
}

.online {
  color: green;
}