BODY, BUTTON, SELECT, INPUT {color: #333; font-size: 13px; font-family: "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "Segoe UI Web Light", "Segoe UI Light", "Helvetica Neue", "Arial", 'Verdana', 'Geneva', 'Helvetica', 'Lucida Grande', 'Lucida Sans Unicode', 'sans-serif'; font-family1: BinancePlex,Arial,sans-serif!important;}
*, *:before {margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}




.loader {display: table; width: 100%; height: 100%;}
.loader > DIV {display: table-cell; vertical-align: middle; text-align: center;}
.loader > DIV > DIV {display: inline-block; width: 30px; height: 30px; border: 4px solid #f3f3f3; border-radius: 50%; border-top: 4px solid #3498db; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite;}
@-webkit-keyframes spin 
{
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin 
{
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.link {color: #006FD6; cursor: pointer; text-decoration: none;}
.link:hover {color: #118ED1; text-decoration: underline;}
.link:active {color: #66AADC;}

.linkbn {border: none; width: auto !important; min-width: auto; background-color: transparent; color: #006FD6; cursor: pointer; text-decoration: none; padding: 0;}
.linkbn:hover {color: #118ED1; text-decoration: underline;}
.linkbn:active {color: #66AADC;}

.color1 {color: #080; /*0ECB81 rgb(14, 203, 129)*/}
.color2 {color: #D04960; /*rgb(208, 73, 96)*/}
.color3, .color1:disabled, .color2:disabled {color1: #76808F; color: #AAA;}
.color4 {color: #006FD6;}

.bgcolor1 {background-color: #0ECB81 !important; /*rgb(14, 203, 129)*/}
.bgcolor2 {background-color: #D04960; /*rgb(208, 73, 96)*/}
.bgcolor3 {background-color: #96A0AF;}
.bgcolor4 {background-color: #76808F;}

.icon {position: relative;}
.icon:before {position: absolute; top: 0; left: 0; width: 40px; height: 40px; content: ""; background: url(images/stock.png) no-repeat; background-position: 0 0; background-size: 100%; /*transform: scale(0.7);*/}

.icon[coin="OCB"]:before {background-position: 0 0; background: url(images/ocb.svg); background-size: 100%;}
.icon[coin="ACB"]:before {background-position: 0 0; background: url(images/acb.ico); background-size: 100%;}
.icon[coin="ABB"]:before {background-position: 0 0; background: url(images/abb.ico); background-size: 100%;}
.icon[coin="TPB"]:before {background-position: 0 0; background: url(images/tpb.ico); background-size: 100%;}
.icon[coin="ORS"]:before {background-position: 0 0; background: url(images/ors.png); background-size: 100%;}

.icon[coin="SSI"]:before {background-position: 0 0; background: url(images/ssi.ico); background-size: 100%;}
.icon[coin="VND"]:before {background-position: 0 0; background: url(images/vnd.png); background-size: 100%;}
.icon[coin="MBS"]:before {background-position: 0 0; background: url(images/mbs.png); background-size: 100%;}

.icon[coin="DCM"]:before {background-position: 0 0; background: url(images/dcm.png); background-size: 100%;}
.icon[coin="HPG"]:before {background-position: 0 0; background: url(images/hpg.png); background-size: 100%;}
.icon[coin="HSG"]:before {background-position: 0 0; background: url(images/hsg.png); background-size: 100%;}
.icon[coin="VN"]:before {background-position: 0 0; background: url(images/vn.png); background-size: 100%;}
.icon[coin="DXG"]:before {background-position: 0 0; background: url(images/dxg.ico); background-size: 100%;}
.icon[coin="LDG"]:before {background-position: 0 0; background: url(images/ldg.svg); background-size: 100%;}
.icon[coin="SHI"]:before {background-position: 0 0; background: url(images/shi.png); background-size: 100%;}
.icon[coin="AMV"]:before {background-position: 0 0; background: url(images/amv.png); background-size: 100%;}
.icon[coin="PVX"]:before {background-position: 0 0; background: url(images/pvx.png); background-size: 100%;}
.icon[coin="BII"]:before {background-position: 0 0; background: url(images/bii.ico); background-size: 100%;}
.icon[coin="POW"]:before {background-position: 0 0; background: url(images/pvx.png); background-size: 100%;}
.icon[coin="VPB"]:before {background-position: 0 0; background: url(images/vpb.png); background-size: 100%;}

.DARK 
{
    --NOTIFY__INFO: #3598DB;
    --NOTIFY__WARN: #FF9801;
    --NOTIFY__ERROR: #E74C3C;
    --match_a_pieces_color: #00D3B8;
    --wait_to_match_color: #e0780e;
    --reject_color: #E64A19;
    --send_to_exchange_color: orange;
    --LINE_MA5: #FFA43B;
    --LINE_MA10: #00CFED;
    --LINE_MA20: #FF725B;
    --LINE_MA30: #196EEE;
    --GREEN__COLOR: #07923D;
    --GREEN__DARK__COLOR: #008E7E;
    --YELLOW__COLOR: #FFBC16;
    --RED__COLOR: #F52B1F;
    --WHITE__COLOR: #FFFF;
    --CASH__COLOR: #EFADFF;
    --STOCK__COLOR: #AFAAFF;
    --TOTAL_ASSETS__COLOR: #92EB7E;
    --DEBT__COLOR: #FF3300;
    --NET_ASSET__COLOR: #5B9BD5;
    --PROFIT_LOSS_DOWN: #FF6973;
    --PROFIT_LOSS_UP: #4CB593;
    --PUSH_ASSETS_COLOR: rgb(0, 128, 128);
    --DEBT_COLOR: rgb(255, 128, 0);
    --MARGIN_LOAN_COLOR: rgb(255, 0, 0);
    --BUY_POWER_MIN_COLOR: rgb(0, 192, 192);
    --BUY_POWER_MAX_COLOR: rgb(255, 0, 255);
    --EKYC__COLOR: #00a650;
    --USER_POLICY_TEXT: #203864;
    --BG__1: #191919;
    --BG__2: #2e3034;
    --BG__3: #05040E;
    --BG__4: #262626;
    --HOVER__BG__1: #05040F;
    --HOVER__BG__2: #05040F;
    --TEXT__TITLE__1: #CE9B51;
    --TEXT__TITLE__2: #FFFFFF;
    --TEXT__1: #F5F5F5;
    --TEXT__2: #A3A4AC;
    --TEXT__3: #ffffff64;
    --TEXT__4: green;
    --ICON__COLOR: #ABADAE60;
    --ICON__ACTIVE: #ABADAE;
    --REF__COLOR: #F2C94C;
    --UP__COLOR: #12DA35;
    --DOWN__COLOR: #EF0210;
    --CEIL__COLOR: #f618fb;
    --FLOOR__COLOR: #00CFED;
    --REF__BG: #e2ae02;
}

.LIGHT
{
    --NOTIFY__INFO: #3598DB;
    --NOTIFY__WARN: #FF9801;
    --NOTIFY__ERROR: #E74C3C;
    --match_a_pieces_color: #00D3B8;
    --wait_to_match_color: #e0780e;
    --reject_color: #E64A19;
    --send_to_exchange_color: orange;
    --LINE_MA5: #FFA43B;
    --LINE_MA10: #00CFED;
    --LINE_MA20: #FF725B;
    --LINE_MA30: #196EEE;
    --GREEN__COLOR: #07923D;
    --GREEN__DARK__COLOR: #008E7E;
    --YELLOW__COLOR: #FFBC16;
    --RED__COLOR: #F52B1F;
    --WHITE__COLOR: #FFFF;
    --CASH__COLOR: #EFADFF;
    --STOCK__COLOR: #AFAAFF;
    --TOTAL_ASSETS__COLOR: #92EB7E;
    --DEBT__COLOR: #FF3300;
    --NET_ASSET__COLOR: #5B9BD5;
    --PROFIT_LOSS_DOWN: #FF6973;
    --PROFIT_LOSS_UP: #4CB593;
    --PUSH_ASSETS_COLOR: rgb(0, 128, 128);
    --DEBT_COLOR: rgb(255, 128, 0);
    --MARGIN_LOAN_COLOR: rgb(255, 0, 0);
    --BUY_POWER_MIN_COLOR: rgb(0, 192, 192);
    --BUY_POWER_MAX_COLOR: rgb(255, 0, 255);
    --EKYC__COLOR: #00a650;
    --USER_POLICY_TEXT: #203864;
    --BG__1: #FBFBFB;
    --BG__2: #F1F1F3;
    --BG__3: #FFFFFF;
    --BG__4: #ecececd4;
    --HOVER__BG__1: #F1F1F3;
    --HOVER__BG__2: #F1F1F3;
    --TEXT__TITLE__1: #CE9B51;
    --TEXT__TITLE__2: #000000;
    --TEXT__1: #25253E;
    --TEXT__2: #A3A4AC;
    --TEXT__3: #00000064;
    --TEXT__4: green;
    --ICON__COLOR: #ABADAE60;
    --ICON__ACTIVE: #ABADAE;
    --REF__COLOR: #f69b0b;
    --UP__COLOR: #2ECC71;
    --DOWN__COLOR: #EB5C55;
    --CEIL__COLOR: #f618fb;
    --FLOOR__COLOR: #00d3b8;
    --REF__BG: #ecba17;
}