.confirm-dialog.notify-account-locked .modal-content .modal-body .dialog-footer .buttons button.btn-yes{width:93px;display:block;flex:none;margin:0 auto}.manage-notification-modal .popup{flex-direction:column;align-items:flex-start;padding:8px;grid-gap:24px;gap:24px;min-height:300px}.manage-notification-modal .popup .popup-filter{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0;grid-gap:8px;gap:8px;align-self:stretch}.manage-notification-modal .popup .popup-filter .div-list-filter-button{display:flex;flex-direction:row;align-items:flex-start;padding:0;grid-gap:8px;gap:8px}.manage-notification-modal .popup .popup-filter .div-list-filter-button .div-filter-button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:2px 8px;grid-gap:8px;gap:8px;background:var(--bg-color-9);border-radius:32px;cursor:pointer}.manage-notification-modal .popup .popup-filter .div-list-filter-button .div-filter-button .text{font-family:JBSV Font;font-style:normal;font-weight:400;font-size:1rem;line-height:12px;text-align:center;letter-spacing:.2px;color:var(--text-color-1)}.manage-notification-modal .popup .popup-filter .div-list-filter-button .div-filter-button.active{background:var(--btn-chip-bg)}.manage-notification-modal .popup .popup-filter .div-list-filter-button .div-filter-button.active .text{color:var(--white)}.manage-notification-modal .popup .popup-filter .div-group-search{display:flex;flex-direction:row;align-items:center;padding:0;grid-gap:8px;gap:8px;margin-bottom:10px}.manage-notification-modal .popup .popup-filter .div-group-search .select-account,.manage-notification-modal .popup .popup-filter .div-group-search .select-type{width:240px;border-radius:4px;display:flex;flex-direction:row;align-items:center;grid-gap:8px;gap:8px}.manage-notification-modal .popup .popup-filter .div-group-search .select-account .label,.manage-notification-modal .popup .popup-filter .div-group-search .select-type .label{font-family:JBSV Font;font-style:normal;font-weight:400;font-size:1rem;line-height:12px;letter-spacing:.2px;color:var(--text-color-2)}.manage-notification-modal .popup .popup-filter .div-group-search .select-account .text-container,.manage-notification-modal .popup .popup-filter .div-group-search .select-type .text-container{--input-height:24px;--input-font-size:1rem;--input-letter-spacing:0.2px;--border-radius:4px}.manage-notification-modal .popup .popup-filter .div-group-search .select-account .text-container .input-section input,.manage-notification-modal .popup .popup-filter .div-group-search .select-type .text-container .input-section input{padding:4px;width:calc(100% - 18px)}.manage-notification-modal .popup .popup-filter .div-group-search .select-account .text-container .input-section .icon,.manage-notification-modal .popup .popup-filter .div-group-search .select-type .text-container .input-section .icon{right:8px}.manage-notification-modal .popup .popup-filter .div-group-search .select-account .custom-control-label,.manage-notification-modal .popup .popup-filter .div-group-search .select-type .custom-control-label{font-size:1rem}.manage-notification-modal .popup .popup-filter .div-group-search .btn-search{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:8px;padding:5px 8px;grid-gap:8px;gap:8px;min-width:48px;background:var(--btn-fill-bg-color);border-radius:4px;cursor:pointer}.manage-notification-modal .popup .popup-filter .div-group-search .btn-search .text{font-family:JBSV Font;font-style:normal;font-weight:500;font-size:1rem;line-height:14px;letter-spacing:.2px;color:var(--white)}.manage-notification-modal .popup .fix-head{height:70vh;overflow:auto;overflow:overlay}.manage-notification-modal .popup .div-table-list-notification{display:flex;flex-direction:row;align-items:flex-start;padding:0;align-self:stretch}.manage-notification-modal .popup .div-table-list-notification table{width:100%;color:var(--text-color-1)}.manage-notification-modal .popup .div-table-list-notification table thead th{position:sticky;top:0}.manage-notification-modal .popup .div-table-list-notification table th{box-sizing:border-box;padding:8px 4px;background:var(--bg-color-3);border:.2px solid var(--border-color);align-self:stretch}.manage-notification-modal .popup .div-table-list-notification table th .text{font-family:JBSV Font;font-style:normal;font-weight:500;font-size:1rem;line-height:12px;letter-spacing:.2px;color:var(--text-color-1);min-height:36px}.manage-notification-modal .popup .div-table-list-notification table th.th-account,.manage-notification-modal .popup .div-table-list-notification table th.th-time,.manage-notification-modal .popup .div-table-list-notification table th.th-type{width:100px}.manage-notification-modal .popup .div-table-list-notification table th.th-action{width:60px;text-align:center}.manage-notification-modal .popup .div-table-list-notification table td{box-sizing:border-box;padding:8px 4px;background:var(--bg-color-7);border:.2px solid var(--border-color);align-self:stretch}.manage-notification-modal .popup .div-table-list-notification table td .text{min-height:36px;font-family:JBSV Font;font-style:normal;font-weight:400;font-size:1rem;line-height:12px;letter-spacing:.2px;color:var(-text-color-1)}.manage-notification-modal .popup .div-table-list-notification table td.td-action{text-align:center}.manage-notification-modal .popup .div-table-list-notification table td .button-trash{width:12px;height:12px;cursor:pointer}.manage-notification-modal .popup .div-table-list-notification table td p{display:flex;justify-content:space-between;padding:1rem;margin:0}.manage-notification-modal .popup .div-table-list-notification table td p.not-read{background:var(--bg-color-6);border-radius:4px}.manage-notification-modal .popup .div-table-list-notification table td p.not-read span.icon-not-read{display:flex;flex-direction:column;justify-content:center;align-items:center;width:16px;height:16px;background:var(--bg-color-13);border-radius:12px;min-width:12px}.manage-notification-modal .popup .div-table-list-notification table td p.not-read span.icon-not-read .icon-text{display:inline-block;margin:auto;font-family:JBSV Font;font-style:normal;font-weight:400;font-size:1.1rem;line-height:12px;letter-spacing:.2px;color:var(--text-color-5)}.manage-notification-modal .popup .div-table-list-notification table .even td{background:var(--bg-color-1)}.block_button_remove button[data-v-7d82f37c]:first-child{color:var(--text-color-1);height:24px;background:transparent}.block_button_remove button[data-v-7d82f37c]:last-child{color:var(--white);height:24px;background:var(--btn-fill-bg-color);border-radius:4px}.notification{position:relative}.notification .notification-list{position:fixed;background-color:var(--bg-color-6);z-index:100;top:25px;right:0;padding:16px;border-radius:8px;width:360px;box-shadow:0 0 16px #000}.notification .notification-list .notification-list-body{display:flex;flex-direction:column;align-items:flex-start;padding:0;top:16px;left:16px;grid-gap:16px;gap:16px;z-index:0}.notification .notification-list .notification-list-body .navigation-bar{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:0;grid-gap:3px;gap:3px;flex:none;align-self:stretch;flex-grow:0}.notification .notification-list .notification-list-body .navigation-bar .navigation-bar-left{display:flex;flex-direction:row;align-items:center;padding:0;grid-gap:8px;gap:8px}.notification .notification-list .notification-list-body .navigation-bar .navigation-bar-left .span-popup-title{font-family:JBSV Font;font-style:normal;font-weight:500;font-size:1rem;text-align:center;letter-spacing:.2px;color:var(--text-color-1)}.notification .notification-list .notification-list-body .navigation-bar .navigation-bar-left .button-mask-all-read{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4px 8px;grid-gap:8px;gap:8px;border:.4px solid var(--btn-stroke-border-color);border-radius:4px;background:transparent}.notification .notification-list .notification-list-body .navigation-bar .navigation-bar-left .button-mask-all-read .button-text{font-family:JBSV Font;font-style:normal;font-weight:500;font-size:1rem;line-height:14px;letter-spacing:.2px;color:var(--text-color-1)}.notification .notification-list .notification-list-body .navigation-bar .navigation-bar-left .button-mask-all-read .count-not-read{color:var(--text-color-4)}.notification .notification-list .notification-list-body .navigation-bar .navigation-bar-right{display:flex;flex-direction:row;align-items:center;padding:0;grid-gap:10px;gap:10px;width:16px;height:16px}.notification .notification-list .notification-list-body .navigation-bar .navigation-bar-right .button-filter-search{cursor:pointer}.notification .notification-list .notification-list-body .div-list-type-notification{display:flex;flex-direction:row;align-items:flex-start;padding:0;flex:none;align-self:stretch;flex-grow:0;flex-flow:row wrap;grid-gap:8px;gap:8px}.notification .notification-list .notification-list-body .div-list-type-notification .div-type-notification{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:2px 5px;grid-gap:8px;gap:8px;background:var(--bg-color-9);border-radius:32px;flex:none;flex-grow:0;cursor:pointer}.notification .notification-list .notification-list-body .div-list-type-notification .div-type-notification .text{font-family:JBSV Font;font-style:normal;font-weight:400;font-size:1rem;line-height:12px;text-align:center;letter-spacing:.2px;color:var(--text-color-1)}.notification .notification-list .notification-list-body .div-list-type-notification .div-type-notification.active{background:var(--btn-fill-bg-color-active)}.notification .notification-list .notification-list-body .div-list-type-notification .div-type-notification.active .text{color:var(--white)}.notification .notification-list .notification-list-body .div-list-notification{max-height:70vh;overflow:auto;overflow:overlay;margin-top:10px}.notification .notification-list .notification-list-body .div-list-notification .div-notification-mess{font-family:JBSV Font;font-style:normal;font-weight:500;font-size:1rem;line-height:14px;text-align:center;letter-spacing:.2px;color:var(--text-color-1)}.notification .notification-list .notification-list-body .div-list-notification .div-notification-item{display:flex;flex-direction:row;align-items:flex-start;padding:0;grid-gap:10px;gap:10px;width:100%;cursor:default;position:relative}.notification .notification-list .notification-list-body .div-list-notification .div-notification-item .div-vertical-line{width:12px}.notification .notification-list .notification-list-body .div-list-notification .div-notification-item .div-vertical-line:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:6px;background:var(--bg-color-3);border-left:.5px solid var(--vertical-line-color);transform:translate(-50%)}.notification .notification-list .notification-list-body .div-list-notification .div-notification-item .div-vertical-line .div-group-icon-timeline{position:absolute;width:12px;height:12px;left:0;top:0}.notification .notification-list .notification-list-body .div-list-notification .div-notification-item .div-vertical-line .div-group-icon-timeline .background{position:absolute;width:2.18px;height:2.18px;left:4.91px;top:12.91px;background:var(--bg-color-10);z-index:2;border-radius:50%}.notification .notification-list .notification-list-body .div-list-notification .div-notification-item .div-vertical-line .div-group-icon-timeline .icon{box-sizing:border-box;position:absolute;width:12px;height:12px;border-radius:6px;left:0;top:8px;background:var(--bg-color-11)}.notification .notification-list .notification-list-body .div-list-notification .div-notification-item.not-read .div-group-icon-timeline .icon{background:var(--btn-chip-bg);border:1px solid var(--btn-chip-bg)}.notification .notification-list .notification-list-body .div-list-notification .div-notification-item.not-read .notification-body-detail{background:var(--bg-color-2);border-radius:4px}.notification .notification-list .notification-list-body .div-list-notification .div-notification-item:first-child .div-vertical-line:before{top:9px}.notification .notification-list .notification-list-body .div-list-notification .div-notification-item .notification-body{width:100%;padding-bottom:16px}.notification .notification-list .notification-list-body .div-list-notification .div-notification-item .notification-body .notification-body-detail{padding:8px;grid-gap:4px;gap:4px;width:100%;display:flex;flex-direction:column;align-items:flex-start}.notification .notification-list .notification-list-body .div-list-notification .div-notification-item .notification-body .notification-body-detail .title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0;grid-gap:8px;gap:8px;align-self:stretch}.notification .notification-list .notification-list-body .div-list-notification .div-notification-item .notification-body .notification-body-detail .title .text{font-family:JBSV Font;font-style:normal;font-weight:500;font-size:1rem;line-height:14px;letter-spacing:.2px;color:var(--text-color-1)}.notification .notification-list .notification-list-body .div-list-notification .div-notification-item .notification-body .notification-body-detail .title .icon-not-read{display:flex;flex-direction:column;justify-content:center;align-items:center;width:12px;height:12px;background:var(--bg-color-13);border-radius:12px;min-width:12px}.notification .notification-list .notification-list-body .div-list-notification .div-notification-item .notification-body .notification-body-detail .title .icon-not-read .icon-text{width:5px;height:7px;font-family:JBSV Font;font-style:normal;font-weight:400;font-size:.6rem;line-height:7px;letter-spacing:.2px;color:var(--text-color-5)}.notification .notification-list .notification-list-body .div-list-notification .div-notification-item .notification-body .notification-body-detail .info{display:flex;flex-direction:row;align-items:flex-start;padding:0;grid-gap:8px;gap:8px}.notification .notification-list .notification-list-body .div-list-notification .div-notification-item .notification-body .notification-body-detail .info .create-date{font-family:JBSV Font;font-style:normal;font-weight:400;font-size:1rem;line-height:12px;letter-spacing:.2px;color:var(--text-color-2)}.notification .notification-list .notification-list-body .div-list-notification .div-notification-item .notification-body .notification-body-detail .info .type{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 4px;grid-gap:8px;gap:8px;border:.4px solid var(--border-color);border-radius:4px}.notification .notification-list .notification-list-body .div-list-notification .div-notification-item .notification-body .notification-body-detail .info .type .text{font-family:JBSV Font;font-style:normal;font-weight:400;font-size:1rem;line-height:12px;text-align:center;letter-spacing:.2px;color:var(--text-color-2)}.notification .notification-list .notification-list-body .div-list-notification .div-notification-item .notification-body .notification-body-detail .div-notification-content{display:flex;flex-direction:column;align-items:flex-start;padding:0;grid-gap:4px;gap:4px;border-radius:8px}.notification .notification-list .notification-list-body .div-list-notification .div-notification-item .notification-body .notification-body-detail .div-notification-content .text{font-family:JBSV Font;font-style:normal;font-weight:400;font-size:1rem;line-height:12px;letter-spacing:.2px;color:var(--text-color-1);word-break:break-word}.notification .notification-list .notification-list-body .div-list-notification .div-notification-item .notification-body .notification-body-detail .div-notification-content .btn-show-more{color:var(--text-color-9);z-index:10}.notification .notification-list .notification-list-body .div-list-notification .div-notification-item{width:320px!important}.symbol-cell{width:100%;height:100%}.symbol-cell span{line-height:17px;cursor:pointer;font-family:JBSV Font,sans-serif!important}.symbol-cell .matched-detail{width:400px;background:var(--ag-row-header-bg);position:absolute;top:100%;left:0;border-radius:4px;border:2px solid #9b9696}.symbol-cell .matched-detail .top{padding:4px}.symbol-cell .matched-detail .top .title{font-size:.9rem;color:var(--text-color-1);line-height:1.2rem;margin-bottom:2px}.symbol-cell .matched-detail .top .title .close-icon{color:var(--text-color-1);cursor:pointer;width:10px;height:10px}.symbol-cell .matched-detail .top .sub-title{font-size:.9rem;color:var(--text-color-1);line-height:1.2rem}.symbol-cell .matched-detail .top .sub-title strong{color:var(--green)}.symbol-cell .matched-detail .bottom .ag-root-wrapper .ag-center-cols-clipper,.symbol-cell .matched-detail .bottom .ag-root-wrapper .ag-center-cols-container{min-height:unset!important}.symbol-cell .matched-detail .bottom .ag-row-hover{background:transparent!important}.symbol-cell .matched-detail .bottom .ag-row-even .ag-cell{background-color:var(--bg-row-odd)!important;color:var(--text-color-1)}.symbol-cell .matched-detail .bottom .ag-row-odd .ag-cell{background-color:var(--bg-row-even)!important;color:var(--text-color-1)}.buy-sell-cell{width:100%;height:100%;display:flex;align-items:center;color:var(--color-1)}.buy-sell-cell span:first-child{margin-right:2px}