.no-lr-padding {
    padding-left: 0px;
    padding-right: 0px;
}

body {
    background-color: #f4f6f9;
}

[class*=sidebar-dark-] {
    background-color: #7F1084;
}

[class*=sidebar-dark] .user-panel {
    border-bottom: 1px solid #FFF;
}

[class*=sidebar-dark] .brand-link {
    border-bottom: 1px solid #FFF;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-append > .btn {
    padding: 0.375rem 0.75rem;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.font-13 {
    font-size: 13px;
}

/* 連線剩餘時間 */
.remaining-connection-time {
    max-width: unset;
    overflow-x: unset;
    white-space: nowrap;
}

@media (max-width: 576px) {
    .remaining-connection-time {
        max-width: 96px;
        overflow-x: auto;
        white-space: nowrap;
    }
}

/* 覆蓋 Google 翻譯工具的字體 */
.goog-te-banner-frame,
.goog-te-menu-frame,
.goog-te-menu2 {
    font-family: 'Roboto', Arial, sans-serif !important;
}

/* 針對翻譯選擇器 */
.goog-te-gadget-simple {
    font-family: 'Roboto', Arial, sans-serif !important;
    font-size: 16px !important;
}

/* 針對下拉選單 */
.goog-te-combo {
    font-family: 'Roboto', Arial, sans-serif !important;
    font-size: 16px !important;
}

/* 移除翻譯工具的邊框和背景 */
.goog-te-gadget-simple {
    border: none !important;
    background-color: transparent !important;
}

.modal-xxl {
    max-width: 90% !important;
    margin-left: auto;
    margin-right: auto;
}

a.user-manual:hover {
    color: #228DFF;
}

[class*="sidebar-dark"] .form-control-sidebar,
[class*="sidebar-dark"] .btn-sidebar {
    background-color: #89118F;
    border: 1px solid #A816AE;
    color: white;
}

[class*="sidebar-dark"] .form-control-sidebar:focus,
[class*="sidebar-dark"] .btn-sidebar:focus {
    border: 1px solid #E456EA;
}

[class*="sidebar-dark"] .btn-sidebar:hover {
    background-color: #A515AB;
}

[class*="sidebar-dark"] .btn-sidebar:focus {
    background-color: #B317B9;
}

[class*="sidebar-dark"] .list-group-item {
    background-color: #A515AB;
    border-color: #A816AE;
    color: #DCDFE4;
}

[class*="sidebar-dark"] .list-group-item:hover {
    background-color: #B216BA;
}

[class*="sidebar-dark"] .list-group-item:focus {
    background-color: #B317B9;
}

[class*="sidebar-dark"] .list-group-item .search-path {
    color: #C2C8CE;
}

/* === 自訂主色按鈕 === */
.btn-ocean {
    background-color: #17a2b8;
    color: #fff;
    border-color: #17a2b8;
}
.btn-ocean:hover {
    background-color: #138496;
    border-color: #117a8b;
}

.btn-sunset {
    background-color: #ff7e5f;
    color: #fff;
    border-color: #ff7e5f;
}
.btn-sunset:hover {
    background-color: #ff6840;
    border-color: #ff5733;
}

.btn-grape {
    background-color: #6f42c1;
    color: #fff;
    border-color: #6f42c1;
}
.btn-grape:hover {
    background-color: #5a32a3;
    border-color: #4a278a;
}

/* === outline 樣式 === */
.btn-outline-ocean {
    color: #17a2b8;
    border-color: #17a2b8;
}
.btn-outline-ocean:hover {
    background-color: #17a2b8;
    color: #fff;
}

.btn-outline-sunset {
    color: #ff7e5f;
    border-color: #ff7e5f;
}
.btn-outline-sunset:hover {
    background-color: #ff7e5f;
    color: #fff;
}

.btn-outline-grape {
    color: #6f42c1;
    border-color: #6f42c1;
}
.btn-outline-grape:hover {
    background-color: #6f42c1;
    color: #fff;
}

/* === Filled === */
.btn-forest {
    background-color: #28a745;
    color: #fff;
    border-color: #28a745;
}
.btn-forest:hover {
    background-color: #218838;
    border-color: #1e7e34;
}

.btn-rose {
    background-color: #e83e8c;
    color: #fff;
    border-color: #e83e8c;
}
.btn-rose:hover {
    background-color: #d63384;
    border-color: #c82373;
}

.btn-sky {
    background-color: #00c0ef;
    color: #fff;
    border-color: #00c0ef;
}
.btn-sky:hover {
    background-color: #00acd6;
    border-color: #0099c5;
}

  /* === Outline === */
.btn-outline-forest {
    color: #28a745;
    border-color: #28a745;
}
.btn-outline-forest:hover {
    background-color: #28a745;
    color: #fff;
}

.btn-outline-rose {
    color: #e83e8c;
    border-color: #e83e8c;
}
.btn-outline-rose:hover {
    background-color: #e83e8c;
    color: #fff;
}

.btn-outline-sky {
    color: #00c0ef;
    border-color: #00c0ef;
}
.btn-outline-sky:hover {
    background-color: #00c0ef;
    color: #fff;
}

/* === Filled === */
.btn-coffee {
    background-color: #6f4e37;
    color: #fff;
    border-color: #6f4e37;
}
.btn-coffee:hover {
    background-color: #593d2d;
    color: yellow;
    border-color: #4e342e;
}

.btn-coffee.active,
.btn-coffee:active,
.show > .btn-coffee.dropdown-toggle {
    background-color: #4a3226;
    border-color: #3e291f;
    color: #fff;
}

.btn-lime {
    background-color: #cddc39;
    color: #000;
    border-color: #cddc39;
}
.btn-lime:hover {
    background-color: #c0d425;
    border-color: #afb42b;
}

.btn-steel {
    background-color: #607d8b;
    color: #fff;
    border-color: #607d8b;
}
.btn-steel:hover {
    background-color: #546e7a;
    border-color: #455a64;
}

/* === Outline === */
.btn-outline-coffee {
    color: #6f4e37;
    border-color: #6f4e37;
}
.btn-outline-coffee:hover {
    background-color: #6f4e37;
    color: #fff;
}

.btn-outline-coffee.active,
.btn-outline-coffee:active,
.show > .btn-outline-coffee.dropdown-toggle {
    background-color: #4a3226;
    border-color: #3e291f;
    color: #fff;
}

.btn-outline-lime {
    color: #cddc39;
    border-color: #cddc39;
}
.btn-outline-lime:hover {
    background-color: #cddc39;
    color: #000;
}

.btn-outline-steel {
    color: #607d8b;
    border-color: #607d8b;
}
.btn-outline-steel:hover {
    background-color: #607d8b;
    color: #fff;
}

.badge-coffee {
    background-color: #6f4e37;
    color: #fff;
}