@import url('google-fonts/fonts.css');
@import url("reset.css");
:root {
    --sys-safe-top: env(safe-area-inset-top);
    --sys-safe-bottom: env(safe-area-inset-bottom);
    --sys-safe-left: env(safe-area-inset-left);
    --sys-safe-right: env(safe-area-inset-right);
}



html, body {
    min-height: 100%;
    margin: 0;
    padding: 0;
}

body {
    background: #f5f5f5;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    color: #191919;
    text-align: right;
    font-size: calc(14px * var(--scale));
    line-height: 1;
    padding-top: var(--safe-top);
}

.show-on-mobile {
    display: none;
}
.show-on-mobile-flex {
    display: none;
}

.gesture-space {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: env(safe-area-inset-bottom);
    background: #000;
    z-index: 99999;
    pointer-events: none;
}

@media (max-width: 768px) {
    html, body {
        overflow: hidden; 
    }

    .show-on-mobile {
        display: block !important;
    }

    .show-on-mobile-flex {
        display: flex !important;
    }

    .show-on-desktop {
        display: none !important;
    }

    .show-on-desktop-flex {
        display: none !important;
    }
}





.show-on-desktop {
    display: block;
}
.show-on-desktop-flex {
    display: flex;
}
@media (max-width: 768px) {
    .show-on-desktop {
        display: none !important;
    }
    .show-on-desktop-flex {
        display: none !important;
    }
}


a {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    text-decoration: none;
    cursor: pointer;
}

    a:hover,
    a:active {
        text-decoration: none;
    }


.main_container {
    /* max-width: calc(1900px * var(--scale));*/
    /*min-width: calc(1900px * var(--scale));*/
}



.loading-container {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(25, 25, 25, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3002;
}

.custom-loader {
    position: relative;
    width: 80px;
    height: 80px;
    margin: auto;
}

    .custom-loader div {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: custom-loader-animation 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .custom-loader div:nth-child(2) {
            animation-delay: -0.5s;
        }

@keyframes custom-loader-animation {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}













.row_flex {
    justify-content: space-between;
    display: flex;
}

.row_flex_center {
    align-items: center;
    justify-content: space-between;
    display: flex;
}

    .row_flex_center .batch_actions_button {
        margin-right: calc(5px * var(--scale));
    }

.row_flex_end {
    align-items: center;
    justify-content: end;
    display: flex;
}

.space_around {
    align-items: center;
    justify-content: space-around;
    display: flex;
}

.space_between {
    justify-content: space-between;
    display: flex;
}

.flex_end {
    display: flex;
    justify-content: end !important;
}

.mb10 {
    margin-bottom: calc(10px * var(--scale));
}




.drop_card {
    background: #fff;
    border-radius: 18px 0 0 0;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
    width: calc(214px * var(--scale));
    min-height: calc(133px * var(--scale));
    padding: calc(29px * var(--scale)) calc(32px * var(--scale)) calc(10px * var(--scale)) calc(10px * var(--scale));
    position: absolute;
    top: 100%;
    left: calc(35px * var(--scale));
    z-index: 2;
    display: none;
}

    .drop_card:after {
        background: #c1c1c1;
        width: calc(6px * var(--scale));
        height: 100%;
        content: '';
        position: absolute;
        top: 0;
        right: 0;
    }

    .drop_card h3 {
        font-family: 'Heebo', sans-serif;
        font-weight: 500;
        font-size: calc(20px * var(--scale));
        line-height: calc(29px * var(--scale));
        color: #000;
        margin-bottom: calc(15px * var(--scale));
    }

    .drop_card p {
        font-size: calc(14px * var(--scale));
        line-height: calc(21px * var(--scale));
        color: #000;
        margin-bottom: calc(-1px * var(--scale));
    }



.item_module_name {
}

    .item_module_name p {
        font-family: 'Heebo', sans-serif;
        font-weight: 500;
        font-size: calc(22px * var(--scale));
        color: black;
        margin-right: calc(6px * var(--scale));
        direction: rtl;
    }

    .item_module_name span {
        background: #696969;
        width: calc(2px * var(--scale));
        height: calc(22px * var(--scale));
        display: inline-block;
    }

.module_name {
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: calc(22px * var(--scale));
    line-height: calc(32px * var(--scale));
    color: #696969;
    margin-left: calc(5px * var(--scale));
}

    .module_name:hover {
        color: #fff;
    }

.icon_menu {
    position: relative;
    width: calc(24px * var(--scale));
    height: calc(24px * var(--scale));
    padding: calc(5px * var(--scale)) 0 0 calc(3px * var(--scale));
    cursor: pointer;
}

.sw-topper {
    position: relative;
    top: 0;
    width: calc(18px * var(--scale));
    height: calc(2px * var(--scale));
    background: black;
    transition: transform 0.5s, top 0.2s;
    -moz-transition: transform 0.5s, top 0.2s;
    -webkit-transition: transform 0.5s, top 0.2s;
    -o-transition: transform 0.5s, top 0.2s;
}

.sw-bottom {
    position: relative;
    width: calc(18px * var(--scale));
    height: calc(2px * var(--scale));
    top: calc(3px * var(--scale));
    background: black;
    transition: transform 0.5s, top 0.2s;
    -moz-transition: transform 0.5s, top 0.2s;
    -webkit-transition: transform 0.5s, top 0.2s;
    -o-transition: transform 0.5s, top 0.2s;
    transition-delay: 0.2s, 0s;
    -moz-transition-delay: 0.2s, 0s;
    -webkit-transition-delay: 0.2s, 0s;
    -o-transition-delay: 0.2s, 0s;
}

.sw-footer {
    position: relative;
    width: calc(18px * var(--scale));
    height: calc(2px * var(--scale));
    top: calc(6px * var(--scale));
    background: black;
    transition: transform 0.5s, top 0.2s;
    -moz-transition: transform 0.5s, top 0.2s;
    -webkit-transition: transform 0.5s, top 0.2s;
    -o-transition: transform 0.5s, top 0.2s;
    transition-delay: 0.2s, 0s;
    -moz-transition-delay: 0.2s, 0s;
    -webkit-transition-delay: 0.2s, 0s;
    -o-transition-delay: 0.2s, 0s;
}

.icon_menu.active .sw-topper {
    background: #fff;
    top: calc(5px * var(--scale));
    transform: rotate(140deg);
    -moz-transform: rotate(140deg);
    -webkit-transform: rotate(140deg);
    -o-transform: rotate(140deg);
}

.icon_menu.active .sw-bottom {
    background: #fff;
    top: calc(3px * var(--scale));
    transform: rotate(-140deg);
    -moz-transform: rotate(-140deg);
    -webkit-transform: rotate(-140deg);
    -o-transform: rotate(-140deg);
}

.icon_menu.active .sw-footer {
    top: 0;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    opacity: 0;
}

/*.nav_block {
    background: #fff;
    width: calc(320px * var(--scale));
    height: 100%;
    position: fixed;
    right: calc(-400px * var(--scale));
    top: calc(60px * var(--scale));
    bottom: 0;
    padding: calc(50px * var(--scale)) 0;
    transition: .4s all;
    z-index: 20;
}

    .nav_block.active {
        right: 0;
    }*/

.nav li a {
    position: relative;
    border-bottom: 1px solid #E4E4E4;
    width: 100%;
    height: calc(50px * var(--scale));
    font-size: calc(16px * var(--scale));
    line-height: calc(23px * var(--scale));
    color: #000;
    padding-right: calc(30px * var(--scale));
    justify-content: flex-end;
    align-items: center;
    display: flex;
}

    .nav li a:hover,
    .list_header_dropdown a:hover {
        background: #EEEEEE;
    }


.nav li:not(.accounting_menu_item):nth-child(3) a i {
    background-position: 0 0;
}



.nav li a:hover i,
.comment_active_futures:hover,
.item_comment_active_futures:hover .comment_active_futures,
.drop_popover li:hover a img {
    filter: grayscale(0);
}

.nav li.active a:after {
    background: #3473EB;
    width: calc(4px * var(--scale));
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
}

.nav li.active a:hover:after {
    display: none;
}

.flex_start {
    align-items: flex-start !important;
}

.transactions_head {
    border-bottom: calc(1px * var(--scaleY)) solid #ccc;
    /*min-height: calc(91px * var(--scaleY));*/
    padding: calc(26px * var(--scaleY)) calc(65px * var(--scale));
    width: 100%;
    position: sticky;
    top: calc(60px * var(--scaleY));
    background: #fff;
    z-index: 40;
}

    .transactions_head.active_report_head {
        padding: calc(26px * var(--scaleY)) calc(20px * var(--scale));
    }

.transactions_head_active_report .item_tool_tip {
    width: auto;
    min-width: calc(120px * var(--scale));
    max-width: calc(140px * var(--scale));
}

.row_dashboard {
    padding: calc(30px * var(--scale)) calc(229px * var(--scale));
    flex-wrap: wrap;
}

.row_front_office {
    padding: 0 calc(229px * var(--scale));
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
}

    .row_front_office .dashboard_card {
        margin: 0 calc(20px * var(--scale)) calc(30px * var(--scale));
    }

.dashboard_card {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 4px rgba(0,0,0,.15);
    min-height: calc(342px * var(--scale));
    margin: 0 calc(10px * var(--scale)) 0px;
    min-width: calc(440px * var(--scale));
    position: relative;
    margin-bottom: 10px;
}

    .dashboard_card.active {
        margin: calc(20px * var(--scale)) calc(9% * var(--scale));
    }


.dashboard_head {
    background-color: white ;
    border-radius: inherit;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    color: black;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding: calc(8px * var(--scale)) calc(16px * var(--scale));
}

    .dashboard_head img {
        margin-left: calc(16px * var(--scale));
    }

    .dashboard_head h3 {
        font-size: calc(20px * var(--scale));
    }

    .dashboard_head h1 {
        font-size: calc(30px * var(--scale));
    }

    .dashboard_head p {
        direction: rtl;
        font-size: calc(14px * var(--scale));
        line-height: calc(20px * var(--scale));
        opacity: .7;
    }

.dashboard_card_item {
    border-top: 1px solid #dadada;
    min-height: calc(44px * var(--scale));
    font-size: calc(16px * var(--scale));
    padding: calc(11px * var(--scale)) calc(19px * var(--scale));
    align-items: center;
    justify-content: space-between;
    display: flex;
}

.icon_dashboard {
    width: calc(21px * var(--scale));
    height: calc(21px * var(--scale));
    margin-right: calc(10px * var(--scale));
}

.dashboard_card_item img {
    width: 100%;
    height: auto;
    display: block;
}

.dashboard_card_item span {
    position: relative;
    color: #696969;
    top: calc(-2px * var(--scale));
}

.dashboard_card_item strong {
    font-family: 'Heebo', sans-serif;
    font-weight: 700;
    color: #191919;
    padding-left: calc(5px * var(--scale));
}

.hover_dashboard {
    background: rgba(25,25,25,.7);
    border-radius: 6px;
    transition: all 0.3s linear;
    align-items: center;
    justify-content: center;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    opacity: 0;
}

.dashboard_card:hover .hover_dashboard {
    opacity: 1;
}

.btn_dashboard {
    border: 1px solid #fff;
    border-radius: 3px;
    font-size: calc(13px * var(--scale));
    color: #fff;
    padding: calc(10px * var(--scale)) calc(25px * var(--scale));
    display: inline-block;
}

    .btn_dashboard:hover {
        background: #3473eb;
        border-color: #3473eb;
    }

.item_right_transactions {
    align-items: center;
    display: flex;
}

.item_right_transactions_inline {
    display: inline-block;
}

    .item_right_transactions_inline h2 {
        margin-bottom: calc(35px * var(--scale));
    }

.item_right_transactions h2 {
    font-size: calc(26px * var(--scale));
    margin-left: calc(18px * var(--scale));
}

.monitor_page_toolbar {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

.monitor_tabs {
    align-items: center;
    display: flex;
    justify-content: center;
}

.monitor_tab {
    color: #191919;
    font-weight: 700;
    padding: calc(8px * var(--scale)) calc(45px * var(--scale));
    text-decoration: none;
    cursor: pointer;
}

    .monitor_tab.active {
        border-bottom: 3px solid #3473eb;
        color: #3473eb;
    }

.button_btn {
    background: transparent;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: calc(13px * var(--scale));
    color: #3473eb;
    margin-right: calc(15px * var(--scale));
    padding: calc(4px * var(--scale)) calc(15px * var(--scale)) calc(3px * var(--scale));
}

    .button_btn img {
        position: relative;
        margin-left: calc(5px * var(--scale));
        top: calc(-1px * var(--scale));
    }

    .button_btn:hover {
        border-color: #3473eb;
    }

    .button_btn:focus {
        border-color: #000;
    }

.wrap_date_picker {
    position: relative;
    display: inline-block;
}


.date_picker {
    background: #fff;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    width: calc(227px * var(--scale));
    margin-top: calc(2px * var(--scale));
    padding: calc(.4rem * var(--scale));
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 2;
    display: none;
}

.wrap_date_picker:hover .date_picker {
    display: block;
}

.row_date {
    margin-bottom: calc(10px * var(--scale));
}

.prev,
.next {
    border: .45rem solid transparent;
    width: calc(10px * var(--scale));
    height: calc(10px * var(--scale));
    display: block;
}

.prev {
    border-right-color: #ccc;
}

.next {
    border-left-color: #ccc;
}

.items_end {
    align-items: flex-end;
}

.date_date_picker {
    font-family: 'Heebo', sans-serif;
    font-weight: 700;
    font-size: calc(.944rem * var(--scale));
    line-height: calc(19px * var(--scale));
    align-items: flex-end;
}

    .date_date_picker span {
        font-size: calc(11px * var(--scale));
        line-height: calc(16px * var(--scale));
        padding-right: calc(10px * var(--scale));
    }






.no_picker {
    color: #CBCBCB;
    cursor: default;
}

    .no_picker:hover {
        background: none;
        color: #CBCBCB;
    }

.control_basketets_wrap,
.control_yield_wrap {
    padding: calc(24px * var(--scale)) calc(20px * var(--scale));
    padding-bottom: 0!important;
    padding-top: calc(24px * var(--scaleY))!important;
}

    .control_yield_wrap .arrow_futures_matching {
        position: static;
        margin-left: calc(10px * var(--scale));
    }

    .control_yield_wrap .space_between .arrow_futures_matching {
        position: absolute;
        right: calc(-30px * var(--scale));
        top: calc(30px * var(--scale));
    }

.cy_top {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.align_flex_end {
    justify-content: flex-end;
}

.item_right_transactions_inline .cy_top h2 {
    margin-bottom: calc(12px * var(--scale));
}

.item_right_transactions_inline .cy_top .arrow_futures_matching {
    position: static;
    margin-left: calc(10px * var(--scale));
    margin-bottom: calc(10px * var(--scale));
}


.list_control_basketets li {
    background: #fff;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    /*margin-bottom: calc(24px * var(--scale));*/
}

.header_control_basketets {
    align-items: center;
    direction: rtl;
    display: flex;
    flex-direction: row;
    padding: calc(24px * var(--scale));
}

.button_control {
    padding: calc(9px * var(--scale)) calc(15px * var(--scale));
    margin-left: calc(12px * var(--scale));
}

.header_control_basketets h3,
.count {
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: calc(19px * var(--scale));
    margin-left: calc(15px * var(--scale));
}

table {
    width: 100%;
}

.table_control_basketets {
    direction: rtl;
}
    /*
    .table_control_basketets tr {
        direction: ltr !important;
    }*/

    .table_control_basketets th {
        border-bottom: 1px solid #e4e4e4;
        font-size: calc(13px * var(--scale));
        font-weight: 700;
        padding: calc(11px * var(--scale)) calc(4px * var(--scale));
        text-align: right;
        white-space: pre-line;
    }

    .table_control_basketets td {
        border-bottom: 1px solid #e4e4e4;
        padding: calc(20px * var(--scale)) calc(4px * var(--scale));
    }

.not_error_table_control {
    align-items: center;
    display: flex;
    direction: rtl;
}

    .not_error_table_control img {
        margin: 0 calc(10px * var(--scale));
    }

.footer_control_basketets {
    padding: calc(16px * var(--scale)) calc(23px * var(--scale));
    direction: rtl;
}

.btn_footer_cont {
    background: transparent;
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    color: #3473eb;
    padding: calc(6px * var(--scale)) calc(15px * var(--scale));
}

.row_user {
    justify-content: center;
    display: flex;
}

.wrap_user_input {
    position: relative;
    padding-left: calc(8px * var(--scale));
}

.usernote_input {
    background: #fcfcfc;
    border: 1px solid #cbcbcb;
    border-radius: 3px;
    width: 100%;
    font-size: calc(14px * var(--scale));
    color: #191919;
    direction: rtl;
    padding: calc(7px * var(--scale)) calc(38px * var(--scale)) calc(8px * var(--scale)) calc(9px * var(--scale));
}

    .usernote_input:focus {
        background: transparent;
        border-color: #3473eb;
    }

.user_avatar {
    background: #692A79;
    border-radius: 50%;
    width: calc(24px * var(--scale));
    height: calc(24px * var(--scale));
    font-size: calc(16px * var(--scale));
    line-height: calc(20px * var(--scale));
    color: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    right: calc(8px * var(--scale));
    transform: translateY(-50%);
}

.alert_alert {
    align-items: center;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 7px rgba(0,0,0,.2), 0 4px 4px rgba(0,0,0,.25);
    direction: rtl;
    display: flex;
    left: calc(50% - 217px);
    padding: calc(19px * var(--scale));
    position: fixed;
    top: calc(50px * var(--scale));
    width: calc(434px * var(--scale));
    z-index: 120;
}

    .alert_alert > img {
        margin-left: calc(21px * var(--scale));
    }

.button {
    background: transparent;
    text-decoration: none;
    color: #3473eb;
    border-radius: 4px;
    font-size: calc(13px * var(--scale));
    padding: calc(6px * var(--scale)) calc(15px * var(--scale));
    display: inline-block;
    margin-left: calc(15px * var(--scale));
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
}

.alert_close {
    margin: 0;
    padding: 0;
    position: absolute;
    left: calc(19px * var(--scale));
    bottom: calc(24px * var(--scale));
}

.wrap_active_futures {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--scale));
    text-align: right;
    /*max-width: calc(1832px * var(--scale));*/
    padding: 0 calc(30px * var(--scale));
}

.wrap_active_swaps {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--scale));
    text-align: right;
    max-width: calc(1863px * var(--scale));
    margin: calc(-1px * var(--scale)) auto auto;
    padding: 0 calc(30px * var(--scale));
}

.wrap_active_report {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--scaleY));
    text-align: right;
    margin: 0 auto auto;
}

    .wrap_active_report table {
        table-layout: fixed;
    }

.head_active_futures {
    background: #f5f5f5;
    border-bottom: 2px solid #e6e6e6;
    padding: calc(6px * var(--scale)) calc(20px * var(--scale)) calc(6px * var(--scale)) calc(6px * var(--scale));
    position: sticky;
    top: calc(150px * var(--scaleY));
    z-index: 2;
}

    .head_active_futures tr {
        font-weight: 700;
    }

        .head_active_futures tr th {
            height: calc(60px * var(--scale));
            vertical-align: middle;
            padding-left: calc(30px * var(--scale));
            position: relative;
        }

            .head_active_futures tr th:last-child {
                padding-left: calc(14px * var(--scale));
            }

.head_active_report {
    background: #f5f5f5;
    border-bottom: 2px solid #e6e6e6;
    padding: 0;
    position: sticky;
    top: calc(150px * var(--scaleY));
    z-index: 2;
}

    .head_active_report.rates {
        top:0;
    }

    .head_active_report tr {
        font-weight: 700;
    }

        .head_active_report tr th {
            position: relative;
            height: calc(70px * var(--scaleY));
            vertical-align: middle;
            padding-left: calc(24px * var(--scale));
            padding-right: calc(6px * var(--scale));
        }

            .head_active_report tr th:last-child {
                padding-left: calc(14px * var(--scale));
            }

            .head_active_report tr th:last-child {
                padding-right: calc(20px * var(--scale));
            }


.head_active_swaps {
    background: #f5f5f5;
    border-bottom: 2px solid #e6e6e6;
    padding: 0;
    position: sticky;
    top: calc(210px * var(--scaleY));
    z-index: 2;
}

    .head_active_swaps.rates {
        top: calc(200px * var(--scaleY));
    }

    .head_active_swaps tr {
        font-weight: 700;
    }

        .head_active_swaps tr th {
            position: relative;
            height: calc(60px * var(--scaleY));
            vertical-align: middle;
            padding-left: calc(17px * var(--scale));
            padding-right: calc(5px * var(--scale));
        }

            .head_active_swaps tr th:last-child {
                padding-left: calc(14px * var(--scale));
            }

            .head_active_swaps tr th:last-child {
                padding-right: calc(20px * var(--scale));
            }

.list_active_futures tr {
    position: relative;
}

.list_active_futures > li {
    position: relative;
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
    padding: calc(6px * var(--scale)) calc(20px * var(--scale)) calc(6px * var(--scale)) calc(6px * var(--scale));
}


.list_active_swaps tr {
    position: relative;
}

.list_active_swaps > li {
    position: relative;
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
    padding: calc(6px * var(--scale)) 0;
}

.virtualize_overflow {
    max-height: calc(83vh * var(--scale));
    overflow: auto;
}

    .virtualize_overflow::-webkit-scrollbar {
        display: none;
    }

.list_active_report > li {
    position: relative;
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
    padding: calc(2px * var(--scale)) 0;
    padding: calc(2px * var(--scale)) 0;
}

.list_active_report .empty {
    height: calc(38px * var(--scale));
}

.empty.head {
    height: calc(40px * var(--scale));
    background: #f5f5f5;
}

.list_active_report .table_head {
    background: #f5f5f5;
    height: calc(40px * var(--scale));
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}

    .list_active_report .table_head div {
        margin: auto 0;
    }

.list_active_report .table_row {
    padding: calc(10px * var(--scale)) 0 calc(10px * var(--scale)) calc(30px * var(--scale));
}

.list_active_report tr td:last-child div {
    padding-right: calc(20px * var(--scale));
}

.list_active_futures > li.empty {
    position: relative;
    background: #f5f5f5;
    border-bottom: 1px solid #e6e6e6;
    padding: calc(6px * var(--scale)) calc(20px * var(--scale)) calc(6px * var(--scale)) calc(6px * var(--scale));
}

.list_active_swaps > li.empty {
    position: relative;
    background: #f5f5f5;
    border-bottom: 1px solid #e6e6e6;
    padding: calc(6px * var(--scale)) calc(20px * var(--scale)) calc(6px * var(--scale)) calc(6px * var(--scale));
}

li.empty > div.empty_wrapper {
    display: flex;
    justify-content: center;
}

.list_active_futures li tr td {
    height: calc(60px * var(--scale));
    vertical-align: middle;
    padding-left: calc(30px * var(--scale));
    direction: rtl;
}

.list_active_swaps li tr td {
    height: calc(60px * var(--scale));
    vertical-align: middle;
    padding-left: calc(17px * var(--scale));
    padding-right: calc(5px * var(--scale));
}

.dotted_active_futures {
    position: relative;
    vertical-align: middle;
    display: inline-block;
}

    .dotted_active_futures i {
        background: url(../images/dotted-active-futures.png) no-repeat center;
        background-size: contain;
        width: calc(24px * var(--scale));
        height: calc(24px * var(--scale));
        display: block;
    }

.drop_popover {
    background: #fff;
    box-shadow: 0 2px 8px -1px rgba(0,0,0,.1);
    width: calc(180px * var(--scale));
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 5;
    direction: ltr;
    display: none;
}

.dotted_active_futures:hover .drop_popover {
    display: block;
}

.drop_popover li a {
    border-bottom: 1px solid #eee;
    text-align: right;
    color: #191919;
    padding: calc(7px * var(--scale)) calc(10px * var(--scale));
    justify-content: flex-end;
    align-items: center;
    display: flex;
}

    .drop_popover li a:hover {
        background: #eee;
    }

    .drop_popover li a img {
        position: relative;
        margin-left: calc(10px * var(--scale));
        top: calc(1px * var(--scale));
        right: calc(3px * var(--scale));
        width: calc(30px * var(--scale));
        height: calc(30px * var(--scale));
        filter: grayscale(100%);
    }


