@font-face {
  font-family: "THSarabun";
  src: url("./assets/fonts/THSarabun.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "DB_Helvethaica_X";
  src: url("./assets/fonts/DB Helvethaica X v3.2.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "DB_Helvethaica_X_Blk";
  src: url("./assets/fonts/DB Helvethaica X Blk Cond v3.2.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "DB_Helvethaica_X_Med";
  src: url("./assets/fonts/DB Helvethaica X Med Cond v3.2.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

html {
  font-size: 62.5%; /*  1rem = 10px */
}

body {
  font-size: 6em; /* = 14px */
}

body,
a,
p,
h1,
h2,
h3,
h4,
h5,
h6,
.ui.form input[type="text"],
.ui.form input[type="number"],
.ui.form input[type="password"],
.ui.form textarea,
button,
div,
.ui.form .field > label,
.ui[class*="left icon"].input > input {
  /* font-family: "THSarabun" !important; */
  font-family: "DB_Helvethaica_X" !important;
}

* {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

TabsToolbar {
  visibility: collapse !important;
}

#titlebar {
  visibility: collapse;
}
#sidebar-header {
  visibility: collapse !important;
}