:root {
  --success: #28aa95;
  --brown: #c59d62;
  --brown-light: #eadac3;
  --primary: var(--brown);
}

@media (max-width: 768px) {
  .table-vertical-order-sm th:not(.table-vertical-order-exclusion) {
    display: inline-block;
  }

  .table-vertical-order-sm td:not(.table-vertical-order-exclusion) {
    display: block;
    width: 90vw;
  }
}

/* custom by yama */

/* Login */
.login-page {
  background-color: var(--success);
}

/* Footer */
.main-footer {
  border-top: 2px solid #212529;
  background-color: #f7f8f8;
}

.main-footer>a:not( :first-child) {
  border-left: 2px solid #212529;
}

@media (min-width: 768px) {
  /*
  body:not(.sidebar-mini-md) .main-footer {
    transition: left .3s ease-in-out !important;
    left: 250px !important;
  }
  */
}

@media (min-width: 992px) {
  /*
  .sidebar-mini.sidebar-collapse .main-footer {
    left: 4.6rem !important;
    margin-left: 0 !important;
  }
  */
}

/* Sidebar */
.main-sidebar {
  background-color: var(--success);
}

/* Nav */
.tablist-rounded {
  background-color: #ddd !important;
}

.tablist-rounded .nav-link.active {
  background-color: #fff !important;
  color: #212529;
}

/* Pagination */
.pagination {
  gap: 8px;
}

.pagination .page-link {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 0;
  padding: 0;
}

.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
  background-color: transparent;
}

.pagination .page-item:first-child .page-link {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
}

.page-item:last-child .page-link {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}

/* table */
.table td, .table th {
  vertical-align: middle;
}
.table-striped tbody tr:nth-of-type(even) {
  background-color: rgba(225, 225, 225, .05);
}
.caption-top {
  caption-side: top;
}
.table-striped tbody tr.row-color-h {
  background-color: #5ea7ef;
}
.table-striped tbody tr.row-color-a {
  background-color: #9ac9f5;
}
.table-striped tbody tr.row-color-b {
  background-color: #bbdcf8;
}
.table-striped tbody tr.row-color-d {
  background-color: #f1a9aa;
}
.table-striped tbody tr.row-color-h button.text-success,
.table-striped tbody tr.row-color-d button.text-success {
  color: #fff !important;
}
.column-start-fixed {
  position: sticky;
  left: 0;
  &:before{
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.2);
    z-index: -1;
  }
}

/* Round */
.rounded-75rem {
  border-radius: 0.75rem !important;
}
.border-top-left {
  border-top-left-radius: 0.75rem !important;
}
.border-top-right {
  border-top-right-radius: 0.75rem !important;
}

/* Background */
.bg-primary-subtle {
  background-color: rgba(207, 226, 255, .9) !important;

}
.bg-thead {
  background-color: #9fa0a0 !important;
  color: #fff;
}

/* Color */
.text-brown-light {
  color: var(--brown-light) !important;
}

/* Font */
.fs-10 {
  font-size: 10px !important;
}

.fs-12 {
  font-size: 12px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-20 {
  font-size: 20px !important;
}

/* background */
.bg-success {
  background-color: var(--success) !important;
}

/* button */
.btn-success {
  background-color: var(--success) !important;
  border-color: var(--success) !important;
}
.btn-success:hover {
  background-color: color-mix(in srgb, var(--success) 80%, transparent) !important;
  border-color: color-mix(in srgb, var(--success) 80%, transparent) !important;
}

/* カスタムカラー */
.content-wrapper {
  background-color: #e2f3f0;
}

.tablist-rounded {
  background-color: #e7e5d6 !important;
}

.custom-select {
  border: 1px solid #e7e5d6;
}
.bg-thead {
  background-color: #28aa95 !important;
  color: #fff;
}