.new-tag {
    background-color: #065350;
    color: #fff;
    padding: 3px 10px;
    border-radius: 5px;
}

.menu-icon {
    font-size: 18px;
}

.dark-green {
    color: #fff;
    background-color: #0a6350;
}

.dark-green-btn {
    background-color: #0a6350;
    color: #fff;
}

.dark-green-btn:hover {
    color: #fff;
    text-decoration: none;
}

.form-check.form-check-solid .form-check-input:checked {
    background-color: #0a6350;
}

/* 頁碼 */
.page-item.active .page-link {
    color: #fff;
    background-color: #0a6350;
}

.page-link {
    color: #000;
    background-color: #fff;
}

.page-link:hover {
    color: #fff;
    background-color: #0a6350;
}

/* 下拉式 */
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected {
    background-color: #0a6350;
    color: #fff;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted {
    background-color: #DDFBF2;
    color: #0a6350;
}

/* datatable processing 圖示 */
div.dataTables_wrapper div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 1em 0;
}

/* Tab active 樣式 */
.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item .nav-link:hover:not(.disabled), .nav-line-tabs .nav-item.show .nav-link {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #0a6350;
    transition: color .2s ease, background-color .2s ease;
}

@media (min-width: 992px) {
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        padding: 0 10px;
    }
}

@media (min-width: 992px) {
    .content {
        padding: 10px 0;
    }
}

.btn.btn-label-brand {
    background-color: #C4E1E1;
    color: #336666;
    cursor: text !important;
}

.btn.btn-label-brand-o2 {
    background-color: #C4E1E1;
    color: #336666;
    cursor: text !important;
}

label.btn.btn-label-brand,
a.btn.btn-label-brand,
button.btn.btn-label-brand,
input.btn.btn-label-brand {
    cursor: pointer !important;
}

label.btn.btn-label-brand:focus,
label.btn.btn-label-brand:hover,
label.btn.btn-label-brand.active,
a.btn.btn-label-brand:focus,
a.btn.btn-label-brand:hover,
a.btn.btn-label-brand.active,
button.btn.btn-label-brand:focus,
button.btn.btn-label-brand:hover,
button.btn.btn-label-brand.active,
input.btn.btn-label-brand:focus,
input.btn.btn-label-brand:hover,
input.btn.btn-label-brand.active {
    background-color: #336666;
    color: #ffffff;
}

/* menu click */
.aside-dark .menu .menu-item .menu-link.active {
    transition: color 0.2s ease, background-color 0.2s ease;
    background-color: #097B63;
    color: #ffffff;
}

/* menu active */
.aside-dark .menu .menu-item.hover>.menu-link:not(.disabled):not(.active),
.aside-dark .menu .menu-item .menu-link:hover:not(.disabled):not(.active) {
    transition: color 0.2s ease, background-color 0.2s ease;
    background-color: #097B63;
    color: #ffffff;
}

.aside-dark .menu .menu-item.here>.menu-link, .aside-dark .menu .menu-item.show>.menu-link {
    transition: color 0.2s ease, background-color 0.2s ease;
    background-color: #097B63;
    color: #ffffff;
}

.aside-dark .menu .menu-item .menu-link, .aside-dark .menu .menu-item .menu-link .menu-title {
    color: #ffffff;
}

.aside-menu {
    background-color: #055242;
}

/* logo */
.aside.aside-dark .aside-logo {
    background-color: #F1F1F1;
}

/* menu icon */
.aside-dark .menu .menu-item .menu-link .menu-icon i {
    color: #ffffff;
}

.aside-dark .menu .menu-item .menu-link.active .menu-icon i {
    color: #ffffff;
}

.aside-dark .menu .menu-item.here>.menu-link .menu-icon i, .aside-dark .menu .menu-item.show>.menu-link .menu-icon i {
    color: #ffffff;
}

.aside-dark .menu .menu-item.hover>.menu-link:not(.disabled):not(.active) .menu-icon i,
.aside-dark .menu .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-icon i {
    color: #ffffff;
}