:root {
    --color-dark-border: #2f3234;
    --color-fore-highlight: #7366FF;
    --color-back-highlight: rgb(115, 102, 255);
    
    --color-fore-profit: green;
    --color-back-profit: green;
    --color-fore-loss: red;
    --color-back-loss: red;
}

body {
    font-family: 'Noto Sans TC', sans-serif !important;
    font-size: 16px;
}

body.dark-sidebar .sidebar-title i.fa
, body.dark-sidebar .sidebar-title i.fas {
    font-size: 1.1rem;
    color: rgba(255, 255, 255, 0.6);
    margin-right: 1rem;
}

body.dark-sidebar .sidebar-title:hover i.fa
, body.dark-sidebar .sidebar-title:hover i.fas {
    color: var(--theme-deafult);
}

body.dark-sidebar .sidebar-submenu li:hover a {
    color: var(--theme-deafult) !important;
}

.logo-wrapper img {
    max-height: 64px;
}
.logo-icon-wrapper img {
    max-height: 35px;
}

.btn:hover {
    filter: brightness(120%);
}

.no-header .page-body {
    margin-top: 0px !important;
}

.bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon i {
    font-size: 1.1rem;
    vertical-align: text-bottom;
}

.bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon.favourite {
    opacity: 1;
    background-color: #262932;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .according-menu
{
    display: block;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-title i
{
    margin-right: unset;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-title i
{
    margin-right: 1rem;
}

.page-wrapper .page-body-wrapper .page-body .email-wrap .email-app-sidebar ul li a.active > .title
{
    color: var(--theme-deafult) !important;
}

.card-title {
    font-size: 1.5rem;
}

.page-wrapper .page-body-wrapper .page-title .row h3 {
    font-size: 1.5rem;
}

body.dark-only .page-wrapper .page-header .header-wrapper {
    border-bottom: 1px solid var(--color-dark-border);
}

body.dark-only .page-wrapper .page-body-wrapper .page-title
, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body)
, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header
, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-footer
{
    border-color: var(--color-dark-border);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) thead
, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tbody
, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tfoot
, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tr
, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) td
, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) th
{
    border-color: var(--color-dark-border);
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tr:first-child td
{
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tr:last-child td
{
    border: 0px;    
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table thead th
{
    border-color: var(--color-dark-border);
}


@media only screen and (max-width: 575.98px) {
    
    .card-title {
        font-size: 1.2rem;
    }
    
    .page-wrapper .page-body-wrapper .page-title .row h3 {
        font-size: 1.2rem;
    }
}