.star_active_futures {
    background-color: #ffa800;
    background-image: url(../images/star-active-futures.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    width: calc(12px * var(--scale));
    height: calc(12px * var(--scale));
    margin-left: calc(10px * var(--scale));
    display: inline-block;
}


.active_futures_title {
    font-size: calc(26px * var(--scale));
    margin-bottom: calc(30px * var(--scaleY));
}

.row_calendar {
    display: flex;
}

.item_row_calendar {
    margin-left: calc(15px * var(--scale));
    display: flex;
    align-items: center;
}

    .item_row_calendar p {
        margin-left: calc(6px * var(--scale));
    }

.label_calendar {
    width: calc(58px * var(--scale));
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: calc(13px * var(--scale));
    color: #696969;
    margin: 0 calc(8px * var(--scale));
}

.page_rolling_out_control {
    padding: 0 calc(20px * var(--scale)) calc(6px * var(--scale));
    direction: rtl;
    justify-content: center;
    align-items: end;
    display: flex;
}

.item_page_rolling_out_control {
    min-width: calc(140px * var(--scale));
    margin-right: calc(24px * var(--scale));
    flex-direction: column;
    display: flex;
}

.last_child {
    margin: 0;
}

    .last_child .title_page_rolling_out_control {
        direction: rtl;
        margin-right: calc(2px * var(--scale));
    }

.item_page_rolling_out_control .item_tool_tip .input_list {
    min-height: calc(33px * var(--scale));
}

.item_page_rolling_out_control .item_tool_tip {
    min-height: calc(33px * var(--scale));
}

.title_page_rolling_out_control {
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: calc(14px * var(--scale));
    color: #696969;
    min-width: calc(61px * var(--scale));
}

.title_interest_rate {
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: calc(16px * var(--scale));
    line-height: calc(28px * var(--scale));
    color: #696969;
    min-width: calc(61px * var(--scale));
    margin-right: calc(6px * var(--scale));
}

.title_interest_rate2 {
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: calc(14px * var(--scale));
    line-height: calc(28px * var(--scale));
    color: #696969;
    min-width: calc(61px * var(--scale));
    direction: rtl;
}

.star_new_futures {
    background: linear-gradient(165.07deg, #ffcc4a 10.53%, #ffa800 89.8%);
    border-radius: 50%;
    width: calc(12px * var(--scale));
    height: calc(12px * var(--scale));
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: calc(24px * var(--scale));
}

.IRS_currency {
    position: relative;
}

    .IRS_currency .star_new_futures {
        position: absolute;
        z-index: 1;
        top: calc(10px * var(--scale));
        left: calc(-17px * var(--scale));
    }

        .IRS_currency .star_new_futures img {
            vertical-align: inherit;
        }

.item_page_rolling_out_control .wrap_date_picker {
    margin: 0;
    direction: ltr;
}

.drop_select.item_scrollbar .viewport {
    background: #fff;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: calc(5px * var(--scale));
    padding-right: calc(5px * var(--scale));
    z-index: 5;
    display: none;
}

.drop_select.item_scrollbar:hover .viewport {
    display: block;
}

.drop_select.item_scrollbar .list_drop_table_filtre {
    padding-left: calc(5px * var(--scale));
}

.border_rolling_out {
    background: #c4c4c4;
    width: calc(1px * var(--scale));
    height: calc(32px * var(--scale));
    margin: calc(28px * var(--scale)) calc(24px * var(--scale)) 0 0;
    display: block;
}

.checboks_rolling_out {
    width: calc(230px * var(--scale));
    margin-right: calc(24px * var(--scale));
    padding-top: calc(28px * var(--scale));
    align-items: center;
    justify-content: space-around;
    display: flex;
}

    .checboks_rolling_out p {
        font-family: 'Heebo', sans-serif;
        font-weight: 500;
        font-size: calc(14px * var(--scale));
        line-height: calc(28px * var(--scale));
        color: #696969;
    }

    .checboks_rolling_out .wrap_check_box {
        border: none;
        min-height: auto;
        padding: 0;
    }

.wrap_rolling_out {
    max-width: calc(1300px * var(--scale));
    margin: 0 auto;
    margin-top: calc(215px * var(--scale));
    padding: calc(30px * var(--scale)) calc(20px * var(--scale)) calc(100px * var(--scale));
}

.wrap_rolling_out_head {
    position: fixed;
    top: calc(156px * var(--scale));
    right: 0;
    left: calc(300px * var(--scale));
    z-index: 12;
    margin: 0;
    padding: calc(30px * var(--scale)) calc(20px * var(--scale)) 0 calc(20px * var(--scale));
}

.master_row {
    cursor: pointer;
}

    .master_row:hover {
        background: #dffafc;
    }

    .master_row td {
        padding: calc(12px * var(--scaleY)) 0 calc(12px * var(--scaleY)) calc(20px * var(--scale));
        margin-bottom: calc(6px * var(--scaleY));
    }

        .master_row td:last-child {
            padding-right: calc(20px * var(--scale));
        }

.nested_data_row td {
    padding: calc(6px * var(--scale)) 0 calc(6px * var(--scale)) calc(30px * var(--scale));
    margin-bottom: calc(6px * var(--scaleY));
}

.nested_head_row {
    background: #f5f5f5;
    display: none;
}

    .nested_head_row.active {
        display: table-row;
    }

.nested_data_row.active + .master_row {
    border-top: calc(2px * var(--scaleY)) solid #f5f5f5;
}

.nested_data_row {
    border-bottom: 1px solid #f5f5f5;
    display: none;
}

    .nested_data_row.active {
        display: table-row;
    }

.nested_head_row td {
    padding: calc(12px * var(--scale)) 0 calc(12px * var(--scale)) calc(30px * var(--scale));
}

.wrap_rolling_out > table {
    margin-bottom: 20px
}

.wrap_rolling_out > .head_table_rolling_out > tbody > tr {
    border-bottom: 4px solid #f5f5f5;
}

    .wrap_rolling_out > .head_table_rolling_out > tbody > tr:first-child {
        border-top: 4px solid #f5f5f5;
    }

.head_table_rolling_out.active_currency > tbody {
    display: contents;
}

.head_table_rolling_out_child {
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    color: #696969;
    padding-right: calc(30px * var(--scale));
    height: calc(12px * var(--scale)) !important;
}

    .head_table_rolling_out_child:not(.active) {
        display: none;
    }

.table_rolling_out_caption {
    position: absolute;
    bottom: calc(7px * var(--scale));
    font-size: calc(12px * var(--scale));
    color: rgb(136 127 127);
}

.rolling_out_popup {
    background: rgba(0,0,0,.5);
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 300000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rolling_out_popup_container {
    background-color: #fff;
    width: calc(430px * var(--scale));
    min-height: calc(300px * var(--scale));
    display: flex;
    flex-direction: column;
}

.rolling_out_popup_text {
    text-align: center;
    padding: calc(20px * var(--scale));
    overflow-wrap: anywhere;
    direction: rtl;
}

.rolling_out_popup_content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
}

.rolling_out_popup_continue_btn {
    background: #3473eb;
    border-radius: 3px;
    height: calc(32px * var(--scale));
    width: calc(122px * var(--scale));
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    color: #fff;
    cursor: pointer;
    outline: none;
    -webkit-transition: background .15s linear;
    transition: background .15s linear;
    text-decoration: none;
}

.wrap_table_rolling_out {
    border-bottom: 1px solid #e6e6e6;
    padding-right: 0;
    direction: rtl;
    background: #f5f5f5;
}

.table_rolling_out th {
    height: calc(60px * var(--scale));
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    color: #696969;
    padding-right: calc(30px * var(--scale));
}

    .table_rolling_out th:first-child,
    .head_table_rolling_out tr td:first-child {
        padding-right: calc(20px * var(--scale));
    }

.head_table_rolling_out {
    direction: rtl;
}

    .head_table_rolling_out thead tr,
    .head_table_rolling_out tbody tr {
        background: #fff;
        height: calc(61px * var(--scale));
    }

    .head_table_rolling_out tr td:nth-child(2) {
        padding-right: calc(20px * var(--scale));
    }

    .head_table_rolling_out > tr:first-child td:first-child {
        padding: 0;
    }

    .head_table_rolling_out tr td {
        padding-right: calc(30px * var(--scale));
    }

        .head_table_rolling_out tr td:first-child {
            padding-right: calc(20px * var(--scale));
        }

    .head_table_rolling_out.active > thead > tr:not(.future) > td > .arrow_table_rolling_out,
    .head_table_rolling_out.active_currency > thead > tr > td > .arrow_table_rolling_out,
    .future.active > td > .arrow_table_rolling_out {
        transform: rotate(45deg);
    }

    .head_table_rolling_out tr.child {
        height: calc(25px * var(--scale)) !important;
    }

        .head_table_rolling_out tr.child:not(.active) {
            display: none;
        }

.arrow_table_rolling_out {
    border-top: 2px solid #696969;
    border-left: 2px solid #696969;
    width: calc(10px * var(--scale));
    height: calc(10px * var(--scale));
    transform: rotate(225deg);
    margin: 0 auto;
    display: inline-block;
}

.arrow_table_add_fund {
    border-top: 2px solid #696969;
    border-left: 2px solid #696969;
    width: calc(10px * var(--scale));
    height: calc(10px * var(--scale));
    transform: rotate(225deg);
    margin: 0 auto;
    display: inline-block;
    position: absolute;
    top: calc(10px * var(--scale));
    left: calc(5px * var(--scale));
}

    .arrow_table_add_fund.active {
        transform: rotate(45deg);
    }

.head_table_rolling_out tr td b {
    font-family: 'Heebo', sans-serif;
    font-weight: 700;
}

.fundAccounts {
    display: none;
}

    .fundAccounts.active {
        display: table-row;
    }

tr.fundAccounts > td:nth-child(5) {
    padding-right: calc(20px * var(--scale));
}

.table_add_kupa .fundAccounts td .checkbox {
    right: calc(24px * var(--scale));
}

.check_table.check_rolling_out {
    width: calc(1px * var(--scale));
    vertical-align: middle;
    display: inline-block;
    position: relative;
    right: calc(-20px * var(--scale));
}

.head_table_rolling_out tbody {
    display: none;
}

.head_table_rolling_out.active tbody {
    display: contents;
}

.head_table_rolling_out.active > tbody > tr:not(.future) > td > .arrow_table_rolling_out {
    transform: rotate(45deg);
}

.rolling_out_footer {
    background: #fff;
    box-shadow: 0 0 2px rgba(25,25,25,.35);
    height: calc(80px * var(--scale));
    justify-content: center;
    align-items: center;
    display: flex;
    position: sticky;
    bottom: 0;
}

.options_footer {
    background: #fff;
    box-shadow: 0 0 2px rgba(25,25,25,.35);
    height: calc(80px * var(--scale));
    align-items: center;
    display: flex;
    position: sticky;
    bottom: 0;
}

.options_footer_left {
    padding-left: calc(90px * var(--scale));
}

.options_footer_center {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    margin-right: calc(90px * var(--scale));
}

.btn_rolling_out_footer {
    background: #3473eb;
    border-radius: 3px;
    width: calc(122px * var(--scale));
    height: calc(32px * var(--scale));
    color: #fff;
    margin: 0 calc(20px * var(--scale));
}

.btn_disabled {
    background: rgba(25,25,25,.2);
    cursor: default;
}

.rolling_out_footer p {
    font-size: calc(16px * var(--scale));
    direction: ltr;
    padding-left: calc(15px * var(--scale));
}

    .rolling_out_footer p strong {
        font-family: 'Heebo', sans-serif;
        font-weight: 700;
    }

    .rolling_out_footer p span {
        direction: rtl;
        display: inline-block;
    }

.rolling_out_footer div {
    display: flex;
    margin-left: calc(15px * var(--scale));
    align-items: center;
}

    .rolling_out_footer div strong {
        margin-left: calc(8px * var(--scale));
    }

.new_futures_content {
    flex-direction: row;
    display: flex;
}

.new_futures_left {
    background: #fff;
    min-height: calc(898px * var(--scale));
    padding: calc(30px * var(--scale)) calc(30px * var(--scale)) 0;
    flex: 1 1 58% ;
}

.equitySwapContent > .new_futures_left {
    flex: 2 1 90%;
}

.new_futures_right {
    padding: calc(30px * var(--scale)) calc(20px * var(--scale)) 0 calc(30px * var(--scale));
    flex: 1 1 42%;
}

.equitySwapContent > .new_futures_right {
    flex: 1 1 10%;
}

.swap_right {
    padding: calc(30px * var(--scale)) calc(20px * var(--scale)) 0 calc(30px * var(--scale));
    flex: 1 1 40%;
}

.swap_left {
    background: #fff;
    min-height: calc(898px * var(--scale));
    padding: calc(30px * var(--scale)) calc(50px * var(--scale)) 0;
    flex: 1 1 60%;
}

.new_futures_data_element {
    display: inline-flex;
}

    .new_futures_data_element a {
        color: #3473eb;
        margin-right: calc(15px * var(--scale));
    }

    .new_futures_data_element b {
        font-family: 'Heebo', sans-serif;
        font-weight: 500;
        margin-right: calc(6px * var(--scale));
    }

.vert_line {
    color: #999;
    margin: 0 calc(8px * var(--scale));
}

.new_futures_table_wrap {
    padding: calc(30px * var(--scale)) 0 0;
}

    .new_futures_table_wrap tr {
        border: 2px solid transparent;
        border-bottom: 1px solid #ccc;
        margin: calc(6px * var(--scale));
        display: table;
    }

        .new_futures_table_wrap tr:first-child,
        .new_futures_table_wrap tr:last-child {
            border-bottom: none;
        }

    .new_futures_table_wrap th {
        font-family: 'Heebo', sans-serif;
        font-weight: 500;
        line-height: calc(25px * var(--scale));
        padding: 0 calc(10px * var(--scale)) calc(6px * var(--scale)) calc(10px * var(--scale));
        text-align: center;
    }

        .new_futures_table_wrap th:last-child {
            padding-right: 0;
            text-align: inherit;
        }

        .new_futures_table_wrap th:nth-child(1) {
            padding: 0 0 calc(6px * var(--scale)) calc(2px * var(--scale));
        }

        .new_futures_table_wrap th:nth-child(2) {
            padding: 0 0 calc(6px * var(--scale)) calc(2px * var(--scale));
        }

    .new_futures_table_wrap td {
        padding: 0 calc(10px * var(--scale)) calc(6px * var(--scale)) calc(10px * var(--scale));
    }

.new_swap_table_wrap {
    padding: calc(30px * var(--scale)) 0 0;
}

    .new_swap_table_wrap tr {
        border: 2px solid transparent;
        border-bottom: 1px solid #ccc;
        margin: calc(6px * var(--scale));
        display: table;
    }

        .new_swap_table_wrap tr:first-child,
        .new_swap_table_wrap tr:last-child {
            border-bottom: none;
        }

    .new_swap_table_wrap th {
        font-family: 'Heebo', sans-serif;
        font-weight: 500;
        line-height: calc(25px * var(--scale));
        padding: 0 calc(10px * var(--scale)) calc(6px * var(--scale)) calc(10px * var(--scale));
        text-align: center;
    }

    .new_swap_table_wrap th {
        font-family: 'Heebo', sans-serif;
        font-weight: 500;
        line-height: calc(25px * var(--scale));
        padding: 0 0 calc(6px * var(--scale)) calc(10px * var(--scale));
        text-align: center;
    }

        .new_swap_table_wrap th:last-child {
            padding-right: 0;
            text-align: inherit;
        }

        .new_swap_table_wrap th:nth-child(1) {
            padding: 0 0 calc(6px * var(--scale)) calc(2px * var(--scale));
        }

        .new_swap_table_wrap th:nth-child(2) {
            padding: 0 0 calc(6px * var(--scale)) calc(2px * var(--scale));
        }

.new_futures_table_wrap td {
    padding: 0 calc(10px * var(--scale)) calc(6px * var(--scale)) calc(10px * var(--scale));
}

    .new_futures_table_wrap td:last-child {
        padding-right: 0;
    }

    .new_futures_table_wrap td:nth-child(1) {
        padding: 0 0 calc(6px * var(--scale)) calc(2px * var(--scale));
    }


.new_swap_table_wrap td {
    padding: 0 0 calc(6px * var(--scale)) calc(10px * var(--scale));
}

    .new_swap_table_wrap td:last-child {
        padding-right: 0;
    }

    .new_swap_table_wrap td:nth-child(1) {
        padding: 0 0 calc(6px * var(--scale)) calc(2px * var(--scale));
    }

    .new_swap_table_wrap td:nth-child(2) {
        padding: 0 0 calc(6px * var(--scale)) calc(2px * var(--scale));
    }

.trash {
    width: calc(24px * var(--scale));
    height: calc(24px * var(--scale));
}

    .trash img {
        display: none;
        width: calc(24px * var(--scale));
        height: calc(24px * var(--scale));
    }

.accounting_popup_table tr:hover .trash img,
.new_futures_table_wrap tr:hover .trash img,
.new_swap_table_wrap tr:hover .trash img,
.wrap_atara_popup_table tr:hover .trash img {
    display: block;
    width: calc(24px * var(--scale));
    height: calc(24px * var(--scale));
}


.rw_new_futures {
    position: relative;
    padding: calc(6px * var(--scale)) 0;
}

    .rw_new_futures span {
        position: absolute;
        right: calc(-40px * var(--scale));
        top: 50%;
        transform: translateY(-50%);
    }

.new_futures_table_wrap td.padding_tb {
    padding-left: calc(50px * var(--scale));
}


.new_futures_input_row {
    margin: 0px calc(14px * var(--scale)) calc(13px * var(--scale)) 0;
    justify-content: space-between;
    display: flex;
}

.new_futures_input_row2 {
    margin: 0px calc(14px * var(--scale)) calc(2px * var(--scale)) 0;
    justify-content: space-between;
    display: flex;
}

.new_futures_input_row.around {
    justify-content: space-around;
}

.new_futures_value {
    width: 30%;
    padding-right: calc(10px * var(--scale));
}

    .new_futures_value .wrap_date_picker,
    .new_futures_input_cont_vl .wrap_date_picker {
        margin-right: 0;
        width: 100%;
    }

    .new_futures_value .date_picker_button,
    .new_futures_input_cont_vl .date_picker_button {
        max-width: initial;
        margin-right: 0;
    }

.new_futures_title {
    padding-left: calc(10px * var(--scale));
    flex-grow: 1;
}

.new_futures_input_cont {
    position: relative;
    width: calc(140px * var(--scale));
}

.equitySwapContent .new_futures_input_row_flex_end .new_futures_input_cont {
    margin-right: calc(20px * var(--scale));
}

    .equitySwapContent .new_futures_input_row_flex_end .new_futures_input_cont:last-child {
        margin-right: 0;
    }

.equitySwapContent .new_futures_input_row_flex_end .new_futures_input_cont_v05 {
    margin-right: calc(20px * var(--scale));
}

    .equitySwapContent .new_futures_input_row_flex_end .new_futures_input_cont_v05:last-child {
        margin-right: 0;
    }

.equitySwapContent .flex_end .new_futures_input_cont_v05 {
    margin-right: calc(20px * var(--scale));
}

    .equitySwapContent .flex_end .new_futures_input_cont_v05:last-child {
        margin-right: 0;
    }

.new_futures_input_cont_v05 {
    position: relative;
    width: calc(113px * var(--scale));
}

.new_futures_input_cont_vl {
    position: relative;
    width: calc(192px * var(--scale));
}

.new_futures_input_cont_v2 {
    position: relative;
    width: calc(284px * var(--scale));
}

.equitySwapContent .new_futures_input_cont_v2 {
    width: calc(247px * var(--scale));
}

.equitySwapContent .item_tool_tip_toolbar img {
    width: calc(32px * var(--scale));
}

.list_select.list_select_new_futures {
    border-radius: 4px;
    overflow-y: auto;
}

.new_futures_input_cont:hover .list_select_new_futures {
    display: block;
}

.separator_new_futures {
    position: relative;
    background: #ccc;
    height: calc(1px * var(--scale));
    margin: calc(13px * var(--scale)) calc(14px * var(--scale)) calc(13px * var(--scale)) auto;
}

.separator_new_futures2 {
    position: relative;
    background: #ccc;
    height: calc(2px * var(--scale));
    margin: calc(10px * var(--scale)) calc(14px * var(--scale)) calc(10px * var(--scale)) auto;
}

.title_separator {
    background: #f5f5f5;
    padding: 0 calc(5px * var(--scale));
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.new_futures_input_cont .wrap_date_picker {
    margin: 0;
}

.new_futures_input_row_justify_content {
    justify-content: space-between;
}

.new_futures_input_row_flex_end {
    justify-content: flex-end;
}

.new_futures_wraper {
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: calc(20px * var(--scale)) calc(14px * var(--scale)) calc(15px * var(--scale)) calc(50px * var(--scale));
    position: relative;
    margin-bottom: calc(10px * var(--scaleY));
}

.title_new_futures_wraper {
    background: #f5f5f5;
    font-size: calc(13px * var(--scale));
    padding: 0 calc(5px * var(--scale));
    position: absolute;
    right: calc(10px * var(--scale));
    top: calc(-9px * var(--scale));
}

.item_new_futures_wraper {
    width: calc(150px * var(--scale));
}

.item_new_futures_wraper_lg {
    width: calc(192px * var(--scale));
    margin: calc(5px * var(--scale)) calc(15px * var(--scale)) calc(5px * var(--scale)) 0px;
}

.new_futures_input_row_mr.new_futures_input_row .new_futures_input_cont:first-child {
    margin-left: calc(5px * var(--scale));
}

.new_futures_input_row_mr .new_futures_input_cont {
    width: calc(150px * var(--scale));
    margin-left: calc(30px * var(--scale));
}

.new_futures_input_row_mr .new_futures_input_cont_v2 {
    margin-left: calc(30px * var(--scale));
}

.equitySwapContent .new_futures_input_row_mr .new_futures_input_cont_v2 {
    margin-left: 0;
}

.new_futures_input_cont_lg {
    min-width: calc(510px * var(--scale));
    width: 100%;
}

.buttons_new_futures {
    align-items: center;
    display: flex;
}

    .buttons_new_futures .button.primary {
        margin-right: calc(13px * var(--scale));
    }

.button.primary {
    display: inline-flex;
    justify-content:center;
    align-items: center;
    height: calc(33px * var(--scale));
    padding: 0 calc(15px * var(--scale));
    background: #3473eb;
    color: #fff;
    border: none;
    border-radius: 3px;
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: calc(13px * var(--scale));
    text-decoration: none;
    cursor: pointer;
    gap: calc(6px * var(--scale));
}

    .button.primary img {
        width: calc(20px * var(--scale));
        height: calc(20px * var(--scale));
        object-fit: contain;
    }


    


.buttons_new_futures button,
.button.primary {
    line-height: calc(24px * var(--scale));
    padding: calc(3px * var(--scale)) calc(13px * var(--scale));
    max-width: calc(163px * var(--scale));
}

    .button.primary:hover {
        background: #2a4e9c;
    }

.buttons_new_futures .button {
    border: 1px solid #ccc;
    width: calc(112px * var(--scale));
}

    .buttons_new_futures .button.disabled:not(.primary) {
        color: #ccc;
    }

    .buttons_new_futures .button:not(.disabled):hover {
        border-color: #3473eb;
    }

.buttons_new_futures a {
    color: #3473eb;
}

.new_futures_height {
    height: calc(270px * var(--scale));
}

.new_futures_toolbar {
    display: flex;
    justify-content: space-between;
    margin-bottom: calc(10px * var(--scaleY));
}

    .new_futures_toolbar .new_futures_source_bank {
        margin-right: calc(20px * var(--scale));
        display: flex;
        align-items: center;
    }

.new_futures_checkbox {
    display: flex;
    margin-top: calc(10px * var(--scale));
    margin-right: calc(15px * var(--scale));
}

    .new_futures_checkbox .checkbox_danel_export {
        margin-right: calc(6px * var(--scale));
        margin-left: 0;
    }

    .new_futures_checkbox div {
        margin-right: calc(6px * var(--scale));
        margin-left: calc(12px * var(--scale));
    }

.expandedasset_container {
    direction: rtl;
    margin: calc(80px * var(--scale)) auto 0;
    max-width: calc(1720px * var(--scale));
}

.expandedasset_status {
    margin-top: calc(46px * var(--scale));
    margin-right: calc(12px * var(--scale));
}

.expandedasset_fund {
    margin-bottom: calc(38px * var(--scaleY));
    max-width: calc(1200px * var(--scale));
}

    .expandedasset_fund tr {
        border-bottom: 2px solid #e4e4e4;
        border-top: 2px solid #e4e4e4;
        margin-top: calc(46px * var(--scale));
    }

        .expandedasset_fund tr td {
            padding: calc(20px * var(--scale)) 0;
        }

            .expandedasset_fund tr td p {
                color: #696969;
                font-size: calc(13px * var(--scale));
                font-weight: 700;
                margin: calc(12px * var(--scale)) auto;
            }

            .expandedasset_fund tr td span {
                display: block;
                font-size: calc(20px * var(--scale));
                min-height: calc(32px * var(--scale));
                font-weight: 700;
                margin: 0;
            }

.expandedasset_assetInfo {
    margin-bottom: calc(38px * var(--scaleY));
}

    .expandedasset_assetInfo tr {
        border-bottom: 2px solid #e4e4e4;
        margin-top: calc(46px * var(--scale));
    }

        .expandedasset_assetInfo tr td {
            padding: calc(20px * var(--scale)) 0;
        }

            .expandedasset_assetInfo tr td p {
                color: #696969;
                font-size: calc(13px * var(--scale));
                font-weight: 700;
                margin: calc(12px * var(--scale)) auto;
            }

            .expandedasset_assetInfo tr td span {
                display: block;
                font-size: calc(20px * var(--scale));
                min-height: calc(32px * var(--scale));
                font-weight: 700;
                margin: 0;
            }


.wrap_check_box2 {
    height: calc(28px * var(--scale));
    width: calc(56px * var(--scale));
    margin: 0px;
    position: relative;
    background: rgb(245, 245, 245);
    border-radius: 14px;
    cursor: pointer;
    transition: background 0.25s ease 0s;
}


    .wrap_check_box2 input[type="checkbox"] + label {
        height: calc(24px * var(--scale));
        width: calc(24px * var(--scale));
        background: rgb(52, 115, 235);
        display: inline-block;
        cursor: pointer;
        border-radius: 50%;
        position: absolute;
        transform: translateX(2px);
        top: calc(2px * var(--scale));
        outline: 0px;
        border: 0px;
        transition: background-color 0.25s ease 0s, transform 0.25s ease 0s, box-shadow 0.15s ease 0s;
    }



.top_bar {
    position: absolute;
    background: #191919;
    width: 100%;
    padding: calc(14px * var(--scale)) calc(24px * var(--scale));
    top: 0;
    left: 0;
    z-index: 5000;
}

.date_search {
    justify-content: flex-start;
}

    .date_search strong {
        font-family: 'Heebo', sans-serif;
        font-weight: 300;
        font-size: calc(13px * var(--scale));
        line-height: calc(30px * var(--scale));
        color: black;
        padding-right: calc(5px * var(--scale));
    }

    .date_search p {
        position: relative;
        font-family: 'Heebo', sans-serif;
        font-weight: 300;
        font-size: calc(13px * var(--scale));
        line-height: calc(30px * var(--scale));
        color: black;
        margin-right: calc(18px * var(--scale));
        padding-right: calc(18px * var(--scale));
        opacity: .85;
    }

        .date_search p:after {
            background: #696969;
            width: calc(1px * var(--scale));
            height: calc(30px * var(--scale));
            content: '';
            position: absolute;
            top: 0;
            right: 0;
        }

        .date_search p:last-child:after {
            display: none;
        }

.search_top_bar {
    background: url(../images/search-top-bar.svg);
    width: calc(24px * var(--scale));
    height: calc(24px * var(--scale));
    display: block;
}

.the_stalk {
    background: url(../images/filter-arrow-right.png) no-repeat right center;
    font-family: 'Heebo', sans-serif;
    font-weight: 700;
    font-size: calc(22px * var(--scale));
    line-height: calc(32px * var(--scale));
    color: black;
    text-transform: uppercase;
    padding-right: calc(41px * var(--scale));
    display: block;
}

.main_row {
    padding-top: calc(60px * var(--scale));
}

.side_bar {
    position: relative;
    background: #fff;
    box-shadow: 0px 0px 2px rgba(25, 25, 25, 0.35);
    max-width: calc(340px * var(--scale));
    width: 100%;
    z-index: 1;
}

.wrap_check_box {
    border-bottom: 1px solid #CCCCCC;
    min-height: calc(92px * var(--scale));
    font-size: 0;
    text-align: center;
    padding: calc(29px * var(--scale)) calc(15px * var(--scale));
}

input[type="checkbox"] {
    display: none;
}

.wrap_check_box input[type="checkbox"] + label {
    position: relative;
    background: #35B780;
    border-radius: calc(16px * var(--scale));
    width: calc(79px * var(--scale));
    height: calc(32px * var(--scale));
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: calc(13px * var(--scale));
    line-height: calc(32px * var(--scale));
    color: #fff;
    text-align: left;
    padding: 0 calc(13px * var(--scale));
    display: inline-block;
}

    .wrap_check_box input[type="checkbox"]:checked + label,
    .wrap_check_box input[type="checkbox"] + label.checked {
        background: #EC3153;
        font-size: 0;
    }

    .wrap_check_box input[type="checkbox"] + label i {
        display: none;
    }

    .wrap_check_box input[type="checkbox"]:checked + label i,
    .wrap_check_box input[type="checkbox"] + label.checked i {
        content: 'Р§"ЧЁЧв"ўР§вЂєР§С›';
        font-family: 'Heebo', sans-serif;
        font-weight: 500;
        font-size: calc(13px * var(--scale));
        line-height: calc(32px * var(--scale));
        color: #fff;
        position: absolute;
        top: 0;
        right: calc(13px * var(--scale));
        display: block;
    }

.wrap_check_box2 input[type="checkbox"]:checked + label,
.wrap_check_box2 input[type="checkbox"] + label.checked {
    transform: translateX(calc(-30px * var(--scale)));
}

.wrap_check_box input[type="checkbox"] + label span {
    background: #fff;
    border-radius: 50%;
    width: calc(24px * var(--scale));
    height: calc(24px * var(--scale));
    position: absolute;
    top: calc(4px * var(--scale));
    right: calc(4px * var(--scale));
}

.wrap_check_box input[type="checkbox"]:checked + label span,
.wrap_check_box input[type="checkbox"] + label.checked span {
    left: calc(4px * var(--scale));
    right: auto;
}

.prev_check_box input[type="checkbox"] + label:after {
    display: none;
}

.prev_check_box input[type="checkbox"]:checked + label {
    background: #35B780;
    font-size: calc(13px * var(--scale));
}

.wrap_nav_side_bar {
    border-bottom: 1px solid #CCCCCC;
    padding: calc(29px * var(--scale)) calc(24px * var(--scale)) calc(52px * var(--scale)) calc(60px * var(--scale));
}

.justify-content-end {
    justify-content: end;
}

.nav_side_bar {
    width: calc(220px * var(--scale));
    margin-bottom: calc(19px * var(--scaleY));
}

    .nav_side_bar:last-child {
        margin: 0;
    }

    .nav_side_bar > li,
    .nav_side_bar > ul > li,
    .column_list li {
        position: relative;
        border-bottom: 1px solid #CCCCCC;
        padding: calc(6px * var(--scale)) 0;
        align-items: center;
        justify-content: space-between;
        display: flex;
        height: calc(38px * var(--scale))
    }

        .nav_side_bar li:last-child,
        .column_list li:last-child {
            border: none;
        }

        .nav_side_bar li strong,
        .column_list li strong {
            font-family: 'Heebo', sans-serif;
            font-weight: 700;
            line-height: calc(21px * var(--scale));
            text-align: left;
            padding-right: calc(4px * var(--scale));
        }

        .nav_side_bar li p,
        .column_list li p {
            line-height: calc(21px * var(--scale));
            margin: 0;
            padding-left: calc(4px * var(--scale));
        }

.check_nav_side_bar {
    background: url(../images/check.jpg);
    width: calc(24px * var(--scale));
    height: calc(24px * var(--scale));
    position: absolute;
    top: 50%;
    right: calc(-24px * var(--scale));
    transform: translateY(-50%);
}

    .check_nav_side_bar:hover .tool_tip {
        display: block;
    }

    .check_nav_side_bar.attention {
        background-position: 0 -24px;
    }

    .check_nav_side_bar.no_active {
        background-position: 0 -47px;
    }

    .check_nav_side_bar.negative {
        background-position: 0 -72px;
    }

.input_text_nav_side {
    position: relative;
}

    .input_text_nav_side span {
        font-size: calc(12px * var(--scale));
        line-height: calc(18px * var(--scale));
        color: #696969;
        position: absolute;
        right: 0;
        bottom: calc(-18px * var(--scale));
    }

.input_nav_side_bar {
    background: #FCFCFC;
    border: 1px solid #CBCBCB;
    border-radius: 3px;
    width: calc(100px * var(--scale));
    height: calc(32px * var(--scale));
    text-align: right;
    padding: 0 calc(12px * var(--scale));
}

.nav_side_bar h4 {
    font-family: 'Heebo', sans-serif;
    font-weight: 700;
    font-size: calc(16px * var(--scale));
    line-height: calc(21px * var(--scale));
    color: #696969;
}

.nav_side_bar .drop_select .input_list {
    width: calc(124px * var(--scale));
}

.wrap_file {
    padding: calc(30px * var(--scale)) calc(28px * var(--scale)) 0 0;
}

input[type=file] {
    width: 0;
    height: 0;
    outline: 0;
    opacity: 0;
    pointer-events: none;
    user-select: none
}

.label {
    background: #3473eb;
    color: #fff;
    border: 1px solid #3473eb;
    padding: calc(6px * var(--scale)) calc(15px * var(--scale));
    border-radius: 4px;
}

    .label.dragged {
        background-color: white;
        color: black;
        border: 2px dashed #3473eb;
        border-radius: 10px;
        position: relative;
        display: block;
        margin-left: calc(25px * var(--scale));
    }

    .label.label_dragged {
        color: black;
        border: 2px dashed #3473eb;
        border-radius: 10px;
        position: relative;
        display: block;
        margin-left: calc(25px * var(--scale));
        background-color: #d6e3fb;
    }

    .label .drag {
        display: none;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        margin-top: auto;
        margin-bottom: auto;
        top: calc(100px * var(--scale));
        left: 0;
        right: 0;
        text-align: center;
    }

    .label.dragged .catch,
    .label.label_dragged .catch {
        display: none;
    }

    .label.label_dragged .drag {
        display: none;
    }

    .label.dragged .drag {
        display: initial;
    }


    .label.dragged input[type=file],
    .label.label_dragged input[type=file] {
        width: calc(210px * var(--scale));
        height: calc(210px * var(--scale));
        outline: initial;
        /*opacity: initial;*/
        pointer-events: initial;
        user-select: initial;
    }

.row_actions.row_flex > div > label {
    border: calc(1px * var(--scale)) solid #CCCCCC;
    border-radius: calc(3px * var(--scale));
    width: calc(132px * var(--scale));
    height: calc(33px * var(--scaleY));
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: calc(13px * var(--scale));
    line-height: calc(30px * var(--scale));
    color: #3473EB;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.catch {
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    line-height: calc(21px * var(--scale));
    display: inline-block;
    cursor: pointer;
}

.list_file {
    padding-top: calc(10px * var(--scale));
    padding-right: calc(20px * var(--scale));
}

    .list_file li {
        position: relative;
        font-family: 'Heebo', sans-serif;
        font-weight: 500;
        line-height: calc(24px * var(--scale));
        margin-bottom: calc(5px * var(--scaleY));
    }

.right_content {
    background: #F5F5F5;
    max-width: calc(1580px * var(--scale));
    width: 100%;
}

.row_right_content {
    position: relative;
    background: #fff;
    padding: calc(20px * var(--scale)) calc(60px * var(--scale));
}

    .row_right_content .actions li,
    .row_right_content .list_description li {
        border: none;
        padding: 0;
    }

    .row_right_content:after {
        background: rgba(53, 183, 128, 0.7);
        width: 100%;
        height: calc(6px * var(--scale));
        content: '';
        position: absolute;
        left: 0;
        bottom: calc(-5px * var(--scale));
    }

    .row_right_content.active:after {
        background: rgba(236, 49, 83, 0.8);
    }

    .row_right_content.no_active:after {
        background: #CCCCCC;
        height: calc(1px * var(--scale));
        bottom: 0;
    }

.actions {
    width: calc(270px * var(--scale));
    margin: 0;
    margin-right: calc(60px * var(--scale));
}

    .actions li a {
        border-radius: calc(3px * var(--scale));
        width: calc(124px * var(--scale));
        height: calc(32px * var(--scale));
        font-family: 'Heebo', sans-serif;
        font-weight: 500;
        line-height: calc(32px * var(--scale));
        text-align: center;
        display: block;
    }

.button_secondary {
    background: #3473EB;
    border-color: #3473EB;
    color: #fff;
}

.button_action {
    border: 1px solid #CCCCCC;
    color: #3473EB;
}

    .button_action:hover {
        background: rgba(52, 115, 235, 0.04);
    }

.button_image {
    border: 1px solid #CCCCCC;
    color: #3473EB;
    border-radius: 3px;
    background-color: #fff;
    width: calc(21px * var(--scale));
    height: calc(21px * var(--scale));
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    line-height: calc(32px * var(--scale));
    text-align: center;
    display: flex;
}

    .button_image:hover {
        background: rgba(52, 115, 235, 0.04);
    }

.actions li {
    position: relative;
}

.tool_tip_bottom {
    background: #191919;
    width: calc(247px * var(--scale));
    position: absolute;
    top: 100%;
    left: 100%;
    font-size: calc(14px * var(--scale));
    line-height: calc(17px * var(--scale));
    color: #fff;
    text-align: center;
    margin-top: calc(12px * var(--scale));
    padding: calc(7px * var(--scale)) calc(15px * var(--scale));
    transform: translateX(-50%);
    z-index: 1;
    display: none;
}

.actions li:hover .tool_tip_bottom {
    display: block;
}

.tool_tip_bottom:before,
.tool_tip_small:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 calc(4.5px * var(--scale)) calc(4px * var(--scale)) calc(4.5px * var(--scale));
    border-color: transparent transparent #191919 transparent;
    content: '';
    position: absolute;
    top: calc(-4px * var(--scale));
    left: 50%;
    transform: translateX(-50%);
}

.list_description {
    /*max-width: calc(600px * var(--scale));*/
    width: 100%;
    margin: 0;
}

    .list_description p {
        font-family: 'Heebo', sans-serif;
        font-weight: 500;
        font-size: calc(13px * var(--scale));
        line-height: calc(19px * var(--scale));
        margin-bottom: calc(4px * var(--scaleY));
    }

    .list_description strong {
        font-family: 'Heebo', sans-serif;
        font-weight: 500;
        font-size: calc(20px * var(--scale));
        line-height: calc(29px * var(--scale));
    }

.wrap_right_content {
    padding: 0 calc(60px * var(--scale)) calc(25px * var(--scale));
}

.row_column_list {
    border-bottom: 1px solid #CCCCCC;
    padding: calc(19px * var(--scale)) 0 calc(23px * var(--scale));
    justify-content: flex-end;
}

.column_list {
    width: calc(210px * var(--scale));
    min-width: calc(210px * var(--scale));
    margin-left: calc(51px * var(--scale));
    max-width: calc(210px * var(--scale));
}

    .column_list li {
        padding: calc(8px * var(--scale)) 0;
    }

.item_input_list {
    position: relative;
    border-bottom: 1px solid #CCCCCC;
    padding: calc(31px * var(--scale)) 0 calc(30px * var(--scale));
}

.amount_origin {
    position: absolute;
    right: calc(-7px * var(--scale));
}

.row_input {
    margin-bottom: calc(30px * var(--scaleY));
    justify-content: flex-end;
}

.row_input_last {
    margin-bottom: calc(10px * var(--scaleY));
}

.col_input {
    margin-left: calc(22px * var(--scale));
    position: relative;
    min-width: calc(150px * var(--scale));
    max-width: calc(150px * var(--scale));
}

.col_input_long {
    max-width: calc(495px * var(--scale));
    width: 100%;
}

.col_input label,
.wrap_input_item label {
    font-family: 'Heebo', sans-serif;
    font-weight: 700;
    line-height: calc(21px * var(--scale));
    color: #696969;
    margin-bottom: calc(4px * var(--scale));
    display: block;
}

.input_list {
    background: white;
    border: calc(1px * var(--scale)) solid #CBCBCB;
    border-radius: calc(3px * var(--scale));
    width: 100%;
    height: calc(33px * var(--scale));
    text-align: right;
    padding: 0 calc(8px * var(--scale));
}

    .input_list:focus,
    .form_control:focus {
        background: #fff;
        border-color: #000;
    }

    .input_list.input_error {
        background: #fff;
        border-color: #EC3153;
    }

    .input_list:disabled {
        background: #F4F4F4;
    }

.item_input_list p {
    line-height: calc(21px * var(--scale));
    padding-right: calc(13px * var(--scale));
}

.item_fund {
    padding-top: calc(31px * var(--scale));
}

.wrap_input_item_fund {
    margin-bottom: calc(18px * var(--scale));
    justify-content: flex-end;
}

.checkbox_fund {
    position: relative;
    width: calc(133px * var(--scale));
    padding-top: calc(2px * var(--scale));
    padding-bottom: calc(10px * var(--scale));
    margin-left: calc(4px * var(--scale));
    display: flex;
    align-items: flex-end;
}

.left_input {
    padding: calc(24px * var(--scale)) calc(10px * var(--scale)) 0 calc(10px * var(--scale));
}

.left_input1 {
    width: calc(91px * var(--scale))
}

.left_input2 {
    width: calc(89px * var(--scale))
}

.left_input3 {
    width: calc(92px * var(--scale))
}

.left_input4 {
    width: calc(70px * var(--scale))
}

.checkbox_fund label {
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    align-items: center;
    display: flex;
}

.checkbox_fund span {
    margin-left: calc(10px * var(--scale));
}

.checkbox_fund .check_table {
    position: static;
}

.allocation_persent {
    position: relative;
}

.triangle {
    position: absolute;
    z-index: 2;
    top: calc(9px * var(--scale));
    left: calc(1px * var(--scale));
    width: 16%;
}

.flex-column {
    flex-direction: column;
}

.wrap_input_item_fund .row_flex {
    align-items: flex-end;
}

.link_input_item_fund {
    font-family: 'Heebo', sans-serif;
    /*padding-bottom: calc(10px * var(--scale));*/
    font-weight: 500;
    color: #3473EB;
}

.wrap_input_item {
    width: calc(160px * var(--scale));
    margin-left: calc(20px * var(--scale));
}

.fund_delete {
    width: calc(245px * var(--scale));
    padding-right: calc(8px * var(--scale));
}

    .fund_delete .check_table {
        position: static;
    }

.button_delete {
    background: #fff url(../images/delete.jpg) no-repeat calc(78px * var(--scale)) center;
    background-size: calc(24px * var(--scale)) calc(24px * var(--scale));
    border: calc(1px * var(--scale)) solid #CCCCCC;
    border-radius: calc(3px * var(--scale));
    width: calc(110px * var(--scale));
    height: calc(32px * var(--scale));
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: calc(13px * var(--scale));
    line-height: calc(30px * var(--scale));
    color: #3473EB;
    text-align: left;
    text-indent: calc(15px * var(--scale));
    display: block;
}

.fund_delete p {
    font-size: calc(13px * var(--scale));
    line-height: calc(17px * var(--scale));
}


.table_fund tr {
    border-bottom: 1px solid #CCCCCC;
    height: calc(47px * var(--scale));
}

    .table_fund tr:first-child {
        border-width: calc(2px * var(--scale));
    }

    .table_fund tr:last-child td {
        border-top: 2px solid #CCCCCC;
    }

    .table_fund tr:last-child {
        border: none;
    }

.table_fund > tbody > tr > th {
    position: relative;
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: calc(13px * var(--scale));
    line-height: calc(17px * var(--scale));
    vertical-align: bottom;
    padding: 0px calc(10px * var(--scale)) calc(10px * var(--scale)) calc(25px * var(--scale));
}

    .table_fund > tbody > tr > th:nth-child(2),
    .table_fund > tbody > tr > th:nth-child(6) {
        padding-right: calc(10px * var(--scale));
    }

.row_bottom:after {
    background: #EB5757;
    width: calc(60px * var(--scale));
    height: calc(2px * var(--scale));
    content: '';
    position: absolute;
    right: calc(7px * var(--scale));
    bottom: calc(-2px * var(--scale));
}

.row_bottom_long:after {
    width: calc(85px * var(--scale));
}

.active_color {
    color: #EB5757;
}

.small_input.active {
    background: #FCFCFC;
    border-color: #ccc;
    box-shadow: 0px 1px 0px #EB5757;
}

.table_fund > tbody > tr > th:first-child,
.table_fund td:first-child {
    padding-left: calc(48px * var(--scale));
}

.table_fund > tbody > tr > th:last-child {
    padding: calc(10px * var(--scale)) 0px calc(10px * var(--scale)) calc(10px * var(--scale));
}

.table_fund td:last-child {
    padding: 0px 0px 0px calc(10px * var(--scale));
}

.table_fund td {
    position: relative;
    line-height: calc(21px * var(--scale));
    padding: calc(8px * var(--scale)) calc(10px * var(--scale)) calc(8px * var(--scale)) 0;
}

.table_fund tr:hover td,
.table_fund tr.active td {
    background: #fff;
}

.table_fund > tbody > tr:last-child:hover td {
    background: none;
}

.table_bascket {
    position: absolute;
    background: url(../images/table-bascket.png) no-repeat top center;
    background-size: calc(24px * var(--scale)) calc(48px * var(--scale));
    background-position: 0 calc(0px * var(--scale));
    border-radius: 3px;
    width: calc(24px * var(--scale));
    height: calc(24px * var(--scale));
    top: calc(10px * var(--scale));
    left: calc(8px * var(--scale));
    transition: all 0s ease;
}

    .table_bascket:hover {
        background-color: #3473EB;
        background-position: 0 calc(-24px * var(--scale)); /* зсуваємось на другу іконку */
    }


.small_input {
    background: none;
    border: 1px solid transparent;
    border-radius: 3px;
    width: 100%;
    height: calc(30px * var(--scale));
    color: #191919;
    text-align: right;
}

.small_input_lg,
.input_small_list_lg {
}

.input_small_list {
    background: #FCFCFC;
    border: 1px solid #CBCBCB;
    border-radius: 3px;
    width: 100%;
    height: calc(32px * var(--scale));
    text-align: right;
    padding: 0 calc(5px * var(--scale));
}

.small_input_long {
    width: calc(80px * var(--scale));
}

.item_tool_tip {
    position: relative;
    width: calc(142px * var(--scale));
    height: calc(33px * var(--scale));
    display: inline-block;
}

    .item_tool_tip .input_list {
        background: white;
        width: 100%;
        height: calc(33px * var(--scale));
    }

.item_icon {
    position: relative;
    width: calc(166px * var(--scale));
    padding-left: calc(25px * var(--scale));
    display: inline-block;
}

    .item_icon:before {
        width: calc(14px * var(--scale));
        height: calc(14px * var(--scale));
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }

    .item_icon.active:before {
        background: url(../images/icon-calendar.png);
        background-size: cover;
    }

    .item_icon .input_list {
        width: 100%;
        height: calc(30px * var(--scale));
    }

.drop_table {
    background: #fff;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    width: calc(452px * var(--scale));
    position: absolute;
    left: calc(-311px * var(--scale));
    bottom: 100%;
    z-index: 1;
    display: none;
    overflow: hidden;
}

.table_drop {
    border-radius: 3px;
    width: 100%;
}

    .table_drop tr:first-child {
        background: rgba(204,204,204,0.4);
        border-radius: 3px;
        height: auto;
    }

    .table_drop th:first-child {
        border-radius: 3px 0 0 3px;
    }

    .table_drop th:last-child {
        border-radius: 0 3px 3px 0;
    }

    .table_drop th {
        width: 33.3%;
        font-family: 'Heebo', sans-serif;
        font-weight: 500;
        font-size: calc(14px * var(--scale));
        line-height: calc(17px * var(--scale));
        padding: calc(10px * var(--scale)) calc(20px * var(--scale)) calc(10px * var(--scale)) calc(10px * var(--scale));
    }

.list_drop {
    padding: calc(5px * var(--scale)) 0;
}

    .list_drop li {
        justify-content: space-between;
        display: flex;
        cursor: pointer;
    }

        .list_drop li:hover {
            background: #f5f5f5;
        }

        .list_drop li span {
            width: 33.3%;
            font-family: 'Heebo', sans-serif;
            font-weight: 500;
            font-size: calc(14px * var(--scale));
            line-height: calc(17px * var(--scale));
            padding: calc(10px * var(--scale)) calc(20px * var(--scale)) calc(10px * var(--scale)) calc(10px * var(--scale));
            display: block;
        }

.tool_tip {
    background: #191919;
    max-width: calc(200px * var(--scale));
    min-width: calc(100px * var(--scale));
    font-size: calc(13px * var(--scale));
    line-height: calc(19px * var(--scale));
    color: #fff;
    text-align: center;
    padding: calc(4px * var(--scale)) calc(5px * var(--scale));
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: calc(8px * var(--scale));
    display: none;
    z-index: 50;
}

    .tool_tip:after {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: calc(6px * var(--scale)) calc(5.5px * var(--scale)) 0 calc(5.5px * var(--scale));
        border-color: #191919 transparent transparent transparent;
        content: '';
        position: absolute;
        bottom: calc(-6px * var(--scale));
        left: 50%;
        transform: translateX(-50%);
    }

.right.item_tool_tip_toolbar {
    height: 0;
}

    .right.item_tool_tip_toolbar .tool_tip {
        right: inherit;
        top: inherit;
        transform: inherit;
        left: calc(210px * var(--scale));
        bottom: calc(-13px * var(--scale));
    }

.right.center.item_tool_tip_toolbar .tool_tip {
    bottom: calc(18px * var(--scale));
}

.right.item_tool_tip_toolbar .tool_tip:after {
    border-width: calc(5.5px * var(--scale)) calc(6px * var(--scale)) calc(5.5px * var(--scale)) 0;
    border-color: transparent #191919 transparent transparent;
    bottom: calc(16px * var(--scale));
    left: calc(-6px * var(--scale));
    transform: inherit;
}

.left_tool_tip {
    background: #191919;
    max-width: calc(500px * var(--scale));
    width: calc(120px * var(--scale));
    font-size: calc(13px * var(--scale));
    line-height: calc(19px * var(--scale));
    color: #fff;
    text-align: center;
    padding: calc(3px * var(--scale)) calc(5px * var(--scale));
    position: absolute;
    bottom: -35%;
    right: calc(-30px * var(--scale));
    transform: translateX(-50%);
    margin-bottom: calc(8px * var(--scale));
    display: none;
    z-index: 2;
}

.tool_tip.active_orders {
    min-width: calc(200px * var(--scale));
    max-width: calc(250px * var(--scale));
}

.effective {
    position: absolute;
    right: calc(129px * var(--scale));
}

    .effective:hover .effective_tooltip {
        display: block;
    }

.createOrder_tooltip.tool_tip {
    bottom: initial;
    max-width: initial;
    top: 112%;
    width: calc(160px * var(--scale));
}

.item_tool_tip.no_hover .tool_tip,
.item_tool_tip_toolbar.no_hover .tool_tip,
.item_tool_tip:hover .drop_table {
    display: block;
}

.item_tool_tip_toolbar {
    position: relative;
    margin-left: calc(10px * var(--scale));
}

.user_avatar:hover .tool_tip {
    display: inherit;
}

.item_tool_tip_toolbar:hover .tool_tip:not(.activeOrders_tooltip) {
    display: block;
}

.d_none {
    display: block;
}

.createOrder_tooltip.tool_tip:after {
    bottom: initial;
    border-width: calc(6px * var(--scale)) calc(5.5px * var(--scale)) calc(12px * var(--scale)) calc(5.5px * var(--scale));
    border-color: transparent transparent #191919 #191919;
    top: calc(-7px * var(--scale));
}

.table_fund td strong {
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
}

.check_table {
    position: absolute;
    top: calc(14px * var(--scale));
    right: calc(8px * var(--scale));
}

    .check_table.check_table_tr input[type="checkbox"] + label span {
        top: 0 !important;
        bottom: 0 !important;
        right: 0 !important;
        margin: auto !important;
    }

    .check_table input[type="checkbox"] + label span,
    .list_chekbox li input[type="checkbox"] + label span {
        background: url(../images/checkbox.png);
        width: calc(16px * var(--scale));
        height: calc(16px * var(--scale));
        display: block;
    }

    .check_table input[type="checkbox"]:checked + label span,
    .check_table input[type="checkbox"] + label.checked span,
    .list_chekbox li input[type="checkbox"] + label.checked span {
        background-position: bottom;
    }

.checkbox {
    position: absolute;
    top: calc(14px * var(--scale));
    right: calc(8px * var(--scale));
}

    .checkbox input[type="checkbox"] + label span {
        background: url(../images/checkbox2.png) no-repeat center top;
        background-size: calc(16px * var(--scale)) calc(48px * var(--scale));
        width: calc(16px * var(--scale));
        height: calc(16px * var(--scale));
        display: block;
    }

    .checkbox input[type="checkbox"] + label.checked span {
        background-position: center center;
    }

    .checkbox input[type="checkbox"] + label.partial span {
        background-position: center bottom;
    }


.check_table input[type="checkbox"] + label.disabled span {
    background: #d4d5d6 !important;
}

.popup_validate {
    background: #fff;
    width: 100%;
    text-align: right;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    top: 0;
    left: 0;
    z-index: 60;
    display: none;
}

    .popup_validate.transparent {
        background: rgba(255, 255, 255, 0.4);
    }

.mfp-content .popup_validate {
    height: auto;
    padding: calc(20px * var(--scale)) calc(80px * var(--scale));
}

.popup_validate h3 {
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: calc(24px * var(--scale));
    line-height: calc(35px * var(--scale));
    margin-bottom: calc(19px * var(--scale));
}

.popup_validate p {
    font-size: calc(16px * var(--scale));
    line-height: calc(23px * var(--scale));
    margin-bottom: calc(27px * var(--scale));
}

.table_popup,
.table_popup table {
    width: 100%;
}

    .table_popup > tbody {
        min-height: calc(400px * var(--scale));
    }

        .table_popup > tbody > tr {
            position: relative;
            border-bottom: 1px solid #CCCCCC;
            width: 100%;
            display: inline-block;
        }

            .table_popup > tbody > tr:not(.active_row) {
                position: sticky;
                top: 0;
                z-index: 12;
                background: white;
            }

            .table_popup > tbody > tr > th:last-child,
            .table_popup > tbody > tr > td:last-child {
                border: none;
                padding-right: 0;
            }

            .table_popup > tbody > tr > th {
                position: relative;
                border-right: 1px dashed #ccc;
                height: calc(38px * var(--scale));
                font-family: 'Heebo', sans-serif;
                font-weight: 500;
                font-size: calc(13px * var(--scale));
                line-height: calc(17px * var(--scale));
                vertical-align: bottom;
                padding: 0 calc(10px * var(--scale)) calc(15px * var(--scale)) 0;
            }

                .table_popup > tbody > tr > th th,
                .table_popup > tbody > tr > th .hover_th > span {
                    position: relative;
                    font-family: 'Heebo', sans-serif;
                    font-weight: 500;
                    font-size: calc(13px * var(--scale));
                    line-height: calc(17px * var(--scale));
                    vertical-align: bottom;
                    color: #191919;
                    padding: calc(1px * var(--scale)) calc(5px * var(--scale));
                }

    .table_popup .width360 th:not(.hover_th) > span.title,
    .table_popup .width270 th:not(.hover_th) > span.title {
        width: calc(70px * var(--scale));
        position: absolute;
        top: calc(-15px * var(--scale));
        right: calc(4px * var(--scale));
    }

    .table_popup span:not(.text_right span) {
        font-size: calc(10px * var(--scale));
        line-height: calc(17px * var(--scale));
        color: #9A9A9A;
        display: block;
    }

    .table_popup > tbody > tr > td {
        border-right: 1px dashed #ccc;
        font-size: calc(14px * var(--scale));
        line-height: calc(21px * var(--scale));
        color: #9a9a9a;
        padding: calc(10px * var(--scale)) calc(10px * var(--scale)) calc(10px * var(--scale)) 0;
    }

        .table_popup > tbody > tr > td td {
            position: relative;
            padding: calc(1px * var(--scale)) calc(5px * var(--scale));
        }

.active_row {
    background: #fff;
    color: #9A9A9A;
}
.v_table.valid {
    background: url(../images/v.png) no-repeat top center;
    background-size: calc(20px * var(--scale)) calc(40px * var(--scale));
    width: calc(20px * var(--scale));
    height: calc(20px * var(--scale));
    position: absolute;
    top: 50%;
    right: calc(5px * var(--scale));
    transform: translateY(-50%);
}

.v_table.no_valid {
    background: url(../images/v.png) no-repeat bottom center;
    background-size: calc(20px * var(--scale)) calc(40px * var(--scale));
    width: calc(20px * var(--scale));
    height: calc(20px * var(--scale));
    position: absolute;
    top: 50%;
    right: calc(5px * var(--scale));
    transform: translateY(-50%);
}



.v_table.critical {
    background: url(../images/flag.png) bottom;
    width: calc(20px * var(--scale));
    height: calc(20px * var(--scale));
    position: absolute;
    top: 50%;
    right: calc(5px * var(--scale));
    transform: translateY(-50%);
}

.container_table_popup {
    position: relative;
    margin-bottom: calc(50px * var(--scale));
}

.container_under_review_popup {
    width: calc(1863px * var(--scale));
    top: 0;
    bottom: 0;
    position: absolute;
    margin: 0 auto;
    margin-bottom: calc(50px * var(--scale));
    overflow: auto;
}



.table_popup_overflow {
    min-height: calc(505px * var(--scale));
    max-height: calc(505px * var(--scale));
    overflow-y: auto;
    direction: rtl;
}

.popup_validate .table_popup_overflow {
    min-height: calc(512px * var(--scale));
    max-height: calc(720px * var(--scale));
    overflow-y: auto;
    direction: rtl;
}

.thumb {
    position: absolute;
    background: #DBDBDB;
    width: calc(16px * var(--scale));
}

.viewport {
    position: relative;
    height: calc(535px * var(--scale));
    overflow: hidden;
}

.overview {
    position: absolute;
    top: 0;
    left: 0;
}

.button_popup {
    background: #3473EB;
    border-radius: 3px;
    width: calc(125px * var(--scale));
    height: calc(32px * var(--scale));
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    line-height: calc(32px * var(--scale));
    color: #fff;
    position: absolute;
    bottom: calc(20px * var(--scale));
    left: 48%;
    text-align: center;
    margin: 0 auto;
    display: block;
}

    .button_popup.no_active {
        background: #ccc;
        cursor: default;
    }

.d-flex {
    display: flex !important;
}

.alight-items-center {
    align-items: center !important;
}

.item_center {
    align-items: center !important;
}

.t_align_center {
    text-align: center !important;
}

.border_right {
    border-right: 1px solid #e6e6e6;
}

.grow2 {
    flex-grow: 2 !important;
}

.grow3 {
    flex-grow: 3 !important;
}


.justify-content-between {
    display: flex;
    justify-content: space-between !important;
}

.pp {
    padding-right: calc(15px * var(--scale));
}

.button_asset_form.no_active {
    background: #ccc;
    cursor: default;
}

.row_buttons_action {
    justify-content: flex-end;
    padding-top: calc(26px * var(--scale));
}

    .row_buttons_action a {
        border-radius: 3px;
        width: calc(120px * var(--scale));
        height: calc(32px * var(--scale));
        font-family: 'Heebo', sans-serif;
        font-weight: 500;
        font-size: calc(18px * var(--scale));
        line-height: calc(32px * var(--scale));
        color: #fff;
        text-align: center;
        margin-left: calc(20px * var(--scale));
        display: block;
    }

.the_hip {
    background: #EC3153;
}

.hink {
    background: #35B780;
}

.drop_select {
    position: relative;
}

.list_select {
    background: #fff;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);
    width: 100%;
    max-height: calc(300px * var(--scale));
    padding: calc(10px * var(--scale)) 0;
    position: absolute;
    top: 100%;
    left: 0;
    direction: ltr;
    overflow-y: scroll;
    z-index: 1;
    display: none;
}

.dleft .list_select {
    text-align: left;
    padding: calc(10px * var(--scale));
    direction: rtl;
}

.drop_select:hover .list_select {
    display: block;
}

.list_select li {
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    line-height: calc(16px * var(--scale));
    padding: calc(8px * var(--scale)) calc(10px * var(--scale)) calc(8px * var(--scale)) 0;
    cursor: pointer;
}

    .list_select li.bordered {
        border-bottom: 1px dashed #ccc;
    }

.prev_check_box input[type="checkbox"] + label {
    text-align: center;
}

.row_list_date {
    width: auto;
}

.list_date li {
    margin-right: calc(18px * var(--scale));
    display: flex;
}

    .list_date li p {
        font-family: 'HeeboRegular';
        font-size: calc(13px * var(--scale));
        padding-left: calc(2px * var(--scale));
        opacity: .7;
    }

    .list_date li:last-child {
        margin: 0;
    }

        .list_date li:last-child p {
            padding-right: 0;
        }

            .list_date li:last-child p:after {
                display: none;
            }

.input_tool_tip {
    position: relative;
}

.tool_tip_small {
    background: #191919;
    width: calc(119px * var(--scale));
    font-size: calc(13px * var(--scale));
    line-height: calc(31px * var(--scale));
    color: #fff;
    text-align: center;
    margin-top: calc(5px * var(--scale));
    padding: 0 calc(5px * var(--scale));
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    display: none;
}

.input_tool_tip:hover .tool_tip_small {
    display: block;
}

.search_flow {
    background: #fff;
}

.wrap_search_flow {
    position: relative;
    width: calc(900px * var(--scale));
    margin: 0 auto;
    padding: calc(145px * var(--scale)) 0 calc(380px * var(--scale));
}

    .wrap_search_flow h3 {
        font-family: 'Heebo', sans-serif;
        font-weight: 500;
        font-size: calc(24px * var(--scale));
        line-height: calc(35px * var(--scale));
        margin-bottom: calc(19px * var(--scale));
    }

.form_search {
    margin-bottom: calc(40px * var(--scale));
}

.submit_search {
    background: url(../images/submit-search.png) bottom;
    width: calc(55px * var(--scale));
    height: calc(40px * var(--scale));
    font-size: 0;
    text-indent: -1000px;
    overflow: hidden;
}

    .submit_search:hover {
        background-position: top;
    }

.input_search {
    background: #fff;
    border: 1px solid #CBCBCB;
    border-radius: 3px;
    width: 100%;
    height: calc(40px * var(--scale));
    font-size: calc(18px * var(--scale));
    color: #000;
    text-align: right;
    padding: 0 calc(11px * var(--scale));
}

    .input_search:focus {
        border-color: #3473EB;
        box-shadow: 0px 0px 2px #3473EB;
    }

.table_fund,
.table_search {
    width: 100%;
}

    .table_search tr {
        position: relative;
        border-bottom: 1px solid #E4E4E4;
        height: calc(40px * var(--scale));
    }

        .table_search tr:hover td {
            background: #FAFBFC;
        }

    .table_search th {
        font-family: 'Heebo', sans-serif;
        font-weight: 500;
        font-size: calc(13px * var(--scale));
        line-height: calc(19px * var(--scale));
        text-align: right;
        padding-right: calc(8px * var(--scale));
    }

        .table_search th:nth-child(1) {
            width: calc(300px * var(--scale));
        }

        .table_search th:nth-child(2) {
            width: calc(155px * var(--scale));
        }

        .table_search th:nth-child(3) {
            width: calc(260px * var(--scale));
        }

    .table_search td {
        position: relative;
        font-size: calc(14px * var(--scale));
        line-height: calc(21px * var(--scale));
        padding-right: calc(8px * var(--scale));
    }

.button_search {
    width: calc(110px * var(--scale));
    position: absolute;
    top: 50%;
    left: calc(10px * var(--scale));
    transform: translateY(-50%);
    display: none;
}

.table_search tr:hover .button_search {
    display: flex;
}

.button_search a {
    border-radius: 3px;
    width: calc(50px * var(--scale));
    height: calc(28px * var(--scale));
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: calc(14px * var(--scale));
    line-height: calc(28px * var(--scale));
    color: #fff;
    text-align: center;
    display: block;
}

.the_hip {
    background: #EC3153;
}

.the_hink {
    background: #35B780;
}

.result_search {
    padding-top: calc(62px * var(--scale));
    justify-content: flex-end;
}

.button_result_search {
    background: #fff;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    width: calc(139px * var(--scale));
    height: calc(32px * var(--scale));
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: calc(13px * var(--scale));
    line-height: calc(30px * var(--scale));
    color: #3473EB;
    text-align: center;
    display: block;
}

.result_search p {
    font-size: calc(14px * var(--scale));
    line-height: calc(21px * var(--scale));
    color: #000;
    padding-left: calc(24px * var(--scale));
}

.asset_form {
    border-top: 2px solid #CCCCCC;
    padding: calc(33px * var(--scale)) 0 calc(17px * var(--scale));
}

    .asset_form h4 {
        font-family: 'Heebo', sans-serif;
        font-weight: 500;
        font-size: calc(16px * var(--scale));
        line-height: calc(23px * var(--scale));
        margin-bottom: calc(7px * var(--scale));
    }

    .asset_form p {
        font-size: calc(14px * var(--scale));
        line-height: calc(21px * var(--scale));
        margin-bottom: calc(28px * var(--scale));
    }

.row_asset_form {
    margin-bottom: calc(23px * var(--scale));
}

.item_asset_form {
    width: calc(200px * var(--scale));
}

    .item_asset_form label {
        font-family: 'Heebo', sans-serif;
        font-weight: 700;
        font-size: calc(14px * var(--scale));
        line-height: calc(21px * var(--scale));
        color: #696969;
        margin-bottom: calc(4px * var(--scale));
        display: block;
    }

sup {
    position: relative;
    color: #ec3153;
    top: calc(5px * var(--scale));
}

.row_button_asset_form {
    border-top: 2px solid #CCCCCC;
    padding-top: calc(43px * var(--scale));
}

.button_asset_form {
    background: #3473EB;
    border-radius: 3px;
    width: calc(145px * var(--scale));
    height: calc(32px * var(--scale));
    font-family: 'Heebo', sans-serif;
    font-weight: 700;
    font-size: calc(14px * var(--scale));
    line-height: calc(32px * var(--scale));
    color: #fff;
    text-align: center;
    margin: 0 auto;
    display: block;
}

.item_message {
    background: #C2FFE6 url(../images/point.png) no-repeat 194px center;
    border-radius: 20px;
    min-width: calc(190px * var(--scale));
    display: flex;
    justify-content: center;
    align-items: center;
    /*    width: calc(246px * var(--scale));*/
    min-height: calc(40px * var(--scale));
    padding: calc(6px * var(--scale));
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: calc(18px * var(--scale));
    line-height: calc(40px * var(--scale));
    text-indent: 21px;
    text-align: left;
    position: absolute;
    top: calc(42px * var(--scale));
    left: 50%;
    transform: translateX(-50%);
}

.item_message_active {
    background: #FFF8B8;
}

.item_list_description {
    border-top: 2px solid #CCCCCC;
    border-bottom: 2px solid #CCCCCC;
    width: calc(602px * var(--scale));
    margin: calc(52px * var(--scale)) auto calc(50px * var(--scale));
    padding: calc(34px * var(--scale)) calc(20px * var(--scale)) calc(45px * var(--scale));
}

    .item_list_description p {
        font-family: 'Heebo', sans-serif;
        font-weight: 500;
        font-size: calc(13px * var(--scale));
        line-height: calc(19px * var(--scale));
        color: #696969;
        margin-bottom: calc(4px * var(--scale));
    }

    .item_list_description strong {
        font-family: 'Heebo', sans-serif;
        font-weight: 500;
        font-size: calc(20px * var(--scale));
        line-height: calc(29px * var(--scale));
    }

.button_search_flow_asset {
    font-size: 0;
    text-align: center;
}

    .button_search_flow_asset a {
        border-radius: 3px;
        width: calc(120px * var(--scale));
        height: calc(32px * var(--scale));
        font-family: 'Heebo', sans-serif;
        font-weight: 500;
        font-size: calc(18px * var(--scale));
        line-height: calc(32px * var(--scale));
        color: #fff;
        text-align: center;
        margin: 0 calc(10px * var(--scale));
        display: inline-block;
    }

    .button_search_flow_asset .button.primary {
        display: initial;
    }


.text_no_mes {
    width: calc(602px * var(--scale));
    font-size: calc(14px * var(--scale));
    line-height: calc(21px * var(--scale));
    margin: 0 auto calc(17px * var(--scale));
}



.top_bar_transation {
    position: sticky;
    background: white;
    width: auto;
    top: 0;
    left: 0;
    z-index: 5000;
    padding-left: calc(20px * var(--scale));
    padding-right: calc(20px * var(--scale));
}

.logo_date {
    width: auto;
}

.item_logo {
    position: relative;
}

.logo {
    width: calc(120px * var(--scale));
    height: calc(60px * var(--scaleY));
    display: block;
    padding: calc(10px * var(--scale));
    padding-left: 0;
    border-right: 1px solid transparent;
}

.header_dropdown {
    background: #fff;
    width: calc(225px * var(--scale));
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 2;
    display: none;
}

.item_logo:hover .header_dropdown,
.top_bar_user:hover .drop_card {
    display: block;
}

.list_header_dropdown a {
    border-bottom: 1px solid #bbb;
    color: #000;
    padding: calc(6px * var(--scale)) calc(19px * var(--scale));
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.list_header_dropdown img {
    width: calc(32px * var(--scale));
}

.top_bar_user {
    position: relative;
    height: calc(30px * var(--scale));
    display: flex;
    align-items: center;
    font-size: calc(13px * var(--scale));
}

    .top_bar_user > div {
        color: white;
    }



.user_icon {
    background: #f5f5f5;
    background-size: cover;
    border-radius: 50%;
    width: calc(35px * var(--scale));
    height: calc(35px * var(--scale));
    font-size: calc(18px * var(--scale));
    line-height: calc(32px * var(--scale));
    color: black;
    text-align: center;
    display: block;
}

.drop_card {
    background: #fff;
    border-radius: 18px 0 0 0;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
    width: calc(214px * var(--scale));
    min-height: calc(133px * var(--scale));
    padding: calc(29px * var(--scale)) calc(32px * var(--scale)) calc(10px * var(--scale)) calc(10px * var(--scale));
    position: absolute;
    top: 100%;
    left: calc(35px * var(--scale));
    z-index: 2;
    display: none;
}

    .drop_card:after {
        background: #c1c1c1 ;
        width: calc(6px * var(--scale));
        height: 100%;
        content: '';
        position: absolute;
        top: 0;
        right: 0;
    }

    .drop_card h3 {
        font-family: 'Heebo', sans-serif;
        font-weight: 500;
        font-size: calc(20px * var(--scale));
        line-height: calc(29px * var(--scale));
        color: #000;
        margin-bottom: calc(15px * var(--scale));
    }

    .drop_card p {
        font-size: calc(14px * var(--scale));
        line-height: calc(21px * var(--scale));
        color: #000;
        margin-bottom: calc(4px * var(--scale));
    }

.balance {
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: calc(13px * var(--scale));
    line-height: calc(19px * var(--scale));
    color: #fff;
}



.icon_menu {
    position: relative;
    width: calc(24px * var(--scale));
    height: calc(24px * var(--scale));
    padding: calc(5px * var(--scale)) 0 0 calc(3px * var(--scale));
    cursor: pointer;
}

.sw-topper {
    position: relative;
    top: 0;
    width: calc(18px * var(--scale));
    height: calc(2px * var(--scale));
    background: black;
    transition: transform 0.5s, top 0.2s;
    -moz-transition: transform 0.5s, top 0.2s;
    -webkit-transition: transform 0.5s, top 0.2s;
    -o-transition: transform 0.5s, top 0.2s;
}

.sw-bottom {
    position: relative;
    width: calc(18px * var(--scale));
    height: calc(2px * var(--scale));
    top: calc(3px * var(--scale));
    background: black;
    transition: transform 0.5s, top 0.2s;
    -moz-transition: transform 0.5s, top 0.2s;
    -webkit-transition: transform 0.5s, top 0.2s;
    -o-transition: transform 0.5s, top 0.2s;
    transition-delay: 0.2s, 0s;
    -moz-transition-delay: 0.2s, 0s;
    -webkit-transition-delay: 0.2s, 0s;
    -o-transition-delay: 0.2s, 0s;
}

.sw-footer {
    position: relative;
    width: calc(18px * var(--scale));
    height: calc(2px * var(--scale));
    top: calc(6px * var(--scale));
    background: black;
    transition: transform 0.5s, top 0.2s;
    -moz-transition: transform 0.5s, top 0.2s;
    -webkit-transition: transform 0.5s, top 0.2s;
    -o-transition: transform 0.5s, top 0.2s;
    transition-delay: 0.2s, 0s;
    -moz-transition-delay: 0.2s, 0s;
    -webkit-transition-delay: 0.2s, 0s;
    -o-transition-delay: 0.2s, 0s;
}

.icon_menu.active .sw-topper {
    background: black;
    top: calc(5px * var(--scale));
    transform: rotate(140deg);
    -moz-transform: rotate(140deg);
    -webkit-transform: rotate(140deg);
    -o-transform: rotate(140deg);
}

.icon_menu.active .sw-bottom {
    background: black;
    top: calc(3px * var(--scale));
    transform: rotate(-140deg);
    -moz-transform: rotate(-140deg);
    -webkit-transform: rotate(-140deg);
    -o-transform: rotate(-140deg);
}

.icon_menu.active .sw-footer {
    top: 0;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    opacity: 0;
}

.nav_block {
    background: #fff;
    width: calc(320px * var(--scale));
    height: 100%;
    position: fixed;
    right: calc(-400px * var(--scale));
    top: calc(60px * var(--scale));
    bottom: 0;
    padding: calc(50px * var(--scale)) 0;
    transition: .4s all;
    z-index: 20;
}

    .nav_block.active {
        right: 0;
    }

.nav li a {
    position: relative;
    border-bottom: 1px solid #E4E4E4;
    width: 100%;
    height: calc(50px * var(--scale));
    font-size: calc(16px * var(--scale));
    line-height: calc(23px * var(--scale));
    color: #000;
    padding-right: calc(30px * var(--scale));
    justify-content: flex-end;
    align-items: center;
    display: flex;
}

    .nav li a p {
        direction: rtl;
    }

    .nav li a:hover,
    .list_header_dropdown a:hover {
        background: #EEEEEE;
    }

    .nav li a i {
        background: url(../images/nav-sprite.png);
        width: calc(16px * var(--scale));
        height: calc(16px * var(--scale));
        margin-left: calc(27px * var(--scale));
        filter: grayscale(100%);
        display: block;
        background-position: 0 -14px;
    }

    .nav li a:hover i {
        filter: grayscale(0);
    }

.nav li.active a:after {
    background: #3473EB;
    width: calc(4px * var(--scale));
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
}

.nav li.active a:hover:after {
    display: none;
}


.item_left_transactions {
    position: relative;
}

.row_actions {
    padding-bottom: calc(36px * var(--scale));
}

.button_primary {
    background: #3473EB url(../images/plus.png) no-repeat;
    background-position: calc(100% - calc(18px * var(--scale))) center;
    background-size: calc(16px * var(--scale)) calc(16px * var(--scale));
    border-radius: calc(3px * var(--scale));
    width: calc(140px * var(--scale));
    height: calc(32px * var(--scaleY));
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: calc(13px * var(--scale));
    line-height: calc(32px * var(--scale));
    color: #fff;
    text-indent: calc(18px * var(--scale));
    text-align: left;
    display: block;
}
.button_primary_active {
    background: #3473EB;
    border-radius: calc(3px * var(--scale));
    width: calc(140px * var(--scale));
    height: calc(32px * var(--scaleY));
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: calc(13px * var(--scale));
    line-height: calc(32px * var(--scale));
    color: #fff;
    text-indent: calc(18px * var(--scale));
    text-align: left;
    display: block;
}

.small_row_actions {
    width: calc(130px * var(--scale));
}

    .small_row_actions a {
        border: 1px solid #CCCCCC;
        border-radius: 3px;
        width: calc(119px * var(--scale));
        height: calc(32px * var(--scale));
        font-family: 'Heebo', sans-serif;
        font-weight: 500;
        font-size: calc(13px * var(--scale));
        line-height: calc(30px * var(--scale));
        color: #3473EB;
        text-align: center;
        display: block;
    }

        .small_row_actions a:hover {
            background: rgba(52, 115, 235, 0.04);
        }

.row_control {
    height: calc(32px * var(--scaleY));
    margin-top: calc(36px * var(--scaleY));
    justify-content: flex-start;
}

.split_horizontal {
    /*background: url(../images/split-horizontal.png);*/
    width: calc(20px * var(--scale));
    height: calc(20px * var(--scale));
    /*   filter: grayscale(100%);
    display: block;
    background-size: contain;*/
}

    .split_horizontal.close_split_horizontal {
        background-position: bottom;
    }

.icon_magnify {
    background: url(../images/icon-magnify.png);
    width: calc(20px * var(--scale));
    height: calc(20px * var(--scale));
    filter: grayscale(100%);
    display: block;
    background-size: contain;
}

    .split_horizontal:hover,
    .icon_magnify:hover,
    .split_horizontal.active,
    .icon_magnify.active {
        filter: grayscale(0);
    }

.row_control .item_tool_tip {
    height: auto;
    margin-right: calc(30px * var(--scale));
}

.item_right_transactions h2 {
    font-size: calc(26px * var(--scale));
    line-height: calc(38px * var(--scale));
}

.row_batch_actions {
    justify-content: flex-end;
}

.batch_actions {
    padding-right: calc(15px * var(--scale));
}

.transactionpage {
    background: #3473eb url(../images/transactionpage.png) no-repeat calc(100% - 10px) center;
    border: 1px solid #3473eb;
    border-radius: 3px;
    height: calc(32px * var(--scale));
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: calc(13px * var(--scale));
    line-height: calc(30px * var(--scale));
    color: #fff;
    margin-left: calc(20px * var(--scale));
    padding: 0 calc(45px * var(--scale)) 0 calc(20px * var(--scale));
    display: block;
}

.transactionpage_disable {
    background: #fff url(../images/transactionpage-disable.png) no-repeat calc(100% - 10px) center;
    border-color: #ccc;
    color: #333;
}

.batch_actions_button {
    border: calc(1px * var(--scale)) solid #CCCCCC;
    border-radius: calc(3px * var(--scale));
    height: calc(32px * var(--scale));
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: calc(13px * var(--scale));
    line-height: calc(30px * var(--scale));
    color: #3473EB;
    padding: 0 calc(15px * var(--scale));
    display: block;
}

.sm_button_delete {
    background-position: calc(100% - 5px) center;
    width: auto;
    text-indent: 0;
    padding: 0 calc(45px * var(--scale)) 0 calc(15px * var(--scale));
}

.batch_confirm2 {
    background: #fff url(../images/check-all.png) no-repeat calc(100% - calc(5px * var(--scale))) center;
    background-size: calc(24px * var(--scale)) calc(12px * var(--scale));
    border: calc(1px * var(--scale)) solid #CCCCCC;
    border-radius: calc(3px * var(--scale));
    height: calc(32px * var(--scale));
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: calc(13px * var(--scale));
    line-height: calc(30px * var(--scale));
    color: #3473EB;
    text-align: left;
    padding: 0 calc(48px * var(--scale)) 0 calc(15px * var(--scale));
    display: block;
}

.batch_actions > a {
    margin-right: calc(5px * var(--scale));
}

.check_action {
    position: relative;
    text-align: left;
}

    .check_action input[type="checkbox"] + label {
        position: relative;
        font-size: calc(13px * var(--scale));
        line-height: calc(17px * var(--scale));
        display: block;
    }

    .check_action input[type="checkbox"]:checked + label {
        background: #EC3153;
        font-size: 0;
    }

    .check_action input[type="checkbox"] + label span {
        background: url(../images/checkbox-partial.png);
        width: calc(16px * var(--scale));
        height: calc(16px * var(--scale));
        position: absolute;
        top: 0;
        right: 0;
    }

    .check_action input[type="checkbox"]:checked + label span {
        background-position: bottom;
    }

.wrap_table_transactions {
    background: #f5f5f5;
    width: 100%;
    padding: 0 calc(26px * var(--scale)) calc(88px * var(--scale)) calc(20px * var(--scale));
    left: 0;
}

    .wrap_table_transactions.no_absolute {
        position: static !important;
    }

.head_table_transactions {
    position: sticky;
    width: 100%;
    padding-left: calc(75px * var(--scale));
    padding-top: calc(10px * var(--scale));
    padding-bottom: calc(5px * var(--scale));
    text-align: right;
    display: block;
    top: calc(249px * var(--scale));
    background: #f5f5f5;
    z-index: 45;
}

    .head_table_transactions tr {
        height: calc(36px * var(--scale));
    }

    .head_table_transactions th {
        position: relative;
        font-family: 'Heebo', sans-serif;
        font-weight: 500;
        font-size: calc(13px * var(--scale));
        line-height: calc(17px * var(--scale));
        vertical-align: top;
        padding: 0 calc(5px * var(--scale));
    }

.hover_th > span {
    position: relative;
    margin-top: calc(-3px * var(--scale));
    padding: calc(3px * var(--scale)) calc(10px * var(--scale));
    right: calc(-10px * var(--scale));
    display: inline-block;
}

.hover_th:hover > span {
    background: #dbdcde;
    border-radius: 3px;
}

.cout_th {
    background: red;
    border-radius: 50%;
    width: calc(15px * var(--scale));
    height: calc(15px * var(--scale));
    font-size: calc(10px * var(--scale));
    line-height: calc(17px * var(--scale));
    color: #fff;
    text-align: center;
    position: absolute;
    top: calc(-8px * var(--scale));
    left: 90%;
    display: block;
    /*z-index: 45;*/
}

.order_th {
    background: #4047cc;
    border-radius: 50%;
    width: calc(15px * var(--scale));
    height: calc(15px * var(--scale));
    font-size: calc(10px * var(--scale));
    line-height: calc(17px * var(--scale));
    color: #fff;
    text-align: center;
    position: absolute;
    top: calc(-8px * var(--scale));
    right: 12%;
    display: block;
    z-index: 45;
}

    .order_th .asc,
    .order_th .desc {
        width: calc(5px * var(--scale));
        z-index: 46;
        right: calc(5px * var(--scale));
        position: absolute;
    }

    .order_th .asc {
        top: calc(-2px * var(--scale));
    }

    .order_th .desc {
        bottom: calc(-2px * var(--scale));
    }

.arr_t img {
    transform: rotate(180deg);
}

.arr_t,
.arr_d {
    cursor: pointer;
}

    .arr_t.active,
    .arr_d.active {
        color: #4047cc;
    }

    .arr_t img,
    .arr_d img {
        width: calc(17px * var(--scale));
    }

.drop_table_filtre {
    background: #fff;
    border-radius: .25rem;
    width: calc(320px * var(--scale));
    position: absolute;
    top: 70%;
    left: calc(240px * var(--scale));
    transform: translateX(-50%);
    z-index: 2;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);
    height: auto;
    padding: calc(8px * var(--scale)) calc(12px * var(--scale));
    overflow: visible;
}

.table_sell_page .drop_table_filtre {
    top: 100%;
}

.last_drop_table_filtre {
    left: auto;
    right: calc(-168px * var(--scale));
    top: 100%;
}

.open_to_the_right .last_drop_table_filtre {
    right: calc(-420px * var(--scale));
}

.height34 {
    min-height: calc(34px * var(--scale)) !important;
    max-height: calc(34px * var(--scale)) !important;
    height: calc(34px * var(--scale)) !important;
}

.height40 {
    min-height: calc(40px * var(--scale)) !important;
    max-height: calc(40px * var(--scale)) !important;
    height: calc(40px * var(--scale)) !important;
}

.width100 {
    min-width: calc(100px * var(--scale));
    max-width: calc(100px * var(--scale));
}

.width120 {
    min-width: calc(120px * var(--scale));
    max-width: calc(120px * var(--scale));
}

.width300 {
    min-width: calc(300px * var(--scale));
    max-width: calc(300px * var(--scale));
}

.width360 {
    min-width: calc(360px * var(--scale));
    max-width: calc(360px * var(--scale));
}

.width200 {
    min-width: calc(200px * var(--scale));
    max-width: calc(200px * var(--scale));
}

.width250 {
    min-width: calc(250px * var(--scale));
    max-width: calc(250px * var(--scale));
}

.width270 {
    min-width: calc(270px * var(--scale));
    max-width: calc(270px * var(--scale));
}

.width830 {
    min-width: calc(830px * var(--scale));
    max-width: calc(830px * var(--scale));
}

.width870 {
    min-width: calc(870px * var(--scale));
    max-width: calc(870px * var(--scale));
}

.width900 {
    min-width: calc(900px * var(--scale));
    max-width: calc(900px * var(--scale));
}

.width980 {
    min-width: calc(980px * var(--scale));
    max-width: calc(980px * var(--scale));
}

.width1000 {
    min-width: calc(1000px * var(--scale));
    max-width: calc(1000px * var(--scale));
}

.width1140 {
    min-width: calc(1140px * var(--scale));
    max-width: calc(1140px * var(--scale));
}

.width1180 {
    min-width: calc(1180px * var(--scale));
    max-width: calc(1180px * var(--scale));
}

.width1122 {
    min-width: calc(1122px * var(--scale));
    max-width: calc(1122px * var(--scale));
}

.padding_right40 {
    padding-right: calc(40px * var(--scale)) !important;
}

.padding_right60 {
    padding-right: calc(63px * var(--scale)) !important;
}

.margin_top25 {
    margin-top: calc(25px * var(--scale)) !important;
}

.margin_left4 {
    margin-left: calc(4px * var(--scale)) !important;
}

.margin_top60 {
    margin-top: calc(60px * var(--scale)) !important;
}

.margin_top40 {
    margin-top: calc(40px * var(--scale)) !important;
}

.margin2420 {
    margin: calc(24px * var(--scale)) calc(20px * var(--scale));
}

.margin20 {
    margin: calc(20px * var(--scale));
}

.bgWhite {
    background-color: white;
}

.head_table_transactions th .drop_table_filtre {
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);
    height: auto;
    padding: calc(8px * var(--scale)) calc(12px * var(--scale));
    overflow: visible;
}

.head_table_transactions th:hover .cout_th {
    display: block;
}


.form_control {
    background: #FCFCFC;
    border: 1px solid #CBCBCB;
    border-radius: 3px;
    width: 100%;
    height: calc(32px * var(--scale));
    margin: calc(6px * var(--scale)) 0 calc(8px * var(--scale));
    padding: 0 calc(5px * var(--scale));
}

.check_f {
    position: relative;
    width: 100%;
    text-align: right;
    top: 0;
    right: 0;
}

.position_relative {
    position: relative;
}

.position-absolute > .check_f {
    margin: 0 0 calc(10px * var(--scale)) calc(8px * var(--scale));
}

.check_f input[type="checkbox"] + label {
    font-size: calc(13px * var(--scale));
    font-weight: 400;
    padding-right: calc(25px * var(--scale));
    display: flex;
    align-items: center;
    direction: rtl;
}

.selected .check_f input[type="checkbox"] + label {
    color: #00008b;
}

.check_f input[type="checkbox"] + label span {
    position: absolute;
    top: 50%;
    right: calc(-2px * var(--scale));
    transform: translateY(-50%);
}

.list_drop_table_filtre {
}

    .list_drop_table_filtre li {
        position: relative;
        border-radius: 5px;
        margin: calc(2px * var(--scale)) 0;
        padding: calc(4px * var(--scale)) calc(8px * var(--scale));
        cursor: pointer;
    }

        .list_drop_table_filtre li:hover,
        .list_drop_table_filtre li.selected {
            background: #dbdcde;
        }

.item_scrollbar .viewport {
    width: calc(310px * var(--scale));
    max-height: calc(212px * var(--scale));
    height: auto;
    position: relative;
    overflow-y: auto;
    left: calc(-10px * var(--scale));
    direction: rtl;
}

.item_scrollbar .overview {
    position: static;
    width: calc(295px * var(--scale));
    padding-left: calc(5px * var(--scale));
}

.item_scrollbar .scrollbar {
    width: calc(5px * var(--scale));
    top: auto;
    bottom: calc(8px * var(--scale));
    left: calc(4px * var(--scale));
}

.item_scrollbar .thumb {
    width: calc(5px * var(--scale));
}

.text_right {
    margin-bottom: calc(10px * var(--scale));
    padding-right: calc(7px * var(--scale));
}

    .text_right span {
        padding-right: calc(15px * var(--scale));
        font-weight: 600;
        cursor: pointer;
    }

.list_transactions {
    margin-top: calc(10px * var(--scale));
}

    .list_transactions > li {
        position: relative;
        background: #fff;
        border-radius: 3px;
        box-shadow: 0px 1px 2px rgba(25, 25, 25, 0.2);
        margin-bottom: calc(10px * var(--scale));
        cursor: pointer;
    }

td.status_updated {
    color: #3473eb;
    font-weight: 700;
    text-shadow: 1px 1px 1px #3473eb;
}

.list_transactions > li.newOrder {
    box-shadow: 0px 4px 4px rgba(53, 183, 128, 0.14), 0px 4px 4px rgba(53, 183, 128, 0.12), 0px 2px 4px rgba(53, 183, 128, 0.2);
}

.list_transactions > li.deleted {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.14), 0px 4px 4px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.2);
    background: #dadada;
}

