:root{--blue:#1ba0e1;--primary:#0f4e91;--white:#fff;--white-50:hsla(0,0%,100%,0.5);--red:#ff3737;--bg-red:#ff3737;--green:#0f0;--bg-green:#0f0;--ref:#ffd900;--bg-ref:#ffd900;--ceil:#ff25ff;--bg-ceil:#ff25ff;--floor:#1eeeee;--bg-floor:#1eeeee;--half_white:#d4d4d4;--bg_nav:#3c3c3c;--bg_card_chart:#232323;--bg:#181818;--bg-body:#181818;--secondary:#3d4054;--light-fill:#282a36;--bg-tbl:#343434;--bg-th:#1f1f1f;--bg-th-high-light:#282828;--bd-tbl:#c4c9d0;--black:#000;--high-light-even:#373737;--high-light-odd:#494949;--white-70:#333;--hover-td:#303146;--light-hover-td:#dadee3;--bg-btn-nav:#3a3a3a;--bg-form-search:#2f3146;--cl-border:#42465b}body{margin:0;font-family:Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-body)}label{margin-bottom:.3rem;margin-top:.3rem}#root{overflow:hidden;display:flex;flex-direction:column;height:100vh}a:not([href]){cursor:pointer}.btn-secondary{background-color:var(--secondary);border-color:var(--secondary)}.btn-secondary.active{background-color:var(--blue)!important;border-color:var(--blue)!important;z-index:0!important}.auth-messages,.widget-messages{color:var(--red)}.app-body{display:flex;flex-direction:row;flex-grow:1;overflow:hidden;height:calc(100vh - 45px)}.app-body .main{margin-left:0;width:100%}.navbar{padding:0 1rem}.navbar-brand{padding-top:.25rem;padding-bottom:.25rem}.app-header.navbar{background-color:var(--bg_nav)}.app-header.navbar a.nav-link{display:flex;color:var(--half_white);font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;padding:.5rem}.app-header.navbar a.nav-link.active{color:var(--blue);border-bottom:2px solid var(--blue)}.app-header.navbar a.nav-link .iconGrid{mask:url(../../static/media/grid.e6ee6c9a.svg) no-repeat center/contain;-webkit-mask:url(../../static/media/grid.e6ee6c9a.svg) no-repeat center/contain}.app-header.navbar a.nav-link .iconGrid,.app-header.navbar a.nav-link .iconTrade{width:16.5px;height:14px;object-fit:contain;background-color:var(--half_white);margin-right:10px}.app-header.navbar a.nav-link .iconTrade{mask:url(../../static/media/trade.88282b19.svg) no-repeat center/contain;-webkit-mask:url(../../static/media/trade.88282b19.svg) no-repeat center/contain}.app-header.navbar a.nav-link .iconWallet{mask:url(../../static/media/wallet.316b6a69.svg) no-repeat center/contain;-webkit-mask:url(../../static/media/wallet.316b6a69.svg) no-repeat center/contain}.app-header.navbar a.nav-link .iconAsset,.app-header.navbar a.nav-link .iconWallet{width:16.5px;height:14px;object-fit:contain;background-color:var(--half_white);margin-right:10px}.app-header.navbar a.nav-link .iconAsset{mask:url(../../static/media/assets.e93309e0.svg) no-repeat center/contain;-webkit-mask:url(../../static/media/assets.e93309e0.svg) no-repeat center/contain}.app-header.navbar a.nav-link.active .iconAsset,.app-header.navbar a.nav-link.active .iconGrid,.app-header.navbar a.nav-link.active .iconTrade,.app-header.navbar a.nav-link.active .iconWallet{background-color:var(--blue)}.app-footer{flex:0 0 35px;display:flex;flex-wrap:wrap;align-items:center;padding:0;color:var(--half_white);background:var(--bg_card_chart);margin-left:0}.app-footer .footer-menu span.item{width:110px;height:29px;justify-content:center;-webkit-user-select:none;user-select:none;cursor:pointer}.app-footer .footer-menu span.active{border-radius:4px;background-color:var(--blue)}.app-footer .footer-menu span.active .txt-content{color:var(--white)}.app-footer .footer-menu span .lightning-fill{color:var(--light-fill)}.app-footer .footer-menu span.active .lightning-fill,.color-lightning{color:var(--blue)}.color-lightning path{stroke:var(--blue)}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.navbar-expand-md .navbar-toggler{display:block}.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{padding-right:0;padding-left:0}.container-fluid .navbar{padding:0}.container-fluid .navbar .navbar-collapse{background:var(--bg_card_chart)}table{border-collapse:collapse}.table{width:100%;color:var(--half_white);margin-bottom:0}.table thead th{border-bottom:0 solid var(--bg-tbl);position:relative}.table-bordered,.table-bordered td{border-image:none;border-image:initial;border-width:1px;border:1px solid var(--bg-tbl);border-top:0 solid var(--bg-tbl)}.table-bordered td,.table-bordered th{height:26px}.table-bordered tr:nth-child(2n) td{background:var(--black)}.table-bordered tr:nth-child(odd) td{background:var(--bg)}.table-bordered tr:nth-child(2n) td.high-light{background:var(--high-light-even)}.table-bordered tr:nth-child(odd) td.high-light{background:var(--high-light-odd)}.tbl-margin-list.table-bordered th{background:#232323}.tbl-margin-list.table-bordered tr:nth-child(2n) td{background-color:#757575;color:#fff}.tbl-margin-list.table-bordered tr:nth-child(odd) td{background-color:#494949;color:#fff}.panel-cash-advance .table-bordered,.panel-cash-advance .table-bordered td,.panel-order .table-bordered,.panel-order .table-bordered td{background:var(--white);border:1px solid var(--bd-tbl);color:var(--white-70)}.panel-order .table-bordered td.d-flex{border:none;height:27px;align-items:center}.panel-order .table-bordered tr:not(:first-child) td.d-flex{border-top:1px solid var(--bd-tbl)}.table-bordered tbody tr:hover td,.table-bordered tbody tr:hover td.high-light{background:var(--hover-td)}.panel-cash-advance .table-bordered tbody tr:hover td,.panel-order .table-bordered tbody tr:hover td{background:var(--light-hover-td)}.table-bordered.tbl-list th{height:35px}.table-bordered.tbl-detail th,.table-bordered.tbl-list th{background-color:var(--bg-form-search);border:1px solid var(--cl-border)}.table-bordered.tbl-detail tr.tbl-detail-head th{background-color:#20222f;border:1px solid var(--cl-border);height:45px}.table-bordered.tbl-list tbody tr:nth-child(2n) td{background-color:#373a4d}.table-bordered.tbl-list tbody tr:nth-child(2n) td.high-light,.table-bordered.tbl-list tbody tr:nth-child(2n) td.high-light-down{background-color:#3b3e55}.table-bordered.tbl-list tbody tr:hover td,.table-bordered.tbl-list tbody tr:hover td.high-light,.table-bordered.tbl-list tbody tr:hover td.high-light-down{background-color:#474e7c}.table-bordered.tbl-detail tbody tr:nth-child(2n) td{background-color:var(--secondary)}.table-bordered.tbl-detail tbody tr:nth-child(odd) td{background-color:var(--bg-form-search)}.table-bordered.tbl-detail tbody tr:hover td{background-color:#474e7c}.table-fix,.table.banggia{table-layout:fixed}.table th,.table thead th{font-weight:500;font-family:tahoma,helvetica,arial,sans-serif}.table thead th{vertical-align:middle;text-align:center}.table-bordered th{border:1px solid var(--bg-tbl);border-image:none;border-image:initial;background:var(--bg-th)}.panel-cash-advance .table-bordered th,.panel-order .table-bordered th{border:1px solid var(--bd-tbl);background:var(--light-hover-td);color:var(--white-70)}.table td,.table th{font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;padding:.3rem;font-size:12px;vertical-align:middle;background-clip:padding-box}.table thead th.high-light{background-color:var(--bg-th-high-light)}.scroll420{height:calc(100vh - 420px)!important}.table.table-no-bordered td,.table.table-no-bordered th{border:none;color:#adadad;padding:2px}.ordStt_N,.page-asset .card-body .table.table-no-bordered td{color:var(--half_white)}.page-asset .card-body .table.table-no-bordered td:not(.high-light){background-color:#20222f}.d,.ordStt_6,.ordStt_9,.ordStt_E,.ordStt_X,.txt-red{color:var(--red)!important}.c,.ceiling,.txt-gia-tran{color:var(--ceil)!important}.e,.ordStt_1,.ordStt_2,.ordStt_3,.ordStt_5,.ordStt_8,.ordStt_P,.ordStt_R,.r,.txt-gia-tc{color:var(--ref)!important}.f,.floor,.ordStt_7,.ordStt_I,.txt-gia-san{color:var(--floor)!important}.g,.i,.ordStt_4,.ordStt_A,.ordStt_F,.txt-lime{color:var(--green)!important}.c.active{background:var(--bg-ceil)!important}.c.active,.f.active{color:var(--white)!important}.f.active{background:var(--bg-floor)!important}.bg-red,.d.active{background:var(--bg-red)!important;color:var(--white)!important}.bg-green,.i.active{background:var(--bg-green)!important;color:var(--white)!important}.lot.active,.slidable .active{background:#565759!important;color:var(--white)!important}.bg-buy{background:#059805!important}.bg-buy,.bg-sell{color:var(--white)!important}.bg-sell{background:#d80c0c!important}.bg-tc,.e.active{background:var(--bg-ref)!important;color:var(--white)!important}.bg-dark{background-color:var(--bg)!important}.oval{width:36px;height:36px;background-color:#d8d8d8;border:1px solid #979797;border-radius:50%}.btn-trade{display:flex;align-items:center;justify-content:center;width:121px;height:35px;background-color:var(--blue);border:none;font-size:14px}.btn-trade .iconTrade{width:13.1px;height:13.1px;object-fit:contain;mask:url(../../static/media/trade.88282b19.svg) no-repeat center/contain;-webkit-mask:url(../../static/media/trade.88282b19.svg) no-repeat center/contain;background-color:#fff;margin-right:10px}.user-name{font-size:12px}.user-code,.user-name{font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:var(--half_white)}.user-code{font-size:14px}.txt-content{color:var(--half_white)}.txt-status{width:37px;height:16px;border-radius:8.5px;background-color:var(--blue)}.fz-10{font-size:10px}.badge-warning{border-radius:10px;color:#f8f8f2;background-color:#e4994a}.badge-header{position:absolute;top:-5px;right:0}.form-search .form-control{width:212px}.form-add,.form-search .form-control{height:26px;border-radius:13px;background-color:var(--bg-form-search);border-color:transparent}.form-add{width:175px!important;padding-left:22px;color:var(--white);text-transform:uppercase}.form-add:focus{color:#000}.form-add::placeholder,.form-search .form-control::placeholder{font-size:14px;color:#8e8e8e;text-transform:capitalize!important}.form-search-img{position:absolute;right:55px}.form-add-img{position:absolute;left:5px}.navbar-priceboard{padding:5px}.navbar-priceboard .nav-link{height:26px;border-radius:13px;background-color:var(--bg-btn-nav);color:#8e8e8e;padding:2px 1rem;font-size:14px;white-space:nowrap}.navbar-priceboard .dropdown:hover .dropdown-menu{display:block}.navbar-priceboard .dropdown-menu{background-color:var(--bg-btn-nav)}.navbar-priceboard .dropdown-menu .nav-link{border-radius:0;color:#8e8e8e!important}.navbar-priceboard .dropdown-menu .nav-link:hover{background-color:#525567;color:var(--white)!important}.navbar-priceboard .nav-item-drop.active,.navbar-priceboard .nav-item-drop.active .nav-link{background-color:var(--blue);color:var(--white)!important}.navbar-priceboard .nav-item-drop .nav-link{width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-chart{min-width:275px;height:180px;border-radius:4px;background-color:var(--bg_card_chart);margin-top:5px;margin-bottom:5px}.card-chart.type-index-2{height:80px}.card-chart.type-index-3{height:33px}.card-top-info{max-width:375px;min-width:375px}.card-index-info,.card-top-info{height:180px;border-color:transparent;background-color:var(--bg_card_chart);margin:5px 0}.card-index-info{min-width:275px;width:275px}.card-index-info.type-index-2,.card-top-info.type-index-2{height:80px}.card-index-info.type-index-3,.card-top-info.type-index-3{height:33px}.card-chart .card-body,.card-index-info .card-body,.card-top-info .card-body{padding:5px}.card-index-info.type-index-3 .card-body:first-child{padding:0 5px}.card-chart .card-body .card-header,.card-index-info .card-body .card-header{padding:0 5px;border-bottom:0;background-color:initial}.card-chart .card-body .card-header .btn-card-close,.card-index-info .card-body .card-header .btn-card-close{position:absolute;right:0;top:0;height:14px;width:14px;display:none}.card-chart:hover .card-header .btn-card-close,.card-index-info:hover .card-header .btn-card-close{display:block}.up_mark{color:var(--green)}.down_mark,.up_mark{width:15px;height:20px;object-fit:contain}.down_mark{color:var(--red)}.unchange_mark{width:15px;height:20px;object-fit:contain;color:var(--ref)}.btn-stock-minimize{min-width:65px;height:28px;padding:1px 5px;border-radius:4px;background-color:#474b63;color:#8e8e8e;display:flex;align-items:center}.btn-stock-minimize.active{background-color:#6a7094;color:var(--white)}.btn-stock-minimize:hover .btn-close{display:block}.btn-stock-minimize .btn-close{display:none}@media (max-width:1150px){.form-search{display:none}}.highcharts-xaxis .highcharts-axis-line{stroke:#8e8e8e}.highcharts-xaxis .highcharts-tick{stroke:#8e8e8e;stroke-width:.5}.ps__rail-x.ps--clicking .ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x:hover>.ps__thumb-x{background-color:#565863!important;height:10px}.ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover{background-color:#2e2e2e!important;opacity:.9}.react-autosuggest__container{position:relative}.react-autosuggest__input--focused{outline:none}.react-autosuggest__input--open{border-bottom-left-radius:0;border-bottom-right-radius:0}.react-autosuggest__suggestions-container{display:none}.react-autosuggest__suggestions-container--open{display:block;position:absolute;top:32px;width:450px;border:1px solid #535a86;background-color:var(--secondary);font-weight:300;font-size:14px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;max-height:250px;overflow-y:auto;z-index:2}.react-autosuggest__suggestions-list{margin:0;padding:0;list-style-type:none}.react-autosuggest__suggestion{cursor:pointer;padding:10px 20px;color:var(--white)}.react-autosuggest__suggestion--highlighted{background-color:var(--blue)}.react-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;justify-content:flex-end}.react-modal-content{background-color:#fdfdfd;height:100%;border:none;border-radius:0}.react-modal-content:focus{outline:0}.notification-search .form-control{width:322px;height:26px;font-size:14px;border-radius:13px;border:1px solid rgba(0,0,0,.4)}.detail-search .form-search-img,.notification-search .form-search-img{position:absolute;right:5px;top:6px}.detail-search .form-control{width:114px;height:26px;font-size:14px;border-radius:13px;background-color:#f2f4f6;border:1px solid #f2f4f6}.form-control::placeholder{text-transform:capitalize}.modal-footer,.modal-header{background-color:#f5f5f5}.modal-footer{padding:.5rem;justify-content:center}.title-unread{color:var(--blue)}.title-read{color:#666}.title-time{color:#999!important}.content-read{color:var(--white-70)}.list-group-item{padding:.5rem 0;border:none}.cursor-pointer,header .nav .nav-item{cursor:pointer}.tab-header-right{height:30px}.tab-header-right.active{border-radius:4px;background-color:var(--blue);color:var(--white)}.listGroup-dropdown{position:absolute;z-index:2;top:40px;left:0;min-width:150px;color:var(--white-70)}.listGroup-dropdown .list-group-item{display:flex;align-items:center}.listGroup-dropdown .list-group-item:first-child{border-bottom:2px solid #f9f9f9}.card-panel{position:absolute;right:15px;bottom:55px;width:320px;z-index:1}.card-panel.panel-order{width:650px;height:440px}.card-panel-header{padding:5px;background-color:#fdfdfd}.card-panel .card-body{padding:10px;background-color:#f2f4f6}.card-panel .card-body .list-group-item{padding:0}.card-panel .card-body .list-group-item:not(:first-child){margin-top:5px}.card-panel .card-body .list-group-item{background-color:#f2f4f6}.card-panel .card-body .list-group-item .card-body,.card-panel .card-body .list-group-item .card-header{background-color:var(--white)}.card-panel .card-body .list-group-item .card-body .col-3,.card-panel .card-body .list-group-item .card-body .col-12{padding:0}.card-panel .btn-group{width:100%}.card-panel .btn-group .btn{width:50%;height:26px;font-size:12px;border-radius:4px;background-color:#f2f4f6;color:#666;text-transform:uppercase;padding:3px;border:none}.card-panel .btn-group .btn.active{background-color:var(--blue);color:var(--white)}.card-panel form.form-search-order .input-order{width:245px;height:26px;border-radius:13px;border:1px solid #dfdfdf;background-color:var(--white)}.card-panel form.form-search-order .form-search-img{right:5px}.card-panel .dropdown-toggle{height:26px;border-radius:13px;background-color:#f2f4f6;border:none;padding:0 10px}.card-panel .show .dropdown-toggle{background-color:var(--blue)}.card-panel .show .dropdown-item:hover{background-color:var(--blue);color:var(--white)}.card-panel .show .dropdown-item.disabled{opacity:.3}.card-panel .dropdown-toggle:after{display:none}.card-panel .card-footer{padding:5px}.card-panel .card-footer .btn,.paging .btn{width:24px;height:20px;border-radius:2px;border:1px solid var(--half_white);background-color:#f2f4f6;color:#000;padding:5px}.card-panel .panel-asset .list-group{border-radius:8px;border:1px solid #dfdfdf;background-color:var(--white)}.card-panel .panel-asset .list-group .list-group-item{padding:5px 10px;background-color:var(--white)}.card-panel .panel-asset .list-group .list-group-item:not(:last-child){border-bottom:1px solid #dfdfdf}.panel_order_B{left:0;background-color:var(--blue)}.panel_order_B,.panel_order_S{position:absolute;bottom:0;width:44px;height:20px;border-top-left-radius:4px;border-top-right-radius:4px;font-size:12px;color:var(--white);padding:2px}.panel_order_S{right:0;background-color:var(--red)}.panel-order-card-B .card-header,.panel-order-card-S .card-header{padding:2px 10px}.action-info{height:32px;border-radius:8px;background-color:#f2f4f6}.tbl-toggle-left{left:0}.tbl-toggle-left,.tbl-toggle-right{position:absolute;top:9px;font-size:10px;color:var(--white)}.tbl-toggle-right{right:0}.auth-messages ul{list-style-type:none;padding:0;text-align:left}.auth-messages a{color:#007bff}.auth-messages a:hover{color:#0056b3;text-decoration:underline}.ReactModalPortal{-webkit-user-select:none;user-select:none}.panel-trade{position:absolute;bottom:40px;height:210px;border-top-left-radius:8px;border-top-right-radius:8px;background-color:var(--white)}.full-trade{height:calc(100vh - 300px)}.form-trade .form-control{padding:.375rem .5rem}.btn-type-trade{width:98px;height:26px;border-radius:4px;background-color:var(--half_white);color:#666;font-size:12px;padding:4px}.btn-type-trade.buy.active{background-color:var(--blue);color:var(--white)}.btn-type-trade.sell.active{background-color:var(--red);color:var(--white)}.input-order{height:26px;border:1px solid #c6cbd2;background-color:var(--white)}.input-order::placeholder{text-transform:capitalize}.input-order.text-right::placeholder{text-align:left}.btn-order{width:121px;height:32px;border-radius:6px;padding:5px;background-color:#999;color:var(--white)}.btn-order.order-buy{background-color:var(--blue)}.btn-order.order-sell{background-color:var(--red)}.panel-order-asset{width:266px;background-color:#f2f4f6}.panel-order-asset ul{padding:.75rem 0}.panel-order-asset ul li{padding:.25rem}.form-trade .row.buy{background-color:#d9ebf8}.form-trade .row.sell{background-color:var(--white)}.title-symbol-detail{font-size:24px;font-weight:700;color:var(--white-70)}span.mc{width:50px;height:18px;border-radius:4px;border:1px solid #999}.br-1{border-right:1px solid var(--bd-tbl)!important}.bl-1{border-left:1px solid var(--bd-tbl)!important}.bb-1{border-bottom:1px solid var(--bd-tbl)!important}.bb-1-haft{border-bottom:1px solid var(--cl-border)!important}.bt-1{border-top:1px solid var(--bd-tbl)!important}.bt-1-half{border-top:1px solid var(--cl-border)!important}

/* !page-asset */.page-asset .nav{height:40px;border-top:1px solid #535a86;border-radius:4px;background-color:var(--secondary)}.page-asset ul.nav li a svg{height:16px;margin-right:15px}.page-asset ul.nav li a svg path{fill:#8e8e8e}.page-asset ul.nav li.active a svg path{fill:var(--white)}.page-asset ul.nav li{padding:10px 20px}.page-asset ul.nav li a{background-color:initial;color:#8e8e8e;font-size:14px;text-decoration:none}.page-asset ul.asset.nav li{padding:0}.page-asset ul.asset.nav li a{height:26px;border-radius:13px;padding:3px 10px;background-color:#474b63}.page-asset ul.asset.nav li a.active{background-color:var(--blue);color:var(--white)}.page-asset .list-group .list-group-item,.page-asset ul.nav li.active{background-color:var(--secondary)}.page-asset .list-group .list-group-item:not(:last-child){border-bottom:1px solid #515882}.page-asset ul.nav li.active a{color:var(--white)}.page-asset .asset-header{height:56px;background-color:#20222f}.page-asset .asset-header .header-title{text-transform:uppercase;font-size:12px;color:#8e8e8e}.page-asset .asset-header .header-title.br-1{border-color:var(--cl-border)!important}.page-asset .asset-header a{width:122px;border-radius:4px;background-color:var(--blue);font-size:14px;font-weight:700;color:var(--white);text-align:center;margin-right:1rem}.page-asset .page-content{height:calc(100vh - 90px);border-top:1px solid #535a86}.page-asset .page-content .nav{width:320px;height:100%;background-color:#303449;border-right:1px solid var(--cl-border);border-top:none}.color-half-brown{color:#8e8e8e}.page-asset .page-content .nav a{font-size:14px;color:#8e8e8e}.page-asset .page-content .nav a.active{background-color:var(--secondary);color:var(--white)}.btn-reload{width:53px;height:26px;border-radius:13px;background-color:#6a7094;text-align:center;border:none}.btn-reload svg{transform:rotate(45deg)}.table-light tbody+tbody,.table-light td{border-color:#e8e8e8!important;background-color:var(--white)!important;color:#000}.table-light th,.table-light thead th{border-color:#d2d2d2!important;background-color:#7abbff!important;color:#000}.page-asset .page-content .table-bordered th{background-color:var(--bg-form-search)}.page-asset .page-content .table-bordered th.high-light{background-color:#303449}.page-asset .page-content .table-bordered td.high-light-down,.page-asset .page-content .table-bordered th.high-light-down{background-color:#20222f}.page-asset .page-content .card{border:none;background-color:initial}.page-asset .page-content .card .card-header{font-size:14px;color:var(--half_white)}.page-asset .page-content .card .card-body,.page-asset .page-content .card .card-header{padding:0;background-color:var(--secondary);border:none}.page-asset .page-content .card .card-body a{width:122px;height:36px;border-radius:4px;background-color:var(--blue);color:var(--white);text-align:center;font-weight:700;padding:7px;font-size:14px}.page-asset .highcharts-background{fill:var(--secondary)}.page-asset .highcharts-legend-item.highcharts-pie-series text tspan{color:var(--white)}.btn-add{width:41px;height:26px;border-radius:13px;background-color:#6a7094;text-align:center}.picker-detail .dropdown-toggle{padding:2px 10px!important;font-size:14px!important}.picker-detail .dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)!important}.picker-detail .dropdown-toggle{color:var(--blue)!important;background-color:var(--white)!important;border-color:var(--blue)!important}.picker-detail .dropdown-toggle:after{display:none}.ReactModal__Content{padding:0!important;overflow:visible!important}.ReactModal__Content .tab-content{height:100%}.ReactModal__Content .content-ordCond .tab-content{margin-top:0}.tab-pane,iframe{width:100%;height:100%}iframe{border:none}.ReactModal__Content .nav-tabs{border-bottom:1px solid var(--half_white)}.ReactModal__Content .nav-tabs .nav-link{height:26px;padding:5px 1rem;color:#666;font-size:12px;border:none;text-transform:uppercase;margin-bottom:5px}.ReactModal__Content .nav-tabs .nav-link.active{border-radius:13px;color:var(--white);background-color:var(--blue)}.ReactModal__Content .table-borderless th{background-color:#f2f4f6;color:var(--white-70);border:1px solid var(--bd-tbl);border-top:none}.ReactModal__Content .table-borderless td{border:1px solid var(--bd-tbl)}.ReactModal__Content .table-borderless td.position-relative{padding:0}.ReactModal__Content .card-header{padding:5px 10px}.ReactModal__Content .btn-secondary{height:25px;padding:2px;font-size:12px;color:#666;background-color:#f2f4f6;border-color:#f2f4f6}.ReactModal__Content .btn-secondary.active{color:var(--white);background-color:var(--blue)}.table .progress{background-color:initial;height:22px;border-radius:0;padding-top:2px;padding-bottom:2px}.table .rtl .progress{justify-content:flex-end}.progress-bar{border-radius:2px}.table .progress .bg-info{background:linear-gradient(270deg,#63daec,#aef3fd)}.table .progress .bg-danger{background:linear-gradient(90deg,#fd9aa3,#ffe1e4)}.table td>.per-vol{right:25px}.table td>.per-price,.table td>.per-vol{position:absolute;color:var(--black);font-size:14px;top:3px}.table td>.title-row{position:absolute;top:2px;right:3px;padding:2px 5px;background:#ddd;border-radius:2px}.table td.rtl>.per-vol{left:25px}.table td.rtl>.per-price{right:5px}.table td.rtl>.title-row{left:3px;right:auto}.paging .btn{width:24px;height:20px;border-radius:2px;border:1px solid var(--half_white);background-color:#f2f4f6;color:#000;padding:5px;font-weight:600}.paging a:not([href]){color:var(--blue)}.content-finance .card{border:none}.content-finance .card .card-header{background-color:initial;padding:0;border-bottom:0}.content-finance .card .card-body{padding:0}.content-finance .card .card-body .table-borderless th{border-top:1px solid var(--bd-tbl)}.table-borderless td:not(.d):not(.i){color:#000}.tab-history .table-borderless th{border-top:1px solid var(--bd-tbl)}.content-finance.scrollbar-container .ps__rail-y{right:-10px!important}.content-finance .list-group-item{padding:.25rem}.content-finance .list-group-item:not(.list-group-item-primary){border-bottom:1px solid var(--bd-tbl)}.picker-add{position:absolute;top:30px;z-index:1}.tab-history .btn-group .btn-secondary{padding:4px 18px}.tooltip-inner{color:var(--white);background-color:var(--blue)}.tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before,.tooltip.bs-tooltip-top .arrow:before{border-top-color:var(--blue)}.content-events{height:calc(100vh - 285px)!important}.td_event{height:50px;padding-bottom:8px!important}.td_event .has_event{height:18px;border-radius:4px;border:1px solid var(--blue);background-color:var(--white);padding:0 5px;font-size:12px;color:var(--blue)}.td_event .has_event.active{background-color:var(--blue);border-color:var(--blue);color:var(--white)}.content-events .evt-detail{background-color:#f2f4f6;margin-top:10px;border-top:1px solid var(--half_white)}.content-events ul{list-style:none;padding-inline-start:0;margin-bottom:0;padding-bottom:1rem}.content-events ul li{display:flex;align-items:center;border:1px solid var(--light-hover-td);border-radius:8px}.content-events ul li p{margin-bottom:0}.content-events ul li .item-calendar{padding:10px 20px}.content-events ul li .item-content{display:flex;flex-direction:column;background-color:var(--white);width:100%;height:100%;padding:5px 10px}.content-events ul li .item-content label{font-size:14px;font-weight:700;color:var(--white-70)}.content-events ul li .item-content span{font-size:12px;color:#666}.table tr td .act-del{position:absolute;right:2px;top:7px;display:none;cursor:pointer;width:15px;height:12px}.table tr:hover td .act-del{display:block}.form-input{padding:0 10px;height:28px}.form-input::placeholder{font-weight:400}.mw-200{max-width:200px}.mw-195{max-width:195px}.mw-75{min-width:75px}.w-195{width:195px}.w_125{width:125px}.w_100{width:100px}.w_150{width:150px}.w_165{width:165px}.w-140{width:140px}.w-220{width:220px!important}.w_75{width:75px}.h_20{height:20px}.btn-light{background-color:#6a7094;border-color:#6a7094}.btn-info,.btn-light{color:var(--white);padding:4px 15px}.btn-info{background-color:var(--blue);border-color:var(--blue)}.btn-warning{padding:4px 15px}.input-group{background-color:#6a7094;border-radius:4px}.input-group-text{background-color:initial;border-color:#6a7094;color:var(--white)}.input-group .react-datepicker-wrapper input[type=text]{background-color:initial;border:none;width:80px;color:var(--white);font-size:14px;padding:3px 0}.input-group-append,.input-group-prepend{height:28px}.selCashOut{border:1px solid rgba(0,0,0,.4);border-radius:5px}.btn-secondary:not(:disabled):not(.disabled).active:focus{box-shadow:none!important}.trade_side_2{background:var(--red)}.trade_side_1,.trade_side_2{border-radius:5px;color:var(--white);width:45px;text-align:center}.trade_side_1{background:var(--blue)}td .side_2{border:1px solid var(--red);border-radius:5px;color:var(--red)}td .side_1,td .side_2{width:45px;text-align:center}td .side_1{border:1px solid var(--blue);border-radius:5px;color:var(--blue)}.auth-type.list-group li{background-color:#f8f8f8;border-radius:8px;margin-bottom:5px;padding:5px 10px}.auth-type.list-group li:hover{background-color:var(--blue);color:var(--white)}.auth-type.list-group li:hover svg:first-of-type path{fill:var(--white)}.auth-type.list-group li svg:first-of-type path{fill:var(--blue)}.auth-type.list-group li.active svg path{fill:var(--white)}.form-search-head{background-color:var(--secondary);border-radius:4px}.loading-bottom{bottom:50px;left:20px;padding:10px 40px;background:var(--white);border-radius:5px;font-size:14px}.react-datepicker-popper.datepicker-right{left:-160px!important}.react-datepicker-popper.datepicker-right .react-datepicker__triangle{left:195px!important}.alert{font-size:14px}.alert.alert-danger{color:red}.alert.alert-success{color:#0abc0c}.btn-reload,.btn-reload:focus{outline:none}.modal-user svg path{fill:var(--white-70)}.modal-user .text-success svg path{fill:var(--green)}.modal-user .text-danger svg path{fill:#dc3545}.dropdown.lang .dropdown-toggle:after{display:none}.dropdown.lang ul{background-color:#303449}.dropdown.lang ul li{color:var(--white)}.dropdown.lang ul li:hover{color:var(--black)}.btn-primary{background-color:var(--primary);border-color:var(--primary)}.name-ellipsis{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.word-beak-all{word-break:break-all}.bg-active td{background-color:#a99b00!important}@media only screen and (min-width:768px) and (max-width:1024px){.gr-type-order{flex-direction:column}.form-trade .title-time{font-size:12px!important;top:5px!important}.btn-type-trade{width:65px}.table td,.table th{font-size:12px}.form-trade .row-trading-detail{overflow:auto}.form-trade .table-detail-trade{min-width:500px}.fz-18{font-size:16px!important}.fz-14{font-size:12px}.fz-12{font-size:11px}}.lang{cursor:pointer}.btn-drop{margin-top:2px;padding:1px .5rem!important}.btn-drop,.field-change-catalog{margin-bottom:1px;font-size:12px;height:22px}.field-change-catalog{margin-top:0;border:none}.field-change-catalog:focus{border:none;outline:none}.bg-transparent{background:transparent}.nowrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-link{padding:.125rem 1rem}.navbar-dark .navbar-nav .nav-link,.text-white-50{color:var(--white-50)!important}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav>.nav-link.active,.text-white{color:var(--white)!important}.icon-sort-header{bottom:0;left:50%;transform:translate(-50%)}table tr td>.slidable,table tr th>.slidable{box-sizing:border-box;left:0;padding-left:0;padding-right:0;position:absolute;top:0;width:100%;height:26px;display:inline-flex;border-bottom:1px solid var(--bg-tbl)}table tr td>.slidable>div.cell-1-2,table tr th>.slidable>div.cell-1-2{width:50%;padding:5px;position:relative}table tr td>.slidable>div.cell-1-1,table tr th>.slidable>div.cell-1-1{width:100%;padding:5px}table tr td>.slidable>div:not(:last-child),table tr th>.slidable>div:not(:last-child){border-right:1px solid var(--bg-tbl)}.cursor-n-resize{cursor:n-resize}.position-relative svg{cursor:pointer}.mr_5{margin-right:5px}.ReactModal__Content .table-borderless td.progress-total{position:relative;padding:2px}.ReactModal__Overlay{background-color:rgba(2,2,16,.5)!important;z-index:3}.progress-total .progress{background:linear-gradient(270deg,#fd9aa3,#ffe1e4);height:18px;border-radius:2px;padding:0}.progress-total .bg-success{background:linear-gradient(270deg,#63daec,#aef3fd)!important;height:18px;border-radius:2px;padding:0}.progress-total .per-vol-buy,.progress-total .per-vol-sell{position:absolute;top:5px;color:#000;font-size:12px}.progress-total .per-vol-buy{left:5px}.progress-total .per-vol-sell{right:5px}.d-grid{display:grid}.fz-20{font-size:20px!important}.fz-18{font-size:18px!important}.fz-16{font-size:16px!important}.fz-14{font-size:14px}.fz-13{font-size:13px}.fz-12{font-size:12px}.fz-11{font-size:11px}.fz-10{font-size:10px!important}.fz-8{font-size:8px}.f_i{font-style:italic}.app-main__inner .table-bordered tbody tr:nth-child(odd) td{background:var(--bg-th-even)}.app-main__inner .table-bordered tbody tr:nth-child(2n) td{background:var(--acc-info-lst-gr-odd)}.tab-content-new{margin:15px}.footer-component .btn-lole:disabled,.tab-content-new .btn-lole:disabled{background:#818181!important;border:1px solid #383838!important;color:var(--cl-disabled-3)!important}.tab-content-new .card{border:none;background:var(--sub-nav)}.tab-content-new .card .card-header{background:var(--sub-nav);border-radius:5px 5px 0 0;color:var(--half_white);font-size:13px;padding:5px 15px}.tab-content-new .card .card-body{background:var(--asset-account-overview)}.tabs-cash{background:var(--sub-nav)}.tabs-cash .scrollbar-container.sub-header{padding:10px 0}.tabs-cash .scrollbar-container.child-sub-header{padding-bottom:.25rem;display:flex;width:calc(100% - 30px)}.tabs-cash a,.tabs-cash span{padding:5px 0;cursor:pointer;margin:0 15px;text-decoration:inherit;white-space:nowrap}.tabs-cash.card-header span{padding:7px 0}.tabs-cash a:hover{color:var(--blue)}.tabs-cash a.active,.tabs-cash span.active{color:var(--blue);border-bottom:1px solid var(--blue)}.card.cart-action{width:35%;min-width:350px}.list-group-item a.content-read,.list-unstyled .content-read{color:#0056b3}.cart-action .form-control,.form-search-head .form-control{background-color:var(--high-light-odd);border-color:#343142;color:var(--half_white);height:30px}.cart-action .form-control::placeholder,.form-search-head .form-control::placeholder{color:var(--cl-disabled-2)}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.main-color .highcharts-graph{stroke:#f5465c}.main-color,.main-color .highcharts-point{fill:#f5465c}.highcharts-graph.highcharts-negative{stroke:#13ba7f}.highcharts-area.highcharts-negative,.highcharts-point.highcharts-negative{fill:#13ba7f}.analysis-overview .btn-analysis{font-style:normal;font-weight:400;color:#ececec;text-align:center;padding:4px 6px;background:#353342;font-size:13px;line-height:12px;cursor:pointer}.analysis-overview .btn-analysis.fz-13{font-size:13px;line-height:14px;height:26px;background:#1c192c;display:flex;align-items:center;justify-content:center;border:1px solid #0b0a1a}.light .analysis-overview .btn-analysis.fz-13{background:#575757;border:1px solid #383838}.analysis-overview .btn-analysis.active,.light .analysis-overview .btn-analysis.active{background:var(--blue);color:#27272d}.analysis-overview .btn-analysis.first{border-radius:3px 0 0 3px}.analysis-overview .btn-analysis.second{border-radius:0 3px 3px 0}ul.list-price-overview li{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:6px 0}.btn-gr-nn-muarong span{cursor:pointer;color:#818181;padding:4px 8px;margin:0 4px;background:#353342;border-radius:2px}.light .btn-gr-nn-muarong span{color:#ececec}.btn-gr-nn-muarong span.active{background:var(--blue);color:#27272d}.tab-content-analysis{margin:8px}.analysis-sym-header{background-color:var(--asset-account-overview);padding:12px 16px;border-radius:5px;margin-bottom:8px;display:flex;align-items:center}.analysis-sym-header .analysis-sym-item{font-style:normal;font-weight:400;font-size:12px;line-height:14px;color:#fff}.light .analysis-sym-header .analysis-sym-item{color:#000}.analysis-sym-header .analysis-sym-item-detail{font-style:normal;font-weight:400;font-size:12px;line-height:14px;margin-left:12px}.analysis-sym-header .analysis-sym-item-detail.fz-14,.analysis-sym-header .analysis-sym-item.fz-14{font-size:14px;line-height:16px}.analysis-sym-header .form-search{width:208px;height:32px;margin-right:12px}.analysis-sym-header .form-search .form-control{border-color:#1d1f2b}.analysis-sym-header .form-search-head{background-color:initial!important}.analysis-sym-header .form-search-head .container-checkbox{margin-bottom:0;margin-right:16px}.analysis-sym-header .form-search-head .container-checkbox .check_mark{top:0}.analysis-sym-header .form-search-head button.active{background-color:var(--blue);color:#27272d}.analysis-trade-his{margin-left:-8px;width:315px!important}.analysis-trade-his .table td>.per-price{font-size:12px;top:6px}.analysis-trade-his.light .table td.preo>.per-price,.analysis-trade-his.light .table td.rtl.preo>.per-price{color:#292824!important}.analysis-trade-his .table td.d>.per-price,.analysis-trade-his .table td.rtl.d>.per-price{color:#f5465c!important}.analysis-trade-his .table td.i>.per-price,.analysis-trade-his .table td.rtl.i>.per-price{color:#13ba7f!important}.analysis-trade-his .table td.r>.per-price,.analysis-trade-his .table td.rtl.r>.per-price{color:#fbd82d!important}.analysis-trade-his .table td.c>.per-price,.analysis-trade-his .table td.rtl.c>.per-price{color:#f00bcb!important}.analysis-trade-his .table td.f>.per-price,.analysis-trade-his .table td.rtl.f>.per-price{color:#2ecdff!important}.analysis-trade-his .table td.preo>.per-price,.analysis-trade-his .table td.rtl.preo>.per-price{color:#ececec!important}.analysis-trade-his .table td>.per-vol{color:#ececec;right:12px;font-size:12px;top:6px}.light .analysis-trade-his .table td>.per-vol{color:#000}.analysis-trade-his .table td.rtl>.per-vol{left:12px}.analysis-trade-his .table td.preo .progress .bg-danger,.analysis-trade-his .table td.preo .progress .bg-info{background:#454352!important}.analysis-trade-his.light .table td.preo .progress .bg-danger,.analysis-trade-his.light .table td.preo .progress .bg-info{background:#292824!important;opacity:.3}.analysis-trade-his .table td.d .progress .bg-danger,.analysis-trade-his .table td.d .progress .bg-info{background:#fd1515!important;opacity:.1}.analysis-trade-his .table td.c .progress .bg-danger,.analysis-trade-his .table td.c .progress .bg-info{background:#f00bcb!important;opacity:.1}.analysis-trade-his .table td.f .progress .bg-danger,.analysis-trade-his .table td.f .progress .bg-info{background:#2ecdff!important;opacity:.1}.analysis-trade-his .table td.r .progress .bg-danger,.analysis-trade-his .table td.r .progress .bg-info{background:#fbd82d!important;opacity:.1}.analysis-trade-his .table td.i .progress .bg-danger,.analysis-trade-his .table td.i .progress .bg-info{background:#13ba7f!important;opacity:.1}.analysis-overview .progress-total .progress{height:10px;border-radius:100px;background:#f5465c!important;opacity:1}.analysis-overview .progress-total .bg-success{background:#13ba7f!important}.analysis-overview table.tbl-trade-his td.red,.tab-content-analysis .color-down,.tab-content-analysis .d,.tab-content-analysis .red{color:#f5465c!important}.analysis-overview table.tbl-trade-his td.green,.tab-content-analysis .color-up,.tab-content-analysis .green,.tab-content-analysis .i{color:#13ba7f!important}.analysis-overview table.tbl-trade-his td.yellow{color:#fbd82d!important}table.tbl-trade-his tbody tr:nth-child(odd) td{background:linear-gradient(0deg,hsla(0,0%,100%,.03),hsla(0,0%,100%,.03)),#0f0d1e}table.tbl-trade-his tbody tr:nth-child(2n) td{background:#0f0d1e}table.tbl-trade-his-order tbody tr:nth-child(2n) td{background:var(--high-light-even)}.light table.tbl-trade-his tbody tr:nth-child(odd) td{background:#c6c6c6}.light table.tbl-trade-his tbody tr:nth-child(2n) td{background:#a9a9a9}.frame-per{background:#3b3a47;display:flex;height:10px}.frame-per .frame-per-buy{background:#13ba7f}.frame-per .frame-per-sell{background:#f5465c}.theme-light .frame-per{background:#d7d7d7}.tab-content-analysis .tabs-cash a{color:var(--half_white)}.tab-content-analysis .tabs-cash a.active{color:var(--blue)}.table-analysis thead th{background:#353342;padding:10px 8px;font-weight:500;font-size:13px;line-height:15px;color:var(--half_white)}.table-analysis thead th.highlight{background:#373545}.table-analysis thead th.bb-1{border-bottom:1px solid #818181!important}.table-analysis tbody tr td{padding:10px 8px;font-weight:500;font-size:13px;line-height:15px}.table-analysis tbody tr:nth-child(odd) td{background:#181625}.table-analysis tbody tr:nth-child(2n) td.highlight{background:#211e31}.content-header .txt-edit,.table-analysis td.i{color:#13ba7f!important}.content-header .txt-delete,.table-analysis td.d{color:#f5465c!important}.analysis-overview button.btn-info.btn-analysis{background:#272436;border-width:0;border-radius:4px;padding:6px 12px;height:26px;margin:0 5px;color:#ececec;font-size:12px;line-height:14px}.analysis-overview button.btn-info.btn-analysis.active{background:linear-gradient(0deg,var(--blue),var(--blue)),#0f0d1e;color:#27272d}table.table-financial tr td{border-top:1px solid #2e2d3d}table.table-financial tr.head td{font-weight:500}table.table-financial tr.content td,table.table-financial tr.head td{color:var(--half_white)!important;font-size:12px;line-height:14px;padding:8px 12px}table.table-financial tr.content td{font-weight:400}table.table-financial tr td span.sub-content{font-size:11px}table.table-financial tr.content td.content-label,table.table-financial tr td span.sub-content{color:#818181!important}.container-checkbox-filter{display:inline-block;position:relative;cursor:pointer;font-size:12px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;margin:0 0 5px;white-space:nowrap;padding-left:25px;color:#ececec}.container-checkbox-filter input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.container-checkbox-filter .check_mark{position:absolute;top:-3px;left:0;width:16px;height:16px;background:transparent;border-radius:2px;border:1px solid #58567a}.container-checkbox-filter:hover input~.check_mark{background:var(--blue)}.container-checkbox-filter .check_mark:after{content:"";position:absolute;display:none;top:45%;left:50%;width:5px;height:10px;border:solid #27272d;border-width:0 1px 1px 0;transform:translate(-50%,-50%) rotate(45deg)}.container-checkbox-filter input:checked~.check_mark{background:var(--blue);border-color:var(--blue)}.container-checkbox-filter input:checked~.check_mark:after{display:block}.container-checkbox-filter.range-check{margin-bottom:0;display:flex;align-items:center}.form-search-head .form-control.input-filter{height:40px;padding:12px 12px 12px 16px;font-weight:400;font-size:14px;line-height:16px}.form-search-head .form-control.input-filter::placeholder{color:#818181}.container-checkbox-filter.filter-modal .check_mark{top:0}.form-filter-add button.btn{padding:8px 16px;height:32px;border:1px solid var(--blue);border-radius:3px;color:var(--blue);font-weight:400;font-size:14px;line-height:16px}.form-filter-add button.btn.btn-primary{color:#27272d}.rmsc.form-select-multi{--rmsc-bg:var(--high-light-odd);--rmsc-border:#343142;--rmsc-gray:#555;--rmsc-h:28px;--rmsc-hover:#353342;--rmsc-selected:#353342;color:var(--cl-form-control-1);width:150px}.tooltip-inner{white-space:pre-line;width:-moz-fit-content;width:fit-content;max-width:500px;text-align:left}.light .react-autosuggest__suggestions-container--open{background-color:#cacaca}.Toastify__toast-body{white-space:pre-line}.txt-nodata{color:#a7a7a7!important}.notification-container{font-size:14px;box-sizing:border-box;position:fixed;z-index:999999}.top-right{top:12px}.bottom-right,.top-right{right:12px;transition:transform .6s ease-in-out;animation:toast-in-right .7s}.bottom-right{bottom:12px}.top-left{top:12px}.bottom-left,.top-left{left:12px;transition:transform .6s ease-in;animation:toast-in-left .7s}.bottom-left{bottom:12px}.notification{background:#fff;transition:.3s ease;position:relative;pointer-events:auto;overflow:hidden;padding:30px;margin:0 0 15px;width:300px;max-height:100px;border-radius:3px 3px 3px 3px;box-shadow:0 0 10px #999;color:#000;opacity:.9;background-position:15px;background-repeat:no-repeat}.notification:hover{box-shadow:0 0 12px #fff;opacity:1;cursor:pointer}.notification-title{font-weight:700;font-size:14px;color:#333;text-align:left;margin-top:0;margin-bottom:6px;width:300px;height:18px}.notification-message{text-align:left;font-size:14px;color:#333;margin:0 0 0 -1px;white-space:break-spaces}.notification-image{float:left;margin-right:15px}.notification-image img{width:30px;height:30px}.toast{width:320px;padding:0}.notification-action{color:#333;height:50%;display:flex;align-items:center;justify-content:center;border:.5px solid #f9f9f9}@keyframes toast-in-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes toast-in-left{0%{transform:translateX(-100%)}to{transform:translateX(0)}}
/*# sourceMappingURL=main.0f166bd4.chunk.css.map */