@charset "UTF-8";

.card-header .h1, .card-header .h2, .card-header .h3, .card-header .h4, .card-header .h5, .card-header .h6, .card-header h1, .card-header h2, .card-header h3, .card-header h4, .card-header h5, .card-header h6 {
    margin-bottom: 0
}

.input-title {
    word-break: break-all;
    word-wrap: break-word;
    text-align: justify !important;
    text-justify: inter-ideograph !important
}

    .input-title p {
        display: block;
        text-align: justify
    }

.input-label {
    word-break: break-all;
    word-wrap: break-word;
    text-align: justify;
    text-justify: inter-ideograph;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.btn:hover {
    background: #f6ab00 !important;
    border: 1px solid #551f7f
}

.btn-outline {
    background: white !important;
    border: 1px solid #551f7f !important;
    color: #551f7f !important
}

.page-item {
    color: white;
    border-color: #360a5b
}

.page-link {
    color: #551f7f !important
}

.page-linkhover {
    color: #360a5b !important
}

.page-item.active .page-link {
    color: white !important;
    background-color: #551f7f !important;
    border-color: #360a5b !important
}

[class*=sidebar-dark-] {
    background-color: #551f7f
}

    [class*=sidebar-dark-] .nav-sidebar > .nav-item > .nav-treeview {
        background: #360a5b;
        color: #ddd
    }

    [class*=sidebar-dark-] .sidebar a {
        color: #ffffff
    }

    [class*=sidebar-dark-] .nav-sidebar .nav-item.active a.nav-link {
        background-color: rgba(255, 255, 255, 0.1)
    }

body {
    font-family: 'Microsoft JhengHei', sans-serif !important
}

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pace-inactive {
    display: none
}

.pace .pace-progress {
    background: green;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 50px
}

.site-loader-color {
    color: #000000 !important;
    font-size: 50px !important
}

.site-datatable-button-container {
    margin-left: 10px
}

/* 增加必填*號 */
label.required:before {
    content: '* ';
    color: red;
}

body {
    font-family: "Microsoft JhengHei","微軟正黑體",arial,sans-serif !important;
}

.btn > i {
    padding: 2px 2px 2px 2px
}

.content-header {
    padding: 1px 0.2rem;
}

body:not(.layout-fixed) .main-sidebar .sidebar {
    overflow-x: hidden;
}

.form-row > label {
    text-align: right;
}


.roomul, .tableul {
    width: 140px;
}

.tourbusli {
    width: 140px;
}

.main-sidebar {
    background: #49186e !important
}

.navbar-purple {
    background: #341050 !important
}

.breadcrumb-item a {
    color: #49186e !important
}

.text-purple {
    color: #341050 !important
}

.btn-outline-purple {
    color: #341050 !important;
    border-color: #341050 !important
}

.btn-purple {
    background: #341050 !important;
    color: white
}



.modal-xlg {
    max-width: 90%;
    min-width: 80%;
}



.table th, .table td {
    padding: 0.25rem
}

/*處理BootStrap DatePicker 跳出日曆視窗被蓋住的問題*/
.datepicker {
    z-index: 9999 !important;
}

/*
table .form-control {
    padding: 0.25rem;
    height: 36px;
}

table .select2-container--default .select2-selection--single {
    padding-bottom: 0.3125rem;
    padding-left: 0.25rem;
    padding-top: 0.3125rem;
    padding-right: 0.25rem;
    height: 36px;
}

table .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    line-height: 1.6;
    padding-top: 5px;
    padding-bottom: 5px;
}*/
/*
table .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 0px;
    margin-top: 0px;
    padding: 0 0px;
}*/