:root {
    /* 字體 */
    --font-family-default: Arial, Sans-serif;
    --font-family-button: "Helvetica Neue", Helvetica, Arial, sans-serif;
    /* 其他 */
    --font-size-default: 12px;
    --font-style-normal: normal;

    --text-highlight-font-weight: none;

    /*========== Basic Var ==========*/
    --white: #FFFFFF;

    /* 背景顏色 */
    --default-background: #F4F5F7;
    --toolbar-background: #E9EEF6;
    --sectionArea-background: var(--toolbar-background);
    --toolbar-section-background: var(--toolbar-background);
    --color-background-banner: #101828;
    --color-background-menu: #343F53;
    --color-background-menu-active: #0D99FF;
    --active-background: #32AEFF;
    --input-background: #E3E3E3;
    --text-input-background: var(--input-background);
    --progressbar-background: var(--input-background);
    --hover-background: #C6E6F9;

    --text-gray: #59595A;
    --text-highlight-color: #2196F3;
    --text-highlight-red-color: #FF0000;
    --text-highlight-green-color: #228F11;
    --text-input-focus: var(--white);

    /* 文本顏色 */
    --color-text-primary: var(--white);
    --color-text-secondary: var(--text-gray);
    --color-text-secondary-60: color-mix(in srgb, var(--color-text-secondary), transparent 40%);
    --color-text-secondary-80: color-mix(in srgb, var(--color-text-secondary), transparent 20%);
    --color-text-menu-active: var(--white);

    /* border */
    /* 邊框顏色 */
    --border-primary-color: #D3E0F6;
    --border-secondary-color: var(--border-primary-color);
    /* 邊框組 */
    --border-primary: 1px solid var(--border-primary-color);

    /*==========End Basic Var ==========*/

    /* login */
    --color-background-login: var(--toolbar-background);
    --color-background-login-section: var(--default-background);
    --color-background-login-button: var(--active-background);
    --color-text-login-link: var(--active-background);
    --login-sso-btn-background: var(--white);

    --lpr-disabled-plate-color: #165193;
    --color-text-analytic-engine: var(--text-gray);

    /*========== component Var ==========*/

    /* button */
    --color-background-confirm-button-primary: var(--active-background);
    --color-background-confirm-button-secondary: var(--input-background); /* cancel-btn */
    --color-background-general-button-primary: #185E88;
    --color-background-general-button-secondary: var(--input-background);
    --delete-button-background: var(--default-background);

    /* checkbox */
    --checkbox-hover-background: #ECEEEF;
    --checkbox-border-color: var(--border-secondary-color);
    --checkbox-background-color: transparent;

    /* table */
    --table-highlight-background: #DAEAF3;
    --table-highlight-background-2: #EEF6FB;
    --table-hightlight-border: 2px solid #5BA9D9;
    --table-hover-background: #F4F4F4;
    --table-head-background: var(--toolbar-background);
    --table-border-color: var(--border-primary-color);
    --table-odd-background: #E9EEF6;
    --table-even-background: #E7E8E8;
    --table-odd-background-secondary: var(--table-odd-background);
    --table-even-background-secondary: var(--white);

    /* tag、objectTypes */
    --tag-background: var(--default-background);
    --tag-border-color: var(--border-primary-color);
    --tag-delete-color: var(--color-text-secondary);

    /* scrollbar */
    --webkit-scrollbar-track: #F1F1F1;
    --webkit-scrollbar-thumb: #DDDDDD;

    /* slider */
    --slider-track-high-background: linear-gradient(to bottom, #9D9D9D80 0, #828C9580 13%, #D7D7D780 100%);
    --slider-selection-background: linear-gradient(to bottom, #F9F9F9 0, #D3D3D3 100%);

    /* calendar */
    --calendar-range-background: var(--table-highlight-background);
    --calendar-disabled-background: var(--default-background);

    /* schedule */
    --schedule-table-header-color: var(--toolbar-background); /* 沒用過 */
    --schedule-table-border-color: var(--border-primary-color);
    --schedule-table-text-color: var(--text-gray);

    --img-background-primary: var(--white);
    --indoor-map-background: linear-gradient(#FFFFFF4D 1px, transparent 0px), linear-gradient(90deg, #FFFFFF4D 1px, transparent 0px), linear-gradient(#D2D2D2 1px, transparent 0px), linear-gradient(90deg, #D2D2D2 1px, transparent 0px);
    --modal-header-background: var(--default-background);
    --tab-active-background: var(--color-background-menu-active); /* nav-link */
    --toggle-button-default-background: var(--input-background);
    /*==========End component Var ==========*/
    --input-background-2: var(--default-background); /* 考慮刪除 */

    /* 圖示非 img[] 管理，目前所有主題相同 */
    --icon-arrow-down: url("../../../image/select_down.svg");
    /* ============================================== */
}

.page-item.previous>a {
    background-image: url(../../../image/icon/prev.svg);
    background-color: transparent;
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    padding: 13px;
}

.page-item.next>a {
    background-image: url(../../../image/icon/next.svg);
    background-color: transparent;
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    padding: 13px;
}