/********************
* Secondary Nav
********************/

#secondary-nav.account-nav {
    width: 297px;
    left: 0;
    background: var(--swoogo-pacifica-100);
}

#secondary-nav.account-nav .panel {
    background: var(--swoogo-pacifica-100);
}

#secondary-nav.account-nav .panel-heading {
    background: var(--swoogo-pacifica-100);
}

#secondary-nav.account-nav .kv-sidenav .active > ul, .nav-pills > li.active > a {
    background: var(--swoogo-pacifica-100);
}

#secondary-nav.account-nav li a, #secondary-nav.account-nav .kv-sidenav .active > a > span > .indicator, #secondary-nav.account-nav .kv-sidenav .indicator {
    color: white;
    font-weight: 500;
}

#secondary-nav.account-nav .divider {
    margin-top: 24px !important;
    opacity: 0.3;
}

#secondary-nav.account-nav .table, #secondary-nav.account-nav .panel {
    margin-bottom: 24px !important;
}

#secondary-nav.account-nav i.account-setup-chevron-up {
    display: inline-block;
    background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"13\" viewBox=\"0 0 12 13\" fill=\"none\"><path d=\"M10.3211 9.48774C10.0351 9.48768 9.76075 9.3825 9.5585 9.19532L6.00635 5.90894L2.4542 9.19532C2.35469 9.29064 2.23567 9.36667 2.10406 9.41898C1.97246 9.47128 1.83091 9.49881 1.68768 9.49996C1.54445 9.50111 1.40241 9.47586 1.26984 9.42568C1.13727 9.3755 1.01683 9.3014 0.915552 9.20769C0.814271 9.11399 0.734174 9.00256 0.679936 8.87991C0.625698 8.75726 0.598405 8.62585 0.59965 8.49334C0.600895 8.36082 0.630652 8.22987 0.687185 8.10811C0.743719 7.98635 0.825897 7.87623 0.928923 7.78416L5.24371 3.7922C5.446 3.6051 5.72032 3.5 6.00635 3.5C6.29238 3.5 6.5667 3.6051 6.76899 3.7922L11.0838 7.78416C11.2346 7.92374 11.3373 8.10154 11.3789 8.2951C11.4205 8.48867 11.3991 8.6893 11.3175 8.87163C11.2359 9.05396 11.0977 9.20981 10.9203 9.31948C10.743 9.42914 10.5345 9.48769 10.3211 9.48774Z\" fill=\"white\"/></svg>");
    height: 12px;
    width: 12px;
}

#secondary-nav.account-nav i.account-setup-chevron-down {
    display: inline-block;
    background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"13\" viewBox=\"0 0 12 13\" fill=\"none\"><path d=\"M6.01328 9.5C5.72687 9.49994 5.45221 9.39476 5.24972 9.2076L0.929718 5.21577C0.826567 5.12372 0.74429 5.0136 0.687688 4.89184C0.631086 4.77009 0.601293 4.63914 0.600047 4.50663C0.598801 4.37412 0.626126 4.24271 0.68043 4.12006C0.734733 3.99742 0.814926 3.886 0.916331 3.7923C1.01773 3.69859 1.13832 3.62449 1.27105 3.57432C1.40377 3.52414 1.54599 3.49889 1.68939 3.50004C1.83279 3.50119 1.97451 3.52872 2.10627 3.58102C2.23804 3.63332 2.35721 3.70935 2.45684 3.80466L6.01328 7.09093L9.56972 3.80466C9.77341 3.62288 10.0462 3.52229 10.3294 3.52456C10.6126 3.52684 10.8834 3.63179 11.0837 3.81682C11.2839 4.00185 11.3975 4.25215 11.4 4.51381C11.4024 4.77547 11.2936 5.02756 11.0968 5.21577L6.77684 9.2076C6.57434 9.39476 6.29969 9.49994 6.01328 9.5Z\" fill=\"%23F4F6F7\"/></svg>");
    height: 12px;
    width: 12px;
}

#secondary-nav.account-nav ul li.active > a:not(.kv-toggle) {
    color: var(--swoogo-prelude-100);
}

#secondary-nav.account-nav .nav > li > a:focus, #secondary-nav.account-nav .nav > li > a:hover {
    background-color: var(--swoogo-east-bay-100);
    border-radius: 8px;
}

#secondary-nav.account-nav ul li.active.bg > a.kv-toggle {
    background-color: var(--swoogo-lavender-100);
    border-radius: 8px;
}

@media (max-width: 767px) {
    .nav-margin {
        margin-left: 50px;
    }
}

#secondary-nav.account-nav::-webkit-scrollbar {
    width: 8px;
    background-color: #f5f5f5;
}

#secondary-nav.account-nav::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 10px;
}

#secondary-nav.account-nav::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}