.custom-sidebar {
  /* 介面色 */
  background: #EAEAEA;

  /* 邊界色 */
  /* border: 1px solid #CBCBCB; */
}

.sidebar-element {
  background: #EAEAEA;
}

.active-f5f5f5 {
  background-color: #f5f5f5;
  /* border-color: #f5f5f5; */
  color: #000;
}

.bg-f5f5f5 {
  background-color: #f5f5f5;
}

.body {

  background-color: #e3f2fd;

  height: 100vh;
}

.h-80px {
  height: 80px;
}

.h-48px {
  height: 48px;
}

.h-96px {
  height: 96px;
}

.h-100vh-minus-80px {
  height: calc(100vh - 80px);
}

.h-100vh-minus-160px {
  height: calc(100vh - 160px);
}

.h-100vh-minus-280px {
  /* 80 + 96 + 48 + 48 = 272 */
  /* 算成 280 */
  height: calc(100vh - 280px);
}

.topbar {
  background: #EAEAEA;
}

.fs-24px {
  font-size: 24px;
}

.text-black {
  color: #000;
}

/* TODO */
/* 這是直接將所有的 tr 高度設為 48px */
tr {
  height: 48px;
}

.mt-72px {
  margin-top: 72px;
}

.mb-32px {
  margin-bottom: 32px;
}

.mb-100px {
  margin-bottom: 100px;
}

.btn-nanya {
  min-width: 100px;
  min-height: 32px;
  border-radius: 6px;

  font-size: 14px;
  line-height: 16px;
  text-align: center;
}

.btn-nanya-primary {
  color: #000;
  background-color: #EAEAEA;
  border: 1px solid #CBCBCB;
}

.btn-nanya-danger {
  color: #000;
  background-color: #FF6B6B;
  border: 1px solid #CBCBCB;
}

.btn-nanya-dropdown-left {
  /* 底色 */
  background: #F5F5F5;

  /* 邊界色 */
  border: 1px solid #CBCBCB;
  border-radius: 6px 0px 0px 6px;

  /* width: 104px;
  height: 32px; */

  padding: 4px 6px;

  font-size: 14px;
  line-height: 16px;

  color: #000;

  word-break: keep-all;

  /* display: flex;
  align-items: center;
  justify-content: center; */
}

.btn-nanya-dropdown-right {
  /* 底色 */
  background: #F5F5F5;

  /* 邊界色 */
  border: 1px solid #CBCBCB;
  border-radius: 0px 6px 6px 0px;

  color: #000;

  /* width: 24px;
  height: 32px; */
}

a {
  color: #000;
  text-decoration: none;
}

th {
  text-align: center;
}

td {
  text-align: center;
}

.label-padding {
  padding: 4px 12px;
}

.keyword-alert-width {
  width: 45%;
}

.contact-form-alert-width {
  width: 100%;
}

.alert-nanya-primary {
  color: #000;
  background-color: #f5f5f5;
  border: 1px solid #CBCBCB;
}

.topbar-or-sidebar {
  /* 介面色 */

  background: #e3f2fd;


  /* 邊界色 */
  border: 1px solid #CBCBCB;
}

.final-button-block {
  /* 介面色 */
  background: #F5F5F5;

  /* 邊界色 */
  border: 1px solid #CBCBCB;
}

.word-break-keep-all {
  word-break: keep-all;
}

.accordion-nanya-background:not(.collapsed) {
  background-color: #0c63e4;
  color: #fff;
}

.sort-input-width {
  width: 75px;
}