.list_transactions > li.updated {
    box-shadow: 0px 4px 4px rgba(0, 66, 255, 0.14), 0px 4px 4px rgba(0, 66, 255, 0.12), 0px 2px 4px rgba(0, 66, 255, 0.2);
}

.list_transactions > li:hover {
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.14), 0px 3px 4px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2);
}

.list_transactions > li.border:after {
    background: #ffe68c;
    width: calc(4px * var(--scale));
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
}

.table_list_transactions {
    width: 100%;
    padding: 0 0 0 calc(60px * var(--scale));
    display: block;
}

    .table_list_transactions > tbody > tr {
        height: calc(76px * var(--scale));
    }

        .table_list_transactions > tbody > tr td {
            font-size: calc(14px * var(--scale));
            line-height: calc(19px * var(--scale));
            text-align: right;
            padding-right: calc(2px * var(--scale));
        }

        .table_list_transactions > tbody > tr > td td {
            position: relative;
            padding-left: calc(2px * var(--scale));
            justify-content: flex-end;
            align-items: center;
            display: flex;
        }

            .table_list_transactions > tbody > tr > td td:first-child {
                padding-left: calc(8px * var(--scale));
            }

.table_in td {
    height: calc(76px * var(--scale));
}

.list_transactions li.active .table_list_transactions > tbody > tr > td:first-child {
    border-left: 1px dashed #CCCCCC;
}

