﻿.login-page {
    background-image: url(../images/logonbackground.jpg);
    background-color: rgba(255, 255, 255, .6);
    background-blend-mode: color;
    background-size: cover;
    background-position: bottom;
}
.login-box{
    width: 500px;
}

@media (min-width: 577px) and (max-width: 767px) {
    .login-box {
        width: 360px;
    }
}
@media (max-width: 576px) {
    .login-box {
        margin-top: 0.5rem;
        width: 90%;
    }
}
.content-header {
    padding: 4px 0.5rem;
}
/*跑馬燈1*/
#container_small_tip {
    background: #ffffff;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 36px;
    line-height: 36px;
}

#content_small_tip {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    color: #EBEEF7;
}
/*跑馬燈2*/
#CyclePlugin2 {
    list-style: none;
    height: 25px;
    overflow: hidden
}

/*日曆*/
.bootstrap-datetimepicker-widget table td.weekend {
    color: #f00;
}

/*對齊dataTables 表頭*/
.dataTables_scrollHeadInner {
    width: 100% !important;
}

.dataTables_scrollHeadInner table {
    width: 100% !important;
}

/*dataTables 頁碼清單 RWD換行*/
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    flex-wrap: wrap;
}

.single-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*左邊選單字太多可以出現省略符號*/
.nav-link > p {
    display: inline-block !important;
    width: calc((250px - 0.5rem * 2)*0.7) !important;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}
/*左邊選單字太多可以出現省略符號*/
.SecondMenu > .nav-item > .nav-link > p {
    display: inline-block !important;
    width: calc((250px - 0.5rem * 2)*0.6) !important;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}
/*左邊選單第三層選到的顏色*/
.SecondMenu > .nav-item > .nav-link.active {
    background-color: #e1ebf4 !important;
    color: #776b5d !important;
}

.checkbox-Horizontal{
    margin-left: 0;
}

/*table 文字太長出現省略符號*/
.fixedtable {
    table-layout: fixed;
}
.fixedtable .fixed{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}