/* == 增加css ================================================================ */

/* 最上層Bar */
#_HeaderTop {
    background-color: #000000
}

    #_HeaderTop .nav-link {
        color: white;
    }

/* 讀取動畫樣式 */
.loadingLayout {
    width: 100%;
    height: 100%;
    background: #16171d;
    opacity: 0.9;
    position: fixed;
    z-index: 9999;
    display: none;
}

/* 導覽列樣式 */
.nav-style {
    background-color: #CF002B;
    border: none;
}

/* padding-左右內距設定 */
.padd-lr-md {
    padding-left: 7px !important;
    padding-right: 7px !important;
}

/* label後面加入星號 */
label.required:after {
    content: " *";
    font-size: 16px;
    color: red;
}

/*黏貼頂端*/
._sticky-top {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
    z-index: 10;
}

/*單純拿來當標記用*/
._mOff {
    
}

/*禁用元件背景樣式*/
.bg-disable {
    background-color: #e9ecef !important;
    opacity: 1 !important;
}

/*禁用元件背景樣式 (按鈕用)*/
.bg-disable-btn {
    background-color: dimgray !important;
    border-color: dimgray !important;
    /*opacity: 1 !important;*/
}

/*禁用元件背景樣式 (下拉清單用) */
.bg-disable-select {
    background-color: #e9ecef !important;
    opacity: 1 !important;
}

/*禁用元件框線樣式*/ /*因為有的原件有特別設定框線，對於需要保留原框線的元件，就不需要使用該css*/
.border-disable {
    border-color: transparent !important;
}

/*文字過長時省略為「...」*/
.txt-omitted {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.page-ul{
    margin-bottom:0px;
}

.padd-lr-7{
    padding-left:7px;
    padding-right:7px;
}

.mform-control {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 0.375rem 0.75rem;
}

/* == 修改原有css ================================================================ */

/* 卷軸 */
/*html {
    overflow-y: scroll;
    overflow-x: hidden;
}*/

/* 唯獨樣式 */
input:read-only {
    background-color: #C6C6C6;
}

/* 覆蓋預設CSS，位置Site.css */
input, select, textarea {
    max-width: 100%;
}

/* 訊息樣式 */
.row.alert {
    padding-left: 0px;
    padding-right: 0px;
    border-radius: 0rem;
}

/*頁面下方bar_背景樣式*/
.fixed-bottom {
    background-color: white;
}

/*頁面下方bar，按鈕樣式，按鈕為複數時使用*/
.m_fixbottom > .btn,
.m_fixbottom > .row > .btn {
    border: none;
    border-radius: 0;
    border-left: 1px solid white;
    border-right: 1px solid white;
}

/*bootstrap TextAreaBox style*/
/*設定為與bootstrap默認的textbox高度相同的正方體*/
textarea.textAreaBox-textbox {
    height: 2.375rem;
}

/*bootstrap checkbox style*/
/*未勾取時的背景顏色*/
input[type="checkbox"] {
    background-color: white;
}

/*設定為與bootstrap默認的textbox高度相同的正方體*/
.checkbox-textbox .form-check-input {
    width: 2.375rem;
    height: 2.375rem;
    margin: 0;
}

.checkbox-textbox-m .form-check-input {
    width: 1.375rem;
    height: 1.375rem;
    margin: 0;
}

/*配合checkbox的文字*/
.checkbox-textbox .form-check-label {
    line-height: 2.375rem;
    font-size: 25px;
}

.checkbox-textbox-m .form-check-label {
    line-height: 1.375rem;
    font-size: 20px;
}

/*MDbootstrap checkbox style*/
/*設定為與bootstrap默認的textbox高度相同的正方體*/
.checkbox-textbox .custom-control-label::before,
.checkbox-textbox .custom-control-label::after {
    top: 0rem;
    width: 2.375rem;
    height: 2.375rem;
}

.checkbox-textbox .custom-control-label {
    padding-top: 0.5rem;
    padding-left: 20px;
}

/*select2 style*/
/*設定為與bootstrap默認的textbox高度相同*/
.select2-textbox 
.select2-selection__rendered {
    line-height: 2.375rem !important;
}

.select2-textbox 
.select2-container 
.select2-selection--single {
    height: 2.375rem !important;
}

    .select2-textbox 
    .select2-container 
    .select2-selection--single 
    .select2-selection__clear {
        height: 100%;
    }

.select2-textbox 
.select2-selection__arrow {
    height: 2.375rem !important;
}