/* ===== jTable pagination base ===== */
.jtable-bottom-panel .jtable-page-list span {
    display: inline-block;
    min-width: 26px;
    padding: 2px 6px;
    margin: 0 3px;
    text-align: center;
    cursor: pointer;

    background-color: #4fb870 !important;
    color: #ffffff !important;

    border-radius: 3px;
    transition: background-color 0.15s ease, color 0.15s ease;
}

/* ===== hover（未選択時） ===== */
.jtable-bottom-panel .jtable-page-list span:hover:not(.jtable-page-number-active):not(.jtable-page-number-disabled) {
    background-color: #6fd18c !important;
    color: #ffffff !important;
}


.jtable-bottom-panel .jtable-page-number-active {
    background-color: #2f8f55 !important;
    color: #e6e6e6 !important;
    cursor: default;
}


.jtable-bottom-panel .jtable-page-number-disabled {
    background-color: #b8d8c3 !important;
    color: #cccccc !important;
    cursor: not-allowed;
}

.jtable-bottom-panel .jtable-page-number-disabled:hover {
    background-color: #b8d8c3 !important;
}

.db-green-bar {
    background: #348641;
    color: #fff;
    padding: 6px 14px;
    font-weight: 700;
    margin-bottom: 20px;
}

.db-green-bar1 {
    background: #348641;
    color: #fff;
    padding: 6px 14px;
    font-weight: 700;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.ui-button.ui-state-active,
.ui-button.ui-state-active:hover {
    border: 1px solid #2e7d32 !important;
    background: #43a047 !important;
    font-weight: normal !important;
    color: #f0f0f0 !important;
}


.ui-state-active:hover,
.ui-button.ui-state-active:hover {
    background: #4caf50 !important;
    border-color: #2e7d32 !important;
}


.ui-state-disabled,
.ui-widget-content .ui-state-disabled {
    background: #a5d6a7 !important;
    color: #eeeeee !important;
    cursor: not-allowed;
}


/* 詳細検索-測定項目-説明 */
ul.dtr-details a {
    color: #336699 !important;
}


.btn-blue {
    color: #fff;
    background-color: hsl(210, 50%, 40%);
    border-color: hsl(210, 50%, 40%);
}

.btn-green {
    color: #fff;
    background-color: hsl(130, 44%, 36%);
    border-color: #888;
    border-color: hsl(130, 44%, 36%);
}

.btn-green:disabled {
    color: #fff;
    background-color: hsl(130, 21%, 46%);
    border-color: hsl(130, 21%, 46%);
    pointer-events: none;
    opacity: var(--bs-btn-disabled-opacity);
}

footer.footer a.footer-link {
    color: #fff !important;
}

/*年次ダウンロード画面 外部リンク（#item_description 内）のリンクだけ青にする */
#item_description ol ul li a {
    color: #336699 !important;
}

/*年次ダウンロード画面 ダウンロードファイルだけ青にする */
#download-link li a {
    color: #336699 !important;
}