.table_list_transactions > tbody > tr td:nth-child(10) {
    border-right: 1px dashed #CCCCCC;
}

.table_list_transactions > tbody > tr td:nth-child(11),
.table_list_transactions > tbody > tr td:nth-child(12),
.table_list_transactions > tbody > tr td:nth-child(13),
.table_list_transactions > tbody > tr td:nth-child(14),
.table_list_transactions > tbody > tr td:nth-child(15),
.table_list_transactions > tbody > tr td:nth-child(16),
.table_list_transactions > tbody > tr td:nth-child(17),
.table_list_transactions > tbody > tr td:nth-child(18) {
    padding-left: calc(5px * var(--scale));
}

.table_in tr:last-child {
    border-top: 1px dashed #CCCCCC;
    display: none !important;
}

.table_list_transactions > tbody > tr td span {
    color: #191919;
    display: block;
    font-size: calc(11px * var(--scale));
}

.table_list_transactions > tbody > tr td strong {
    font-weight: 700;
}

.table_list_transactions > tbody > tr > td:nth-child(10) tr {
    padding-right: calc(5px * var(--scale));
    display: inline-block;
}

.edit_mode {
    position: absolute;
    top: 50%;
    left: calc(10px * var(--scale));
    transform: translateY(-50%);
    display: none;
}


