:root{--blue:#1ba0e1;--primary:#0f4e91;--white:#fff;--dark:#27272d;--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:#d4c5c5;--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;--bg-tooltip:#2279ff;--bg-form-theme:#1b1912;--cl-nav-link:#ececec;--bg-panel-trade:#14111d;--br-1:#232532;--panel-trade-asset:rgba(40,43,47,0.9);--form-search-head:#3d4054;--bg-th-odd:#211d34;--bg-th-even:#1c192c;--asset-account-overview:#3a354f}@font-face{font-family:"Roboto";src:url(../../static/media/Roboto-Regular.a8d6ac03.ttf)}body{margin:0;font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#181818;background:var(--bg-body)}label{margin-bottom:.3rem;margin-top:.3rem}ul{list-style:none;margin-bottom:0;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;-webkit-padding-start:0;padding-inline-start:0}.clearfix:after,.clearfix:before{content:".";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}#root{overflow:hidden;display:flex;flex-direction:column;height:100vh}a:not([href]){cursor:pointer}.btn-secondary{background-color:#3d4054;background-color:var(--secondary);border-color:#3d4054;border-color:var(--secondary)}.btn-secondary.active{background-color:#1ba0e1!important;background-color:var(--blue)!important;border-color:#1ba0e1!important;border-color:var(--blue)!important;z-index:0!important}.auth-messages,.widget-messages{color:#ff3737;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:#3c3c3c;background-color:var(--bg_nav)}.app-header.navbar a.nav-link{display:flex;color:#d4c5c5;color:var(--half_white);font-size:13px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;padding:.5rem;align-items:center;white-space:nowrap}.app-header.navbar a.nav-link.active{color:#1ba0e1;color:var(--blue)}.app-header.navbar a.nav-link .iconGrid{mask:url(../../static/media/icon_chart.1164a9d6.svg) no-repeat center/contain;-webkit-mask:url(../../static/media/icon_chart.1164a9d6.svg) no-repeat center/contain}.app-header.navbar a.nav-link .iconGrid,.app-header.navbar a.nav-link .iconTrade{width:16px;height:16px;object-fit:contain;background-color:#d4c5c5;background-color:var(--half_white);margin-right:10px}.app-header.navbar a.nav-link .iconTrade{mask:url(../../static/media/icon_resume.76466e76.svg) no-repeat center/contain;-webkit-mask:url(../../static/media/icon_resume.76466e76.svg) no-repeat center/contain}.app-header.navbar a.nav-link .iconWallet{width:16px;height:16px;object-fit:contain;mask:url(../../static/media/icon_list.ed470376.svg) no-repeat center/contain;-webkit-mask:url(../../static/media/icon_list.ed470376.svg) no-repeat center/contain;background-color:#d4c5c5;background-color:var(--half_white);margin-right:10px}.app-header.navbar a.nav-link .iconAsset{mask:url(../../static/media/icon_asset.acca6df7.svg) no-repeat center/contain;-webkit-mask:url(../../static/media/icon_asset.acca6df7.svg) no-repeat center/contain}.app-header.navbar a.nav-link .iconAsset,.app-header.navbar a.nav-link .iconBond{width:18px;height:18px;object-fit:contain;background-color:#d4c5c5;background-color:var(--half_white);margin-right:10px}.app-header.navbar a.nav-link .iconBond{mask:url(../../static/media/icon_bond.7c0313b6.svg) no-repeat center/contain;-webkit-mask:url(../../static/media/icon_bond.7c0313b6.svg) no-repeat center/contain}.app-header.navbar a.nav-link.active .iconAsset,.app-header.navbar a.nav-link.active .iconBond,.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:#1ba0e1;background-color:var(--blue)}.app-footer{flex:0 0 28px;display:flex;flex-wrap:wrap;align-items:center;padding:0;color:#d4c5c5;color:var(--half_white);background:#232323;background:var(--bg_card_chart);margin-left:0}.app-footer .footer-menu span.item{width:100px;height:25px;justify-content:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.app-footer .footer-menu span.active,.form-type-index span.active{border-radius:4px;padding:6px 4px 4px;color:#fff;background-color:#1ba0e1;background-color:var(--blue)}.app-footer .footer-menu .form-theme span.active,.form-type-index span.active{padding:2px 4px 4px}.app-footer .footer-menu span.theme.active svg path,.form-type-index span.theme.active svg path{fill:#fff}.app-footer .footer-menu span.theme svg path,.form-type-index span.theme svg path{fill:#818181}.app-footer .footer-menu span.has-stroke.active svg circle,.app-footer .footer-menu span.has-stroke.active svg path{stroke:#fff}.app-footer .footer-menu span.active svg path{fill:#fff}.app-footer .footer-menu span.active .txt-content{color:#fff}.app-footer .footer-menu span .lightning-fill{color:#282a36;color:var(--light-fill)}.app-footer .footer-menu span.active .lightning-fill,.color-lightning{color:#1ba0e1;color:var(--blue)}.color-lightning path{stroke:#1ba0e1;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:#232323;background:var(--bg_card_chart)}table{border-collapse:collapse}.table{width:100%;color:#d4c5c5;color:var(--half_white);margin-bottom:0}.table thead th{border-bottom:0 solid #343434;border-bottom:0 solid var(--bg-tbl);position:relative}.table-bordered,.table-bordered td{border-image:none;border-image:initial;border:1px solid #343434;border:1px solid var(--bg-tbl);border-top:0 solid var(--bg-tbl)}.table-bordered td{min-height:26px}.table-bordered th{height:26px}.table-bordered.borderless,.table-bordered.borderless td,.table-bordered.borderless th{border:none}.table-bordered.borderless tr:nth-child(2n) td{background-color:#1c192c;background-color:var(--bg-th-even)}.table-bordered tr:nth-child(2n) td{background:#000;background:var(--black)}.table-bordered tr:nth-child(odd) td{background:#181818;background:var(--bg)}.table-bordered tr:nth-child(2n) td.high-light{background:#373737;background:var(--high-light-even)}.table-bordered tr:nth-child(odd) td.high-light{background:#494949;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:#fff;background:var(--white);border:1px solid #c4c9d0;border:1px solid var(--bd-tbl);color:#333;color:var(--white-70)}.panel-order .table-bordered td{border-color:#4c4c4c}.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 #c4c9d0;border-top:1px solid var(--bd-tbl)}.panel-order .table-bordered tbody tr:hover td,.table-bordered tbody tr:hover td,.table-bordered tbody tr:hover td.high-light{background:#303146;background:var(--hover-td)}.panel-cash-advance .table-bordered tbody tr:hover td{background:#dadee3;background:var(--light-hover-td)}.table-bordered.tbl-list th{height:35px}.table-bordered.tbl-detail th,.table-bordered.tbl-list th{background-color:#2f3146;background-color:var(--bg-form-search);border:1px solid #42465b;border:1px solid var(--cl-border)}.table-bordered.tbl-detail tr.tbl-detail-head th{background-color:#20222f;border:1px solid #42465b;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:#3d4054;background-color:var(--secondary)}.table-bordered.tbl-detail tbody tr:nth-child(odd) td{background-color:#2f3146;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 #343434;border:1px solid var(--bg-tbl);border-image:none;border-image:initial;background:#1f1f1f;background:var(--bg-th)}.panel-cash-advance .table-bordered th,.panel-order .table-bordered th{border:1px solid #c4c9d0;border:1px solid var(--bd-tbl);background:#dadee3;background:var(--light-hover-td);color:#333;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:#282828;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:#d4c5c5;color:var(--half_white);padding:2px}.ordStt_N,.page-asset .card-body .table.table-no-bordered td{color:#d4c5c5;color:var(--half_white)}.page-asset .card-body .table.table-no-bordered td:not(.high-light){background-color:#20222f}.d,.DOWN,.ordStt_6,.ordStt_9,.ordStt_E,.ordStt_X,.red,.txt-red{color:#ff3737!important;color:var(--red)!important}.c,.CEIL,.ceiling,.txt-gia-tran{color:#ff25ff!important;color:var(--ceil)!important}.e,.EQUAL,.ordStt_1,.ordStt_2,.ordStt_3,.ordStt_5,.ordStt_8,.ordStt_P,.ordStt_R,.r,.txt-gia-tc,.yellow{color:#ffd900!important;color:var(--ref)!important}.f,.floor,.FLOOR,.ordStt_7,.ordStt_I,.txt-gia-san{color:#1eeeee!important;color:var(--floor)!important}.g,.green,.i,.ordStt_4,.ordStt_A,.ordStt_F,.txt-lime,.UP{color:#0f0!important;color:var(--green)!important}.c.active,.UNKOWN{color:#fff!important;color:var(--white)!important}.c.active{background:#ff25ff!important;background:var(--bg-ceil)!important}.f.active{background:#1eeeee!important;background:var(--bg-floor)!important}.bg-red,.d.active,.f.active{color:#fff!important;color:var(--white)!important}.bg-red,.d.active{background:#ff3737!important;background:var(--bg-red)!important}.bg-green,.i.active{background:#0f0!important;background:var(--bg-green)!important;color:#fff!important;color:var(--white)!important}.lot.active,.slidable .active{background:#565759!important}.bg-buy,.lot.active,.slidable .active{color:#fff!important;color:var(--white)!important}.bg-buy{background:#059805!important}.bg-sell{background:#d80c0c!important}.bg-sell,.bg-tc,.e.active,.r.active{color:#fff!important;color:var(--white)!important}.bg-tc,.e.active,.r.active{background:#ffd900!important;background:var(--bg-ref)!important}.bg-dark{background-color:#181818!important;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;height:28px;background-color:#1ba0e1;background-color:var(--blue);color:#000;border:none;font-size:13px;margin:2px;border-radius:3px}.btn-trade .iconTrade{width:13.1px;height:13.1px;object-fit:contain;mask:url(../../static/media/icon_trading.e6655642.svg) no-repeat center/contain;-webkit-mask:url(../../static/media/icon_trading.e6655642.svg) no-repeat center/contain;background-color:#fff;margin-right:10px}a.btn-trade{color:#fff}a.btn-trade:hover .iconTrade{background-color:#fff}.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:#d4c5c5;color:var(--half_white)}.user-code{font-size:14px}.txt-content{color:#d4c5c5;color:var(--half_white)}.txt-status{width:37px;height:16px;border-radius:8.5px;background-color:#1ba0e1;background-color:var(--blue)}.fz-20{font-size:20px!important}.fz-18{font-size:18px!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}.f_i{font-style:italic}.badge-warning{border-radius:10px;color:#f8f8f2;background-color:#e4994a}.badge-header{position:absolute;top:-5px;right:0}.form-search .form-control{width:212px;height:26px;border-radius:13px;background-color:var(--bg-form-search-2);border-color:transparent}.form-search .form-control:-ms-input-placeholder{color:#fff!important;color:var(--white)!important}.form-search .form-control::placeholder{color:#fff!important;color:var(--white)!important}.form-search.w-100 .form-control{width:100%;border-radius:5px;background-color:#ababab}.form-search.w-100 .react-autosuggest__container{width:100%}.form-search.w-100 .react-autosuggest__suggestions-container--open{right:0}.form-add{width:175px!important;height:26px;padding-left:5px;padding-right:25px;border-radius:5px;background-color:#2f3146;background-color:var(--bg-form-search);border-color:transparent;color:#fff;color:var(--white);text-transform:uppercase}.form-add:focus{color:#000}.form-add:-ms-input-placeholder,.form-search .form-control:-ms-input-placeholder{font-size:13px;color:#8e8e8e;text-transform:capitalize!important}.form-add::placeholder,.form-search .form-control::placeholder{font-size:13px;color:#8e8e8e;text-transform:capitalize!important}.form-search-img{position:absolute;right:55px}.form-add-img{position:absolute;right:13px;height:13px;color:#d4c5c5;color:var(--half_white)}.navbar-priceboard{padding:5px}.navbar-priceboard .nav-link{height:25px;border-radius:3px;background-color:#3a3a3a;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:#3a3a3a;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:rgba(240,185,11,.5);color:#d4c5c5!important;color:var(--half_white)!important}.navbar-priceboard .nav-item-drop.active,.navbar-priceboard .nav-item-drop.active .nav-link{background-color:#1ba0e1;background-color:var(--blue);color:#fff!important;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;width:275px;height:180px;border-radius:4px;background-color:#232323;background-color:var(--bg_card_chart);margin-top:5px;margin-bottom:5px}.card-chart:not(:first-child){margin-left: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:#232323;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:transparent}.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:#0f0;color:var(--green)}.down_mark,.up_mark{width:15px;height:20px;object-fit:contain}.down_mark{color:#ff3737;color:var(--red)}.unchange_mark{width:15px;height:20px;object-fit:contain;color:#ffd900;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:#fff;color:var(--white)}.btn-stock-minimize:hover .btn-close{display:block}.btn-stock-minimize .btn-close{display:none}@media (max-width:1196px){.table td,.table th{font-size:11px}}@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 #343434;border:1px solid var(--bg-tbl);background-color:#1c192c;background-color:var(--bg-th-even);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:#fff;color:var(--white)}.react-autosuggest__suggestion--highlighted{background-color:#1ba0e1;background-color:var(--blue)}.react-modal-overlay{position:fixed;inset:0;bottom:30px}.ReactModal__Overlay{z-index:3;background-color:rgba(2,2,16,.7)!important}.react-modal-content{background-color:#181818;background-color:var(--bg);height:100%;border:none;border-radius:0;z-index:3}.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;height:13px}.detail-search .form-control{width:120px;height:26px;font-size:13px;border-radius:3px;background-color:#f3f3f3;border:1px solid #f2f4f6;padding-right:25px}.form-control:-ms-input-placeholder{text-transform:capitalize}.form-control::placeholder{text-transform:capitalize}.modal-footer,.modal-header{background-color:#f5f5f5}.modal-footer{padding:.5rem;justify-content:center}.title-unread{color:#1ba0e1;color:var(--blue)}.title-read{color:#666}.title-time{color:#999!important}.content-read{color:#d4c5c5;color:var(--half_white)}.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:#1ba0e1;background-color:var(--blue);color:#fff;color:var(--white)}.listGroup-dropdown{position:absolute;z-index:2;top:40px;left:0;min-width:150px;color:#333;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;left:0;bottom:30px;width:320px;z-index:1;background:#202020}.card-panel.panel-order{width:calc(100% - 320px);height:250px}.card-panel-header{padding:5px;background-color:#202020}.card-panel .card-body{padding:0;background-color:#313131}.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:#fff;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:#1ba0e1;background-color:var(--blue);color:#fff;color:var(--white)}.card-panel form.form-search-order .input-order{width:245px;height:26px;border-radius:13px;border:1px solid #dfdfdf;background-color:#fff;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-item:hover,.card-panel .show .dropdown-toggle{background-color:#1ba0e1;background-color:var(--blue)}.card-panel .show .dropdown-item:hover{color:#fff;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 #d4c5c5;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:#fff;background-color:var(--white)}.card-panel .panel-asset .list-group .list-group-item{padding:5px 10px;background-color:#fff;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:#1ba0e1;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:#fff;color:var(--white);padding:2px}.panel_order_S{right:0;background-color:#ff3737;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:#fff;color:var(--white)}.tbl-toggle-right{right:0}.auth-messages ul{list-style-type:none;padding:0;text-align:left}.auth-messages a{color:#2279ff}.auth-messages a:hover{color:#0056b3;text-decoration:underline}.ReactModalPortal{-webkit-user-select:none;-ms-user-select:none;user-select:none}.panel-trade{position:absolute;bottom:32px;right:0;height:175px;width:100%;background-color:#14111d;background-color:var(--bg-panel-trade);border-top:.75px solid #231746;border-bottom:.75px solid #231746}.panel-trade .panel-trade-asset{width:275px;background-color:rgba(40,43,47,.9);background-color:var(--panel-trade-asset)}.panel-trade table.table-bordered th,.txt-disabled{color:#818181!important}.full-trade{height:calc(100vh - 300px)}.form-trade{position:relative}.form-trade .form-control{padding:.375rem .5rem}.btn-type-trade{height:26px;border-radius:3px;color:#666}.a-type-trade,.btn-type-trade{width:98px;font-size:12px;padding:4px}.a-type-trade{text-align:center}.btn-type-trade.buy.active{background-color:#0f0;background-color:var(--green);color:#fff;color:var(--white);position:relative;border-top-right-radius:1px;border-bottom-right-radius:1px}.btn-type-trade.buy.active:after,.btn-type-trade.buy.active:before{content:"";position:absolute;top:50%;margin-top:-13px;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:13px solid;right:-13px}.btn-type-trade.buy.active:after{z-index:2;border-left-color:#0f0;border-left-color:var(--green)}.btn-type-trade.sell.active{background-color:#ff3737;background-color:var(--red);color:#fff;color:var(--white);position:relative;border-top-left-radius:1px;border-bottom-left-radius:1px}.btn-type-trade.sell.active:after,.btn-type-trade.sell.active:before{content:"";position:absolute;top:50%;margin-top:-13px;border-top:13px solid transparent;border-bottom:13px solid transparent;border-right:1em solid;left:-13px}.btn-type-trade.sell.active:after{z-index:2;border-right-color:#ff3737;border-right-color:var(--red)}.input-order{height:26px;border:1px solid #c6cbd2}.input-order.input-symbol{display:block;color:#495057;width:100%;padding:.375rem .5rem;font-weight:400;border-radius:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.input-order.input-symbol:focus{color:#495057;background-color:#fff;box-shadow:0 0 0 .2rem rgb(0 123 255/25%);outline:0 none}.input-order:-ms-input-placeholder{text-transform:capitalize}.input-order::placeholder{text-transform:capitalize}.input-order.text-right:-ms-input-placeholder{text-align:left}.input-order.text-right::placeholder{text-align:left}.btn-order{width:121px;height:26px;border-radius:3px;padding:2px;background-color:#999;color:#fff;color:var(--white)}.btn-order.order-buy{background-color:#0f0;background-color:var(--green)}.btn-order.order-sell{background-color:#ff3737;background-color:var(--red)}.btn-order.btn-outline-primary{background-color:#fff}.title-symbol-detail{font-size:24px;font-weight:700;color:#333;color:var(--white-70)}span.mc{width:50px;height:18px;border-radius:4px;border:1px solid #999}.br-1{border-right:.5px solid #232532!important;border-right:.5px solid var(--br-1)!important}.bl-1{border-left:1px solid #c4c9d0!important;border-left:1px solid var(--bd-tbl)!important}.bb-1{border-bottom:1px solid #c4c9d0!important;border-bottom:1px solid var(--bd-tbl)!important}.bb-1-haft{border-bottom:1px solid #42465b!important;border-bottom:1px solid var(--cl-border)!important}.bt-1{border-top:1px solid #c4c9d0!important;border-top:1px solid var(--bd-tbl)!important}.bt-1-half{border-top:1px solid #42465b!important;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:#3d4054;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:#fff;fill:var(--white)}.page-asset ul.nav li{padding:10px 20px}.page-asset ul.nav li a{background-color:transparent;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:#1ba0e1;background-color:var(--blue);color:#fff;color:var(--white)}.page-asset .list-group .list-group-item,.page-asset ul.nav li.active{background-color:#3d4054;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:#fff;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:#42465b!important;border-color:var(--cl-border)!important}.page-asset .asset-header a{width:122px;border-radius:4px;background-color:#1ba0e1;background-color:var(--blue);font-size:14px;font-weight:700;color:#fff;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 #42465b;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:#3d4054;background-color:var(--secondary);color:#fff;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:#fff!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:#2f3146;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:transparent}.page-asset .page-content .card .card-header{font-size:14px;color:#d4c5c5;color:var(--half_white)}.page-asset .page-content .card .card-body,.page-asset .page-content .card .card-header{padding:0;background-color:#3d4054;background-color:var(--secondary);border:none}.page-asset .page-content .card .card-body a{width:122px;height:36px;border-radius:4px;background-color:#1ba0e1;background-color:var(--blue);color:#fff;color:var(--white);text-align:center;font-weight:700;padding:7px;font-size:14px}.page-asset .highcharts-background{fill:#3d4054;fill:var(--secondary)}.page-asset .highcharts-legend-item.highcharts-pie-series text tspan{color:#fff;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:#1ba0e1!important;color:var(--blue)!important;background-color:#fff!important;background-color:var(--white)!important;border-color:#1ba0e1!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 #d4c5c5;border-bottom:1px solid var(--half_white);border-top:1px solid #d4c5c5;border-top:1px solid var(--half_white)}.ReactModal__Content .nav-tabs .nav-link{height:26px;padding:5px 1rem;color:#27272d;font-size:12px;border:none;margin-bottom:5px}.ReactModal__Content .nav-tabs .nav-link.active{border-radius:13px;color:#fff;color:var(--white);background-color:#1ba0e1;background-color:var(--blue)}.ReactModal__Content .table-borderless th{background-color:#fff;color:#27272d;border:1px solid #c4c9d0;border:1px solid var(--bd-tbl);border-top:none;border-bottom:.5px solid #ccc}.ReactModal__Content .table-borderless td{border-bottom:.5px solid #ccc}.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:#fff;color:var(--white);background-color:#1ba0e1;background-color:var(--blue)}.table .progress{background-color:transparent;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,#1c83e1,#eff9fc)}.table .progress .bg-danger{background:linear-gradient(90deg,#e71044,#fdfdfd)}.table td>.per-vol{right:25px}.table td>.per-price,.table td>.per-vol{position:absolute;color:#000;color:var(--black);font-size:12px;top:5px}.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 #d4c5c5;border:1px solid var(--half_white);background-color:#f2f4f6;color:#000;padding:5px;font-weight:600}.paging a:not([href]){color:#1ba0e1;color:var(--blue)}.content-finance .card{border:none}.content-finance .card .card-header{background-color:transparent;padding:0;border-bottom:0}.content-finance .card .card-body{padding:0}.content-finance .card .card-body .table-borderless th{border-top:1px solid #c4c9d0;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 #c4c9d0;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 #c4c9d0;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:#fff;color:var(--white);background-color:#2279ff;background-color:var(--bg-tooltip);text-align:left;max-width:250px}.tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before,.tooltip.bs-tooltip-top .arrow:before{border-top-color:#2279ff;border-top-color:var(--bg-tooltip)}.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 #1ba0e1;border:1px solid var(--blue);background-color:#fff;background-color:var(--white);padding:0 5px;font-size:12px;color:#1ba0e1;color:var(--blue)}.td_event .has_event.active{background-color:#1ba0e1;background-color:var(--blue);border-color:#1ba0e1;border-color:var(--blue);color:#fff;color:var(--white)}.content-events .evt-detail{background-color:#f2f4f6;margin-top:10px;border-top:1px solid #d4c5c5;border-top:1px solid var(--half_white)}.content-events ul{list-style:none;-webkit-padding-start:0;padding-inline-start:0;margin-bottom:0;padding-bottom:1rem}.content-events ul li{display:flex;align-items:center;border:1px solid #dadee3;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:#fff;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:#333;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:30px}.form-input:-ms-input-placeholder{font-weight:400}.form-input::placeholder{font-weight:400}.form-search-head .form-input{width:auto;min-width:150px}.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}.w_50{width:50px}.w-60{width:60%}.h_20{height:20px}.h_200{height:200px}.btn-light{background-color:#6a7094;border-color:#6a7094}.btn-info,.btn-light{color:#fff;color:var(--white);padding:4px 15px}.btn-info{background-color:#1ba0e1;background-color:var(--blue);border-color:#1ba0e1;border-color:var(--blue)}.btn-warning{padding:4px 15px}.input-group{background-color:#6a7094;border-radius:4px}.input-group-text{background-color:transparent;border-color:#6a7094;color:#fff;color:var(--white)}.input-group .react-datepicker-wrapper input[type=text]{background-color:transparent;border:none;width:80px;color:#fff;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:#ff3737;background:var(--red)}.trade_side_1,.trade_side_2{border-radius:5px;color:#fff;color:var(--white);width:45px;text-align:center}.trade_side_1{background:#1ba0e1;background:var(--blue)}td .side_2{border:1px solid #ff3737;border:1px solid var(--red);border-radius:5px;color:#ff3737;color:var(--red)}td .side_1,td .side_2{width:45px;text-align:center}td .side_1{border:1px solid #1ba0e1;border:1px solid var(--blue);border-radius:5px;color:#1ba0e1;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:#1ba0e1;background-color:var(--blue);color:#fff;color:var(--white)}.auth-type.list-group li:hover svg:first-of-type path{fill:#fff;fill:var(--white)}.auth-type.list-group li svg:first-of-type path{fill:#1ba0e1;fill:var(--blue)}.auth-type.list-group li.active svg path{fill:#fff;fill:var(--white)}.form-search-head{background-color:#3d4054;background-color:var(--form-search-head);border-radius:4px}.loading-bottom{bottom:50px;left:20px;padding:10px 40px;background:#fff;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:#333;fill:var(--white-70)}.modal-user .text-success svg path{fill:#0f0;fill:var(--green)}.modal-user .text-danger svg path{fill:#dc3545}.dropdown.lang .dropdown-toggle:after{display:none}.dropdown.lang ul{background-color:#1c192c;background-color:var(--bg-th-even)}.dropdown.lang ul li{color:#fff;color:var(--white)}.dropdown.lang ul li:hover{color:#000;color:var(--black)}.btn-primary{background-color:#0f4e91;background-color:var(--primary)}.btn-outline-primary,.btn-primary{border-color:#0f4e91;border-color:var(--primary)}.btn-outline-primary{color:#0f4e91;color:var(--primary)}button.btn-outline-primary:focus,button.btn-outline-primary:hover{background-color:#0f4e91;background-color:var(--primary);border-color:#0f4e91;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}.gr-type-order{background-color:#282828;background-color:var(--bg-th-high-light)}@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}.text-white-50{color:hsla(0,0%,100%,.5)!important;color:var(--white-50)!important}.navbar-dark .navbar-nav .nav-link{color:#ececec;color:var(--cl-nav-link)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav>.nav-link.active{color:#fff;background-color:#0f4e91;background-color:var(--primary)}.text-white{color:#fff!important;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 #343434;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 #343434;border-right:1px solid var(--bg-tbl)}.cursor-n-resize{cursor:n-resize}.position-relative svg{cursor:pointer}.mr_5{margin-right:5px}.navbar-dark .navbar-nav .active>.nav-link{background-color:#0f4e91;background-color:var(--primary)}.w_80{width:80px}.bg-modal{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background:linear-gradient(180deg,rgba(106,27,154,.788235294117647) 0,rgba(106,27,154,.38823529411764707));background-color:#6a1b9a;overflow:hidden;opacity:.3}.form-login{width:350px;min-height:365px;border-radius:10px;padding:30px;position:relative;z-index:1}.form-login:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.4;border-radius:10px}.form-trade .row{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px}.d-grid{display:grid;align-items:center;color:#000}.grid-2{grid-template-columns:35% auto}ul.d-grid{list-style:none;-webkit-padding-start:0;padding-inline-start:0;-webkit-margin-after:5px;margin-block-end:5px}.d-grid.grid-2-50{grid-template-columns:48% 48%;grid-row-gap:5px;row-gap:5px;grid-column-gap:10px;column-gap:10px}ul.d-grid li{font-size:14px}.form-trade select.form-control{padding:0 .5rem;font-size:14px}.sym-detail{width:100%;justify-content:flex-start}.sym-detail .bg-market-id{font-size:14px;padding:2px 5px;background-color:#0f4e91;background-color:var(--primary);border-radius:5px}.sym-detail .c-symbol{color:#000;font-size:16px;font-weight:600;margin-left:15px}.sym-detail .c-change,.sym-detail .c-price{color:#000;font-size:15px;margin-left:10px}.tabs-order span{padding:0 10px;border-bottom:2px solid #7b7b7b;cursor:pointer}.tabs-order span.active{border-bottom-color:#ff3747}.tabs-cash span{padding:2px 10px;cursor:pointer}.tabs-cash span.active{background-color:#2279ff;border-radius:3px;color:#fff!important}.list-group-item a.content-read,.list-unstyled .content-read{color:#0056b3}.form-theme,.form-type-index{background:#1b1912;background:var(--bg-form-theme);border-radius:5px;padding:1px 0}.dropdown.active .dropdown-toggle:after{border-top:0;border-bottom:.3em solid}.index-head .c.active,.index-head .d.active,.index-head .e.active,.index-head .f.active,.index-head .i.active{padding:0 5px;border-radius:2px}.index-head svg.i path{fill:#0f0;fill:var(--green)}.index-head svg.d path{fill:#ff3737;fill:var(--red)}.index-head svg.e path{fill:#ffd900;fill:var(--ref)}.app-header.navbar a.nav-link:after{display:inline-block;margin-left:.5em;margin-top:2px;vertical-align:.255em;content:"";border-top:.4em solid;border-right:.4em solid transparent;border-bottom:0;border-left:.4em solid transparent}.app-header.navbar a.nav-link.active:after{border-bottom:.4em solid;border-top:0;margin-bottom:4px}ul.list-price-info li{padding:2px 5px;border-bottom:.5px solid #ccc}td.folio_d{border-left:1px solid #fd1515}td.folio_i{border-left:1px solid #30e820}td.folio_r{border-left:1px solid #fbd82d}.panel-order-folio{width:500px}.btn-detail,.panel-order-folio .table-bordered button{font-size:12px;padding:0 10px}.btn-detail{white-space:nowrap;color:#27272d;border-top-left-radius:0;border-bottom-left-radius:0}.bs-left,.bs-right{font-size:20px;color:#fff;position:absolute;top:85px;z-index:2;background:rgba(56,90,176,.25);border-radius:50%;padding:0 5px}.bs-left{left:5px}.bs-right{right:5px}.bs-left:hover,.bs-right:hover{background:#385ab0}.color-apec{color:#2279ff}.card-header-detail{font-size:11px;color:#d4c5c5!important;color:var(--half_white)!important;text-decoration:underline!important;position:absolute;top:5px;right:15px}.modal-close-cycle{position:absolute;top:-15px;right:-10px}.grid-temp-2{grid-template-columns:50% auto;grid-row-gap:10px;row-gap:10px}.grid-temp-1{grid-row-gap:5px;row-gap:5px}.color-head{color:#7e7e7e}.nav-account{width:250px;min-height:100vh;flex-direction:column;background:#1c192c;background:var(--bg-th-even)}.nav-account .title{font-size:16px;font-weight:700;text-align:left;line-height:111%;color:#fff;color:var(--white);align-items:center}.nav-account .divider{height:1px;background:#434054}.nav-account ul{padding:0}.nav-account ul li{height:50px;position:relative;margin-left:20px}.nav-account ul li a{display:block;height:40px;width:100%;margin:0;font-weight:450;font-size:14px;line-height:38px;color:#fff;color:var(--white);padding-left:15px}.nav-account ul li a svg{height:18px;width:18px}.nav-account ul li a svg path{fill:#fff;fill:var(--white)}.nav-account ul li a svg rect{stroke:#fff;stroke:var(--white)}.nav-account ul li.active a svg g circle,.nav-account ul li.active a svg path{fill:#2279ff}.nav-account ul li.active a svg g circle,.nav-account ul li.active a svg rect{stroke:#2279ff}.nav-account ul li.active a{color:#2279ff;font-weight:600;background:#232323;background:var(--bg_card_chart);border-radius:26px 0 0 26px}.active-up{top:-16px}.active-down,.active-up{position:absolute;right:0}.active-down{bottom:-4px}.txt-content svg path{fill:#d4c5c5;fill:var(--half_white)}.active-down svg path,.active-up svg path{fill:#232323;fill:var(--bg_card_chart)}.app-main__inner{width:calc(100% - 250px);padding:15px}.page-account{background-color:#181818;background-color:var(--bg);margin:0;padding:0}.app-main__inner .title{color:#fff;color:var(--white);font-size:18px;font-weight:600;text-transform:uppercase}.asset-account{background-color:#211d34;background-color:var(--bg-th-odd);border-radius:2px;padding:5px}.asset-account .select-account,.asset-account .text-head{color:#fff;font-style:normal;font-weight:700;font-size:16px;position:relative}.asset-account .select-account{color:#2279ff}.asset-account .select-account:after{display:inline-block;margin-left:.5em;vertical-align:.125em;content:"";border-top:.4em solid;border-right:.4em solid transparent;border-bottom:0;border-left:.4em solid transparent}.asset-account .select-account .select-user-form{top:30px;bottom:auto;width:250px}.asset-account .select-account .select-user-form li{color:#000;font-size:15px;font-weight:450}.app-main__inner .table-bordered th{background-color:#211d34;background-color:var(--bg-th-odd)}.app-main__inner .table-bordered td,.app-main__inner .table-bordered th{border:.5px solid #343434;border:.5px solid var(--bg-tbl)}.app-main__inner .table-bordered td button{font-size:12px;padding:0 15px}.table-bordered th.has-sort:after{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAJCAYAAAD+WDajAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABySURBVHgBhU7bCYAwDEzEDbqAG1hHcRLdwBFcwY10hP4V+sD//sQEWqhS8CA5LpcXQIUY4wYtiBFCIOb9ayxilPDer1LvJRGRZjpKMyKO8AfMa888XSYvpdTUiUgpzVww2TCiXyucc5qfuYWbN6y1Q60fCsNABEjiG3kAAAAASUVORK5CYII=);float:right}.table-bordered th.has-sort.down:after{border-top:.4em solid;border-bottom:0}.table-bordered th.has-sort.down:after,.table-bordered th.has-sort.up:after{content:"";margin-top:5px;border-right:.4em solid transparent;border-left:.4em solid transparent;float:right}.table-bordered th.has-sort.up:after{border-bottom:.4em solid;border-top:0;margin-bottom:4px}.app-main__inner .btn-primary{background-color:#ffba18;border-color:#ffba18;color:#fff;font-size:14px;padding:3px 20px}.react-datepicker-wrapper{position:relative}.react-datepicker-wrapper .form-input{border:1px solid #4e4d62;color:#d4c5c5;color:var(--half_white);background:transparent}.react-datepicker-wrapper:after{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEOSURBVHgB7VTNrYJAEN6FhRuRCyTcKMESLOF1wLOC56vAUIGWYAfGCqQEO8AbCZDgnT+/MWxiRmOy0aPfZZlv5pvZnR1WCIayLH+bpvE5XxRFXNf1D+etB8Kykq7r5pxXSsVY/jgv8zz3Pc/bSynjidPVLzx4HMcYcefpO7Nt+19iW1vYs7ZtU3K4rruHM4V9uhc7jrPAkoBfTvbq5kCCY1VVCx1IPaDz8urEIW6lbdKQVvHAMAx34gmiKDpj2XJe6bM9q/oKaOqs73tBPTjeNdAEPgqfbjsYhmEZBEFmoqYeoPDaEm/im+BDCS64Dt9UqDUKM3DAX7XBvc4NEySYxFSSQQ8FpsooAZDR8F0BLQZ4hD9wdqcAAAAASUVORK5CYII=);float:right;position:absolute;top:5px;right:5px}.order-tabs{border-bottom:.5px solid #464646}.order-tabs a{color:#d4c5c5;color:var(--half_white);font-size:12px;padding:3px 10px;margin:0 5px}.order-tabs a:hover{color:#2279ff}.order-tabs a.active{color:#2279ff;border-bottom:1px solid #2279ff}.input-search:after{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAYAAAAGuM1UAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACuSURBVHgBjVBbEQIxDGxyBuqAc0AdAAoAJYCBPhQADpDAKQAcIAEJVdCymel9UK4zl5lM2rx2s6SKee8NMx9yzj0RRaQGa+1NVcaleYdml1I6Oec2aNzjrUIIDzVlrYIsgvsfBPzX2DY0Bu5AXtaURs6zTAaecNNA6BFiTekD2IWo9LeN+YygIcRxzFHZpBEuaMi454WoIe8WfpU7ZKDrupWoSBMUTKHxxj9WNfUFXqROD7nm3oQAAAAASUVORK5CYII=);float:right;position:absolute;top:0;right:5px}.nav-account-info{padding:10px 20px}.app-main__inner .list-group .list-group-item{background-color:transparent;display:grid;grid-template-columns:200px auto}.app-main__inner .list-group .list-group-item:nth-child(odd){background-color:#211d34;background-color:var(--bg-th-odd)}.app-main__inner .table-bordered tbody tr:nth-child(2n) td{background-color:#1c192c;background-color:var(--bg-th-even)}.select-user-footer{height:28px;background-color:#fff;border-radius:4px;width:225px;white-space:nowrap;color:#000;font-size:12px;padding:6px 15px 4px 5px;position:relative;cursor:pointer}.select-user-footer:after{content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent;float:right;position:absolute;top:12px;right:5px}.select-user-footer.active:after{border-top:0;border-bottom:.3em solid}.select.select-user-form{position:absolute;bottom:32px;left:0;background-color:#fff;z-index:1}.select.select-user-form ul,ul.select-user-form{width:225px;border-radius:5px;padding:5px;z-index:4}ul.select-user-form{background-color:#fff}.bottom ul.select-user-form{position:absolute;left:0;top:30px;bottom:auto!important}.select.select-user-form ul li,ul.select-user-form li{height:25px;width:215px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000;font-size:12px;padding:4px 0}.select.select-user-form ul li:hover,ul.select-user-form li:hover{background-color:#ededed}.select.select-user-form ul li{display:flex;justify-content:space-between;align-items:center}.form-trade .table-detail-trade{border-radius:3px}.form-trade .table-detail-trade,.form-trade .table-detail-trade td,.form-trade .table-detail-trade th{background:#282828;background:var(--bg-th-high-light)}.w-48{width:48%}.btn-paging{padding:0 5px;background:transparent!important;border:none;color:#ffba18!important}select.form-control{height:30px;padding:2px 5px}select.form-control.input-order{height:26px}.nav-account li a:not([href]):hover{color:#fff;text-decoration:underline}.ReactModalPortal .header-info{font-size:14px;font-weight:600;background-color:#dcdcdc;border-radius:5px;padding:5px 10px;margin-bottom:0}.ul-sugest{position:absolute;background:#f0f8ff;z-index:2;max-height:200px;min-width:200px;overflow:auto;padding:5px}.ul-sugest li{padding:5px;border-bottom:1px solid #dcdcdc}.app-main__inner .btn-primary.disabled,.app-main__inner .btn-primary:disabled{border-color:#2279ff}.app-main__inner .table-bordered td{padding:.5rem}.only-border-row.table-bordered tbody td{border-left-width:0;border-right-width:0}.asset-account-overview{margin-top:10px;margin-left:0;margin-right:0;background:#211d34;background:var(--bg-th-odd);padding:0}.asset-account-overview ul{background:#3a354f;background:var(--asset-account-overview);border-radius:2px;padding:10px;height:100%}.asset-account-overview ul li{display:flex;align-items:center;justify-content:space-between;color:#d4c5c5;color:var(--half_white);font-style:normal;font-weight:400;font-size:14px;height:30px;padding:0 10px;border-bottom:1px dotted #182649}.react-datepicker-wrapper{width:auto!important}.form-change-password .form-group{display:grid;grid-template-columns:150px auto}svg.text-white path{fill:#d4c5c5;fill:var(--half_white)}.gr-temp-asset{display:grid;color:#fff;color:var(--white);font-size:14px;grid-template-columns:auto auto auto auto auto auto;background:#3a354f;background:var(--asset-account-overview);border-radius:2px}.gr-temp-asset span{border-bottom:1px dotted #182649;padding:5px 10px;font-size:12px}.login-body{z-index:2;display:flex;width:100%}.login-footer{width:100%;height:145px;background:linear-gradient(180deg,#006de1,#49a2ff);z-index:1}.login-form{margin:0 75px}.login-form .form-control{background:#fff;border:1px solid #bbc4d0;box-sizing:border-box;border-radius:25px;padding:13px 27px}.login-form .form-control:-ms-input-placeholder{color:#f2f2f2;font-size:16px}.login-form .form-control::placeholder{color:#f2f2f2;font-size:16px}.login-form .btn-login{font-weight:500;font-size:16px;line-height:19px;height:50px;background:#ffba18;box-shadow:0 4px 2px rgba(0,0,0,.1);border-radius:25px;border-color:#ffba18;text-transform:uppercase}.login-gr-left{position:absolute;bottom:65px;left:0}.login-gr-left-1{position:absolute;top:0;left:0}.login-gr-left-2{position:absolute;top:30px;left:65px;z-index:1}.login-gr-right-1{position:absolute;bottom:65px;right:0}.login-gr-right-2{position:absolute;bottom:255px;right:35px;z-index:1;transform:rotate(90deg)}.login-vector-3{position:absolute;top:0;right:0}.login-vector-4{position:absolute;top:0;right:42px}.head-desk{height:116px;background:#ffba18;border-radius:0 58px 58px 0;padding:10px 30px 10px 100px}.head-desk .head-desk-item{display:flex;padding:0 20px;text-align:center;flex-direction:column;align-items:center}.head-desk .head-desk-item img{height:50px;width:50px}.head-desk-swiper{margin:30px 0 auto 65px;border-radius:10px}.swiper{width:100%;height:100%}.swiper-slide{text-align:center;font-size:18px;background:transparent;display:flex;justify-content:center;align-items:center}.swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;border-radius:10px}.swiper-pagination{text-align:right}.swiper-pagination-bullets{bottom:0!important}.swiper-pagination-bullet{background:#f5f5f5;opacity:1}.swiper-pagination-bullet-active{background:#ffc800}.tabs-cash-content{height:calc(100vh - 270px)}.tabs-cash-content .form-control{font-size:14px}ul.setting-theme li{padding:5px;background:#edf4ff;border-radius:5px;color:#1ab001;margin-bottom:10px;font-size:16px}ul.setting-theme li svg path{fill:#27272d}ul.setting-theme li.active{background:#1ab001;color:#fff}ul.setting-theme li.active svg path{fill:#fff}.nav .nav-item.ic-logout svg path{fill:#d4c5c5;fill:var(--half_white);stroke:#d4c5c5;stroke:var(--half_white)}.footer-menu .item svg path{fill:#ececec;fill:var(--cl-nav-link)}.footer-menu .item.has-stroke svg circle,.footer-menu .item.has-stroke svg path{stroke:#ececec;stroke:var(--cl-nav-link)}.nav-account ul li a svg path{fill:#d4c5c5;fill:var(--half_white);stroke:#d4c5c5;stroke:var(--half_white)}.nav-account.nav-order ul li a svg path{stroke:transparent}.nav-account ul li.has-stroke a svg path{stroke:#d4c5c5;stroke:var(--half_white)}.overlay-not-authen{position:fixed;inset:0;background-color:hsla(0,0%,89.8%,.7)!important}.overlay-not-authen .btn-close{font-weight:500;font-size:16px;line-height:19px;height:50px;width:190px;background:#ffba18;box-shadow:0 4px 2px rgb(0 0 0/10%);border-radius:25px;border-color:#ffba18;text-transform:uppercase;margin-top:30px}.page-account input.form-control:disabled{background-color:#818181}.bg-item-bond{background-image:url(../../static/media/bg-bond-1.45db9556.png);background-position:0 0;background-repeat:no-repeat;background-size:cover}.container-checkbox{display:inline-block;position:relative;cursor:pointer;font-size:12px;-webkit-user-select:none;-ms-user-select:none;user-select:none;margin:0 0 10px;white-space:nowrap;padding-left:20px}.container-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.check_mark{position:absolute;top:-2px;left:0;width:15px;height:15px;background:#ececec;background:var(--cl-nav-link);border-radius:2px;border:.5px solid #f0b90b}.container-checkbox:hover input~.check_mark{background:#f0b90b}.check_mark:after{content:"";position:absolute;display:none}.container-checkbox .check_mark:after{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 input:checked~.check_mark{background:#f0b90b;border-color:#f0b90b}.container-checkbox input:checked~.check_mark:after{display:block}