/* include all addional css for client zone here */
:root {
    --yellow: #EDC016;
    --l-yellow: #FDF9E7;
    --orange: #E86200;
    --l-orange: #FDEFE5;
    --green: #71C400;
    --l-green: #F0F9E5;
    --d-blue: #1A1E30;
    --l-blue: #5C6691;
    --gray-1: #727684;
    --gray-2: #A5AABE;
    --gray-3: #CDD0DB;
    --gray-4: #EBEDF3;
    --gray-5: #F5F6FA;
    --white: #FFFFFF;
}
@font-face {
    font-family: 'Manrope', sans-serif;
    font-weight: 200;
    font-style: normal;
    src: url('/webfonts/Manrope/Manrope-200.ttf') format('ttf');
}
@font-face {
    font-family: 'Manrope', sans-serif;
    font-weight: 300;
    font-style: normal;
    src: url('/webfonts/Manrope/Manrope-300.ttf') format('ttf');
}
@font-face {
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-style: normal;
    src: url('/webfonts/Manrope/Manrope-400.ttf') format('ttf');
}
@font-face {
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    font-style: normal;
    src: url('/webfonts/Manrope/Manrope-500.ttf') format('ttf');
}
@font-face {
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-style: normal;
    src: url('/webfonts/Manrope/Manrope-600.ttf') format('ttf');
}
@font-face {
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-style: normal;
    src: url('/webfonts/Manrope/Manrope-700.ttf') format('ttf');
}
@font-face {
    font-family: 'Manrope', sans-serif;
    font-weight: 800;
    font-style: normal;
    src: url('/webfonts/Manrope/Manrope-800.ttf') format('ttf');
}