.icon-save-new {
    border-radius: 3px;
    width: calc(24px * var(--scale));
    height: calc(24px * var(--scale));
    background: #3473EB;
    padding: calc(2px * var(--scale));
    cursor: pointer;
}

.icon-save-close {
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    width: calc(24px * var(--scale));
    height: calc(24px * var(--scale));
    padding: calc(2px * var(--scale));
    cursor: pointer;
}

.icon_save {
    background: #3473EB url(../images/icon-save.png) no-repeat center;
    border-radius: 3px;
    width: calc(24px * var(--scale));
    height: calc(24px * var(--scale));
    margin: calc(7px * var(--scale)) 0;
    display: block;
    background-size: calc(17px * var(--scale)) calc(17px * var(--scale));
}

    .icon_save.no_active {
        background: url(../images/icon-save-no-active.png);
        cursor: default;
    }

.icon_close {
    background: url(../images/icon-close.png) no-repeat center;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    width: calc(24px * var(--scale));
    height: calc(24px * var(--scale));
    margin: calc(7px * var(--scale)) 0;
    transition: none;
    margin: calc(7px * var(--scale)) 0;
    display: block;
    background-size: calc(17px * var(--scale)) calc(17px * var(--scale));
}


.icon-point {
    width: calc(16px * var(--scale));
    height: calc(16px * var(--scale));
    background-size: contain;
}

.list_transactions li .check_table {
    position: absolute;
    top: 50%;
    right: calc(-22px * var(--scale));
    transform: translateY(-50%);
}

.buy,
.buybuy {
    /* background: #35B780; */
    width: calc(20px * var(--scale));
    height: calc(20px * var(--scale));
    font-family: 'Heebo', sans-serif;
    font-weight: 700;
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--scale));
    text-align: center;
    color: #35B780;
    display: inline-block;
    border: calc(2px * var(--scale)) solid;
    border-radius: calc(3px * var(--scale));
}

.buy_red {
    background: #EC3153;
    width: calc(20px * var(--scale));
    height: calc(20px * var(--scale));
    font-family: 'Heebo', sans-serif;
    font-weight: 700;
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--scale));
    text-align: center;
    color: #fff;
    display: inline-block;
}

.buy_grey {
    background: #BABABA;
    width: calc(20px * var(--scale));
    height: calc(20px * var(--scale));
    font-family: 'Heebo', sans-serif;
    font-weight: 700;
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--scale));
    text-align: center;
    color: #fff;
    display: inline-block;
}


.sell {
    border: 1px solid #c92f2d;
    /* background: #c92f2d; */
    width: calc(20px * var(--scale));
    height: calc(20px * var(--scale));
    font-family: 'Heebo', sans-serif;
    font-weight: 700;
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--scale));
    text-align: center;
    color: #c92f2d;
    display: inline-block;
    border-radius: calc(3px * var(--scale));
}

.deal_type {
    /* background: black; */
    width: calc(20px * var(--scale));
    height: calc(20px * var(--scale));
    font-family: 'Heebo', sans-serif;
    font-weight: 700;
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--scale));
    text-align: center;
    color: black;
    display: inline-block;
    border: calc(2px * var(--scale)) solid black;
    border-radius: calc(3px * var(--scale));
}

.list_transactions li.active .edit_mode,
.list_transactions li.active .table_in tr:last-child {
    display: block !important;
}

.wrap_sell_page {
    padding: calc(80px * var(--scale)) calc(45px * var(--scale)) calc(20px * var(--scale));
}

.row_select_sel_page {
    width: calc(900px * var(--scale));
}

.item_select_sel_page {
    width: calc(210px * var(--scale));
}

    .item_select_sel_page .drop_select {
        width: calc(150px * var(--scale));
        font-size: calc(16px * var(--scale));
    }

    .item_select_sel_page label {
        font-family: 'Heebo', sans-serif;
        font-weight: 500;
        font-size: calc(13px * var(--scale));
        line-height: calc(17px * var(--scale));
    }

.row_sell_page {
    margin-bottom: calc(20px * var(--scale));
    justify-content: flex-end;
}

.item_sell_page {
    font-size: calc(19px * var(--scale));
    line-height: calc(27px * var(--scale));
    margin-bottom: calc(15px * var(--scale));
}

.dots_confirm {
    position: absolute;
    max-width: calc(60px * var(--scale));
    width: 100%;
    top: 50%;
    left: calc(10px * var(--scale));
    transform: translateY(-50%);
    z-index: 1;
    display: flex;
}

.list_transactions > li.active:hover .dots_confirm {
    display: none;
}

.item_dots_confirm {
    display: none;
}

.list_transactions > li:hover .item_dots_confirm {
    display: block;
}

.comment_active_futures {
    background: url(../images/comment-active-futures.png) no-repeat center;
    background-size: contain;
    width: calc(14px * var(--scale));
    height: calc(15px * var(--scale));
    display: block;
    filter: grayscale(100%);
}

.file_active_orders {
    background: url(../images/copy-file.png) no-repeat;
    width: calc(14px * var(--scale));
    height: calc(15px * var(--scale));
    display: block;
    background-size: contain;
}

.active .comment_active_futures,
.active .file_active_orders {
    display: none;
}

.list_transactions > li:hover .comment_active_futures {
    position: initial;
}

.list_transactions > li:hover .item_comment_active_futures {
    position: initial;
}

.list_transactions > li:hover .item_comment_active_futures2 {
    position: initial;
}

.item_comment_active_futures {
    position: absolute;
    left: calc(46px * var(--scale));
    top: calc(-6px * var(--scale));
}


.item_comment_active_futures2 {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    position: absolute;
    left: calc(46px * var(--scale));
    top: calc(-35px * var(--scale));
    height: calc(72px * var(--scale));
}

    .item_comment_active_futures2 > div {
        position: relative;
    }

.item_comment_active_futures > div {
    position: relative;
}

.item_comment_active_futures2:hover .comment_drop,
.item_comment_active_futures:hover .comment_drop {
    display: block;
}

.dots-new {
    width: calc(24px * var(--scale));
    height: calc(24px * var(--scale));
    margin-bottom: calc(14px * var(--scale));
}

.dots {
    background: url(../images/dots.png);
    width: calc(24px * var(--scale));
    height: calc(24px * var(--scale));
    margin-bottom: calc(14px * var(--scale));
    display: block;
    background-size:contain;
}

.confirm-new {
    width: calc(24px * var(--scale));
    height: calc(24px * var(--scale));
}

.confirm {
    background: url(../images/confirm.png);
    width: calc(24px * var(--scale));
    height: calc(24px * var(--scale));
    background-size:contain;
    display: block;
}

.nav_dots {
    background: #fff;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
    width: calc(161px * var(--scale));
    position: absolute;
    top: 0;
    left: calc(23px * var(--scale));
    z-index: 2;
    display: none;
}

.wrap_dots {
    position: relative;
}

.drop_checkbox label {
    white-space: nowrap;
}

.dropdowntrigger .drop_select .input_list {
    font-size: calc(16px * var(--scale));
}

.dropdowntrigger .drop_select {
    width: calc(400px * var(--scale));
}

.arrow_back {
    margin-top: calc(4px * var(--scale));
}

.checkbox_select_all {
    font-weight: bold;
}

.position_fixed {
    position: fixed !important;
}

.wrap_dots:hover .nav_dots {
    display: block;
}

.nav_dots li a {
    border-bottom: 1px solid #EEEEEE;
    height: calc(29px * var(--scale));
    font-size: calc(13px * var(--scale));
    line-height: calc(30px * var(--scale));
    color: #000;
    padding-right: calc(2px * var(--scale));
    align-items: center;
    justify-content: flex-end;
    display: flex;
}

.nav_dots li:nth-child(4) a {
    border: none;
}

.nav_dots li a:hover,
.list_select li:hover {
    background: #EEEEEE;
}

.nav_dots li a i {
    background: url(../images/sprite-nav-dots.png) no-repeat center;
    background-size: calc(24px * var(--scale)) calc(100px * var(--scale));
    background-position: 0 0;
    width: calc(24px * var(--scale));
    height: calc(25px * var(--scale));
    margin-left: calc(11px * var(--scale));
    filter: grayscale(100%);
    display: block;
}

.nav_dots li a:hover i {
    filter: grayscale(0);
}

.nav_dots li:nth-child(2) a i {
    background-position: 0 calc(-25px * var(--scale));
}

.nav_dots li:nth-child(3) a i {
    background-position: 0 calc(-50px * var(--scale));
}

.nav_dots li:nth-child(4) a i {
    background-position: 0 calc(-75px * var(--scale));
}


.item_comment_executionLoadingReportDetailed {
    position: relative;
}

    .item_comment_executionLoadingReportDetailed:hover .comment_drop {
        display: block;
        width: calc(100px * var(--scale));
        bottom: 100%;
        top: initial;
    }

.comment_drop {
    background: rgba(0,0,0,.67);
    width: max-content;
    min-width: calc(120px * var(--scale));
    font-size: calc(13px * var(--scale));
    color: #fff;
    text-align: center;
    padding: calc(5px * var(--scale)) calc(20px * var(--scale));
    position: absolute;
    left: 110%;
    display: none;
    z-index: 900;
    transform: translate(0%, -50%);
    top: 50%;
}

.item_comment_executionLoadingReportDetailed .settings_hover {
    display: none;
}

.item_comment_executionLoadingReportDetailed:hover .settings_image {
    display: none;
}

.item_comment_executionLoadingReportDetailed:hover .settings_hover {
    display: block;
}

.align_center {
    align-items: center;
}

span.align_top {
    font-size: calc(11px * var(--scale));
    line-height: calc(20px * var(--scale));
    color: #696969;
    position: absolute;
    top: calc(10px * var(--scale));
    right: 0;
}

.arrow_table span.align_top {
    top: calc(-23px * var(--scale));
}

.row_sell_page h3 {
    font-size: calc(19px * var(--scale));
    line-height: calc(27px * var(--scale));
    margin-bottom: calc(15px * var(--scale));
}

.table_sell_page {
    border: 1px solid #CCCCCC;
    border-right: none;
    border-bottom: none;
}

    .table_sell_page tr {
        border-bottom: 1px solid #CCCCCC;
        height: calc(35px * var(--scale));
    }

    .table_sell_page th {
        background: #F5F5F5;
        position: relative;
        border-right: 1px solid #CCCCCC;
        font-family: 'Heebo', sans-serif;
        font-weight: 500;
        font-size: calc(14px * var(--scale));
        line-height: calc(19px * var(--scale));
        padding-right: calc(10px * var(--scale));
    }

    .table_sell_page td {
        border-right: 1px solid #CCCCCC;
        font-size: calc(13px * var(--scale));
        line-height: calc(17px * var(--scale));
        padding-right: calc(10px * var(--scale));
    }

.check_action > span {
    font-size: calc(13px * var(--scale));
    line-height: calc(17px * var(--scale));
}

.check_action img {
    margin-left: calc(15px * var(--scale));
    display: block;
}

.cyrrencysymbol {
    padding-right: calc(5px * var(--scale));
    float: left;
}

.list_result {
    border-bottom: 1px solid #CCCCCC;
    display: flex;
}

    .list_result li {
        background: #F5F5F5;
        border-left: 1px solid #CCCCCC;
        width: calc(150.1px * var(--scale));
        font-family: 'Heebo', sans-serif;
        font-weight: 500;
        font-size: calc(14px * var(--scale));
        line-height: calc(35px * var(--scale));
        padding-right: calc(10px * var(--scale));
    }

        .list_result li:last-child {
            border-right: 1px solid #CCCCCC;
            width: calc(150.5px * var(--scale));
        }

.delete_transactions {
    position: absolute;
    background: #fff;
    width: 100%;
    height: 100%;
    text-align: right;
    align-items: center;
    justify-content: center;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 60;
    display: none;
}

.mfp-content .delete_transactions {
    display: flex;
}

