:root {
    /* 字體 */
    --font-family-default: Arial, Sans-serif;
    --font-family-button: "Helvetica Neue", Helvetica, Arial, sans-serif;

    /* 文本顏色 */
    --color-text-primary: #FFFFFF;
    --color-text-secondary: #FFFFFF;
    --color-text-login-link: #FFFFFF;
    --color-text-menu-active: #FFFFFF;

    /* 背景顏色 */
    --color-background-menu: #2D2D2D;
    --color-background-menu-active: #0D99FF;
    --color-background-confirm-button-primary: #0D99FF;
    --color-background-confirm-button-secondary: #2D2D2D;
    --color-background-login: #59595A;
    --color-background-login-section: #3F3F3F;
    --color-background-login-button: #0D99FF;
    --color-background-banner: #000000;

    /* 邊框顏色 */
    --border-primary-color: #575757;
    --border-secondary-color: #838383;

    /* 邊框組 */
    --border-primary: transparent;

    /* 其他 */
    --font-size-default: 12px;
    --font-style-normal: normal;

    --webkit-scrollbar-track: #2D2D2D;
    --webkit-scrollbar-thumb: #838383;

    /*========== Basic Var ==========*/
    --default-background: #3F3F3F;
    --sectionArea-background: #636363;
    --text-highlight-color: #0D99FF;
    --text-highlight-red-color: #FF5959;
    --text-highlight-green-color: #1AB700;
    --text-highlight-font-weight: bold;
    --text-input-background: #3F3F3F;
    --text-input-focus: #000000;

    --table-highlight-background: #00538F;
    --table-highlight-background-2: #636363;
    --table-hightlight-border: 2px solid #0D99FF;
    --table-hover-background:#636363;
    --table-head-background: #2D2D2D;
    --table-border-color:#575757;
    --table-odd-background: #2D2D2D;
    --table-even-background: #3F3F3F;
    --table-odd-background-secondary: transparent;
    --table-even-background-secondary: transparent;

    --active-background: #0D99FF;
    --input-background: #2D2D2D;
    --input-background-2: #696C75;
    --progressbar-background: #636363;
    --hover-background: #0D99FF;
    /*==========End Basic Var ==========*/

    /*========== component Var ==========*/
    --checkbox-hover-background: #0D99FF;
    --checkbox-border-color: #838383;
    --img-background-primary: #2D2D2D;
    --indoor-map-background: linear-gradient(#5757574D 1px, transparent 0px), linear-gradient(90deg, #5757574D 1px, transparent 0px), linear-gradient(#575757 1px, transparent 0px), linear-gradient(90deg, #575757 1px, transparent 0px);
    --slider-track-high-background: #838383;
    --slider-selection-background: #0D99FF;
    --modal-header-background: #2D2D2D;
    --lpr-disabled-plate-color: #0D99FF;
	--calendar-range-background: rgba(13, 153, 255, 0.5);
    --calendar-disabled-background:#575757;
    --delete-button-background: #3F3F3F;
    /*==========End Basic Var ==========*/
}

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

select.form-control {
	border: 0;
	color: var(--color-text-secondary);
	padding: 5px 20px 5px 10px;
	background: url("../../../image/blackTheme/icon/pulldown_click.svg") no-repeat right center var(--input-background) !important;
	-webkit-appearance: none;
	background-position: bottom 10px right 7px !important;
}