/* Font Awesome Font Loading - Using absolute paths for Django static files */
@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url('/static/vendor/webfonts/fa-solid-900.eot?#iefix') format('embedded-opentype'),
         url('/static/vendor/webfonts/fa-solid-900.woff2') format('woff2'),
         url('/static/vendor/webfonts/fa-solid-900.woff') format('woff'),
         url('/static/vendor/webfonts/fa-solid-900.ttf') format('truetype'),
         url('/static/vendor/webfonts/fa-solid-900.svg#fontawesome') format('svg');
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('/static/vendor/webfonts/fa-regular-400.eot?#iefix') format('embedded-opentype'),
         url('/static/vendor/webfonts/fa-regular-400.woff2') format('woff2'),
         url('/static/vendor/webfonts/fa-regular-400.woff') format('woff'),
         url('/static/vendor/webfonts/fa-regular-400.ttf') format('truetype'),
         url('/static/vendor/webfonts/fa-regular-400.svg#fontawesome') format('svg');
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('/static/vendor/webfonts/fa-brands-400.eot?#iefix') format('embedded-opentype'),
         url('/static/vendor/webfonts/fa-brands-400.woff2') format('woff2'),
         url('/static/vendor/webfonts/fa-brands-400.woff') format('woff'),
         url('/static/vendor/webfonts/fa-brands-400.ttf') format('truetype'),
         url('/static/vendor/webfonts/fa-brands-400.svg#fontawesome') format('svg');
}

.fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900 !important;
}

.far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400 !important;
}

.fab {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400;
}

/* 修正縮小時導覽列箭頭方向為向左 */
.minified .minifyme i.fa:before,
.minified .minifyme i.fas:before,
.minified .minifyme .fa-arrow-circle-right:before {
    content: "\f0a9"; /* fa-arrow-circle-left - 縮小時顯示向左 */
}

#logo img {
    width: 150px;
    height: auto;
}

#logo {
    margin-top: 8px;
    color: white;
    font-size: inherit;
}

/* #tableauDesc { */
	/* position: absolute;  /*固定在網頁上不隨卷軸移動，若要隨卷軸移動用absolute*/ */
    /* top: 90%;  /*設置垂直位置*/ */
    /* right: 5%;  /*設置水平位置，依所放的內容多寡需要自行手動調整*/ */
    /* background: #ffffff;  /*背景顏色*/ */
    /* padding: 10px 20px; */
    /* border-radius: 10px;  /*圓角*/ */
    /* -moz-border-radius: 10px; */
    /* -webkit-border-radius: 10px; */
/* } */

.smart-style-2 nav ul ul ul ul ul ul ul li a {
    padding-left: 70px;
}

.smart-style-2 nav ul ul ul ul ul ul ul ul li a {
    padding-left: 80px;
}

/* nav tab styles */

.nav-pills>li>a {
    border-radius: 0;
    margin-bottom: 0;
}

.nav-pills[data-layer="1"]>li>a {
    background: linear-gradient(to right, #ffffff 98%, #cacaca 100%);
}

.nav-pills[data-layer="2"]>li>a {
    color: #333;
    background: #ffffff;
}

.nav-pills[data-layer="2"]>li>a:focus,
.nav-pills[data-layer="2"]>li.active>a {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}

@media(min-width:767px) {
    .nav-pills[data-layer="1"] {
        display: flex;
        border-bottom: solid 1px #cacaca;
    }

    .nav-pills[data-layer="1"] li {
        display: flex;
        flex: 1;
        align-items: flex-end;
    }

    .nav-pills[data-layer="1"] li a {
        flex: 1;
        border-radius: 15px 15px 0 0;
        box-shadow: inset 0 -5px 5px rgba(0, 0, 0, 0.05);
    }
}

.nav-pills[data-layer="1"]>li>a {
    color: #4c4f53;
    margin-bottom: 0;
}

.nav-pills[data-layer="1"]>li>a:hover,
.nav-pills[data-layer="1"]>li>a:focus,
.nav-pills[data-layer="1"]>li.active>a {
    color: #fff;
    background: linear-gradient(to right, #4c4f53 96%, #444 100%);
    box-shadow: inset 0 -2px 2px #444;
}

/* end  nav tab styles */

.fixed-ribbon #content {
    padding-top: 42px;
}

button.multiselect {
    padding: 3px 6px;
    cursor: pointer;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>li>a:hover>label {
    color: #fff;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a>label {
    color: #fff;
}

.padding-left-0 {
    padding-left: 0 !important;
}

.no-min-height {
    min-height: auto !important;
}

#main {
    min-height: 400px !important;
}

.ajax-loading-animation {
    margin-left: 15px;
}

.flag.flag-zh-hant {
    background-position: -64px -154px
}

.flag.flag-en {
    background-position: -144px -154px
}

.dt-toolbar>:last-child .DTTT,
.dt-toolbar>:last-child .dataTables_filter>:only-child {
    float: left;
}

.dt-toolbar>:last-child .DTTT,
.dt-toolbar>:last-child .dataTables_filter>:only-child>input[type="search"] {
    display: inline-block;
    margin-left: 5px;
}

.ui-datepicker .ui-datepicker-next:hover,
.ui-datepicker .ui-datepicker-prev:hover {
    cursor: pointer;
}

nav a>em {
    font-size: 9px;
    display: block;
    padding: 2px;
    position: absolute;
    top: -8px;
    right: -6px;
    text-decoration: none;
    font-style: normal;
    background: #ED1C24;
    color: #fff;
    min-width: 13px;
    border-radius: 50%;
    max-height: 13px;
    line-height: 8px;
    font-weight: 700;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, .1);
}

.modal {
    text-align: center;
    padding: 0 !important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.table>tbody>tr>td,
.table>tbody>tr>th {
    vertical-align: middle;
}

.select2-container {
    padding: 0 !important;
}

.select2-choices {
    border: 0 !important;
}

.multiselect-container>li>a>label {
    padding: 3px 0px 3px 0px !important;
    text-align: center !important;
}

.multiselect-container .smart-form .checkbox,
.smart-form .radio {
    padding-left: none;
}

.tableauPlaceholder {
	z-index:899;
}