.text_delete_transactions {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .text_delete_transactions h4 {
        font-family: 'Heebo', sans-serif;
        max-width: calc(600px * var(--scale));
        font-weight: 500;
        font-size: calc(24px * var(--scale));
        line-height: calc(35px * var(--scale));
        color: #000;
        padding-bottom: calc(15px * var(--scale));
    }

.wrap_row_delete_transactions {
    width: calc(160px * var(--scale));
    display: inline-block;
}

.row_delete_transactions {
    width: calc(160px * var(--scale));
}

    .row_delete_transactions a {
        border-width: calc(1px * var(--scale));
        border-style: solid;
        border-radius: 3px;
        width: calc(70px * var(--scale));
        height: calc(32px * var(--scale));
        font-family: 'Heebo', sans-serif;
        font-weight: 500;
        font-size: calc(13px * var(--scale));
        line-height: calc(30px * var(--scale));
        text-align: center;
        display: block;
    }

.bt1 {
    border-color: #CCCCCC;
    color: #3473EB;
}

    .bt1:hover {
        background: rgba(52, 115, 235, 0.04);
    }

.bt2 {
    background: #3473EB;
    border-color: #3473EB;
    color: #fff;
}

.add_kupa {
    position: fixed;
    background: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    padding: calc(65px * var(--scale)) 0 calc(63px * var(--scale));
    z-index: 12;
}

.title_add_kupa {
    width: calc(1160px * var(--scale));
    margin: 0 auto calc(60px * var(--scale));
}

    .title_add_kupa h3 {
        font-family: 'Heebo', sans-serif;
        font-weight: 500;
        font-size: calc(24px * var(--scale));
        line-height: calc(35px * var(--scale));
        margin-bottom: calc(28px * var(--scale));
    }

.item_add_kupa {
    width: calc(150px * var(--scale));
}

.long_item_add_kupa {
    width: calc(360px * var(--scale));
}

#scrollbar4 .viewport {
    height: auto;
    overflow: hidden auto;
    direction: rtl;
}

#scrollbar3 {
    position: relative;
    border-bottom: 2px solid #E4E4E4;
    width: 95%;
    margin: 0 auto calc(63px * var(--scale));
}

    #scrollbar3 > .viewport {
        min-height: calc(430px * var(--scale));
        max-height: calc(630px * var(--scale));
        height: auto;
        overflow-y: auto;
        direction: rtl;
    }

#scrollbar .viewport2 {
    width: 100%;
    height: auto;
    direction: rtl;
}

#scrollbar3 .overview,
#scrollbar .overview {
    position: static;
    direction: ltr;
}

.item_tool_tip:hover div.tool_tip {
    display: block;
}

.table_add_kupa {
    /*width: calc(1308px * var(--scale));*/
}

    .table_add_kupa tr {
        position: relative;
        border-bottom: 1px solid #E4E4E4;
        height: calc(45px * var(--scale));
    }

    .table_add_kupa th {
        font-family: 'Heebo', sans-serif;
        font-weight: 500;
        font-size: calc(13px * var(--scale));
        line-height: calc(19px * var(--scale));
        color: #000;
        padding-right: calc(13px * var(--scale));
        position: relative;
    }



        .table_add_kupa th:nth-child(1) {
            min-width: calc(190px * var(--scale));
            max-width: calc(190px * var(--scale));
        }

        .table_add_kupa th:nth-child(2) {
            min-width: calc(190px * var(--scale));
            max-width: calc(190px * var(--scale));
        }

        .table_add_kupa th:nth-child(3) {
            min-width: calc(170px * var(--scale));
            max-width: calc(170px * var(--scale));
        }

        .table_add_kupa th:nth-child(4) {
            min-width: calc(130px * var(--scale));
            max-width: calc(130px * var(--scale));
        }

        .table_add_kupa th:nth-child(5),
        .table_add_kupa td:nth-child(5) {
            min-width: calc(130px * var(--scale));
            max-width: calc(130px * var(--scale));
        }

        .table_add_kupa th:nth-child(6),
        .table_add_kupa td:nth-child(6) {
            min-width: calc(170px * var(--scale));
            max-width: calc(170px * var(--scale));
        }

    .table_add_kupa td {
        position: relative;
        font-size: calc(14px * var(--scale));
        line-height: calc(21px * var(--scale));
        padding-right: calc(13px * var(--scale));
        min-width: calc(32px * var(--scale));
    }

    .table_add_kupa tr:hover td {
        background: #FAFBFC;
    }

    .table_add_kupa tr.used {
        background: #f2f4f5;
    }

.plus {
    background: #3473EB;
    border-radius: 3px;
    width: calc(24px * var(--scale));
    height: calc(24px * var(--scale));
    font-family: 'Heebo', sans-serif;
    font-weight: 700;
    font-size: calc(18px * var(--scale));
    line-height: calc(24px * var(--scale));
    color: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    left: calc(8px * var(--scale));
    transform: translateY(-50%);
    display: none;
}

.table_add_kupa tr td .check_table {
    top: 50%;
    transform: translateY(-50%);
    right: initial;
    z-index: 2;
}

.table_add_kupa .check_table.futures {
    /*right: calc(-20px * var(--scale));*/
}

.table_add_kupa tr:hover .plus,
.table_add_kupa tr:hover .check_table {
    display: block;
}

.warning-red {
    color: red;
}

.monitor_maintenance {
    background-color: #fff;
    margin: calc(24px * var(--scale)) calc(20px * var(--scale));
}

.monitor_maintenance_header {
    display: flex;
    justify-content: space-between;
    padding: calc(30px * var(--scale));
    width: 100%;
}

    .monitor_maintenance_header h2 {
        font-size: calc(20px * var(--scale));
        font-weight: bold;
    }

.item_tool_tip_search,
.row_control .item_tool_tip {
    width: auto;
    display: block;
}

.group_table {
    border-collapse: collapse;
    width: 100%;
    direction: rtl;
}

    .group_table th {
        border-bottom: 1px solid #e4e4e4;
        font-size: calc(13px * var(--scale));
        font-weight: 700;
        padding: calc(11px * var(--scale)) 0;
        text-align: right;
        white-space: pre-line;
    }

    .group_table > tbody > tr {
        background-color: #fff;
        border-bottom: 1px solid #e4e4e4;
    }

        .group_table > tbody > tr:last-child {
            border-bottom: initial;
        }

        .group_table > tbody > tr > td {
            padding: calc(20px * var(--scale)) 0;
        }

.wrap_horada_lemimshak {
    background: #f5f5f5;
    width: 100%;
    direction: rtl;
}

.content_horada_lemimshak {
    position: relative;
}

.table_accounting_report {
    position: relative;
    border: 1px solid #ECECEC;
    border-top: none;
    border-right: none;
    border-bottom: none;
    width: 100%;
    flex-direction: column;
    direction: ltr;
}

.horada_lemimshak_head {
    position: sticky;
    top: calc(216px * var(--scale));
    z-index: 1;
    background: #f5f5f5;
}

    .horada_lemimshak_head .table_horada_lemimshak,
    .horada_lemimshak_head .table_accounting_report {
        height: calc(62px * var(--scale));
        overflow: visible;
    }

.orders_report_head {
    position: sticky;
    z-index: 1;
    background: #f5f5f5;
}

    .orders_report_head .table_horada_lemimshak {
        height: calc(120px * var(--scale));
        overflow: visible;
    }

.table_horada_lemimshak {
    position: relative;
    border: 1px solid #ECECEC;
    border-top: none;
    border-right: none;
    border-bottom: none;
    width: 100%;
    /*    flex-direction: column;
    display: flex;*/
    direction: ltr;
}

    .table_horada_lemimshak thead th,
    .table_accounting_report thead th {
        position: sticky;
        top: 0;
        z-index: 2;
        background-color: #f5f5f5;
    }

.table_reports {
    width: calc(4010px * var(--scale));
}

    .table_reports thead {
        position: sticky;
        top: 0px;
        z-index: 20;
        background: #f5f5f5;
    }

.wrap_reports {
    overflow-x: scroll;
    height: calc(100vh - 220px);
}

    .wrap_reports .content_horada_lemimshak {
        width: calc(3865px * var(--scale));
    }

.table_horada_lemimshak tr:first-child,
.table_accounting_report tr:first-child {
    border-top: 1px solid #ECECEC;
}

.table_horada_lemimshak tr,
.table_accounting_report tr {
    border-bottom: 1px solid #ECECEC;
    height: auto !important;
}

    .table_horada_lemimshak tr:hover,
    .table_accounting_report tr:hover {
        background-color: #e4e4e4;
        cursor: pointer;
    }

.table_horada_lemimshak th,
.table_accounting_report th {
    position: relative;
    border-right: 1px solid #ECECEC;
    height: calc(28px * var(--scale));
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: calc(13px * var(--scale));
    line-height: calc(19px * var(--scale));
    text-align: right;
    padding: calc(10px * var(--scale)) calc(10px * var(--scale)) calc(10px * var(--scale)) calc(5px * var(--scale));
}

.table_horada_lemimshak td,
.table_accounting_report td {
    position: relative;
    border-right: 1px solid #ECECEC;
    font-size: calc(14px * var(--scale));
    line-height: calc(21px * var(--scale));
    padding: calc(10px * var(--scale)) calc(10px * var(--scale)) calc(10px * var(--scale)) calc(5px * var(--scale));
}


.dotted_pink {
    background: url(../images/dotted-pink.png) no-repeat center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.hover_dotted_pink {
    background: #EEEEEE url(../images/redo.png) no-repeat calc(100% - 7px) center;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
    width: calc(161px * var(--scale));
    height: calc(33px * var(--scale));
    font-size: calc(13px * var(--scale));
    line-height: calc(33px * var(--scale));
    color: #000;
    text-align: left;
    text-indent: 22px;
    position: absolute;
    top: 50%;
    left: calc(-155px * var(--scale));
    transform: translateY(-50%);
    display: none;
}

.dotted_pink:hover .hover_dotted_pink {
    display: block;
}

.table_horada_lemimshak .check_table {
    padding-right: calc(20px * var(--scale));
    position: relative;
    width: auto;
    font-size: calc(14px * var(--scale));
    line-height: calc(16px * var(--scale));
    top: 0;
    right: calc(2px * var(--scale));
}

.table_horada_lemimshak td .check_table_tr {
    padding: 0;
}

.table_horada_lemimshak .check_table input[type="checkbox"] + label {
    padding-right: calc(20px * var(--scale));
}

    .table_horada_lemimshak .check_table input[type="checkbox"] + label label {
        position: absolute;
        top: 0;
        right: calc(24px * var(--scale));
    }

    .table_horada_lemimshak .check_table input[type="checkbox"] + label span {
        position: absolute;
        top: calc(8px * var(--scale));
        right: 0;
    }

    .table_horada_lemimshak .check_table input[type="checkbox"] + label.partial span {
        background: url(../images/checkbox-partial.png);
    }

.check_table input[type="checkbox"] + label.partial span {
    background: url(../images/checkbox-partial.png);
}

.table_horada_lemimshak tr.no_active_bg {
    background: #FBFBFB;
}

    .table_horada_lemimshak tr.no_active_bg td {
        color: #9A9A9A;
    }

.table_horada_lemimshak tr td img {
    width: calc(25px * var(--scale));
}

.row_horada {
    margin-bottom: calc(29px * var(--scaleY));
    justify-content: flex-start;
}


.batch_confirm {
    background: #fff url(../images/printer.png) no-repeat calc(100% - 18px) center;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: calc(13px * var(--scale));
    line-height: calc(19px * var(--scale));
    color: #3473EB;
    margin-right: calc(6px * var(--scale));
    padding: calc(6px * var(--scale)) calc(42px * var(--scale)) calc(6px * var(--scale)) calc(18px * var(--scale));
    display: block;
}

.button_d {
    background: #3473eb url(../images/dow.png) no-repeat calc(100% - 18px) center;
    border-color: #3473eb;
    color: #fff;
}


.date_picker_button {
    background: #fff url(../images/calendar-range.png) no-repeat;
    background-position: calc(12px * var(--scale)) center;
    background-size: calc(20px * var(--scale)) calc(20px * var(--scale));
    border: calc(1px * var(--scale)) solid #CBCBCB;
    max-width: calc(120px * var(--scale));
    border-radius: calc(3px * var(--scale));
    font-size: calc(14px * var(--scale));
    line-height: calc(21px * var(--scale));
    color: #696969;
    text-align: right;
    padding: calc(5px * var(--scale)) calc(10px * var(--scale)) calc(5px * var(--scale)) calc(35px * var(--scale));
    display: block;
}




.date_picker {
    background: #fff;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);
    border-radius: calc(3px * var(--scale));
    width: calc(227px * var(--scale));
    margin-top: calc(2px * var(--scale));
    padding: calc(.4rem * var(--scale));
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 2;
}

.row_date {
    margin-bottom: calc(10px * var(--scale));
}

.prev,
.next {
    border: .45rem solid transparent;
    width: calc(10px * var(--scale));
    height: calc(10px * var(--scale));
    display: block;
}

.prev {
    border-right-color: #ccc;
}

.next {
    border-left-color: #ccc;
}

.date_date_picker {
    font-family: 'Heebo', sans-serif;
    font-weight: 700;
    font-size: calc(.944rem * var(--scale));
    line-height: calc(19px * var(--scale));
    align-items: flex-end;
}


    .date_date_picker span {
        font-size: calc(11px * var(--scale));
        line-height: calc(16px * var(--scale));
        padding-right: calc(10px * var(--scale));
    }

.table_date_picker {
    width: 100%;
    text-align: center;
    z-index: 12;
}

    .table_date_picker th {
        width: calc(24px * var(--scale));
        height: calc(24px * var(--scale));
        font-family: 'Heebo', sans-serif;
        font-weight: 700;
        font-size: calc(13px * var(--scale));
        line-height: calc(19px * var(--scale));
    }

    .table_date_picker td {
        width: calc(24px * var(--scale));
    }

.link_date {
    position: relative;
    width: calc(29px * var(--scale));
    height: calc(32px * var(--scale));
    font-family: 'HeeboRegular';
    font-size: calc(12px * var(--scale));
    line-height: calc(32px * var(--scale));
    color: #191919;
    text-align: center;
    margin: 0;
    display: block;
}

    .link_date:hover,
    .link_date.selected {
        background: #3473EB;
        border-radius: 3px;
        color: #fff;
    }

.no_picker {
    color: #CBCBCB;
    cursor: default;
}

    .no_picker:hover {
        background: none;
        color: #CBCBCB;
    }

.button_date_picker {
    justify-content: flex-end;
}

.but_date1 {
    width: calc(60px * var(--scale));
    height: calc(30px * var(--scale));
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: calc(14px * var(--scale));
    line-height: calc(30px * var(--scale));
    color: #191919;
    text-align: center;
    margin-right: calc(14px * var(--scale));
    opacity: .4;
    display: block;
}

.but_date2 {
    background: #EAEAEA;
    border-radius: 5px;
    width: calc(84px * var(--scale));
    height: calc(30px * var(--scale));
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: calc(14px * var(--scale));
    line-height: calc(30px * var(--scale));
    color: #191919;
    text-align: center;
    opacity: .4;
    display: block;
}

    .but_date2:hover {
        background: #3473EB;
        color: #fff;
        opacity: 1;
    }

.but_date1:hover {
    color: #3473EB;
    opacity: 1;
}

.close_popup {
    background: url(../images/close_new.png) no-repeat center;
    background-size: cover;
    width: calc(40px * var(--scale));
    height: calc(40px * var(--scale));
    position: absolute;
    top: calc(72px * var(--scale));
    left: calc(40px * var(--scale));
    z-index: 60;
}

    .close_popup:hover {
        background: url(../images/close_hover.png) no-repeat center;
        background-size: cover;
    }


.wrap_ishur_midrag_table {
    padding: 0;
}

    .wrap_ishur_midrag_table .content_horada_lemimshak {
        padding: 0;
    }

.batch_actions_migrad > label {
    font-family: 'Heebo', sans-serif;
    font-weight: 700;
    font-size: calc(14px * var(--scale));
    line-height: calc(21px * var(--scale));
    padding: 0 calc(8px * var(--scale));
}

.batch_actions_migrad .date_picker_button {
    min-width: auto;
    margin-left: calc(16px * var(--scale));
}

.batch_actions_migrad .item_tool_tip {
    width: calc(170px * var(--scale));
    margin-left: calc(16px * var(--scale));
}

.item_drop_checkbox {
    background: #fff;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    padding: 0 calc(10px * var(--scale));
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: calc(5px * var(--scale));
    z-index: 2;
}

    .item_drop_checkbox .list_chekbox {
        max-height: calc(500px * var(--scale));
        overflow: auto;
    }

        .item_drop_checkbox .list_chekbox::-webkit-scrollbar {
            width: 0;
        }


.row_flex_end {
    justify-content: flex-end;
    display: flex;
}

.list_chekbox li,
.list_drop_checkbox li {
    margin: calc(10px * var(--scale)) 0;
}

.drop_checkbox {
    position: relative;
    line-height: calc(16px * var(--scale));
    padding-right: calc(25px * var(--scale));
    display: inline-block;
}

    .drop_checkbox span {
        position: absolute;
        top: 0;
        right: 0;
    }

.list_drop_checkbox li {
    font-size: calc(16px * var(--scale));
    line-height: calc(18px * var(--scale));
}


.row_transaction {
    position: relative;
    margin-right: calc(6px * var(--scale));
    padding-right: calc(24px * var(--scale));
}

    .row_transaction p {
        font-family: 'Heebo', sans-serif;
        font-weight: 500;
        font-size: calc(13px * var(--scale));
        line-height: calc(19px * var(--scale));
        color: #3473EB;
        padding-right: calc(10px * var(--scale));
    }

.label_transaction {
    position: relative;
    background: #E4E4E4;
    border-radius: 3px;
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--scale));
    color: #191919;
    padding: calc(6px * var(--scale)) calc(12px * var(--scale)) calc(6px * var(--scale)) calc(28px * var(--scale));
    margin-left: calc(6px * var(--scale));
}

.close_transaction {
    background: url(../images/close-transaction.png);
    width: calc(8px * var(--scale));
    height: calc(8px * var(--scale));
    position: absolute;
    top: calc(12px * var(--scale));
    left: calc(10px * var(--scale));
}

.row_transaction:after {
    background: #ccc;
    width: calc(1px * var(--scale));
    height: calc(32px * var(--scale));
    content: '';
    position: absolute;
    top: 0;
    right: 0;
}

.pagin_control {
    justify-content: flex-start;
}

    .pagin_control .item_tool_tip {
        width: auto;
        height: auto;
    }

.pagin {
    width: calc(80px * var(--scale));
}

.prev_pagin,
.next_pagin {
    background: url(../images/pagin.png);
    width: calc(24px * var(--scale));
    height: calc(24px * var(--scale));
    filter: grayscale(100%);
    display: block;
}

    .prev_pagin:hover,
    .next_pagin:hover {
        filter: grayscale(0);
    }

.next_pagin {
    background-position: right;
}

.pagin_control p {
    font-size: calc(13px * var(--scale));
    line-height: calc(19px * var(--scale));
    color: #696969;
    padding: 0 calc(32px * var(--scale));
}

.input_block {
    width: calc(150px * var(--scale));
    margin-right: calc(10px * var(--scale));
    display: none;
}

    .input_block.active {
        display: block;
    }

.arrow_table {
    position: relative;
    min-height: calc(13px * var(--scale));
}

.icon_point {
    width: calc(16px * var(--scale));
    height: calc(16px * var(--scale));
    position: absolute;
    left: 0;
    bottom: calc(35px * var(--scale));
    z-index: 4;
}

.icon_point_table {
    width: calc(16px * var(--scale));
    height: calc(16px * var(--scale));
    position: absolute;
    left: calc(-15px * var(--scale));
    bottom: calc(5px * var(--scale));
    display: none;
}

tr.active .arrow_table:hover .icon_point_table {
    display: block;
}

.icon_point img {
    display: block;
}

.rtl {
    direction: rtl;
}

.content_volume_confirmation {
    position: relative;
}

.done {
    position: fixed;
    background: #fff;
    width: 100%;
    padding: calc(42px * var(--scale)) 0;
    top: calc(40px * var(--scale));
    bottom: 0;
    z-index: 100;
    display: none;
    overflow-y: auto;
    height: 100%;
}

.mfp-content .done {
    display: block;
}

.item_message_done {
    position: static;
    background-position: calc(100% - 10px) center;
    width: calc(356px * var(--scale));
    transform: none;
    margin: 0 auto calc(43px * var(--scale));
    text-align: center;
}

.item_message_fail {
    position: static;
    background: #f37f7f;
    width: calc(356px * var(--scale));
    transform: none;
    margin: 0 auto calc(43px * var(--scale));
    text-align: center;
}

.table_done {
    width: calc(900px * var(--scale));
    margin: 0 auto calc(100px * var(--scale));
}

    .table_done tr {
        border-bottom: 1px solid #E4E4E4;
        height: calc(60px * var(--scale));
        cursor: pointer;
        text-align: center;
    }

    .table_done th {
        font-family: 'Heebo', sans-serif;
        font-weight: 500;
        font-size: calc(13px * var(--scale));
        line-height: calc(19px * var(--scale));
        color: #000;
        padding-right: calc(12px * var(--scale));
        text-align: center;
    }

    .table_done td {
        position: relative;
        font-size: calc(14px * var(--scale));
        line-height: calc(21px * var(--scale));
        color: #000;
        padding-left: calc(40px * var(--scale));
    }

    .table_done tr:hover td {
        background: #FAFBFC;
    }

.tool_done {
    background: url(../images/icon-done.png) no-repeat center/contain;
    width: calc(19px * var(--scale));
    height: calc(22px * var(--scale));
    position: absolute;
    top: 50%;
    left: calc(25px * var(--scale));
    transform: translateY(-50%);
    filter: grayscale(100%);
}


    .tool_done:hover {
        filter: grayscale(0);
    }

    .tool_done .tool_tip {
        width: calc(88px * var(--scale));
        margin-bottom: calc(12px * var(--scale));
    }

    .tool_done:hover .tool_tip {
        display: block;
    }

.button_done {
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    width: calc(122px * var(--scale));
    font-size: calc(16px * var(--scale));
}

.row_disabled {
    color: #9a9a9a;
}

#overday {
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 70;
    display: none;
}

    #overday.active {
        display: block;
    }

.item_right_assets {
    display: block;
}

.row_assets_btn {
    display: flex;
    align-items: center;
    margin: calc(12px * var(--scaleY)) 0;
}

.position_st52 img {
    width: calc(24px * var(--scale));
}

.button.filter {
    border: none;
    color: #191919;
}

    .button.filter.enabled {
        background: #cadcff;
        padding: calc(10px * var(--scale)) calc(15px * var(--scale));
        vertical-align: middle;
    }

        .button.filter.enabled:hover {
            background: #a6c4ff;
        }

.row_assets_btn > span {
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: calc(16px * var(--scale));
    margin-left: calc(18px * var(--scale));
    margin-right: calc(22px * var(--scale));
    vertical-align: middle;
    display: inline-block;
}

.row_assets_btn .wrap_date_picker {
    margin: 0 0 0 calc(18px * var(--scale));
    vertical-align: middle;
}

.dropdowntrigger {
    position: relative;
    border-radius: 3px;
    /*margin: 0 calc(25px * var(--scale)) calc(33px * var(--scaleY)) 0;*/
    /*padding: 0 calc(14px * var(--scale)) 0 calc(40px * var(--scale));*/
    display: inline-block;
}

    .dropdowntrigger:hover {
        border-color: #696969;
    }

    .dropdowntrigger > img {
        position: absolute;
        left: calc(14px * var(--scale));
        top: 50%;
        transform: translateY(-50%);
    }

    .dropdowntrigger h2 {
        font-size: calc(26px * var(--scale));
        line-height: calc(38px * var(--scale));
        margin: 0;
        cursor: pointer;
    }

.monitorlink {
    position: absolute;
    top: calc(10px * var(--scale));
    right: calc(-25px * var(--scale));
}

.list_dropdowntrigger {
    background: #fff;
    border-radius: 3px;
    box-shadow: 1px 1px 4px rgba(0,0,0,.15);
    min-width: calc(303px * var(--scale));
    font-size: calc(13px * var(--scale));
    direction: rtl;
    position: absolute;
    top: calc(40px * var(--scale));
    right: 0;
    margin-top: calc(4px * var(--scale));
    z-index: 10;
    display: none;
}

.dropdowntrigger:hover .list_dropdowntrigger {
    display: block;
}

.list_dropdowntrigger a {
    color: #191919;
    padding: calc(7px * var(--scale)) calc(10px * var(--scale));
    display: block;
}

    .list_dropdowntrigger a:hover {
        background: #eee;
    }

.assets_wrap {
    margin: calc(20px * var(--scale));
    margin-left:0;
}

.assets_wrap_scroll {
    position: relative;
    max-height: calc(725px * var(--scaleY));
    overflow-y: auto;
    direction: rtl;
}


.table_assets {
    direction: rtl;
}

    .table_assets th {
        border-bottom: 2px solid #e4e4e4;
        font-size: calc(13px * var(--scale));
        font-family: 'Heebo', sans-serif;
        font-weight: 500;
        padding: calc(11px * var(--scale)) 0;
    }

        .table_assets th strong {
            font-family: 'Heebo', sans-serif;
            font-weight: 700;
        }

.tbody_table_assets tr {
    background: #fff;
    border-bottom: 1px solid #e4e4e4;
    height: calc(74px * var(--scale));
}

.icon_error_table_assets {
    justify-content: center;
    display: flex;
}

.error_alert {
    position: fixed;
    width: calc(325px * var(--scale));
    height: calc(40px * var(--scale));
    margin-left: auto;
    margin-right: auto;
    top: calc(80px * var(--scale));
    left: 0;
    right: 0;
    background: #FFDCDC;
    border-radius: 60px;
    display: flex;
    z-index: 42;
}

    .error_alert span {
        margin: auto;
        font-weight: 500;
        font-size: calc(18px * var(--scale));
        line-height: calc(26px * var(--scale));
        display: flex;
        align-items: center;
        text-align: right;
    }

    .error_alert img {
        margin: auto;
        width: calc(24px * var(--scale));
        height: calc(24px * var(--scale));
    }