@media (min-width: 0px) {
    * {
        font-family: 'Manrope', sans-serif !important;
    }
    body, .login-page, .register-page {
        background: var(--gray-5);
    }
    .tw-100 {
        font-weight: 100;
    }
    .tw-200 {
        font-weight: 200;
    }
    .tw-300 {
        font-weight: 300;
    }
    .tw-400 {
        font-weight: 400;
    }
    .tw-500 {
        font-weight: 500;
    }
    .tw-600 {
        font-weight: 600;
    }
    .tw-700 {
        font-weight: 700;
    }
    .tw-800 {
        font-weight: 800;
    }
    .tw-900 {
        font-weight: 900;
    }
    .ts-10 {
        font-size: 10px;
    }
    .ts-12 {
        font-size: 12px;
    }
    .ts-14 {
        font-size: 14px;
    }
    .ts-16 {
        font-size: 16px;
    }
    .ts-18 {
        font-size: 18px;
    }
    .ts-20 {
        font-size: 20px;
    }
    .ts-22 {
        font-size: 22px;
    }
    .ts-24 {
        font-size: 24px;
    }
    .ts-26 {
        font-size: 26px;
    }
    .ts-28 {
        font-size: 28px;
    }
    .ts-30 {
        font-size: 30px;
    }
    .ls-2 {
        letter-spacing: 2px;
    }
    .tc-dblue {
        color: var(--d-blue) !important;
    }
    .tc-lblue {
        color: var(--l-blue) !important;
    }
    .tc-white {
        color: var(--white) !important;
    }
    .tc-gray-1 {
        color: var(--gray-1) !important;
    }
    .tc-gray-2 {
        color: var(--gray-2) !important;
    }
    .txt, .tit {
        margin: 0;
    }
    .src {
        text-decoration: underline !important;
    }
    .src.tc-dblue:hover {
        color: var(--yellow) !important;
        text-decoration: underline !important;
    }
    .ico {
        display: block;
    }
    .ico.ico--bankid {
        width: 17px;
        height: 19px;
        margin-right: 10px;
        background: url('/images/icons/ico-bankid.svg') center / cover no-repeat;
    }
    .ico.ico--star {
        width: 24px;
        height: 24px;
    }
    .ico.ico--star.ico--star-filled {
        background: url('/images/icons/ico-star.svg') center / cover no-repeat;
    }
    .ico.ico--star.ico--star-shape {
        background: url('/images/icons/ico-star-shape.svg') center / cover no-repeat;
    }
    .ico.ico--copy {
        width: 16px;
        height: 18px;
        background: url('/images/icons/ico-copy.svg') center / cover no-repeat;
    }
    .img.img--qr img {
        display: block;
        width: 156px;
        margin: 0 auto;
    }
    .content-wrapper {
        padding-top: 95px;
    }
    .navbar {
        padding: 0;
        border-bottom: 1px solid var(--gray-4);
    }
    .navbar-brand {
        padding: 0;
        margin-right: 30px;
    }
    .navbar-logo {}
    .navbar-logo img {
        display: block;
        width: 100%;
        max-width: 156px;
    }
    .main-header .nav-link {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 72px;
        color: var(--dblue) !important;
        font-weight: 500;
        border-bottom: 3px solid rgba(0,0,0,0);
    }
    .main-header .nav-link:hover {
        color: var(--yellow) !important;
        border-bottom: 3px solid var(--gray-4);
    }
    .main-header .nav-link.active {
        color: var(--yellow) !important;
        border-bottom: 3px solid var(--yellow);
    }
    .main-footer {
        background: var(--gray-4);
        border: none;
    }
    .login-page, .register-page {
        display: flex;
        justify-content: flex-start;
        padding: 60px 10px 10px;
    }
    .login-box, .register-box {
        width: 100%;
        max-width: 300px;
        margin: 0;
    }
    .login-card-body, .register-card-body {
        padding: 38px 15px;
        background: rgba(0,0,0,0);
    }
    .modal {
        padding: 0 !important;
    }
    .modal-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }
    .modal-dialog {
        display: flex;
        justify-content: center;
        width: 100%;
        margin: 0;
    }
    .modal-content {
        width: calc(100% - 20px);
        max-width: 470px;
        margin: 0;
        background-color: rgba(0,0,0,0);
        border: 0;
        border-radius: 14px;
        box-shadow: 0 15px 30px 0 rgba(0,0,0,.12);
    }
    .modal-close {
        cursor: pointer;
        position: absolute;
        top: 16px;
        right: 24px;
        width: 14px;
        height: 14px;
        background: url('/images/icons/ico-close.svg') center / cover no-repeat;
    }
    .modal .modal-content > .card {
        width: 100%;
        margin: 0;
        padding-top: 18px;
    }
    .card {
        position: relative;
        margin: 0 -10px 1rem;
        box-shadow: none !important;
        background: var(--white);
        border: 1px solid #E4E9F4;
        border-radius: 14px;
    }
    .card.card-light {
        background: var(--gray-5);
        border: 1px solid var(--gray-5);
    }
    .card__head, .card__body {
        padding: 18px 15px;
    }
    .card__head {
        border-bottom: 1px solid var(--gray-4);
    }
    .card__body > .card {
        margin: 0;
    }
    .card__body .table {
        width: calc(100% + 52px);
        height: calc(100% + 36px);
        margin: -18px -26px 0;
    }
    .card__body .table.table--crypto tbody tr td:nth-of-type(1) {
        width: 48px;
    }
    .card__body .table.table--crypto tbody tr td:nth-of-type(2) {
        width: 76px;
    }
    .card__body .table.table--crypto tbody tr td:nth-of-type(3) {
        width: 106px;
    }
    .card__body .table thead {}
    .card__body .table thead tr {}
    .card__body .table thead tr th {
        font-size: 14px;
        font-weight: 400;
        color: var(--gray-2);
    }
    .card__body .table tbody {}
    .card__body .table tbody tr {}
    .card__body .table tbody tr td {
        line-height: 1.2;
    }
    .card__body .table tbody tr:last-child td {
        border-bottom: 0 !important;
    }
    .card__body .table thead tr th,
    .card__body .table tbody tr td {
        padding: 15px 4px;
        border-top: 0;
        border-bottom: 1px solid var(--gray-4);
    }
    .card__body .table thead tr th:first-child,
    .card__body .table tbody tr td:first-child {
        padding-left: 20px;
    }
    .card__body .table thead tr th:last-child,
    .card__body .table tbody tr td:last-child {
        width: 32px;
        padding-right: 20px;
    }
    .form-group {
        margin-bottom: 15px;
    }
    .form-group:first-child {
        margin-bottom: 34px;
    }
    .form-group .form-logo {
        margin-bottom: 24px;
    }
    .form-group .form-reset-success {
        margin-bottom: 20px;
    }
    .form-group .form-logo img,
    .form-group .form-reset-success img {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .form-group .form-logo img {
        max-width: 154px;
    }
    .form-group .form-reset-success img {
        max-width: 76px;
    }
    .form-group .form-label {
        margin-bottom: 8px;
        font-size: 14px;
        font-weight: 400 !important;
        line-height: 1;
        color: var(--gray-2);
    }
    .form-group .form-control, .form-group .form-control:-webkit-autofill,
    .form-group .custom-select {
        height: initial;
        padding: 12px 12px;
        font-size: 16px;
        font-weight: 400 !important;
        border: 1px solid var(--gray-3);
        border-radius: 4px;
        background-color: rgba(255,255,255,0);
        box-shadow: none;
        outline: none;
    }
    .form-group .form-control::placeholder {
        font-weight: 400 !important;
        color: var(--gray-3) !important;
    }
    .form-group .form-control:focus {
        border: 1px solid var(--yellow);
    }
    .form-group .form-checkbox {
        display: flex;
    }
    .form-group .form-checkbox input {
        display: none;
    }
    .form-group .form-checkbox input:checked ~ .form-checkbox-box {
        background: url('/images/icons/ico-checked.svg') center / 12px no-repeat, var(--yellow);
        border: 1px solid var(--yellow);
    }
    .form-group .form-checkbox .form-checkbox-box {
        width: 16px;
        min-width: 16px;
        height: 16px;
        min-height: 16px;
        margin: 1px 8px 0 0;
        background: rgba(0,0,0,0);
        border: 1px solid var(--gray-3);
        border-radius: 3px;
    }
    .form-group .form-checkbox .form-checkbox-label {
        font-size: 14px;
        margin: 0;
        font-weight: 400;
        line-height: 1.4;
    }
    .input-group .btn.btn-secondary {
        border-radius: 0 4px 4px 0 !important;
        border: 1px solid var(--gray-3) !important;
        border-left: 0 !important;
    }
    .btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: fit-content;
        padding: 12px 18px;
        border-radius: 4px;
    }
    .btn-w-160 {
        width: 100%;
        max-width: 160px;
    }
    .btn.btn-sm {
        padding: 8px 18px;
    }
    .btn.btn-xs {
        padding: 4px 12px;
    }
    .btn.btn-primary {
        border: 1px solid var(--d-blue);
        background: var(--d-blue);
    }
    .btn.btn-primary:hover, .btn.btn-primary:active {
        border: 1px solid var(--yellow) !important;
        background: var(--yellow) !important;
    }
    .btn.btn-secondary {
        border: 1px solid var(--l-blue);
        color: var(--white) !important;
        background: var(--l-blue);
    }
    .btn.btn-secondary:hover, .btn.btn-primary:active {
        border: 1px solid var(--d-blue) !important;
        color: var(--white) !important;
        background: var(--d-blue) !important;
    }
    .btn.btn-success {
        border: 1px solid var(--green);
        background: var(--green);
    }
    .btn.btn-success:hover, .btn.btn-success:active {
        border: 1px solid var(--d-blue) !important;
        background: var(--d-blue) !important;
    }
    .btn.btn-danger {
        border: 1px solid var(--orange) !important;
        background: var(--orange) !important;
    }
    .btn.btn-danger:hover, .btn.btn-danger:active {
        border: 1px solid var(--d-blue) !important;
        background: var(--d-blue) !important;
    }
    .btn.btn-danger.btn-danger--2 {
        border: 1px solid var(--orange) !important;
        background: var(--orange) !important;
    }
    .btn.btn-danger.btn-danger--2:hover, .btn.btn-danger.btn-danger--2:active {
        border: 1px solid #F28739 !important;
        background: #F28739 !important;
    }
    .btn.btn-light {
        border: 1px solid var(--gray-5) !important;
        color: var(--d-blue) !important;
        background: var(--gray-5) !important;
    }
    .btn.btn-light:hover, .btn.btn-light:active {
        border: 1px solid var(--gray-3) !important;
        color: var(--d-blue) !important;
        background: var(--gray-3) !important;
    }
    .btn.btn-outline-light {
        border: 1px solid var(--gray-3);
        color: var(--d-blue);
        background: rgba(255,255,255,);
    }
    .btn.btn-outline-light:hover, .btn.btn-outline-light:active {
        border: 1px solid var(--gray-3) !important;
        color: var(--d-blue) !important;
        background: var(--gray-5) !important;
    }
    .btn-group .btn {
        padding: 8px 14px;
    }
    .btn-group .btn.btn-light.btn-dropdown {
        border: 1px solid var(--gray-4) !important;
        color: var(--d-blue);
        background: var(--gray-4) !important;
    }
    .btn-group .btn.btn-light.btn-dropdown:hover, .btn-group .btn.btn-light.btn-dropdown:active {
        border: 1px solid var(--gray-3) !important;
        color: var(--d-blue);
        background: var(--gray-3) !important;
    }
    .btn-group .btn.btn-light.btn-dropdown[aria-expanded="true"] {
        border: 1px solid var(--yellow) !important;
        color: var(--d-blue);
        background: var(--yellow) !important;
    }
    .dropdown-toggle {
        width: 32px;
        height: 32px;
        padding: 0 !important;
        border-radius: 32px !important;
    }
    .dropdown-toggle:after {
        border: 0 !important;
        width: 100%;
        height: 100%;
        background: url('/images/icons/ico-dropdown-mob.svg') center / 4px no-repeat;
    }
    .resp {
        background: var(--gray-5);
        padding: 14px 12px;
        border-radius: 4px;
    }
    .resp p {
        margin: 0;
        color: var(--l-blue);
        font-size: 12px;
        font-weight: 500;
        text-align: center;
    }
    .resp.resp-success {
        background: var(--gray-5);
    }
    .resp.resp-success p {
        color: var(--l-blue);
    }
    .resp.resp-danger {
        background: var(--l-orange);
    }
    .resp.resp-danger p {
        color: var(--orange);
    }
    .msg {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 22px;
        background: var(--gray-4);
        border-radius: 10px;
    }
    .msg.msg-default {
        background: var(--d-blue);
    }
    .msg.msg-danger {
        background: var(--orange);
    }
    .error-message-placeholder {
        position: relative;
        left: 10px;
        top: 0;
        width: calc(100% - 20px);
        margin-top: -10px;
        padding: 0 10px;
        font-size: 12px;
        color: var(--orange);
    }
    .form-checkbox .error-message-placeholder {
        position: absolute;
        top: 40px;
        left: 14px;
        margin: 0;
    }
    .error-message-placeholder.active {
        display: block;
    }
    .dropdown-menu {
        min-width: 130px;
        padding: 6px;
        border: 1px solid var(--gray-4);
        border-radius: 6px;
        box-shadow: 0 15px 30px 0 rgba(0,0,0,.12);
        transform: translate3d(calc(-100% + 32px), 32px, 0px) !important
    }
    .dropdown-item {
        padding: 8px 10px;
        font-size: 14px;
        font-weight: 500;
        border-radius: 4px;
    }
    .dropdown-item.disabled {
        opacity: .3;
    }
    .dropdown-item:hover {
        background: var(--gray-4);
    }
    .last-trans {
        display: block;
        margin-bottom: 10px;
        padding: 10px;
        border-radius: 8px;
        background: var(--gray-5);
        color: rgba(0,0,0,1);
        text-decoration: none !important;
        transition: all .1s ease-in-out;
    }
    .last-trans:last-child {
        margin-bottom: 0;
    }
    .last-trans:hover {
        background: var(--gray-4);
        color: rgba(0,0,0,1);
    }
    .last-trans__wrapper {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .last-trans__date {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 50px;
        min-width: 50px;
        height: 54px;
        margin-right: 20px;
        background: rgba(92,102,145,.14);
        border-radius: 6px;
    }
    .last-trans__date .txt {
        text-align: center;
        font-weight: 600;
        font-size: 12px;
        color: var(--l-blue);
        line-height: 1.2;
    }
    .last-trans__date.last-trans__date--sell {
        background: rgba(232,98,0,.14);
    }
    .last-trans__date.last-trans__date--sell .txt {
        color: var(--orange);
    }
    .last-trans__date.last-trans__date--receive {
        background: rgba(113,196,0,.14);
    }
    .last-trans__date.last-trans__date--receive .txt {
        color: var(--green);
    }
    .badge {
        padding: 6px 18px;
        font-size: 14px;
        font-weight: 400;
    }
    .badge.badge-default {
        color: var(--d-blue);
        background: #EBEDF3;
    }
    .badge.badge-success {
        color: var(--green);
        background: #F0F9E5;
    }
    .badge.badge-danger {
        color: var(--orange);
        background: #FDEFE5;
    }
    .badge.badge-warning {
        color: var(--yellow);
        background: #FDF9E7;
    }
    .crypto-icon {
        width: 34px;
        height: 34px;
    }
    .over {
        position: relative;
        cursor: pointer;
        /* white-space: nowrap; */
    }
    .over:hover:before, .over:active:before, .over:hover:after, .over:active:after {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
    }
    .over:before {
        content: '';
        position: absolute;
        bottom: 30px;
        left: calc(0px - 30px);
        width: 300px;
        padding: 10px;
        min-height: 40px;
        border: 1px solid var(--gray-3);
        border-radius: 6px;
        box-shadow: 0 4px 10px 0 rgba(0,0,0,.1);
        background: var(--gray-5);
        font-size: 12px;
        color: var(--gray-2);
        visibility: hidden;
    }
    .over:after {
        content: '';
        left: calc(50% - 10px);
        top: -10px;
        border: solid rgba(0,0,0,0);
        content: "";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-top-color: var(--gray-3);
        border-width: 10px 10px 0 10px;
        z-index: 2;
    }
    .over:before, .over:after {
        transform: translateY(-10px);
        opacity: 0;
        transition: all .2s ease-in-out;
    }
    .over.over--personal:before {
        content: 'Souhlasím se zpracováním a uchováváním svých osobních údajů, které jsem uvedl při registraci. Beru na vědomí, že mé osobní údaje budou shromažďovány a uchovávány z důvodů plnění zákonných povinností ze strany společnosti. Souhlasím s využitím těchto kontaktních a osobních údajů v rámci zasílání newsletteru, marketingových a jiných sdělení, jakož i jejich využitím v rámci ze strany partnerských společností v rámci affiliate programů.';
    }
    .chart {}
    .chart__btns {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-bottom: 18px;
    }
    .chart__btns .btn {
        width: calc(100% / 3 - 4px);
        margin-right: 6px;
        margin-bottom: 6px;
    }
    .chart__btns.chart__btns--portfolio .btn {
        width: calc(100% / 2 - 4px);
    }
    .chart__btns.chart__btns--portfolio .btn:nth-of-type(2n) {
        margin-right: 0;
    }
    .chart__btns.chart__btns--portfolio .btn:nth-of-type(3) {
        margin-right: 6px;
    }
    .chart__btns .btn.active {
        border: 1px solid var(--gray-3) !important;
        color: var(--d-blue) !important;
        background: var(--gray-3) !important;
    }
    .chart__btns .btn:nth-of-type(3n) {
        margin-right: 0;
    }
    .chart__graph {
        width: 100% !important;
    }
    .card__body .b-table {
        width: calc(100% + 30px);
        height: calc(100% + 36px);
        margin: -18px -15px 0;
    }
    .b-table {
        padding: 18px 10px;
    }
    .b-table .txt {
        line-height: 1.1;
    }
    .b-table .b-table__head .b-table__row {
        display: none;
    }
    .b-table .b-table__body .b-table__row {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 15px;
        border: 1px solid var(--gray-3);
        border-radius: 10px;
    }
    .b-table > .b-table__head > .b-table__row > .b-table__col,
    .b-table > .b-table__body > .b-table__row > .b-table__col {
        padding: 10px;
    }
    .b-table > .b-table__head > .b-table__row > .b-table__col > a {
        text-decoration: none !important;
    }
    .b-table > .b-table__body > .b-table__row > .b-table__col:nth-of-type(1),
    .b-table > .b-table__body > .b-table__row > .b-table__col:nth-of-type(4),
    .b-table > .b-table__body > .b-table__row > .b-table__col:nth-of-type(5) {
        border-bottom: 1px solid var(--gray-3);
    }
    .b-table > .b-table__body > .b-table__row > .b-table__col:nth-of-type(1) {
        width: 40%;
        order: 1;
    }
    .b-table > .b-table__body > .b-table__row > .b-table__col:nth-of-type(4) {
        width: calc(60% - 52px);
        order: 2;
    }
    .b-table > .b-table__body > .b-table__row > .b-table__col:nth-of-type(5) {
        width: 52px;
        order: 3;
    }
    .b-table > .b-table__body > .b-table__row > .b-table__col:nth-of-type(3) {
        width: 40%;
        order: 4
    }
    .b-table > .b-table__body > .b-table__row > .b-table__col:nth-of-type(2) {
        width: 60%;
        order: 5
    }
    .chart__wrapper.chart__wrapper--dashboard {
        position: relative;
    }
    .chart__wrapper.chart__wrapper--dashboard canvas {
        position: relative;
        z-index: 2;
    }
    .chart__wrapper.chart__wrapper--dashboard:before,
    .chart__wrapper.chart__wrapper--dashboard:after {
        content: '';
        position: absolute;
        left: 0;
        width: 100%;
        height: 50%;
        border: 1px dotted var(--gray-2);
        border-left: 0;
        border-right: 0;
        z-index: 1;
    }
    .chart__wrapper.chart__wrapper--dashboard:before {
        top: 0;
        border-bottom: 0;
    }
    .chart__wrapper.chart__wrapper--dashboard:after {
        bottom: 0;
    }
    /* TMP STYLES */
    .table tbody tr td .tmp-graph-img img:nth-of-type(1) {
        display: block
    }
    .table tbody tr td .tmp-graph-img img:nth-of-type(2) {
        display: none
    }
    .table tbody tr:nth-child(3n) td .tmp-graph-img img:nth-of-type(1) {
        display: none
    }
    .table tbody tr:nth-child(3n) td .tmp-graph-img img:nth-of-type(2) {
        display: block
    }
    /* END TMP STYLES */
}
@media (min-width: 576px) {
    .ts-sm-10 {
        font-size: 10px;
    }
    .ts-sm-12 {
        font-size: 12px;
    }
    .ts-sm-14 {
        font-size: 14px;
    }
    .ts-sm-16 {
        font-size: 16px;
    }
    .ts-sm-18 {
        font-size: 18px;
    }
    .ts-sm-20 {
        font-size: 20px;
    }
    .ts-sm-22 {
        font-size: 22px;
    }
    .ts-sm-24 {
        font-size: 24px;
    }
    .ts-sm-26 {
        font-size: 26px;
    }
    .ts-sm-28 {
        font-size: 28px;
    }
    .ts-sm-30 {
        font-size: 30px;
    }
    .login-page, .register-page {
        justify-content: center;
        padding: 10px;
    }
    .login-box, .register-box {
        max-width: 390px;
    }
    .login-card-body, .register-card-body {
        padding: 40px;
    }
    .card {
        margin: 0 0 1rem;
    }
    .card__head, .card__body {
        padding: 18px 26px;
    }
    .over:before {
        left: calc(50% - 300px / 2);
    }
    .chart__btns.chart__btns--portfolio .btn {
        width: calc(100% / 4 - 5px);
    }
    .chart__btns.chart__btns--portfolio .btn:nth-of-type(2n) {
        margin-right: 6px;
    }
    .chart__btns.chart__btns--portfolio .btn:nth-of-type(4) {
        margin-right: 0;
    }
    /* .card__body .b-table {
        width: calc(100% + 52px);
        margin: -18px -26px 0;
    }
    .b-table {
        padding: 18px 26px;
    } */
}
@media (min-width: 768px) {
    .ts-md-10 {
        font-size: 10px;
    }
    .ts-md-12 {
        font-size: 12px;
    }
    .ts-md-14 {
        font-size: 14px;
    }
    .ts-md-16 {
        font-size: 16px;
    }
    .ts-md-18 {
        font-size: 18px;
    }
    .ts-md-20 {
        font-size: 20px;
    }
    .ts-md-22 {
        font-size: 22px;
    }
    .ts-md-24 {
        font-size: 24px;
    }
    .ts-md-26 {
        font-size: 26px;
    }
    .ts-md-28 {
        font-size: 28px;
    }
    .ts-md-30 {
        font-size: 30px;
    }
    .navbar-logo img {
        max-width: 196px;
    }
    .card__body .table thead tr th:last-child,
    .card__body .table tbody tr td:last-child {
        width: 110px;
    }
    .dropdown-menu {
        transform: translate3d(calc(-100% + 110px), 39px, 0px) !important
    }
    .dropdown-toggle {
        width: initial;
        height: initial;
        padding: 8px 12px !important;
        border-radius: 0 .2rem .2rem 0 !important;
    }
    .dropdown-toggle:after {
        width: 12px;
        height: 12px;
        background: url('/images/icons/ico-dropdown-desk.svg') center / 12px no-repeat;
    }
    .card__body .b-table {
        width: calc(100% + 52px);
        height: calc(100% + 36px);
        margin: -18px -26px 0;
    }
    .b-table {
        padding: 0 26px;
    }
    .b-table .b-table__head .b-table__row,
    .b-table .b-table__body .b-table__row {
        display: flex;
        flex-wrap: nowrap;
        margin: 0 -26px;
        padding: 0 26px;
        border: none;
        border-bottom: 1px solid var(--gray-4);
        border-radius: 0;
    }
    .b-table > .b-table__body > .b-table__row:last-child {
        border: none !important;
    }
    .b-table > .b-table__head > .b-table__row > .b-table__col,
    .b-table > .b-table__body > .b-table__row > .b-table__col {
        padding: 10px 6px;
    }
    .b-table > .b-table__head > .b-table__row > .b-table__col:nth-of-type(1),
    .b-table > .b-table__body > .b-table__row > .b-table__col:nth-of-type(1) {
        width: 170px;
        max-width: 170px;
        min-width: 170px;
        padding-left: 0;
        border: none;
        order: 1;
    }
    .b-table > .b-table__head > .b-table__row > .b-table__col:nth-of-type(4),
    .b-table > .b-table__body > .b-table__row > .b-table__col:nth-of-type(4) {
        width: calc(100% - (124px + 170px + 108px) + 40px);
        border: none;
        order: 4;
    }
    .b-table > .b-table__head > .b-table__row > .b-table__col:nth-of-type(5),
    .b-table > .b-table__body > .b-table__row > .b-table__col:nth-of-type(5) {
        width: 124px;
        max-width: 124px;
        min-width: 124px;
        padding-right: 0;
        border: none;
        order: 5;
    }
    .b-table > .b-table__head > .b-table__row > .b-table__col:nth-of-type(3),
    .b-table > .b-table__body > .b-table__row > .b-table__col:nth-of-type(3) {
        width: calc(100% - (124px + 170px + 108px + 40px));
        order: 3
    }
    .b-table > .b-table__head > .b-table__row > .b-table__col:nth-of-type(2),
    .b-table > .b-table__body > .b-table__row > .b-table__col:nth-of-type(2) {
        width: 108px;
        max-width: 108px;
        min-width: 108px;
        order: 2
    }
    .chart__btns.chart__btns--portfolio .btn {
        width: fit-content;
    }
}
@media (min-width: 992px) {
    .ts-lg-10 {
        font-size: 10px;
    }
    .ts-lg-12 {
        font-size: 12px;
    }
    .ts-lg-14 {
        font-size: 14px;
    }
    .ts-lg-16 {
        font-size: 16px;
    }
    .ts-lg-18 {
        font-size: 18px;
    }
    .ts-lg-20 {
        font-size: 20px;
    }
    .ts-lg-22 {
        font-size: 22px;
    }
    .ts-lg-24 {
        font-size: 24px;
    }
    .ts-lg-26 {
        font-size: 26px;
    }
    .ts-lg-28 {
        font-size: 28px;
    }
    .ts-lg-30 {
        font-size: 30px;
    }
    .card__body .table thead tr th,
    .card__body .table tbody tr td {
        padding: 15px 6px;
    }
    .card__body .table.table--crypto tbody tr td:nth-of-type(1) {
        width: 68px;
    }
    .card__body .table.table--crypto tbody tr td:nth-of-type(2) {
        width: 150px;
    }
    .card__body .table.table--crypto tbody tr td:nth-of-type(3) {
        width: 120px;
    }
    .crypto-icon {
        width: 48px;
        height: 48px;
    }
    .b-table .txt {
        line-height: 1.4;
    }
    .b-table > .b-table__head > .b-table__row > .b-table__col,
    .b-table > .b-table__body > .b-table__row > .b-table__col {
        padding: 12px 10px;
    }
}
@media (min-width: 1200px) {
    .ts-xl-10 {
        font-size: 10px;
    }
    .ts-xl-12 {
        font-size: 12px;
    }
    .ts-xl-14 {
        font-size: 14px;
    }
    .ts-xl-16 {
        font-size: 16px;
    }
    .ts-xl-18 {
        font-size: 18px;
    }
    .ts-xl-20 {
        font-size: 20px;
    }
    .ts-xl-22 {
        font-size: 22px;
    }
    .ts-xl-24 {
        font-size: 24px;
    }
    .ts-xl-26 {
        font-size: 26px;
    }
    .ts-xl-28 {
        font-size: 28px;
    }
    .ts-xl-30 {
        font-size: 30px;
    }
    .content-wrapper {
        padding-top: 115px;
    }
    .chart__btns .btn {
        width: 100%;
        margin-right: 6px;
        margin-bottom: 0;
    }
    .chart__btns .btn:nth-of-type(3n) {
        margin-right: 6px;
    }
    .chart__btns .btn:last-child {
        margin-right: 0;
    }
    .chart__btns {
        flex-wrap: nowrap;
        justify-content: flex-end;
        margin-bottom: 10px;
    }
    .chart__btns .btn {
        width: fit-content;
    }
}
@media (min-width: 1400px) {
    .ts-xxl-10 {
        font-size: 10px;
    }
    .ts-xxl-12 {
        font-size: 12px;
    }
    .ts-xxl-14 {
        font-size: 14px;
    }
    .ts-xxl-16 {
        font-size: 16px;
    }
    .ts-xxl-18 {
        font-size: 18px;
    }
    .ts-xxl-20 {
        font-size: 20px;
    }
    .ts-xxl-22 {
        font-size: 22px;
    }
    .ts-xxl-24 {
        font-size: 24px;
    }
    .ts-xxl-26 {
        font-size: 26px;
    }
    .ts-xxl-28 {
        font-size: 28px;
    }
    .ts-xxl-30 {
        font-size: 30px;
    }
    .container {
        max-width: 1320px;
    }
    .b-table > .b-table__head > .b-table__row > .b-table__col:nth-of-type(1),
    .b-table > .b-table__body > .b-table__row > .b-table__col:nth-of-type(1) {
        width: 210px;
        max-width: 210px;
        min-width: 210px;
        padding-left: 0;
        border: none;
        order: 1;
    }
}
/* Base alert styles - for inline alerts on pages */
.alert {
    padding: 16px 20px;
    border-radius: 8px;
    border: 2px solid;
    font-size: 14px;
    font-weight: 500;
    position: relative;
}

.alert-success {
    background: #e8f7dd;
    border-color: #71c400;
    color: #4a8000;
}

.alert-warning {
    background: #fff8e6;
    border-color: #EDC016;
    color: #9d7a00;
}

.alert-danger {
    background: #ffe8e6;
    border-color: #E86200;
    color: #b84800;
}

.alert-info {
    background: #e6f3ff;
    border-color: #5C6691;
    color: #3d4766;
}

.alert ul {
    margin-left: 0;
    padding-left: 1.5rem;
}

.alert h5 {
    margin-bottom: 0.5rem;
}

/* Alert on page - same margins as .card */
.alert-page {
    margin: 0 -10px 1rem;
}

/* Flash messages - fixed position at top */
.alert-dismissible {
    position: fixed;
    top: 150px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 600px;
    width: calc(100% - 40px);
    z-index: 9999;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    animation: slideDown 0.3s ease-out;
    padding-right: 45px;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

.alert .close {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    font-weight: 300;
    line-height: 1;
    color: inherit;
    opacity: 0.5;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    width: 24px;
    height: 24px;
}

.alert .close:hover {
    opacity: 0.8;
}