/*!
 =========================================================
 * ArchitectUI HTML Theme Dashboard - v1.0.0
 =========================================================
 * Product Page: https://dashboardpack.com
 * Copyright 2019 DashboardPack (https://dashboardpack.com)
 * Licensed under MIT (https://github.com/DashboardPack/architectui-html-theme-free/blob/master/LICENSE)
 =========================================================
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */
 
.dataTables_wrapper.form-inline{display: block}
/*.dataTables_scrollHeadInner,.dataTables_scrollHead table.table-bordered{width: 100%!important;}*/
.table{width:100%;margin-bottom:1rem;background-color:rgba(0,0,0,0);border:1px solid #ccc}
.table th,.table td,.table1 th,.table1 td{padding:6px;vertical-align:top;border:1px solid #d8d8d8}
.table th,.table1 th{vertical-align: bottom;border: 1px solid rgb(255 255 255 / 50%);background: #14874d;color: #fff;text-align: center}
.table tbody+tbody{border-top:2px solid #e9ecef}
.table .table{background-color:#fff}
.table-sm th,.table-sm td{padding:.3rem}
.table-bordered{border:1px solid #e9ecef}
.table-bordered th,.table-bordered td{border:1px solid #e9ecef}
.table-bordered thead th,.table-bordered thead td{border-bottom-width:2px}
.table-borderless th,.table-borderless td,.table-borderless thead th,.table-borderless tbody+tbody{border:0}
.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,0.03)}
.table-hover tbody tr:hover{background-color:#e0f3ff}
.table-primary,.table-primary>th,.table-primary>td{background-color:#c9d5f4}
.table-primary th,.table-primary td,.table-primary thead th,.table-primary tbody+tbody{border-color:#9bb2eb}
.table-hover .table-primary:hover{background-color:#b4c5f0}
.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#b4c5f0}
.table-secondary,.table-secondary>th,.table-secondary>td{background-color:#d6d8db}
.table-secondary th,.table-secondary td,.table-secondary thead th,.table-secondary tbody+tbody{border-color:#b3b7bb}
.table-hover .table-secondary:hover{background-color:#c8cbcf}
.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}
.table-success,.table-success>th,.table-success>td{background-color:#c8eedb}
.table-success th,.table-success td,.table-success thead th,.table-success tbody+tbody{border-color:#99e0bb}
.table-hover .table-success:hover{background-color:#b5e8ce}
.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b5e8ce}
.table-info,.table-info>th,.table-info>td{background-color:#bee7ff}
.table-info th,.table-info td,.table-info thead th,.table-info tbody+tbody{border-color:#86d3ff}
.table-hover .table-info:hover{background-color:#a5deff}
.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#a5deff}
.table-warning,.table-warning>th,.table-warning>td{background-color:#fdebc2}
.table-warning th,.table-warning td,.table-warning thead th,.table-warning tbody+tbody{border-color:#fbdb8d}
.table-hover .table-warning:hover{background-color:#fce3a9}
.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#fce3a9}
.table-danger,.table-danger>th,.table-danger>td{background-color:#f4c2ce}
.table-danger th,.table-danger td,.table-danger thead th,.table-danger tbody+tbody{border-color:#eb8ea4}
.table-hover .table-danger:hover{background-color:#f0acbd}
.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f0acbd}
.table-light,.table-light>th,.table-light>td{background-color:#fafafa}
.table-light th,.table-light td,.table-light thead th,.table-light tbody+tbody{border-color:#f6f6f6}
.table-hover .table-light:hover{background-color:#ededed}
.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ededed}
.table-dark,.table-dark>th,.table-dark>td{background-color:#c6c8ca}
.table-dark th,.table-dark td,.table-dark thead th,.table-dark tbody+tbody{border-color:#95999c}
.table-hover .table-dark:hover{background-color:#b9bbbe}
.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}
.table-focus,.table-focus>th,.table-focus>td{background-color:#cbcacf}
.table-focus th,.table-focus td,.table-focus thead th,.table-focus tbody+tbody{border-color:#9e9ca6}
.table-hover .table-focus:hover{background-color:#bebdc3}
.table-hover .table-focus:hover>td,.table-hover .table-focus:hover>th{background-color:#bebdc3}
.table-alternate,.table-alternate>th,.table-alternate>td{background-color:#d9cdde}
.table-alternate th,.table-alternate td,.table-alternate thead th,.table-alternate tbody+tbody{border-color:#b9a2c2}
.table-hover .table-alternate:hover{background-color:#cdbed4}
.table-hover .table-alternate:hover>td,.table-hover .table-alternate:hover>th{background-color:#cdbed4}
.table-active,.table-active>th,.table-active>td{background-color:#e0f3ff}
.table-hover .table-active:hover{background-color:#c7e9ff}
.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:#c7e9ff}
.table .thead-dark th{color:#fff;background-color:#212529;border-color:#32383e}
.table .thead-light th{color:#6c757d;background-color:#f8f9fa;border-color:#e9ecef}
.table-dark{color:#fff;background-color:#212529}
.table-dark th,.table-dark td,.table-dark thead th{border-color:#32383e}
.table-dark.table-bordered{border:0}
.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,0.05)}
.table-dark.table-hover tbody tr:hover{background-color:rgba(255,255,255,0.075)}
.pagination{display:flex;padding-left:0;list-style:none;border-radius:.25rem}
.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}
.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}
.page-link:focus{z-index:2;outline:0;box-shadow:none}
.page-link:not(:disabled):not(.disabled){cursor:pointer}
.page-item:first-child .page-link,.pagination .page-number:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}
.page-item:last-child .page-link,.pagination .page-number:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}
.page-item.active .page-link,.pagination .active.page-number .page-link{z-index:1;color:#fff;background-color:#0031ad;border-color:#007bff}
.page-item.disabled .page-link,.pagination .disabled.page-number .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}
.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.1rem;line-height:1.5}
.pagination-lg .page-item:first-child .page-link,.pagination-lg .pagination .page-number:first-child .page-link,.pagination .pagination-lg .page-number:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}
.pagination-lg .page-item:last-child .page-link,.pagination-lg .pagination .page-number:last-child .page-link,.pagination .pagination-lg .page-number:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}
.pagination-sm .page-link{padding:.25rem .5rem;font-size:.968rem;line-height:1.5}
.pagination-sm .page-item:first-child .page-link,.pagination-sm .pagination .page-number:first-child .page-link,.pagination .pagination-sm .page-number:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}
.pagination-sm .page-item:last-child .page-link,.pagination-sm .pagination .page-number:last-child .page-link,.pagination .pagination-sm .page-number:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}
.pagination li a{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}
.pagination li a:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}
.pagination li a:focus{z-index:2;outline:0;box-shadow:none}
.pagination li a:not(:disabled):not(.disabled){cursor:pointer}
.pagination li:first-child a{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}
.pagination li:last-child a{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}
.pagination li.active a{z-index:1;color:#fff;background-color:#0031ad;border-color:#007bff}
.pagination li.active a:hover{color:#fff}
.pagination li.disabled a{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}

table.countries_list {
    width: 100%
}

table.countries_list td {
    padding: 0 10px;
    line-height: 30px;
    border-top: 1px solid #eeeeee
}

.dataTables_paginate a {
    padding: 6px 11px !important;
    /*background:#ddd !important;*/
    border-color: #ddd !important
}

.paging_full_numbers a.paginate_active {
    background-color: rgba(38,185,154,0.59) !important;
    border-color: rgba(38,185,154,0.59) !important
}

button.DTTT_button,div.DTTT_button,a.DTTT_button {
    border: 1px solid #E7E7E7 !important;
    background: #E7E7E7 !important;
    box-shadow: none !important
}

table.jambo_table {
    border: 1px solid rgba(221,221,221,0.78)
}

table.jambo_table thead {
    background: rgba(52,73,94,0.94);
    color: #ECF0F1
}

table.jambo_table tbody tr:hover td {
    background: rgba(38,185,154,0.07);
    border-top: 1px solid rgba(38,185,154,0.11);
    border-bottom: 1px solid rgba(38,185,154,0.11)
}

table.jambo_table tbody tr.selected {
    background: rgba(38,185,154,0.16)
}

table.jambo_table tbody tr.selected td {
    border-top: 1px solid rgba(38,185,154,0.4);
    border-bottom: 1px solid rgba(38,185,154,0.4)
}

.dataTables_paginate a {
    background: #ff0000
}

.dataTables_wrapper {
    position: relative;
    clear: both;
    zoom:1}

.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 30px;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px 0;
    border: 1px solid #ddd;
    text-align: center;
    color: #999;
    font-size: 14px;
    background-color: white
}

.dataTables_length {
    width: 40%;
    float: left
}

.dataTables_filter {
    width: 50%;
    float: right;
    text-align: right
}

.dataTables_info {
    width: 60%;
    float: left
}

.dataTables_paginate {
    float: right;
    text-align: right;
    margin-top: 10px !important;
}

table.dataTable th.focus,table.dataTable td.focus {
    outline: 2px solid #1ABB9C !important;
    outline-offset: -1px
}

table.display {
    margin: 0 auto;
    clear: both;
    width: 100%
}

table.display thead th {
    padding: 8px 18px 8px 10px;
    border-bottom: 1px solid black;
    font-weight: bold;
    cursor: pointer
}

table.display tfoot th {
    padding: 3px 18px 3px 10px;
    border-top: 1px solid black;
    font-weight: bold
}

table.display tr.heading2 td {
    border-bottom: 1px solid #aaa
}

table.display td {
    padding: 3px 10px
}

table.display td.center {
    text-align: center
}

table.display thead th:active,table.display thead td:active {
    outline: none
}

.dataTables_scroll {
    clear: both
}

.dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch
}

.top .dataTables_info {
    float: none
}

.clear {
    clear: both
}

.dataTables_empty {
    text-align: center
}

tfoot input {
    margin: 0.5em 0;
    width: 100%;
    color: #444
}

tfoot input.search_init {
    color: #999
}

td.group {
    background-color: #d1cfd0;
    border-bottom: 2px solid #A19B9E;
    border-top: 2px solid #A19B9E
}

td.details {
    background-color: #d1cfd0;
    border: 2px solid #A19B9E
}

.example_alt_pagination div.dataTables_info {
    width: 40%
}

.paging_full_numbers {
    width: 400px;
    height: 22px;
    line-height: 22px
}

.paging_full_numbers a:active {
    outline: none
}

.paging_full_numbers a:hover {
    text-decoration: none
}

.paging_full_numbers a.paginate_button,.paging_full_numbers a.paginate_active {
    border: 1px solid #aaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 2px 5px;
    margin: 0 3px;
    cursor: pointer
}

.paging_full_numbers a.paginate_button {
    background-color: #ddd
}

.paging_full_numbers a.paginate_button:hover {
    background-color: #ccc;
    text-decoration: none !important
}

.paging_full_numbers a.paginate_active {
    background-color: #99B3FF
}

table.display tr.even.row_selected td {
    background-color: #B0BED9
}

table.display tr.odd.row_selected td {
    background-color: #9FAFD1
}

/*  fontsize End */
/* Datatable Yun */
table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
    border-bottom-width: 0;
    /* font-size: 1.8rem !important; */
}

.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
    border-top: 0;
    /*font-size: 1.8rem !important;*/
}
 
.dataTables_scrollBody .table thead tr{display:table-row}
.dataTables_scrollBody .table.nowrap tbody tr td{overflow-x:auto;display:table-cell;max-width:40vw}
.dataTables_scrollBody::-webkit-scrollbar,.dataTables_scrollBody::-webkit-scrollbar-track{height:10px;background-color:#bae1cd}
.dataTables_scrollBody::-webkit-scrollbar-thumb{background-color:#5ea380}
.dataTables_scrollBody td::-webkit-scrollbar,.dataTables_scrollBody td::-webkit-scrollbar-track{height:6px;background-color:#c2c2c2}
.dataTables_scrollBody td::-webkit-scrollbar-thumb{background-color:#a0a2a2}

@media (max-width: 575.98px) {
.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
.table-responsive-sm>.table-bordered{border:0}
}
@media (max-width: 767.98px) {
.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
.table-responsive-md>.table-bordered{border:0}
}
@media (max-width: 991.98px) {
.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
.table-responsive-lg>.table-bordered{border:0}
}
@media (max-width: 1199.98px) {
.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
.table-responsive-xl>.table-bordered{border:0}
}
.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
.table-responsive>.table-bordered{border:0}
 
table .modal-dialog.modal-lg{max-width: 90%;margin: 0.5rem auto}
table.display table tr td{padding:0;min-width:60px}
.well{display: flex;align-items: center;padding: 10px 10px 0 10px;margin-bottom: 10px;background-color: #f3f3f3;border: 1px solid #d5d5d5;border-radius: 4px;-webkit-box-shadow: 0 1px 6px rgb(0 0 0 / 5%) inset;box-shadow: 0 1px 6px rgb(0 0 0 / 5%) inset;}
.input-group-addon{padding:0 5px 3px}
.trBg{background: #b2d8c5;font-weight: bold;font-size: 1.4rem;padding: 8px 10px;margin-top: 1.5rem;}
.x_title .green {color: #14874d;font-weight: bold}
.block_Grey{background: #c8c8c8;padding: 20px 20px 10px 20px;margin-bottom: 1rem;border-radius: 10px}

.input-group-lg > span + .form-control {border-radius: 0;}
/*dataTables*/
div.dataTables_wrapper.dt-bootstrap div.dataTables_length > label {display:none}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {top: calc(50% - 9px)}
.dt-bootstrap.form-inline a > label {justify-content: left;padding-left: 20px !important;}
table#example.dataTable.nowrap tbody tr > td {white-space: normal}
table#example.dataTable.nowrap td.child > ul > li > .dtr-data{white-space: normal;word-break: break-all}
.table-responsive .dataTables_info {width: 100%;}

/*Industry 菜色基本資料維護*/
table .table1 .table1 .table1 > tbody > tr > th {min-width:37px;}