.wrap_preloader {
    background: #E5E5E5;
    padding-top: calc(280px * var(--scale));
    position: fixed;
    width: 100%;
    height: 100%;
    top: calc(60px * var(--scale));
    z-index: 2;
}

.preloader {
    position: relative;
    text-align: center;
}

.circle {
    background: #008181;
    border-radius: 100%;
    width: calc(260px * var(--scale));
    animation: pulsing 3.5s;
    animation-fill-mode: forwards;
    transition: all .3s linear;
    overflow: hidden;
}

.empty_title {
    font-size: calc(24px * var(--scale));
    margin: calc(40px * var(--scale)) auto;
    font-weight: 500;
    display: flex;
    justify-content: center;
}

.empty_circle {
    border-radius: 50%;
    background: #3473EB;
    color: white;
    width: calc(56px * var(--scale));
    height: calc(56px * var(--scale));
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: calc(24px * var(--scale));
    padding-bottom: calc(6px * var(--scale));
    margin: 0 auto;
}

    .empty_circle :hover {
        border-color: #4e88f5;
        font-size: calc(25px * var(--scale));
    }

.empty_footer {
    font-weight: 500;
    font-size: calc(20px * var(--scale));
    margin: calc(20px * var(--scale)) auto;
    display: flex;
    justify-content: center;
    margin-bottom: calc(60px * var(--scale));
}

.circle .logo_container {
    animation: logo 3s;
    animation-fill-mode: forwards;
    transition: all .3s linear;
    padding: 0 calc(15px * var(--scale));
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}

.logo_container img {
    width: 100%;
    height: auto;
    display: block;
}

.circle:after {
    padding-top: 100%;
    content: '';
    display: block;
}

.text_preloader {
    animation: opaciti_text 2s forwards;
    animation-delay: 2s;
    max-height: 0;
    overflow: hidden;
}

.preloader h3 {
    font-size: calc(26px * var(--scale));
    line-height: calc(38px * var(--scale));
    color: #4F4F4F;
    margin-bottom: calc(5px * var(--scale));
}

.sdh {
    margin-bottom: calc(4px * var(--scale));
    margin-right: calc(13px * var(--scale));
}

.preloader p {
    font-size: calc(16px * var(--scale));
    color: #4F4F4F;
}

.width80 {
    width: calc(83px * var(--scale));
}


@keyframes pulsing {
    0% {
        width: calc(104px * var(--scale));
        position: absolute;
        transform: translateX(-50%);
        left: 50%;
        top: 0px;
    }

    50% {
        width: calc(260px * var(--scale));
        position: absolute;
        transform: translateX(-50%);
        left: 50%;
        top: 0;
    }

    100% {
        width: calc(104px * var(--scale));
        position: absolute;
        transform: translateX(-50%);
        left: 50%;
        top: calc(-120px * var(--scale));
    }
}

@keyframes opaciti_text {
    0%, 99% {
        max-height: 0;
    }

    100% {
        max-height: calc(999px * var(--scale));
    }
}

@keyframes logo {
    0% {
        top: 130%;
    }

    100% {
        top: 50%;
    }
}

.drop_select_row_assets {
    width: calc(70px * var(--scale));
    font-size: calc(14px * var(--scale));
    margin-right: calc(15px * var(--scale));
}

.transactions_head_futures_matching {
    position: sticky;
    top: calc(40px * var(--scaleY));
}

.futures_matching_wrap {
    padding: 0 calc(30px * var(--scale)) calc(20px * var(--scale));
}

.head_futures_matching {
    background: #f5f5f5;
    border-bottom: 2px solid #e6e6e6;
    position: sticky;
    top: calc(200px * var(--scale));
    z-index: 10;
}

    .head_futures_matching th {
        font-family: 'Heebo', sans-serif;
        font-weight: 500;
        line-height: calc(17px * var(--scale));
        padding-top: calc(10px * var(--scale));
        padding-bottom: calc(12px * var(--scale));
    }

        .head_futures_matching th .arrow_futures_matching {
            top: calc(15px * var(--scale));
        }

.vertical_line {
    border-right: 1px dashed #ccc;
    padding-right: calc(18px * var(--scale)) !important;
}

.list_futures_matching > li {
    position: relative;
    margin-bottom: calc(20px * var(--scale));
}

.list_futures_matching li > p {
    border-bottom: 1px solid #e6e6e6;
    padding: calc(10px * var(--scale)) calc(50px * var(--scale)) calc(10px * var(--scale)) 0;
}

.in_table_futures_matching > tbody > tr {
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
    height: calc(61px * var(--scale));
    position: relative;
    display: inline-table;
    cursor: pointer;
}

    .in_table_futures_matching > tbody > tr.active:after {
        /*border-top: 1px dashed #ccc;*/
        width: calc(1705px * var(--scale));
        height: calc(1px * var(--scale));
        content: '';
        position: absolute;
        top: calc(56px * var(--scale));
        left: calc(42px * var(--scale));
    }

    .in_table_futures_matching > tbody > tr:hover {
        background: #eee;
    }


.in_table_futures_matching_tabs > tbody > tr > td {
    padding-top: calc(15px * var(--scale));
    padding-bottom: calc(15px * var(--scale));
}

    .in_table_futures_matching_tabs > tbody > tr > td > div {
        min-height: calc(14px * var(--scale));
    }

.in_table_futures_matching .currency .input_list {
    width: calc(50px * var(--scale));
    margin: 0;
}

.in_table_futures_matching .currency .list_select {
    width: calc(72px * var(--scale));
}

.in_table_futures_matching .account .input_list {
    width: calc(140px * var(--scale));
    margin: 0;
}

.currency .drop_select, .account .drop_select {
    display: inline-block;
}

.account .list_select {
    width: calc(240px * var(--scale));
}

.account .arrow_table {
    padding: 0 calc(2px * var(--scale)) 0 calc(6px * var(--scale));
}

.currency .star_active_futures {
    margin-right: calc(-10px * var(--scale));
}

.in_table_futures_matching > tbody > tr > td:first-child {
    position: relative;
    padding: 0 0 0 calc(6px * var(--scale));
}

.in_table_futures_matching > tbody > tr.active .wrap_edit_mode {
    border-right: 1px dashed #ccc;
    width: calc(43px * var(--scale));
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.in_table_futures_matching > tbody > tr.active .edit_mode {
    display: block;
}

.in_table_futures_matching > tbody > tr > td:last-child {
    padding-right: calc(30px * var(--scale));
}

.in_table_futures_matching > tbody > tr.active .input_table_hidden,
.table_futures_matching_popup td .input_table_hidden,
.table_swap_matching_popup .input_table_hidden {
    background: #fcfcfc;
    border: 1px solid #cbcbcb;
    border-radius: 3px;
    width: 100%;
    height: calc(26px * var(--scale));
    text-align: right;
}

.in_table_futures_matching > tbody > tr .input_table_hidden_width1 {
}

td .arrow_table .input_table_hidden {
    width: calc(100px * var(--scale)) !important;
}

.in_table_futures_matching_tabs > tbody > tr > td:nth-child(2) .arrow_table,
.in_table_futures_matching_tabs > tbody > tr > td:nth-child(3) .arrow_table {
    width: calc(95px * var(--scale)) !important;
}

.in_table_futures_matching > tbody > tr .date_picker {
    box-shadow: none;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.in_table_futures_matching > tbody > tr.active .date_picker {
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);
    height: auto;
    padding: calc(.4rem * var(--scale));
    overflow: visible;
}

.in_table_futures_matching > tbody > tr .date_picker_button {
    background: none;
    border-color: transparent;
    max-width: calc(none * var(--scale));
    width: 100%;
    padding: calc(2px * var(--scale)) calc(8px * var(--scale)) calc(1px * var(--scale)) calc(21px * var(--scale));
}

.table_futures_matching_popup td .date_picker_button {
    max-width: calc(none * var(--scale));
    width: 100%;
    padding: calc(2px * var(--scale)) calc(8px * var(--scale)) calc(1px * var(--scale)) calc(21px * var(--scale));
    max-height: calc(26px * var(--scale));
}

.table_futures_matching_popup .list_select {
    width: 200%;
}

.table_futures_matching_popup .arrow_table_fund .list_select {
    width: 280%;
}

.in_table_futures_matching > tbody > tr.active .input_table_hidden.valuta {
    width: calc(31px * var(--scale));
}

.input_table_hidden {
    background: none;
    border-width: calc(1px * var(--scale));
    border-color: transparent;
    width: 100%;
    text-align: right;
    padding: calc(4px * var(--scale)) calc(8px * var(--scale));
    position: relative;
}

    .input_table_hidden.valuta {
        width: calc(43px * var(--scale));
    }

/*.in_table_futures_matching_tabs > tbody > tr > td .arrow_table {
    display: inline-block;
}*/

.in_table_futures_matching_tabs > tbody > tr > td:nth-child(2),
.in_table_futures_matching_tabs > tbody > tr > td:nth-child(4) {
    padding-left: calc(20px * var(--scale));
}

.in_table_futures_matching_tabs > tbody > tr > td:nth-child(4) {
    padding-right: calc(10px * var(--scale));
}

.hidden_table {
    margin-top: calc(15px * var(--scale));
    padding: calc(15px * var(--scale)) 0 0;
    display: none;
}

.in_table_futures_matching > tbody > tr.active .hidden_table {
    display: block;
    min-height: calc(28px * var(--scale));
}

.input_table_hidden_error {
    border-bottom: 2px solid #ef8080 !important;
}

.in_table_futures_matching tbody > tr td .wrap_date_picker,
.table_futures_matching_popup td .wrap_date_picker {
    width: calc(110px * var(--scale));
    margin: 0;
}

.in_table_futures_matching > tbody > tr.active .date_picker_button,
.table_futures_matching_popup td .date_picker_button {
    background: #FCFCFC url(../images/calendar-range.png) no-repeat 5px center;
    border: 1px solid #CBCBCB;
    border-radius: 3px;
}

.table_futures_matching_popup .input_list {
    max-height: calc(26px * var(--scale));
}

.in_table_futures_matching td .input_list {
    width: calc(170px * var(--scale));
    height: calc(26px * var(--scale));
    /*margin-left: calc(-20px * var(--scale));*/
    margin-right: calc(-22px * var(--scale));
}

.in_table_futures_matching td > .input_list {
    max-width: 100%;
}


.in_table_futures_matching_selected {
    background: #e1f9fd !important;
}

.point_table_futures_matching img {
    width: calc(24px * var(--scale));
    height: auto;
    position: relative;
    right: calc(-20px * var(--scale));
}

.arrow_futures_matching {
    background: url(../images/arrow-futures-matching.png);
    background-size: cover;
    width: calc(16px * var(--scale));
    height: calc(9px * var(--scale));
    position: absolute;
    top: calc(15px * var(--scale));
    right: 0;
    cursor: pointer;
}

    .arrow_futures_matching:hover {
        background: url(../images/arrow-futures-matching-blue.png);
        background-size: cover;
    }

    .list_futures_matching li.active .arrow_futures_matching, .arrow_futures_matching.active {
        transform: rotate(90deg);
    }

.inner_padding {
    height: calc(25px * var(--scale));
}

.valuta_popup {
    width: calc(62px * var(--scale)) !important;
}

.table_futures_matching_popup > table > tbody > tr > td .star_active_futures {
    margin: 0 calc(-8px * var(--scale)) 0 0;
}

.table_futures_matching_popup th {
    padding-right: calc(20px * var(--scale));
    font-weight: 700;
}

.without_star {
    background: none;
}

    .without_star img {
        display: none;
    }

.button_popop_futures {
    margin: calc(20px * var(--scale)) auto 0;
    padding: calc(9px * var(--scale)) calc(15px * var(--scale));
    display: table;
}

.row_futures_matching_btn {
    justify-content: flex-end;
}

    .row_futures_matching_btn span {
        font-family: 'HeeboRegular';
        margin-left: calc(5px * var(--scale));
    }

.danel_export_wrap {
    border-top: 2px solid #ececec;
}

.table_danel_export {
    direction: rtl;
}

    .table_danel_export th {
        border-right: 1px solid #ececec;
        border-bottom: 1px solid #ececec;
        font-family: 'Heebo', sans-serif;
        font-weight: 500;
        line-height: calc(20px * var(--scale));
        top:0;
        background-color:#f5f5f5;
        position:sticky;
        padding: calc(10px * var(--scale)) calc(10px * var(--scale)) calc(10px * var(--scale)) calc(5px * var(--scale));
    }

    .table_danel_export td {
        background: #fbfbfb;
        border-right: 1px solid #ececec;
        border-bottom: 1px solid #ececec;
        line-height: calc(20px * var(--scale));
        padding: calc(10px * var(--scale)) calc(10px * var(--scale)) calc(10px * var(--scale)) calc(5px * var(--scale));
    }

    .table_danel_export tr.active td {
        background: #fff;
    }

    .table_danel_export td:first-child {
        padding: calc(10px * var(--scale));
    }

    .table_danel_export tr:not(.active) {
        color: #9a9a9a;
    }

.dotted_danel_export {
    background: url(../images/dotted-op-sys-export.png);
    width: calc(4px * var(--scale));
    height: calc(16px * var(--scale));
    margin: 0 auto;
    position: relative;
}

.linc_danel_export {
    background: #fff url(../images/linc-op-sys-export.png) no-repeat calc(100% - 10px) center;
    box-shadow: 0 2px 8px -1px rgba(0,0,0,.1);
    width: calc(180px * var(--scale));
    color: #000;
    padding: calc(7px * var(--scale)) calc(30px * var(--scale)) calc(7px * var(--scale)) calc(10px * var(--scale));
    position: absolute;
    left: calc(-180px * var(--scale));
    top: calc(-10px * var(--scale));
    display: none;
}

    .linc_danel_export:hover {
        background-color: #eee;
    }

.dotted_danel_export:hover .linc_danel_export,
.table_danel_export tr.active .checkbox_danel_export {
    display: block;
}

.table_danel_export tr.active .dotted_danel_export {
    display: none;
}

.checkbox_danel_export {
    background: url(../images/checkbox.png);
    width: calc(16px * var(--scale));
    height: calc(16px * var(--scale));
    cursor: pointer;
}

.drop_multi_selecter_input {
    background: #fff;
    box-shadow: 0 0 2px 2px rgba(0,0,0,.1);
    width: 100%;
    padding: calc(15px * var(--scale));
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: calc(15px * var(--scale));
    z-index: 10;
    display: none;
}

.multi_selecter_input:hover .drop_multi_selecter_input {
    display: block;
}

.row_assets_btn > p {
    font-size: calc(14px * var(--scale));
    margin-left: calc(20px * var(--scale));
}

    .row_assets_btn > p:first-child {
        margin-right: calc(20px * var(--scale));
    }

.form_multi_selecter_input {
    position: relative;
}

.input_multi_selecter {
    border: 1px solid #cbcbcb;
    border-radius: 4px;
    width: 100%;
    height: calc(30px * var(--scale));
    font-size: calc(14px * var(--scale));
    padding: calc(6px * var(--scale)) calc(32px * var(--scale)) calc(6px * var(--scale)) calc(12px * var(--scale));
}

.submit_multi_selecter {
    background: url(../images/submit-multi-selecter.png);
    width: calc(24px * var(--scale));
    height: calc(24px * var(--scale));
    position: absolute;
    top: 50%;
    right: calc(10px * var(--scale));
    transform: translateY(-50%);
}

.list_multi_selecter_input {
    padding: calc(5px * var(--scale)) 0;
}

    .list_multi_selecter_input li {
        font-size: calc(16px * var(--scale));
        font-weight: 700;
        margin: calc(10px * var(--scale)) 0;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

.drop_multi_selecter_input .button.primary {
    margin: 0;
}

.button.primary.disabled,
.effective.disabled .button_image {
    background: whitesmoke;
    color: #A58879;
}

.date_picker_button.disabled {
    background: #F4F4F4;
}

.multi_selecter_input {
    position: relative;
    border: 1px solid #cbcbcb;
    border-radius: 4px;
    padding: calc(4px * var(--scale)) calc(8px * var(--scale)) calc(4px * var(--scale)) calc(25px * var(--scale));
    display: flex;
}

.multi_selecter_selected {
    background: rgba(170,201,255,.09);
    border: 1px solid #5a8eee;
    border-radius: 4px;
    font-size: calc(13px * var(--scale));
    margin-left: calc(6px * var(--scale));
    padding: calc(7px * var(--scale)) calc(10px * var(--scale));
}

.arrow_multi_selecter_input {
    background: url(../images/arrow-multi-selecter-input.png) no-repeat;
    background-size: cover;
    width: calc(25px * var(--scale));
    height: calc(25px * var(--scale));
    opacity: .5;
    position: absolute;
    top: 50%;
    left: calc(4px * var(--scale));
    transform: translateY(-45%);
    cursor: pointer;
}

    .arrow_multi_selecter_input:hover {
        opacity: 1;
    }

.op_sys_balance_matching_wrap {
    width: 100%;
    /*max-width: calc(1900px * var(--scale));*/
    /*position: absolute;*/
    top: calc(167px * var(--scale));
    bottom: 0;
    overflow: auto;
}

.op_sys_balance_matching_wrap_overflow {
    width: calc(2600px * var(--scale));
}

.control_balance_bank_wrap {
    width: 100%;
    position: absolute;
    top: calc(220px * var(--scale));
    bottom: 0;
}

.broker_report_wrap,
.bank_report_wrap {
    width: 100%;
    position: absolute;
    top: calc(216px * var(--scaleY));
    bottom: 0;
}

.commision_control_wrap {
    top: calc(180px * var(--scale));
}

.broker_report_wrap_overflow,
.bank_report_wrap_overflow {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    direction: rtl;
    overflow-x: auto;
}

.table_broker_report,
.table_bank_report {
    width: calc(2210px * var(--scale));
    font-size: calc(13px * var(--scale));
    direction: ltr;
    margin-right: calc(20px * var(--scale));
}

    .table_broker_report thead,
    .table_bank_report thead,
    .table_op_sys_balance_matching thead,
    .table_control_balance_bank thead {
        position: sticky;
        top: 0;
        z-index: 10;
    }

    .table_broker_report.table_internal_report thead,
    .table_bank_report.table_internal_report thead,
    .table_op_sys_balance_matching.table_internal_report thead,
    .table_control_balance_bank.table_internal_report thead {
        top: calc(47px * var(--scale)) !important;
    }

    .table_broker_report tr:not(.group_head) td:last-child,
    .table_bank_report tr:not(.group_head) td:last-child,
    .table_op_sys_balance_matching tr:not(.group_head) td:last-child,
    .table_control_balance_bank tr:not(.group_head) td:last-child {
        padding: calc(10px * var(--scale));
    }

    .table_broker_report tr.group_head td .check_table,
    .table_bank_report tr.group_head td .check_table,
    .table_op_sys_balance_matching tr.group_head td .check_table,
    .table_control_balance_bank tr.group_head td .check_table {
        padding-right: calc(20px * var(--scale));
        position: relative;
        width: auto;
        font-size: calc(14px * var(--scale));
        line-height: calc(16px * var(--scale));
        top: 0;
        right: calc(2px * var(--scale));
    }

        .table_broker_report tr.group_head td .check_table input[type="checkbox"] + label,
        .table_bank_report tr.group_head td .check_table input[type="checkbox"] + label,
        .table_op_sys_balance_matching tr.group_head td .check_table input[type="checkbox"] + label,
        .table_control_balance_bank tr.group_head td .check_table input[type="checkbox"] + label {
            padding-right: calc(20px * var(--scale));
        }

            .table_broker_report tr.group_head td .check_table input[type="checkbox"] + label span,
            .table_bank_report tr.group_head td .check_table input[type="checkbox"] + label span,
            .table_op_sys_balance_matching tr.group_head td .check_table input[type="checkbox"] + label span,
            .table_control_balance_bank tr.group_head td .check_table input[type="checkbox"] + label span {
                position: absolute;
                top: calc(1px * var(--scale));
                right: 0;
            }

    .table_broker_report .check_table,
    .table_bank_report .check_table,
    .table_op_sys_balance_matching .check_table,
    .table_control_balance_bank .check_table {
        top: initial;
        right: initial;
    }
/*.table_op_sys_balance_matching .group_head .check_table {
        position: absolute;
        top: calc(52px * var(--scale));
        right: calc(30px * var(--scale));
    }*/
.ltr {
    direction: ltr;
}

.ltr {
    direction: ltr !important;
}


.left12 {
    left: calc(12px * var(--scale)) !important;
}

.top30 {
    top: calc(30px * var(--scale)) !important;
}

.top40per {
    top: 40% !important;
}

.p_absolute {
    position: absolute !important;
}

.table_broker_report th,
.table_bank_report th,
.table_op_sys_balance_matching th,
.table_control_balance_bank th {
    background: #efefef;
    /*border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;*/
    height: calc(55px * var(--scaleY));
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: calc(13px * var(--scale));
    text-align: end;
    padding: calc(5px * var(--scale)) calc(10px * var(--scale));
    position: relative;
}

    .table_broker_report th:last-child,
    .table_bank_report th:last-child,
    .table_op_sys_balance_matching th:last-child,
    .table_control_balance_bank th:last-child {
        padding: 0 calc(12px * var(--scale));
    }

.table_broker_report tbody tr,
.table_bank_report tbody tr,
.table_op_sys_balance_matching tbody tr,
.table_control_balance_bank tbody tr {
    background: #fff;
    border-bottom: 1px solid #ececec;
    height: calc(40px * var(--scale));
}

    .table_broker_report tbody tr td,
    .table_bank_report tbody tr td,
    .table_op_sys_balance_matching tbody tr td,
    .table_control_balance_bank tbody tr td {
        line-height: calc(21px * var(--scale));
        padding: calc(5px * var(--scale)) calc(10px * var(--scale));
    }

        .table_broker_report tbody tr td .button.primary,
        .table_bank_report tbody tr td .button.primary,
        .table_op_sys_balance_matching tbody tr td .button.primary,
        .table_control_balance_bank tbody tr td .button.primary {
            width: 100%;
            line-height: calc(normal * var(--scale));
            text-align: center;
            margin: 0;
            padding: calc(4px * var(--scale)) calc(16px * var(--scale));
        }

        .table_broker_report tbody tr td .input_list,
        .table_bank_report tbody tr td .input_list,
        .table_op_sys_balance_matching tbody tr td .input_list,
        .table_control_balance_bank tbody tr td .input_list {
            height: calc(27px * var(--scale));
        }

        .table_broker_report tbody tr td img,
        .table_bank_report tbody tr td img,
        .table_op_sys_balance_matching tbody tr td img,
        .table_control_balance_bank tbody tr td img {
            width: calc(25px * var(--scale));
        }

.table_broker_report .group_head,
.table_bank_report .group_head,
.table_op_sys_balance_matching .group_head,
.table_control_balance_bank .group_head {
    background: #f5f5f5;
}

.input_block_visibility {
    width: calc(200px * var(--scale));
    display: block;
}

.position_st {
    background: #fff;
    position: sticky !important;
    right: calc(1px * var(--scale));
    padding-right: calc(11px * var(--scale)) !important;
}

.position_st40 {
    background: #fff;
    position: sticky !important;
    right: calc(40px * var(--scale));
    width: calc(60px * var(--scale));
}

th.position_st40 {
    z-index: 2;
}

.position_st40 {
    border-right: none !important;
}

th.position_st40:after {
    background: #e6e6e6;
    width: calc(1px * var(--scale));
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
}

.checkbox_danel_export.checked {
    background-position: bottom;
}

.checkbox_danel_export.partial {
    background: url(../images/checkbox-partial.png);
}

.button_dowload_export {
    background: #3473eb url(../images/dowload-export.png) no-repeat calc(100% - 10px) center;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: calc(134px * var(--scale));
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: calc(13px * var(--scale));
    color: #fff;
    text-align: left;
    margin-left: calc(12px * var(--scale));
    padding: calc(9px * var(--scale)) calc(15px * var(--scale));
    display: block;
}

    .button_dowload_export:hover {
        border-color: #3473eb;
    }

.row_assets_btn p strong {
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
}

.total_wrap {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 10000;
    background-color: rgba(245, 245, 245, 0.4);
}

.futures_matching_popup {
    position: fixed;
    background: #fff;
    width: 100%;
    padding: 0 calc(10px * var(--scale));
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 40;
    display: flex;
}

.accounting_popup {
    position: fixed;
    background: #fff;
    width: 100%;
    padding: 0 calc(10px * var(--scale));
    top: 0;
    bottom: 0;
    left: 0;
    display: flex;
    font-size: calc(18px * var(--scale));
    z-index: 51;
}

.wrap_accounting_popup {
    width: 100%;
    margin-top: calc(10px * var(--scale));
}

.mw8 {
    max-width: calc(528px * var(--scale));
}

    .mw8 .accounting_popup_table {
        margin-top: 0px;
    }

.accounting_popup_table {
    position: relative;
    margin-top: calc(30px * var(--scale));
}

    .accounting_popup_table .check_table {
        top: calc(10px * var(--scale));
        right: calc(18px * var(--scale));
    }

    .accounting_popup_table:not(.parameters) > table input {
        width: calc(115px * var(--scale));
    }

    .accounting_popup_table > table > thead > tr,
    .accounting_popup_table > table > tbody > tr {
        background: #fff;
        height: calc(40px * var(--scale));
        position: relative;
        cursor: pointer;
    }

        .accounting_popup_table > table > thead > tr > th,
        .accounting_popup_table > table > tbody > tr > td {
            padding: 0 calc(10px * var(--scale));
            min-width: calc(90px * var(--scale));
        }

        .accounting_popup_table > table > thead > tr > th,
        .accounting_popup_table > table > tbody > tr > td {
            padding: 0 calc(10px * var(--scale));
            min-width: calc(90px * var(--scale));
        }

            .accounting_popup_table > table > thead > tr > th:last-child,
            .accounting_popup_table > table > tbody > tr > td:last-child,
            .accounting_popup_table > table > thead > tr > th:first-child,
            .accounting_popup_table > table > tbody > tr > td:first-child {
                min-width: initial;
            }

    .accounting_popup_table:first-child > table > thead > tr,
    .accounting_popup_table:first-child > table > tbody > tr {
        border-bottom: 1px solid #e6e6e6;
    }

    .accounting_popup_table > table > thead > tr:first-child,
    .accounting_popup_table > table > thead > tr:last-child,
    .accounting_popup_table > table > tbody > tr:last-child {
        border-bottom: none;
    }

    .accounting_popup_table th {
        font-family: 'Heebo', sans-serif;
        font-weight: 500;
        line-height: calc(17px * var(--scale));
        padding-top: calc(10px * var(--scale));
        padding-bottom: calc(12px * var(--scale));
    }

    .accounting_popup_table .wrap_date_picker {
        margin-right: 0;
    }

    .accounting_popup_table .date_picker_button {
        max-width: initial;
    }

    .accounting_popup_table .input_list {
        border-radius: 0;
    }

    .accounting_popup_table:nth-child(2) .atara_popup_table_title {
        padding: calc(10px * var(--scale)) 0;
    }

.atara_popup {
    position: fixed;
    background: #fff;
    width: 100%;
    padding: 0 calc(10px * var(--scale));
    top: 0;
    bottom: 0;
    left: 0;
    display: flex;
    font-size: calc(18px * var(--scale));
    z-index: 51;
}

.atara_popup_table_title {
    font-size: calc(24px * var(--scale));
    padding: calc(14px * var(--scale)) 0;
}

.wrap_atara_popup_table {
    position: relative;
    margin-top: calc(14px * var(--scale));
}

    .wrap_atara_popup_table > table {
        margin-top: calc(20px * var(--scale));
    }

        .wrap_atara_popup_table > table > thead > tr,
        .wrap_atara_popup_table > table > tbody > tr {
            background: #fff;
            height: calc(40px * var(--scale));
            position: relative;
            cursor: pointer;
            border-bottom: 1px solid #ccc;
        }

            .wrap_atara_popup_table > table > thead > tr:first-child,
            .wrap_atara_popup_table > table > thead > tr:last-child,
            .wrap_atara_popup_table > table > tbody > tr:last-child {
                border-bottom: none;
            }


            .wrap_atara_popup_table > table > thead > tr > th,
            .wrap_atara_popup_table > table > tbody > tr > td {
                padding: calc(5px * var(--scale));
                width: calc(134px * var(--scale));
            }

                .wrap_atara_popup_table > table > tbody > tr > td:not(:has(input)) {
                    padding-right: calc(14px * var(--scale));
                    height: calc(54.5px * var(--scale));
                }

                .wrap_atara_popup_table > table > tbody > tr > td:has(.button) {
                    padding-right: calc(5px * var(--scale));
                }

                .wrap_atara_popup_table > table > thead > tr > th:first-child,
                .wrap_atara_popup_table > table > tbody > tr > td:first-child {
                    width: calc(83px * var(--scale));
                }

                .wrap_atara_popup_table > table > thead > tr > th:last-child,
                .wrap_atara_popup_table > table > tbody > tr > td:last-child {
                    max-width: calc(70px * var(--scale));
                }

    .wrap_atara_popup_table th {
        font-family: 'Heebo', sans-serif;
        font-weight: 500;
        line-height: calc(17px * var(--scale));
        padding-top: calc(10px * var(--scale));
        padding-bottom: calc(12px * var(--scale));
    }

    .wrap_atara_popup_table .wrap_date_picker {
        margin-right: 0;
    }

    .wrap_atara_popup_table .date_picker_button {
        max-width: initial;
    }

    .wrap_atara_popup_table:nth-child(2) .atara_popup_table_title {
        padding: calc(10px * var(--scale)) 0;
    }

    .wrap_atara_popup_table .button.primary {
        display: initial;
    }

.wrap_atara_popup {
    position: absolute;
    top: calc(80px * var(--scale));
    width: 100%;
    padding-left: calc(180px * var(--scale));
    padding-right: calc(180px * var(--scale));
}

.wrap_futures_matching_popup {
    width: calc(1820px * var(--scale));
    margin: auto;
}

.table_futures_matching_popup {
    width: calc(1820px * var(--scale));
}

    .table_futures_matching_popup > table > tbody > tr {
        border-bottom: 1px solid #e6e6e6;
    }

        .table_futures_matching_popup > table > tbody > tr > th {
            height: calc(60px * var(--scale));
            font-family: 'Heebo', sans-serif;
            font-weight: 500;
        }

        .table_futures_matching_popup > table > tbody > tr > td {
            height: calc(60px * var(--scale));
        }

            .table_futures_matching_popup > table > tbody > tr > td .arrow_table {
                padding: 0 calc(20px * var(--scale));
            }

            .table_futures_matching_popup > table > tbody > tr > td .icon_point {
                left: calc(2px * var(--scale));
                bottom: calc(5px * var(--scale));
            }

            .table_futures_matching_popup > table > tbody > tr > td .wrap_date_picker {
                width: calc(126px * var(--scale));
            }

                .table_futures_matching_popup > table > tbody > tr > td .wrap_date_picker .icon_point {
                    left: calc(-18px * var(--scale));
                }

.create_order_error {
    display: flex;
    height: 100vh;
}

    .create_order_error h3 {
        margin: auto;
    }

h2.title_op_balance {
    font-size: calc(19px * var(--scale));
    line-height: calc(24px * var(--scale));
}

.transactions_head.op_sys_balance_head {
    min-height: calc(70px * var(--scale));
    padding: 0 calc(30px * var(--scale));
}

.break {
    flex-basis: 100%;
    height: 0;
}

.monitor_cb {
    padding-bottom: calc(1px * var(--scale));
}

    .monitor_cb p {
        padding: 0 calc(10px * var(--scale)) 0 calc(4px * var(--scale));
    }

.op_sys_balance_head_fixed {
    position: sticky;
    top: calc(60px * var(--scale));
    z-index: 20;
}

.background-with-loader {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 100%);
    background-repeat: no-repeat;
    background-size: 400px 1000px;
}

.execution_control_wrap {
    padding: 0 calc(20px * var(--scale));
}

.table_head_execution_control {
    background: #efefef;
    border-bottom: 1px solid #e6e6e6;
    height: calc(40px * var(--scale));
    position: sticky;
    top: calc(208px * var(--scale));
    /*z-index: 10;*/
}

    .table_head_execution_control th {
        height: calc(40px * var(--scale));
        font-family: 'Heebo', sans-serif;
        font-weight: 500;
        font-size: calc(13px * var(--scale));
        line-height: calc(16px * var(--scale));
        text-align: end;
        padding: 0 calc(10px * var(--scale));
        position: relative;
    }

    .table_head_execution_control .arrow_futures_matching {
        display: inline-block;
        position: static;
    }

.split_label {
    text-align: start;
    margin: calc(21px * var(--scale)) 0;
}

.list_execution_control li {
    transition: .3s;
    cursor: pointer;
}

    .list_execution_control li p {
        font-size: calc(16px * var(--scale));
        padding: calc(10px * var(--scale)) calc(50px * var(--scale)) calc(10px * var(--scale)) calc(30px * var(--scale));
    }

    .list_execution_control li .arrow_futures_matching {
        right: calc(20px * var(--scale));
    }

    .list_execution_control li p:hover {
        background: #e4e4e4;
    }

.button_dowload_active {
    display: inline-flex;
    align-items: center;
    height: calc(33px * var(--scaleY));
    padding: 0 calc(10px * var(--scale)) 0 calc(10px * var(--scale));
    background: #fff;
    border: calc(1px * var(--scale)) solid #CCCCCC;
    border-radius: calc(3px * var(--scale));
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: calc(13px * var(--scale));
    color: #3473EB;
    text-decoration: none;
    cursor: pointer;
    gap: calc(6px * var(--scale));
}

.button_dowload {
    display: inline-flex;
    align-items: center;
    height: calc(33px * var(--scaleY));
    padding: 0 calc(10px * var(--scale)) 0 calc(10px * var(--scale));
    background: #fff;
    border: calc(1px * var(--scale)) solid #CCCCCC;
    border-radius: calc(3px * var(--scale));
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: calc(13px * var(--scale));
    color: #3473EB;
    text-decoration: none;
    cursor: pointer;
    gap: calc(6px * var(--scale));
    margin-left: calc(10px * var(--scale));
}

    .button_dowload::after {
        content: "";
        display: inline-block;
        width: calc(20px * var(--scale));
        height: calc(20px * var(--scale));
        background: url(../images/file-download.png) no-repeat center center;
        background-size: contain;
    }

.label_active_orders {
    border: calc(1px * var(--scale)) solid #CCCCCC;
    border-radius: calc(3px * var(--scale));
    width: calc(119px * var(--scale));
    height: calc(32px * var(--scale));
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: calc(13px * var(--scale));
    line-height: calc(30px * var(--scale));
    color: #3473EB;
    text-align: center;
    display: flex;
    justify-content:center;
    align-items:center;
    margin-left:10px;
}

    .label_active_orders.download {
        background: #fff url(../images/file-download.png) no-repeat calc(100% - 18px) center;
        padding: calc(6px * var(--scale)) calc(42px * var(--scale)) calc(6px * var(--scale)) calc(18px * var(--scale));
    }

.in_table_execution_control tr {
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
    height: calc(59px * var(--scale));
    transition: .3s;
}

    .in_table_execution_control tr.selected {
        background: #00d0ff30;
    }

.in_table_execution_control td {
    font-size: calc(13px * var(--scale));
    line-height: calc(16px * var(--scale));
    padding: calc(10px * var(--scale));
}

    .in_table_execution_control td img {
        width: calc(22px * var(--scale));
        height: auto;
    }

.execution_control_row.secondary {
    display: none;
}

    .execution_control_row.secondary.active {
        display: table-row;
    }

.execution_control_row.secondary,
.execution_control_row.main {
    border: 0;
}



    .execution_control_row.secondary.active,
    .execution_control_row.main.active {
        background-color: #fcfcfc;
    }

        .execution_control_row.secondary.active.selected,
        .execution_control_row.main.active.selected {
            background: #00d0ff30;
        }

.input_commint {
    position: relative;
}

.circle_comint {
    background: #692a79;
    border-radius: 50%;
    width: calc(24px * var(--scale));
    height: calc(24px * var(--scale));
    font-size: calc(15px * var(--scale));
    color: #fff;
    align-items: center;
    justify-content: center;
    display: flex;
    position: absolute;
    top: 50%;
    right: calc(5px * var(--scale));
    transform: translateY(-50%);
}

    .circle_comint .username {
        background: #191919;
        width: calc(120px * var(--scale));
        font-size: calc(13px * var(--scale));
        line-height: calc(19px * var(--scale));
        color: #fff;
        text-align: center;
        padding: calc(4px * var(--scale)) calc(5px * var(--scale));
        position: absolute;
        bottom: 100%;
        left: 50%;
        transform: translateX(-50%);
        margin-bottom: calc(8px * var(--scale));
        display: none;
    }

        .circle_comint .username:before,
        .circle_comint .username:before {
            width: 0;
            height: 0;
            border-style: solid;
            border-width: calc(4px * var(--scale)) calc(4.5px * var(--scale)) calc(4px * var(--scale)) calc(4.5px * var(--scale));
            border-color: #191919 transparent transparent transparent;
            content: '';
            position: absolute;
            top: calc(26px * var(--scale));
            left: 50%;
            transform: translateX(-50%);
        }

.input_commint:hover .username {
    display: block;
}


.input_commint .input_list {
    padding-right: calc(30px * var(--scale));
}

.input_commint:hover .username {
    display: block;
}

.dragNDrop {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 42;
    display: none;
}

    .dragNDrop.showed {
        display: block;
    }

.full_drogNDrop_wrapper {
    position: absolute;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,0.2);
    display: flex;
}

