:focus {
    outline: 3px dashed #0068B9 !important; /* 可以根據需要調整外框的寬度和顏色 */
}

/* 主題顏色 */
:root {
  --bs-primary: #304FDE;
  --bs-primary-rgb: 48, 79, 222;
  --bs-secondary: #6C7084;
  --bs-secondary-rgb: 108, 112, 132;
  --bs-success: #248461;
  --bs-success-rgb: 36, 132, 97;
  --bs-danger: #E50B0B;
  --bs-danger-rgb: 229, 11, 11;
  --bs-warning: #966B14;
  --bs-warning-rgb: 150, 107, 20;
}

/* 按鈕 */

/* primary */
.btn-primary {
  color: #fff;
  background-color: #4E66D6;
  border-color: #4E66D6;
}.btn-primary:hover {
  color: #fff;
  background-color: #2F4ACB;
  border-color: #4458b8; 
}

/* success */
.btn-success {
  color: #fff;
  background-color: #248461;
  border-color: #248461;
}.btn-success:hover {
  color: #fff;
  background-color: #1C6449;
  border-color: #2a9c72; 
}

/* warning */
.btn-warning {
  color: #fff;
  background-color: #a26b12;
  border-color: #a26b12;
}.btn-warning:hover {
  color: #fff;
  background-color: #7C510E;
  border-color: #c1903d; }

  /* info */
.btn-info {
  color: #fff;
  background-color: #087cc0;
  border-color: #087cc0;
}.btn-info:hover {
  color: #fff;
  background-color: #086196;
  border-color: #4084c1;
}

/* danger */
.btn-danger {
  color: #fff;
  background-color: #C35252;
  border-color: #C35252;
}.btn-danger:hover {
  color: #fff;
  background-color: #AD3E3E;
  border-color: #c35555;
}

/* secondary */
.btn-secondary {
  color: #fff;
  background-color: #696C80;
  border-color: #696C80;
}.btn-secondary:hover {
  color: #fff;
  background-color: #606375;
  border-color: #4D4F5E;
}

/* 標籤 */
.nav-tabs-custom .nav-item .nav-link.active {
  color: #304FDE; }
  /* 各縣市措施執行統計小標 */
  .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #526BE5;
}

/* 左側選單 */
body[data-sidebar="dark"] .vertical-menu {
    background: #323a47; }
  
  body[data-sidebar="dark"] #sidebar-menu ul li a {
    color: #A3A3A3; }
    body[data-sidebar="dark"] #sidebar-menu ul li a i {
      color: #A3A3A3; }
    body[data-sidebar="dark"] #sidebar-menu ul li a:hover {
      color: #ffffff; }
      body[data-sidebar="dark"] #sidebar-menu ul li a:hover i {
        color: #ffffff; }
  
  body[data-sidebar="dark"] #sidebar-menu ul li ul.sub-menu li a {
    color: #A3A3A3; }
    body[data-sidebar="dark"] #sidebar-menu ul li ul.sub-menu li a:hover {
      color: #ffffff; }
  
  body[data-sidebar="dark"].vertical-collpsed {
    min-height: 1760px; }
    body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a {
      background: #363f4d;
      color: #ffffff; }
      body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a i {
        color: #ffffff; }
    body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a {
      color: #A3A3A3; }
      body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {
        color: #ffffff; }
    body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul ul {
      background-color: #323a47; }
    body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active {
      color: #ffffff !important; }
      body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active i {
        color: #ffffff !important; }
  
  body[data-sidebar="dark"] .mm-active {
    color: #ffffff !important; }
    body[data-sidebar="dark"] .mm-active > a {
      color: #ffffff !important; }
      body[data-sidebar="dark"] .mm-active > a i {
        color: #ffffff !important; }
    body[data-sidebar="dark"] .mm-active > i {
      color: #ffffff !important; }
    body[data-sidebar="dark"] .mm-active .active {
      color: #ffffff !important; }
      body[data-sidebar="dark"] .mm-active .active i {
        color: #ffffff !important; }
  
  body[data-sidebar="dark"] .menu-title {
    color: #A3A3A3 !important; }

/* 文字顏色 */
.text-muted {
  --bs-text-opacity: 1;
  color: #6C7084 !important; }

/* 頁碼 */
.page-link {
  color: #717589;
}

/* 上方頁籤小字：首頁/XXXX */
.breadcrumb-item.active {
  color: #6C7084;
}

/* 頁尾 */
.footer_2 {
  bottom: 0;
  right: 0;
  color: #64747C;
  left: 250px;
  height: 60px;
  background-color: #f8f8fa; }
  @media (max-width: 991.98px) {
    .footer_2 {
      left: 0; } }