/*
 * Custom CSS file for overriding Bootstrap variables
 * Ensure this file is loaded AFTER the main Bootstrap CSS.
 */
:root {
    --bs-primary: #1a1a1a;
  --bs-secondary: #fff;
  --bs-success: #4bbf73;
  --bs-info: #1f9bcf;
  --bs-warning: #f0ad4e;
  --bs-danger: #d9534f;
  --bs-light: #f0f1f2;
  --bs-dark: #343a40;
  --bs-primary-rgb: 26, 26, 26;
  --bs-secondary-rgb: 255, 255, 255;
  --bs-success-rgb: 75, 191, 115;
  --bs-info-rgb: 31, 155, 207;
  --bs-warning-rgb: 240, 173, 78;
  --bs-danger-rgb: 217, 83, 79;
  --bs-light-rgb: 240, 241, 242;
  --bs-dark-rgb: 52, 58, 64;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #1a1a1a;
  --bs-btn-border-color: #1a1a1a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #161616;
  --bs-btn-hover-border-color: #151515;
  --bs-btn-focus-shadow-rgb: 60, 60, 60;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #151515;
  --bs-btn-active-border-color: #141414;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #1a1a1a;
  --bs-btn-disabled-border-color: #1a1a1a;
}

.btn-secondary {
  --bs-btn-color: #000;
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #fff;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: white;
  --bs-btn-hover-border-color: white;
  --bs-btn-focus-shadow-rgb: 217, 217, 217;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: white;
  --bs-btn-active-border-color: white;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #fff;
  --bs-btn-disabled-border-color: #fff;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #4bbf73;
  --bs-btn-border-color: #4bbf73;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #40a262;
  --bs-btn-hover-border-color: #3c995c;
  --bs-btn-focus-shadow-rgb: 102, 201, 136;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #3c995c;
  --bs-btn-active-border-color: #388f56;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #4bbf73;
  --bs-btn-disabled-border-color: #4bbf73;
}

.btn-info {
  --bs-btn-color: #fff;
  --bs-btn-bg: #1f9bcf;
  --bs-btn-border-color: #1f9bcf;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1a84b0;
  --bs-btn-hover-border-color: #197ca6;
  --bs-btn-focus-shadow-rgb: 65, 170, 214;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #197ca6;
  --bs-btn-active-border-color: #17749b;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #1f9bcf;
  --bs-btn-disabled-border-color: #1f9bcf;
}

.btn-warning {
  --bs-btn-color: #fff;
  --bs-btn-bg: #f0ad4e;
  --bs-btn-border-color: #f0ad4e;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #cc9342;
  --bs-btn-hover-border-color: #c08a3e;
  --bs-btn-focus-shadow-rgb: 242, 185, 105;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #c08a3e;
  --bs-btn-active-border-color: #b4823b;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #f0ad4e;
  --bs-btn-disabled-border-color: #f0ad4e;
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #d9534f;
  --bs-btn-border-color: #d9534f;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #b84743;
  --bs-btn-hover-border-color: #ae423f;
  --bs-btn-focus-shadow-rgb: 223, 109, 105;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ae423f;
  --bs-btn-active-border-color: #a33e3b;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #d9534f;
  --bs-btn-disabled-border-color: #d9534f;
}

.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f0f1f2;
  --bs-btn-border-color: #f0f1f2;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #cccdce;
  --bs-btn-hover-border-color: #c0c1c2;
  --bs-btn-focus-shadow-rgb: 204, 205, 206;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c0c1c2;
  --bs-btn-active-border-color: #b4b5b6;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f0f1f2;
  --bs-btn-disabled-border-color: #f0f1f2;
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #343a40;
  --bs-btn-border-color: #343a40;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #52585d;
  --bs-btn-hover-border-color: #484e53;
  --bs-btn-focus-shadow-rgb: 82, 88, 93;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #5d6166;
  --bs-btn-active-border-color: #484e53;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #343a40;
  --bs-btn-disabled-border-color: #343a40;
}

@media print {
  .no-print {
    display: none;
  }
}
* {
  font-family: "Noto Sans TC", sans-serif;
}
.logoBk {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0%;
}
.bg {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;
}
.goodsbg {
  position: absolute;
  left: 0px;
  top: 60px;
  z-index: -1;
}
#title {
  color: rgb(255, 255, 255);
  font-size: 48px;
  text-shadow: 2px 2px 3px rgb(201, 202, 202);
}
#userListModifyCard {
  display: none;
}
#supplierModifyCard {
  display: none;
}
#clientModifyCard {
  display: none;
}
#purchaseAlert {
  display: none;
}
.chartBox {
  box-sizing: border-box;
  width: 440px;
  height: 850px;
  padding: 0px;
  /* border: 1px solid rgb(255, 255, 255); */
}

#scrollToTopBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  padding: 10px;
  background-color: #333;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

#map {
  height: 600px;
  width: 100%;
}

.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48;
}