.full_drogNDrop {
    width: 90%;
    height: 80%;
    background: white;
    border: 2px dashed #3473eb;
    border-radius: 30px;
    margin: auto;
    display: flex;
}

    .full_drogNDrop.active {
        background-color: #f1f6ff;
    }

        .full_drogNDrop.active input[type=file] {
            width: 90%;
            height: 80%;
            outline: initial;
            /*opacity: initial;*/
            pointer-events: initial;
            user-select: initial;
            position: absolute;
        }

.dropzone {
    font-size: calc(60px * var(--scale));
    margin: auto;
}

.border_bt_g {
    border-bottom: 2px solid gold !important;
}

.border_bt_gt {
    height: 0.1px !important;
    border-bottom: 1px solid #e6e6e6 !important;
}


@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: -1000px 0;
    }

    100% {
        background-position: 2000px 0;
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -1000px 0;
    }

    100% {
        background-position: 2000px 0;
    }
}

.rtl .background-with-loader {
    animation-direction: reverse;
}

.widthMax {
    width: 100%;
}

.title_op_sys_balance_matching {
    margin-bottom: calc(24px * var(--scale));
}

.active_report_hidden {
}

.loading_container {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(25, 25, 25, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3002;
}

.loading_logo {
    display: inline-block;
    position: relative;
    width: calc(64px * var(--scale));
    height: calc(64px * var(--scale));
}

    .loading_logo .loading_circle {
        position: absolute;
        top: calc(27px * var(--scale));
        width: calc(11px * var(--scale));
        height: calc(11px * var(--scale));
        border-radius: 50%;
        background: #4ec0aa;
    }

        .loading_logo .loading_circle:first-child {
            left: calc(6px * var(--scale));
            animation: loading1 .6s infinite;
        }

        .loading_logo .loading_circle:nth-child(2) {
            left: calc(6px * var(--scale));
            animation: loading2 .6s infinite;
        }

        .loading_logo .loading_circle:nth-child(3) {
            left: calc(26px * var(--scale));
            animation: loading2 .6s infinite;
        }

        .loading_logo .loading_circle:nth-child(3) {
            left: calc(26px * var(--scale));
            animation: loading2 .6s infinite;
        }

        .loading_logo .loading_circle:nth-child(4) {
            left: calc(45px * var(--scale));
            animation: loading3 .6s infinite;
        }

.wrap_table_standart {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--scale));
    text-align: right;
    margin: 0 100px;
    padding: 0 calc(30px * var(--scale));
}

.head_table_standart {
}

.head_table_standart {
    border-bottom: 2px solid #e6e6e6;
    padding: 0 calc(20px * var(--scale)) calc(6px * var(--scale)) calc(6px * var(--scale));
}

    .head_table_standart tr th {
        font-weight: 700;
        position: sticky;
        top: 0;
        z-index: 2;
        background-color: #f5f5f5;
    }

    .head_table_standart tr th,
    .head_table_standart tr td {
        height: calc(60px * var(--scale));
        vertical-align: middle;
        padding: 0 calc(15px * var(--scale)) 0 calc(30px * var(--scale));
    }

        .head_table_standart tr th:last-child,
        .head_table_standart tr td:last-child {
            padding: 0 calc(14px * var(--scale));
        }

        .head_table_standart tr th:last-child,
        .head_table_standart tr td:last-child {
            width: calc(40px * var(--scale));
        }

tr.pointer {
    cursor: pointer;
}

.wrap_table_standart td img {
    width: calc(22px * var(--scale));
}

.head_table_standart tbody {
    position: relative;
    border-bottom: 1px solid #e6e6e6;
    padding: calc(6px * var(--scale)) calc(20px * var(--scale)) calc(6px * var(--scale)) calc(6px * var(--scale));
}

    .head_table_standart tbody tr {
        background: #fff;
    }

        .head_table_standart tbody tr td {
            height: calc(60px * var(--scale));
            vertical-align: middle;
            padding: 0 calc(15px * var(--scale)) 0 calc(30px * var(--scale));
            direction: rtl;
        }

.list_table_standart {
    height: calc(770px * var(--scale));
}

    .list_table_standart > li {
        position: relative;
        background: #fff;
        border-bottom: 1px solid #e6e6e6;
        padding: calc(6px * var(--scale)) calc(20px * var(--scale)) calc(6px * var(--scale)) calc(6px * var(--scale));
    }

        .list_table_standart > li.empty {
            position: relative;
            background: #f5f5f5;
            border-bottom: 1px solid #e6e6e6;
            padding: calc(6px * var(--scale)) calc(20px * var(--scale)) calc(6px * var(--scale)) calc(6px * var(--scale));
        }

    .list_table_standart li tr td {
        height: calc(60px * var(--scale));
        vertical-align: middle;
        padding-left: calc(30px * var(--scale));
        direction: rtl;
    }

.execution_loading_report_detailed_head_table tr {
    font-size: calc(16px * var(--scale));
}

    .execution_loading_report_detailed_head_table tr th {
        font-weight: 700;
        height: calc(60px * var(--scale));
        vertical-align: middle;
        padding-left: calc(30px * var(--scale));
    }

    .execution_loading_report_detailed_head_table tr td img {
        width: calc(22px * var(--scale));
    }

.wrap_swap_matching_popup {
    position: absolute;
    top: calc(80px * var(--scale));
    width: 100%;
    padding-left: calc(100px * var(--scale));
}

.table_swap_matching_popup {
    width: calc(700px * var(--scale));
    margin: 0 auto;
}

    .table_swap_matching_popup .icon_point {
        left: calc(26px * var(--scale));
        bottom: calc(7px * var(--scale));
    }

        .table_swap_matching_popup .icon_point.left {
            left: initial;
            right: calc(-20px * var(--scale));
            bottom: calc(7px * var(--scale));
            transform: scaleX(-1);
        }

    .table_swap_matching_popup .drop_select input,
    .table_swap_matching_popup .drop_select ul {
        width: calc(250px * var(--scale));
    }

    .table_swap_matching_popup .wrap_date_picker {
        margin-right: initial;
    }

        .table_swap_matching_popup .wrap_date_picker .date_picker_button {
            max-width: calc(250px * var(--scale));
            width: calc(250px * var(--scale));
        }

    .table_swap_matching_popup tr td {
        padding: calc(4px * var(--scale)) 0;
        font-family: 'Heebo', sans-serif;
        font-weight: 500;
    }

        .table_swap_matching_popup tr td .arrow_table {
            min-height: calc(30px * var(--scale));
            align-items: center;
            display: flex;
            justify-content: end;
        }

        .table_swap_matching_popup tr td .input_table_hidden {
            width: calc(250px * var(--scale)) !important;
            height: calc(33px * var(--scale));
        }

        .table_swap_matching_popup tr td:nth-child(2) {
            width: calc(300px * var(--scale));
        }

        .table_swap_matching_popup tr td:nth-child(3) {
            font-weight: initial;
            width: calc(160px * var(--scale));
        }

.monitor_header {
    position: sticky;
    top: 0;
    background: white;
    z-index: 2;
}

.assets_wrap_scroll tr td {
    direction: ltr;
}

.assets_wrap {
    position: relative;
    overflow-y: auto;
    direction: rtl;
}

    .assets_wrap tr td {
        direction: ltr;
    }

.exception {
    background: #fff;
    border-top: 1px solid #EC3153 !important;
    border-bottom: 1px solid #EC3153 !important;
    border-right: 1px solid #EC3153 !important;
    border-left: 1px solid #EC3153 !important;
}


.projects_toolbar {
    display: flex;
    justify-content: flex-end;
    margin-top: calc(50px * var(--scale));
    border-bottom: 1px solid black;
}

    .projects_toolbar .tool {
        padding: calc(3px * var(--scale)) calc(20px * var(--scale));
        cursor: pointer;
        font-weight: bold;
    }

        .projects_toolbar .tool.disabled {
            color: #ccc;
        }

        .projects_toolbar .tool.active {
            border-bottom: 3px solid black;
        }

        .projects_toolbar .tool:not(.active):not(.disabled):hover {
            border-bottom: 1px solid #ff008c;
            color: #ff008c;
        }

.data-tooltip {
    position: absolute;
    width: calc(250px * var(--scale)) calc(px * var(--scale));
    right: 43%;
    top: 0;
    background: #3989c9;
    color: #fff;
    padding: 0.5em;
    box-shadow: 2px 2px 5px rgb(0 0 0 / 30%);
    pointer-events: none;
    opacity: 0;
    transition: 1s;
    z-index: 7000;
    text-align: center;
    border-radius: 3px;
    font-size: calc(17px * var(--scale));
}

    .data-tooltip.active {
        opacity: 1;
        top: calc(83px * var(--scale));
    }

.version {
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: calc(14px * var(--scale));
    line-height: calc(28px * var(--scale));
    color: #696969;
    min-width: calc(60px * var(--scale));
}

@-webkit-keyframes loading1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes loading1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes loading3 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes loading3 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-webkit-keyframes loading2 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translate(19px);
        transform: translate(19px)
    }
}

@keyframes loading2 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translate(19px);
        transform: translate(19px)
    }
}


.w-100 {
    width: 100% !important;
    max-width: 100% !important;
}

.w-10 {
    width: 10%;
}


.counter-th {
    background: red;
    border-radius: 50%;
    width: calc(15px * var(--scale));
    height: calc(15px * var(--scale));
    font-size: calc(10px * var(--scale));
    line-height: calc(17px * var(--scale));
    color: #fff;
    text-align: center;
    position: absolute;
    display: block;
    right: 0;
    bottom: 100%
}


.counter-sort-th {
    background: #4047cc;
    border-radius: 50%;
    width: calc(15px * var(--scale));
    height: calc(15px * var(--scale));
    font-size: calc(10px * var(--scale));
    line-height: calc(17px * var(--scale));
    color: #fff;
    text-align: center;
    position: absolute;
    display: block;
    right: calc(16px * var(--scale));
    bottom: 100%
}

    .counter-sort-th .asc {
        width: calc(5px * var(--scale));
        z-index: 46;
        right: calc(5px * var(--scale));
        position: absolute;
        top: calc(-2px * var(--scale));
    }

    .counter-sort-th .desc {
        width: calc(5px * var(--scale));
        z-index: 46;
        right: calc(5px * var(--scale));
        position: absolute;
        bottom: calc(-2px * var(--scale));
    }


.hover-effect:hover {
    background-color: #f5f5f5;
}

.checkbox-size {
    width: calc(16px * var(--scale)) !important;
    height: calc(16px * var(--scale)) !important;
}

.justify-content-center {
    justify-content: center;
}

.trash-icon {
    width: calc(24px * var(--scale));
    height: calc(24px * var(--scale));
    cursor: pointer;
}


.input-height {
    height: calc(33px * var(--scale))!important;
}


.bold {
    font-weight: bold;
}

.not-formula {
    background-color: #fdefef!important;
}



.page-header {
    border-bottom: calc(1px * var(--scaleY)) solid #ccc;
    min-height: calc(91px * var(--scaleY));
    padding: calc(26px * var(--scaleY)) calc(26px * var(--scale));
    width: 100%;
    position: sticky;
    top: calc(58px * var(--scaleY));
    background: #fff;
    z-index: 40;
    justify-content: space-between;
    display: flex;
    align-items: center;
}

    .page-header h2 {
        font-size: calc(26px * var(--scale));
    }


    .page-header .item {
        margin: 0;
        margin-left: calc(10px * var(--scale));
    }

    .page-header .left-container {
        display: flex;
        align-items: center;
    }
    .page-header .right-container{
        display: flex;
        align-items: center;
    }

.header-button-white {
    border: calc(1px * var(--scale)) solid #CCCCCC;
    border-radius: calc(3px * var(--scale));
    width: calc(130px * var(--scale));
    height: calc(32px * var(--scaleY));
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: calc(13px * var(--scale));
    line-height: calc(30px * var(--scale));
    color: #3473EB;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}


    .header-button-white img {
        margin-left: calc(10px * var(--scale));
        width: calc(20px * var(--scale));
        height: calc(14px * var(--scale));
    }

.header-button-blue img {
    margin-left: calc(10px * var(--scale));
    width: calc(14px * var(--scale));
    height: calc(14px * var(--scale));
}

.header-button-blue {
    border: calc(1px * var(--scale)) solid #CCCCCC;
    border-radius: calc(3px * var(--scale));
    width: calc(130px * var(--scale));
    height: calc(32px * var(--scaleY));
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    font-size: calc(13px * var(--scale));
    line-height: calc(30px * var(--scale));
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background: #3473EB;
}
.table-input {
    background: #F5F5F5;
    border-radius: 3px;
    width: 100%;
    height: calc(33px * var(--scale));
    text-align: right;
    padding: 0 calc(8px * var(--scale));
}


.empty-wraper-active {
    background-color: white;
    flex: 1;
    justify-content: center;
    display: flex;
    flex-direction: column;
    padding-bottom:10%;
}

.new-dashborad-header {
    justify-content: center;
    padding-top: calc(20px * var(--scale));
}


.dashboard-container {
    margin-top: calc(30px * var(--scale));
    margin-bottom: calc(30px * var(--scale));
    height: calc(835px * var(--scale));
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.dashboard-container-mobile {
    display: flex;
    flex-direction: column;
    align-items: center;
}



.dashboard-card-mobile {
    width: 320px;
    min-height: 220px;
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.15);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.dashboard-head-mobile {
    background-color: #366876;
    color: #fff;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    padding: 10px 16px;
}

    .dashboard-head-mobile img {
        margin-left: 12px;
        width: 36px;
        height: 36px;
    }

    .dashboard-head-mobile h1 {
        font-size: 20px;
        margin: 0;
    }

    .dashboard-head-mobile h3 {
        font-size: 18px;
        margin: 0;
    }

    .dashboard-head-mobile p {
        font-size: 13px;
        line-height: 18px;
        opacity: 0.7;
        direction: rtl;
        margin: 0;
    }

.dashboard-card-content-mobile {
    padding: 16px;
    display: flex;
    justify-content: center;
}

.btn-dashboard-mobile {
    display: inline-block;
    background-color: #366876;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
}

.dashboard-hover-mobile {
    background: none;
    position: static;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px;
}

    .dashboard-hover-mobile a {
        background-color: #366876;
        color: #fff;
        text-decoration: none;
        padding: 10px 20px;
        border-radius: 4px;
        font-size: 16px;
        font-weight: bold;
    }