/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

.CustomizePanel-Heading {  
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel-info > .CustomizePanel-Heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.close {
  padding-left: 650px !important;
}

.border-info {
    border-color: #bce8f1 !important;
}
.border-info > .card-header {
    color: #31708f !important;
    background-color: #d9edf7 !important;
    border-color: #bce8f1 !important;
}


.btn-bs3 {
    display: inline-block; /* ���������e�� */
    font-size: 14px; /* BS3 �w�]�r��j�p */
    padding: 6px 12px; /* BS3 �w�]����Z */
    border-radius: 4px; /* BS3 �w�]�ꨤ */
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc;
    width: 80px; /* �۾A�����e�e�� */
}

.btn-bs3:hover {
    background-color: #e6e6e6;
}

a {
    color: #337ab7;
    text-decoration: none;
}
.path a {
    color: #666;
}

.border-success{
    border-color: #d6e9c6 !important;
}

.border-success > .card-header {
    color: #3c763d!important;
    background-color: #dff0d8 !important;
    border-color: #d6e9c6 !important;
}

.card-primary > .card-header {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}

.card-header {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.border-success-subtle > .card-header {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.border-info > .card-header {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

 .border-info > .card-header a {
     color: #31708f; 
     text-decoration: none; 
 }

 .border-info > .card-header a:hover {
     text-decoration: underline; /* �ƹ��a������ܩ��u */
 }

.border-danger > .card-header {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.text-right {
    text-align: right;
}

.card {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 4px;
}

.card-body {
    padding: 15px;
}

.card-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}
.card-info {
    border-color: #bce8f1;
}
.card-info > .card-header {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

/* --- BS5 Compatibility: Restore BS3-like panel primary look --- */
.card.card-primary {
    border: 1px solid #337ab7; /* BS3 panel-primary border */
    border-radius: 4px; /* BS3 rounded corner */
}
.card.card-primary > .card-header {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}
.card.card-primary > .card-header a {
    color: #fff;
}
.card.card-primary > .card-header a:hover {
    color: #fff;
    text-decoration: underline;
}

.row.col-sm-12 {
    --bs-gutter-x: 0; /* equals g-0 */
}

.row:has(> .card.card-primary) {
    --bs-gutter-x: 0;
}
.row:has(> .card.card-primary) > .card.card-primary {
    width: 100%;
}

.control-label {
    display: inline-block;
    margin-bottom: .5rem;
    font-weight: 500;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
    width: 100%;
}

.nav-item {
    position: relative;
}

    .nav-item:hover {
        background-color: #e2e6ea;
    }


.nav-link.active {
    background-color: #007bff;
    color: white;
}

.nav-link:hover {
    background-color: #e2e6ea !important;
    color: #333;
}

.nav-item:hover > .nav {
    display: block; 
}

.nav > li > .nav {
    display: block !important; 
    padding-left: 20px; 
}

    .nav > li > .nav > li {
        position: relative;
    }

        .nav > li > .nav > li:hover {
            background-color: #f1f1f1;
        }

        .nav > li > .nav > li .nav-link {
            padding: 8px 15px;
        }

.nav-pills > li > a {
    border-radius: 4px;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.tab-pane:not(.show):not(.active)
.card.card-info td:first-child > a {
    color: #337ab7;
    text-decoration: none;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #337ab7 !important;
}

.bordered-tab-contents ul.nav.nav-pills#Query_Tab .nav-link {
    color: #337ab7;
}

.bordered-tab-contents ul.nav.nav-pills#Query_Tab .nav-link.active {
    color: #fff;
    background-color: #337ab7;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05)
}

.well table td,
.well table th {
    background-color: #f5f5f5;
}


.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

.bootstrap-select > .dropdown-toggle {
    border: 1px solid #ced4da;
    background-color: #fff;
    color: #666666 !important;
    background-image: linear-gradient(to bottom, #fff 0, #e0e0e0 100%);
}

.bootstrap-select > .dropdown-toggle:hover {
    background-color: #eef5fc; 
    border-color: #4f8fc9; 
    color: #333; 
    background-image: none; 
}

.bootstrap-select .dropdown-menu li a:hover {
    background-color: #d6e6f7; 
    color: #333;
}

.bootstrap-select .dropdown-menu li.selected a {
    background-color: #4f8fc9; 
    color: #fff;
}

.bootstrap-select .dropdown-menu li.active a {
    background-color: #3f7fbf; 
    color: #fff;
}

.bootstrap-select .dropdown-menu li a:active {
    background-color: #366fa8;
    color: #fff;
}

.bootstrap-select .bs-actionsbox .actions-btn {
    background-color: #f1f1f1; 
    border: 1px solid #bfc7d1; 
    color: #555;
    font-weight: 500;
}

    .bootstrap-select .bs-actionsbox .actions-btn:hover {
        background-color: #e2e2e2;
        color: #333;
    }

    .bootstrap-select .bs-actionsbox .actions-btn:active {
        background-color: #d4d4d4;
        border-color: #aeb6c1;
        color: #222;
    }

nav.navbar.bg-light.my-0 .nav-link {
    color: #777;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
b, strong {
    font-weight: bold;
}

.card-body .card-title strong {
    font-size: 30px;
    font-weight: 700; /* 粗體 */
}

.fs-3 { font-size: 1.5rem !important; }