/*!*********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../demo2/src/sass/custom/custom.scss ***!
  \*********************************************************************************************************************************************************/
@charset "UTF-8";

:root {
  --bs-body-font-size: 1rem;
}

body {
  font-size: var(--bs-body-font-size) !important;
}

[data-bs-theme=light] body:not(.app-blank) {
  background-image: url(.././plugins/global/fonts/header-bg.svg);
  background-blend-mode: multiply;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

[data-bs-theme=light] .illustration-icon {
  background-image: url(.././media/Illustration.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

[data-bs-theme=light] .illustration-official-icon {
  background-image: url(.././media/Illustration_official.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

[data-bs-theme=light] .illustration-first-notify-icon {
  background-image: url(.././media/Illustration_first_notify.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

[data-bs-theme=light] .illustration-notify-form-icon {
  background-image: url(.././media/Illustration_notify_form.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

[data-bs-theme=light] .illustration-sos-icon {
  background-image: url(.././media/Illustration_sos.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

[data-bs-theme=light] .illustration-analystic-icon {
  background-image: url(.././media/Illustration_analystic.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

[data-bs-theme=light] .banner-icon {
  background-image: url(.././media/banner.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

[data-bs-theme=light] .offitial-entry-icon {
  background-image: url(.././media/offitial-entry.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

[data-bs-theme=light] .unoffitial-entry-icon {
  background-image: url(.././media/unoffitial-entry.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

[data-bs-theme=light] {
  --bs-page-bg: #FFF8DD;
}

[data-bs-theme=light] body:not([data-kt-sticky-header=on]) .topbar .btn.btn-custom i,
body:not([data-kt-sticky-header=on]) .topbar .btn.btn-custom .svg-icon {
  color: #000;
}

body:not([data-kt-sticky-header=on]) .header .header-menu .menu>.menu-item.here>.menu-link {
  transition: color 0.2s ease;
  background-color: #F6C000;
  border-radius: 20px;
  color: #000;
}

body:not([data-kt-sticky-header=on]) .header .header-menu .menu>.menu-item>.menu-link .menu-title {
  color: #000 !important;
}

@media (min-width: 100px) {

  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 100%;
    padding: 0px;
  }
}

#header-panel {
  display: flex;
  justify-content: space-between;
  /* 讓兩個子 div 各佔一半空間 */
  align-items: center;
  /* 當畫面寬度小於 900px 時，隱藏左邊的 div，右邊的 div 置中 */
}

#header-panel .left-content,
#header-panel .illustration-icon,
#header-panel .illustration-official-icon,
#header-panel .illustration-first-notify-icon,
#header-panel .illustration-notify-form-icon,
#header-panel .illustration-sos-icon,
#header-panel .illustration-analystic-icon,
#header-panel .offitial-entry-icon,
#header-panel .unoffitial-entry-icon {
  flex: 1;
  /* 讓兩個 div 各佔一半空間 */
  height: inherit;
}

.banner-icon-container {
  width: 450px;
}

@media (max-width: 900px) {
  .banner-icon-container {
    width: 80%;
  }

  #header-panel .left-content {
    display: none;
    /* 隱藏左邊的 div */
  }

  #header-panel .illustration-icon,
  #header-panel .illustration-official-icon,
  #header-panel .illustration-first-notify-icon,
  #header-panel .illustration-notify-form-icon,
  #header-panel .illustration-sos-icon,
  #header-panel .illustration-analystic-icon,
  #header-panel .offitial-entry-icon,
  #header-panel .unoffitial-entry-icon {
    flex: 1;
    margin: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.card .card-header {
  padding: 0 1.25rem;
}

.card .card-body {
  padding: 2rem 1.25rem;
}

.form-input,
.form-select {
  height: 30px;
}

.select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) {
  min-height: 30px;
}

.form-select {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}

.form-check-input:checked {
  background-color: #F6C000;
  border-color: #F6C000;
}

.btn.btn-icon {
  height: 30px;
  width: 30px;
}

.symbol.symbol-40px .symbol-label {
  cursor: pointer;
}

.symbol.symbol-40px .symbol-label.active {
  background-color: #F1F1F4;
}

body:not([data-kt-sticky-header=on]) .topbar .btn.btn-custom:hover:not(.btn-active) {
  background-color: #F6C000 !important;
  color: #000 !important;
}

/* Excel-like Focus Style for Form Inputs */
.form-control:focus,
.form-select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
textarea:focus {
  border: 2px solid #005A9E !important;
  /* Excel blue */
  box-shadow: 0 0 0 2px rgba(0, 90, 158, 0.2) !important;
  outline: none !important;
}