﻿
[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
    -webkit-transition-duration: 50ms;
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
        -webkit-transition-delay: 50ms;
        transition-delay: 50ms
    }

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
        -webkit-transition-delay: .1s;
        transition-delay: .1s
    }

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
        -webkit-transition-delay: .15s;
        transition-delay: .15s
    }

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
        -webkit-transition-delay: .2s;
        transition-delay: .2s
    }

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
    -webkit-transition-duration: .25s;
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
        -webkit-transition-delay: .25s;
        transition-delay: .25s
    }

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
        -webkit-transition-delay: .3s;
        transition-delay: .3s
    }

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
    -webkit-transition-duration: .35s;
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
        -webkit-transition-delay: .35s;
        transition-delay: .35s
    }

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
        -webkit-transition-delay: .4s;
        transition-delay: .4s
    }

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
    -webkit-transition-duration: .45s;
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
        -webkit-transition-delay: .45s;
        transition-delay: .45s
    }

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
        -webkit-transition-delay: .5s;
        transition-delay: .5s
    }

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
    -webkit-transition-duration: .55s;
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
        -webkit-transition-delay: .55s;
        transition-delay: .55s
    }

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
    -webkit-transition-duration: .6s;
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
        -webkit-transition-delay: .6s;
        transition-delay: .6s
    }

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
    -webkit-transition-duration: .65s;
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
        -webkit-transition-delay: .65s;
        transition-delay: .65s
    }

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
    -webkit-transition-duration: .7s;
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
        -webkit-transition-delay: .7s;
        transition-delay: .7s
    }

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
    -webkit-transition-duration: .75s;
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
        -webkit-transition-delay: .75s;
        transition-delay: .75s
    }

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
    -webkit-transition-duration: .8s;
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
        -webkit-transition-delay: .8s;
        transition-delay: .8s
    }

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
    -webkit-transition-duration: .85s;
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
        -webkit-transition-delay: .85s;
        transition-delay: .85s
    }

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
    -webkit-transition-duration: .9s;
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
        -webkit-transition-delay: .9s;
        transition-delay: .9s
    }

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
    -webkit-transition-duration: .95s;
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
        -webkit-transition-delay: .95s;
        transition-delay: .95s
    }

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
    -webkit-transition-duration: 1s;
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
        -webkit-transition-delay: 1s;
        transition-delay: 1s
    }

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
    -webkit-transition-duration: 1.05s;
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
        -webkit-transition-delay: 1.05s;
        transition-delay: 1.05s
    }

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
    -webkit-transition-duration: 1.1s;
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
        -webkit-transition-delay: 1.1s;
        transition-delay: 1.1s
    }

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
    -webkit-transition-duration: 1.15s;
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
        -webkit-transition-delay: 1.15s;
        transition-delay: 1.15s
    }

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
        -webkit-transition-delay: 1.2s;
        transition-delay: 1.2s
    }

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
    -webkit-transition-duration: 1.25s;
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
        -webkit-transition-delay: 1.25s;
        transition-delay: 1.25s
    }

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
    -webkit-transition-duration: 1.3s;
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
        -webkit-transition-delay: 1.3s;
        transition-delay: 1.3s
    }

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
    -webkit-transition-duration: 1.35s;
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
        -webkit-transition-delay: 1.35s;
        transition-delay: 1.35s
    }

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
    -webkit-transition-duration: 1.4s;
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
        -webkit-transition-delay: 1.4s;
        transition-delay: 1.4s
    }

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
    -webkit-transition-duration: 1.45s;
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
        -webkit-transition-delay: 1.45s;
        transition-delay: 1.45s
    }

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
    -webkit-transition-duration: 1.5s;
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
        -webkit-transition-delay: 1.5s;
        transition-delay: 1.5s
    }

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
    -webkit-transition-duration: 1.55s;
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
        -webkit-transition-delay: 1.55s;
        transition-delay: 1.55s
    }

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
    -webkit-transition-duration: 1.6s;
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
        -webkit-transition-delay: 1.6s;
        transition-delay: 1.6s
    }

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
    -webkit-transition-duration: 1.65s;
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
        -webkit-transition-delay: 1.65s;
        transition-delay: 1.65s
    }

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
    -webkit-transition-duration: 1.7s;
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
        -webkit-transition-delay: 1.7s;
        transition-delay: 1.7s
    }

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
    -webkit-transition-duration: 1.75s;
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
        -webkit-transition-delay: 1.75s;
        transition-delay: 1.75s
    }

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
    -webkit-transition-duration: 1.8s;
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
        -webkit-transition-delay: 1.8s;
        transition-delay: 1.8s
    }

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
    -webkit-transition-duration: 1.85s;
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
        -webkit-transition-delay: 1.85s;
        transition-delay: 1.85s
    }

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
    -webkit-transition-duration: 1.9s;
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
        -webkit-transition-delay: 1.9s;
        transition-delay: 1.9s
    }

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
    -webkit-transition-duration: 1.95s;
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
        -webkit-transition-delay: 1.95s;
        transition-delay: 1.95s
    }

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
    -webkit-transition-duration: 2s;
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
        -webkit-transition-delay: 2s;
        transition-delay: 2s
    }

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
    -webkit-transition-duration: 2.05s;
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
        -webkit-transition-delay: 2.05s;
        transition-delay: 2.05s
    }

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
    -webkit-transition-duration: 2.1s;
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
        -webkit-transition-delay: 2.1s;
        transition-delay: 2.1s
    }

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
    -webkit-transition-duration: 2.15s;
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
        -webkit-transition-delay: 2.15s;
        transition-delay: 2.15s
    }

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
    -webkit-transition-duration: 2.2s;
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
        -webkit-transition-delay: 2.2s;
        transition-delay: 2.2s
    }

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
    -webkit-transition-duration: 2.25s;
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
        -webkit-transition-delay: 2.25s;
        transition-delay: 2.25s
    }

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
    -webkit-transition-duration: 2.3s;
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
        -webkit-transition-delay: 2.3s;
        transition-delay: 2.3s
    }

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
    -webkit-transition-duration: 2.35s;
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
        -webkit-transition-delay: 2.35s;
        transition-delay: 2.35s
    }

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
    -webkit-transition-duration: 2.4s;
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
        -webkit-transition-delay: 2.4s;
        transition-delay: 2.4s
    }

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
    -webkit-transition-duration: 2.45s;
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
        -webkit-transition-delay: 2.45s;
        transition-delay: 2.45s
    }

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
    -webkit-transition-duration: 2.5s;
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
        -webkit-transition-delay: 2.5s;
        transition-delay: 2.5s
    }

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
    -webkit-transition-duration: 2.55s;
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
        -webkit-transition-delay: 2.55s;
        transition-delay: 2.55s
    }

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
    -webkit-transition-duration: 2.6s;
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
        -webkit-transition-delay: 2.6s;
        transition-delay: 2.6s
    }

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
    -webkit-transition-duration: 2.65s;
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
        -webkit-transition-delay: 2.65s;
        transition-delay: 2.65s
    }

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
    -webkit-transition-duration: 2.7s;
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
        -webkit-transition-delay: 2.7s;
        transition-delay: 2.7s
    }

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
    -webkit-transition-duration: 2.75s;
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
        -webkit-transition-delay: 2.75s;
        transition-delay: 2.75s
    }

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
    -webkit-transition-duration: 2.8s;
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
        -webkit-transition-delay: 2.8s;
        transition-delay: 2.8s
    }

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
    -webkit-transition-duration: 2.85s;
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
        -webkit-transition-delay: 2.85s;
        transition-delay: 2.85s
    }

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
    -webkit-transition-duration: 2.9s;
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
        -webkit-transition-delay: 2.9s;
        transition-delay: 2.9s
    }

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
    -webkit-transition-duration: 2.95s;
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
        -webkit-transition-delay: 2.95s;
        transition-delay: 2.95s
    }

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
    -webkit-transition-duration: 3s;
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
        -webkit-transition-delay: 3s;
        transition-delay: 3s
    }

[data-aos] {
    pointer-events: none
}

    [data-aos].aos-animate {
        pointer-events: auto
    }

    [data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
        -webkit-transition-timing-function: cubic-bezier(.25,.25,.75,.75);
        transition-timing-function: cubic-bezier(.25,.25,.75,.75)
    }

    [data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease
    }

    [data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    [data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
        -webkit-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out
    }

    [data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
        -webkit-transition-timing-function: cubic-bezier(.6,-.28,.735,.045);
        transition-timing-function: cubic-bezier(.6,-.28,.735,.045)
    }

    [data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
        -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
        transition-timing-function: cubic-bezier(.175,.885,.32,1.275)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
        -webkit-transition-timing-function: cubic-bezier(.68,-.55,.265,1.55);
        transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
        -webkit-transition-timing-function: cubic-bezier(.47,0,.745,.715);
        transition-timing-function: cubic-bezier(.47,0,.745,.715)
    }

    [data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
        -webkit-transition-timing-function: cubic-bezier(.39,.575,.565,1);
        transition-timing-function: cubic-bezier(.39,.575,.565,1)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
        -webkit-transition-timing-function: cubic-bezier(.445,.05,.55,.95);
        transition-timing-function: cubic-bezier(.445,.05,.55,.95)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
        -webkit-transition-timing-function: cubic-bezier(.55,.085,.68,.53);
        transition-timing-function: cubic-bezier(.55,.085,.68,.53)
    }

    [data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
        -webkit-transition-timing-function: cubic-bezier(.25,.46,.45,.94);
        transition-timing-function: cubic-bezier(.25,.46,.45,.94)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
        -webkit-transition-timing-function: cubic-bezier(.455,.03,.515,.955);
        transition-timing-function: cubic-bezier(.455,.03,.515,.955)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
        -webkit-transition-timing-function: cubic-bezier(.55,.085,.68,.53);
        transition-timing-function: cubic-bezier(.55,.085,.68,.53)
    }

    [data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
        -webkit-transition-timing-function: cubic-bezier(.25,.46,.45,.94);
        transition-timing-function: cubic-bezier(.25,.46,.45,.94)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
        -webkit-transition-timing-function: cubic-bezier(.455,.03,.515,.955);
        transition-timing-function: cubic-bezier(.455,.03,.515,.955)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
        -webkit-transition-timing-function: cubic-bezier(.55,.085,.68,.53);
        transition-timing-function: cubic-bezier(.55,.085,.68,.53)
    }

    [data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
        -webkit-transition-timing-function: cubic-bezier(.25,.46,.45,.94);
        transition-timing-function: cubic-bezier(.25,.46,.45,.94)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
        -webkit-transition-timing-function: cubic-bezier(.455,.03,.515,.955);
        transition-timing-function: cubic-bezier(.455,.03,.515,.955)
    }

@media screen {
    html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
        opacity: 0;
        transition-property: opacity,-webkit-transform;
        -webkit-transition-property: opacity,-webkit-transform;
        transition-property: opacity,transform;
        transition-property: opacity,transform,-webkit-transform
    }

        html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }

    html:not(.no-js) [data-aos=fade-up] {
        -webkit-transform: translate3d(0,100px,0);
        transform: translate3d(0,100px,0)
    }

    html:not(.no-js) [data-aos=fade-down] {
        -webkit-transform: translate3d(0,-100px,0);
        transform: translate3d(0,-100px,0)
    }

    html:not(.no-js) [data-aos=fade-right] {
        -webkit-transform: translate3d(-100px,0,0);
        transform: translate3d(-100px,0,0)
    }

    html:not(.no-js) [data-aos=fade-left] {
        -webkit-transform: translate3d(100px,0,0);
        transform: translate3d(100px,0,0)
    }

    html:not(.no-js) [data-aos=fade-up-right] {
        -webkit-transform: translate3d(-100px,100px,0);
        transform: translate3d(-100px,100px,0)
    }

    html:not(.no-js) [data-aos=fade-up-left] {
        -webkit-transform: translate3d(100px,100px,0);
        transform: translate3d(100px,100px,0)
    }

    html:not(.no-js) [data-aos=fade-down-right] {
        -webkit-transform: translate3d(-100px,-100px,0);
        transform: translate3d(-100px,-100px,0)
    }

    html:not(.no-js) [data-aos=fade-down-left] {
        -webkit-transform: translate3d(100px,-100px,0);
        transform: translate3d(100px,-100px,0)
    }

    html:not(.no-js) [data-aos^=zoom][data-aos^=zoom] {
        opacity: 0;
        transition-property: opacity,-webkit-transform;
        -webkit-transition-property: opacity,-webkit-transform;
        transition-property: opacity,transform;
        transition-property: opacity,transform,-webkit-transform
    }

        html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate {
            opacity: 1;
            -webkit-transform: translateZ(0) scale(1);
            transform: translateZ(0) scale(1)
        }

    html:not(.no-js) [data-aos=zoom-in] {
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-up] {
        -webkit-transform: translate3d(0,100px,0) scale(.6);
        transform: translate3d(0,100px,0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-down] {
        -webkit-transform: translate3d(0,-100px,0) scale(.6);
        transform: translate3d(0,-100px,0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-right] {
        -webkit-transform: translate3d(-100px,0,0) scale(.6);
        transform: translate3d(-100px,0,0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-left] {
        -webkit-transform: translate3d(100px,0,0) scale(.6);
        transform: translate3d(100px,0,0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-out] {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-up] {
        -webkit-transform: translate3d(0,100px,0) scale(1.2);
        transform: translate3d(0,100px,0) scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-down] {
        -webkit-transform: translate3d(0,-100px,0) scale(1.2);
        transform: translate3d(0,-100px,0) scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-right] {
        -webkit-transform: translate3d(-100px,0,0) scale(1.2);
        transform: translate3d(-100px,0,0) scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-left] {
        -webkit-transform: translate3d(100px,0,0) scale(1.2);
        transform: translate3d(100px,0,0) scale(1.2)
    }

    html:not(.no-js) [data-aos^=slide][data-aos^=slide] {
        transition-property: -webkit-transform;
        -webkit-transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform,-webkit-transform;
        visibility: hidden
    }

        html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate {
            visibility: visible;
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }

    html:not(.no-js) [data-aos=slide-up] {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    html:not(.no-js) [data-aos=slide-down] {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    html:not(.no-js) [data-aos=slide-right] {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    html:not(.no-js) [data-aos=slide-left] {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    html:not(.no-js) [data-aos^=flip][data-aos^=flip] {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transition-property: -webkit-transform;
        -webkit-transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform,-webkit-transform
    }

    html:not(.no-js) [data-aos=flip-left] {
        -webkit-transform: perspective(2500px) rotateY(-100deg);
        transform: perspective(2500px) rotateY(-100deg)
    }

        html:not(.no-js) [data-aos=flip-left].aos-animate {
            -webkit-transform: perspective(2500px) rotateY(0);
            transform: perspective(2500px) rotateY(0)
        }

    html:not(.no-js) [data-aos=flip-right] {
        -webkit-transform: perspective(2500px) rotateY(100deg);
        transform: perspective(2500px) rotateY(100deg)
    }

        html:not(.no-js) [data-aos=flip-right].aos-animate {
            -webkit-transform: perspective(2500px) rotateY(0);
            transform: perspective(2500px) rotateY(0)
        }

    html:not(.no-js) [data-aos=flip-up] {
        -webkit-transform: perspective(2500px) rotateX(-100deg);
        transform: perspective(2500px) rotateX(-100deg)
    }

        html:not(.no-js) [data-aos=flip-up].aos-animate {
            -webkit-transform: perspective(2500px) rotateX(0);
            transform: perspective(2500px) rotateX(0)
        }

    html:not(.no-js) [data-aos=flip-down] {
        -webkit-transform: perspective(2500px) rotateX(100deg);
        transform: perspective(2500px) rotateX(100deg)
    }

        html:not(.no-js) [data-aos=flip-down].aos-animate {
            -webkit-transform: perspective(2500px) rotateX(0);
            transform: perspective(2500px) rotateX(0)
        }
}

.Home #main-content {
    border-left: none
}

body[data-v-784df043] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-784df043]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-784df043]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-784df043]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-784df043] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-784df043]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-784df043]::-webkit-inner-spin-button, input[data-v-784df043]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-784df043] {
    -moz-appearance: textfield
}

button[data-v-784df043]:focus, input[data-v-784df043]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-784df043] {
    font-size: 8px
}

.font-10[data-v-784df043] {
    font-size: .6rem !important
}

.font-12[data-v-784df043] {
    font-size: 12px
}

.font-14[data-v-784df043] {
    font-size: 14px
}

.font-16[data-v-784df043] {
    font-size: 16px
}

.font-18[data-v-784df043] {
    font-size: 18px
}

.font-20[data-v-784df043] {
    font-size: 20px
}

.font-24[data-v-784df043] {
    font-size: 24px
}

.font-32[data-v-784df043] {
    font-size: 32px
}

.font-34[data-v-784df043] {
    font-size: 34px
}

.font-40[data-v-784df043] {
    font-size: 2.5rem !important
}

.font-44[data-v-784df043] {
    font-size: 44px
}

.colorPrimary[data-v-784df043] {
    color: #2a74f9
}

.colorPrimary1[data-v-784df043] {
    color: #000 !important
}

.colorSecondary[data-v-784df043] {
    color: #fff !important
}

.colorSecondary1[data-v-784df043] {
    color: #414141 !important
}

.colorSecondary2[data-v-784df043] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-784df043] {
    color: #0d0d0d
}

.colorSecondary4[data-v-784df043] {
    color: #02142b
}

.colorSecondary5[data-v-784df043] {
    color: #1a1e24
}

.colorSecondary6[data-v-784df043] {
    color: #fafafa
}

.colorSecondary7[data-v-784df043] {
    color: #333
}

.colorSecondary8[data-v-784df043] {
    color: #0e0031
}

.colorSuccess[data-v-784df043] {
    color: #31baa0
}

.colorWarning[data-v-784df043] {
    color: #ffcf5c
}

.colorDanger[data-v-784df043] {
    color: #f46273
}

.fillPrimary[data-v-784df043] {
    fill: #2a74f9
}

.fillWarning[data-v-784df043] {
    fill: #ffcf5c
}

.fillDanger[data-v-784df043] {
    fill: #f46273
}

.fillSecondary1[data-v-784df043] {
    fill: #414141
}

.fillSecondary2[data-v-784df043] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-784df043] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-784df043] {
    fill: #02142b
}

.fillSecondary5[data-v-784df043] {
    fill: #1a1e24
}

.fillSecondary6[data-v-784df043] {
    fill: #fafafa
}

.fillSecondary7[data-v-784df043] {
    fill: #333
}

.fillSecondary8[data-v-784df043] {
    fill: #0e0031
}

.textnote-notidesc[data-v-784df043] {
    color: #fff
}

.bgColor0[data-v-784df043] {
    background-color: transparent
}

.bgPrimary-hover[data-v-784df043]:hover, .bgPrimary[data-v-784df043] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-784df043]:hover, .bgPrimary1[data-v-784df043] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-784df043]:hover, .bgPrimary2[data-v-784df043] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-784df043]:hover, .bgSecondary[data-v-784df043] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-784df043]:hover, .bgSecondary1[data-v-784df043] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-784df043]:hover, .bgSecondary2[data-v-784df043] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-784df043]:hover, .bgSecondary3[data-v-784df043] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-784df043] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-784df043] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-784df043]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-784df043]:hover, .bgSecondary5[data-v-784df043] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-784df043]:hover, .bgSecondary6[data-v-784df043] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-784df043]:hover, .bgSecondary7[data-v-784df043] {
    background-color: #333 !important
}

.bgSecondary8[data-v-784df043] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-784df043]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-784df043] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-784df043]:hover, .bgSuccess[data-v-784df043] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-784df043] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-784df043] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-784df043]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-784df043] {
    fill: #31baa0
}

.w-14-px[data-v-784df043] {
    width: 14px
}

.max-width-50[data-v-784df043] {
    max-width: 50%
}

.h-60-px[data-v-784df043] {
    height: 60px
}

.h-100-px[data-v-784df043] {
    height: 100px
}

.mb-16-px[data-v-784df043] {
    margin-bottom: 16px
}

.mb-30-px[data-v-784df043] {
    margin-bottom: 30px
}

.borderRounded[data-v-784df043] {
    border-radius: 5px
}

.borderPrimary[data-v-784df043] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-784df043] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-784df043] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-784df043] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-784df043] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-784df043] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-784df043] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-784df043] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-784df043] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-784df043] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-784df043] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-784df043] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-784df043] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-784df043] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-784df043]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-784df043] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-784df043] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-784df043] {
    padding: 1px
}

.px-1-px[data-v-784df043] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-784df043] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-784df043] {
    padding-left: 1px
}

.pr-1-px[data-v-784df043] {
    padding-right: 1px
}

.pt-1-px[data-v-784df043] {
    padding-top: 1px
}

.pb-1-px[data-v-784df043] {
    padding-bottom: 1px
}

.p-2-px[data-v-784df043] {
    padding: 2px
}

.px-2-px[data-v-784df043] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-784df043] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-784df043] {
    padding-left: 2px
}

.pr-2-px[data-v-784df043] {
    padding-right: 2px
}

.pt-2-px[data-v-784df043] {
    padding-top: 2px
}

.pb-2-px[data-v-784df043] {
    padding-bottom: 2px
}

.p-8-px[data-v-784df043] {
    padding: 8px
}

.px-8-px[data-v-784df043] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-784df043] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-784df043] {
    padding-left: 8px
}

.pr-8-px[data-v-784df043] {
    padding-right: 8px
}

.pt-8-px[data-v-784df043] {
    padding-top: 8px
}

.pb-8-px[data-v-784df043] {
    padding-bottom: 8px
}

.p-10-px[data-v-784df043] {
    padding: 10px
}

.px-10-px[data-v-784df043] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-784df043] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-784df043] {
    padding-left: 10px
}

.pr-10-px[data-v-784df043] {
    padding-right: 10px
}

.pt-10-px[data-v-784df043] {
    padding-top: 10px
}

.pb-10-px[data-v-784df043] {
    padding-bottom: 10px
}

.p-12-px[data-v-784df043] {
    padding: 12px
}

.px-12-px[data-v-784df043] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-784df043] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-784df043] {
    padding-left: 12px
}

.pr-12-px[data-v-784df043] {
    padding-right: 12px
}

.pt-12-px[data-v-784df043] {
    padding-top: 12px
}

.pb-12-px[data-v-784df043] {
    padding-bottom: 12px
}

.p-16-px[data-v-784df043] {
    padding: 16px
}

.px-16-px[data-v-784df043] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-784df043] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-784df043] {
    padding-left: 16px
}

.pr-16-px[data-v-784df043] {
    padding-right: 16px
}

.pt-16-px[data-v-784df043] {
    padding-top: 16px
}

.pb-16-px[data-v-784df043] {
    padding-bottom: 16px
}

.p-30-px[data-v-784df043] {
    padding: 30px
}

.px-30-px[data-v-784df043] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-784df043] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-784df043] {
    padding-left: 30px
}

.pr-30-px[data-v-784df043] {
    padding-right: 30px
}

.pt-30-px[data-v-784df043] {
    padding-top: 30px
}

.pb-30-px[data-v-784df043] {
    padding-bottom: 30px
}

.font-30[data-v-784df043] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-784df043] {
    font-weight: 700
}

.wbo-title[data-v-784df043] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-784df043] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-784df043] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-784df043] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-784df043]:focus {
        outline: 0
    }

    .button[data-v-784df043]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-784df043] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-784df043]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-784df043] {
    padding: 11px 2.5rem
}

.button.primary[data-v-784df043], .button.primary[data-v-784df043]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #fff !important
}

.button.primary span[data-v-784df043], .text-primary[data-v-784df043], a .primary-hover[data-v-784df043]:hover {
    color: #000 !important
}

ul[data-v-784df043] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-784df043], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-784df043] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-784df043]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-784df043]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-784df043], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-784df043], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-784df043]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-784df043], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-784df043], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-784df043]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-784df043], .faqsContent .content .navigator ul li a.active[data-v-784df043]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-784df043]:hover {
    color: #000
}

.ps[data-v-784df043] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-784df043] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-784df043], .ps__rail-y[data-v-784df043] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-784df043] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-784df043], .ps--active-y > .ps__rail-y[data-v-784df043] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-784df043], .ps--focus > .ps__rail-y[data-v-784df043], .ps--scrolling-x > .ps__rail-x[data-v-784df043], .ps--scrolling-y > .ps__rail-y[data-v-784df043], .ps:hover > .ps__rail-x[data-v-784df043], .ps:hover > .ps__rail-y[data-v-784df043] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-784df043], .ps .ps__rail-x[data-v-784df043]:focus, .ps .ps__rail-x[data-v-784df043]:hover, .ps .ps__rail-y.ps--clicking[data-v-784df043], .ps .ps__rail-y[data-v-784df043]:focus, .ps .ps__rail-y[data-v-784df043]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-784df043] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-784df043] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-784df043], .ps__rail-x:focus > .ps__thumb-x[data-v-784df043], .ps__rail-x:hover > .ps__thumb-x[data-v-784df043] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-784df043], .ps__rail-y:focus > .ps__thumb-y[data-v-784df043], .ps__rail-y:hover > .ps__thumb-y[data-v-784df043] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-784df043] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-784df043] {
        overflow: auto !important
    }
}

.md-field[data-v-784df043] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-784df043] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-784df043] {
    color: #2a74f9
}

.md-field .md-error[data-v-784df043] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-784df043] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-784df043], .md-field.md-has-value label[data-v-784df043] {
    top: -10px
}

.form-control[data-v-784df043], .md-field .md-input[data-v-784df043], .md-field .md-textarea[data-v-784df043], .winput[data-v-784df043] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-784df043] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-784df043] {
    fill: #0d0d0d
}

.round[data-v-784df043] {
    border-radius: 5px
}

.off[data-v-784df043] {
    position: relative;
    cursor: default
}

.off > [data-v-784df043] {
    opacity: .5
}

.off[data-v-784df043]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-784df043] {
    cursor: pointer
}

.close-page[data-v-784df043] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-784df043] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-784df043], .slide-fade-leave-active[data-v-784df043] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-784df043], .slide-fade-leave-to[data-v-784df043] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-784df043 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-784df043 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-784df043] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-784df043] {
    color: #ffcf5c
}

.button[data-v-784df043] {
    font-weight: 700
}

.modal .modal-dialog[data-v-784df043] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-784df043] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-784df043] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-784df043], .modal .modal-dialog .modal-header[data-v-784df043] {
    border: none
}

#chartCommisst .highcharts-title[data-v-784df043] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-784df043] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-784df043] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-784df043], .modal .modal-dialog form[data-v-784df043] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-784df043] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-784df043], .FaqsDetail[data-v-784df043] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-784df043], .FaqsDetail[data-v-784df043] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-784df043], .FaqsDetail .headerMaster .boxHeader[data-v-784df043] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-784df043], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-784df043] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-784df043], .Faqs main[data-v-784df043] {
    background-color: unset
}

.titleChartCandle[data-v-784df043] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-784df043] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-784df043] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-784df043] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-784df043], .plotlineChart .time[data-v-784df043] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-784df043] {
    top: 51px
}

.boxHeader[data-v-784df043] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-784df043], .boxHeader .register[data-v-784df043] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-784df043] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-784df043] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-784df043] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-784df043] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-784df043]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-784df043] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-784df043]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-784df043] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-784df043]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-784df043] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-784df043] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-784df043] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-784df043] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-784df043] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-784df043] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-784df043] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-784df043] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-784df043] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-784df043] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-784df043] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-784df043] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-784df043] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-784df043] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-784df043] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-784df043] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-784df043] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-784df043] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-784df043] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-784df043] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-784df043] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-784df043] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-784df043] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-784df043] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-784df043] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-784df043] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-784df043] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-784df043] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-784df043] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-784df043] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-784df043] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-784df043] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-784df043] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-784df043] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-784df043] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-784df043] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-784df043] {
        height: 56px !important
    }
}

input.form-control[data-v-784df043], input[data-v-784df043], select.form-control[data-v-784df043], select[data-v-784df043] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-784df043] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-784df043] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-784df043] {
    line-height: 100%
}

.button.btn-long[data-v-784df043] {
    padding: 10px 40px
}

.button.btn-radius[data-v-784df043] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-784df043] {
    border-radius: 20px
}

.button.btn-full[data-v-784df043] {
    width: 100%
}

.button.btn-80[data-v-784df043] {
    width: 80%
}

.button.hasIcon[data-v-784df043] {
    padding-left: 50px
}

.button a[data-v-784df043] {
    display: block
}

.button .labelIcon[data-v-784df043] {
    position: absolute
}

.button .labelIcon svg[data-v-784df043] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-784df043] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-784df043]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-784df043] {
    outline: none
}

.keyboard-input-wrap[data-v-784df043] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-784df043] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-784df043] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-784df043] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-784df043] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-784df043] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-784df043] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-784df043] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-784df043] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-784df043] {
    font-size: 1.2em
}

.color-white[data-v-784df043] {
    color: #fff
}

.color-white-50[data-v-784df043] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-784df043] {
    display: none
}

.ld-loading .loading[data-v-784df043], .main-loading .loading[data-v-784df043] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-784df043] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-784df043]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-784df043]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-784df043] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-784df043] {
    -webkit-animation: rotate-data-v-784df043 1s linear infinite;
    animation: rotate-data-v-784df043 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-784df043] {
    stroke: transparent
}

.wrapNotify[data-v-784df043] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-784df043] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-784df043] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-784df043] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-784df043] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-784df043] {
    display: block
}

.wrapNotify .close-notify[data-v-784df043] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-784df043] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-784df043] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-784df043] {
    background-color: transparent
}

.colorWhite[data-v-784df043] {
    color: #fff
}

.colorRed[data-v-784df043] {
    color: #f46273
}

.colorGreen[data-v-784df043] {
    color: #31baa0
}

.colorGray[data-v-784df043] {
    color: #7c7c7c
}

.tableBackground[data-v-784df043] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-784df043] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-784df043], .tableBackground .table-dark th[data-v-784df043] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-784df043]:after, .tableBackground .table-dark th[data-v-784df043]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-784df043] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-784df043], .tableBackground .table-dark th[data-v-784df043] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-784df043]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-784df043]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-784df043] {
    background-color: #060642
}

.tableBackground #paging li[data-v-784df043] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-784df043] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-784df043] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-784df043], .customeTradeHistory[data-v-784df043] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-784df043], .customeTradeHistory .reportrange-text[data-v-784df043] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-784df043], .customeTradeHistory .reportrange-text .seperate[data-v-784df043] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-784df043], .customeTradeHistory .reportrange-text span[data-v-784df043] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-784df043] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-784df043] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-784df043] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-784df043]:after, .startDate .daterangepicker.openscenter[data-v-784df043]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-784df043] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-784df043] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-784df043] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-784df043] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-784df043] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-784df043] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-784df043] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-784df043] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-784df043] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-784df043] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-784df043] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-784df043] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-784df043] {
    text-align: center
}

.border-none[data-v-784df043] {
    border: none
}

.text-domain[data-v-784df043]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-784df043] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-784df043] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-784df043] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-784df043] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-784df043] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-784df043] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-784df043] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-784df043] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-784df043] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-784df043] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-784df043] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-784df043] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-784df043] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-784df043] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-784df043] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-784df043] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-784df043] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-784df043] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-784df043] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-784df043] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-784df043] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-784df043] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-784df043] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-784df043] {
    fill: #000
}

.btn-active-paging[data-v-784df043] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-784df043] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-784df043] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-784df043] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-784df043], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-784df043] {
    background: #8b8d96 !important
}

.transactionBox[data-v-784df043] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-784df043] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-784df043] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-784df043] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-784df043] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-784df043] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-784df043] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-784df043] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-784df043] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-784df043] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-784df043] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-784df043] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-784df043] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-784df043] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-784df043] {
    color: #2a74f9 !important
}

@-webkit-keyframes displaceContent-data-v-784df043 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(1rem);
        transform: translateY(1rem)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes displaceContent-data-v-784df043 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(1rem);
        transform: translateY(1rem)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.homepage[data-v-784df043] {
    overflow: hidden;
    /*background-color: #161a25*/
}

a.button.btn-start[data-v-784df043] {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    padding: 11px 2.5rem;
    color: #000;
    text-transform: uppercase;
    font-weight: 800 !important;
    font-size: 14px;
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    border-radius: 8px;
    margin-right: auto;
    z-index: 1
}

    a.button.btn-start[data-v-784df043]:hover {
        color: #fff
    }

.txtTitle[data-v-784df043] {
    color: #fff;
    font-size: 48px;
    line-height: 64px;
    font-weight: 800
}

.txtDesc[data-v-784df043] {
    color: #8b8d96;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400
}

.profitabilityon[data-v-784df043] {
    position: relative;
    min-height: 600px;
}

.profitabilityon .image-home-page[data-v-784df043] {
    width: 80%;
    position: absolute;
    width: 65%;
    left: 0;
    right: 0;
    bottom: -100px
}

.profitabilityon .boxContent[data-v-784df043] {
    top: 0;
    left: 0;
    z-index: 2
}

.profitabilityon .title-block[data-v-784df043] {
    max-width: 740px;
    margin: 0 auto
}

.profitabilityon .imgPhone[data-v-784df043], .profitabilityon .imgWebsite[data-v-784df043] {
    width: 100%;
    z-index: 1
}

.profitabilityon .imgChart[data-v-784df043] {
    position: absolute;
    bottom: 0;
    background-image: url(../img/stock-chart.9a9d3af6.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    -webkit-transform: scaleX(1.1);
    transform: scaleX(1.1);
    width: 100%;
    left: 0;
    height: 85%
}

.platform[data-v-784df043] {
    background-color: #f9faff;
    padding-top: 150px;
    padding-bottom: 120px
}

.platform .txtTitle[data-v-784df043] {
    overflow: hidden;
    margin-bottom: 15px;
    color: #161a25
}

.platform .txtDesc[data-v-784df043] {
    color: #8b8d96;
    text-align: center;
    max-width: 650px;
    margin: 0 auto;
    margin-bottom: 60px
}

.platform .box-trading[data-v-784df043] {
    height: 100%;
    min-height: 321px;
    background: #fff;
    -webkit-box-shadow: 0 5px 12px rgba(26,32,38,.04);
    box-shadow: 0 5px 12px rgba(26,32,38,.04);
    border-radius: 8px;
    padding: 25px
}

.platform .box-trading .saving[data-v-784df043] {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(36,170,245,.74)),to(#24aaf5));
    background: linear-gradient(180deg,rgba(36,170,245,.74),#24aaf5);
    border: 5px solid rgba(100,195,248,.4)
}

.platform .box-trading .join-account[data-v-784df043] {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(245,111,36,.74)),to(#f56f24));
    background: linear-gradient(180deg,rgba(245,111,36,.74),#f56f24);
    border: 5px solid rgba(247,132,67,.3)
}

.platform .box-trading .cheque[data-v-784df043] {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(141,36,245,.74)),to(#6724f5));
    background: linear-gradient(180deg,rgba(141,36,245,.74),#6724f5);
    border: 5px solid rgba(114,67,247,.3)
}

.platform .box-trading .handshake[data-v-784df043] {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(24,191,131,.74)),to(#29c279));
    background: linear-gradient(180deg,rgba(24,191,131,.74),#29c279);
    border: 5px solid rgba(100,248,204,.4)
}

.platform .box-trading .icon-image[data-v-784df043] {
    width: 70px;
    height: 70px;
    margin-bottom: 46px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.platform .box-trading .title-trading[data-v-784df043] {
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    color: #000;
    margin-bottom: 16px;
    white-space: nowrap
}

.platform .box-trading .desc-trading[data-v-784df043] {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #000
}

.ourCurrencies[data-v-784df043] {
    position: relative;
    padding: 90px 0
}

.ourCurrencies .image-currencies[data-v-784df043] {
    width: 400px;
    margin: auto;
    position: relative
}

    .ourCurrencies .image-currencies[data-v-784df043]:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 161.88119%
    }

.ourCurrencies .image-currencies > .content[data-v-784df043] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.ourCurrencies .col-lg-6[data-v-784df043] {
    z-index: 1
}

.ourCurrencies .imgpolygon[data-v-784df043] {
    position: absolute;
    width: 35%;
    padding-bottom: 35%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    z-index: auto
}

.ourCurrencies .imgpolygon.right[data-v-784df043] {
    top: 0;
    right: -35px
}

.ourCurrencies .imgpolygon.left[data-v-784df043] {
    bottom: 0;
    left: -35px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    bottom: -50px
}

.ourCurrencies .coin[data-v-784df043] {
    width: 60px;
    height: 60px;
    position: absolute;
    z-index: 1
}

.ourCurrencies .coin.coinBitcoin[data-v-784df043] {
    right: 0;
    top: 20%;
    -webkit-animation-name: displaceContent-data-v-784df043;
    animation-name: displaceContent-data-v-784df043;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.ourCurrencies .coin.coinUstd[data-v-784df043] {
    left: 60%;
    bottom: 0;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.ourCurrencies .coin.coinEthe[data-v-784df043], .ourCurrencies .coin.coinUstd[data-v-784df043] {
    width: 80px;
    height: 80px;
    -webkit-animation-name: displaceContent-data-v-784df043;
    animation-name: displaceContent-data-v-784df043;
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

.ourCurrencies .coin.coinEthe[data-v-784df043] {
    top: 10%;
    left: 0;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.support[data-v-784df043] {
    padding-top: 140px;
    padding-bottom: 180px
}

@media screen and (max-width:576px) {
    .support[data-v-784df043] {
        padding-top: 240px
    }
}

.support .banner-coin[data-v-784df043] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.saying[data-v-784df043] {
    margin-top: 150px;
    position: relative;
    color: #fff
}

.saying .container[data-v-784df043] {
    position: relative;
    padding-top: 40px;
    padding-bottom: 150px
}

.saying .content-box[data-v-784df043] {
    padding: 30px;
    background-color: #02142b;
    -webkit-box-shadow: 0 30px 90px rgba(0,0,0,.1);
    box-shadow: 0 30px 90px rgba(0,0,0,.1);
    border-radius: 10px
}

.saying .content-box .content-says[data-v-784df043] {
    font-size: 18px;
    line-height: 24px;
    color: #8b8d96;
    height: 205px
}

.saying .content-box .avatar[data-v-784df043] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 12px
}

.saying .content-box .avatar img[data-v-784df043] {
    border-radius: 12px
}

.saying .content-box .name[data-v-784df043] {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 6px
}

.saying .content-box .job[data-v-784df043] {
    font-size: 15px;
    line-height: 30px;
    color: #89809f;
    opacity: .7
}

.saying .icon-abs[data-v-784df043] {
    position: absolute;
    top: -35px;
    left: -4px;
    width: 68px;
    height: 68px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.startnow[data-v-784df043] {
    position: relative;
    padding: 90px 0;
    margin-top: 100px
}

.startnow .imageStartNow[data-v-784df043] {
    position: absolute;
    width: 500px;
    height: auto;
    right: 0;
    top: -300px
}

.perspective-container[data-v-784df043] {
    -webkit-perspective: 800px;
    perspective: 800px;
    width: 100%;
    z-index: 1
}

.imgPhone[data-v-784df043], .imgWebsite[data-v-784df043] {
    /*-webkit-transition: all .2s;
    transition: all .2s;
    position: relative;
    overflow: hidden;
    --sheenX: 0;
    --sheenY: 0*/
    position: absolute;
    top: 300px;
    right: 0;
    max-width: 700px;
    width: 50%;
    border-radius: 12px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .imgPhone[data-v-784df043]:after, .imgWebsite[data-v-784df043]:after {
        content: "";
        position: absolute;
        top: -400px;
        right: -400px;
        bottom: -400px;
        left: -400px;
        background: linear-gradient(217deg,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 35%,hsla(0,0%,100%,.25) 45%,hsla(0,0%,100%,.25) 50%,hsla(0,0%,100%,0) 60%,hsla(0,0%,100%,0));
        -webkit-transform: translateX(var(--sheenX)) translateY(var(--sheenY));
        transform: translateX(var(--sheenX)) translateY(var(--sheenY))
    }

@media (max-width:1200px) {
    .platform .box-trading[data-v-784df043] {
        min-height: unset
    }

    .saying .content-box[data-v-784df043] {
        padding: 15px
    }
}

@media (max-width:992px) {
    .support[data-v-784df043] {
        padding-bottom: 100px
    }

    .support .wrap-content[data-v-784df043] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .support .banner-coin[data-v-784df043] {
        margin-top: 70px
    }

    .saying[data-v-784df043] {
        border-top-right-radius: 0 !important
    }

    .ourCurrencies .image-currencies[data-v-784df043] {
        margin: 0 auto
    }

    .startnow .imageStartNow[data-v-784df043] {
        position: unset;
        margin-top: 100px
    }

    .ourCurrencies .wrap-content-currencies[data-v-784df043] {
        margin-top: 70px
    }
}

@media (max-width:767.98px) {
    .profitabilityon[data-v-784df043] {
        width: 100%;
        bottom: 20px
    }

    .profitabilityon .imgChart[data-v-784df043] {
        bottom: -150px;
        background-size: cover
    }

    .txtTitle[data-v-784df043] {
        font-size: 28px;
        line-height: 37px
    }

    .txtDesc[data-v-784df043] {
        font-size: 14px;
        line-height: 18px;
        padding: 0 10px
    }

    .ourCurrencies .txtDesc[data-v-784df043], .ourCurrencies .txtTitle[data-v-784df043], .startnow .txtDesc[data-v-784df043], .startnow .txtTitle[data-v-784df043], .support .txtDesc[data-v-784df043], .support .txtTitle[data-v-784df043] {
        text-align: center
    }

    .ourCurrencies[data-v-784df043] {
        padding: 150px 0
    }

    .ourCurrencies .coin.coinEthe[data-v-784df043], .ourCurrencies .coin.coinUstd[data-v-784df043] {
        width: 62px;
        height: 62px
    }

    .ourCurrencies .coin.coinBitcoin[data-v-784df043] {
        width: 50px;
        height: 50px
    }

    .ourCurrencies .imgpolygon.left[data-v-784df043] {
        bottom: auto;
        top: 0;
        width: 100%;
        padding-bottom: 100%
    }

    .ourCurrencies .imgpolygon.right[data-v-784df043] {
        top: auto;
        bottom: -310px;
        width: 100%;
        padding-bottom: 100%
    }

    .saying .icon-abs[data-v-784df043] {
        left: 10px
    }

    .saying[data-v-784df043] {
        padding-bottom: 60px
    }

    .saying .content-box .content-says[data-v-784df043] {
        font-size: 14px;
        height: 210px
    }

    .startnow[data-v-784df043] {
        padding-top: 100px;
        padding-bottom: 20px
    }

    .support[data-v-784df043] {
        padding-top: 100px
    }

    .support .banner-coin[data-v-784df043] {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        margin-top: 100px
    }

    .ourCurrencies[data-v-784df043] {
        position: relative;
        margin-bottom: 150px
    }

    .ourCurrencies .image-currencies[data-v-784df043] {
        width: 85%
    }
}

body[data-v-0212ae1b] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-0212ae1b]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-0212ae1b]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-0212ae1b]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-0212ae1b] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-0212ae1b]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-0212ae1b]::-webkit-inner-spin-button, input[data-v-0212ae1b]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-0212ae1b] {
    -moz-appearance: textfield
}

button[data-v-0212ae1b]:focus, input[data-v-0212ae1b]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-0212ae1b] {
    font-size: 8px
}

.font-10[data-v-0212ae1b] {
    font-size: .6rem !important
}

.font-12[data-v-0212ae1b] {
    font-size: 12px
}

.font-14[data-v-0212ae1b] {
    font-size: 14px
}

.font-16[data-v-0212ae1b] {
    font-size: 16px
}

.font-18[data-v-0212ae1b] {
    font-size: 18px
}

.font-20[data-v-0212ae1b] {
    font-size: 20px
}

.font-24[data-v-0212ae1b] {
    font-size: 24px
}

.font-32[data-v-0212ae1b] {
    font-size: 32px
}

.font-34[data-v-0212ae1b] {
    font-size: 34px
}

.font-40[data-v-0212ae1b] {
    font-size: 2.5rem !important
}

.font-44[data-v-0212ae1b] {
    font-size: 44px
}

.colorPrimary[data-v-0212ae1b] {
    color: #2a74f9
}

.colorPrimary1[data-v-0212ae1b] {
    color: #000 !important
}

.colorSecondary[data-v-0212ae1b] {
    color: #fff !important
}

.colorSecondary1[data-v-0212ae1b] {
    color: #414141 !important
}

.colorSecondary2[data-v-0212ae1b] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-0212ae1b] {
    color: #0d0d0d
}

.colorSecondary4[data-v-0212ae1b] {
    color: #02142b
}

.colorSecondary5[data-v-0212ae1b] {
    color: #1a1e24
}

.colorSecondary6[data-v-0212ae1b] {
    color: #fafafa
}

.colorSecondary7[data-v-0212ae1b] {
    color: #333
}

.colorSecondary8[data-v-0212ae1b] {
    color: #0e0031
}

.colorSuccess[data-v-0212ae1b] {
    color: #31baa0
}

.colorWarning[data-v-0212ae1b] {
    color: #ffcf5c
}

.colorDanger[data-v-0212ae1b] {
    color: #f46273
}

.fillPrimary[data-v-0212ae1b] {
    fill: #2a74f9
}

.fillWarning[data-v-0212ae1b] {
    fill: #ffcf5c
}

.fillDanger[data-v-0212ae1b] {
    fill: #f46273
}

.fillSecondary1[data-v-0212ae1b] {
    fill: #414141
}

.fillSecondary2[data-v-0212ae1b] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-0212ae1b] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-0212ae1b] {
    fill: #02142b
}

.fillSecondary5[data-v-0212ae1b] {
    fill: #1a1e24
}

.fillSecondary6[data-v-0212ae1b] {
    fill: #fafafa
}

.fillSecondary7[data-v-0212ae1b] {
    fill: #333
}

.fillSecondary8[data-v-0212ae1b] {
    fill: #0e0031
}

.textnote-notidesc[data-v-0212ae1b] {
    color: #fff
}

.bgColor0[data-v-0212ae1b] {
    background-color: transparent
}

.bgPrimary-hover[data-v-0212ae1b]:hover, .bgPrimary[data-v-0212ae1b] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-0212ae1b]:hover, .bgPrimary1[data-v-0212ae1b] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-0212ae1b]:hover, .bgPrimary2[data-v-0212ae1b] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-0212ae1b]:hover, .bgSecondary[data-v-0212ae1b] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-0212ae1b]:hover, .bgSecondary1[data-v-0212ae1b] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-0212ae1b]:hover, .bgSecondary2[data-v-0212ae1b] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-0212ae1b]:hover, .bgSecondary3[data-v-0212ae1b] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-0212ae1b] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-0212ae1b] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-0212ae1b]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-0212ae1b]:hover, .bgSecondary5[data-v-0212ae1b] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-0212ae1b]:hover, .bgSecondary6[data-v-0212ae1b] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-0212ae1b]:hover, .bgSecondary7[data-v-0212ae1b] {
    background-color: #333 !important
}

.bgSecondary8[data-v-0212ae1b] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-0212ae1b]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-0212ae1b] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-0212ae1b]:hover, .bgSuccess[data-v-0212ae1b] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-0212ae1b] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-0212ae1b] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-0212ae1b]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-0212ae1b] {
    fill: #31baa0
}

.w-14-px[data-v-0212ae1b] {
    width: 14px
}

.max-width-50[data-v-0212ae1b] {
    max-width: 50%
}

.h-60-px[data-v-0212ae1b] {
    height: 60px
}

.h-100-px[data-v-0212ae1b] {
    height: 100px
}

.mb-16-px[data-v-0212ae1b] {
    margin-bottom: 16px
}

.mb-30-px[data-v-0212ae1b] {
    margin-bottom: 30px
}

.borderRounded[data-v-0212ae1b] {
    border-radius: 5px
}

.borderPrimary[data-v-0212ae1b] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-0212ae1b] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-0212ae1b] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-0212ae1b] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-0212ae1b] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-0212ae1b] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-0212ae1b] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-0212ae1b] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-0212ae1b] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-0212ae1b] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-0212ae1b] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-0212ae1b] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-0212ae1b] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-0212ae1b] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-0212ae1b]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-0212ae1b] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-0212ae1b] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-0212ae1b] {
    padding: 1px
}

.px-1-px[data-v-0212ae1b] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-0212ae1b] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-0212ae1b] {
    padding-left: 1px
}

.pr-1-px[data-v-0212ae1b] {
    padding-right: 1px
}

.pt-1-px[data-v-0212ae1b] {
    padding-top: 1px
}

.pb-1-px[data-v-0212ae1b] {
    padding-bottom: 1px
}

.p-2-px[data-v-0212ae1b] {
    padding: 2px
}

.px-2-px[data-v-0212ae1b] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-0212ae1b] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-0212ae1b] {
    padding-left: 2px
}

.pr-2-px[data-v-0212ae1b] {
    padding-right: 2px
}

.pt-2-px[data-v-0212ae1b] {
    padding-top: 2px
}

.pb-2-px[data-v-0212ae1b] {
    padding-bottom: 2px
}

.p-8-px[data-v-0212ae1b] {
    padding: 8px
}

.px-8-px[data-v-0212ae1b] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-0212ae1b] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-0212ae1b] {
    padding-left: 8px
}

.pr-8-px[data-v-0212ae1b] {
    padding-right: 8px
}

.pt-8-px[data-v-0212ae1b] {
    padding-top: 8px
}

.pb-8-px[data-v-0212ae1b] {
    padding-bottom: 8px
}

.p-10-px[data-v-0212ae1b] {
    padding: 10px
}

.px-10-px[data-v-0212ae1b] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-0212ae1b] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-0212ae1b] {
    padding-left: 10px
}

.pr-10-px[data-v-0212ae1b] {
    padding-right: 10px
}

.pt-10-px[data-v-0212ae1b] {
    padding-top: 10px
}

.pb-10-px[data-v-0212ae1b] {
    padding-bottom: 10px
}

.p-12-px[data-v-0212ae1b] {
    padding: 12px
}

.px-12-px[data-v-0212ae1b] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-0212ae1b] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-0212ae1b] {
    padding-left: 12px
}

.pr-12-px[data-v-0212ae1b] {
    padding-right: 12px
}

.pt-12-px[data-v-0212ae1b] {
    padding-top: 12px
}

.pb-12-px[data-v-0212ae1b] {
    padding-bottom: 12px
}

.p-16-px[data-v-0212ae1b] {
    padding: 16px
}

.px-16-px[data-v-0212ae1b] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-0212ae1b] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-0212ae1b] {
    padding-left: 16px
}

.pr-16-px[data-v-0212ae1b] {
    padding-right: 16px
}

.pt-16-px[data-v-0212ae1b] {
    padding-top: 16px
}

.pb-16-px[data-v-0212ae1b] {
    padding-bottom: 16px
}

.p-30-px[data-v-0212ae1b] {
    padding: 30px
}

.px-30-px[data-v-0212ae1b] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-0212ae1b] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-0212ae1b] {
    padding-left: 30px
}

.pr-30-px[data-v-0212ae1b] {
    padding-right: 30px
}

.pt-30-px[data-v-0212ae1b] {
    padding-top: 30px
}

.pb-30-px[data-v-0212ae1b] {
    padding-bottom: 30px
}

.font-30[data-v-0212ae1b] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-0212ae1b] {
    font-weight: 700
}

.wbo-title[data-v-0212ae1b] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-0212ae1b] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-0212ae1b] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-0212ae1b] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-0212ae1b]:focus {
        outline: 0
    }

    .button[data-v-0212ae1b]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-0212ae1b] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-0212ae1b]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-0212ae1b] {
    padding: 11px 2.5rem
}

.button.primary[data-v-0212ae1b], .button.primary[data-v-0212ae1b]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #fff !important
}

.button.primary span[data-v-0212ae1b], .text-primary[data-v-0212ae1b], a .primary-hover[data-v-0212ae1b]:hover {
    color: #000 !important
}

ul[data-v-0212ae1b] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-0212ae1b], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-0212ae1b] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-0212ae1b]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-0212ae1b]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-0212ae1b], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-0212ae1b], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-0212ae1b]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-0212ae1b], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-0212ae1b], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-0212ae1b]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-0212ae1b], .faqsContent .content .navigator ul li a.active[data-v-0212ae1b]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-0212ae1b]:hover {
    color: #000
}

.ps[data-v-0212ae1b] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-0212ae1b] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-0212ae1b], .ps__rail-y[data-v-0212ae1b] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-0212ae1b] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-0212ae1b], .ps--active-y > .ps__rail-y[data-v-0212ae1b] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-0212ae1b], .ps--focus > .ps__rail-y[data-v-0212ae1b], .ps--scrolling-x > .ps__rail-x[data-v-0212ae1b], .ps--scrolling-y > .ps__rail-y[data-v-0212ae1b], .ps:hover > .ps__rail-x[data-v-0212ae1b], .ps:hover > .ps__rail-y[data-v-0212ae1b] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-0212ae1b], .ps .ps__rail-x[data-v-0212ae1b]:focus, .ps .ps__rail-x[data-v-0212ae1b]:hover, .ps .ps__rail-y.ps--clicking[data-v-0212ae1b], .ps .ps__rail-y[data-v-0212ae1b]:focus, .ps .ps__rail-y[data-v-0212ae1b]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-0212ae1b] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-0212ae1b] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-0212ae1b], .ps__rail-x:focus > .ps__thumb-x[data-v-0212ae1b], .ps__rail-x:hover > .ps__thumb-x[data-v-0212ae1b] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-0212ae1b], .ps__rail-y:focus > .ps__thumb-y[data-v-0212ae1b], .ps__rail-y:hover > .ps__thumb-y[data-v-0212ae1b] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-0212ae1b] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-0212ae1b] {
        overflow: auto !important
    }
}

.md-field[data-v-0212ae1b] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-0212ae1b] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-0212ae1b] {
    color: #2a74f9
}

.md-field .md-error[data-v-0212ae1b] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-0212ae1b] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-0212ae1b], .md-field.md-has-value label[data-v-0212ae1b] {
    top: -10px
}

.form-control[data-v-0212ae1b], .md-field .md-input[data-v-0212ae1b], .md-field .md-textarea[data-v-0212ae1b], .winput[data-v-0212ae1b] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-0212ae1b] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-0212ae1b] {
    fill: #0d0d0d
}

.round[data-v-0212ae1b] {
    border-radius: 5px
}

.off[data-v-0212ae1b] {
    position: relative;
    cursor: default
}

.off > [data-v-0212ae1b] {
    opacity: .5
}

.off[data-v-0212ae1b]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-0212ae1b] {
    cursor: pointer
}

.close-page[data-v-0212ae1b] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-0212ae1b] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-0212ae1b], .slide-fade-leave-active[data-v-0212ae1b] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-0212ae1b], .slide-fade-leave-to[data-v-0212ae1b] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-0212ae1b {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-0212ae1b {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-0212ae1b] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-0212ae1b] {
    color: #ffcf5c
}

.button[data-v-0212ae1b] {
    font-weight: 700
}

.modal .modal-dialog[data-v-0212ae1b] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-0212ae1b] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-0212ae1b] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-0212ae1b], .modal .modal-dialog .modal-header[data-v-0212ae1b] {
    border: none
}

#chartCommisst .highcharts-title[data-v-0212ae1b] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-0212ae1b] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-0212ae1b] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-0212ae1b], .modal .modal-dialog form[data-v-0212ae1b] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-0212ae1b] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-0212ae1b], .FaqsDetail[data-v-0212ae1b] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-0212ae1b], .FaqsDetail[data-v-0212ae1b] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-0212ae1b], .FaqsDetail .headerMaster .boxHeader[data-v-0212ae1b] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-0212ae1b], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-0212ae1b] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-0212ae1b], .Faqs main[data-v-0212ae1b] {
    background-color: unset
}

.titleChartCandle[data-v-0212ae1b] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-0212ae1b] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-0212ae1b] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-0212ae1b] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-0212ae1b], .plotlineChart .time[data-v-0212ae1b] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-0212ae1b] {
    top: 51px
}

.boxHeader[data-v-0212ae1b] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-0212ae1b], .boxHeader .register[data-v-0212ae1b] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-0212ae1b] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-0212ae1b] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-0212ae1b] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-0212ae1b] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-0212ae1b]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-0212ae1b] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-0212ae1b]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-0212ae1b] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-0212ae1b]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-0212ae1b] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-0212ae1b] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-0212ae1b] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-0212ae1b] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-0212ae1b] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-0212ae1b] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-0212ae1b] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-0212ae1b] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-0212ae1b] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-0212ae1b] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-0212ae1b] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-0212ae1b] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-0212ae1b] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-0212ae1b] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-0212ae1b] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-0212ae1b] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-0212ae1b] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-0212ae1b] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-0212ae1b] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-0212ae1b] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-0212ae1b] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-0212ae1b] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-0212ae1b] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-0212ae1b] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-0212ae1b] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-0212ae1b] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-0212ae1b] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-0212ae1b] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-0212ae1b] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-0212ae1b] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-0212ae1b] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-0212ae1b] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-0212ae1b] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-0212ae1b] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-0212ae1b] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-0212ae1b] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-0212ae1b] {
        height: 56px !important
    }
}

input.form-control[data-v-0212ae1b], input[data-v-0212ae1b], select.form-control[data-v-0212ae1b], select[data-v-0212ae1b] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-0212ae1b] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-0212ae1b] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-0212ae1b] {
    line-height: 100%
}

.button.btn-long[data-v-0212ae1b] {
    padding: 10px 40px
}

.button.btn-radius[data-v-0212ae1b] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-0212ae1b] {
    border-radius: 20px
}

.button.btn-full[data-v-0212ae1b] {
    width: 100%
}

.button.btn-80[data-v-0212ae1b] {
    width: 80%
}

.button.hasIcon[data-v-0212ae1b] {
    padding-left: 50px
}

.button a[data-v-0212ae1b] {
    display: block
}

.button .labelIcon[data-v-0212ae1b] {
    position: absolute
}

.button .labelIcon svg[data-v-0212ae1b] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-0212ae1b] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-0212ae1b]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-0212ae1b] {
    outline: none
}

.keyboard-input-wrap[data-v-0212ae1b] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-0212ae1b] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-0212ae1b] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-0212ae1b] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-0212ae1b] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-0212ae1b] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-0212ae1b] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-0212ae1b] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-0212ae1b] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-0212ae1b] {
    font-size: 1.2em
}

.color-white[data-v-0212ae1b] {
    color: #fff
}

.color-white-50[data-v-0212ae1b] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-0212ae1b] {
    display: none
}

.ld-loading .loading[data-v-0212ae1b], .main-loading .loading[data-v-0212ae1b] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-0212ae1b] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-0212ae1b]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-0212ae1b]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-0212ae1b] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-0212ae1b] {
    -webkit-animation: rotate-data-v-0212ae1b 1s linear infinite;
    animation: rotate-data-v-0212ae1b 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-0212ae1b] {
    stroke: transparent
}

.wrapNotify[data-v-0212ae1b] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-0212ae1b] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-0212ae1b] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-0212ae1b] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-0212ae1b] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-0212ae1b] {
    display: block
}

.wrapNotify .close-notify[data-v-0212ae1b] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-0212ae1b] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-0212ae1b] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-0212ae1b] {
    background-color: transparent
}

.colorWhite[data-v-0212ae1b] {
    color: #fff
}

.colorRed[data-v-0212ae1b] {
    color: #f46273
}

.colorGreen[data-v-0212ae1b] {
    color: #31baa0
}

.colorGray[data-v-0212ae1b] {
    color: #7c7c7c
}

.tableBackground[data-v-0212ae1b] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-0212ae1b] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-0212ae1b], .tableBackground .table-dark th[data-v-0212ae1b] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-0212ae1b]:after, .tableBackground .table-dark th[data-v-0212ae1b]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-0212ae1b] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-0212ae1b], .tableBackground .table-dark th[data-v-0212ae1b] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-0212ae1b]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-0212ae1b]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-0212ae1b] {
    background-color: #060642
}

.tableBackground #paging li[data-v-0212ae1b] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-0212ae1b] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-0212ae1b] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-0212ae1b], .customeTradeHistory[data-v-0212ae1b] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-0212ae1b], .customeTradeHistory .reportrange-text[data-v-0212ae1b] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-0212ae1b], .customeTradeHistory .reportrange-text .seperate[data-v-0212ae1b] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-0212ae1b], .customeTradeHistory .reportrange-text span[data-v-0212ae1b] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-0212ae1b] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-0212ae1b] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-0212ae1b] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-0212ae1b]:after, .startDate .daterangepicker.openscenter[data-v-0212ae1b]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-0212ae1b] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-0212ae1b] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-0212ae1b] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-0212ae1b] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-0212ae1b] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-0212ae1b] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-0212ae1b] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-0212ae1b] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-0212ae1b] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-0212ae1b] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-0212ae1b] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-0212ae1b] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-0212ae1b] {
    text-align: center
}

.border-none[data-v-0212ae1b] {
    border: none
}

.text-domain[data-v-0212ae1b]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-0212ae1b] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-0212ae1b] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-0212ae1b] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-0212ae1b] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-0212ae1b] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-0212ae1b] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-0212ae1b] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-0212ae1b] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-0212ae1b] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-0212ae1b] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-0212ae1b] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-0212ae1b] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-0212ae1b] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-0212ae1b] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-0212ae1b] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-0212ae1b] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-0212ae1b] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-0212ae1b] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-0212ae1b] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-0212ae1b] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-0212ae1b] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-0212ae1b] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-0212ae1b] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-0212ae1b] {
    fill: #000
}

.btn-active-paging[data-v-0212ae1b] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-0212ae1b] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-0212ae1b] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-0212ae1b] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-0212ae1b], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-0212ae1b] {
    background: #8b8d96 !important
}

.transactionBox[data-v-0212ae1b] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-0212ae1b] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-0212ae1b] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-0212ae1b] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-0212ae1b] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-0212ae1b] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-0212ae1b] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-0212ae1b] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-0212ae1b] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-0212ae1b] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-0212ae1b] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-0212ae1b] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-0212ae1b] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-0212ae1b] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-0212ae1b] {
    color: #2a74f9 !important
}

.boxFix[data-v-0212ae1b] {
    height: calc(100vh - 65px) !important;
    overflow: hidden
}

.boxFix .boxAuthentication[data-v-0212ae1b] {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    z-index: 9999;
    -webkit-transition: opacity .3s ease .3s,left 0s ease .7s;
    transition: opacity .3s ease .3s,left 0s ease .7s
}

.boxFix .boxAuthentication.show[data-v-0212ae1b] {
    right: 0
}

.boxFix .boxAuthentication.show .contentAuthentication[data-v-0212ae1b] {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.boxFix .boxAuthentication .contentAuthentication[data-v-0212ae1b] {
    position: relative;
    margin-left: auto;
    max-width: 428px;
    height: 100%;
    padding: 2rem;
    -webkit-transform: translateX(428px);
    transform: translateX(428px);
    -webkit-transition: -webkit-transform .3s ease .3s;
    transition: -webkit-transform .3s ease .3s;
    transition: transform .3s ease .3s;
    transition: transform .3s ease .3s,-webkit-transform .3s ease .3s;
    overflow-y: auto
}

.boxFix .boxAuthentication .md-input[data-v-0212ae1b] {
    font-size: .875rem !important;
    height: 45px !important;
    line-height: 45px !important;
    border-radius: 8px !important;
    border-color: #0d0d0d !important
}

    .boxFix .boxAuthentication .md-input[data-v-0212ae1b]::-webkit-input-placeholder {
        color: rgba(65,65,65,.6);
        font-size: 14px;
        height: 45px;
        line-height: 45px
    }

    .boxFix .boxAuthentication .md-input[data-v-0212ae1b]::-moz-placeholder {
        color: rgba(65,65,65,.6);
        font-size: 14px;
        height: 45px;
        line-height: 45px
    }

    .boxFix .boxAuthentication .md-input[data-v-0212ae1b]:-ms-input-placeholder {
        color: rgba(65,65,65,.6);
        font-size: 14px;
        height: 45px;
        line-height: 45px
    }

    .boxFix .boxAuthentication .md-input[data-v-0212ae1b]::-ms-input-placeholder {
        color: rgba(65,65,65,.6);
        font-size: 14px;
        height: 45px;
        line-height: 45px
    }

    .boxFix .boxAuthentication .md-input[data-v-0212ae1b]::placeholder {
        color: rgba(65,65,65,.6);
        font-size: 14px;
        height: 45px;
        line-height: 45px
    }

.boxFix .boxAuthentication .md-field label[data-v-0212ae1b] {
    font-size: 14px
}

.boxFix .boxAuthentication .md-field.md-invalid input[data-v-0212ae1b] {
    border-bottom: 1px solid #f46273 !important
}

.boxFix .boxAuthentication .md-field.md-invalid label[data-v-0212ae1b], .boxFix .boxAuthentication .md-field.md-invalid small[data-v-0212ae1b] {
    color: #f46273
}

body[data-v-a867d1b4] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-a867d1b4]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-a867d1b4]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-a867d1b4]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-a867d1b4] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-a867d1b4]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-a867d1b4]::-webkit-inner-spin-button, input[data-v-a867d1b4]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-a867d1b4] {
    -moz-appearance: textfield
}

button[data-v-a867d1b4]:focus, input[data-v-a867d1b4]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-a867d1b4] {
    font-size: 8px
}

.font-10[data-v-a867d1b4] {
    font-size: .6rem !important
}

.font-12[data-v-a867d1b4] {
    font-size: 12px
}

.font-14[data-v-a867d1b4] {
    font-size: 14px
}

.font-16[data-v-a867d1b4] {
    font-size: 16px
}

.font-18[data-v-a867d1b4] {
    font-size: 18px
}

.font-20[data-v-a867d1b4] {
    font-size: 20px
}

.font-24[data-v-a867d1b4] {
    font-size: 24px
}

.font-32[data-v-a867d1b4] {
    font-size: 32px
}

.font-34[data-v-a867d1b4] {
    font-size: 34px
}

.font-40[data-v-a867d1b4] {
    font-size: 2.5rem !important
}

.font-44[data-v-a867d1b4] {
    font-size: 44px
}

.colorPrimary[data-v-a867d1b4] {
    color: #2a74f9
}

.colorPrimary1[data-v-a867d1b4] {
    color: #000 !important
}

.colorSecondary[data-v-a867d1b4] {
    color: #fff !important
}

.colorSecondary1[data-v-a867d1b4] {
    color: #414141 !important
}

.colorSecondary2[data-v-a867d1b4] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-a867d1b4] {
    color: #0d0d0d
}

.colorSecondary4[data-v-a867d1b4] {
    color: #02142b
}

.colorSecondary5[data-v-a867d1b4] {
    color: #1a1e24
}

.colorSecondary6[data-v-a867d1b4] {
    color: #fafafa
}

.colorSecondary7[data-v-a867d1b4] {
    color: #333
}

.colorSecondary8[data-v-a867d1b4] {
    color: #0e0031
}

.colorSuccess[data-v-a867d1b4] {
    color: #31baa0
}

.colorWarning[data-v-a867d1b4] {
    color: #ffcf5c
}

.colorDanger[data-v-a867d1b4] {
    color: #f46273
}

.fillPrimary[data-v-a867d1b4] {
    fill: #2a74f9
}

.fillWarning[data-v-a867d1b4] {
    fill: #ffcf5c
}

.fillDanger[data-v-a867d1b4] {
    fill: #f46273
}

.fillSecondary1[data-v-a867d1b4] {
    fill: #414141
}

.fillSecondary2[data-v-a867d1b4] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-a867d1b4] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-a867d1b4] {
    fill: #02142b
}

.fillSecondary5[data-v-a867d1b4] {
    fill: #1a1e24
}

.fillSecondary6[data-v-a867d1b4] {
    fill: #fafafa
}

.fillSecondary7[data-v-a867d1b4] {
    fill: #333
}

.fillSecondary8[data-v-a867d1b4] {
    fill: #0e0031
}

.textnote-notidesc[data-v-a867d1b4] {
    color: #fff
}

.bgColor0[data-v-a867d1b4] {
    background-color: transparent
}

.bgPrimary-hover[data-v-a867d1b4]:hover, .bgPrimary[data-v-a867d1b4] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-a867d1b4]:hover, .bgPrimary1[data-v-a867d1b4] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-a867d1b4]:hover, .bgPrimary2[data-v-a867d1b4] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-a867d1b4]:hover, .bgSecondary[data-v-a867d1b4] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-a867d1b4]:hover, .bgSecondary1[data-v-a867d1b4] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-a867d1b4]:hover, .bgSecondary2[data-v-a867d1b4] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-a867d1b4]:hover, .bgSecondary3[data-v-a867d1b4] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-a867d1b4] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-a867d1b4] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-a867d1b4]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-a867d1b4]:hover, .bgSecondary5[data-v-a867d1b4] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-a867d1b4]:hover, .bgSecondary6[data-v-a867d1b4] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-a867d1b4]:hover, .bgSecondary7[data-v-a867d1b4] {
    background-color: #333 !important
}

.bgSecondary8[data-v-a867d1b4] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-a867d1b4]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-a867d1b4] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-a867d1b4]:hover, .bgSuccess[data-v-a867d1b4] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-a867d1b4] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-a867d1b4] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-a867d1b4]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-a867d1b4] {
    fill: #31baa0
}

.w-14-px[data-v-a867d1b4] {
    width: 14px
}

.max-width-50[data-v-a867d1b4] {
    max-width: 50%
}

.h-60-px[data-v-a867d1b4] {
    height: 60px
}

.h-100-px[data-v-a867d1b4] {
    height: 100px
}

.mb-16-px[data-v-a867d1b4] {
    margin-bottom: 16px
}

.mb-30-px[data-v-a867d1b4] {
    margin-bottom: 30px
}

.borderRounded[data-v-a867d1b4] {
    border-radius: 5px
}

.borderPrimary[data-v-a867d1b4] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-a867d1b4] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-a867d1b4] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-a867d1b4] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-a867d1b4] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-a867d1b4] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-a867d1b4] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-a867d1b4] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-a867d1b4] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-a867d1b4] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-a867d1b4] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-a867d1b4] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-a867d1b4] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-a867d1b4] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-a867d1b4]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-a867d1b4] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-a867d1b4] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-a867d1b4] {
    padding: 1px
}

.px-1-px[data-v-a867d1b4] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-a867d1b4] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-a867d1b4] {
    padding-left: 1px
}

.pr-1-px[data-v-a867d1b4] {
    padding-right: 1px
}

.pt-1-px[data-v-a867d1b4] {
    padding-top: 1px
}

.pb-1-px[data-v-a867d1b4] {
    padding-bottom: 1px
}

.p-2-px[data-v-a867d1b4] {
    padding: 2px
}

.px-2-px[data-v-a867d1b4] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-a867d1b4] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-a867d1b4] {
    padding-left: 2px
}

.pr-2-px[data-v-a867d1b4] {
    padding-right: 2px
}

.pt-2-px[data-v-a867d1b4] {
    padding-top: 2px
}

.pb-2-px[data-v-a867d1b4] {
    padding-bottom: 2px
}

.p-8-px[data-v-a867d1b4] {
    padding: 8px
}

.px-8-px[data-v-a867d1b4] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-a867d1b4] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-a867d1b4] {
    padding-left: 8px
}

.pr-8-px[data-v-a867d1b4] {
    padding-right: 8px
}

.pt-8-px[data-v-a867d1b4] {
    padding-top: 8px
}

.pb-8-px[data-v-a867d1b4] {
    padding-bottom: 8px
}

.p-10-px[data-v-a867d1b4] {
    padding: 10px
}

.px-10-px[data-v-a867d1b4] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-a867d1b4] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-a867d1b4] {
    padding-left: 10px
}

.pr-10-px[data-v-a867d1b4] {
    padding-right: 10px
}

.pt-10-px[data-v-a867d1b4] {
    padding-top: 10px
}

.pb-10-px[data-v-a867d1b4] {
    padding-bottom: 10px
}

.p-12-px[data-v-a867d1b4] {
    padding: 12px
}

.px-12-px[data-v-a867d1b4] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-a867d1b4] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-a867d1b4] {
    padding-left: 12px
}

.pr-12-px[data-v-a867d1b4] {
    padding-right: 12px
}

.pt-12-px[data-v-a867d1b4] {
    padding-top: 12px
}

.pb-12-px[data-v-a867d1b4] {
    padding-bottom: 12px
}

.p-16-px[data-v-a867d1b4] {
    padding: 16px
}

.px-16-px[data-v-a867d1b4] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-a867d1b4] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-a867d1b4] {
    padding-left: 16px
}

.pr-16-px[data-v-a867d1b4] {
    padding-right: 16px
}

.pt-16-px[data-v-a867d1b4] {
    padding-top: 16px
}

.pb-16-px[data-v-a867d1b4] {
    padding-bottom: 16px
}

.p-30-px[data-v-a867d1b4] {
    padding: 30px
}

.px-30-px[data-v-a867d1b4] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-a867d1b4] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-a867d1b4] {
    padding-left: 30px
}

.pr-30-px[data-v-a867d1b4] {
    padding-right: 30px
}

.pt-30-px[data-v-a867d1b4] {
    padding-top: 30px
}

.pb-30-px[data-v-a867d1b4] {
    padding-bottom: 30px
}

.font-30[data-v-a867d1b4] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-a867d1b4] {
    font-weight: 700
}

.wbo-title[data-v-a867d1b4] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-a867d1b4] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-a867d1b4] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-a867d1b4] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-a867d1b4]:focus {
        outline: 0
    }

    .button[data-v-a867d1b4]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-a867d1b4] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-a867d1b4]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-a867d1b4] {
    padding: 11px 2.5rem
}

.button.primary[data-v-a867d1b4], .button.primary[data-v-a867d1b4]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-a867d1b4], .text-primary[data-v-a867d1b4], a .primary-hover[data-v-a867d1b4]:hover {
    color: #000 !important
}

ul[data-v-a867d1b4] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-a867d1b4], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-a867d1b4] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-a867d1b4]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-a867d1b4]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-a867d1b4], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-a867d1b4], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-a867d1b4]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-a867d1b4], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-a867d1b4], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-a867d1b4]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-a867d1b4], .faqsContent .content .navigator ul li a.active[data-v-a867d1b4]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-a867d1b4]:hover {
    color: #000
}

.ps[data-v-a867d1b4] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-a867d1b4] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-a867d1b4], .ps__rail-y[data-v-a867d1b4] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-a867d1b4] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-a867d1b4], .ps--active-y > .ps__rail-y[data-v-a867d1b4] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-a867d1b4], .ps--focus > .ps__rail-y[data-v-a867d1b4], .ps--scrolling-x > .ps__rail-x[data-v-a867d1b4], .ps--scrolling-y > .ps__rail-y[data-v-a867d1b4], .ps:hover > .ps__rail-x[data-v-a867d1b4], .ps:hover > .ps__rail-y[data-v-a867d1b4] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-a867d1b4], .ps .ps__rail-x[data-v-a867d1b4]:focus, .ps .ps__rail-x[data-v-a867d1b4]:hover, .ps .ps__rail-y.ps--clicking[data-v-a867d1b4], .ps .ps__rail-y[data-v-a867d1b4]:focus, .ps .ps__rail-y[data-v-a867d1b4]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-a867d1b4] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-a867d1b4] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-a867d1b4], .ps__rail-x:focus > .ps__thumb-x[data-v-a867d1b4], .ps__rail-x:hover > .ps__thumb-x[data-v-a867d1b4] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-a867d1b4], .ps__rail-y:focus > .ps__thumb-y[data-v-a867d1b4], .ps__rail-y:hover > .ps__thumb-y[data-v-a867d1b4] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-a867d1b4] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-a867d1b4] {
        overflow: auto !important
    }
}

.md-field[data-v-a867d1b4] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-a867d1b4] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-a867d1b4] {
    color: #2a74f9
}

.md-field .md-error[data-v-a867d1b4] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-a867d1b4] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-a867d1b4], .md-field.md-has-value label[data-v-a867d1b4] {
    top: -10px
}

.form-control[data-v-a867d1b4], .md-field .md-input[data-v-a867d1b4], .md-field .md-textarea[data-v-a867d1b4], .winput[data-v-a867d1b4] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-a867d1b4] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-a867d1b4] {
    fill: #0d0d0d
}

.round[data-v-a867d1b4] {
    border-radius: 5px
}

.off[data-v-a867d1b4] {
    position: relative;
    cursor: default
}

.off > [data-v-a867d1b4] {
    opacity: .5
}

.off[data-v-a867d1b4]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-a867d1b4] {
    cursor: pointer
}

.close-page[data-v-a867d1b4] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-a867d1b4] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-a867d1b4], .slide-fade-leave-active[data-v-a867d1b4] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-a867d1b4], .slide-fade-leave-to[data-v-a867d1b4] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-a867d1b4 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-a867d1b4 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-a867d1b4] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-a867d1b4] {
    color: #ffcf5c
}

.button[data-v-a867d1b4] {
    font-weight: 700
}

.modal .modal-dialog[data-v-a867d1b4] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-a867d1b4] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-a867d1b4] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-a867d1b4], .modal .modal-dialog .modal-header[data-v-a867d1b4] {
    border: none
}

#chartCommisst .highcharts-title[data-v-a867d1b4] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-a867d1b4] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-a867d1b4] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-a867d1b4], .modal .modal-dialog form[data-v-a867d1b4] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-a867d1b4] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-a867d1b4], .FaqsDetail[data-v-a867d1b4] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-a867d1b4], .FaqsDetail[data-v-a867d1b4] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-a867d1b4], .FaqsDetail .headerMaster .boxHeader[data-v-a867d1b4] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-a867d1b4], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-a867d1b4] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-a867d1b4], .Faqs main[data-v-a867d1b4] {
    background-color: unset
}

.titleChartCandle[data-v-a867d1b4] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-a867d1b4] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-a867d1b4] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-a867d1b4] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-a867d1b4], .plotlineChart .time[data-v-a867d1b4] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-a867d1b4] {
    top: 51px
}

.boxHeader[data-v-a867d1b4] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-a867d1b4], .boxHeader .register[data-v-a867d1b4] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-a867d1b4] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-a867d1b4] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-a867d1b4] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-a867d1b4] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-a867d1b4]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-a867d1b4] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-a867d1b4]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-a867d1b4] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-a867d1b4]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-a867d1b4] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-a867d1b4] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-a867d1b4] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-a867d1b4] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-a867d1b4] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-a867d1b4] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-a867d1b4] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-a867d1b4] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-a867d1b4] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-a867d1b4] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-a867d1b4] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-a867d1b4] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-a867d1b4] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-a867d1b4] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-a867d1b4] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-a867d1b4] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-a867d1b4] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-a867d1b4] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-a867d1b4] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-a867d1b4] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-a867d1b4] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-a867d1b4] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-a867d1b4] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-a867d1b4] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-a867d1b4] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-a867d1b4] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-a867d1b4] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-a867d1b4] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-a867d1b4] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-a867d1b4] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-a867d1b4] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-a867d1b4] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-a867d1b4] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-a867d1b4] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-a867d1b4] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-a867d1b4] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-a867d1b4] {
        height: 56px !important
    }
}

input.form-control[data-v-a867d1b4], input[data-v-a867d1b4], select.form-control[data-v-a867d1b4], select[data-v-a867d1b4] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-a867d1b4] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-a867d1b4] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-a867d1b4] {
    line-height: 100%
}

.button.btn-long[data-v-a867d1b4] {
    padding: 10px 40px
}

.button.btn-radius[data-v-a867d1b4] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-a867d1b4] {
    border-radius: 20px
}

.button.btn-full[data-v-a867d1b4] {
    width: 100%
}

.button.btn-80[data-v-a867d1b4] {
    width: 80%
}

.button.hasIcon[data-v-a867d1b4] {
    padding-left: 50px
}

.button a[data-v-a867d1b4] {
    display: block
}

.button .labelIcon[data-v-a867d1b4] {
    position: absolute
}

.button .labelIcon svg[data-v-a867d1b4] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-a867d1b4] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-a867d1b4]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-a867d1b4] {
    outline: none
}

.keyboard-input-wrap[data-v-a867d1b4] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-a867d1b4] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-a867d1b4] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-a867d1b4] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-a867d1b4] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-a867d1b4] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-a867d1b4] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-a867d1b4] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-a867d1b4] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-a867d1b4] {
    font-size: 1.2em
}

.color-white[data-v-a867d1b4] {
    color: #fff
}

.color-white-50[data-v-a867d1b4] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-a867d1b4] {
    display: none
}

.ld-loading .loading[data-v-a867d1b4], .main-loading .loading[data-v-a867d1b4] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-a867d1b4] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-a867d1b4]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-a867d1b4]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-a867d1b4] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-a867d1b4] {
    -webkit-animation: rotate-data-v-a867d1b4 1s linear infinite;
    animation: rotate-data-v-a867d1b4 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-a867d1b4] {
    stroke: transparent
}

.wrapNotify[data-v-a867d1b4] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-a867d1b4] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-a867d1b4] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-a867d1b4] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-a867d1b4] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-a867d1b4] {
    display: block
}

.wrapNotify .close-notify[data-v-a867d1b4] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-a867d1b4] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-a867d1b4] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-a867d1b4] {
    background-color: transparent
}

.colorWhite[data-v-a867d1b4] {
    color: #fff
}

.colorRed[data-v-a867d1b4] {
    color: #f46273
}

.colorGreen[data-v-a867d1b4] {
    color: #31baa0
}

.colorGray[data-v-a867d1b4] {
    color: #7c7c7c
}

.tableBackground[data-v-a867d1b4] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-a867d1b4] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-a867d1b4], .tableBackground .table-dark th[data-v-a867d1b4] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-a867d1b4]:after, .tableBackground .table-dark th[data-v-a867d1b4]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-a867d1b4] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-a867d1b4], .tableBackground .table-dark th[data-v-a867d1b4] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-a867d1b4]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-a867d1b4]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-a867d1b4] {
    background-color: #060642
}

.tableBackground #paging li[data-v-a867d1b4] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-a867d1b4] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-a867d1b4] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-a867d1b4], .customeTradeHistory[data-v-a867d1b4] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-a867d1b4], .customeTradeHistory .reportrange-text[data-v-a867d1b4] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-a867d1b4], .customeTradeHistory .reportrange-text .seperate[data-v-a867d1b4] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-a867d1b4], .customeTradeHistory .reportrange-text span[data-v-a867d1b4] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-a867d1b4] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-a867d1b4] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-a867d1b4] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-a867d1b4]:after, .startDate .daterangepicker.openscenter[data-v-a867d1b4]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-a867d1b4] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-a867d1b4] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-a867d1b4] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-a867d1b4] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-a867d1b4] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-a867d1b4] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-a867d1b4] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-a867d1b4] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-a867d1b4] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-a867d1b4] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-a867d1b4] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-a867d1b4] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-a867d1b4] {
    text-align: center
}

.border-none[data-v-a867d1b4] {
    border: none
}

.text-domain[data-v-a867d1b4]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-a867d1b4] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-a867d1b4] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-a867d1b4] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-a867d1b4] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-a867d1b4] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-a867d1b4] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-a867d1b4] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-a867d1b4] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-a867d1b4] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-a867d1b4] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-a867d1b4] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-a867d1b4] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-a867d1b4] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-a867d1b4] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-a867d1b4] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-a867d1b4] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-a867d1b4] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-a867d1b4] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-a867d1b4] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-a867d1b4] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-a867d1b4] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-a867d1b4] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-a867d1b4] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-a867d1b4] {
    fill: #000
}

.btn-active-paging[data-v-a867d1b4] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-a867d1b4] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-a867d1b4] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-a867d1b4] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-a867d1b4], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-a867d1b4] {
    background: #8b8d96 !important
}

.transactionBox[data-v-a867d1b4] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-a867d1b4] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-a867d1b4] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-a867d1b4] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-a867d1b4] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-a867d1b4] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-a867d1b4] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-a867d1b4] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-a867d1b4] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-a867d1b4] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-a867d1b4] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-a867d1b4] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-a867d1b4] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-a867d1b4] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-a867d1b4] {
    color: #2a74f9 !important
}

.boxFix[data-v-a867d1b4] {
    height: calc(100vh - 65px) !important;
    overflow: hidden
}

.boxFix .boxAuthentication[data-v-a867d1b4] {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    z-index: 9999;
    -webkit-transition: opacity .3s ease .3s,left 0s ease .7s;
    transition: opacity .3s ease .3s,left 0s ease .7s
}

.boxFix .boxAuthentication.show[data-v-a867d1b4] {
    right: 0
}

.boxFix .boxAuthentication.show .contentAuthentication[data-v-a867d1b4] {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.boxFix .boxAuthentication .contentAuthentication[data-v-a867d1b4] {
    position: relative;
    margin-left: auto;
    max-width: 428px;
    height: 100%;
    padding: 2rem;
    -webkit-transform: translateX(428px);
    transform: translateX(428px);
    -webkit-transition: -webkit-transform .3s ease .3s;
    transition: -webkit-transform .3s ease .3s;
    transition: transform .3s ease .3s;
    transition: transform .3s ease .3s,-webkit-transform .3s ease .3s;
    overflow-y: auto
}

.boxFix .boxAuthentication .md-input[data-v-a867d1b4] {
    font-size: .875rem !important;
    height: 45px !important;
    line-height: 45px !important;
    border-radius: 8px !important;
    border-color: #0d0d0d !important
}

    .boxFix .boxAuthentication .md-input[data-v-a867d1b4]::-webkit-input-placeholder {
        color: rgba(65,65,65,.6);
        font-size: 14px;
        height: 45px;
        line-height: 45px
    }

    .boxFix .boxAuthentication .md-input[data-v-a867d1b4]::-moz-placeholder {
        color: rgba(65,65,65,.6);
        font-size: 14px;
        height: 45px;
        line-height: 45px
    }

    .boxFix .boxAuthentication .md-input[data-v-a867d1b4]:-ms-input-placeholder {
        color: rgba(65,65,65,.6);
        font-size: 14px;
        height: 45px;
        line-height: 45px
    }

    .boxFix .boxAuthentication .md-input[data-v-a867d1b4]::-ms-input-placeholder {
        color: rgba(65,65,65,.6);
        font-size: 14px;
        height: 45px;
        line-height: 45px
    }

    .boxFix .boxAuthentication .md-input[data-v-a867d1b4]::placeholder {
        color: rgba(65,65,65,.6);
        font-size: 14px;
        height: 45px;
        line-height: 45px
    }

.boxFix .boxAuthentication .md-error[data-v-a867d1b4] {
    top: 100%;
    max-width: 335px
}

.boxFix .boxAuthentication .md-error.errorNN[data-v-a867d1b4] {
    bottom: 0
}

.boxFix .boxAuthentication .md-field label[data-v-a867d1b4] {
    font-size: 14px;
    padding: 0
}

.boxFix .boxAuthentication .md-field.md-invalid input[data-v-a867d1b4] {
    border-bottom: 1px solid #f46273 !important
}

.boxFix .boxAuthentication .md-field.md-invalid label[data-v-a867d1b4], .boxFix .boxAuthentication .md-field.md-invalid small[data-v-a867d1b4] {
    color: #f46273
}

.boxFix .invite-code-input[data-v-a867d1b4]:disabled, .boxFix .invite-code-input[disabled=disabled][data-v-a867d1b4] {
    cursor: not-allowed
}

.btn-resendemail[data-v-a867d1b4] {
    padding: 14px 2.5rem;
    color: #000;
    font-weight: 700;
    opacity: 1;
    background: #2a74f9;
    text-align: center
}

    .btn-resendemail[data-v-a867d1b4]:disabled {
        background: #414141;
        color: #fff
    }

body[data-v-3b2ff806] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-3b2ff806]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-3b2ff806]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-3b2ff806]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-3b2ff806] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-3b2ff806]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-3b2ff806]::-webkit-inner-spin-button, input[data-v-3b2ff806]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-3b2ff806] {
    -moz-appearance: textfield
}

button[data-v-3b2ff806]:focus, input[data-v-3b2ff806]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-3b2ff806] {
    font-size: 8px
}

.font-10[data-v-3b2ff806] {
    font-size: .6rem !important
}

.font-12[data-v-3b2ff806] {
    font-size: 12px
}

.font-14[data-v-3b2ff806] {
    font-size: 14px
}

.font-16[data-v-3b2ff806] {
    font-size: 16px
}

.font-18[data-v-3b2ff806] {
    font-size: 18px
}

.font-20[data-v-3b2ff806] {
    font-size: 20px
}

.font-24[data-v-3b2ff806] {
    font-size: 24px
}

.font-32[data-v-3b2ff806] {
    font-size: 32px
}

.font-34[data-v-3b2ff806] {
    font-size: 34px
}

.font-40[data-v-3b2ff806] {
    font-size: 2.5rem !important
}

.font-44[data-v-3b2ff806] {
    font-size: 44px
}

.colorPrimary[data-v-3b2ff806] {
    color: #2a74f9
}

.colorPrimary1[data-v-3b2ff806] {
    color: #000 !important
}

.colorSecondary[data-v-3b2ff806] {
    color: #fff !important
}

.colorSecondary1[data-v-3b2ff806] {
    color: #414141 !important
}

.colorSecondary2[data-v-3b2ff806] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-3b2ff806] {
    color: #0d0d0d
}

.colorSecondary4[data-v-3b2ff806] {
    color: #02142b
}

.colorSecondary5[data-v-3b2ff806] {
    color: #1a1e24
}

.colorSecondary6[data-v-3b2ff806] {
    color: #fafafa
}

.colorSecondary7[data-v-3b2ff806] {
    color: #333
}

.colorSecondary8[data-v-3b2ff806] {
    color: #0e0031
}

.colorSuccess[data-v-3b2ff806] {
    color: #31baa0
}

.colorWarning[data-v-3b2ff806] {
    color: #ffcf5c
}

.colorDanger[data-v-3b2ff806] {
    color: #f46273
}

.fillPrimary[data-v-3b2ff806] {
    fill: #2a74f9
}

.fillWarning[data-v-3b2ff806] {
    fill: #ffcf5c
}

.fillDanger[data-v-3b2ff806] {
    fill: #f46273
}

.fillSecondary1[data-v-3b2ff806] {
    fill: #414141
}

.fillSecondary2[data-v-3b2ff806] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-3b2ff806] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-3b2ff806] {
    fill: #02142b
}

.fillSecondary5[data-v-3b2ff806] {
    fill: #1a1e24
}

.fillSecondary6[data-v-3b2ff806] {
    fill: #fafafa
}

.fillSecondary7[data-v-3b2ff806] {
    fill: #333
}

.fillSecondary8[data-v-3b2ff806] {
    fill: #0e0031
}

.textnote-notidesc[data-v-3b2ff806] {
    color: #fff
}

.bgColor0[data-v-3b2ff806] {
    background-color: transparent
}

.bgPrimary-hover[data-v-3b2ff806]:hover, .bgPrimary[data-v-3b2ff806] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-3b2ff806]:hover, .bgPrimary1[data-v-3b2ff806] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-3b2ff806]:hover, .bgPrimary2[data-v-3b2ff806] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-3b2ff806]:hover, .bgSecondary[data-v-3b2ff806] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-3b2ff806]:hover, .bgSecondary1[data-v-3b2ff806] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-3b2ff806]:hover, .bgSecondary2[data-v-3b2ff806] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-3b2ff806]:hover, .bgSecondary3[data-v-3b2ff806] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-3b2ff806] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-3b2ff806] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-3b2ff806]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-3b2ff806]:hover, .bgSecondary5[data-v-3b2ff806] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-3b2ff806]:hover, .bgSecondary6[data-v-3b2ff806] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-3b2ff806]:hover, .bgSecondary7[data-v-3b2ff806] {
    background-color: #333 !important
}

.bgSecondary8[data-v-3b2ff806] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-3b2ff806]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-3b2ff806] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-3b2ff806]:hover, .bgSuccess[data-v-3b2ff806] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-3b2ff806] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-3b2ff806] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-3b2ff806]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-3b2ff806] {
    fill: #31baa0
}

.w-14-px[data-v-3b2ff806] {
    width: 14px
}

.max-width-50[data-v-3b2ff806] {
    max-width: 50%
}

.h-60-px[data-v-3b2ff806] {
    height: 60px
}

.h-100-px[data-v-3b2ff806] {
    height: 100px
}

.mb-16-px[data-v-3b2ff806] {
    margin-bottom: 16px
}

.mb-30-px[data-v-3b2ff806] {
    margin-bottom: 30px
}

.borderRounded[data-v-3b2ff806] {
    border-radius: 5px
}

.borderPrimary[data-v-3b2ff806] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-3b2ff806] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-3b2ff806] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-3b2ff806] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-3b2ff806] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-3b2ff806] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-3b2ff806] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-3b2ff806] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-3b2ff806] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-3b2ff806] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-3b2ff806] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-3b2ff806] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-3b2ff806] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-3b2ff806] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-3b2ff806]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-3b2ff806] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-3b2ff806] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-3b2ff806] {
    padding: 1px
}

.px-1-px[data-v-3b2ff806] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-3b2ff806] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-3b2ff806] {
    padding-left: 1px
}

.pr-1-px[data-v-3b2ff806] {
    padding-right: 1px
}

.pt-1-px[data-v-3b2ff806] {
    padding-top: 1px
}

.pb-1-px[data-v-3b2ff806] {
    padding-bottom: 1px
}

.p-2-px[data-v-3b2ff806] {
    padding: 2px
}

.px-2-px[data-v-3b2ff806] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-3b2ff806] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-3b2ff806] {
    padding-left: 2px
}

.pr-2-px[data-v-3b2ff806] {
    padding-right: 2px
}

.pt-2-px[data-v-3b2ff806] {
    padding-top: 2px
}

.pb-2-px[data-v-3b2ff806] {
    padding-bottom: 2px
}

.p-8-px[data-v-3b2ff806] {
    padding: 8px
}

.px-8-px[data-v-3b2ff806] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-3b2ff806] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-3b2ff806] {
    padding-left: 8px
}

.pr-8-px[data-v-3b2ff806] {
    padding-right: 8px
}

.pt-8-px[data-v-3b2ff806] {
    padding-top: 8px
}

.pb-8-px[data-v-3b2ff806] {
    padding-bottom: 8px
}

.p-10-px[data-v-3b2ff806] {
    padding: 10px
}

.px-10-px[data-v-3b2ff806] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-3b2ff806] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-3b2ff806] {
    padding-left: 10px
}

.pr-10-px[data-v-3b2ff806] {
    padding-right: 10px
}

.pt-10-px[data-v-3b2ff806] {
    padding-top: 10px
}

.pb-10-px[data-v-3b2ff806] {
    padding-bottom: 10px
}

.p-12-px[data-v-3b2ff806] {
    padding: 12px
}

.px-12-px[data-v-3b2ff806] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-3b2ff806] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-3b2ff806] {
    padding-left: 12px
}

.pr-12-px[data-v-3b2ff806] {
    padding-right: 12px
}

.pt-12-px[data-v-3b2ff806] {
    padding-top: 12px
}

.pb-12-px[data-v-3b2ff806] {
    padding-bottom: 12px
}

.p-16-px[data-v-3b2ff806] {
    padding: 16px
}

.px-16-px[data-v-3b2ff806] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-3b2ff806] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-3b2ff806] {
    padding-left: 16px
}

.pr-16-px[data-v-3b2ff806] {
    padding-right: 16px
}

.pt-16-px[data-v-3b2ff806] {
    padding-top: 16px
}

.pb-16-px[data-v-3b2ff806] {
    padding-bottom: 16px
}

.p-30-px[data-v-3b2ff806] {
    padding: 30px
}

.px-30-px[data-v-3b2ff806] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-3b2ff806] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-3b2ff806] {
    padding-left: 30px
}

.pr-30-px[data-v-3b2ff806] {
    padding-right: 30px
}

.pt-30-px[data-v-3b2ff806] {
    padding-top: 30px
}

.pb-30-px[data-v-3b2ff806] {
    padding-bottom: 30px
}

.font-30[data-v-3b2ff806] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-3b2ff806] {
    font-weight: 700
}

.wbo-title[data-v-3b2ff806] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-3b2ff806] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-3b2ff806] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-3b2ff806] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-3b2ff806]:focus {
        outline: 0
    }

    .button[data-v-3b2ff806]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-3b2ff806] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-3b2ff806]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-3b2ff806] {
    padding: 11px 2.5rem
}

.button.primary[data-v-3b2ff806], .button.primary[data-v-3b2ff806]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-3b2ff806], .text-primary[data-v-3b2ff806], a .primary-hover[data-v-3b2ff806]:hover {
    color: #000 !important
}

ul[data-v-3b2ff806] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-3b2ff806], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-3b2ff806] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-3b2ff806]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-3b2ff806]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-3b2ff806], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-3b2ff806], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-3b2ff806]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-3b2ff806], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-3b2ff806], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-3b2ff806]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-3b2ff806], .faqsContent .content .navigator ul li a.active[data-v-3b2ff806]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-3b2ff806]:hover {
    color: #000
}

.ps[data-v-3b2ff806] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-3b2ff806] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-3b2ff806], .ps__rail-y[data-v-3b2ff806] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-3b2ff806] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-3b2ff806], .ps--active-y > .ps__rail-y[data-v-3b2ff806] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-3b2ff806], .ps--focus > .ps__rail-y[data-v-3b2ff806], .ps--scrolling-x > .ps__rail-x[data-v-3b2ff806], .ps--scrolling-y > .ps__rail-y[data-v-3b2ff806], .ps:hover > .ps__rail-x[data-v-3b2ff806], .ps:hover > .ps__rail-y[data-v-3b2ff806] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-3b2ff806], .ps .ps__rail-x[data-v-3b2ff806]:focus, .ps .ps__rail-x[data-v-3b2ff806]:hover, .ps .ps__rail-y.ps--clicking[data-v-3b2ff806], .ps .ps__rail-y[data-v-3b2ff806]:focus, .ps .ps__rail-y[data-v-3b2ff806]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-3b2ff806] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-3b2ff806] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-3b2ff806], .ps__rail-x:focus > .ps__thumb-x[data-v-3b2ff806], .ps__rail-x:hover > .ps__thumb-x[data-v-3b2ff806] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-3b2ff806], .ps__rail-y:focus > .ps__thumb-y[data-v-3b2ff806], .ps__rail-y:hover > .ps__thumb-y[data-v-3b2ff806] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-3b2ff806] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-3b2ff806] {
        overflow: auto !important
    }
}

.md-field[data-v-3b2ff806] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-3b2ff806] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-3b2ff806] {
    color: #2a74f9
}

.md-field .md-error[data-v-3b2ff806] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-3b2ff806] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-3b2ff806], .md-field.md-has-value label[data-v-3b2ff806] {
    top: -10px
}

.form-control[data-v-3b2ff806], .md-field .md-input[data-v-3b2ff806], .md-field .md-textarea[data-v-3b2ff806], .winput[data-v-3b2ff806] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-3b2ff806] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-3b2ff806] {
    fill: #0d0d0d
}

.round[data-v-3b2ff806] {
    border-radius: 5px
}

.off[data-v-3b2ff806] {
    position: relative;
    cursor: default
}

.off > [data-v-3b2ff806] {
    opacity: .5
}

.off[data-v-3b2ff806]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-3b2ff806] {
    cursor: pointer
}

.close-page[data-v-3b2ff806] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-3b2ff806] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-3b2ff806], .slide-fade-leave-active[data-v-3b2ff806] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-3b2ff806], .slide-fade-leave-to[data-v-3b2ff806] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-3b2ff806 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-3b2ff806 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-3b2ff806] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-3b2ff806] {
    color: #ffcf5c
}

.button[data-v-3b2ff806] {
    font-weight: 700
}

.modal .modal-dialog[data-v-3b2ff806] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-3b2ff806] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-3b2ff806] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-3b2ff806], .modal .modal-dialog .modal-header[data-v-3b2ff806] {
    border: none
}

#chartCommisst .highcharts-title[data-v-3b2ff806] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-3b2ff806] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-3b2ff806] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-3b2ff806], .modal .modal-dialog form[data-v-3b2ff806] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-3b2ff806] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-3b2ff806], .FaqsDetail[data-v-3b2ff806] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-3b2ff806], .FaqsDetail[data-v-3b2ff806] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-3b2ff806], .FaqsDetail .headerMaster .boxHeader[data-v-3b2ff806] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-3b2ff806], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-3b2ff806] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-3b2ff806], .Faqs main[data-v-3b2ff806] {
    background-color: unset
}

.titleChartCandle[data-v-3b2ff806] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-3b2ff806] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-3b2ff806] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-3b2ff806] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-3b2ff806], .plotlineChart .time[data-v-3b2ff806] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-3b2ff806] {
    top: 51px
}

.boxHeader[data-v-3b2ff806] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-3b2ff806], .boxHeader .register[data-v-3b2ff806] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-3b2ff806] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-3b2ff806] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-3b2ff806] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-3b2ff806] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-3b2ff806]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-3b2ff806] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-3b2ff806]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-3b2ff806] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-3b2ff806]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-3b2ff806] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-3b2ff806] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-3b2ff806] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-3b2ff806] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-3b2ff806] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-3b2ff806] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-3b2ff806] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-3b2ff806] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-3b2ff806] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-3b2ff806] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-3b2ff806] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-3b2ff806] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-3b2ff806] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-3b2ff806] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-3b2ff806] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-3b2ff806] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-3b2ff806] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-3b2ff806] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-3b2ff806] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-3b2ff806] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-3b2ff806] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-3b2ff806] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-3b2ff806] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-3b2ff806] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-3b2ff806] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-3b2ff806] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-3b2ff806] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-3b2ff806] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-3b2ff806] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-3b2ff806] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-3b2ff806] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-3b2ff806] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-3b2ff806] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-3b2ff806] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-3b2ff806] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-3b2ff806] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-3b2ff806] {
        height: 56px !important
    }
}

input.form-control[data-v-3b2ff806], input[data-v-3b2ff806], select.form-control[data-v-3b2ff806], select[data-v-3b2ff806] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-3b2ff806] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-3b2ff806] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-3b2ff806] {
    line-height: 100%
}

.button.btn-long[data-v-3b2ff806] {
    padding: 10px 40px
}

.button.btn-radius[data-v-3b2ff806] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-3b2ff806] {
    border-radius: 20px
}

.button.btn-full[data-v-3b2ff806] {
    width: 100%
}

.button.btn-80[data-v-3b2ff806] {
    width: 80%
}

.button.hasIcon[data-v-3b2ff806] {
    padding-left: 50px
}

.button a[data-v-3b2ff806] {
    display: block
}

.button .labelIcon[data-v-3b2ff806] {
    position: absolute
}

.button .labelIcon svg[data-v-3b2ff806] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-3b2ff806] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-3b2ff806]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-3b2ff806] {
    outline: none
}

.keyboard-input-wrap[data-v-3b2ff806] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-3b2ff806] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-3b2ff806] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-3b2ff806] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-3b2ff806] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-3b2ff806] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-3b2ff806] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-3b2ff806] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-3b2ff806] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-3b2ff806] {
    font-size: 1.2em
}

.color-white[data-v-3b2ff806] {
    color: #fff
}

.color-white-50[data-v-3b2ff806] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-3b2ff806] {
    display: none
}

.ld-loading .loading[data-v-3b2ff806], .main-loading .loading[data-v-3b2ff806] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-3b2ff806] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-3b2ff806]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-3b2ff806]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-3b2ff806] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-3b2ff806] {
    -webkit-animation: rotate-data-v-3b2ff806 1s linear infinite;
    animation: rotate-data-v-3b2ff806 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-3b2ff806] {
    stroke: transparent
}

.wrapNotify[data-v-3b2ff806] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-3b2ff806] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-3b2ff806] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-3b2ff806] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-3b2ff806] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-3b2ff806] {
    display: block
}

.wrapNotify .close-notify[data-v-3b2ff806] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-3b2ff806] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-3b2ff806] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-3b2ff806] {
    background-color: transparent
}

.colorWhite[data-v-3b2ff806] {
    color: #fff
}

.colorRed[data-v-3b2ff806] {
    color: #f46273
}

.colorGreen[data-v-3b2ff806] {
    color: #31baa0
}

.colorGray[data-v-3b2ff806] {
    color: #7c7c7c
}

.tableBackground[data-v-3b2ff806] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-3b2ff806] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-3b2ff806], .tableBackground .table-dark th[data-v-3b2ff806] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-3b2ff806]:after, .tableBackground .table-dark th[data-v-3b2ff806]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-3b2ff806] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-3b2ff806], .tableBackground .table-dark th[data-v-3b2ff806] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-3b2ff806]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-3b2ff806]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-3b2ff806] {
    background-color: #060642
}

.tableBackground #paging li[data-v-3b2ff806] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-3b2ff806] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-3b2ff806] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-3b2ff806], .customeTradeHistory[data-v-3b2ff806] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-3b2ff806], .customeTradeHistory .reportrange-text[data-v-3b2ff806] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-3b2ff806], .customeTradeHistory .reportrange-text .seperate[data-v-3b2ff806] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-3b2ff806], .customeTradeHistory .reportrange-text span[data-v-3b2ff806] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-3b2ff806] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-3b2ff806] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-3b2ff806] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-3b2ff806]:after, .startDate .daterangepicker.openscenter[data-v-3b2ff806]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-3b2ff806] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-3b2ff806] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-3b2ff806] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-3b2ff806] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-3b2ff806] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-3b2ff806] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-3b2ff806] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-3b2ff806] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-3b2ff806] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-3b2ff806] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-3b2ff806] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-3b2ff806] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-3b2ff806] {
    text-align: center
}

.border-none[data-v-3b2ff806] {
    border: none
}

.text-domain[data-v-3b2ff806]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-3b2ff806] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-3b2ff806] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-3b2ff806] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-3b2ff806] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-3b2ff806] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-3b2ff806] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-3b2ff806] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-3b2ff806] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-3b2ff806] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-3b2ff806] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-3b2ff806] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-3b2ff806] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-3b2ff806] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-3b2ff806] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-3b2ff806] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-3b2ff806] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-3b2ff806] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-3b2ff806] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-3b2ff806] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-3b2ff806] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-3b2ff806] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-3b2ff806] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-3b2ff806] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-3b2ff806] {
    fill: #000
}

.btn-active-paging[data-v-3b2ff806] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-3b2ff806] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-3b2ff806] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-3b2ff806] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-3b2ff806], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-3b2ff806] {
    background: #8b8d96 !important
}

.transactionBox[data-v-3b2ff806] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-3b2ff806] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-3b2ff806] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-3b2ff806] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-3b2ff806] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-3b2ff806] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-3b2ff806] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-3b2ff806] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-3b2ff806] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-3b2ff806] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-3b2ff806] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-3b2ff806] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-3b2ff806] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-3b2ff806] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-3b2ff806] {
    color: #2a74f9 !important
}

.btnReSend[data-v-3b2ff806]:hover {
    -webkit-filter: brightness(115%);
    filter: brightness(115%)
}

.md-input[data-v-3b2ff806] {
    font-size: .875rem !important;
    height: 45px !important;
    line-height: 45px !important;
    background-color: transparent !important;
    border-radius: 8px !important;
    border-color: #0d0d0d !important
}

    .md-input[data-v-3b2ff806]::-webkit-input-placeholder {
        color: rgba(65,65,65,.6);
        font-size: 14px;
        height: 45px;
        line-height: 45px
    }

    .md-input[data-v-3b2ff806]::-moz-placeholder {
        color: rgba(65,65,65,.6);
        font-size: 14px;
        height: 45px;
        line-height: 45px
    }

    .md-input[data-v-3b2ff806]:-ms-input-placeholder {
        color: rgba(65,65,65,.6);
        font-size: 14px;
        height: 45px;
        line-height: 45px
    }

    .md-input[data-v-3b2ff806]::-ms-input-placeholder {
        color: rgba(65,65,65,.6);
        font-size: 14px;
        height: 45px;
        line-height: 45px
    }

    .md-input[data-v-3b2ff806]::placeholder {
        color: rgba(65,65,65,.6);
        font-size: 14px;
        height: 45px;
        line-height: 45px
    }

.boxAuthentication[data-v-3b2ff806] {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    z-index: 9999;
    -webkit-transition: opacity .3s ease .3s,left 0s ease .7s;
    transition: opacity .3s ease .3s,left 0s ease .7s
}

.boxAuthentication.show[data-v-3b2ff806] {
    right: 0
}

.boxAuthentication.show .contentAuthentication[data-v-3b2ff806] {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.boxAuthentication .contentAuthentication[data-v-3b2ff806] {
    position: relative;
    margin-left: auto;
    max-width: 428px;
    height: 100%;
    padding: 2rem;
    -webkit-transform: translateX(428px);
    transform: translateX(428px);
    -webkit-transition: -webkit-transform .3s ease .3s;
    transition: -webkit-transform .3s ease .3s;
    transition: transform .3s ease .3s;
    transition: transform .3s ease .3s,-webkit-transform .3s ease .3s;
    overflow-y: auto
}

.boxAuthentication .contentAuthentication .close-page[data-v-3b2ff806] {
    position: static !important
}

.profitabilityon[data-v-3b2ff806] {
    position: relative;
    background-image: url(../img/profit-banner.a6e79a7d.png)
}

    .profitabilityon[data-v-3b2ff806]:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 40.35733%
    }

.profitabilityon > .content[data-v-3b2ff806] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.profitabilityon .backgroundChart[data-v-3b2ff806] {
    position: relative;
    width: 100%;
    height: 100%;
    background-image: url(../img/mockup.40743338.png)
}

    .profitabilityon .backgroundChart[data-v-3b2ff806]:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 75.03587%
    }

.profitabilityon .backgroundChart > .content[data-v-3b2ff806] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

#myVideo[data-v-3b2ff806] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.boxContent[data-v-3b2ff806] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.backgroundB[data-v-3b2ff806] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover
}

@media (max-width:610px) {
    .auth-left-col[data-v-3b2ff806] {
        width: 100% !important;
        min-height: 550px;
        overflow-y: scroll
    }

    .auth-left-col .logoLogin[data-v-3b2ff806] {
        top: 15px !important
    }

    .auth-right-col[data-v-3b2ff806] {
        display: none
    }

    .loginForm[data-v-3b2ff806] {
        height: 100%;
        padding-top: 120px !important
    }

    .bottomText[data-v-3b2ff806] {
        margin-bottom: 1.5rem !important;
        text-align: center
    }

    .close-page[data-v-3b2ff806] {
        color: #000;
        font-size: 45px;
        top: 10px;
        right: 10px
    }
}

body[data-v-30e759ba] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-30e759ba]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-30e759ba]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-30e759ba]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-30e759ba] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-30e759ba]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-30e759ba]::-webkit-inner-spin-button, input[data-v-30e759ba]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-30e759ba] {
    -moz-appearance: textfield
}

button[data-v-30e759ba]:focus, input[data-v-30e759ba]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-30e759ba] {
    font-size: 8px
}

.font-10[data-v-30e759ba] {
    font-size: .6rem !important
}

.font-12[data-v-30e759ba] {
    font-size: 12px
}

.font-14[data-v-30e759ba] {
    font-size: 14px
}

.font-16[data-v-30e759ba] {
    font-size: 16px
}

.font-18[data-v-30e759ba] {
    font-size: 18px
}

.font-20[data-v-30e759ba] {
    font-size: 20px
}

.font-24[data-v-30e759ba] {
    font-size: 24px
}

.font-32[data-v-30e759ba] {
    font-size: 32px
}

.font-34[data-v-30e759ba] {
    font-size: 34px
}

.font-40[data-v-30e759ba] {
    font-size: 2.5rem !important
}

.font-44[data-v-30e759ba] {
    font-size: 44px
}

.colorPrimary[data-v-30e759ba] {
    color: #2a74f9
}

.colorPrimary1[data-v-30e759ba] {
    color: #000 !important
}

.colorSecondary[data-v-30e759ba] {
    color: #fff !important
}

.colorSecondary1[data-v-30e759ba] {
    color: #414141 !important
}

.colorSecondary2[data-v-30e759ba] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-30e759ba] {
    color: #0d0d0d
}

.colorSecondary4[data-v-30e759ba] {
    color: #02142b
}

.colorSecondary5[data-v-30e759ba] {
    color: #1a1e24
}

.colorSecondary6[data-v-30e759ba] {
    color: #fafafa
}

.colorSecondary7[data-v-30e759ba] {
    color: #333
}

.colorSecondary8[data-v-30e759ba] {
    color: #0e0031
}

.colorSuccess[data-v-30e759ba] {
    color: #31baa0
}

.colorWarning[data-v-30e759ba] {
    color: #ffcf5c
}

.colorDanger[data-v-30e759ba] {
    color: #f46273
}

.fillPrimary[data-v-30e759ba] {
    fill: #2a74f9
}

.fillWarning[data-v-30e759ba] {
    fill: #ffcf5c
}

.fillDanger[data-v-30e759ba] {
    fill: #f46273
}

.fillSecondary1[data-v-30e759ba] {
    fill: #414141
}

.fillSecondary2[data-v-30e759ba] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-30e759ba] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-30e759ba] {
    fill: #02142b
}

.fillSecondary5[data-v-30e759ba] {
    fill: #1a1e24
}

.fillSecondary6[data-v-30e759ba] {
    fill: #fafafa
}

.fillSecondary7[data-v-30e759ba] {
    fill: #333
}

.fillSecondary8[data-v-30e759ba] {
    fill: #0e0031
}

.textnote-notidesc[data-v-30e759ba] {
    color: #fff
}

.bgColor0[data-v-30e759ba] {
    background-color: transparent
}

.bgPrimary-hover[data-v-30e759ba]:hover, .bgPrimary[data-v-30e759ba] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-30e759ba]:hover, .bgPrimary1[data-v-30e759ba] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-30e759ba]:hover, .bgPrimary2[data-v-30e759ba] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-30e759ba]:hover, .bgSecondary[data-v-30e759ba] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-30e759ba]:hover, .bgSecondary1[data-v-30e759ba] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-30e759ba]:hover, .bgSecondary2[data-v-30e759ba] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-30e759ba]:hover, .bgSecondary3[data-v-30e759ba] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-30e759ba] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-30e759ba] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-30e759ba]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-30e759ba]:hover, .bgSecondary5[data-v-30e759ba] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-30e759ba]:hover, .bgSecondary6[data-v-30e759ba] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-30e759ba]:hover, .bgSecondary7[data-v-30e759ba] {
    background-color: #333 !important
}

.bgSecondary8[data-v-30e759ba] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-30e759ba]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-30e759ba] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-30e759ba]:hover, .bgSuccess[data-v-30e759ba] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-30e759ba] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-30e759ba] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-30e759ba]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-30e759ba] {
    fill: #31baa0
}

.w-14-px[data-v-30e759ba] {
    width: 14px
}

.max-width-50[data-v-30e759ba] {
    max-width: 50%
}

.h-60-px[data-v-30e759ba] {
    height: 60px
}

.h-100-px[data-v-30e759ba] {
    height: 100px
}

.mb-16-px[data-v-30e759ba] {
    margin-bottom: 16px
}

.mb-30-px[data-v-30e759ba] {
    margin-bottom: 30px
}

.borderRounded[data-v-30e759ba] {
    border-radius: 5px
}

.borderPrimary[data-v-30e759ba] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-30e759ba] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-30e759ba] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-30e759ba] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-30e759ba] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-30e759ba] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-30e759ba] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-30e759ba] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-30e759ba] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-30e759ba] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-30e759ba] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-30e759ba] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-30e759ba] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-30e759ba] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-30e759ba]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-30e759ba] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-30e759ba] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-30e759ba] {
    padding: 1px
}

.px-1-px[data-v-30e759ba] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-30e759ba] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-30e759ba] {
    padding-left: 1px
}

.pr-1-px[data-v-30e759ba] {
    padding-right: 1px
}

.pt-1-px[data-v-30e759ba] {
    padding-top: 1px
}

.pb-1-px[data-v-30e759ba] {
    padding-bottom: 1px
}

.p-2-px[data-v-30e759ba] {
    padding: 2px
}

.px-2-px[data-v-30e759ba] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-30e759ba] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-30e759ba] {
    padding-left: 2px
}

.pr-2-px[data-v-30e759ba] {
    padding-right: 2px
}

.pt-2-px[data-v-30e759ba] {
    padding-top: 2px
}

.pb-2-px[data-v-30e759ba] {
    padding-bottom: 2px
}

.p-8-px[data-v-30e759ba] {
    padding: 8px
}

.px-8-px[data-v-30e759ba] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-30e759ba] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-30e759ba] {
    padding-left: 8px
}

.pr-8-px[data-v-30e759ba] {
    padding-right: 8px
}

.pt-8-px[data-v-30e759ba] {
    padding-top: 8px
}

.pb-8-px[data-v-30e759ba] {
    padding-bottom: 8px
}

.p-10-px[data-v-30e759ba] {
    padding: 10px
}

.px-10-px[data-v-30e759ba] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-30e759ba] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-30e759ba] {
    padding-left: 10px
}

.pr-10-px[data-v-30e759ba] {
    padding-right: 10px
}

.pt-10-px[data-v-30e759ba] {
    padding-top: 10px
}

.pb-10-px[data-v-30e759ba] {
    padding-bottom: 10px
}

.p-12-px[data-v-30e759ba] {
    padding: 12px
}

.px-12-px[data-v-30e759ba] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-30e759ba] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-30e759ba] {
    padding-left: 12px
}

.pr-12-px[data-v-30e759ba] {
    padding-right: 12px
}

.pt-12-px[data-v-30e759ba] {
    padding-top: 12px
}

.pb-12-px[data-v-30e759ba] {
    padding-bottom: 12px
}

.p-16-px[data-v-30e759ba] {
    padding: 16px
}

.px-16-px[data-v-30e759ba] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-30e759ba] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-30e759ba] {
    padding-left: 16px
}

.pr-16-px[data-v-30e759ba] {
    padding-right: 16px
}

.pt-16-px[data-v-30e759ba] {
    padding-top: 16px
}

.pb-16-px[data-v-30e759ba] {
    padding-bottom: 16px
}

.p-30-px[data-v-30e759ba] {
    padding: 30px
}

.px-30-px[data-v-30e759ba] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-30e759ba] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-30e759ba] {
    padding-left: 30px
}

.pr-30-px[data-v-30e759ba] {
    padding-right: 30px
}

.pt-30-px[data-v-30e759ba] {
    padding-top: 30px
}

.pb-30-px[data-v-30e759ba] {
    padding-bottom: 30px
}

.font-30[data-v-30e759ba] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-30e759ba] {
    font-weight: 700
}

.wbo-title[data-v-30e759ba] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-30e759ba] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-30e759ba] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-30e759ba] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-30e759ba]:focus {
        outline: 0
    }

    .button[data-v-30e759ba]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-30e759ba] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-30e759ba]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-30e759ba] {
    padding: 11px 2.5rem
}

.button.primary[data-v-30e759ba], .button.primary[data-v-30e759ba]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-30e759ba], .text-primary[data-v-30e759ba], a .primary-hover[data-v-30e759ba]:hover {
    color: #000 !important
}

ul[data-v-30e759ba] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-30e759ba], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-30e759ba] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-30e759ba]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-30e759ba]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-30e759ba], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-30e759ba], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-30e759ba]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-30e759ba], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-30e759ba], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-30e759ba]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-30e759ba], .faqsContent .content .navigator ul li a.active[data-v-30e759ba]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-30e759ba]:hover {
    color: #000
}

.ps[data-v-30e759ba] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-30e759ba] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-30e759ba], .ps__rail-y[data-v-30e759ba] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-30e759ba] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-30e759ba], .ps--active-y > .ps__rail-y[data-v-30e759ba] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-30e759ba], .ps--focus > .ps__rail-y[data-v-30e759ba], .ps--scrolling-x > .ps__rail-x[data-v-30e759ba], .ps--scrolling-y > .ps__rail-y[data-v-30e759ba], .ps:hover > .ps__rail-x[data-v-30e759ba], .ps:hover > .ps__rail-y[data-v-30e759ba] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-30e759ba], .ps .ps__rail-x[data-v-30e759ba]:focus, .ps .ps__rail-x[data-v-30e759ba]:hover, .ps .ps__rail-y.ps--clicking[data-v-30e759ba], .ps .ps__rail-y[data-v-30e759ba]:focus, .ps .ps__rail-y[data-v-30e759ba]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-30e759ba] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-30e759ba] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-30e759ba], .ps__rail-x:focus > .ps__thumb-x[data-v-30e759ba], .ps__rail-x:hover > .ps__thumb-x[data-v-30e759ba] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-30e759ba], .ps__rail-y:focus > .ps__thumb-y[data-v-30e759ba], .ps__rail-y:hover > .ps__thumb-y[data-v-30e759ba] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-30e759ba] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-30e759ba] {
        overflow: auto !important
    }
}

.md-field[data-v-30e759ba] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-30e759ba] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-30e759ba] {
    color: #2a74f9
}

.md-field .md-error[data-v-30e759ba] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-30e759ba] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-30e759ba], .md-field.md-has-value label[data-v-30e759ba] {
    top: -10px
}

.form-control[data-v-30e759ba], .md-field .md-input[data-v-30e759ba], .md-field .md-textarea[data-v-30e759ba], .winput[data-v-30e759ba] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-30e759ba] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-30e759ba] {
    fill: #0d0d0d
}

.round[data-v-30e759ba] {
    border-radius: 5px
}

.off[data-v-30e759ba] {
    position: relative;
    cursor: default
}

.off > [data-v-30e759ba] {
    opacity: .5
}

.off[data-v-30e759ba]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-30e759ba] {
    cursor: pointer
}

.close-page[data-v-30e759ba] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-30e759ba] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-30e759ba], .slide-fade-leave-active[data-v-30e759ba] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-30e759ba], .slide-fade-leave-to[data-v-30e759ba] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-30e759ba {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-30e759ba {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-30e759ba] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-30e759ba] {
    color: #ffcf5c
}

.button[data-v-30e759ba] {
    font-weight: 700
}

.modal .modal-dialog[data-v-30e759ba] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-30e759ba] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-30e759ba] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-30e759ba], .modal .modal-dialog .modal-header[data-v-30e759ba] {
    border: none
}

#chartCommisst .highcharts-title[data-v-30e759ba] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-30e759ba] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-30e759ba] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-30e759ba], .modal .modal-dialog form[data-v-30e759ba] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-30e759ba] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-30e759ba], .FaqsDetail[data-v-30e759ba] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-30e759ba], .FaqsDetail[data-v-30e759ba] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-30e759ba], .FaqsDetail .headerMaster .boxHeader[data-v-30e759ba] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-30e759ba], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-30e759ba] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-30e759ba], .Faqs main[data-v-30e759ba] {
    background-color: unset
}

.titleChartCandle[data-v-30e759ba] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-30e759ba] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-30e759ba] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-30e759ba] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-30e759ba], .plotlineChart .time[data-v-30e759ba] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-30e759ba] {
    top: 51px
}

.boxHeader[data-v-30e759ba] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-30e759ba], .boxHeader .register[data-v-30e759ba] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-30e759ba] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-30e759ba] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-30e759ba] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-30e759ba] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-30e759ba]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-30e759ba] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-30e759ba]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-30e759ba] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-30e759ba]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-30e759ba] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-30e759ba] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-30e759ba] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-30e759ba] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-30e759ba] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-30e759ba] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-30e759ba] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-30e759ba] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-30e759ba] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-30e759ba] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-30e759ba] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-30e759ba] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-30e759ba] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-30e759ba] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-30e759ba] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-30e759ba] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-30e759ba] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-30e759ba] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-30e759ba] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-30e759ba] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-30e759ba] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-30e759ba] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-30e759ba] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-30e759ba] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-30e759ba] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-30e759ba] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-30e759ba] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-30e759ba] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-30e759ba] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-30e759ba] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-30e759ba] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-30e759ba] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-30e759ba] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-30e759ba] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-30e759ba] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-30e759ba] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-30e759ba] {
        height: 56px !important
    }
}

input.form-control[data-v-30e759ba], input[data-v-30e759ba], select.form-control[data-v-30e759ba], select[data-v-30e759ba] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-30e759ba] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-30e759ba] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-30e759ba] {
    line-height: 100%
}

.button.btn-long[data-v-30e759ba] {
    padding: 10px 40px
}

.button.btn-radius[data-v-30e759ba] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-30e759ba] {
    border-radius: 20px
}

.button.btn-full[data-v-30e759ba] {
    width: 100%
}

.button.btn-80[data-v-30e759ba] {
    width: 80%
}

.button.hasIcon[data-v-30e759ba] {
    padding-left: 50px
}

.button a[data-v-30e759ba] {
    display: block
}

.button .labelIcon[data-v-30e759ba] {
    position: absolute
}

.button .labelIcon svg[data-v-30e759ba] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-30e759ba] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-30e759ba]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-30e759ba] {
    outline: none
}

.keyboard-input-wrap[data-v-30e759ba] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-30e759ba] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-30e759ba] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-30e759ba] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-30e759ba] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-30e759ba] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-30e759ba] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-30e759ba] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-30e759ba] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-30e759ba] {
    font-size: 1.2em
}

.color-white[data-v-30e759ba] {
    color: #fff
}

.color-white-50[data-v-30e759ba] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-30e759ba] {
    display: none
}

.ld-loading .loading[data-v-30e759ba], .main-loading .loading[data-v-30e759ba] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-30e759ba] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-30e759ba]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-30e759ba]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-30e759ba] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-30e759ba] {
    -webkit-animation: rotate-data-v-30e759ba 1s linear infinite;
    animation: rotate-data-v-30e759ba 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-30e759ba] {
    stroke: transparent
}

.wrapNotify[data-v-30e759ba] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-30e759ba] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-30e759ba] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-30e759ba] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-30e759ba] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-30e759ba] {
    display: block
}

.wrapNotify .close-notify[data-v-30e759ba] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-30e759ba] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-30e759ba] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-30e759ba] {
    background-color: transparent
}

.colorWhite[data-v-30e759ba] {
    color: #fff
}

.colorRed[data-v-30e759ba] {
    color: #f46273
}

.colorGreen[data-v-30e759ba] {
    color: #31baa0
}

.colorGray[data-v-30e759ba] {
    color: #7c7c7c
}

.tableBackground[data-v-30e759ba] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-30e759ba] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-30e759ba], .tableBackground .table-dark th[data-v-30e759ba] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-30e759ba]:after, .tableBackground .table-dark th[data-v-30e759ba]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-30e759ba] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-30e759ba], .tableBackground .table-dark th[data-v-30e759ba] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-30e759ba]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-30e759ba]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-30e759ba] {
    background-color: #060642
}

.tableBackground #paging li[data-v-30e759ba] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-30e759ba] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-30e759ba] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-30e759ba], .customeTradeHistory[data-v-30e759ba] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-30e759ba], .customeTradeHistory .reportrange-text[data-v-30e759ba] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-30e759ba], .customeTradeHistory .reportrange-text .seperate[data-v-30e759ba] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-30e759ba], .customeTradeHistory .reportrange-text span[data-v-30e759ba] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-30e759ba] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-30e759ba] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-30e759ba] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-30e759ba]:after, .startDate .daterangepicker.openscenter[data-v-30e759ba]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-30e759ba] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-30e759ba] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-30e759ba] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-30e759ba] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-30e759ba] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-30e759ba] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-30e759ba] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-30e759ba] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-30e759ba] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-30e759ba] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-30e759ba] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-30e759ba] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-30e759ba] {
    text-align: center
}

.border-none[data-v-30e759ba] {
    border: none
}

.text-domain[data-v-30e759ba]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-30e759ba] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-30e759ba] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-30e759ba] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-30e759ba] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-30e759ba] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-30e759ba] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-30e759ba] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-30e759ba] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-30e759ba] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-30e759ba] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-30e759ba] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-30e759ba] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-30e759ba] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-30e759ba] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-30e759ba] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-30e759ba] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-30e759ba] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-30e759ba] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-30e759ba] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-30e759ba] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-30e759ba] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-30e759ba] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-30e759ba] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-30e759ba] {
    fill: #000
}

.btn-active-paging[data-v-30e759ba] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-30e759ba] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-30e759ba] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-30e759ba] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-30e759ba], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-30e759ba] {
    background: #8b8d96 !important
}

.transactionBox[data-v-30e759ba] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-30e759ba] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-30e759ba] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-30e759ba] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-30e759ba] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-30e759ba] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-30e759ba] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-30e759ba] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-30e759ba] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-30e759ba] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-30e759ba] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-30e759ba] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-30e759ba] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-30e759ba] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-30e759ba] {
    color: #2a74f9 !important
}

.inputEmail[data-v-30e759ba] {
    height: 45px !important;
    line-height: 45px !important;
    background-color: transparent !important;
    border-radius: 8px !important;
    border-color: #0d0d0d !important
}

.btnResend[data-v-30e759ba] {
    font-size: 15px;
    padding: 11px 2.5rem;
    border: none
}

    .btnResend[data-v-30e759ba]:hover {
        -webkit-filter: brightness(115%);
        filter: brightness(115%)
    }

.boxAuthentication[data-v-30e759ba] {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    z-index: 9999;
    -webkit-transition: opacity .3s ease .3s,left 0s ease .7s;
    transition: opacity .3s ease .3s,left 0s ease .7s
}

.boxAuthentication.show[data-v-30e759ba] {
    right: 0
}

.boxAuthentication.show .contentAuthentication[data-v-30e759ba] {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.boxAuthentication .contentAuthentication[data-v-30e759ba] {
    position: relative;
    margin-left: auto;
    max-width: 428px;
    height: 100%;
    padding: 2rem;
    -webkit-transform: translateX(428px);
    transform: translateX(428px);
    -webkit-transition: -webkit-transform .3s ease .3s;
    transition: -webkit-transform .3s ease .3s;
    transition: transform .3s ease .3s;
    transition: transform .3s ease .3s,-webkit-transform .3s ease .3s;
    overflow-y: auto
}

.boxAuthentication .contentAuthentication .close-page[data-v-30e759ba] {
    position: static !important
}

.boxAuthentication .contentAuthentication .auth-left-col[data-v-30e759ba] {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.errorMessage[data-v-30e759ba] {
    margin-top: .25rem;
    font-style: italic;
    font-size: .75rem
}

.ld-loading .auth-left-col[data-v-30e759ba] {
    padding: 0
}

.auth-left-col[data-v-30e759ba] {
    padding: 0 2rem
}

@media (max-width:610px) {
    .auth-left-col[data-v-30e759ba] {
        width: 100% !important;
        top: 38% !important
    }

    .auth-left-col .logoLogin[data-v-30e759ba] {
        top: 15px !important
    }

    .auth-right-col[data-v-30e759ba] {
        display: none
    }

    .backgroundLogin .auth-left-col .block-req-success[data-v-30e759ba] {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .siginButton[data-v-30e759ba] {
        position: absolute;
        left: 0
    }

    .bottomText[data-v-30e759ba] {
        margin-bottom: 1.5rem !important;
        text-align: center
    }

    .close-page[data-v-30e759ba] {
        font-size: 45px;
        top: 10px;
        right: 10px
    }
}

@media (max-width:768px) {
    .titleHeader[data-v-30e759ba] {
        margin-top: 50px
    }

    .siginButton[data-v-30e759ba] {
        top: 14rem
    }
}

body[data-v-049fb53f] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-049fb53f]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-049fb53f]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-049fb53f]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-049fb53f] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-049fb53f]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-049fb53f]::-webkit-inner-spin-button, input[data-v-049fb53f]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-049fb53f] {
    -moz-appearance: textfield
}

button[data-v-049fb53f]:focus, input[data-v-049fb53f]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-049fb53f] {
    font-size: 8px
}

.font-10[data-v-049fb53f] {
    font-size: .6rem !important
}

.font-12[data-v-049fb53f] {
    font-size: 12px
}

.font-14[data-v-049fb53f] {
    font-size: 14px
}

.font-16[data-v-049fb53f] {
    font-size: 16px
}

.font-18[data-v-049fb53f] {
    font-size: 18px
}

.font-20[data-v-049fb53f] {
    font-size: 20px
}

.font-24[data-v-049fb53f] {
    font-size: 24px
}

.font-32[data-v-049fb53f] {
    font-size: 32px
}

.font-34[data-v-049fb53f] {
    font-size: 34px
}

.font-40[data-v-049fb53f] {
    font-size: 2.5rem !important
}

.font-44[data-v-049fb53f] {
    font-size: 44px
}

.colorPrimary[data-v-049fb53f] {
    color: #2a74f9
}

.colorPrimary1[data-v-049fb53f] {
    color: #000 !important
}

.colorSecondary[data-v-049fb53f] {
    color: #fff !important
}

.colorSecondary1[data-v-049fb53f] {
    color: #414141 !important
}

.colorSecondary2[data-v-049fb53f] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-049fb53f] {
    color: #0d0d0d
}

.colorSecondary4[data-v-049fb53f] {
    color: #02142b
}

.colorSecondary5[data-v-049fb53f] {
    color: #1a1e24
}

.colorSecondary6[data-v-049fb53f] {
    color: #fafafa
}

.colorSecondary7[data-v-049fb53f] {
    color: #333
}

.colorSecondary8[data-v-049fb53f] {
    color: #0e0031
}

.colorSuccess[data-v-049fb53f] {
    color: #31baa0
}

.colorWarning[data-v-049fb53f] {
    color: #ffcf5c
}

.colorDanger[data-v-049fb53f] {
    color: #f46273
}

.fillPrimary[data-v-049fb53f] {
    fill: #2a74f9
}

.fillWarning[data-v-049fb53f] {
    fill: #ffcf5c
}

.fillDanger[data-v-049fb53f] {
    fill: #f46273
}

.fillSecondary1[data-v-049fb53f] {
    fill: #414141
}

.fillSecondary2[data-v-049fb53f] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-049fb53f] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-049fb53f] {
    fill: #02142b
}

.fillSecondary5[data-v-049fb53f] {
    fill: #1a1e24
}

.fillSecondary6[data-v-049fb53f] {
    fill: #fafafa
}

.fillSecondary7[data-v-049fb53f] {
    fill: #333
}

.fillSecondary8[data-v-049fb53f] {
    fill: #0e0031
}

.textnote-notidesc[data-v-049fb53f] {
    color: #fff
}

.bgColor0[data-v-049fb53f] {
    background-color: transparent
}

.bgPrimary-hover[data-v-049fb53f]:hover, .bgPrimary[data-v-049fb53f] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-049fb53f]:hover, .bgPrimary1[data-v-049fb53f] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-049fb53f]:hover, .bgPrimary2[data-v-049fb53f] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-049fb53f]:hover, .bgSecondary[data-v-049fb53f] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-049fb53f]:hover, .bgSecondary1[data-v-049fb53f] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-049fb53f]:hover, .bgSecondary2[data-v-049fb53f] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-049fb53f]:hover, .bgSecondary3[data-v-049fb53f] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-049fb53f] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-049fb53f] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-049fb53f]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-049fb53f]:hover, .bgSecondary5[data-v-049fb53f] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-049fb53f]:hover, .bgSecondary6[data-v-049fb53f] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-049fb53f]:hover, .bgSecondary7[data-v-049fb53f] {
    background-color: #333 !important
}

.bgSecondary8[data-v-049fb53f] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-049fb53f]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-049fb53f] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-049fb53f]:hover, .bgSuccess[data-v-049fb53f] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-049fb53f] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-049fb53f] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-049fb53f]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-049fb53f] {
    fill: #31baa0
}

.w-14-px[data-v-049fb53f] {
    width: 14px
}

.max-width-50[data-v-049fb53f] {
    max-width: 50%
}

.h-60-px[data-v-049fb53f] {
    height: 60px
}

.h-100-px[data-v-049fb53f] {
    height: 100px
}

.mb-16-px[data-v-049fb53f] {
    margin-bottom: 16px
}

.mb-30-px[data-v-049fb53f] {
    margin-bottom: 30px
}

.borderRounded[data-v-049fb53f] {
    border-radius: 5px
}

.borderPrimary[data-v-049fb53f] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-049fb53f] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-049fb53f] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-049fb53f] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-049fb53f] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-049fb53f] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-049fb53f] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-049fb53f] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-049fb53f] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-049fb53f] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-049fb53f] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-049fb53f] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-049fb53f] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-049fb53f] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-049fb53f]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-049fb53f] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-049fb53f] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-049fb53f] {
    padding: 1px
}

.px-1-px[data-v-049fb53f] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-049fb53f] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-049fb53f] {
    padding-left: 1px
}

.pr-1-px[data-v-049fb53f] {
    padding-right: 1px
}

.pt-1-px[data-v-049fb53f] {
    padding-top: 1px
}

.pb-1-px[data-v-049fb53f] {
    padding-bottom: 1px
}

.p-2-px[data-v-049fb53f] {
    padding: 2px
}

.px-2-px[data-v-049fb53f] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-049fb53f] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-049fb53f] {
    padding-left: 2px
}

.pr-2-px[data-v-049fb53f] {
    padding-right: 2px
}

.pt-2-px[data-v-049fb53f] {
    padding-top: 2px
}

.pb-2-px[data-v-049fb53f] {
    padding-bottom: 2px
}

.p-8-px[data-v-049fb53f] {
    padding: 8px
}

.px-8-px[data-v-049fb53f] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-049fb53f] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-049fb53f] {
    padding-left: 8px
}

.pr-8-px[data-v-049fb53f] {
    padding-right: 8px
}

.pt-8-px[data-v-049fb53f] {
    padding-top: 8px
}

.pb-8-px[data-v-049fb53f] {
    padding-bottom: 8px
}

.p-10-px[data-v-049fb53f] {
    padding: 10px
}

.px-10-px[data-v-049fb53f] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-049fb53f] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-049fb53f] {
    padding-left: 10px
}

.pr-10-px[data-v-049fb53f] {
    padding-right: 10px
}

.pt-10-px[data-v-049fb53f] {
    padding-top: 10px
}

.pb-10-px[data-v-049fb53f] {
    padding-bottom: 10px
}

.p-12-px[data-v-049fb53f] {
    padding: 12px
}

.px-12-px[data-v-049fb53f] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-049fb53f] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-049fb53f] {
    padding-left: 12px
}

.pr-12-px[data-v-049fb53f] {
    padding-right: 12px
}

.pt-12-px[data-v-049fb53f] {
    padding-top: 12px
}

.pb-12-px[data-v-049fb53f] {
    padding-bottom: 12px
}

.p-16-px[data-v-049fb53f] {
    padding: 16px
}

.px-16-px[data-v-049fb53f] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-049fb53f] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-049fb53f] {
    padding-left: 16px
}

.pr-16-px[data-v-049fb53f] {
    padding-right: 16px
}

.pt-16-px[data-v-049fb53f] {
    padding-top: 16px
}

.pb-16-px[data-v-049fb53f] {
    padding-bottom: 16px
}

.p-30-px[data-v-049fb53f] {
    padding: 30px
}

.px-30-px[data-v-049fb53f] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-049fb53f] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-049fb53f] {
    padding-left: 30px
}

.pr-30-px[data-v-049fb53f] {
    padding-right: 30px
}

.pt-30-px[data-v-049fb53f] {
    padding-top: 30px
}

.pb-30-px[data-v-049fb53f] {
    padding-bottom: 30px
}

.font-30[data-v-049fb53f] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-049fb53f] {
    font-weight: 700
}

.wbo-title[data-v-049fb53f] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-049fb53f] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-049fb53f] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-049fb53f] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-049fb53f]:focus {
        outline: 0
    }

    .button[data-v-049fb53f]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-049fb53f] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-049fb53f]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-049fb53f] {
    padding: 11px 2.5rem
}

.button.primary[data-v-049fb53f], .button.primary[data-v-049fb53f]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-049fb53f], .text-primary[data-v-049fb53f], a .primary-hover[data-v-049fb53f]:hover {
    color: #000 !important
}

ul[data-v-049fb53f] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-049fb53f], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-049fb53f] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-049fb53f]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-049fb53f]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-049fb53f], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-049fb53f], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-049fb53f]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-049fb53f], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-049fb53f], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-049fb53f]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-049fb53f], .faqsContent .content .navigator ul li a.active[data-v-049fb53f]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-049fb53f]:hover {
    color: #000
}

.ps[data-v-049fb53f] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-049fb53f] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-049fb53f], .ps__rail-y[data-v-049fb53f] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-049fb53f] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-049fb53f], .ps--active-y > .ps__rail-y[data-v-049fb53f] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-049fb53f], .ps--focus > .ps__rail-y[data-v-049fb53f], .ps--scrolling-x > .ps__rail-x[data-v-049fb53f], .ps--scrolling-y > .ps__rail-y[data-v-049fb53f], .ps:hover > .ps__rail-x[data-v-049fb53f], .ps:hover > .ps__rail-y[data-v-049fb53f] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-049fb53f], .ps .ps__rail-x[data-v-049fb53f]:focus, .ps .ps__rail-x[data-v-049fb53f]:hover, .ps .ps__rail-y.ps--clicking[data-v-049fb53f], .ps .ps__rail-y[data-v-049fb53f]:focus, .ps .ps__rail-y[data-v-049fb53f]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-049fb53f] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-049fb53f] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-049fb53f], .ps__rail-x:focus > .ps__thumb-x[data-v-049fb53f], .ps__rail-x:hover > .ps__thumb-x[data-v-049fb53f] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-049fb53f], .ps__rail-y:focus > .ps__thumb-y[data-v-049fb53f], .ps__rail-y:hover > .ps__thumb-y[data-v-049fb53f] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-049fb53f] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-049fb53f] {
        overflow: auto !important
    }
}

.md-field[data-v-049fb53f] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-049fb53f] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-049fb53f] {
    color: #2a74f9
}

.md-field .md-error[data-v-049fb53f] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-049fb53f] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-049fb53f], .md-field.md-has-value label[data-v-049fb53f] {
    top: -10px
}

.form-control[data-v-049fb53f], .md-field .md-input[data-v-049fb53f], .md-field .md-textarea[data-v-049fb53f], .winput[data-v-049fb53f] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-049fb53f] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-049fb53f] {
    fill: #0d0d0d
}

.round[data-v-049fb53f] {
    border-radius: 5px
}

.off[data-v-049fb53f] {
    position: relative;
    cursor: default
}

.off > [data-v-049fb53f] {
    opacity: .5
}

.off[data-v-049fb53f]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-049fb53f] {
    cursor: pointer
}

.close-page[data-v-049fb53f] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-049fb53f] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-049fb53f], .slide-fade-leave-active[data-v-049fb53f] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-049fb53f], .slide-fade-leave-to[data-v-049fb53f] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-049fb53f {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-049fb53f {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-049fb53f] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-049fb53f] {
    color: #ffcf5c
}

.button[data-v-049fb53f] {
    font-weight: 700
}

.modal .modal-dialog[data-v-049fb53f] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-049fb53f] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-049fb53f] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-049fb53f], .modal .modal-dialog .modal-header[data-v-049fb53f] {
    border: none
}

#chartCommisst .highcharts-title[data-v-049fb53f] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-049fb53f] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-049fb53f] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-049fb53f], .modal .modal-dialog form[data-v-049fb53f] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-049fb53f] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-049fb53f], .FaqsDetail[data-v-049fb53f] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-049fb53f], .FaqsDetail[data-v-049fb53f] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-049fb53f], .FaqsDetail .headerMaster .boxHeader[data-v-049fb53f] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-049fb53f], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-049fb53f] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-049fb53f], .Faqs main[data-v-049fb53f] {
    background-color: unset
}

.titleChartCandle[data-v-049fb53f] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-049fb53f] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-049fb53f] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-049fb53f] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-049fb53f], .plotlineChart .time[data-v-049fb53f] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-049fb53f] {
    top: 51px
}

.boxHeader[data-v-049fb53f] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-049fb53f], .boxHeader .register[data-v-049fb53f] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-049fb53f] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-049fb53f] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-049fb53f] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-049fb53f] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-049fb53f]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-049fb53f] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-049fb53f]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-049fb53f] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-049fb53f]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-049fb53f] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-049fb53f] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-049fb53f] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-049fb53f] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-049fb53f] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-049fb53f] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-049fb53f] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-049fb53f] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-049fb53f] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-049fb53f] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-049fb53f] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-049fb53f] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-049fb53f] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-049fb53f] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-049fb53f] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-049fb53f] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-049fb53f] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-049fb53f] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-049fb53f] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-049fb53f] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-049fb53f] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-049fb53f] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-049fb53f] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-049fb53f] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-049fb53f] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-049fb53f] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-049fb53f] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-049fb53f] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-049fb53f] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-049fb53f] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-049fb53f] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-049fb53f] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-049fb53f] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-049fb53f] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-049fb53f] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-049fb53f] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-049fb53f] {
        height: 56px !important
    }
}

input.form-control[data-v-049fb53f], input[data-v-049fb53f], select.form-control[data-v-049fb53f], select[data-v-049fb53f] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-049fb53f] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-049fb53f] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-049fb53f] {
    line-height: 100%
}

.button.btn-long[data-v-049fb53f] {
    padding: 10px 40px
}

.button.btn-radius[data-v-049fb53f] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-049fb53f] {
    border-radius: 20px
}

.button.btn-full[data-v-049fb53f] {
    width: 100%
}

.button.btn-80[data-v-049fb53f] {
    width: 80%
}

.button.hasIcon[data-v-049fb53f] {
    padding-left: 50px
}

.button a[data-v-049fb53f] {
    display: block
}

.button .labelIcon[data-v-049fb53f] {
    position: absolute
}

.button .labelIcon svg[data-v-049fb53f] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-049fb53f] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-049fb53f]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-049fb53f] {
    outline: none
}

.keyboard-input-wrap[data-v-049fb53f] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-049fb53f] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-049fb53f] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-049fb53f] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-049fb53f] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-049fb53f] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-049fb53f] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-049fb53f] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-049fb53f] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-049fb53f] {
    font-size: 1.2em
}

.color-white[data-v-049fb53f] {
    color: #fff
}

.color-white-50[data-v-049fb53f] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-049fb53f] {
    display: none
}

.ld-loading .loading[data-v-049fb53f], .main-loading .loading[data-v-049fb53f] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-049fb53f] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-049fb53f]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-049fb53f]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-049fb53f] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-049fb53f] {
    -webkit-animation: rotate-data-v-049fb53f 1s linear infinite;
    animation: rotate-data-v-049fb53f 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-049fb53f] {
    stroke: transparent
}

.wrapNotify[data-v-049fb53f] {
    width: auto;
    background: #1d233b
}

.wrapNotify .boxNotify .boxContent[data-v-049fb53f], .wrapNotify .boxNotify[data-v-049fb53f] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-049fb53f] {
    display: block
}

.wrapNotify .close-notify[data-v-049fb53f] {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    text-align: center
}

.wrapNotify .close-notify svg[data-v-049fb53f] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-049fb53f] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-049fb53f] {
    background-color: transparent
}

.colorWhite[data-v-049fb53f] {
    color: #fff
}

.colorRed[data-v-049fb53f] {
    color: #f46273
}

.colorGreen[data-v-049fb53f] {
    color: #31baa0
}

.colorGray[data-v-049fb53f] {
    color: #7c7c7c
}

.tableBackground[data-v-049fb53f] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-049fb53f] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-049fb53f], .tableBackground .table-dark th[data-v-049fb53f] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-049fb53f]:after, .tableBackground .table-dark th[data-v-049fb53f]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-049fb53f] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-049fb53f], .tableBackground .table-dark th[data-v-049fb53f] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-049fb53f]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-049fb53f]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-049fb53f] {
    background-color: #060642
}

.tableBackground #paging li[data-v-049fb53f] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-049fb53f] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-049fb53f] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-049fb53f], .customeTradeHistory[data-v-049fb53f] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-049fb53f], .customeTradeHistory .reportrange-text[data-v-049fb53f] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-049fb53f], .customeTradeHistory .reportrange-text .seperate[data-v-049fb53f] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-049fb53f], .customeTradeHistory .reportrange-text span[data-v-049fb53f] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-049fb53f] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-049fb53f] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-049fb53f] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-049fb53f]:after, .startDate .daterangepicker.openscenter[data-v-049fb53f]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-049fb53f] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-049fb53f] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-049fb53f] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-049fb53f] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-049fb53f] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-049fb53f] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-049fb53f] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-049fb53f] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-049fb53f] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-049fb53f] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-049fb53f] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-049fb53f] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-049fb53f] {
    text-align: center
}

.border-none[data-v-049fb53f] {
    border: none
}

.text-domain[data-v-049fb53f]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-049fb53f] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-049fb53f] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-049fb53f] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-049fb53f] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-049fb53f] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-049fb53f] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-049fb53f] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-049fb53f] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-049fb53f] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-049fb53f] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-049fb53f] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-049fb53f] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-049fb53f] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-049fb53f] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-049fb53f] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-049fb53f] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-049fb53f] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-049fb53f] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-049fb53f] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-049fb53f] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-049fb53f] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-049fb53f] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-049fb53f] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-049fb53f] {
    fill: #000
}

.btn-active-paging[data-v-049fb53f] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-049fb53f] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-049fb53f] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-049fb53f] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-049fb53f], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-049fb53f] {
    background: #8b8d96 !important
}

.transactionBox[data-v-049fb53f] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-049fb53f] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-049fb53f] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-049fb53f] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-049fb53f] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-049fb53f] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-049fb53f] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-049fb53f] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-049fb53f] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-049fb53f] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-049fb53f] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-049fb53f] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-049fb53f] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-049fb53f] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-049fb53f] {
    color: #2a74f9 !important
}

.wrapMainNotify[data-v-049fb53f] {
    position: fixed;
    top: 100px;
    right: 40px;
    z-index: 99999
}

.wrapNotify[data-v-049fb53f] {
    position: relative;
    min-width: 200px;
    margin-bottom: 10px;
    background: #0e0031;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .mask[data-v-049fb53f] {
    position: absolute;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.wrapNotify .boxNotify[data-v-049fb53f] {
    border-radius: 5px;
    padding: 13.5px 10px
}

.wrapNotify .boxNotify .icon[data-v-049fb53f] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-049fb53f] {
    height: 20px
}

.wrapNotify .boxNotify .icon .fa-check[data-v-049fb53f], .wrapNotify .boxNotify .icon .fa-exclamation[data-v-049fb53f], .wrapNotify .boxNotify .icon .fa-times[data-v-049fb53f] {
    color: #fff
}

.wrapNotify .boxNotify .boxContent .title[data-v-049fb53f] {
    margin-bottom: 0
}

.wrapNotify .boxNotify .boxContent .message[data-v-049fb53f] {
    font-size: 1rem
}

.wrapNotify.success[data-v-049fb53f] {
    border: 1px solid #31baa0;
    border-color: hsla(0,0%,100%,.1) !important;
}

.wrapNotify.success .message[data-v-049fb53f] {
    color: #31baa0
}

.wrapNotify.success .boxNotify[data-v-049fb53f] {
    background-color: #0e0031
}

.wrapNotify.success .boxNotify .icon[data-v-049fb53f] {
    background-color: #31baa0
}

.wrapNotify.wramning[data-v-049fb53f] {
    border: 1px solid #ffcf5c
}

.wrapNotify.wramning .message[data-v-049fb53f] {
    color: #ffcf5c
}

.wrapNotify.wramning .boxNotify .icon[data-v-049fb53f] {
    background: #ffcf5c
}

.wrapNotify.error[data-v-049fb53f] {
    border: 1px solid #f46273
}

.wrapNotify.error .message[data-v-049fb53f] {
    color: #f46273
}

.wrapNotify.error .boxNotify[data-v-049fb53f] {
    background-color: #fff
}

.wrapNotify.error .boxNotify .icon[data-v-049fb53f] {
    background: #f46273
}

.wrapNotify .close-notify[data-v-049fb53f] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: 30px;
    height: 30px;
    right: -35px;
    top: 0;
    background-color: hsla(0,0%,100%,.3);
    cursor: pointer
}

body[data-v-106ba7dc] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-106ba7dc]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-106ba7dc]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-106ba7dc]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-106ba7dc] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-106ba7dc]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-106ba7dc]::-webkit-inner-spin-button, input[data-v-106ba7dc]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-106ba7dc] {
    -moz-appearance: textfield
}

button[data-v-106ba7dc]:focus, input[data-v-106ba7dc]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-106ba7dc] {
    font-size: 8px
}

.font-10[data-v-106ba7dc] {
    font-size: .6rem !important
}

.font-12[data-v-106ba7dc] {
    font-size: 12px
}

.font-14[data-v-106ba7dc] {
    font-size: 14px
}

.font-16[data-v-106ba7dc] {
    font-size: 16px
}

.font-18[data-v-106ba7dc] {
    font-size: 18px
}

.font-20[data-v-106ba7dc] {
    font-size: 20px
}

.font-24[data-v-106ba7dc] {
    font-size: 24px
}

.font-32[data-v-106ba7dc] {
    font-size: 32px
}

.font-34[data-v-106ba7dc] {
    font-size: 34px
}

.font-40[data-v-106ba7dc] {
    font-size: 2.5rem !important
}

.font-44[data-v-106ba7dc] {
    font-size: 44px
}

.colorPrimary[data-v-106ba7dc] {
    color: #2a74f9
}

.colorPrimary1[data-v-106ba7dc] {
    color: #000 !important
}

.colorSecondary[data-v-106ba7dc] {
    color: #fff !important
}

.colorSecondary1[data-v-106ba7dc] {
    color: #414141 !important
}

.colorSecondary2[data-v-106ba7dc] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-106ba7dc] {
    color: #0d0d0d
}

.colorSecondary4[data-v-106ba7dc] {
    color: #02142b
}

.colorSecondary5[data-v-106ba7dc] {
    color: #1a1e24
}

.colorSecondary6[data-v-106ba7dc] {
    color: #fafafa
}

.colorSecondary7[data-v-106ba7dc] {
    color: #333
}

.colorSecondary8[data-v-106ba7dc] {
    color: #0e0031
}

.colorSuccess[data-v-106ba7dc] {
    color: #31baa0
}

.colorWarning[data-v-106ba7dc] {
    color: #ffcf5c
}

.colorDanger[data-v-106ba7dc] {
    color: #f46273
}

.fillPrimary[data-v-106ba7dc] {
    fill: #2a74f9
}

.fillWarning[data-v-106ba7dc] {
    fill: #ffcf5c
}

.fillDanger[data-v-106ba7dc] {
    fill: #f46273
}

.fillSecondary1[data-v-106ba7dc] {
    fill: #414141
}

.fillSecondary2[data-v-106ba7dc] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-106ba7dc] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-106ba7dc] {
    fill: #02142b
}

.fillSecondary5[data-v-106ba7dc] {
    fill: #1a1e24
}

.fillSecondary6[data-v-106ba7dc] {
    fill: #fafafa
}

.fillSecondary7[data-v-106ba7dc] {
    fill: #333
}

.fillSecondary8[data-v-106ba7dc] {
    fill: #0e0031
}

.textnote-notidesc[data-v-106ba7dc] {
    color: #fff
}

.bgColor0[data-v-106ba7dc] {
    background-color: transparent
}

.bgPrimary-hover[data-v-106ba7dc]:hover, .bgPrimary[data-v-106ba7dc] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-106ba7dc]:hover, .bgPrimary1[data-v-106ba7dc] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-106ba7dc]:hover, .bgPrimary2[data-v-106ba7dc] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-106ba7dc]:hover, .bgSecondary[data-v-106ba7dc] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-106ba7dc]:hover, .bgSecondary1[data-v-106ba7dc] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-106ba7dc]:hover, .bgSecondary2[data-v-106ba7dc] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-106ba7dc]:hover, .bgSecondary3[data-v-106ba7dc] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-106ba7dc] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-106ba7dc] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-106ba7dc]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-106ba7dc]:hover, .bgSecondary5[data-v-106ba7dc] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-106ba7dc]:hover, .bgSecondary6[data-v-106ba7dc] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-106ba7dc]:hover, .bgSecondary7[data-v-106ba7dc] {
    background-color: #333 !important
}

.bgSecondary8[data-v-106ba7dc] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-106ba7dc]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-106ba7dc] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-106ba7dc]:hover, .bgSuccess[data-v-106ba7dc] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-106ba7dc] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-106ba7dc] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-106ba7dc]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-106ba7dc] {
    fill: #31baa0
}

.w-14-px[data-v-106ba7dc] {
    width: 14px
}

.max-width-50[data-v-106ba7dc] {
    max-width: 50%
}

.h-60-px[data-v-106ba7dc] {
    height: 60px
}

.h-100-px[data-v-106ba7dc] {
    height: 100px
}

.mb-16-px[data-v-106ba7dc] {
    margin-bottom: 16px
}

.mb-30-px[data-v-106ba7dc] {
    margin-bottom: 30px
}

.borderRounded[data-v-106ba7dc] {
    border-radius: 5px
}

.borderPrimary[data-v-106ba7dc] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-106ba7dc] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-106ba7dc] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-106ba7dc] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-106ba7dc] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-106ba7dc] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-106ba7dc] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-106ba7dc] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-106ba7dc] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-106ba7dc] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-106ba7dc] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-106ba7dc] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-106ba7dc] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-106ba7dc] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-106ba7dc]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-106ba7dc] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-106ba7dc] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-106ba7dc] {
    padding: 1px
}

.px-1-px[data-v-106ba7dc] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-106ba7dc] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-106ba7dc] {
    padding-left: 1px
}

.pr-1-px[data-v-106ba7dc] {
    padding-right: 1px
}

.pt-1-px[data-v-106ba7dc] {
    padding-top: 1px
}

.pb-1-px[data-v-106ba7dc] {
    padding-bottom: 1px
}

.p-2-px[data-v-106ba7dc] {
    padding: 2px
}

.px-2-px[data-v-106ba7dc] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-106ba7dc] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-106ba7dc] {
    padding-left: 2px
}

.pr-2-px[data-v-106ba7dc] {
    padding-right: 2px
}

.pt-2-px[data-v-106ba7dc] {
    padding-top: 2px
}

.pb-2-px[data-v-106ba7dc] {
    padding-bottom: 2px
}

.p-8-px[data-v-106ba7dc] {
    padding: 8px
}

.px-8-px[data-v-106ba7dc] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-106ba7dc] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-106ba7dc] {
    padding-left: 8px
}

.pr-8-px[data-v-106ba7dc] {
    padding-right: 8px
}

.pt-8-px[data-v-106ba7dc] {
    padding-top: 8px
}

.pb-8-px[data-v-106ba7dc] {
    padding-bottom: 8px
}

.p-10-px[data-v-106ba7dc] {
    padding: 10px
}

.px-10-px[data-v-106ba7dc] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-106ba7dc] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-106ba7dc] {
    padding-left: 10px
}

.pr-10-px[data-v-106ba7dc] {
    padding-right: 10px
}

.pt-10-px[data-v-106ba7dc] {
    padding-top: 10px
}

.pb-10-px[data-v-106ba7dc] {
    padding-bottom: 10px
}

.p-12-px[data-v-106ba7dc] {
    padding: 12px
}

.px-12-px[data-v-106ba7dc] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-106ba7dc] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-106ba7dc] {
    padding-left: 12px
}

.pr-12-px[data-v-106ba7dc] {
    padding-right: 12px
}

.pt-12-px[data-v-106ba7dc] {
    padding-top: 12px
}

.pb-12-px[data-v-106ba7dc] {
    padding-bottom: 12px
}

.p-16-px[data-v-106ba7dc] {
    padding: 16px
}

.px-16-px[data-v-106ba7dc] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-106ba7dc] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-106ba7dc] {
    padding-left: 16px
}

.pr-16-px[data-v-106ba7dc] {
    padding-right: 16px
}

.pt-16-px[data-v-106ba7dc] {
    padding-top: 16px
}

.pb-16-px[data-v-106ba7dc] {
    padding-bottom: 16px
}

.p-30-px[data-v-106ba7dc] {
    padding: 30px
}

.px-30-px[data-v-106ba7dc] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-106ba7dc] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-106ba7dc] {
    padding-left: 30px
}

.pr-30-px[data-v-106ba7dc] {
    padding-right: 30px
}

.pt-30-px[data-v-106ba7dc] {
    padding-top: 30px
}

.pb-30-px[data-v-106ba7dc] {
    padding-bottom: 30px
}

.font-30[data-v-106ba7dc] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-106ba7dc] {
    font-weight: 700
}

.wbo-title[data-v-106ba7dc] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-106ba7dc] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-106ba7dc] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-106ba7dc] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-106ba7dc]:focus {
        outline: 0
    }

    .button[data-v-106ba7dc]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-106ba7dc] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-106ba7dc]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-106ba7dc] {
    padding: 11px 2.5rem
}

.button.primary[data-v-106ba7dc], .button.primary[data-v-106ba7dc]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-106ba7dc], .text-primary[data-v-106ba7dc], a .primary-hover[data-v-106ba7dc]:hover {
    color: #000 !important
}

ul[data-v-106ba7dc] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-106ba7dc], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-106ba7dc] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-106ba7dc]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-106ba7dc]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-106ba7dc], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-106ba7dc], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-106ba7dc]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-106ba7dc], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-106ba7dc], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-106ba7dc]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-106ba7dc], .faqsContent .content .navigator ul li a.active[data-v-106ba7dc]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-106ba7dc]:hover {
    color: #000
}

.ps[data-v-106ba7dc] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-106ba7dc] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-106ba7dc], .ps__rail-y[data-v-106ba7dc] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-106ba7dc] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-106ba7dc], .ps--active-y > .ps__rail-y[data-v-106ba7dc] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-106ba7dc], .ps--focus > .ps__rail-y[data-v-106ba7dc], .ps--scrolling-x > .ps__rail-x[data-v-106ba7dc], .ps--scrolling-y > .ps__rail-y[data-v-106ba7dc], .ps:hover > .ps__rail-x[data-v-106ba7dc], .ps:hover > .ps__rail-y[data-v-106ba7dc] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-106ba7dc], .ps .ps__rail-x[data-v-106ba7dc]:focus, .ps .ps__rail-x[data-v-106ba7dc]:hover, .ps .ps__rail-y.ps--clicking[data-v-106ba7dc], .ps .ps__rail-y[data-v-106ba7dc]:focus, .ps .ps__rail-y[data-v-106ba7dc]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-106ba7dc] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-106ba7dc] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-106ba7dc], .ps__rail-x:focus > .ps__thumb-x[data-v-106ba7dc], .ps__rail-x:hover > .ps__thumb-x[data-v-106ba7dc] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-106ba7dc], .ps__rail-y:focus > .ps__thumb-y[data-v-106ba7dc], .ps__rail-y:hover > .ps__thumb-y[data-v-106ba7dc] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-106ba7dc] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-106ba7dc] {
        overflow: auto !important
    }
}

.md-field[data-v-106ba7dc] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-106ba7dc] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-106ba7dc] {
    color: #2a74f9
}

.md-field .md-error[data-v-106ba7dc] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-106ba7dc] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-106ba7dc], .md-field.md-has-value label[data-v-106ba7dc] {
    top: -10px
}

.form-control[data-v-106ba7dc], .md-field .md-input[data-v-106ba7dc], .md-field .md-textarea[data-v-106ba7dc], .winput[data-v-106ba7dc] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-106ba7dc] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-106ba7dc] {
    fill: #0d0d0d
}

.round[data-v-106ba7dc] {
    border-radius: 5px
}

.off[data-v-106ba7dc] {
    position: relative;
    cursor: default
}

.off > [data-v-106ba7dc] {
    opacity: .5
}

.off[data-v-106ba7dc]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-106ba7dc] {
    cursor: pointer
}

.close-page[data-v-106ba7dc] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-106ba7dc] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-106ba7dc], .slide-fade-leave-active[data-v-106ba7dc] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-106ba7dc], .slide-fade-leave-to[data-v-106ba7dc] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-106ba7dc {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-106ba7dc {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-106ba7dc] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-106ba7dc] {
    color: #ffcf5c
}

.button[data-v-106ba7dc] {
    font-weight: 700
}

.modal .modal-dialog[data-v-106ba7dc] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-106ba7dc] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-106ba7dc] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-106ba7dc], .modal .modal-dialog .modal-header[data-v-106ba7dc] {
    border: none
}

#chartCommisst .highcharts-title[data-v-106ba7dc] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-106ba7dc] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-106ba7dc] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-106ba7dc], .modal .modal-dialog form[data-v-106ba7dc] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-106ba7dc] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-106ba7dc], .FaqsDetail[data-v-106ba7dc] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-106ba7dc], .FaqsDetail[data-v-106ba7dc] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-106ba7dc], .FaqsDetail .headerMaster .boxHeader[data-v-106ba7dc] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-106ba7dc], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-106ba7dc] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-106ba7dc], .Faqs main[data-v-106ba7dc] {
    background-color: unset
}

.titleChartCandle[data-v-106ba7dc] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-106ba7dc] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-106ba7dc] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-106ba7dc] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-106ba7dc], .plotlineChart .time[data-v-106ba7dc] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-106ba7dc] {
    top: 51px
}

.boxHeader[data-v-106ba7dc] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-106ba7dc], .boxHeader .register[data-v-106ba7dc] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-106ba7dc] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-106ba7dc] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-106ba7dc] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-106ba7dc] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-106ba7dc]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-106ba7dc] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-106ba7dc]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-106ba7dc] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-106ba7dc]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-106ba7dc] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-106ba7dc] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-106ba7dc] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-106ba7dc] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-106ba7dc] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-106ba7dc] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-106ba7dc] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-106ba7dc] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-106ba7dc] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-106ba7dc] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-106ba7dc] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-106ba7dc] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-106ba7dc] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-106ba7dc] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-106ba7dc] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-106ba7dc] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-106ba7dc] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-106ba7dc] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-106ba7dc] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-106ba7dc] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-106ba7dc] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-106ba7dc] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-106ba7dc] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-106ba7dc] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-106ba7dc] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-106ba7dc] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-106ba7dc] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-106ba7dc] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-106ba7dc] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-106ba7dc] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-106ba7dc] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-106ba7dc] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-106ba7dc] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-106ba7dc] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-106ba7dc] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-106ba7dc] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-106ba7dc] {
        height: 56px !important
    }
}

input.form-control[data-v-106ba7dc], input[data-v-106ba7dc], select.form-control[data-v-106ba7dc], select[data-v-106ba7dc] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-106ba7dc] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-106ba7dc] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-106ba7dc] {
    line-height: 100%
}

.button.btn-long[data-v-106ba7dc] {
    padding: 10px 40px
}

.button.btn-radius[data-v-106ba7dc] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-106ba7dc] {
    border-radius: 20px
}

.button.btn-full[data-v-106ba7dc] {
    width: 100%
}

.button.btn-80[data-v-106ba7dc] {
    width: 80%
}

.button.hasIcon[data-v-106ba7dc] {
    padding-left: 50px
}

.button a[data-v-106ba7dc] {
    display: block
}

.button .labelIcon[data-v-106ba7dc] {
    position: absolute
}

.button .labelIcon svg[data-v-106ba7dc] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-106ba7dc] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-106ba7dc]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-106ba7dc] {
    outline: none
}

.keyboard-input-wrap[data-v-106ba7dc] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-106ba7dc] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-106ba7dc] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-106ba7dc] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-106ba7dc] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-106ba7dc] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-106ba7dc] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-106ba7dc] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-106ba7dc] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-106ba7dc] {
    font-size: 1.2em
}

.color-white[data-v-106ba7dc] {
    color: #fff
}

.color-white-50[data-v-106ba7dc] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-106ba7dc] {
    display: none
}

.ld-loading .loading[data-v-106ba7dc], .main-loading .loading[data-v-106ba7dc] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-106ba7dc] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-106ba7dc]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-106ba7dc]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-106ba7dc] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-106ba7dc] {
    -webkit-animation: rotate-data-v-106ba7dc 1s linear infinite;
    animation: rotate-data-v-106ba7dc 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-106ba7dc] {
    stroke: transparent
}

.wrapNotify[data-v-106ba7dc] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-106ba7dc] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-106ba7dc] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-106ba7dc] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-106ba7dc] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-106ba7dc] {
    display: block
}

.wrapNotify .close-notify[data-v-106ba7dc] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-106ba7dc] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-106ba7dc] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-106ba7dc] {
    background-color: transparent
}

.colorWhite[data-v-106ba7dc] {
    color: #fff
}

.colorRed[data-v-106ba7dc] {
    color: #f46273
}

.colorGreen[data-v-106ba7dc] {
    color: #31baa0
}

.colorGray[data-v-106ba7dc] {
    color: #7c7c7c
}

.tableBackground[data-v-106ba7dc] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-106ba7dc] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-106ba7dc], .tableBackground .table-dark th[data-v-106ba7dc] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-106ba7dc]:after, .tableBackground .table-dark th[data-v-106ba7dc]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-106ba7dc] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-106ba7dc], .tableBackground .table-dark th[data-v-106ba7dc] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-106ba7dc]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-106ba7dc]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-106ba7dc] {
    background-color: #060642
}

.tableBackground #paging li[data-v-106ba7dc] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-106ba7dc] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-106ba7dc] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-106ba7dc], .customeTradeHistory[data-v-106ba7dc] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-106ba7dc], .customeTradeHistory .reportrange-text[data-v-106ba7dc] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-106ba7dc], .customeTradeHistory .reportrange-text .seperate[data-v-106ba7dc] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-106ba7dc], .customeTradeHistory .reportrange-text span[data-v-106ba7dc] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-106ba7dc] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-106ba7dc] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-106ba7dc] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-106ba7dc]:after, .startDate .daterangepicker.openscenter[data-v-106ba7dc]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-106ba7dc] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-106ba7dc] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-106ba7dc] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-106ba7dc] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-106ba7dc] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-106ba7dc] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-106ba7dc] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-106ba7dc] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-106ba7dc] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-106ba7dc] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-106ba7dc] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-106ba7dc] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-106ba7dc] {
    text-align: center
}

.border-none[data-v-106ba7dc] {
    border: none
}

.text-domain[data-v-106ba7dc]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-106ba7dc] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-106ba7dc] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-106ba7dc] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-106ba7dc] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-106ba7dc] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-106ba7dc] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-106ba7dc] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-106ba7dc] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-106ba7dc] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-106ba7dc] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-106ba7dc] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-106ba7dc] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-106ba7dc] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-106ba7dc] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-106ba7dc] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-106ba7dc] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-106ba7dc] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-106ba7dc] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-106ba7dc] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-106ba7dc] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-106ba7dc] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-106ba7dc] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-106ba7dc] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-106ba7dc] {
    fill: #000
}

.btn-active-paging[data-v-106ba7dc] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-106ba7dc] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-106ba7dc] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-106ba7dc] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-106ba7dc], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-106ba7dc] {
    background: #8b8d96 !important
}

.transactionBox[data-v-106ba7dc] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-106ba7dc] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-106ba7dc] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-106ba7dc] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-106ba7dc] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-106ba7dc] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-106ba7dc] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-106ba7dc] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-106ba7dc] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-106ba7dc] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-106ba7dc] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-106ba7dc] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-106ba7dc] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-106ba7dc] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-106ba7dc] {
    color: #2a74f9 !important
}

.popup[data-v-106ba7dc] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #02142b !important
}

.popup.show[data-v-106ba7dc] {
    display: block
}

.popup .backgroundHeader > [data-v-106ba7dc] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.popup .backgroundHeader .icon[data-v-106ba7dc] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    display: inline-block;
    overflow: hidden
}

.popup.trandeHistory .modal-dialog[data-v-106ba7dc] {
    height: 100vh;
    height: calc(var(--vh, 1vh)*100)
}

.popup.trandeHistory .modal-content[data-v-106ba7dc] {
    height: auto !important
}

@media (max-width:768px) {
    .totalCount[data-v-106ba7dc] {
        color: #fff;
        position: absolute;
        top: 0;
        right: 0;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        text-align: center;
        line-height: 16px;
        font-size: 10px;
        background-color: #f46273
    }

    .font-14[data-v-106ba7dc] {
        font-size: .875rem
    }

    .modaltrandeHistory[data-v-106ba7dc] {
        z-index: 9999;
        background-color: #02142b !important
    }

    .font-16[data-v-106ba7dc] {
        font-size: 1rem
    }

    .backgroundHeader[data-v-106ba7dc] {
        padding: 14px 10px;
        background-color: #1a1e24;
        overflow: hidden
    }

    .close-page[data-v-106ba7dc] {
        top: 5px;
        right: 5px;
        background-color: transparent
    }

    .trandeHistory[data-v-106ba7dc] {
        font-size: .875rem
    }

    .trandeHistory .modal-content[data-v-106ba7dc] {
        background-color: #011022 !important
    }

    .trandeHistory .nav.nav-tabs[data-v-106ba7dc] {
        border: none;
        margin-bottom: 1rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .trandeHistory .nav.nav-tabs .nav-item[data-v-106ba7dc] {
        -webkit-box-flex: 1;
        -ms-flex: 1 auto;
        flex: 1 auto;
        max-width: 100%
    }

    .trandeHistory .nav.nav-tabs .nav-item .nav-link[data-v-106ba7dc] {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        color: #fff;
        text-align: center;
        border: 1px solid transparent;
        background-color: #02142b;
        border-radius: 4px
    }

    .trandeHistory .transactionBox[data-v-106ba7dc] {
        color: #fff;
        padding: .5rem;
        border-radius: 6px;
        background-color: #02142b;
        border: 1px solid #142545;
    }

    .trandeHistory .transactionBox .icon[data-v-106ba7dc] {
        display: inline-block;
        width: 19px;
        height: 18px;
        background-repeat: no-repeat;
        background-size: contain
    }

    .trandeHistory .transactionBox .icon.iconBitcoin[data-v-106ba7dc] {
        background-image: url(../img/bitcoin.63c77750.svg)
    }

    .trandeHistory .transactionBox .icon.iconEth[data-v-106ba7dc] {
        background-image: url(../img/ethe.c7b14fd1.svg)
    }

    .trandeHistory .transactionBox .trendGroup .trendIcon[data-v-106ba7dc] {
        display: inline-block;
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-size: contain
    }

    .trandeHistory .transactionBox .trendGroup .trendIcon.trendUp[data-v-106ba7dc], .trandeHistory .transactionBox .trendGroup .trendIcon.UP[data-v-106ba7dc] {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAKKADAAQAAAABAAAAKAAAAABZLkSWAAABD0lEQVRYCe3V0Q2CMBAGYOoEjOAGjuAo4kaOUDdgBNxAN3ED/M9wiWksXNtr6MNdUkvstfdxhNB1FtYB64B1wDrQdAdcqW6e5x5nnBLPeTnn3ol78tIBHDFSY5RWO0gTV/L8ylpsibouimIgHhV14yqqlpFUDKSaQHpMVZAqwJpINeAP8kHXWqEKxKvsATtr4egcNeCCu2ji1IC1cCrADdwdRaq83aInRTiMWHg+BAlDkDTxWrUZBUU4BgTIusBU3B+k+FvMe8VzLo4LYP8RQ/wt5n2iuRQnKpKb1DruBmAsfO5Nq+2DbIro9sfRXQLXYzwDZBs4AlIESP/9s7WfBTm05jKPdcA6YB2wDuzYgQ8c8KYLqOoA5gAAAABJRU5ErkJggg==);
        background-color: #31baa0
    }

    .trandeHistory .transactionBox .trendGroup .trendIcon.DOWN[data-v-106ba7dc], .trandeHistory .transactionBox .trendGroup .trendIcon.trendDown[data-v-106ba7dc] {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAKKADAAQAAAABAAAAKAAAAABZLkSWAAAA+ElEQVRYCe2U4Q2DIBBGpelAjtANOkIdyRHYoCvQDdzAEdpOYL8zkDT8IAinIe13ySmEQx5PsesYNEADNEADv2NgWZYBOSP75nbl4XBb44lrO5CAEXNxtAMJsimm8/02IAHTI1+ErD15f2ESmxyRQ62s5PxSk5hnkRIuuYDGIBbZdHBQH+COAZRN5kJGcMcBZkLehSgKJ3MPCyyeet0R29p1uXCn3MJUnTFmwvgF+U7VlYypAMrCe0GqAX5BOmlrhSogvi4LsKsWnDxHDdDD3TTh1AD3glMBBNyIB6mbC2/iHBoVd/nFPDbOtxvrWU4DNEADNEADhQY+yo/6ffkCbVkAAAAASUVORK5CYII=);
        background-color: #fc5f5f
    }

    .trandeHistory .transactionBox .time[data-v-106ba7dc] {
        color: hsla(0,0%,100%,.5)
    }

    .trandeHistory .transactionBox .totalWin.winUp[data-v-106ba7dc] {
        color: #31baa0
    }

    .trandeHistory .transactionBox .totalWin.winDown[data-v-106ba7dc] {
        color: #f46273
    }

    .trandeHistory .transactionBox .bet-time[data-v-106ba7dc] {
        color: #fff;
        background-color: #02142b;
        padding: 5px;
        border-radius: 3px
    }

    .trandeHistory .transactionBox .accType[data-v-106ba7dc] {
        background-color: #2a74f9;
        border-radius: 5px;
        font-size: 14px;
        padding: 3px 5px 5px;
        line-height: 20px;
        vertical-align: middle
    }

    .trandeHistory .btnSeemore[data-v-106ba7dc] {
        color: #fff;
        font-weight: 700;
        width: 100%;
        border: 1px solid hsla(0,0%,100%,.2);
        background-color: transparent;
        margin-bottom: 20px
    }

    .trandeHistory .modal-auth[data-v-106ba7dc] {
        top: 0 !important;
        margin: 0 !important;
        width: 100%;
        max-width: unset
    }

    .trandeHistory .modal-auth .modal-content[data-v-106ba7dc] {
        padding: 20px
    }
}

@media (max-width:767.98px) {
    #myTabContent[data-v-106ba7dc] {
        height: calc(100vh - 162px);
        height: calc(var(--vh, 1vh)*100 - 166px);
        overflow: auto
    }
}

body[data-v-3cdbdeee] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-3cdbdeee]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-3cdbdeee]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-3cdbdeee]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-3cdbdeee] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-3cdbdeee]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-3cdbdeee]::-webkit-inner-spin-button, input[data-v-3cdbdeee]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-3cdbdeee] {
    -moz-appearance: textfield
}

button[data-v-3cdbdeee]:focus, input[data-v-3cdbdeee]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-3cdbdeee] {
    font-size: 8px
}

.font-10[data-v-3cdbdeee] {
    font-size: .6rem !important
}

.font-12[data-v-3cdbdeee] {
    font-size: 12px
}

.font-14[data-v-3cdbdeee] {
    font-size: 14px
}

.font-16[data-v-3cdbdeee] {
    font-size: 16px
}

.font-18[data-v-3cdbdeee] {
    font-size: 18px
}

.font-20[data-v-3cdbdeee] {
    font-size: 20px
}

.font-24[data-v-3cdbdeee] {
    font-size: 24px
}

.font-32[data-v-3cdbdeee] {
    font-size: 32px
}

.font-34[data-v-3cdbdeee] {
    font-size: 34px
}

.font-40[data-v-3cdbdeee] {
    font-size: 2.5rem !important
}

.font-44[data-v-3cdbdeee] {
    font-size: 44px
}

.colorPrimary[data-v-3cdbdeee] {
    color: #2a74f9
}

.colorPrimary1[data-v-3cdbdeee] {
    color: #000 !important
}

.colorSecondary[data-v-3cdbdeee] {
    color: #fff !important
}

.colorSecondary1[data-v-3cdbdeee] {
    color: #414141 !important
}

.colorSecondary2[data-v-3cdbdeee] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-3cdbdeee] {
    color: #0d0d0d
}

.colorSecondary4[data-v-3cdbdeee] {
    color: #02142b
}

.colorSecondary5[data-v-3cdbdeee] {
    color: #1a1e24
}

.colorSecondary6[data-v-3cdbdeee] {
    color: #fafafa
}

.colorSecondary7[data-v-3cdbdeee] {
    color: #333
}

.colorSecondary8[data-v-3cdbdeee] {
    color: #0e0031
}

.colorSuccess[data-v-3cdbdeee] {
    color: #31baa0
}

.colorWarning[data-v-3cdbdeee] {
    color: #ffcf5c
}

.colorDanger[data-v-3cdbdeee] {
    color: #f46273
}

.fillPrimary[data-v-3cdbdeee] {
    fill: #2a74f9
}

.fillWarning[data-v-3cdbdeee] {
    fill: #ffcf5c
}

.fillDanger[data-v-3cdbdeee] {
    fill: #f46273
}

.fillSecondary1[data-v-3cdbdeee] {
    fill: #414141
}

.fillSecondary2[data-v-3cdbdeee] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-3cdbdeee] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-3cdbdeee] {
    fill: #02142b
}

.fillSecondary5[data-v-3cdbdeee] {
    fill: #1a1e24
}

.fillSecondary6[data-v-3cdbdeee] {
    fill: #fafafa
}

.fillSecondary7[data-v-3cdbdeee] {
    fill: #333
}

.fillSecondary8[data-v-3cdbdeee] {
    fill: #0e0031
}

.textnote-notidesc[data-v-3cdbdeee] {
    color: #fff
}

.bgColor0[data-v-3cdbdeee] {
    background-color: transparent
}

.bgPrimary-hover[data-v-3cdbdeee]:hover, .bgPrimary[data-v-3cdbdeee] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-3cdbdeee]:hover, .bgPrimary1[data-v-3cdbdeee] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-3cdbdeee]:hover, .bgPrimary2[data-v-3cdbdeee] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-3cdbdeee]:hover, .bgSecondary[data-v-3cdbdeee] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-3cdbdeee]:hover, .bgSecondary1[data-v-3cdbdeee] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-3cdbdeee]:hover, .bgSecondary2[data-v-3cdbdeee] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-3cdbdeee]:hover, .bgSecondary3[data-v-3cdbdeee] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-3cdbdeee] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-3cdbdeee] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-3cdbdeee]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-3cdbdeee]:hover, .bgSecondary5[data-v-3cdbdeee] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-3cdbdeee]:hover, .bgSecondary6[data-v-3cdbdeee] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-3cdbdeee]:hover, .bgSecondary7[data-v-3cdbdeee] {
    background-color: #333 !important
}

.bgSecondary8[data-v-3cdbdeee] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-3cdbdeee]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-3cdbdeee] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-3cdbdeee]:hover, .bgSuccess[data-v-3cdbdeee] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-3cdbdeee] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-3cdbdeee] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-3cdbdeee]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-3cdbdeee] {
    fill: #31baa0
}

.w-14-px[data-v-3cdbdeee] {
    width: 14px
}

.max-width-50[data-v-3cdbdeee] {
    max-width: 50%
}

.h-60-px[data-v-3cdbdeee] {
    height: 60px
}

.h-100-px[data-v-3cdbdeee] {
    height: 100px
}

.mb-16-px[data-v-3cdbdeee] {
    margin-bottom: 16px
}

.mb-30-px[data-v-3cdbdeee] {
    margin-bottom: 30px
}

.borderRounded[data-v-3cdbdeee] {
    border-radius: 5px
}

.borderPrimary[data-v-3cdbdeee] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-3cdbdeee] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-3cdbdeee] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-3cdbdeee] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-3cdbdeee] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-3cdbdeee] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-3cdbdeee] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-3cdbdeee] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-3cdbdeee] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-3cdbdeee] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-3cdbdeee] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-3cdbdeee] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-3cdbdeee] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-3cdbdeee] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-3cdbdeee]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-3cdbdeee] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-3cdbdeee] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-3cdbdeee] {
    padding: 1px
}

.px-1-px[data-v-3cdbdeee] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-3cdbdeee] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-3cdbdeee] {
    padding-left: 1px
}

.pr-1-px[data-v-3cdbdeee] {
    padding-right: 1px
}

.pt-1-px[data-v-3cdbdeee] {
    padding-top: 1px
}

.pb-1-px[data-v-3cdbdeee] {
    padding-bottom: 1px
}

.p-2-px[data-v-3cdbdeee] {
    padding: 2px
}

.px-2-px[data-v-3cdbdeee] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-3cdbdeee] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-3cdbdeee] {
    padding-left: 2px
}

.pr-2-px[data-v-3cdbdeee] {
    padding-right: 2px
}

.pt-2-px[data-v-3cdbdeee] {
    padding-top: 2px
}

.pb-2-px[data-v-3cdbdeee] {
    padding-bottom: 2px
}

.p-8-px[data-v-3cdbdeee] {
    padding: 8px
}

.px-8-px[data-v-3cdbdeee] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-3cdbdeee] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-3cdbdeee] {
    padding-left: 8px
}

.pr-8-px[data-v-3cdbdeee] {
    padding-right: 8px
}

.pt-8-px[data-v-3cdbdeee] {
    padding-top: 8px
}

.pb-8-px[data-v-3cdbdeee] {
    padding-bottom: 8px
}

.p-10-px[data-v-3cdbdeee] {
    padding: 10px
}

.px-10-px[data-v-3cdbdeee] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-3cdbdeee] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-3cdbdeee] {
    padding-left: 10px
}

.pr-10-px[data-v-3cdbdeee] {
    padding-right: 10px
}

.pt-10-px[data-v-3cdbdeee] {
    padding-top: 10px
}

.pb-10-px[data-v-3cdbdeee] {
    padding-bottom: 10px
}

.p-12-px[data-v-3cdbdeee] {
    padding: 12px
}

.px-12-px[data-v-3cdbdeee] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-3cdbdeee] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-3cdbdeee] {
    padding-left: 12px
}

.pr-12-px[data-v-3cdbdeee] {
    padding-right: 12px
}

.pt-12-px[data-v-3cdbdeee] {
    padding-top: 12px
}

.pb-12-px[data-v-3cdbdeee] {
    padding-bottom: 12px
}

.p-16-px[data-v-3cdbdeee] {
    padding: 16px
}

.px-16-px[data-v-3cdbdeee] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-3cdbdeee] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-3cdbdeee] {
    padding-left: 16px
}

.pr-16-px[data-v-3cdbdeee] {
    padding-right: 16px
}

.pt-16-px[data-v-3cdbdeee] {
    padding-top: 16px
}

.pb-16-px[data-v-3cdbdeee] {
    padding-bottom: 16px
}

.p-30-px[data-v-3cdbdeee] {
    padding: 30px
}

.px-30-px[data-v-3cdbdeee] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-3cdbdeee] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-3cdbdeee] {
    padding-left: 30px
}

.pr-30-px[data-v-3cdbdeee] {
    padding-right: 30px
}

.pt-30-px[data-v-3cdbdeee] {
    padding-top: 30px
}

.pb-30-px[data-v-3cdbdeee] {
    padding-bottom: 30px
}

.font-30[data-v-3cdbdeee] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-3cdbdeee] {
    font-weight: 700
}

.wbo-title[data-v-3cdbdeee] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-3cdbdeee] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-3cdbdeee] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-3cdbdeee] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-3cdbdeee]:focus {
        outline: 0
    }

    .button[data-v-3cdbdeee]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-3cdbdeee] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-3cdbdeee]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-3cdbdeee] {
    padding: 11px 2.5rem
}

.button.primary[data-v-3cdbdeee], .button.primary[data-v-3cdbdeee]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-3cdbdeee], .text-primary[data-v-3cdbdeee], a .primary-hover[data-v-3cdbdeee]:hover {
    color: #000 !important
}

ul[data-v-3cdbdeee] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-3cdbdeee], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-3cdbdeee] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-3cdbdeee]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-3cdbdeee]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-3cdbdeee], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-3cdbdeee], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-3cdbdeee]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-3cdbdeee], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-3cdbdeee], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-3cdbdeee]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-3cdbdeee], .faqsContent .content .navigator ul li a.active[data-v-3cdbdeee]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-3cdbdeee]:hover {
    color: #000
}

.ps[data-v-3cdbdeee] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-3cdbdeee] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-3cdbdeee], .ps__rail-y[data-v-3cdbdeee] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-3cdbdeee] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-3cdbdeee], .ps--active-y > .ps__rail-y[data-v-3cdbdeee] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-3cdbdeee], .ps--focus > .ps__rail-y[data-v-3cdbdeee], .ps--scrolling-x > .ps__rail-x[data-v-3cdbdeee], .ps--scrolling-y > .ps__rail-y[data-v-3cdbdeee], .ps:hover > .ps__rail-x[data-v-3cdbdeee], .ps:hover > .ps__rail-y[data-v-3cdbdeee] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-3cdbdeee], .ps .ps__rail-x[data-v-3cdbdeee]:focus, .ps .ps__rail-x[data-v-3cdbdeee]:hover, .ps .ps__rail-y.ps--clicking[data-v-3cdbdeee], .ps .ps__rail-y[data-v-3cdbdeee]:focus, .ps .ps__rail-y[data-v-3cdbdeee]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-3cdbdeee] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-3cdbdeee] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-3cdbdeee], .ps__rail-x:focus > .ps__thumb-x[data-v-3cdbdeee], .ps__rail-x:hover > .ps__thumb-x[data-v-3cdbdeee] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-3cdbdeee], .ps__rail-y:focus > .ps__thumb-y[data-v-3cdbdeee], .ps__rail-y:hover > .ps__thumb-y[data-v-3cdbdeee] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-3cdbdeee] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-3cdbdeee] {
        overflow: auto !important
    }
}

.md-field[data-v-3cdbdeee] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-3cdbdeee] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-3cdbdeee] {
    color: #2a74f9
}

.md-field .md-error[data-v-3cdbdeee] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-3cdbdeee] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-3cdbdeee], .md-field.md-has-value label[data-v-3cdbdeee] {
    top: -10px
}

.form-control[data-v-3cdbdeee], .md-field .md-input[data-v-3cdbdeee], .md-field .md-textarea[data-v-3cdbdeee], .winput[data-v-3cdbdeee] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-3cdbdeee] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-3cdbdeee] {
    fill: #0d0d0d
}

.round[data-v-3cdbdeee] {
    border-radius: 5px
}

.off[data-v-3cdbdeee] {
    position: relative;
    cursor: default
}

.off > [data-v-3cdbdeee] {
    opacity: .5
}

.off[data-v-3cdbdeee]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-3cdbdeee] {
    cursor: pointer
}

.close-page[data-v-3cdbdeee] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-3cdbdeee] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-3cdbdeee], .slide-fade-leave-active[data-v-3cdbdeee] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-3cdbdeee], .slide-fade-leave-to[data-v-3cdbdeee] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-3cdbdeee {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-3cdbdeee {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-3cdbdeee] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-3cdbdeee] {
    color: #ffcf5c
}

.button[data-v-3cdbdeee] {
    font-weight: 700
}

.modal .modal-dialog[data-v-3cdbdeee] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-3cdbdeee] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-3cdbdeee] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-3cdbdeee], .modal .modal-dialog .modal-header[data-v-3cdbdeee] {
    border: none
}

#chartCommisst .highcharts-title[data-v-3cdbdeee] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-3cdbdeee] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-3cdbdeee] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-3cdbdeee], .modal .modal-dialog form[data-v-3cdbdeee] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-3cdbdeee] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-3cdbdeee], .FaqsDetail[data-v-3cdbdeee] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-3cdbdeee], .FaqsDetail[data-v-3cdbdeee] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-3cdbdeee], .FaqsDetail .headerMaster .boxHeader[data-v-3cdbdeee] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-3cdbdeee], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-3cdbdeee] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-3cdbdeee], .Faqs main[data-v-3cdbdeee] {
    background-color: unset
}

.titleChartCandle[data-v-3cdbdeee] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-3cdbdeee] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-3cdbdeee] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-3cdbdeee] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-3cdbdeee], .plotlineChart .time[data-v-3cdbdeee] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-3cdbdeee] {
    top: 51px
}

.boxHeader[data-v-3cdbdeee] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-3cdbdeee], .boxHeader .register[data-v-3cdbdeee] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-3cdbdeee] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-3cdbdeee] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-3cdbdeee] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-3cdbdeee] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-3cdbdeee]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-3cdbdeee] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-3cdbdeee]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-3cdbdeee] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-3cdbdeee]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-3cdbdeee] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-3cdbdeee] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-3cdbdeee] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-3cdbdeee] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-3cdbdeee] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-3cdbdeee] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-3cdbdeee] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-3cdbdeee] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-3cdbdeee] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-3cdbdeee] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-3cdbdeee] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-3cdbdeee] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-3cdbdeee] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-3cdbdeee] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-3cdbdeee] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-3cdbdeee] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-3cdbdeee] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-3cdbdeee] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-3cdbdeee] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-3cdbdeee] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-3cdbdeee] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-3cdbdeee] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-3cdbdeee] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-3cdbdeee] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-3cdbdeee] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-3cdbdeee] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-3cdbdeee] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-3cdbdeee] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-3cdbdeee] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-3cdbdeee] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-3cdbdeee] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-3cdbdeee] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-3cdbdeee] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-3cdbdeee] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-3cdbdeee] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-3cdbdeee] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-3cdbdeee] {
        height: 56px !important
    }
}

input.form-control[data-v-3cdbdeee], input[data-v-3cdbdeee], select.form-control[data-v-3cdbdeee], select[data-v-3cdbdeee] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-3cdbdeee] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-3cdbdeee] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-3cdbdeee] {
    line-height: 100%
}

.button.btn-long[data-v-3cdbdeee] {
    padding: 10px 40px
}

.button.btn-radius[data-v-3cdbdeee] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-3cdbdeee] {
    border-radius: 20px
}

.button.btn-full[data-v-3cdbdeee] {
    width: 100%
}

.button.btn-80[data-v-3cdbdeee] {
    width: 80%
}

.button.hasIcon[data-v-3cdbdeee] {
    padding-left: 50px
}

.button a[data-v-3cdbdeee] {
    display: block
}

.button .labelIcon[data-v-3cdbdeee] {
    position: absolute
}

.button .labelIcon svg[data-v-3cdbdeee] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-3cdbdeee] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-3cdbdeee]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-3cdbdeee] {
    outline: none
}

.keyboard-input-wrap[data-v-3cdbdeee] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-3cdbdeee] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-3cdbdeee] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-3cdbdeee] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-3cdbdeee] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-3cdbdeee] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-3cdbdeee] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-3cdbdeee] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-3cdbdeee] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-3cdbdeee] {
    font-size: 1.2em
}

.color-white[data-v-3cdbdeee] {
    color: #fff
}

.color-white-50[data-v-3cdbdeee] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-3cdbdeee] {
    display: none
}

.ld-loading .loading[data-v-3cdbdeee], .main-loading .loading[data-v-3cdbdeee] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-3cdbdeee] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-3cdbdeee]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-3cdbdeee]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-3cdbdeee] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-3cdbdeee] {
    -webkit-animation: rotate-data-v-3cdbdeee 1s linear infinite;
    animation: rotate-data-v-3cdbdeee 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-3cdbdeee] {
    stroke: transparent
}

.wrapNotify[data-v-3cdbdeee] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-3cdbdeee] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-3cdbdeee] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-3cdbdeee] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-3cdbdeee] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-3cdbdeee] {
    display: block
}

.wrapNotify .close-notify[data-v-3cdbdeee] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-3cdbdeee] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-3cdbdeee] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-3cdbdeee] {
    background-color: transparent
}

.colorWhite[data-v-3cdbdeee] {
    color: #fff
}

.colorRed[data-v-3cdbdeee] {
    color: #f46273
}

.colorGreen[data-v-3cdbdeee] {
    color: #31baa0
}

.colorGray[data-v-3cdbdeee] {
    color: #7c7c7c
}

.tableBackground[data-v-3cdbdeee] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-3cdbdeee] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-3cdbdeee], .tableBackground .table-dark th[data-v-3cdbdeee] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-3cdbdeee]:after, .tableBackground .table-dark th[data-v-3cdbdeee]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-3cdbdeee] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-3cdbdeee], .tableBackground .table-dark th[data-v-3cdbdeee] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-3cdbdeee]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-3cdbdeee]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-3cdbdeee] {
    background-color: #060642
}

.tableBackground #paging li[data-v-3cdbdeee] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-3cdbdeee] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-3cdbdeee] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-3cdbdeee], .customeTradeHistory[data-v-3cdbdeee] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-3cdbdeee], .customeTradeHistory .reportrange-text[data-v-3cdbdeee] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-3cdbdeee], .customeTradeHistory .reportrange-text .seperate[data-v-3cdbdeee] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-3cdbdeee], .customeTradeHistory .reportrange-text span[data-v-3cdbdeee] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-3cdbdeee] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-3cdbdeee] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-3cdbdeee] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-3cdbdeee]:after, .startDate .daterangepicker.openscenter[data-v-3cdbdeee]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-3cdbdeee] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-3cdbdeee] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-3cdbdeee] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-3cdbdeee] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-3cdbdeee] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-3cdbdeee] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-3cdbdeee] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-3cdbdeee] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-3cdbdeee] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-3cdbdeee] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-3cdbdeee] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-3cdbdeee] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-3cdbdeee] {
    text-align: center
}

.border-none[data-v-3cdbdeee] {
    border: none
}

.text-domain[data-v-3cdbdeee]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-3cdbdeee] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-3cdbdeee] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-3cdbdeee] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-3cdbdeee] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-3cdbdeee] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-3cdbdeee] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-3cdbdeee] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-3cdbdeee] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-3cdbdeee] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-3cdbdeee] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-3cdbdeee] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-3cdbdeee] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-3cdbdeee] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-3cdbdeee] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-3cdbdeee] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-3cdbdeee] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-3cdbdeee] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-3cdbdeee] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-3cdbdeee] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-3cdbdeee] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-3cdbdeee] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-3cdbdeee] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-3cdbdeee] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-3cdbdeee] {
    fill: #000
}

.btn-active-paging[data-v-3cdbdeee] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-3cdbdeee] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-3cdbdeee] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-3cdbdeee] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-3cdbdeee], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-3cdbdeee] {
    background: #8b8d96 !important
}

.transactionBox[data-v-3cdbdeee] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-3cdbdeee] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-3cdbdeee] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-3cdbdeee] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-3cdbdeee] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-3cdbdeee] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-3cdbdeee] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-3cdbdeee] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-3cdbdeee] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-3cdbdeee] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-3cdbdeee] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-3cdbdeee] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-3cdbdeee] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-3cdbdeee] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-3cdbdeee] {
    color: #2a74f9 !important
}

.overviewInfo[data-v-3cdbdeee] {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 10px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.overviewInfo .badgeItem[data-v-3cdbdeee] {
    padding: 5px 10px;
    border-radius: 5px;
    background-color: hsla(0,0%,100%,.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:1600px) {
    .overviewInfo[data-v-3cdbdeee] {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width:1280px) and (max-width:1600px) {
    .overviewInfo[data-v-3cdbdeee] {
        margin-bottom: 1rem
    }
}

@media (min-width:576px) and (max-width:768px) {
    .overviewInfo[data-v-3cdbdeee] {
        font-size: 12px
    }

    .overviewInfo .badgeItem[data-v-3cdbdeee] {
        padding: 0 5px
    }
}

@media (max-width:768px) {
    .overviewInfo[data-v-3cdbdeee] {
        font-size: .875rem;
        margin-bottom: .5rem
    }

    .overviewInfo .badgeItem[data-v-3cdbdeee] {
        padding: 5px 8px
    }

    .overviewInfo.row[data-v-3cdbdeee] {
        margin-left: -4px;
        margin-right: -4px
    }

    .overviewInfo.row [class*=col][data-v-3cdbdeee] {
        padding-left: 4px;
        padding-right: 4px
    }
}

@media (max-width:359px) {
    .overviewInfo[data-v-3cdbdeee] {
        font-size: .8rem !important
    }
}

body[data-v-6240dfb8] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-6240dfb8]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-6240dfb8]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-6240dfb8]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-6240dfb8] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-6240dfb8]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-6240dfb8]::-webkit-inner-spin-button, input[data-v-6240dfb8]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-6240dfb8] {
    -moz-appearance: textfield
}

button[data-v-6240dfb8]:focus, input[data-v-6240dfb8]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-6240dfb8] {
    font-size: 8px
}

.font-10[data-v-6240dfb8] {
    font-size: .6rem !important
}

.font-12[data-v-6240dfb8] {
    font-size: 12px
}

.font-14[data-v-6240dfb8] {
    font-size: 14px
}

.font-16[data-v-6240dfb8] {
    font-size: 16px
}

.font-18[data-v-6240dfb8] {
    font-size: 18px
}

.font-20[data-v-6240dfb8] {
    font-size: 20px
}

.font-24[data-v-6240dfb8] {
    font-size: 24px
}

.font-32[data-v-6240dfb8] {
    font-size: 32px
}

.font-34[data-v-6240dfb8] {
    font-size: 34px
}

.font-40[data-v-6240dfb8] {
    font-size: 2.5rem !important
}

.font-44[data-v-6240dfb8] {
    font-size: 44px
}

.colorPrimary[data-v-6240dfb8] {
    color: #2a74f9
}

.colorPrimary1[data-v-6240dfb8] {
    color: #000 !important
}

.colorSecondary[data-v-6240dfb8] {
    color: #fff !important
}

.colorSecondary1[data-v-6240dfb8] {
    color: #414141 !important
}

.colorSecondary2[data-v-6240dfb8] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-6240dfb8] {
    color: #0d0d0d
}

.colorSecondary4[data-v-6240dfb8] {
    color: #02142b
}

.colorSecondary5[data-v-6240dfb8] {
    color: #1a1e24
}

.colorSecondary6[data-v-6240dfb8] {
    color: #fafafa
}

.colorSecondary7[data-v-6240dfb8] {
    color: #333
}

.colorSecondary8[data-v-6240dfb8] {
    color: #0e0031
}

.colorSuccess[data-v-6240dfb8] {
    color: #31baa0
}

.colorWarning[data-v-6240dfb8] {
    color: #ffcf5c
}

.colorDanger[data-v-6240dfb8] {
    color: #f46273
}

.fillPrimary[data-v-6240dfb8] {
    fill: #2a74f9
}

.fillWarning[data-v-6240dfb8] {
    fill: #ffcf5c
}

.fillDanger[data-v-6240dfb8] {
    fill: #f46273
}

.fillSecondary1[data-v-6240dfb8] {
    fill: #414141
}

.fillSecondary2[data-v-6240dfb8] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-6240dfb8] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-6240dfb8] {
    fill: #02142b
}

.fillSecondary5[data-v-6240dfb8] {
    fill: #1a1e24
}

.fillSecondary6[data-v-6240dfb8] {
    fill: #fafafa
}

.fillSecondary7[data-v-6240dfb8] {
    fill: #333
}

.fillSecondary8[data-v-6240dfb8] {
    fill: #0e0031
}

.textnote-notidesc[data-v-6240dfb8] {
    color: #fff
}

.bgColor0[data-v-6240dfb8] {
    background-color: transparent
}

.bgPrimary-hover[data-v-6240dfb8]:hover, .bgPrimary[data-v-6240dfb8] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-6240dfb8]:hover, .bgPrimary1[data-v-6240dfb8] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-6240dfb8]:hover, .bgPrimary2[data-v-6240dfb8] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-6240dfb8]:hover, .bgSecondary[data-v-6240dfb8] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-6240dfb8]:hover, .bgSecondary1[data-v-6240dfb8] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-6240dfb8]:hover, .bgSecondary2[data-v-6240dfb8] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-6240dfb8]:hover, .bgSecondary3[data-v-6240dfb8] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-6240dfb8] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-6240dfb8] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-6240dfb8]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-6240dfb8]:hover, .bgSecondary5[data-v-6240dfb8] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-6240dfb8]:hover, .bgSecondary6[data-v-6240dfb8] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-6240dfb8]:hover, .bgSecondary7[data-v-6240dfb8] {
    background-color: #333 !important
}

.bgSecondary8[data-v-6240dfb8] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-6240dfb8]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-6240dfb8] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-6240dfb8]:hover, .bgSuccess[data-v-6240dfb8] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-6240dfb8] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-6240dfb8] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-6240dfb8]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-6240dfb8] {
    fill: #31baa0
}

.w-14-px[data-v-6240dfb8] {
    width: 14px
}

.max-width-50[data-v-6240dfb8] {
    max-width: 50%
}

.h-60-px[data-v-6240dfb8] {
    height: 60px
}

.h-100-px[data-v-6240dfb8] {
    height: 100px
}

.mb-16-px[data-v-6240dfb8] {
    margin-bottom: 16px
}

.mb-30-px[data-v-6240dfb8] {
    margin-bottom: 30px
}

.borderRounded[data-v-6240dfb8] {
    border-radius: 5px
}

.borderPrimary[data-v-6240dfb8] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-6240dfb8] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-6240dfb8] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-6240dfb8] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-6240dfb8] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-6240dfb8] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-6240dfb8] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-6240dfb8] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-6240dfb8] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-6240dfb8] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-6240dfb8] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-6240dfb8] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-6240dfb8] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-6240dfb8] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-6240dfb8]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-6240dfb8] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-6240dfb8] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-6240dfb8] {
    padding: 1px
}

.px-1-px[data-v-6240dfb8] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-6240dfb8] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-6240dfb8] {
    padding-left: 1px
}

.pr-1-px[data-v-6240dfb8] {
    padding-right: 1px
}

.pt-1-px[data-v-6240dfb8] {
    padding-top: 1px
}

.pb-1-px[data-v-6240dfb8] {
    padding-bottom: 1px
}

.p-2-px[data-v-6240dfb8] {
    padding: 2px
}

.px-2-px[data-v-6240dfb8] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-6240dfb8] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-6240dfb8] {
    padding-left: 2px
}

.pr-2-px[data-v-6240dfb8] {
    padding-right: 2px
}

.pt-2-px[data-v-6240dfb8] {
    padding-top: 2px
}

.pb-2-px[data-v-6240dfb8] {
    padding-bottom: 2px
}

.p-8-px[data-v-6240dfb8] {
    padding: 8px
}

.px-8-px[data-v-6240dfb8] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-6240dfb8] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-6240dfb8] {
    padding-left: 8px
}

.pr-8-px[data-v-6240dfb8] {
    padding-right: 8px
}

.pt-8-px[data-v-6240dfb8] {
    padding-top: 8px
}

.pb-8-px[data-v-6240dfb8] {
    padding-bottom: 8px
}

.p-10-px[data-v-6240dfb8] {
    padding: 10px
}

.px-10-px[data-v-6240dfb8] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-6240dfb8] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-6240dfb8] {
    padding-left: 10px
}

.pr-10-px[data-v-6240dfb8] {
    padding-right: 10px
}

.pt-10-px[data-v-6240dfb8] {
    padding-top: 10px
}

.pb-10-px[data-v-6240dfb8] {
    padding-bottom: 10px
}

.p-12-px[data-v-6240dfb8] {
    padding: 12px
}

.px-12-px[data-v-6240dfb8] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-6240dfb8] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-6240dfb8] {
    padding-left: 12px
}

.pr-12-px[data-v-6240dfb8] {
    padding-right: 12px
}

.pt-12-px[data-v-6240dfb8] {
    padding-top: 12px
}

.pb-12-px[data-v-6240dfb8] {
    padding-bottom: 12px
}

.p-16-px[data-v-6240dfb8] {
    padding: 16px
}

.px-16-px[data-v-6240dfb8] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-6240dfb8] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-6240dfb8] {
    padding-left: 16px
}

.pr-16-px[data-v-6240dfb8] {
    padding-right: 16px
}

.pt-16-px[data-v-6240dfb8] {
    padding-top: 16px
}

.pb-16-px[data-v-6240dfb8] {
    padding-bottom: 16px
}

.p-30-px[data-v-6240dfb8] {
    padding: 30px
}

.px-30-px[data-v-6240dfb8] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-6240dfb8] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-6240dfb8] {
    padding-left: 30px
}

.pr-30-px[data-v-6240dfb8] {
    padding-right: 30px
}

.pt-30-px[data-v-6240dfb8] {
    padding-top: 30px
}

.pb-30-px[data-v-6240dfb8] {
    padding-bottom: 30px
}

.font-30[data-v-6240dfb8] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-6240dfb8] {
    font-weight: 700
}

.wbo-title[data-v-6240dfb8] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-6240dfb8] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-6240dfb8] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-6240dfb8] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-6240dfb8]:focus {
        outline: 0
    }

    .button[data-v-6240dfb8]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-6240dfb8] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-6240dfb8]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-6240dfb8] {
    padding: 11px 2.5rem
}

.button.primary[data-v-6240dfb8], .button.primary[data-v-6240dfb8]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-6240dfb8], .text-primary[data-v-6240dfb8], a .primary-hover[data-v-6240dfb8]:hover {
    color: #000 !important
}

ul[data-v-6240dfb8] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-6240dfb8], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-6240dfb8] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-6240dfb8]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-6240dfb8]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-6240dfb8], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-6240dfb8], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-6240dfb8]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-6240dfb8], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-6240dfb8], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-6240dfb8]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-6240dfb8], .faqsContent .content .navigator ul li a.active[data-v-6240dfb8]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-6240dfb8]:hover {
    color: #000
}

.ps[data-v-6240dfb8] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-6240dfb8] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-6240dfb8], .ps__rail-y[data-v-6240dfb8] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-6240dfb8] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-6240dfb8], .ps--active-y > .ps__rail-y[data-v-6240dfb8] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-6240dfb8], .ps--focus > .ps__rail-y[data-v-6240dfb8], .ps--scrolling-x > .ps__rail-x[data-v-6240dfb8], .ps--scrolling-y > .ps__rail-y[data-v-6240dfb8], .ps:hover > .ps__rail-x[data-v-6240dfb8], .ps:hover > .ps__rail-y[data-v-6240dfb8] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-6240dfb8], .ps .ps__rail-x[data-v-6240dfb8]:focus, .ps .ps__rail-x[data-v-6240dfb8]:hover, .ps .ps__rail-y.ps--clicking[data-v-6240dfb8], .ps .ps__rail-y[data-v-6240dfb8]:focus, .ps .ps__rail-y[data-v-6240dfb8]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-6240dfb8] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-6240dfb8] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-6240dfb8], .ps__rail-x:focus > .ps__thumb-x[data-v-6240dfb8], .ps__rail-x:hover > .ps__thumb-x[data-v-6240dfb8] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-6240dfb8], .ps__rail-y:focus > .ps__thumb-y[data-v-6240dfb8], .ps__rail-y:hover > .ps__thumb-y[data-v-6240dfb8] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-6240dfb8] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-6240dfb8] {
        overflow: auto !important
    }
}

.md-field[data-v-6240dfb8] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-6240dfb8] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-6240dfb8] {
    color: #2a74f9
}

.md-field .md-error[data-v-6240dfb8] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-6240dfb8] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-6240dfb8], .md-field.md-has-value label[data-v-6240dfb8] {
    top: -10px
}

.form-control[data-v-6240dfb8], .md-field .md-input[data-v-6240dfb8], .md-field .md-textarea[data-v-6240dfb8], .winput[data-v-6240dfb8] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-6240dfb8] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-6240dfb8] {
    fill: #0d0d0d
}

.round[data-v-6240dfb8] {
    border-radius: 5px
}

.off[data-v-6240dfb8] {
    position: relative;
    cursor: default
}

.off > [data-v-6240dfb8] {
    opacity: .5
}

.off[data-v-6240dfb8]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-6240dfb8] {
    cursor: pointer
}

.close-page[data-v-6240dfb8] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-6240dfb8] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-6240dfb8], .slide-fade-leave-active[data-v-6240dfb8] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-6240dfb8], .slide-fade-leave-to[data-v-6240dfb8] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-6240dfb8 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-6240dfb8 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-6240dfb8] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-6240dfb8] {
    color: #ffcf5c
}

.button[data-v-6240dfb8] {
    font-weight: 700
}

.modal .modal-dialog[data-v-6240dfb8] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-6240dfb8] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-6240dfb8] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-6240dfb8], .modal .modal-dialog .modal-header[data-v-6240dfb8] {
    border: none
}

#chartCommisst .highcharts-title[data-v-6240dfb8] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-6240dfb8] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-6240dfb8] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-6240dfb8], .modal .modal-dialog form[data-v-6240dfb8] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-6240dfb8] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-6240dfb8], .FaqsDetail[data-v-6240dfb8] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-6240dfb8], .FaqsDetail[data-v-6240dfb8] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-6240dfb8], .FaqsDetail .headerMaster .boxHeader[data-v-6240dfb8] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-6240dfb8], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-6240dfb8] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-6240dfb8], .Faqs main[data-v-6240dfb8] {
    background-color: unset
}

.titleChartCandle[data-v-6240dfb8] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-6240dfb8] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-6240dfb8] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-6240dfb8] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-6240dfb8], .plotlineChart .time[data-v-6240dfb8] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-6240dfb8] {
    top: 51px
}

.boxHeader[data-v-6240dfb8] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-6240dfb8], .boxHeader .register[data-v-6240dfb8] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-6240dfb8] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-6240dfb8] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-6240dfb8] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-6240dfb8] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-6240dfb8]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-6240dfb8] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-6240dfb8]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-6240dfb8] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-6240dfb8]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-6240dfb8] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-6240dfb8] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-6240dfb8] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-6240dfb8] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-6240dfb8] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-6240dfb8] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-6240dfb8] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-6240dfb8] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-6240dfb8] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-6240dfb8] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-6240dfb8] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-6240dfb8] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-6240dfb8] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-6240dfb8] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-6240dfb8] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-6240dfb8] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-6240dfb8] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-6240dfb8] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-6240dfb8] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-6240dfb8] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-6240dfb8] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-6240dfb8] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-6240dfb8] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-6240dfb8] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-6240dfb8] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-6240dfb8] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-6240dfb8] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-6240dfb8] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-6240dfb8] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-6240dfb8] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-6240dfb8] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-6240dfb8] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-6240dfb8] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-6240dfb8] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-6240dfb8] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-6240dfb8] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-6240dfb8] {
        height: 56px !important
    }
}

input.form-control[data-v-6240dfb8], input[data-v-6240dfb8], select.form-control[data-v-6240dfb8], select[data-v-6240dfb8] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-6240dfb8] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-6240dfb8] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-6240dfb8] {
    line-height: 100%
}

.button.btn-long[data-v-6240dfb8] {
    padding: 10px 40px
}

.button.btn-radius[data-v-6240dfb8] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-6240dfb8] {
    border-radius: 20px
}

.button.btn-full[data-v-6240dfb8] {
    width: 100%
}

.button.btn-80[data-v-6240dfb8] {
    width: 80%
}

.button.hasIcon[data-v-6240dfb8] {
    padding-left: 50px
}

.button a[data-v-6240dfb8] {
    display: block
}

.button .labelIcon[data-v-6240dfb8] {
    position: absolute
}

.button .labelIcon svg[data-v-6240dfb8] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-6240dfb8] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-6240dfb8]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-6240dfb8] {
    outline: none
}

.keyboard-input-wrap[data-v-6240dfb8] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-6240dfb8] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-6240dfb8] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-6240dfb8] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-6240dfb8] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-6240dfb8] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-6240dfb8] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-6240dfb8] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-6240dfb8] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-6240dfb8] {
    font-size: 1.2em
}

.color-white[data-v-6240dfb8] {
    color: #fff
}

.color-white-50[data-v-6240dfb8] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-6240dfb8] {
    display: none
}

.ld-loading .loading[data-v-6240dfb8], .main-loading .loading[data-v-6240dfb8] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-6240dfb8] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-6240dfb8]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-6240dfb8]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-6240dfb8] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-6240dfb8] {
    -webkit-animation: rotate-data-v-6240dfb8 1s linear infinite;
    animation: rotate-data-v-6240dfb8 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-6240dfb8] {
    stroke: transparent
}

.wrapNotify[data-v-6240dfb8] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-6240dfb8] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-6240dfb8] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-6240dfb8] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-6240dfb8] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-6240dfb8] {
    display: block
}

.wrapNotify .close-notify[data-v-6240dfb8] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-6240dfb8] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-6240dfb8] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-6240dfb8] {
    background-color: transparent
}

.colorWhite[data-v-6240dfb8] {
    color: #fff
}

.colorRed[data-v-6240dfb8] {
    color: #f46273
}

.colorGreen[data-v-6240dfb8] {
    color: #31baa0
}

.colorGray[data-v-6240dfb8] {
    color: #7c7c7c
}

.tableBackground[data-v-6240dfb8] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-6240dfb8] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-6240dfb8], .tableBackground .table-dark th[data-v-6240dfb8] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-6240dfb8]:after, .tableBackground .table-dark th[data-v-6240dfb8]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-6240dfb8] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-6240dfb8], .tableBackground .table-dark th[data-v-6240dfb8] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-6240dfb8]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-6240dfb8]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-6240dfb8] {
    background-color: #060642
}

.tableBackground #paging li[data-v-6240dfb8] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-6240dfb8] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-6240dfb8] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-6240dfb8], .customeTradeHistory[data-v-6240dfb8] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-6240dfb8], .customeTradeHistory .reportrange-text[data-v-6240dfb8] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-6240dfb8], .customeTradeHistory .reportrange-text .seperate[data-v-6240dfb8] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-6240dfb8], .customeTradeHistory .reportrange-text span[data-v-6240dfb8] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-6240dfb8] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-6240dfb8] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-6240dfb8] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-6240dfb8]:after, .startDate .daterangepicker.openscenter[data-v-6240dfb8]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-6240dfb8] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-6240dfb8] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-6240dfb8] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-6240dfb8] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-6240dfb8] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-6240dfb8] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-6240dfb8] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-6240dfb8] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-6240dfb8] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-6240dfb8] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-6240dfb8] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-6240dfb8] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-6240dfb8] {
    text-align: center
}

.border-none[data-v-6240dfb8] {
    border: none
}

.text-domain[data-v-6240dfb8]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-6240dfb8] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-6240dfb8] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-6240dfb8] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-6240dfb8] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-6240dfb8] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-6240dfb8] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-6240dfb8] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-6240dfb8] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-6240dfb8] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-6240dfb8] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-6240dfb8] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-6240dfb8] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-6240dfb8] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-6240dfb8] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-6240dfb8] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-6240dfb8] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-6240dfb8] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-6240dfb8] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-6240dfb8] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-6240dfb8] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-6240dfb8] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-6240dfb8] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-6240dfb8] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-6240dfb8] {
    fill: #000
}

.btn-active-paging[data-v-6240dfb8] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-6240dfb8] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-6240dfb8] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-6240dfb8] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-6240dfb8], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-6240dfb8] {
    background: #8b8d96 !important
}

.transactionBox[data-v-6240dfb8] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-6240dfb8] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-6240dfb8] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-6240dfb8] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-6240dfb8] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-6240dfb8] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-6240dfb8] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-6240dfb8] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-6240dfb8] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-6240dfb8] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-6240dfb8] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-6240dfb8] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-6240dfb8] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-6240dfb8] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-6240dfb8] {
    color: #2a74f9 !important
}

button[data-v-6240dfb8]:active, button[data-v-6240dfb8]:focus, button[data-v-6240dfb8]:visited {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none
}

.color-green[data-v-6240dfb8], .color-light-blue[data-v-6240dfb8] {
    color: #31baa0 !important
}

.no-wrap[data-v-6240dfb8] {
    white-space: nowrap
}

.font-12[data-v-6240dfb8] {
    font-size: .75rem
}

.font-14[data-v-6240dfb8] {
    font-size: .875rem
}

.font-18[data-v-6240dfb8] {
    font-size: 1.125rem
}

.wbtn.btn-radius[data-v-6240dfb8] {
    border-radius: 3px !important
}

.profitPercent[data-v-6240dfb8] {
    font-size: 1.25rem
}

.keyboardAmount .bagItem[data-v-6240dfb8] {
    width: 100%;
    display: inline-block;
    padding: .375rem .75rem;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    border-radius: 4px;
    background-color: #02142b
}

    .keyboardAmount .bagItem[data-v-6240dfb8]:hover {
        background-color: #2a74f9
    }

.keyboardAmount .row[data-v-6240dfb8] {
    margin-left: -2px;
    margin-right: -2px
}

.keyboardAmount .row [class*=col-][data-v-6240dfb8] {
    padding-left: 2px;
    padding-right: 2px
}

.keyboardAmount .mb-2[data-v-6240dfb8] {
    margin-bottom: .25rem !important
}

.btnTransparent[data-v-6240dfb8] {
    position: relative;
    height: 38px;
    line-height: 38px
}

.btnTransparent .iconAction[data-v-6240dfb8] {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.groupButton .btn[data-v-6240dfb8] {
    color: #fff;
    height: 60px
}

.groupButton .btn.btnTransparent[data-v-6240dfb8] {
    height: 37px
}

.groupButton .btn.btnSuccess[data-v-6240dfb8]:hover {
    -webkit-filter: brightness(115%);
    filter: brightness(115%)
}

.groupButton .btn.btnSuccess.colorDisable[data-v-6240dfb8] {
    background-color: #7c7c7c !important
}

    .groupButton .btn.btnSuccess.colorDisable[data-v-6240dfb8]:disabled {
        opacity: 1
    }

.groupButton .btn.btnDown[data-v-6240dfb8]:hover {
    -webkit-filter: brightness(115%);
    filter: brightness(115%)
}

.groupButton .btn.btnDown.colorDisable[data-v-6240dfb8] {
    background-color: #7c7c7c !important
}

    .groupButton .btn.btnDown.colorDisable[data-v-6240dfb8]:disabled {
        opacity: 1
    }

#betAmount[data-v-6240dfb8] {
    height: 100%;
    padding: .5rem 10px
}

.inputGroup[data-v-6240dfb8] {
    position: relative;
    padding: 5px;
    border-radius: 4px;
    background-color: #02142b;
    border: 1px solid #1f2f53
}

.inputGroup .btnClear[data-v-6240dfb8] {
    color: #fff;
    position: absolute;
    right: 6px;
    top: 50%;
    cursor: pointer;
    outline: unset;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.inputGroup input[data-v-6240dfb8] {
    border-bottom: none
}

.inputGroup .icon[data-v-6240dfb8] {
    position: absolute;
    top: 50%;
    left: 5px;
    -webkit-transform: translateY(-55%);
    transform: translateY(-55%)
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version #betAmount .profitPercent[data-v-6240dfb8] {
        margin-bottom: 0 !important
    }

    .mobile-version .groupButton .col-4[data-v-6240dfb8] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .mobile-version .groupButton .mb-2[data-v-6240dfb8] {
        margin-bottom: 4px !important
    }

    .mobile-version .groupButton .btn[data-v-6240dfb8] {
        padding: 0;
        height: 30px;
        line-height: 30px
    }

    .mobile-version .groupButton .btn span[data-v-6240dfb8] {
        font-size: 14px !important
    }

    .mobile-version .groupButton .btn svg[data-v-6240dfb8] {
        max-width: 14px
    }

    .mobile-version .groupButton .btn.btnTransparent p[data-v-6240dfb8] {
        font-size: 10px !important
    }
}

@media (max-width:768px) {
    .font-20[data-v-6240dfb8] {
        font-size: 1rem !important
    }

    #betAmount[data-v-6240dfb8] {
        background-color: unset !important
    }

    .mobile-version .groupButtonMobile .inputGroup[data-v-6240dfb8] {
        padding: 0 5px
    }

    .mobile-version .groupButtonMobile .inputGroup input[data-v-6240dfb8] {
        padding: 0;
        height: 42px !important;
        min-height: 42px !important;
        line-height: 42px !important;
        overflow: unset;
        max-width: 90%
    }

    .mobile-version #betAmount[data-v-6240dfb8] {
        height: auto
    }

    #betAmount[data-v-6240dfb8] {
        padding-top: 0;
        padding-bottom: 0
    }

    .inputGroup[data-v-6240dfb8] {
        max-width: 200px;
        padding: 0 5px
    }

    .btnTransparent[data-v-6240dfb8] {
        height: 47px !important;
        line-height: 47px
    }

    .groupButton .btn[data-v-6240dfb8] {
        height: 47px
    }

    .groupButton.row[data-v-6240dfb8] {
        margin-left: -4px;
        margin-right: -4px
    }

    .groupButton.row [class*=col-][data-v-6240dfb8] {
        padding-left: 4px;
        padding-right: 4px
    }

    .profit[data-v-6240dfb8] {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .profit p[data-v-6240dfb8] {
        color: hsla(0,0%,100%,.5);
        margin-bottom: 0;
        margin-right: 5px
    }

    .profit .profitPercent[data-v-6240dfb8] {
        font-size: 1.25rem
    }

    .profit .color-green[data-v-6240dfb8] {
        font-size: 1.5rem !important
    }

    .inputGroup.active[data-v-6240dfb8] {
        border-color: #2a74f9
    }
}

@media (min-width:1025px) {
    .inputGroup input[data-v-6240dfb8] {
        width: 100%
    }
}

.slider.sliderLandscapeMobile[data-v-6240dfb8] {
    margin-bottom: 0 !important
}

.slider.sliderLandscapeMobile p[data-v-6240dfb8] {
    margin-bottom: 0
}

body[data-v-db03e6aa] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-db03e6aa]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-db03e6aa]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-db03e6aa]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-db03e6aa] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-db03e6aa]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-db03e6aa]::-webkit-inner-spin-button, input[data-v-db03e6aa]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-db03e6aa] {
    -moz-appearance: textfield
}

button[data-v-db03e6aa]:focus, input[data-v-db03e6aa]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-db03e6aa] {
    font-size: 8px
}

.font-10[data-v-db03e6aa] {
    font-size: .6rem !important
}

.font-12[data-v-db03e6aa] {
    font-size: 12px
}

.font-14[data-v-db03e6aa] {
    font-size: 14px
}

.font-16[data-v-db03e6aa] {
    font-size: 16px
}

.font-18[data-v-db03e6aa] {
    font-size: 18px
}

.font-20[data-v-db03e6aa] {
    font-size: 20px
}

.font-24[data-v-db03e6aa] {
    font-size: 24px
}

.font-32[data-v-db03e6aa] {
    font-size: 32px
}

.font-34[data-v-db03e6aa] {
    font-size: 34px
}

.font-40[data-v-db03e6aa] {
    font-size: 2.5rem !important
}

.font-44[data-v-db03e6aa] {
    font-size: 44px
}

.colorPrimary[data-v-db03e6aa] {
    color: #2a74f9
}

.colorPrimary1[data-v-db03e6aa] {
    color: #000 !important
}

.colorSecondary[data-v-db03e6aa] {
    color: #fff !important
}

.colorSecondary1[data-v-db03e6aa] {
    color: #414141 !important
}

.colorSecondary2[data-v-db03e6aa] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-db03e6aa] {
    color: #0d0d0d
}

.colorSecondary4[data-v-db03e6aa] {
    color: #02142b
}

.colorSecondary5[data-v-db03e6aa] {
    color: #1a1e24
}

.colorSecondary6[data-v-db03e6aa] {
    color: #fafafa
}

.colorSecondary7[data-v-db03e6aa] {
    color: #333
}

.colorSecondary8[data-v-db03e6aa] {
    color: #0e0031
}

.colorSuccess[data-v-db03e6aa] {
    color: #31baa0
}

.colorWarning[data-v-db03e6aa] {
    color: #ffcf5c
}

.colorDanger[data-v-db03e6aa] {
    color: #f46273
}

.fillPrimary[data-v-db03e6aa] {
    fill: #2a74f9
}

.fillWarning[data-v-db03e6aa] {
    fill: #ffcf5c
}

.fillDanger[data-v-db03e6aa] {
    fill: #f46273
}

.fillSecondary1[data-v-db03e6aa] {
    fill: #414141
}

.fillSecondary2[data-v-db03e6aa] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-db03e6aa] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-db03e6aa] {
    fill: #02142b
}

.fillSecondary5[data-v-db03e6aa] {
    fill: #1a1e24
}

.fillSecondary6[data-v-db03e6aa] {
    fill: #fafafa
}

.fillSecondary7[data-v-db03e6aa] {
    fill: #333
}

.fillSecondary8[data-v-db03e6aa] {
    fill: #0e0031
}

.textnote-notidesc[data-v-db03e6aa] {
    color: #fff
}

.bgColor0[data-v-db03e6aa] {
    background-color: transparent
}

.bgPrimary-hover[data-v-db03e6aa]:hover, .bgPrimary[data-v-db03e6aa] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-db03e6aa]:hover, .bgPrimary1[data-v-db03e6aa] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-db03e6aa]:hover, .bgPrimary2[data-v-db03e6aa] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-db03e6aa]:hover, .bgSecondary[data-v-db03e6aa] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-db03e6aa]:hover, .bgSecondary1[data-v-db03e6aa] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-db03e6aa]:hover, .bgSecondary2[data-v-db03e6aa] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-db03e6aa]:hover, .bgSecondary3[data-v-db03e6aa] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-db03e6aa] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-db03e6aa] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-db03e6aa]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-db03e6aa]:hover, .bgSecondary5[data-v-db03e6aa] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-db03e6aa]:hover, .bgSecondary6[data-v-db03e6aa] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-db03e6aa]:hover, .bgSecondary7[data-v-db03e6aa] {
    background-color: #333 !important
}

.bgSecondary8[data-v-db03e6aa] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-db03e6aa]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-db03e6aa] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-db03e6aa]:hover, .bgSuccess[data-v-db03e6aa] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-db03e6aa] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-db03e6aa] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-db03e6aa]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-db03e6aa] {
    fill: #31baa0
}

.w-14-px[data-v-db03e6aa] {
    width: 14px
}

.max-width-50[data-v-db03e6aa] {
    max-width: 50%
}

.h-60-px[data-v-db03e6aa] {
    height: 60px
}

.h-100-px[data-v-db03e6aa] {
    height: 100px
}

.mb-16-px[data-v-db03e6aa] {
    margin-bottom: 16px
}

.mb-30-px[data-v-db03e6aa] {
    margin-bottom: 30px
}

.borderRounded[data-v-db03e6aa] {
    border-radius: 5px
}

.borderPrimary[data-v-db03e6aa] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-db03e6aa] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-db03e6aa] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-db03e6aa] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-db03e6aa] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-db03e6aa] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-db03e6aa] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-db03e6aa] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-db03e6aa] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-db03e6aa] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-db03e6aa] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-db03e6aa] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-db03e6aa] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-db03e6aa] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-db03e6aa]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-db03e6aa] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-db03e6aa] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-db03e6aa] {
    padding: 1px
}

.px-1-px[data-v-db03e6aa] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-db03e6aa] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-db03e6aa] {
    padding-left: 1px
}

.pr-1-px[data-v-db03e6aa] {
    padding-right: 1px
}

.pt-1-px[data-v-db03e6aa] {
    padding-top: 1px
}

.pb-1-px[data-v-db03e6aa] {
    padding-bottom: 1px
}

.p-2-px[data-v-db03e6aa] {
    padding: 2px
}

.px-2-px[data-v-db03e6aa] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-db03e6aa] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-db03e6aa] {
    padding-left: 2px
}

.pr-2-px[data-v-db03e6aa] {
    padding-right: 2px
}

.pt-2-px[data-v-db03e6aa] {
    padding-top: 2px
}

.pb-2-px[data-v-db03e6aa] {
    padding-bottom: 2px
}

.p-8-px[data-v-db03e6aa] {
    padding: 8px
}

.px-8-px[data-v-db03e6aa] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-db03e6aa] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-db03e6aa] {
    padding-left: 8px
}

.pr-8-px[data-v-db03e6aa] {
    padding-right: 8px
}

.pt-8-px[data-v-db03e6aa] {
    padding-top: 8px
}

.pb-8-px[data-v-db03e6aa] {
    padding-bottom: 8px
}

.p-10-px[data-v-db03e6aa] {
    padding: 10px
}

.px-10-px[data-v-db03e6aa] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-db03e6aa] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-db03e6aa] {
    padding-left: 10px
}

.pr-10-px[data-v-db03e6aa] {
    padding-right: 10px
}

.pt-10-px[data-v-db03e6aa] {
    padding-top: 10px
}

.pb-10-px[data-v-db03e6aa] {
    padding-bottom: 10px
}

.p-12-px[data-v-db03e6aa] {
    padding: 12px
}

.px-12-px[data-v-db03e6aa] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-db03e6aa] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-db03e6aa] {
    padding-left: 12px
}

.pr-12-px[data-v-db03e6aa] {
    padding-right: 12px
}

.pt-12-px[data-v-db03e6aa] {
    padding-top: 12px
}

.pb-12-px[data-v-db03e6aa] {
    padding-bottom: 12px
}

.p-16-px[data-v-db03e6aa] {
    padding: 16px
}

.px-16-px[data-v-db03e6aa] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-db03e6aa] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-db03e6aa] {
    padding-left: 16px
}

.pr-16-px[data-v-db03e6aa] {
    padding-right: 16px
}

.pt-16-px[data-v-db03e6aa] {
    padding-top: 16px
}

.pb-16-px[data-v-db03e6aa] {
    padding-bottom: 16px
}

.p-30-px[data-v-db03e6aa] {
    padding: 30px
}

.px-30-px[data-v-db03e6aa] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-db03e6aa] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-db03e6aa] {
    padding-left: 30px
}

.pr-30-px[data-v-db03e6aa] {
    padding-right: 30px
}

.pt-30-px[data-v-db03e6aa] {
    padding-top: 30px
}

.pb-30-px[data-v-db03e6aa] {
    padding-bottom: 30px
}

.font-30[data-v-db03e6aa] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-db03e6aa] {
    font-weight: 700
}

.wbo-title[data-v-db03e6aa] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-db03e6aa] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-db03e6aa] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-db03e6aa] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-db03e6aa]:focus {
        outline: 0
    }

    .button[data-v-db03e6aa]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-db03e6aa] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-db03e6aa]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-db03e6aa] {
    padding: 11px 2.5rem
}

.button.primary[data-v-db03e6aa], .button.primary[data-v-db03e6aa]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-db03e6aa], .text-primary[data-v-db03e6aa], a .primary-hover[data-v-db03e6aa]:hover {
    color: #000 !important
}

ul[data-v-db03e6aa] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-db03e6aa], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-db03e6aa] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-db03e6aa]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-db03e6aa]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-db03e6aa], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-db03e6aa], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-db03e6aa]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-db03e6aa], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-db03e6aa], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-db03e6aa]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-db03e6aa], .faqsContent .content .navigator ul li a.active[data-v-db03e6aa]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-db03e6aa]:hover {
    color: #000
}

.ps[data-v-db03e6aa] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-db03e6aa] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-db03e6aa], .ps__rail-y[data-v-db03e6aa] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-db03e6aa] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-db03e6aa], .ps--active-y > .ps__rail-y[data-v-db03e6aa] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-db03e6aa], .ps--focus > .ps__rail-y[data-v-db03e6aa], .ps--scrolling-x > .ps__rail-x[data-v-db03e6aa], .ps--scrolling-y > .ps__rail-y[data-v-db03e6aa], .ps:hover > .ps__rail-x[data-v-db03e6aa], .ps:hover > .ps__rail-y[data-v-db03e6aa] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-db03e6aa], .ps .ps__rail-x[data-v-db03e6aa]:focus, .ps .ps__rail-x[data-v-db03e6aa]:hover, .ps .ps__rail-y.ps--clicking[data-v-db03e6aa], .ps .ps__rail-y[data-v-db03e6aa]:focus, .ps .ps__rail-y[data-v-db03e6aa]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-db03e6aa] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-db03e6aa] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-db03e6aa], .ps__rail-x:focus > .ps__thumb-x[data-v-db03e6aa], .ps__rail-x:hover > .ps__thumb-x[data-v-db03e6aa] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-db03e6aa], .ps__rail-y:focus > .ps__thumb-y[data-v-db03e6aa], .ps__rail-y:hover > .ps__thumb-y[data-v-db03e6aa] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-db03e6aa] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-db03e6aa] {
        overflow: auto !important
    }
}

.md-field[data-v-db03e6aa] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-db03e6aa] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-db03e6aa] {
    color: #2a74f9
}

.md-field .md-error[data-v-db03e6aa] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-db03e6aa] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-db03e6aa], .md-field.md-has-value label[data-v-db03e6aa] {
    top: -10px
}

.form-control[data-v-db03e6aa], .md-field .md-input[data-v-db03e6aa], .md-field .md-textarea[data-v-db03e6aa], .winput[data-v-db03e6aa] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-db03e6aa] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-db03e6aa] {
    fill: #0d0d0d
}

.round[data-v-db03e6aa] {
    border-radius: 5px
}

.off[data-v-db03e6aa] {
    position: relative;
    cursor: default
}

.off > [data-v-db03e6aa] {
    opacity: .5
}

.off[data-v-db03e6aa]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-db03e6aa] {
    cursor: pointer
}

.close-page[data-v-db03e6aa] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-db03e6aa] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-db03e6aa], .slide-fade-leave-active[data-v-db03e6aa] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-db03e6aa], .slide-fade-leave-to[data-v-db03e6aa] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-db03e6aa {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-db03e6aa {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-db03e6aa] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-db03e6aa] {
    color: #ffcf5c
}

.button[data-v-db03e6aa] {
    font-weight: 700
}

.modal .modal-dialog[data-v-db03e6aa] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-db03e6aa] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-db03e6aa] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-db03e6aa], .modal .modal-dialog .modal-header[data-v-db03e6aa] {
    border: none
}

#chartCommisst .highcharts-title[data-v-db03e6aa] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-db03e6aa] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-db03e6aa] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-db03e6aa], .modal .modal-dialog form[data-v-db03e6aa] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-db03e6aa] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-db03e6aa], .FaqsDetail[data-v-db03e6aa] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-db03e6aa], .FaqsDetail[data-v-db03e6aa] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-db03e6aa], .FaqsDetail .headerMaster .boxHeader[data-v-db03e6aa] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-db03e6aa], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-db03e6aa] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-db03e6aa], .Faqs main[data-v-db03e6aa] {
    background-color: unset
}

.titleChartCandle[data-v-db03e6aa] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-db03e6aa] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-db03e6aa] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-db03e6aa] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-db03e6aa], .plotlineChart .time[data-v-db03e6aa] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-db03e6aa] {
    top: 51px
}

.boxHeader[data-v-db03e6aa] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-db03e6aa], .boxHeader .register[data-v-db03e6aa] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-db03e6aa] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-db03e6aa] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-db03e6aa] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-db03e6aa] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-db03e6aa]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-db03e6aa] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-db03e6aa]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-db03e6aa] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-db03e6aa]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-db03e6aa] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-db03e6aa] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-db03e6aa] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-db03e6aa] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-db03e6aa] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-db03e6aa] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-db03e6aa] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-db03e6aa] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-db03e6aa] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-db03e6aa] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-db03e6aa] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-db03e6aa] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-db03e6aa] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-db03e6aa] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-db03e6aa] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-db03e6aa] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-db03e6aa] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-db03e6aa] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-db03e6aa] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-db03e6aa] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-db03e6aa] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-db03e6aa] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-db03e6aa] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-db03e6aa] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-db03e6aa] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-db03e6aa] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-db03e6aa] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-db03e6aa] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-db03e6aa] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-db03e6aa] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-db03e6aa] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-db03e6aa] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-db03e6aa] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-db03e6aa] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-db03e6aa] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-db03e6aa] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-db03e6aa] {
        height: 56px !important
    }
}

input.form-control[data-v-db03e6aa], input[data-v-db03e6aa], select.form-control[data-v-db03e6aa], select[data-v-db03e6aa] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-db03e6aa] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-db03e6aa] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-db03e6aa] {
    line-height: 100%
}

.button.btn-long[data-v-db03e6aa] {
    padding: 10px 40px
}

.button.btn-radius[data-v-db03e6aa] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-db03e6aa] {
    border-radius: 20px
}

.button.btn-full[data-v-db03e6aa] {
    width: 100%
}

.button.btn-80[data-v-db03e6aa] {
    width: 80%
}

.button.hasIcon[data-v-db03e6aa] {
    padding-left: 50px
}

.button a[data-v-db03e6aa] {
    display: block
}

.button .labelIcon[data-v-db03e6aa] {
    position: absolute
}

.button .labelIcon svg[data-v-db03e6aa] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-db03e6aa] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-db03e6aa]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-db03e6aa] {
    outline: none
}

.keyboard-input-wrap[data-v-db03e6aa] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-db03e6aa] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-db03e6aa] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-db03e6aa] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-db03e6aa] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-db03e6aa] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-db03e6aa] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-db03e6aa] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-db03e6aa] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-db03e6aa] {
    font-size: 1.2em
}

.color-white[data-v-db03e6aa] {
    color: #fff
}

.color-white-50[data-v-db03e6aa] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-db03e6aa] {
    display: none
}

.ld-loading .loading[data-v-db03e6aa], .main-loading .loading[data-v-db03e6aa] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-db03e6aa] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-db03e6aa]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-db03e6aa]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-db03e6aa] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-db03e6aa] {
    -webkit-animation: rotate-data-v-db03e6aa 1s linear infinite;
    animation: rotate-data-v-db03e6aa 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-db03e6aa] {
    stroke: transparent
}

.wrapNotify[data-v-db03e6aa] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-db03e6aa] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-db03e6aa] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-db03e6aa] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-db03e6aa] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-db03e6aa] {
    display: block
}

.wrapNotify .close-notify[data-v-db03e6aa] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-db03e6aa] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-db03e6aa] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-db03e6aa] {
    background-color: transparent
}

.colorWhite[data-v-db03e6aa] {
    color: #fff
}

.colorRed[data-v-db03e6aa] {
    color: #f46273
}

.colorGreen[data-v-db03e6aa] {
    color: #31baa0
}

.colorGray[data-v-db03e6aa] {
    color: #7c7c7c
}

.tableBackground[data-v-db03e6aa] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-db03e6aa] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-db03e6aa], .tableBackground .table-dark th[data-v-db03e6aa] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-db03e6aa]:after, .tableBackground .table-dark th[data-v-db03e6aa]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-db03e6aa] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-db03e6aa], .tableBackground .table-dark th[data-v-db03e6aa] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-db03e6aa]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-db03e6aa]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-db03e6aa] {
    background-color: #060642
}

.tableBackground #paging li[data-v-db03e6aa] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-db03e6aa] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-db03e6aa] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-db03e6aa], .customeTradeHistory[data-v-db03e6aa] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-db03e6aa], .customeTradeHistory .reportrange-text[data-v-db03e6aa] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-db03e6aa], .customeTradeHistory .reportrange-text .seperate[data-v-db03e6aa] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-db03e6aa], .customeTradeHistory .reportrange-text span[data-v-db03e6aa] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-db03e6aa] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-db03e6aa] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-db03e6aa] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-db03e6aa]:after, .startDate .daterangepicker.openscenter[data-v-db03e6aa]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-db03e6aa] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-db03e6aa] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-db03e6aa] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-db03e6aa] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-db03e6aa] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-db03e6aa] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-db03e6aa] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-db03e6aa] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-db03e6aa] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-db03e6aa] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-db03e6aa] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-db03e6aa] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-db03e6aa] {
    text-align: center
}

.border-none[data-v-db03e6aa] {
    border: none
}

.text-domain[data-v-db03e6aa]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-db03e6aa] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-db03e6aa] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-db03e6aa] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-db03e6aa] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-db03e6aa] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-db03e6aa] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-db03e6aa] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-db03e6aa] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-db03e6aa] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-db03e6aa] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-db03e6aa] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-db03e6aa] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-db03e6aa] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-db03e6aa] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-db03e6aa] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-db03e6aa] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-db03e6aa] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-db03e6aa] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-db03e6aa] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-db03e6aa] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-db03e6aa] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-db03e6aa] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-db03e6aa] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-db03e6aa] {
    fill: #000
}

.btn-active-paging[data-v-db03e6aa] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-db03e6aa] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-db03e6aa] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-db03e6aa] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-db03e6aa], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-db03e6aa] {
    background: #8b8d96 !important
}

.transactionBox[data-v-db03e6aa] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-db03e6aa] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-db03e6aa] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-db03e6aa] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-db03e6aa] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-db03e6aa] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-db03e6aa] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-db03e6aa] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-db03e6aa] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-db03e6aa] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-db03e6aa] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-db03e6aa] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-db03e6aa] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-db03e6aa] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-db03e6aa] {
    color: #2a74f9 !important
}

.button[data-v-db03e6aa] {
    background-color: #31baa0 !important
}

.color-blue[data-v-db03e6aa] {
    color: #2a74f9
}

.color-light-gray[data-v-db03e6aa] {
    color: #7c7c7c
}

.font-14[data-v-db03e6aa] {
    font-size: .875rem
}

.font-26[data-v-db03e6aa] {
    font-size: 1.625rem
}

.modal-body-popup[data-v-db03e6aa] {
    padding: 0;
    background-color: #02142b
}

.modalTransfer[data-v-db03e6aa] {
    z-index: 9999
}

.modalTransfer .button[data-v-db03e6aa] {
    background-color: #31baa0
}

.image[data-v-db03e6aa] {
    max-width: 137px
}

.header[data-v-db03e6aa] {
    position: relative
}

.header .leftHeader[data-v-db03e6aa], .header .rightHeader[data-v-db03e6aa] {
    padding: 2rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    flex: 1 auto;
    max-width: 50%
}

.header .leftHeader[data-v-db03e6aa] {
    border-right: 1px solid hsla(0,0%,100%,.17)
}

.header .changeAmount[data-v-db03e6aa] {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.header .iconTransfer[data-v-db03e6aa] {
    width: 40px;
    height: 40px
}

.content[data-v-db03e6aa] {
    padding: 2rem;
    background-color: transparent
}

.content .inputGroup[data-v-db03e6aa] {
    position: relative
}

.content .inputGroup input[data-v-db03e6aa] {
    background-color: #fff
}

    .content .inputGroup input[data-v-db03e6aa]::-webkit-input-placeholder {
        color: #414141
    }

    .content .inputGroup input[data-v-db03e6aa]::-moz-placeholder {
        color: #414141
    }

    .content .inputGroup input[data-v-db03e6aa]:-ms-input-placeholder {
        color: #414141
    }

    .content .inputGroup input[data-v-db03e6aa]:-moz-placeholder {
        color: #414141
    }

.content .inputGroup .input-append[data-v-db03e6aa] {
    position: absolute;
    top: 0;
    right: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    overflow: hidden
}

.content .inputGroup .input-append button[data-v-db03e6aa] {
    color: #2a74f9;
    border-radius: 0;
    background-color: #fff
}

.content .btn-border-radius[data-v-db03e6aa] {
    border-radius: 3px !important
}

@media (max-width:768px) {
    .modal .modal-dialog[data-v-db03e6aa] {
        margin-top: 0;
        top: 0
    }

    .modal .modal-dialog button.close[data-v-db03e6aa] {
        top: 2px
    }

    .modal-body-popup.mobile-version[data-v-db03e6aa] {
        height: 100%;
        padding: 1rem;
        background-color: #02142b
    }

    .modal-body-popup.mobile-version .close[data-v-db03e6aa] {
        top: 10px;
        right: 5px;
        background-color: transparent
    }
}

@media (max-width:768px) {
    .white-theme.mobile-version .form-control[data-v-db03e6aa] {
        color: #fff
    }

    .white-theme.mobile-version .modalTransferSuccess .modal-dialog[data-v-db03e6aa] {
        margin: 0;
        top: 0
    }

    .white-theme.mobile-version .modalTransferSuccess .modal-dialog .modal-content-info[data-v-db03e6aa] {
        margin-top: 0
    }

    .white-theme.mobile-version .modalTransferSuccess .modal-dialog .modal-content-info .modal-body-popup[data-v-db03e6aa] {
        padding: 1.25rem
    }
}

@media (max-width:575px) {
    .modal .modal-dialog button.close[data-v-db03e6aa] {
        background: unset !important;
        top: 6px;
        right: 6px
    }
}

#button-addon2[data-v-db03e6aa] {
    text-transform: uppercase
}

body[data-v-6281d809] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-6281d809]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-6281d809]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-6281d809]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-6281d809] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-6281d809]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-6281d809]::-webkit-inner-spin-button, input[data-v-6281d809]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-6281d809] {
    -moz-appearance: textfield
}

button[data-v-6281d809]:focus, input[data-v-6281d809]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-6281d809] {
    font-size: 8px
}

.font-10[data-v-6281d809] {
    font-size: .6rem !important
}

.font-12[data-v-6281d809] {
    font-size: 12px
}

.font-14[data-v-6281d809] {
    font-size: 14px
}

.font-16[data-v-6281d809] {
    font-size: 16px
}

.font-18[data-v-6281d809] {
    font-size: 18px
}

.font-20[data-v-6281d809] {
    font-size: 20px
}

.font-24[data-v-6281d809] {
    font-size: 24px
}

.font-32[data-v-6281d809] {
    font-size: 32px
}

.font-34[data-v-6281d809] {
    font-size: 34px
}

.font-40[data-v-6281d809] {
    font-size: 2.5rem !important
}

.font-44[data-v-6281d809] {
    font-size: 44px
}

.colorPrimary[data-v-6281d809] {
    color: #2a74f9
}

.colorPrimary1[data-v-6281d809] {
    color: #000 !important
}

.colorSecondary[data-v-6281d809] {
    color: #fff !important
}

.colorSecondary1[data-v-6281d809] {
    color: #414141 !important
}

.colorSecondary2[data-v-6281d809] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-6281d809] {
    color: #0d0d0d
}

.colorSecondary4[data-v-6281d809] {
    color: #02142b
}

.colorSecondary5[data-v-6281d809] {
    color: #1a1e24
}

.colorSecondary6[data-v-6281d809] {
    color: #fafafa
}

.colorSecondary7[data-v-6281d809] {
    color: #333
}

.colorSecondary8[data-v-6281d809] {
    color: #0e0031
}

.colorSuccess[data-v-6281d809] {
    color: #31baa0
}

.colorWarning[data-v-6281d809] {
    color: #ffcf5c
}

.colorDanger[data-v-6281d809] {
    color: #f46273
}

.fillPrimary[data-v-6281d809] {
    fill: #2a74f9
}

.fillWarning[data-v-6281d809] {
    fill: #ffcf5c
}

.fillDanger[data-v-6281d809] {
    fill: #f46273
}

.fillSecondary1[data-v-6281d809] {
    fill: #414141
}

.fillSecondary2[data-v-6281d809] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-6281d809] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-6281d809] {
    fill: #02142b
}

.fillSecondary5[data-v-6281d809] {
    fill: #1a1e24
}

.fillSecondary6[data-v-6281d809] {
    fill: #fafafa
}

.fillSecondary7[data-v-6281d809] {
    fill: #333
}

.fillSecondary8[data-v-6281d809] {
    fill: #0e0031
}

.textnote-notidesc[data-v-6281d809] {
    color: #fff
}

.bgColor0[data-v-6281d809] {
    background-color: transparent
}

.bgPrimary-hover[data-v-6281d809]:hover, .bgPrimary[data-v-6281d809] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-6281d809]:hover, .bgPrimary1[data-v-6281d809] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-6281d809]:hover, .bgPrimary2[data-v-6281d809] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-6281d809]:hover, .bgSecondary[data-v-6281d809] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-6281d809]:hover, .bgSecondary1[data-v-6281d809] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-6281d809]:hover, .bgSecondary2[data-v-6281d809] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-6281d809]:hover, .bgSecondary3[data-v-6281d809] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-6281d809] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-6281d809] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-6281d809]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-6281d809]:hover, .bgSecondary5[data-v-6281d809] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-6281d809]:hover, .bgSecondary6[data-v-6281d809] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-6281d809]:hover, .bgSecondary7[data-v-6281d809] {
    background-color: #333 !important
}

.bgSecondary8[data-v-6281d809] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-6281d809]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-6281d809] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-6281d809]:hover, .bgSuccess[data-v-6281d809] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-6281d809] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-6281d809] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-6281d809]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-6281d809] {
    fill: #31baa0
}

.w-14-px[data-v-6281d809] {
    width: 14px
}

.max-width-50[data-v-6281d809] {
    max-width: 50%
}

.h-60-px[data-v-6281d809] {
    height: 60px
}

.h-100-px[data-v-6281d809] {
    height: 100px
}

.mb-16-px[data-v-6281d809] {
    margin-bottom: 16px
}

.mb-30-px[data-v-6281d809] {
    margin-bottom: 30px
}

.borderRounded[data-v-6281d809] {
    border-radius: 5px
}

.borderPrimary[data-v-6281d809] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-6281d809] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-6281d809] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-6281d809] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-6281d809] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-6281d809] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-6281d809] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-6281d809] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-6281d809] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-6281d809] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-6281d809] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-6281d809] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-6281d809] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-6281d809] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-6281d809]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-6281d809] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-6281d809] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-6281d809] {
    padding: 1px
}

.px-1-px[data-v-6281d809] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-6281d809] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-6281d809] {
    padding-left: 1px
}

.pr-1-px[data-v-6281d809] {
    padding-right: 1px
}

.pt-1-px[data-v-6281d809] {
    padding-top: 1px
}

.pb-1-px[data-v-6281d809] {
    padding-bottom: 1px
}

.p-2-px[data-v-6281d809] {
    padding: 2px
}

.px-2-px[data-v-6281d809] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-6281d809] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-6281d809] {
    padding-left: 2px
}

.pr-2-px[data-v-6281d809] {
    padding-right: 2px
}

.pt-2-px[data-v-6281d809] {
    padding-top: 2px
}

.pb-2-px[data-v-6281d809] {
    padding-bottom: 2px
}

.p-8-px[data-v-6281d809] {
    padding: 8px
}

.px-8-px[data-v-6281d809] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-6281d809] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-6281d809] {
    padding-left: 8px
}

.pr-8-px[data-v-6281d809] {
    padding-right: 8px
}

.pt-8-px[data-v-6281d809] {
    padding-top: 8px
}

.pb-8-px[data-v-6281d809] {
    padding-bottom: 8px
}

.p-10-px[data-v-6281d809] {
    padding: 10px
}

.px-10-px[data-v-6281d809] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-6281d809] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-6281d809] {
    padding-left: 10px
}

.pr-10-px[data-v-6281d809] {
    padding-right: 10px
}

.pt-10-px[data-v-6281d809] {
    padding-top: 10px
}

.pb-10-px[data-v-6281d809] {
    padding-bottom: 10px
}

.p-12-px[data-v-6281d809] {
    padding: 12px
}

.px-12-px[data-v-6281d809] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-6281d809] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-6281d809] {
    padding-left: 12px
}

.pr-12-px[data-v-6281d809] {
    padding-right: 12px
}

.pt-12-px[data-v-6281d809] {
    padding-top: 12px
}

.pb-12-px[data-v-6281d809] {
    padding-bottom: 12px
}

.p-16-px[data-v-6281d809] {
    padding: 16px
}

.px-16-px[data-v-6281d809] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-6281d809] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-6281d809] {
    padding-left: 16px
}

.pr-16-px[data-v-6281d809] {
    padding-right: 16px
}

.pt-16-px[data-v-6281d809] {
    padding-top: 16px
}

.pb-16-px[data-v-6281d809] {
    padding-bottom: 16px
}

.p-30-px[data-v-6281d809] {
    padding: 30px
}

.px-30-px[data-v-6281d809] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-6281d809] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-6281d809] {
    padding-left: 30px
}

.pr-30-px[data-v-6281d809] {
    padding-right: 30px
}

.pt-30-px[data-v-6281d809] {
    padding-top: 30px
}

.pb-30-px[data-v-6281d809] {
    padding-bottom: 30px
}

.font-30[data-v-6281d809] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-6281d809] {
    font-weight: 700
}

.wbo-title[data-v-6281d809] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-6281d809] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-6281d809] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-6281d809] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-6281d809]:focus {
        outline: 0
    }

    .button[data-v-6281d809]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-6281d809] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-6281d809]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-6281d809] {
    padding: 11px 2.5rem
}

.button.primary[data-v-6281d809], .button.primary[data-v-6281d809]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #fff !important
}

.button.primary span[data-v-6281d809], .text-primary[data-v-6281d809], a .primary-hover[data-v-6281d809]:hover {
    color: #000 !important
}

ul[data-v-6281d809] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-6281d809], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-6281d809] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-6281d809]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-6281d809]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-6281d809], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-6281d809], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-6281d809]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-6281d809], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-6281d809], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-6281d809]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-6281d809], .faqsContent .content .navigator ul li a.active[data-v-6281d809]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-6281d809]:hover {
    color: #000
}

.ps[data-v-6281d809] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-6281d809] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-6281d809], .ps__rail-y[data-v-6281d809] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-6281d809] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-6281d809], .ps--active-y > .ps__rail-y[data-v-6281d809] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-6281d809], .ps--focus > .ps__rail-y[data-v-6281d809], .ps--scrolling-x > .ps__rail-x[data-v-6281d809], .ps--scrolling-y > .ps__rail-y[data-v-6281d809], .ps:hover > .ps__rail-x[data-v-6281d809], .ps:hover > .ps__rail-y[data-v-6281d809] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-6281d809], .ps .ps__rail-x[data-v-6281d809]:focus, .ps .ps__rail-x[data-v-6281d809]:hover, .ps .ps__rail-y.ps--clicking[data-v-6281d809], .ps .ps__rail-y[data-v-6281d809]:focus, .ps .ps__rail-y[data-v-6281d809]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-6281d809] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-6281d809] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-6281d809], .ps__rail-x:focus > .ps__thumb-x[data-v-6281d809], .ps__rail-x:hover > .ps__thumb-x[data-v-6281d809] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-6281d809], .ps__rail-y:focus > .ps__thumb-y[data-v-6281d809], .ps__rail-y:hover > .ps__thumb-y[data-v-6281d809] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-6281d809] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-6281d809] {
        overflow: auto !important
    }
}

.md-field[data-v-6281d809] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-6281d809] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-6281d809] {
    color: #2a74f9
}

.md-field .md-error[data-v-6281d809] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-6281d809] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-6281d809], .md-field.md-has-value label[data-v-6281d809] {
    top: -10px
}

.form-control[data-v-6281d809], .md-field .md-input[data-v-6281d809], .md-field .md-textarea[data-v-6281d809], .winput[data-v-6281d809] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-6281d809] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-6281d809] {
    fill: #0d0d0d
}

.round[data-v-6281d809] {
    border-radius: 5px
}

.off[data-v-6281d809] {
    position: relative;
    cursor: default
}

.off > [data-v-6281d809] {
    opacity: .5
}

.off[data-v-6281d809]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-6281d809] {
    cursor: pointer
}

.close-page[data-v-6281d809] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-6281d809] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-6281d809], .slide-fade-leave-active[data-v-6281d809] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-6281d809], .slide-fade-leave-to[data-v-6281d809] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-6281d809 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-6281d809 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-6281d809] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-6281d809] {
    color: #ffcf5c
}

.button[data-v-6281d809] {
    font-weight: 700
}

.modal .modal-dialog[data-v-6281d809] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-6281d809] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-6281d809] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-6281d809], .modal .modal-dialog .modal-header[data-v-6281d809] {
    border: none
}

#chartCommisst .highcharts-title[data-v-6281d809] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-6281d809] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-6281d809] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-6281d809], .modal .modal-dialog form[data-v-6281d809] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-6281d809] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-6281d809], .FaqsDetail[data-v-6281d809] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-6281d809], .FaqsDetail[data-v-6281d809] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-6281d809], .FaqsDetail .headerMaster .boxHeader[data-v-6281d809] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-6281d809], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-6281d809] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-6281d809], .Faqs main[data-v-6281d809] {
    background-color: unset
}

.titleChartCandle[data-v-6281d809] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-6281d809] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-6281d809] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-6281d809] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-6281d809], .plotlineChart .time[data-v-6281d809] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-6281d809] {
    top: 51px
}

.boxHeader[data-v-6281d809] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-6281d809], .boxHeader .register[data-v-6281d809] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-6281d809] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-6281d809] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-6281d809] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-6281d809] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-6281d809]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-6281d809] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-6281d809]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-6281d809] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-6281d809]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-6281d809] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-6281d809] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-6281d809] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-6281d809] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-6281d809] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-6281d809] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-6281d809] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-6281d809] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-6281d809] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-6281d809] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-6281d809] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-6281d809] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-6281d809] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-6281d809] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-6281d809] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-6281d809] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-6281d809] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-6281d809] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-6281d809] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-6281d809] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-6281d809] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-6281d809] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-6281d809] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-6281d809] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-6281d809] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-6281d809] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-6281d809] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-6281d809] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-6281d809] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-6281d809] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-6281d809] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-6281d809] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-6281d809] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-6281d809] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-6281d809] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-6281d809] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-6281d809] {
        height: 56px !important
    }
}

input.form-control[data-v-6281d809], input[data-v-6281d809], select.form-control[data-v-6281d809], select[data-v-6281d809] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-6281d809] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-6281d809] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-6281d809] {
    line-height: 100%
}

.button.btn-long[data-v-6281d809] {
    padding: 10px 40px
}

.button.btn-radius[data-v-6281d809] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-6281d809] {
    border-radius: 20px
}

.button.btn-full[data-v-6281d809] {
    width: 100%
}

.button.btn-80[data-v-6281d809] {
    width: 80%
}

.button.hasIcon[data-v-6281d809] {
    padding-left: 50px
}

.button a[data-v-6281d809] {
    display: block
}

.button .labelIcon[data-v-6281d809] {
    position: absolute
}

.button .labelIcon svg[data-v-6281d809] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-6281d809] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-6281d809]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-6281d809] {
    outline: none
}

.keyboard-input-wrap[data-v-6281d809] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-6281d809] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-6281d809] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-6281d809] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-6281d809] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-6281d809] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-6281d809] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-6281d809] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-6281d809] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-6281d809] {
    font-size: 1.2em
}

.color-white[data-v-6281d809] {
    color: #fff
}

.color-white-50[data-v-6281d809] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-6281d809] {
    display: none
}

.ld-loading .loading[data-v-6281d809], .main-loading .loading[data-v-6281d809] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-6281d809] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-6281d809]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-6281d809]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-6281d809] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-6281d809] {
    -webkit-animation: rotate-data-v-6281d809 1s linear infinite;
    animation: rotate-data-v-6281d809 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-6281d809] {
    stroke: transparent
}

.wrapNotify[data-v-6281d809] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-6281d809] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-6281d809] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-6281d809] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-6281d809] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-6281d809] {
    display: block
}

.wrapNotify .close-notify[data-v-6281d809] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-6281d809] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-6281d809] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-6281d809] {
    background-color: transparent
}

.colorWhite[data-v-6281d809] {
    color: #fff
}

.colorRed[data-v-6281d809] {
    color: #f46273
}

.colorGreen[data-v-6281d809] {
    color: #31baa0
}

.colorGray[data-v-6281d809] {
    color: #7c7c7c
}

.tableBackground[data-v-6281d809] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-6281d809] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-6281d809], .tableBackground .table-dark th[data-v-6281d809] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-6281d809]:after, .tableBackground .table-dark th[data-v-6281d809]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-6281d809] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-6281d809], .tableBackground .table-dark th[data-v-6281d809] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-6281d809]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-6281d809]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-6281d809] {
    background-color: #060642
}

.tableBackground #paging li[data-v-6281d809] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-6281d809] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-6281d809] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-6281d809], .customeTradeHistory[data-v-6281d809] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-6281d809], .customeTradeHistory .reportrange-text[data-v-6281d809] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-6281d809], .customeTradeHistory .reportrange-text .seperate[data-v-6281d809] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-6281d809], .customeTradeHistory .reportrange-text span[data-v-6281d809] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-6281d809] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-6281d809] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-6281d809] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-6281d809]:after, .startDate .daterangepicker.openscenter[data-v-6281d809]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-6281d809] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-6281d809] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-6281d809] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-6281d809] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-6281d809] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-6281d809] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-6281d809] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-6281d809] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-6281d809] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-6281d809] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-6281d809] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-6281d809] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-6281d809] {
    text-align: center
}

.border-none[data-v-6281d809] {
    border: none
}

.text-domain[data-v-6281d809]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-6281d809] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-6281d809] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-6281d809] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-6281d809] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-6281d809] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-6281d809] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-6281d809] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-6281d809] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-6281d809] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-6281d809] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-6281d809] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-6281d809] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-6281d809] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-6281d809] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-6281d809] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-6281d809] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-6281d809] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-6281d809] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-6281d809] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-6281d809] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-6281d809] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-6281d809] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-6281d809] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-6281d809] {
    fill: #000
}

.btn-active-paging[data-v-6281d809] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-6281d809] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-6281d809] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-6281d809] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-6281d809], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-6281d809] {
    background: #8b8d96 !important
}

.transactionBox[data-v-6281d809] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-6281d809] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-6281d809] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-6281d809] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-6281d809] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-6281d809] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-6281d809] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-6281d809] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-6281d809] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-6281d809] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-6281d809] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-6281d809] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-6281d809] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-6281d809] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-6281d809] {
    color: #2a74f9 !important
}

.btn-large[data-v-6281d809] {
    padding: 11px 2.5rem
}

.form-control[data-v-6281d809] {
    color: #0d0d0d
}

.color-blue[data-v-6281d809] {
    color: #2a74f9;
    -webkit-filter: brightness(130%);
    filter: brightness(130%)
}

.color-light-gray[data-v-6281d809] {
    color: #7c7c7c
}

.font-14[data-v-6281d809] {
    font-size: .875rem
}

.font-26[data-v-6281d809] {
    font-size: 1.625rem
}

.modal-body-popup[data-v-6281d809] {
    padding: 0;
    background-color: #02142b
}

.modalTransfer[data-v-6281d809] {
    z-index: 9999
}

.header[data-v-6281d809] {
    position: relative
}

.header .leftHeader[data-v-6281d809], .header .rightHeader[data-v-6281d809] {
    padding: 2rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    flex: 1 auto;
    max-width: 50%
}

    .header .leftHeader[data-v-6281d809].order-1,
    .header .rightHeader[data-v-6281d809].order-1 {
        border-right: 1px solid hsla(0,0%,100%,.17)
    }

.header .changeAmount[data-v-6281d809] {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.header .iconTransfer[data-v-6281d809] {
    width: 40px;
    height: 40px
}

.content[data-v-6281d809] {
    padding: 2rem;
}

.content .inputGroup[data-v-6281d809] {
    position: relative
}

.content .inputGroup input[data-v-6281d809] {
    background-color: #fff
}

    .content .inputGroup input[data-v-6281d809]::-webkit-input-placeholder {
        color: #414141
    }

    .content .inputGroup input[data-v-6281d809]::-moz-placeholder {
        color: #414141
    }

    .content .inputGroup input[data-v-6281d809]:-ms-input-placeholder {
        color: #414141
    }

    .content .inputGroup input[data-v-6281d809]:-moz-placeholder {
        color: #414141
    }

.content .inputGroup .input-append[data-v-6281d809] {
    position: absolute;
    top: 0;
    right: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    overflow: hidden
}

.content .inputGroup .input-append button[data-v-6281d809] {
    border-radius: 0;
    background-color: #fff
}

.content .btn-border-radius[data-v-6281d809] {
    border-radius: 3px !important
}

@media (min-width:576px) and (max-width:768px) {
    .modalTransfer .modal-dialog[data-v-6281d809] {
        top: 0;
        margin: 0;
        color: #fff;
        margin: 1.75rem auto;
        min-width: 500px;
        position: absolute;
        top: 200px;
        left: 50%
    }

    .modalTransfer .modal-dialog .modal-content-info[data-v-6281d809] {
        margin-top: 0
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .modalTransfer .modal-dialog[data-v-6281d809] {
        margin: 0;
        height: auto !important;
        top: 50%;
        -webkit-transform: translate(-50%,-50%) !important;
        transform: translate(-50%,-50%) !important
    }

    .modalTransfer .modal-content-info[data-v-6281d809] {
        height: auto;
        margin-top: 0
    }

    .modalTransfer .modal-content-info .inputGroup input[data-v-6281d809] {
        color: #0d0d0d;
        height: 41px;
        line-height: 41px
    }
}

@media (max-width:768px) {
    .modal .close[data-v-6281d809] {
        top: 7px;
        right: 5px;
        background: transparent;
        z-index: 9999
    }

    .mobile-version .modal-body-popup[data-v-6281d809] {
        padding: 0
    }

    .mobile-version .bodyMobile[data-v-6281d809], .mobile-version .footerMobile[data-v-6281d809], .mobile-version .headerMobile[data-v-6281d809] {
        padding: 1rem 1.25rem
    }

    .mobile-version .bodyMobile .form-control[data-v-6281d809] {
        padding: 0 !important
    }

    .modal-body-popup.mobile-version[data-v-6281d809] {
        height: 100%;
        background-color: #02142b
    }

    .modal-body-popup.mobile-version .close[data-v-6281d809] {
        top: 10px;
        right: 5px;
        background-color: transparent
    }

    .modal-body-popup.mobile-version .groupChangeWallet[data-v-6281d809] {
        position: relative;
        border-radius: 6px;
        border: 1px solid #1f2f53
    }

    .modal-body-popup.mobile-version .groupChangeWallet .changeTransfer[data-v-6281d809] {
        position: absolute;
        top: 50%;
        left: .5rem;
        width: 6px;
        height: 50px;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAABcCAYAAABa+1QQAAAABHNCSVQICAgIfAhkiAAAAalJREFUWEftWLFSwlAQ3I2hoFFmbGz9AwsbK6EULeADIOHLTMIHSKMzViYVLbX/wEyoLMCckzwCvMGEFxwbJmkC4e7lbnfvJQuxe7yKC8KB4Ca7TMxAeHign4cx+/AhLXzhBUBbW2D7JUQTfXQYq4Q3CQHcFwTnl0N02SFUGc8HgtXPghENV8/Xi9KEGMCF4R3iagnA4oiSKjdtDmuELtu7xE1KuIjQRG9LXA6RKs8F1tIAZhB4eKSnS8MIUxWkSqpw1AkmYJ0cSiJyBeAawDmABoA5gE+S6VnX0jr4tgCpaZ60QUlE7gBcFiTMSU41tYrIUwkPS5Lvf06oXFKKkHnT2dZZBVYT4dUzXaNUgoC2L1USXz3T+7Dub2T1TJuKz2RMT+4p+v9N1zOtY/zrq0P9nC4S4slN3GowcGFZjm6axLODQPfT4rqtb5FSP31G9ul5yk8vh8OQ5EE/bft+h+syzPx0koxouHrGo4hEXDmOuZ8G4qoJiyNKUtibN20Ka9pwIwiUn06JWyXJpIiLNNi2rN6GuFz7KSdCuiSzv1pEZEYRzx6PN376B/nTCjNfbS2dAAAAAElFTkSuQmCC);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .modal-body-popup.mobile-version .groupChangeWallet .leftGroup[data-v-6281d809] {
        -webkit-box-flex: 1;
        -ms-flex: 1 auto;
        flex: 1 auto;
        max-width: 85%;
        border-right: 1px solid hsla(0,0%,100%,.2)
    }

    .modal-body-popup.mobile-version .groupChangeWallet .rightGroup[data-v-6281d809] {
        -webkit-box-flex: 1;
        -ms-flex: 1 auto;
        flex: 1 auto;
        max-width: 15%
    }

    .modal-body-popup.mobile-version .groupChangeWallet .method[data-v-6281d809] {
        padding: .5rem 0 .5rem 2rem
    }

    .modal-body-popup.mobile-version .groupChangeWallet .method .topMethod[data-v-6281d809] {
        border-bottom: 1px solid hsla(0,0%,100%,.2)
    }

    .modal-body-popup.mobile-version .groupChangeWallet .method .bottomMethod[data-v-6281d809], .modal-body-popup.mobile-version .groupChangeWallet .method .topMethod[data-v-6281d809] {
        padding-left: 2rem
    }

    .modal-body-popup.mobile-version .groupChangeWallet .method .leftMethod[data-v-6281d809] {
        -webkit-box-flex: 1;
        -ms-flex: 1 auto;
        flex: 1 auto;
        max-width: 20%
    }

    .modal-body-popup.mobile-version .groupChangeWallet .method .rightMethod[data-v-6281d809] {
        -webkit-box-flex: 1;
        -ms-flex: 1 auto;
        flex: 1 auto;
        max-width: 80%
    }

    .inputGroupMobile[data-v-6281d809] {
        border-bottom: 1px solid hsla(0,0%,100%,.2)
    }

    .inputGroupMobile .inputContent .form-control[data-v-6281d809] {
        border: none;
        border-radius: 0;
        background-color: transparent
    }

    .inputGroupMobile .inputContent input[type=number][data-v-6281d809] {
        font-size: 14px;
        min-width: 215px
    }

        .inputGroupMobile .inputContent input[type=number][data-v-6281d809]::-webkit-input-placeholder {
            font-size: 14px;
            color: hsla(0,0%,100%,.3)
        }

        .inputGroupMobile .inputContent input[type=number][data-v-6281d809]::-moz-placeholder {
            font-size: 14px;
            color: hsla(0,0%,100%,.3)
        }

        .inputGroupMobile .inputContent input[type=number][data-v-6281d809]:-ms-input-placeholder {
            font-size: 14px;
            color: hsla(0,0%,100%,.3)
        }

        .inputGroupMobile .inputContent input[type=number][data-v-6281d809]:-moz-placeholder {
            font-size: 14px;
            color: hsla(0,0%,100%,.3)
        }

        .inputGroupMobile .inputContent input[type=number][data-v-6281d809]::-webkit-inner-spin-button, .inputGroupMobile .inputContent input[type=number][data-v-6281d809]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0
        }

    .inputGroupMobile .inputContent input[type=number][data-v-6281d809] {
        -moz-appearance: textfield
    }

    .inputGroupMobile .btn[data-v-6281d809] {
        color: #2a74f9;
        background-color: transparent;
        border: none;
        padding: 0
    }

    .inputGroupMobile .borderLine[data-v-6281d809] {
        position: relative
    }

        .inputGroupMobile .borderLine[data-v-6281d809]:after {
            content: "";
            display: inline-block;
            width: 1px;
            height: 30px;
            position: absolute;
            top: 50%;
            left: 0;
            background-color: hsla(0,0%,100%,.2);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

    .textGuide[data-v-6281d809] {
        margin-top: 2rem;
        background-color: #02142b;
        border-radius: 6px;
        padding: 1rem
    }
}

@media (max-width:768px) {
    .white-theme.mobile-version .bodyMobile .form-control[data-v-6281d809] {
        color: #fff
    }
}

#button-addon2[data-v-6281d809] {
    text-transform: uppercase;
    white-space: nowrap
}

@media (max-width:575.98px) {
    .modal .modal-dialog button.close[data-v-6281d809] {
        top: 7px;
        right: 5px;
        background-color: transparent !important
    }
}

.borderRound[data-v-6281d809] {
    border-radius: 3px !important
}

body[data-v-528a0959] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-528a0959]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-528a0959]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-528a0959]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-528a0959] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-528a0959]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-528a0959]::-webkit-inner-spin-button, input[data-v-528a0959]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-528a0959] {
    -moz-appearance: textfield
}

button[data-v-528a0959]:focus, input[data-v-528a0959]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-528a0959] {
    font-size: 8px
}

.font-10[data-v-528a0959] {
    font-size: .6rem !important
}

.font-12[data-v-528a0959] {
    font-size: 12px
}

.font-14[data-v-528a0959] {
    font-size: 14px
}

.font-16[data-v-528a0959] {
    font-size: 16px
}

.font-18[data-v-528a0959] {
    font-size: 18px
}

.font-20[data-v-528a0959] {
    font-size: 20px
}

.font-24[data-v-528a0959] {
    font-size: 24px
}

.font-32[data-v-528a0959] {
    font-size: 32px
}

.font-34[data-v-528a0959] {
    font-size: 34px
}

.font-40[data-v-528a0959] {
    font-size: 2.5rem !important
}

.font-44[data-v-528a0959] {
    font-size: 44px
}

.colorPrimary[data-v-528a0959] {
    color: #2a74f9
}

.colorPrimary1[data-v-528a0959] {
    color: #000 !important
}

.colorSecondary[data-v-528a0959] {
    color: #fff !important
}

.colorSecondary1[data-v-528a0959] {
    color: #414141 !important
}

.colorSecondary2[data-v-528a0959] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-528a0959] {
    color: #0d0d0d
}

.colorSecondary4[data-v-528a0959] {
    color: #02142b
}

.colorSecondary5[data-v-528a0959] {
    color: #1a1e24
}

.colorSecondary6[data-v-528a0959] {
    color: #fafafa
}

.colorSecondary7[data-v-528a0959] {
    color: #333
}

.colorSecondary8[data-v-528a0959] {
    color: #0e0031
}

.colorSuccess[data-v-528a0959] {
    color: #31baa0
}

.colorWarning[data-v-528a0959] {
    color: #ffcf5c
}

.colorDanger[data-v-528a0959] {
    color: #f46273
}

.fillPrimary[data-v-528a0959] {
    fill: #2a74f9
}

.fillWarning[data-v-528a0959] {
    fill: #ffcf5c
}

.fillDanger[data-v-528a0959] {
    fill: #f46273
}

.fillSecondary1[data-v-528a0959] {
    fill: #414141
}

.fillSecondary2[data-v-528a0959] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-528a0959] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-528a0959] {
    fill: #02142b
}

.fillSecondary5[data-v-528a0959] {
    fill: #1a1e24
}

.fillSecondary6[data-v-528a0959] {
    fill: #fafafa
}

.fillSecondary7[data-v-528a0959] {
    fill: #333
}

.fillSecondary8[data-v-528a0959] {
    fill: #0e0031
}

.textnote-notidesc[data-v-528a0959] {
    color: #fff
}

.bgColor0[data-v-528a0959] {
    background-color: transparent
}

.bgPrimary-hover[data-v-528a0959]:hover, .bgPrimary[data-v-528a0959] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-528a0959]:hover, .bgPrimary1[data-v-528a0959] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-528a0959]:hover, .bgPrimary2[data-v-528a0959] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-528a0959]:hover, .bgSecondary[data-v-528a0959] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-528a0959]:hover, .bgSecondary1[data-v-528a0959] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-528a0959]:hover, .bgSecondary2[data-v-528a0959] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-528a0959]:hover, .bgSecondary3[data-v-528a0959] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-528a0959] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-528a0959] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-528a0959]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-528a0959]:hover, .bgSecondary5[data-v-528a0959] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-528a0959]:hover, .bgSecondary6[data-v-528a0959] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-528a0959]:hover, .bgSecondary7[data-v-528a0959] {
    background-color: #333 !important
}

.bgSecondary8[data-v-528a0959] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-528a0959]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-528a0959] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-528a0959]:hover, .bgSuccess[data-v-528a0959] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-528a0959] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-528a0959] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-528a0959]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-528a0959] {
    fill: #31baa0
}

.w-14-px[data-v-528a0959] {
    width: 14px
}

.max-width-50[data-v-528a0959] {
    max-width: 50%
}

.h-60-px[data-v-528a0959] {
    height: 60px
}

.h-100-px[data-v-528a0959] {
    height: 100px
}

.mb-16-px[data-v-528a0959] {
    margin-bottom: 16px
}

.mb-30-px[data-v-528a0959] {
    margin-bottom: 30px
}

.borderRounded[data-v-528a0959] {
    border-radius: 5px
}

.borderPrimary[data-v-528a0959] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-528a0959] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-528a0959] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-528a0959] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-528a0959] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-528a0959] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-528a0959] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-528a0959] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-528a0959] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-528a0959] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-528a0959] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-528a0959] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-528a0959] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-528a0959] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-528a0959]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-528a0959] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-528a0959] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-528a0959] {
    padding: 1px
}

.px-1-px[data-v-528a0959] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-528a0959] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-528a0959] {
    padding-left: 1px
}

.pr-1-px[data-v-528a0959] {
    padding-right: 1px
}

.pt-1-px[data-v-528a0959] {
    padding-top: 1px
}

.pb-1-px[data-v-528a0959] {
    padding-bottom: 1px
}

.p-2-px[data-v-528a0959] {
    padding: 2px
}

.px-2-px[data-v-528a0959] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-528a0959] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-528a0959] {
    padding-left: 2px
}

.pr-2-px[data-v-528a0959] {
    padding-right: 2px
}

.pt-2-px[data-v-528a0959] {
    padding-top: 2px
}

.pb-2-px[data-v-528a0959] {
    padding-bottom: 2px
}

.p-8-px[data-v-528a0959] {
    padding: 8px
}

.px-8-px[data-v-528a0959] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-528a0959] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-528a0959] {
    padding-left: 8px
}

.pr-8-px[data-v-528a0959] {
    padding-right: 8px
}

.pt-8-px[data-v-528a0959] {
    padding-top: 8px
}

.pb-8-px[data-v-528a0959] {
    padding-bottom: 8px
}

.p-10-px[data-v-528a0959] {
    padding: 10px
}

.px-10-px[data-v-528a0959] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-528a0959] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-528a0959] {
    padding-left: 10px
}

.pr-10-px[data-v-528a0959] {
    padding-right: 10px
}

.pt-10-px[data-v-528a0959] {
    padding-top: 10px
}

.pb-10-px[data-v-528a0959] {
    padding-bottom: 10px
}

.p-12-px[data-v-528a0959] {
    padding: 12px
}

.px-12-px[data-v-528a0959] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-528a0959] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-528a0959] {
    padding-left: 12px
}

.pr-12-px[data-v-528a0959] {
    padding-right: 12px
}

.pt-12-px[data-v-528a0959] {
    padding-top: 12px
}

.pb-12-px[data-v-528a0959] {
    padding-bottom: 12px
}

.p-16-px[data-v-528a0959] {
    padding: 16px
}

.px-16-px[data-v-528a0959] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-528a0959] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-528a0959] {
    padding-left: 16px
}

.pr-16-px[data-v-528a0959] {
    padding-right: 16px
}

.pt-16-px[data-v-528a0959] {
    padding-top: 16px
}

.pb-16-px[data-v-528a0959] {
    padding-bottom: 16px
}

.p-30-px[data-v-528a0959] {
    padding: 30px
}

.px-30-px[data-v-528a0959] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-528a0959] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-528a0959] {
    padding-left: 30px
}

.pr-30-px[data-v-528a0959] {
    padding-right: 30px
}

.pt-30-px[data-v-528a0959] {
    padding-top: 30px
}

.pb-30-px[data-v-528a0959] {
    padding-bottom: 30px
}

.font-30[data-v-528a0959] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-528a0959] {
    font-weight: 700
}

.wbo-title[data-v-528a0959] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-528a0959] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-528a0959] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-528a0959] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-528a0959]:focus {
        outline: 0
    }

    .button[data-v-528a0959]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-528a0959] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-528a0959]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-528a0959] {
    padding: 11px 2.5rem
}

.button.primary[data-v-528a0959], .button.primary[data-v-528a0959]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-528a0959], .text-primary[data-v-528a0959], a .primary-hover[data-v-528a0959]:hover {
    color: #000 !important
}

ul[data-v-528a0959] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-528a0959], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-528a0959] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-528a0959]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-528a0959]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-528a0959], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-528a0959], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-528a0959]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-528a0959], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-528a0959], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-528a0959]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-528a0959], .faqsContent .content .navigator ul li a.active[data-v-528a0959]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-528a0959]:hover {
    color: #000
}

.ps[data-v-528a0959] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-528a0959] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-528a0959], .ps__rail-y[data-v-528a0959] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-528a0959] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-528a0959], .ps--active-y > .ps__rail-y[data-v-528a0959] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-528a0959], .ps--focus > .ps__rail-y[data-v-528a0959], .ps--scrolling-x > .ps__rail-x[data-v-528a0959], .ps--scrolling-y > .ps__rail-y[data-v-528a0959], .ps:hover > .ps__rail-x[data-v-528a0959], .ps:hover > .ps__rail-y[data-v-528a0959] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-528a0959], .ps .ps__rail-x[data-v-528a0959]:focus, .ps .ps__rail-x[data-v-528a0959]:hover, .ps .ps__rail-y.ps--clicking[data-v-528a0959], .ps .ps__rail-y[data-v-528a0959]:focus, .ps .ps__rail-y[data-v-528a0959]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-528a0959] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-528a0959] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-528a0959], .ps__rail-x:focus > .ps__thumb-x[data-v-528a0959], .ps__rail-x:hover > .ps__thumb-x[data-v-528a0959] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-528a0959], .ps__rail-y:focus > .ps__thumb-y[data-v-528a0959], .ps__rail-y:hover > .ps__thumb-y[data-v-528a0959] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-528a0959] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-528a0959] {
        overflow: auto !important
    }
}

.md-field[data-v-528a0959] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-528a0959] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-528a0959] {
    color: #2a74f9
}

.md-field .md-error[data-v-528a0959] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-528a0959] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-528a0959], .md-field.md-has-value label[data-v-528a0959] {
    top: -10px
}

.form-control[data-v-528a0959], .md-field .md-input[data-v-528a0959], .md-field .md-textarea[data-v-528a0959], .winput[data-v-528a0959] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-528a0959] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-528a0959] {
    fill: #0d0d0d
}

.round[data-v-528a0959] {
    border-radius: 5px
}

.off[data-v-528a0959] {
    position: relative;
    cursor: default
}

.off > [data-v-528a0959] {
    opacity: .5
}

.off[data-v-528a0959]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-528a0959] {
    cursor: pointer
}

.close-page[data-v-528a0959] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-528a0959] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-528a0959], .slide-fade-leave-active[data-v-528a0959] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-528a0959], .slide-fade-leave-to[data-v-528a0959] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-528a0959 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-528a0959 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-528a0959] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-528a0959] {
    color: #ffcf5c
}

.button[data-v-528a0959] {
    font-weight: 700
}

.modal .modal-dialog[data-v-528a0959] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-528a0959] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-528a0959] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-528a0959], .modal .modal-dialog .modal-header[data-v-528a0959] {
    border: none
}

#chartCommisst .highcharts-title[data-v-528a0959] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-528a0959] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-528a0959] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-528a0959], .modal .modal-dialog form[data-v-528a0959] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-528a0959] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-528a0959], .FaqsDetail[data-v-528a0959] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-528a0959], .FaqsDetail[data-v-528a0959] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-528a0959], .FaqsDetail .headerMaster .boxHeader[data-v-528a0959] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-528a0959], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-528a0959] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-528a0959], .Faqs main[data-v-528a0959] {
    background-color: unset
}

.titleChartCandle[data-v-528a0959] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-528a0959] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-528a0959] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-528a0959] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-528a0959], .plotlineChart .time[data-v-528a0959] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-528a0959] {
    top: 51px
}

.boxHeader[data-v-528a0959] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-528a0959], .boxHeader .register[data-v-528a0959] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-528a0959] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-528a0959] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-528a0959] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-528a0959] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-528a0959]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-528a0959] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-528a0959]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-528a0959] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-528a0959]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-528a0959] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-528a0959] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-528a0959] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-528a0959] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-528a0959] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-528a0959] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-528a0959] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-528a0959] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-528a0959] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-528a0959] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-528a0959] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-528a0959] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-528a0959] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-528a0959] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-528a0959] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-528a0959] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-528a0959] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-528a0959] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-528a0959] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-528a0959] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-528a0959] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-528a0959] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-528a0959] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-528a0959] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-528a0959] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-528a0959] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-528a0959] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-528a0959] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-528a0959] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-528a0959] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-528a0959] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-528a0959] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-528a0959] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-528a0959] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-528a0959] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-528a0959] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-528a0959] {
        height: 56px !important
    }
}

input.form-control[data-v-528a0959], input[data-v-528a0959], select.form-control[data-v-528a0959], select[data-v-528a0959] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-528a0959] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-528a0959] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-528a0959] {
    line-height: 100%
}

.button.btn-long[data-v-528a0959] {
    padding: 10px 40px
}

.button.btn-radius[data-v-528a0959] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-528a0959] {
    border-radius: 20px
}

.button.btn-full[data-v-528a0959] {
    width: 100%
}

.button.btn-80[data-v-528a0959] {
    width: 80%
}

.button.hasIcon[data-v-528a0959] {
    padding-left: 50px
}

.button a[data-v-528a0959] {
    display: block
}

.button .labelIcon[data-v-528a0959] {
    position: absolute
}

.button .labelIcon svg[data-v-528a0959] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-528a0959] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-528a0959]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-528a0959] {
    outline: none
}

.keyboard-input-wrap[data-v-528a0959] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-528a0959] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-528a0959] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-528a0959] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-528a0959] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-528a0959] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-528a0959] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-528a0959] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-528a0959] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-528a0959] {
    font-size: 1.2em
}

.color-white[data-v-528a0959] {
    color: #fff
}

.color-white-50[data-v-528a0959] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-528a0959] {
    display: none
}

.ld-loading .loading[data-v-528a0959], .main-loading .loading[data-v-528a0959] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-528a0959] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-528a0959]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-528a0959]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-528a0959] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-528a0959] {
    -webkit-animation: rotate-data-v-528a0959 1s linear infinite;
    animation: rotate-data-v-528a0959 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-528a0959] {
    stroke: transparent
}

.wrapNotify[data-v-528a0959] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-528a0959] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-528a0959] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-528a0959] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-528a0959] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-528a0959] {
    display: block
}

.wrapNotify .close-notify[data-v-528a0959] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-528a0959] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-528a0959] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-528a0959] {
    background-color: transparent
}

.colorWhite[data-v-528a0959] {
    color: #fff
}

.colorRed[data-v-528a0959] {
    color: #f46273
}

.colorGreen[data-v-528a0959] {
    color: #31baa0
}

.colorGray[data-v-528a0959] {
    color: #7c7c7c
}

.tableBackground[data-v-528a0959] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-528a0959] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-528a0959], .tableBackground .table-dark th[data-v-528a0959] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-528a0959]:after, .tableBackground .table-dark th[data-v-528a0959]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-528a0959] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-528a0959], .tableBackground .table-dark th[data-v-528a0959] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-528a0959]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-528a0959]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-528a0959] {
    background-color: #060642
}

.tableBackground #paging li[data-v-528a0959] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-528a0959] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-528a0959] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-528a0959], .customeTradeHistory[data-v-528a0959] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-528a0959], .customeTradeHistory .reportrange-text[data-v-528a0959] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-528a0959], .customeTradeHistory .reportrange-text .seperate[data-v-528a0959] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-528a0959], .customeTradeHistory .reportrange-text span[data-v-528a0959] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-528a0959] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-528a0959] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-528a0959] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-528a0959]:after, .startDate .daterangepicker.openscenter[data-v-528a0959]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-528a0959] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-528a0959] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-528a0959] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-528a0959] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-528a0959] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-528a0959] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-528a0959] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-528a0959] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-528a0959] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-528a0959] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-528a0959] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-528a0959] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-528a0959] {
    text-align: center
}

.border-none[data-v-528a0959] {
    border: none
}

.text-domain[data-v-528a0959]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-528a0959] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-528a0959] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-528a0959] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-528a0959] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-528a0959] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-528a0959] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-528a0959] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-528a0959] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-528a0959] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-528a0959] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-528a0959] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-528a0959] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-528a0959] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-528a0959] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-528a0959] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-528a0959] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-528a0959] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-528a0959] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-528a0959] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-528a0959] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-528a0959] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-528a0959] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-528a0959] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-528a0959] {
    fill: #000
}

.btn-active-paging[data-v-528a0959] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-528a0959] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-528a0959] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-528a0959] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-528a0959], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-528a0959] {
    background: #8b8d96 !important
}

.transactionBox[data-v-528a0959] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-528a0959] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-528a0959] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-528a0959] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-528a0959] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-528a0959] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-528a0959] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-528a0959] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-528a0959] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-528a0959] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-528a0959] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-528a0959] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-528a0959] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-528a0959] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-528a0959] {
    color: #2a74f9 !important
}

canvas[data-v-528a0959] {
    /*max-width: 200px;*/
    margin: 0 auto;
    display: block;
    /*width: 100%;*/
    height: 100px;
}

@media (min-width:1201px) and (max-width:1300px) {
    canvas[data-v-528a0959] {
        max-width: 140px
    }
}

@media (min-width:1024px) and (max-width:1200px) {
    canvas[data-v-528a0959] {
        margin: 10px auto;
        /*max-width: 120px*/
    }
}

@media (max-width:1023px) {
    canvas[data-v-528a0959] {
        height: 60px;
    }
}

@media (max-width:575px) {
    canvas[data-v-528a0959] {
        margin: 10px auto
    }
}

body[data-v-4d18561e] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-4d18561e]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-4d18561e]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-4d18561e]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-4d18561e] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-4d18561e]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-4d18561e]::-webkit-inner-spin-button, input[data-v-4d18561e]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-4d18561e] {
    -moz-appearance: textfield
}

button[data-v-4d18561e]:focus, input[data-v-4d18561e]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-4d18561e] {
    font-size: 8px
}

.font-10[data-v-4d18561e] {
    font-size: .6rem !important
}

.font-12[data-v-4d18561e] {
    font-size: 12px
}

.font-14[data-v-4d18561e] {
    font-size: 14px
}

.font-16[data-v-4d18561e] {
    font-size: 16px
}

.font-18[data-v-4d18561e] {
    font-size: 18px
}

.font-20[data-v-4d18561e] {
    font-size: 20px
}

.font-24[data-v-4d18561e] {
    font-size: 24px
}

.font-32[data-v-4d18561e] {
    font-size: 32px
}

.font-34[data-v-4d18561e] {
    font-size: 34px
}

.font-40[data-v-4d18561e] {
    font-size: 2.5rem !important
}

.font-44[data-v-4d18561e] {
    font-size: 44px
}

.colorPrimary[data-v-4d18561e] {
    color: #2a74f9
}

.colorPrimary1[data-v-4d18561e] {
    color: #000 !important
}

.colorSecondary[data-v-4d18561e] {
    color: #fff !important
}

.colorSecondary1[data-v-4d18561e] {
    color: #414141 !important
}

.colorSecondary2[data-v-4d18561e] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-4d18561e] {
    color: #0d0d0d
}

.colorSecondary4[data-v-4d18561e] {
    color: #02142b
}

.colorSecondary5[data-v-4d18561e] {
    color: #1a1e24
}

.colorSecondary6[data-v-4d18561e] {
    color: #fafafa
}

.colorSecondary7[data-v-4d18561e] {
    color: #333
}

.colorSecondary8[data-v-4d18561e] {
    color: #0e0031
}

.colorSuccess[data-v-4d18561e] {
    color: #31baa0
}

.colorWarning[data-v-4d18561e] {
    color: #ffcf5c
}

.colorDanger[data-v-4d18561e] {
    color: #f46273
}

.fillPrimary[data-v-4d18561e] {
    fill: #2a74f9
}

.fillWarning[data-v-4d18561e] {
    fill: #ffcf5c
}

.fillDanger[data-v-4d18561e] {
    fill: #f46273
}

.fillSecondary1[data-v-4d18561e] {
    fill: #414141
}

.fillSecondary2[data-v-4d18561e] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-4d18561e] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-4d18561e] {
    fill: #02142b
}

.fillSecondary5[data-v-4d18561e] {
    fill: #1a1e24
}

.fillSecondary6[data-v-4d18561e] {
    fill: #fafafa
}

.fillSecondary7[data-v-4d18561e] {
    fill: #333
}

.fillSecondary8[data-v-4d18561e] {
    fill: #0e0031
}

.textnote-notidesc[data-v-4d18561e] {
    color: #fff
}

.bgColor0[data-v-4d18561e] {
    background-color: transparent
}

.bgPrimary-hover[data-v-4d18561e]:hover, .bgPrimary[data-v-4d18561e] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-4d18561e]:hover, .bgPrimary1[data-v-4d18561e] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-4d18561e]:hover, .bgPrimary2[data-v-4d18561e] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-4d18561e]:hover, .bgSecondary[data-v-4d18561e] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-4d18561e]:hover, .bgSecondary1[data-v-4d18561e] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-4d18561e]:hover, .bgSecondary2[data-v-4d18561e] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-4d18561e]:hover, .bgSecondary3[data-v-4d18561e] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-4d18561e] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-4d18561e] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-4d18561e]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-4d18561e]:hover, .bgSecondary5[data-v-4d18561e] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-4d18561e]:hover, .bgSecondary6[data-v-4d18561e] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-4d18561e]:hover, .bgSecondary7[data-v-4d18561e] {
    background-color: #333 !important
}

.bgSecondary8[data-v-4d18561e] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-4d18561e]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-4d18561e] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-4d18561e]:hover, .bgSuccess[data-v-4d18561e] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-4d18561e] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-4d18561e] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-4d18561e]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-4d18561e] {
    fill: #31baa0
}

.w-14-px[data-v-4d18561e] {
    width: 14px
}

.max-width-50[data-v-4d18561e] {
    max-width: 50%
}

.h-60-px[data-v-4d18561e] {
    height: 60px
}

.h-100-px[data-v-4d18561e] {
    height: 100px
}

.mb-16-px[data-v-4d18561e] {
    margin-bottom: 16px
}

.mb-30-px[data-v-4d18561e] {
    margin-bottom: 30px
}

.borderRounded[data-v-4d18561e] {
    border-radius: 5px
}

.borderPrimary[data-v-4d18561e] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-4d18561e] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-4d18561e] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-4d18561e] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-4d18561e] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-4d18561e] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-4d18561e] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-4d18561e] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-4d18561e] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-4d18561e] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-4d18561e] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-4d18561e] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-4d18561e] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-4d18561e] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-4d18561e]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-4d18561e] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-4d18561e] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-4d18561e] {
    padding: 1px
}

.px-1-px[data-v-4d18561e] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-4d18561e] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-4d18561e] {
    padding-left: 1px
}

.pr-1-px[data-v-4d18561e] {
    padding-right: 1px
}

.pt-1-px[data-v-4d18561e] {
    padding-top: 1px
}

.pb-1-px[data-v-4d18561e] {
    padding-bottom: 1px
}

.p-2-px[data-v-4d18561e] {
    padding: 2px
}

.px-2-px[data-v-4d18561e] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-4d18561e] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-4d18561e] {
    padding-left: 2px
}

.pr-2-px[data-v-4d18561e] {
    padding-right: 2px
}

.pt-2-px[data-v-4d18561e] {
    padding-top: 2px
}

.pb-2-px[data-v-4d18561e] {
    padding-bottom: 2px
}

.p-8-px[data-v-4d18561e] {
    padding: 8px
}

.px-8-px[data-v-4d18561e] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-4d18561e] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-4d18561e] {
    padding-left: 8px
}

.pr-8-px[data-v-4d18561e] {
    padding-right: 8px
}

.pt-8-px[data-v-4d18561e] {
    padding-top: 8px
}

.pb-8-px[data-v-4d18561e] {
    padding-bottom: 8px
}

.p-10-px[data-v-4d18561e] {
    padding: 10px
}

.px-10-px[data-v-4d18561e] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-4d18561e] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-4d18561e] {
    padding-left: 10px
}

.pr-10-px[data-v-4d18561e] {
    padding-right: 10px
}

.pt-10-px[data-v-4d18561e] {
    padding-top: 10px
}

.pb-10-px[data-v-4d18561e] {
    padding-bottom: 10px
}

.p-12-px[data-v-4d18561e] {
    padding: 12px
}

.px-12-px[data-v-4d18561e] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-4d18561e] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-4d18561e] {
    padding-left: 12px
}

.pr-12-px[data-v-4d18561e] {
    padding-right: 12px
}

.pt-12-px[data-v-4d18561e] {
    padding-top: 12px
}

.pb-12-px[data-v-4d18561e] {
    padding-bottom: 12px
}

.p-16-px[data-v-4d18561e] {
    padding: 16px
}

.px-16-px[data-v-4d18561e] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-4d18561e] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-4d18561e] {
    padding-left: 16px
}

.pr-16-px[data-v-4d18561e] {
    padding-right: 16px
}

.pt-16-px[data-v-4d18561e] {
    padding-top: 16px
}

.pb-16-px[data-v-4d18561e] {
    padding-bottom: 16px
}

.p-30-px[data-v-4d18561e] {
    padding: 30px
}

.px-30-px[data-v-4d18561e] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-4d18561e] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-4d18561e] {
    padding-left: 30px
}

.pr-30-px[data-v-4d18561e] {
    padding-right: 30px
}

.pt-30-px[data-v-4d18561e] {
    padding-top: 30px
}

.pb-30-px[data-v-4d18561e] {
    padding-bottom: 30px
}

.font-30[data-v-4d18561e] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-4d18561e] {
    font-weight: 700
}

.wbo-title[data-v-4d18561e] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-4d18561e] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-4d18561e] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-4d18561e] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-4d18561e]:focus {
        outline: 0
    }

    .button[data-v-4d18561e]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-4d18561e] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-4d18561e]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-4d18561e] {
    padding: 11px 2.5rem
}

.button.primary[data-v-4d18561e], .button.primary[data-v-4d18561e]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-4d18561e], .text-primary[data-v-4d18561e], a .primary-hover[data-v-4d18561e]:hover {
    color: #000 !important
}

ul[data-v-4d18561e] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-4d18561e], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-4d18561e] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-4d18561e]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-4d18561e]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-4d18561e], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-4d18561e], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-4d18561e]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-4d18561e], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-4d18561e], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-4d18561e]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-4d18561e], .faqsContent .content .navigator ul li a.active[data-v-4d18561e]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-4d18561e]:hover {
    color: #000
}

.ps[data-v-4d18561e] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-4d18561e] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-4d18561e], .ps__rail-y[data-v-4d18561e] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-4d18561e] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-4d18561e], .ps--active-y > .ps__rail-y[data-v-4d18561e] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-4d18561e], .ps--focus > .ps__rail-y[data-v-4d18561e], .ps--scrolling-x > .ps__rail-x[data-v-4d18561e], .ps--scrolling-y > .ps__rail-y[data-v-4d18561e], .ps:hover > .ps__rail-x[data-v-4d18561e], .ps:hover > .ps__rail-y[data-v-4d18561e] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-4d18561e], .ps .ps__rail-x[data-v-4d18561e]:focus, .ps .ps__rail-x[data-v-4d18561e]:hover, .ps .ps__rail-y.ps--clicking[data-v-4d18561e], .ps .ps__rail-y[data-v-4d18561e]:focus, .ps .ps__rail-y[data-v-4d18561e]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-4d18561e] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-4d18561e] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-4d18561e], .ps__rail-x:focus > .ps__thumb-x[data-v-4d18561e], .ps__rail-x:hover > .ps__thumb-x[data-v-4d18561e] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-4d18561e], .ps__rail-y:focus > .ps__thumb-y[data-v-4d18561e], .ps__rail-y:hover > .ps__thumb-y[data-v-4d18561e] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-4d18561e] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-4d18561e] {
        overflow: auto !important
    }
}

.md-field[data-v-4d18561e] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-4d18561e] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-4d18561e] {
    color: #2a74f9
}

.md-field .md-error[data-v-4d18561e] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-4d18561e] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-4d18561e], .md-field.md-has-value label[data-v-4d18561e] {
    top: -10px
}

.form-control[data-v-4d18561e], .md-field .md-input[data-v-4d18561e], .md-field .md-textarea[data-v-4d18561e], .winput[data-v-4d18561e] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-4d18561e] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-4d18561e] {
    fill: #0d0d0d
}

.round[data-v-4d18561e] {
    border-radius: 5px
}

.off[data-v-4d18561e] {
    position: relative;
    cursor: default
}

.off > [data-v-4d18561e] {
    opacity: .5
}

.off[data-v-4d18561e]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-4d18561e] {
    cursor: pointer
}

.close-page[data-v-4d18561e] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-4d18561e] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-4d18561e], .slide-fade-leave-active[data-v-4d18561e] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-4d18561e], .slide-fade-leave-to[data-v-4d18561e] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-4d18561e {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-4d18561e {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-4d18561e] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-4d18561e] {
    color: #ffcf5c
}

.button[data-v-4d18561e] {
    font-weight: 700
}

.modal .modal-dialog[data-v-4d18561e] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-4d18561e] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-4d18561e] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-4d18561e], .modal .modal-dialog .modal-header[data-v-4d18561e] {
    border: none
}

#chartCommisst .highcharts-title[data-v-4d18561e] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-4d18561e] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-4d18561e] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-4d18561e], .modal .modal-dialog form[data-v-4d18561e] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-4d18561e] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-4d18561e], .FaqsDetail[data-v-4d18561e] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-4d18561e], .FaqsDetail[data-v-4d18561e] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-4d18561e], .FaqsDetail .headerMaster .boxHeader[data-v-4d18561e] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-4d18561e], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-4d18561e] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-4d18561e], .Faqs main[data-v-4d18561e] {
    background-color: unset
}

.titleChartCandle[data-v-4d18561e] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-4d18561e] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-4d18561e] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-4d18561e] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-4d18561e], .plotlineChart .time[data-v-4d18561e] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-4d18561e] {
    top: 51px
}

.boxHeader[data-v-4d18561e] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-4d18561e], .boxHeader .register[data-v-4d18561e] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-4d18561e] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-4d18561e] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-4d18561e] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-4d18561e] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-4d18561e]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-4d18561e] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-4d18561e]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-4d18561e] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-4d18561e]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-4d18561e] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-4d18561e] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-4d18561e] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-4d18561e] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-4d18561e] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-4d18561e] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-4d18561e] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-4d18561e] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-4d18561e] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-4d18561e] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-4d18561e] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-4d18561e] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-4d18561e] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-4d18561e] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-4d18561e] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-4d18561e] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-4d18561e] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-4d18561e] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-4d18561e] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-4d18561e] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-4d18561e] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-4d18561e] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-4d18561e] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-4d18561e] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-4d18561e] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-4d18561e] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-4d18561e] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-4d18561e] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-4d18561e] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-4d18561e] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-4d18561e] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-4d18561e] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-4d18561e] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-4d18561e] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-4d18561e] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-4d18561e] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-4d18561e] {
        height: 56px !important
    }
}

input.form-control[data-v-4d18561e], input[data-v-4d18561e], select.form-control[data-v-4d18561e], select[data-v-4d18561e] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-4d18561e] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-4d18561e] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-4d18561e] {
    line-height: 100%
}

.button.btn-long[data-v-4d18561e] {
    padding: 10px 40px
}

.button.btn-radius[data-v-4d18561e] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-4d18561e] {
    border-radius: 20px
}

.button.btn-full[data-v-4d18561e] {
    width: 100%
}

.button.btn-80[data-v-4d18561e] {
    width: 80%
}

.button.hasIcon[data-v-4d18561e] {
    padding-left: 50px
}

.button a[data-v-4d18561e] {
    display: block
}

.button .labelIcon[data-v-4d18561e] {
    position: absolute
}

.button .labelIcon svg[data-v-4d18561e] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-4d18561e] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-4d18561e]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-4d18561e] {
    outline: none
}

.keyboard-input-wrap[data-v-4d18561e] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-4d18561e] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-4d18561e] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-4d18561e] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-4d18561e] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-4d18561e] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-4d18561e] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-4d18561e] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-4d18561e] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-4d18561e] {
    font-size: 1.2em
}

.color-white[data-v-4d18561e] {
    color: #fff
}

.color-white-50[data-v-4d18561e] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-4d18561e] {
    display: none
}

.ld-loading .loading[data-v-4d18561e], .main-loading .loading[data-v-4d18561e] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-4d18561e] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-4d18561e]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-4d18561e]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-4d18561e] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-4d18561e] {
    -webkit-animation: rotate-data-v-4d18561e 1s linear infinite;
    animation: rotate-data-v-4d18561e 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-4d18561e] {
    stroke: transparent
}

.wrapNotify[data-v-4d18561e] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-4d18561e] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-4d18561e] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-4d18561e] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-4d18561e] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-4d18561e] {
    display: block
}

.wrapNotify .close-notify[data-v-4d18561e] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-4d18561e] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-4d18561e] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-4d18561e] {
    background-color: transparent
}

.colorWhite[data-v-4d18561e] {
    color: #fff
}

.colorRed[data-v-4d18561e] {
    color: #f46273
}

.colorGreen[data-v-4d18561e] {
    color: #31baa0
}

.colorGray[data-v-4d18561e] {
    color: #7c7c7c
}

.tableBackground[data-v-4d18561e] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-4d18561e] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-4d18561e], .tableBackground .table-dark th[data-v-4d18561e] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-4d18561e]:after, .tableBackground .table-dark th[data-v-4d18561e]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-4d18561e] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-4d18561e], .tableBackground .table-dark th[data-v-4d18561e] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-4d18561e]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-4d18561e]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-4d18561e] {
    background-color: #060642
}

.tableBackground #paging li[data-v-4d18561e] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-4d18561e] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-4d18561e] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-4d18561e], .customeTradeHistory[data-v-4d18561e] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-4d18561e], .customeTradeHistory .reportrange-text[data-v-4d18561e] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-4d18561e], .customeTradeHistory .reportrange-text .seperate[data-v-4d18561e] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-4d18561e], .customeTradeHistory .reportrange-text span[data-v-4d18561e] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-4d18561e] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-4d18561e] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-4d18561e] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-4d18561e]:after, .startDate .daterangepicker.openscenter[data-v-4d18561e]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-4d18561e] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-4d18561e] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-4d18561e] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-4d18561e] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-4d18561e] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-4d18561e] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-4d18561e] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-4d18561e] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-4d18561e] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-4d18561e] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-4d18561e] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-4d18561e] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-4d18561e] {
    text-align: center
}

.border-none[data-v-4d18561e] {
    border: none
}

.text-domain[data-v-4d18561e]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-4d18561e] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-4d18561e] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-4d18561e] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-4d18561e] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-4d18561e] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-4d18561e] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-4d18561e] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-4d18561e] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-4d18561e] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-4d18561e] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-4d18561e] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-4d18561e] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-4d18561e] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-4d18561e] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-4d18561e] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-4d18561e] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-4d18561e] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-4d18561e] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-4d18561e] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-4d18561e] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-4d18561e] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-4d18561e] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-4d18561e] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-4d18561e] {
    fill: #000
}

.btn-active-paging[data-v-4d18561e] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-4d18561e] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-4d18561e] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-4d18561e] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-4d18561e], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-4d18561e] {
    background: #8b8d96 !important
}

.transactionBox[data-v-4d18561e] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-4d18561e] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-4d18561e] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-4d18561e] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-4d18561e] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-4d18561e] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-4d18561e] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-4d18561e] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-4d18561e] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-4d18561e] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-4d18561e] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-4d18561e] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-4d18561e] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-4d18561e] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-4d18561e] {
    color: #2a74f9 !important
}

@media screen and (max-width:400px) {
    .blockResult[data-v-4d18561e] {
        /*margin-bottom: 5px*/
    }
}

.blockResult .col[data-v-4d18561e] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

body[data-v-44b43577] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-44b43577]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-44b43577]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-44b43577]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-44b43577] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-44b43577]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-44b43577]::-webkit-inner-spin-button, input[data-v-44b43577]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-44b43577] {
    -moz-appearance: textfield
}

button[data-v-44b43577]:focus, input[data-v-44b43577]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-44b43577] {
    font-size: 8px
}

.font-10[data-v-44b43577] {
    font-size: .6rem !important
}

.font-12[data-v-44b43577] {
    font-size: 12px
}

.font-14[data-v-44b43577] {
    font-size: 14px
}

.font-16[data-v-44b43577] {
    font-size: 16px
}

.font-18[data-v-44b43577] {
    font-size: 18px
}

.font-20[data-v-44b43577] {
    font-size: 20px
}

.font-24[data-v-44b43577] {
    font-size: 24px
}

.font-32[data-v-44b43577] {
    font-size: 32px
}

.font-34[data-v-44b43577] {
    font-size: 34px
}

.font-40[data-v-44b43577] {
    font-size: 2.5rem !important
}

.font-44[data-v-44b43577] {
    font-size: 44px
}

.colorPrimary[data-v-44b43577] {
    color: #2a74f9
}

.colorPrimary1[data-v-44b43577] {
    color: #000 !important
}

.colorSecondary[data-v-44b43577] {
    color: #fff !important
}

.colorSecondary1[data-v-44b43577] {
    color: #414141 !important
}

.colorSecondary2[data-v-44b43577] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-44b43577] {
    color: #0d0d0d
}

.colorSecondary4[data-v-44b43577] {
    color: #02142b
}

.colorSecondary5[data-v-44b43577] {
    color: #1a1e24
}

.colorSecondary6[data-v-44b43577] {
    color: #fafafa
}

.colorSecondary7[data-v-44b43577] {
    color: #333
}

.colorSecondary8[data-v-44b43577] {
    color: #0e0031
}

.colorSuccess[data-v-44b43577] {
    color: #31baa0
}

.colorWarning[data-v-44b43577] {
    color: #ffcf5c
}

.colorDanger[data-v-44b43577] {
    color: #f46273
}

.fillPrimary[data-v-44b43577] {
    fill: #2a74f9
}

.fillWarning[data-v-44b43577] {
    fill: #ffcf5c
}

.fillDanger[data-v-44b43577] {
    fill: #f46273
}

.fillSecondary1[data-v-44b43577] {
    fill: #414141
}

.fillSecondary2[data-v-44b43577] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-44b43577] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-44b43577] {
    fill: #02142b
}

.fillSecondary5[data-v-44b43577] {
    fill: #1a1e24
}

.fillSecondary6[data-v-44b43577] {
    fill: #fafafa
}

.fillSecondary7[data-v-44b43577] {
    fill: #333
}

.fillSecondary8[data-v-44b43577] {
    fill: #0e0031
}

.textnote-notidesc[data-v-44b43577] {
    color: #fff
}

.bgColor0[data-v-44b43577] {
    background-color: transparent
}

.bgPrimary-hover[data-v-44b43577]:hover, .bgPrimary[data-v-44b43577] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-44b43577]:hover, .bgPrimary1[data-v-44b43577] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-44b43577]:hover, .bgPrimary2[data-v-44b43577] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-44b43577]:hover, .bgSecondary[data-v-44b43577] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-44b43577]:hover, .bgSecondary1[data-v-44b43577] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-44b43577]:hover, .bgSecondary2[data-v-44b43577] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-44b43577]:hover, .bgSecondary3[data-v-44b43577] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-44b43577] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-44b43577] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-44b43577]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-44b43577]:hover, .bgSecondary5[data-v-44b43577] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-44b43577]:hover, .bgSecondary6[data-v-44b43577] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-44b43577]:hover, .bgSecondary7[data-v-44b43577] {
    background-color: #333 !important
}

.bgSecondary8[data-v-44b43577] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-44b43577]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-44b43577] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-44b43577]:hover, .bgSuccess[data-v-44b43577] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-44b43577] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-44b43577] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-44b43577]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-44b43577] {
    fill: #31baa0
}

.w-14-px[data-v-44b43577] {
    width: 14px
}

.max-width-50[data-v-44b43577] {
    max-width: 50%
}

.h-60-px[data-v-44b43577] {
    height: 60px
}

.h-100-px[data-v-44b43577] {
    height: 100px
}

.mb-16-px[data-v-44b43577] {
    margin-bottom: 16px
}

.mb-30-px[data-v-44b43577] {
    margin-bottom: 30px
}

.borderRounded[data-v-44b43577] {
    border-radius: 5px
}

.borderPrimary[data-v-44b43577] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-44b43577] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-44b43577] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-44b43577] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-44b43577] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-44b43577] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-44b43577] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-44b43577] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-44b43577] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-44b43577] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-44b43577] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-44b43577] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-44b43577] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-44b43577] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-44b43577]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-44b43577] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-44b43577] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-44b43577] {
    padding: 1px
}

.px-1-px[data-v-44b43577] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-44b43577] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-44b43577] {
    padding-left: 1px
}

.pr-1-px[data-v-44b43577] {
    padding-right: 1px
}

.pt-1-px[data-v-44b43577] {
    padding-top: 1px
}

.pb-1-px[data-v-44b43577] {
    padding-bottom: 1px
}

.p-2-px[data-v-44b43577] {
    padding: 2px
}

.px-2-px[data-v-44b43577] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-44b43577] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-44b43577] {
    padding-left: 2px
}

.pr-2-px[data-v-44b43577] {
    padding-right: 2px
}

.pt-2-px[data-v-44b43577] {
    padding-top: 2px
}

.pb-2-px[data-v-44b43577] {
    padding-bottom: 2px
}

.p-8-px[data-v-44b43577] {
    padding: 8px
}

.px-8-px[data-v-44b43577] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-44b43577] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-44b43577] {
    padding-left: 8px
}

.pr-8-px[data-v-44b43577] {
    padding-right: 8px
}

.pt-8-px[data-v-44b43577] {
    padding-top: 8px
}

.pb-8-px[data-v-44b43577] {
    padding-bottom: 8px
}

.p-10-px[data-v-44b43577] {
    padding: 10px
}

.px-10-px[data-v-44b43577] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-44b43577] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-44b43577] {
    padding-left: 10px
}

.pr-10-px[data-v-44b43577] {
    padding-right: 10px
}

.pt-10-px[data-v-44b43577] {
    padding-top: 10px
}

.pb-10-px[data-v-44b43577] {
    padding-bottom: 10px
}

.p-12-px[data-v-44b43577] {
    padding: 12px
}

.px-12-px[data-v-44b43577] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-44b43577] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-44b43577] {
    padding-left: 12px
}

.pr-12-px[data-v-44b43577] {
    padding-right: 12px
}

.pt-12-px[data-v-44b43577] {
    padding-top: 12px
}

.pb-12-px[data-v-44b43577] {
    padding-bottom: 12px
}

.p-16-px[data-v-44b43577] {
    padding: 16px
}

.px-16-px[data-v-44b43577] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-44b43577] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-44b43577] {
    padding-left: 16px
}

.pr-16-px[data-v-44b43577] {
    padding-right: 16px
}

.pt-16-px[data-v-44b43577] {
    padding-top: 16px
}

.pb-16-px[data-v-44b43577] {
    padding-bottom: 16px
}

.p-30-px[data-v-44b43577] {
    padding: 30px
}

.px-30-px[data-v-44b43577] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-44b43577] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-44b43577] {
    padding-left: 30px
}

.pr-30-px[data-v-44b43577] {
    padding-right: 30px
}

.pt-30-px[data-v-44b43577] {
    padding-top: 30px
}

.pb-30-px[data-v-44b43577] {
    padding-bottom: 30px
}

.font-30[data-v-44b43577] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-44b43577] {
    font-weight: 700
}

.wbo-title[data-v-44b43577] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-44b43577] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-44b43577] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-44b43577] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-44b43577]:focus {
        outline: 0
    }

    .button[data-v-44b43577]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-44b43577] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-44b43577]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-44b43577] {
    padding: 11px 2.5rem
}

.button.primary[data-v-44b43577], .button.primary[data-v-44b43577]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-44b43577], .text-primary[data-v-44b43577], a .primary-hover[data-v-44b43577]:hover {
    color: #000 !important
}

ul[data-v-44b43577] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-44b43577], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-44b43577] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-44b43577]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-44b43577]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-44b43577], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-44b43577], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-44b43577]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-44b43577], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-44b43577], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-44b43577]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-44b43577], .faqsContent .content .navigator ul li a.active[data-v-44b43577]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-44b43577]:hover {
    color: #000
}

.ps[data-v-44b43577] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-44b43577] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-44b43577], .ps__rail-y[data-v-44b43577] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-44b43577] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-44b43577], .ps--active-y > .ps__rail-y[data-v-44b43577] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-44b43577], .ps--focus > .ps__rail-y[data-v-44b43577], .ps--scrolling-x > .ps__rail-x[data-v-44b43577], .ps--scrolling-y > .ps__rail-y[data-v-44b43577], .ps:hover > .ps__rail-x[data-v-44b43577], .ps:hover > .ps__rail-y[data-v-44b43577] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-44b43577], .ps .ps__rail-x[data-v-44b43577]:focus, .ps .ps__rail-x[data-v-44b43577]:hover, .ps .ps__rail-y.ps--clicking[data-v-44b43577], .ps .ps__rail-y[data-v-44b43577]:focus, .ps .ps__rail-y[data-v-44b43577]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-44b43577] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-44b43577] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-44b43577], .ps__rail-x:focus > .ps__thumb-x[data-v-44b43577], .ps__rail-x:hover > .ps__thumb-x[data-v-44b43577] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-44b43577], .ps__rail-y:focus > .ps__thumb-y[data-v-44b43577], .ps__rail-y:hover > .ps__thumb-y[data-v-44b43577] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-44b43577] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-44b43577] {
        overflow: auto !important
    }
}

.md-field[data-v-44b43577] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-44b43577] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-44b43577] {
    color: #2a74f9
}

.md-field .md-error[data-v-44b43577] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-44b43577] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-44b43577], .md-field.md-has-value label[data-v-44b43577] {
    top: -10px
}

.form-control[data-v-44b43577], .md-field .md-input[data-v-44b43577], .md-field .md-textarea[data-v-44b43577], .winput[data-v-44b43577] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-44b43577] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-44b43577] {
    fill: #0d0d0d
}

.round[data-v-44b43577] {
    border-radius: 5px
}

.off[data-v-44b43577] {
    position: relative;
    cursor: default
}

.off > [data-v-44b43577] {
    opacity: .5
}

.off[data-v-44b43577]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-44b43577] {
    cursor: pointer
}

.close-page[data-v-44b43577] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-44b43577] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-44b43577], .slide-fade-leave-active[data-v-44b43577] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-44b43577], .slide-fade-leave-to[data-v-44b43577] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-44b43577 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-44b43577 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-44b43577] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-44b43577] {
    color: #ffcf5c
}

.button[data-v-44b43577] {
    font-weight: 700
}

.modal .modal-dialog[data-v-44b43577] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-44b43577] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-44b43577] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-44b43577], .modal .modal-dialog .modal-header[data-v-44b43577] {
    border: none
}

#chartCommisst .highcharts-title[data-v-44b43577] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-44b43577] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-44b43577] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-44b43577], .modal .modal-dialog form[data-v-44b43577] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-44b43577] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-44b43577], .FaqsDetail[data-v-44b43577] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-44b43577], .FaqsDetail[data-v-44b43577] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-44b43577], .FaqsDetail .headerMaster .boxHeader[data-v-44b43577] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-44b43577], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-44b43577] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-44b43577], .Faqs main[data-v-44b43577] {
    background-color: unset
}

.titleChartCandle[data-v-44b43577] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-44b43577] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-44b43577] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-44b43577] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-44b43577], .plotlineChart .time[data-v-44b43577] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-44b43577] {
    top: 51px
}

.boxHeader[data-v-44b43577] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-44b43577], .boxHeader .register[data-v-44b43577] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-44b43577] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-44b43577] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-44b43577] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-44b43577] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-44b43577]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-44b43577] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-44b43577]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-44b43577] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-44b43577]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-44b43577] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-44b43577] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-44b43577] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-44b43577] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-44b43577] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-44b43577] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-44b43577] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-44b43577] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-44b43577] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-44b43577] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-44b43577] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-44b43577] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-44b43577] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-44b43577] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-44b43577] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-44b43577] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-44b43577] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-44b43577] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-44b43577] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-44b43577] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-44b43577] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-44b43577] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-44b43577] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-44b43577] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-44b43577] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-44b43577] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-44b43577] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-44b43577] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-44b43577] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-44b43577] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-44b43577] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-44b43577] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-44b43577] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-44b43577] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-44b43577] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-44b43577] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-44b43577] {
        height: 56px !important
    }
}

input.form-control[data-v-44b43577], input[data-v-44b43577], select.form-control[data-v-44b43577], select[data-v-44b43577] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-44b43577] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-44b43577] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-44b43577] {
    line-height: 100%
}

.button.btn-long[data-v-44b43577] {
    padding: 10px 40px
}

.button.btn-radius[data-v-44b43577] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-44b43577] {
    border-radius: 20px
}

.button.btn-full[data-v-44b43577] {
    width: 100%
}

.button.btn-80[data-v-44b43577] {
    width: 80%
}

.button.hasIcon[data-v-44b43577] {
    padding-left: 50px
}

.button a[data-v-44b43577] {
    display: block
}

.button .labelIcon[data-v-44b43577] {
    position: absolute
}

.button .labelIcon svg[data-v-44b43577] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-44b43577] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-44b43577]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-44b43577] {
    outline: none
}

.keyboard-input-wrap[data-v-44b43577] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-44b43577] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-44b43577] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-44b43577] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-44b43577] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-44b43577] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-44b43577] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-44b43577] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-44b43577] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-44b43577] {
    font-size: 1.2em
}

.color-white[data-v-44b43577] {
    color: #fff
}

.color-white-50[data-v-44b43577] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-44b43577] {
    display: none
}

.ld-loading .loading[data-v-44b43577], .main-loading .loading[data-v-44b43577] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-44b43577] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-44b43577]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-44b43577]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-44b43577] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-44b43577] {
    -webkit-animation: rotate-data-v-44b43577 1s linear infinite;
    animation: rotate-data-v-44b43577 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-44b43577] {
    stroke: transparent
}

.wrapNotify[data-v-44b43577] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-44b43577] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-44b43577] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-44b43577] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-44b43577] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-44b43577] {
    display: block
}

.wrapNotify .close-notify[data-v-44b43577] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-44b43577] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-44b43577] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-44b43577] {
    background-color: transparent
}

.colorWhite[data-v-44b43577] {
    color: #fff
}

.colorRed[data-v-44b43577] {
    color: #f46273
}

.colorGreen[data-v-44b43577] {
    color: #31baa0
}

.colorGray[data-v-44b43577] {
    color: #7c7c7c
}

.tableBackground[data-v-44b43577] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-44b43577] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-44b43577], .tableBackground .table-dark th[data-v-44b43577] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-44b43577]:after, .tableBackground .table-dark th[data-v-44b43577]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-44b43577] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-44b43577], .tableBackground .table-dark th[data-v-44b43577] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-44b43577]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-44b43577]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-44b43577] {
    background-color: #060642
}

.tableBackground #paging li[data-v-44b43577] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-44b43577] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-44b43577] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-44b43577], .customeTradeHistory[data-v-44b43577] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-44b43577], .customeTradeHistory .reportrange-text[data-v-44b43577] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-44b43577], .customeTradeHistory .reportrange-text .seperate[data-v-44b43577] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-44b43577], .customeTradeHistory .reportrange-text span[data-v-44b43577] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-44b43577] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-44b43577] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-44b43577] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-44b43577]:after, .startDate .daterangepicker.openscenter[data-v-44b43577]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-44b43577] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-44b43577] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-44b43577] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-44b43577] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-44b43577] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-44b43577] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-44b43577] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-44b43577] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-44b43577] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-44b43577] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-44b43577] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-44b43577] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-44b43577] {
    text-align: center
}

.border-none[data-v-44b43577] {
    border: none
}

.text-domain[data-v-44b43577]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-44b43577] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-44b43577] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-44b43577] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-44b43577] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-44b43577] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-44b43577] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-44b43577] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-44b43577] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-44b43577] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-44b43577] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-44b43577] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-44b43577] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-44b43577] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-44b43577] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-44b43577] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-44b43577] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-44b43577] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-44b43577] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-44b43577] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-44b43577] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-44b43577] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-44b43577] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-44b43577] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-44b43577] {
    fill: #000
}

.btn-active-paging[data-v-44b43577] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-44b43577] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-44b43577] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-44b43577] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-44b43577], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-44b43577] {
    background: #8b8d96 !important
}

.transactionBox[data-v-44b43577] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-44b43577] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-44b43577] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-44b43577] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-44b43577] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-44b43577] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-44b43577] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-44b43577] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-44b43577] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-44b43577] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-44b43577] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-44b43577] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-44b43577] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-44b43577] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-44b43577] {
    color: #2a74f9 !important
}

.colorWhite67[data-v-44b43577] {
    color: hsla(0,0%,100%,.67)
}

.circle[data-v-44b43577] {
    width: 151px;
    height: 151px;
    border-radius: 50%;
    border: 15px solid #414141
}

.textTrade[data-v-44b43577] {
    padding-top: 1rem;
    padding-left: 3rem
}

.title[data-v-44b43577] {
    color: #043076;
    font-weight: 700;
    margin-bottom: 0
}

.title.titleSm[data-v-44b43577] {
    font-size: 1.125rem
}

.borderRightColor[data-v-44b43577] {
    border-right: 1px solid hsla(0,0%,100%,.22)
}

.wrap-chart[data-v-44b43577] {
    border-radius: 5px;
    position: relative
}

.wrap-chart .chart-instance[data-v-44b43577] {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-bottom: 5px
}

.wrap-chart .chart-instance .label[data-v-44b43577] {
    font-size: 16px;
    vertical-align: middle
}

.wrap-chart .chart-instance .label > span.round[data-v-44b43577] {
    display: inline-block;
    vertical-align: bottom;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: relative;
    margin-right: 5px
}

    .wrap-chart .chart-instance .label > span.round[data-v-44b43577]:after {
        position: absolute;
        content: "";
        display: block;
        overflow: hidden;
        width: 16px;
        height: 16px;
        top: 2px;
        left: 2px;
        border-radius: 50%;
        background-color: #02142b
    }

.wrap-chart .chart-instance p.name[data-v-44b43577] {
    font-size: 16px
}

.wrap-chart .chart-instance p.value[data-v-44b43577] {
    font-size: 20px;
    font-weight: 700
}

.nodata[data-v-44b43577] {
    /*height: 200px*/
}

@media screen and (max-width:767.98px) {
    .borderRightColor[data-v-44b43577] {
        border-width: 0
    }

    .wrap-chart .wrap[data-v-44b43577] {
        text-align: center
    }
}

@media (max-width:768px) {
    .nodata[data-v-44b43577] {
        height: auto
    }
}

body[data-v-4d9758d8] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-4d9758d8]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-4d9758d8]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-4d9758d8]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-4d9758d8] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-4d9758d8]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-4d9758d8]::-webkit-inner-spin-button, input[data-v-4d9758d8]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-4d9758d8] {
    -moz-appearance: textfield
}

button[data-v-4d9758d8]:focus, input[data-v-4d9758d8]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-4d9758d8] {
    font-size: 8px
}

.font-10[data-v-4d9758d8] {
    font-size: .6rem !important
}

.font-12[data-v-4d9758d8] {
    font-size: 12px
}

.font-14[data-v-4d9758d8] {
    font-size: 14px
}

.font-16[data-v-4d9758d8] {
    font-size: 16px
}

.font-18[data-v-4d9758d8] {
    font-size: 18px
}

.font-20[data-v-4d9758d8] {
    font-size: 20px
}

.font-24[data-v-4d9758d8] {
    font-size: 24px
}

.font-32[data-v-4d9758d8] {
    font-size: 32px
}

.font-34[data-v-4d9758d8] {
    font-size: 34px
}

.font-40[data-v-4d9758d8] {
    font-size: 2.5rem !important
}

.font-44[data-v-4d9758d8] {
    font-size: 44px
}

.colorPrimary[data-v-4d9758d8] {
    color: #2a74f9
}

.colorPrimary1[data-v-4d9758d8] {
    color: #000 !important
}

.colorSecondary[data-v-4d9758d8] {
    color: #fff !important
}

.colorSecondary1[data-v-4d9758d8] {
    color: #414141 !important
}

.colorSecondary2[data-v-4d9758d8] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-4d9758d8] {
    color: #0d0d0d
}

.colorSecondary4[data-v-4d9758d8] {
    color: #02142b
}

.colorSecondary5[data-v-4d9758d8] {
    color: #1a1e24
}

.colorSecondary6[data-v-4d9758d8] {
    color: #fafafa
}

.colorSecondary7[data-v-4d9758d8] {
    color: #333
}

.colorSecondary8[data-v-4d9758d8] {
    color: #0e0031
}

.colorSuccess[data-v-4d9758d8] {
    color: #31baa0
}

.colorWarning[data-v-4d9758d8] {
    color: #ffcf5c
}

.colorDanger[data-v-4d9758d8] {
    color: #f46273
}

.fillPrimary[data-v-4d9758d8] {
    fill: #2a74f9
}

.fillWarning[data-v-4d9758d8] {
    fill: #ffcf5c
}

.fillDanger[data-v-4d9758d8] {
    fill: #f46273
}

.fillSecondary1[data-v-4d9758d8] {
    fill: #414141
}

.fillSecondary2[data-v-4d9758d8] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-4d9758d8] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-4d9758d8] {
    fill: #02142b
}

.fillSecondary5[data-v-4d9758d8] {
    fill: #1a1e24
}

.fillSecondary6[data-v-4d9758d8] {
    fill: #fafafa
}

.fillSecondary7[data-v-4d9758d8] {
    fill: #333
}

.fillSecondary8[data-v-4d9758d8] {
    fill: #0e0031
}

.textnote-notidesc[data-v-4d9758d8] {
    color: #fff
}

.bgColor0[data-v-4d9758d8] {
    background-color: transparent
}

.bgPrimary-hover[data-v-4d9758d8]:hover, .bgPrimary[data-v-4d9758d8] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-4d9758d8]:hover, .bgPrimary1[data-v-4d9758d8] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-4d9758d8]:hover, .bgPrimary2[data-v-4d9758d8] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-4d9758d8]:hover, .bgSecondary[data-v-4d9758d8] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-4d9758d8]:hover, .bgSecondary1[data-v-4d9758d8] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-4d9758d8]:hover, .bgSecondary2[data-v-4d9758d8] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-4d9758d8]:hover, .bgSecondary3[data-v-4d9758d8] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-4d9758d8] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-4d9758d8] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-4d9758d8]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-4d9758d8]:hover, .bgSecondary5[data-v-4d9758d8] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-4d9758d8]:hover, .bgSecondary6[data-v-4d9758d8] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-4d9758d8]:hover, .bgSecondary7[data-v-4d9758d8] {
    background-color: #333 !important
}

.bgSecondary8[data-v-4d9758d8] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-4d9758d8]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-4d9758d8] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-4d9758d8]:hover, .bgSuccess[data-v-4d9758d8] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-4d9758d8] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-4d9758d8] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-4d9758d8]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-4d9758d8] {
    fill: #31baa0
}

.w-14-px[data-v-4d9758d8] {
    width: 14px
}

.max-width-50[data-v-4d9758d8] {
    max-width: 50%
}

.h-60-px[data-v-4d9758d8] {
    height: 60px
}

.h-100-px[data-v-4d9758d8] {
    height: 100px
}

.mb-16-px[data-v-4d9758d8] {
    margin-bottom: 16px
}

.mb-30-px[data-v-4d9758d8] {
    margin-bottom: 30px
}

.borderRounded[data-v-4d9758d8] {
    border-radius: 5px
}

.borderPrimary[data-v-4d9758d8] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-4d9758d8] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-4d9758d8] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-4d9758d8] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-4d9758d8] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-4d9758d8] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-4d9758d8] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-4d9758d8] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-4d9758d8] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-4d9758d8] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-4d9758d8] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-4d9758d8] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-4d9758d8] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-4d9758d8] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-4d9758d8]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-4d9758d8] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-4d9758d8] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-4d9758d8] {
    padding: 1px
}

.px-1-px[data-v-4d9758d8] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-4d9758d8] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-4d9758d8] {
    padding-left: 1px
}

.pr-1-px[data-v-4d9758d8] {
    padding-right: 1px
}

.pt-1-px[data-v-4d9758d8] {
    padding-top: 1px
}

.pb-1-px[data-v-4d9758d8] {
    padding-bottom: 1px
}

.p-2-px[data-v-4d9758d8] {
    padding: 2px
}

.px-2-px[data-v-4d9758d8] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-4d9758d8] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-4d9758d8] {
    padding-left: 2px
}

.pr-2-px[data-v-4d9758d8] {
    padding-right: 2px
}

.pt-2-px[data-v-4d9758d8] {
    padding-top: 2px
}

.pb-2-px[data-v-4d9758d8] {
    padding-bottom: 2px
}

.p-8-px[data-v-4d9758d8] {
    padding: 8px
}

.px-8-px[data-v-4d9758d8] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-4d9758d8] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-4d9758d8] {
    padding-left: 8px
}

.pr-8-px[data-v-4d9758d8] {
    padding-right: 8px
}

.pt-8-px[data-v-4d9758d8] {
    padding-top: 8px
}

.pb-8-px[data-v-4d9758d8] {
    padding-bottom: 8px
}

.p-10-px[data-v-4d9758d8] {
    padding: 10px
}

.px-10-px[data-v-4d9758d8] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-4d9758d8] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-4d9758d8] {
    padding-left: 10px
}

.pr-10-px[data-v-4d9758d8] {
    padding-right: 10px
}

.pt-10-px[data-v-4d9758d8] {
    padding-top: 10px
}

.pb-10-px[data-v-4d9758d8] {
    padding-bottom: 10px
}

.p-12-px[data-v-4d9758d8] {
    padding: 12px
}

.px-12-px[data-v-4d9758d8] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-4d9758d8] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-4d9758d8] {
    padding-left: 12px
}

.pr-12-px[data-v-4d9758d8] {
    padding-right: 12px
}

.pt-12-px[data-v-4d9758d8] {
    padding-top: 12px
}

.pb-12-px[data-v-4d9758d8] {
    padding-bottom: 12px
}

.p-16-px[data-v-4d9758d8] {
    padding: 16px
}

.px-16-px[data-v-4d9758d8] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-4d9758d8] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-4d9758d8] {
    padding-left: 16px
}

.pr-16-px[data-v-4d9758d8] {
    padding-right: 16px
}

.pt-16-px[data-v-4d9758d8] {
    padding-top: 16px
}

.pb-16-px[data-v-4d9758d8] {
    padding-bottom: 16px
}

.p-30-px[data-v-4d9758d8] {
    padding: 30px
}

.px-30-px[data-v-4d9758d8] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-4d9758d8] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-4d9758d8] {
    padding-left: 30px
}

.pr-30-px[data-v-4d9758d8] {
    padding-right: 30px
}

.pt-30-px[data-v-4d9758d8] {
    padding-top: 30px
}

.pb-30-px[data-v-4d9758d8] {
    padding-bottom: 30px
}

.font-30[data-v-4d9758d8] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-4d9758d8] {
    font-weight: 700
}

.wbo-title[data-v-4d9758d8] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-4d9758d8] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-4d9758d8] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-4d9758d8] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-4d9758d8]:focus {
        outline: 0
    }

    .button[data-v-4d9758d8]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-4d9758d8] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-4d9758d8]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-4d9758d8] {
    padding: 11px 2.5rem
}

.button.primary[data-v-4d9758d8], .button.primary[data-v-4d9758d8]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-4d9758d8], .text-primary[data-v-4d9758d8], a .primary-hover[data-v-4d9758d8]:hover {
    color: #000 !important
}

ul[data-v-4d9758d8] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-4d9758d8], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-4d9758d8] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-4d9758d8]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-4d9758d8]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-4d9758d8], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-4d9758d8], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-4d9758d8]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-4d9758d8], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-4d9758d8], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-4d9758d8]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-4d9758d8], .faqsContent .content .navigator ul li a.active[data-v-4d9758d8]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-4d9758d8]:hover {
    color: #000
}

.ps[data-v-4d9758d8] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-4d9758d8] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-4d9758d8], .ps__rail-y[data-v-4d9758d8] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-4d9758d8] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-4d9758d8], .ps--active-y > .ps__rail-y[data-v-4d9758d8] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-4d9758d8], .ps--focus > .ps__rail-y[data-v-4d9758d8], .ps--scrolling-x > .ps__rail-x[data-v-4d9758d8], .ps--scrolling-y > .ps__rail-y[data-v-4d9758d8], .ps:hover > .ps__rail-x[data-v-4d9758d8], .ps:hover > .ps__rail-y[data-v-4d9758d8] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-4d9758d8], .ps .ps__rail-x[data-v-4d9758d8]:focus, .ps .ps__rail-x[data-v-4d9758d8]:hover, .ps .ps__rail-y.ps--clicking[data-v-4d9758d8], .ps .ps__rail-y[data-v-4d9758d8]:focus, .ps .ps__rail-y[data-v-4d9758d8]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-4d9758d8] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-4d9758d8] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-4d9758d8], .ps__rail-x:focus > .ps__thumb-x[data-v-4d9758d8], .ps__rail-x:hover > .ps__thumb-x[data-v-4d9758d8] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-4d9758d8], .ps__rail-y:focus > .ps__thumb-y[data-v-4d9758d8], .ps__rail-y:hover > .ps__thumb-y[data-v-4d9758d8] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-4d9758d8] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-4d9758d8] {
        overflow: auto !important
    }
}

.md-field[data-v-4d9758d8] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-4d9758d8] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-4d9758d8] {
    color: #2a74f9
}

.md-field .md-error[data-v-4d9758d8] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-4d9758d8] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-4d9758d8], .md-field.md-has-value label[data-v-4d9758d8] {
    top: -10px
}

.form-control[data-v-4d9758d8], .md-field .md-input[data-v-4d9758d8], .md-field .md-textarea[data-v-4d9758d8], .winput[data-v-4d9758d8] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-4d9758d8] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-4d9758d8] {
    fill: #0d0d0d
}

.round[data-v-4d9758d8] {
    border-radius: 5px
}

.off[data-v-4d9758d8] {
    position: relative;
    cursor: default
}

.off > [data-v-4d9758d8] {
    opacity: .5
}

.off[data-v-4d9758d8]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-4d9758d8] {
    cursor: pointer
}

.close-page[data-v-4d9758d8] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-4d9758d8] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-4d9758d8], .slide-fade-leave-active[data-v-4d9758d8] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-4d9758d8], .slide-fade-leave-to[data-v-4d9758d8] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-4d9758d8 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-4d9758d8 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-4d9758d8] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-4d9758d8] {
    color: #ffcf5c
}

.button[data-v-4d9758d8] {
    font-weight: 700
}

.modal .modal-dialog[data-v-4d9758d8] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-4d9758d8] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-4d9758d8] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-4d9758d8], .modal .modal-dialog .modal-header[data-v-4d9758d8] {
    border: none
}

#chartCommisst .highcharts-title[data-v-4d9758d8] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-4d9758d8] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-4d9758d8] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-4d9758d8], .modal .modal-dialog form[data-v-4d9758d8] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-4d9758d8] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-4d9758d8], .FaqsDetail[data-v-4d9758d8] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-4d9758d8], .FaqsDetail[data-v-4d9758d8] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-4d9758d8], .FaqsDetail .headerMaster .boxHeader[data-v-4d9758d8] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-4d9758d8], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-4d9758d8] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-4d9758d8], .Faqs main[data-v-4d9758d8] {
    background-color: unset
}

.titleChartCandle[data-v-4d9758d8] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-4d9758d8] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-4d9758d8] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-4d9758d8] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-4d9758d8], .plotlineChart .time[data-v-4d9758d8] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-4d9758d8] {
    top: 51px
}

.boxHeader[data-v-4d9758d8] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-4d9758d8], .boxHeader .register[data-v-4d9758d8] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-4d9758d8] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-4d9758d8] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-4d9758d8] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-4d9758d8] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-4d9758d8]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-4d9758d8] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-4d9758d8]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-4d9758d8] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-4d9758d8]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-4d9758d8] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-4d9758d8] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-4d9758d8] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-4d9758d8] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-4d9758d8] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-4d9758d8] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-4d9758d8] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-4d9758d8] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-4d9758d8] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-4d9758d8] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-4d9758d8] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-4d9758d8] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-4d9758d8] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-4d9758d8] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-4d9758d8] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-4d9758d8] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-4d9758d8] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-4d9758d8] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-4d9758d8] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-4d9758d8] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-4d9758d8] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-4d9758d8] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-4d9758d8] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-4d9758d8] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-4d9758d8] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-4d9758d8] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-4d9758d8] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-4d9758d8] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-4d9758d8] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-4d9758d8] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-4d9758d8] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-4d9758d8] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-4d9758d8] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-4d9758d8] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-4d9758d8] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-4d9758d8] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-4d9758d8] {
        height: 56px !important
    }
}

input.form-control[data-v-4d9758d8], input[data-v-4d9758d8], select.form-control[data-v-4d9758d8], select[data-v-4d9758d8] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-4d9758d8] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-4d9758d8] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-4d9758d8] {
    line-height: 100%
}

.button.btn-long[data-v-4d9758d8] {
    padding: 10px 40px
}

.button.btn-radius[data-v-4d9758d8] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-4d9758d8] {
    border-radius: 20px
}

.button.btn-full[data-v-4d9758d8] {
    width: 100%
}

.button.btn-80[data-v-4d9758d8] {
    width: 80%
}

.button.hasIcon[data-v-4d9758d8] {
    padding-left: 50px
}

.button a[data-v-4d9758d8] {
    display: block
}

.button .labelIcon[data-v-4d9758d8] {
    position: absolute
}

.button .labelIcon svg[data-v-4d9758d8] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-4d9758d8] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-4d9758d8]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-4d9758d8] {
    outline: none
}

.keyboard-input-wrap[data-v-4d9758d8] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-4d9758d8] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-4d9758d8] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-4d9758d8] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-4d9758d8] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-4d9758d8] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-4d9758d8] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-4d9758d8] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-4d9758d8] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-4d9758d8] {
    font-size: 1.2em
}

.color-white[data-v-4d9758d8] {
    color: #fff
}

.color-white-50[data-v-4d9758d8] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-4d9758d8] {
    display: none
}

.ld-loading .loading[data-v-4d9758d8], .main-loading .loading[data-v-4d9758d8] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-4d9758d8] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-4d9758d8]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-4d9758d8]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-4d9758d8] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-4d9758d8] {
    -webkit-animation: rotate-data-v-4d9758d8 1s linear infinite;
    animation: rotate-data-v-4d9758d8 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-4d9758d8] {
    stroke: transparent
}

.wrapNotify[data-v-4d9758d8] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-4d9758d8] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-4d9758d8] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-4d9758d8] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-4d9758d8] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-4d9758d8] {
    display: block
}

.wrapNotify .close-notify[data-v-4d9758d8] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-4d9758d8] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-4d9758d8] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-4d9758d8] {
    background-color: transparent
}

.colorWhite[data-v-4d9758d8] {
    color: #fff
}

.colorRed[data-v-4d9758d8] {
    color: #f46273
}

.colorGreen[data-v-4d9758d8] {
    color: #31baa0
}

.colorGray[data-v-4d9758d8] {
    color: #7c7c7c
}

.tableBackground[data-v-4d9758d8] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-4d9758d8] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-4d9758d8], .tableBackground .table-dark th[data-v-4d9758d8] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-4d9758d8]:after, .tableBackground .table-dark th[data-v-4d9758d8]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-4d9758d8] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-4d9758d8], .tableBackground .table-dark th[data-v-4d9758d8] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-4d9758d8]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-4d9758d8]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-4d9758d8] {
    background-color: #060642
}

.tableBackground #paging li[data-v-4d9758d8] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-4d9758d8] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-4d9758d8] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-4d9758d8], .customeTradeHistory[data-v-4d9758d8] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-4d9758d8], .customeTradeHistory .reportrange-text[data-v-4d9758d8] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-4d9758d8], .customeTradeHistory .reportrange-text .seperate[data-v-4d9758d8] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-4d9758d8], .customeTradeHistory .reportrange-text span[data-v-4d9758d8] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-4d9758d8] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-4d9758d8] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-4d9758d8] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-4d9758d8]:after, .startDate .daterangepicker.openscenter[data-v-4d9758d8]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-4d9758d8] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-4d9758d8] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-4d9758d8] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-4d9758d8] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-4d9758d8] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-4d9758d8] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-4d9758d8] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-4d9758d8] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-4d9758d8] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-4d9758d8] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-4d9758d8] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-4d9758d8] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-4d9758d8] {
    text-align: center
}

.border-none[data-v-4d9758d8] {
    border: none
}

.text-domain[data-v-4d9758d8]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-4d9758d8] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-4d9758d8] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-4d9758d8] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-4d9758d8] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-4d9758d8] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-4d9758d8] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-4d9758d8] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-4d9758d8] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-4d9758d8] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-4d9758d8] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-4d9758d8] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-4d9758d8] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-4d9758d8] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-4d9758d8] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-4d9758d8] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-4d9758d8] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-4d9758d8] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-4d9758d8] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-4d9758d8] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-4d9758d8] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-4d9758d8] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-4d9758d8] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-4d9758d8] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-4d9758d8] {
    fill: #000
}

.btn-active-paging[data-v-4d9758d8] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-4d9758d8] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-4d9758d8] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-4d9758d8] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-4d9758d8], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-4d9758d8] {
    background: #8b8d96 !important
}

.transactionBox[data-v-4d9758d8] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-4d9758d8] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-4d9758d8] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-4d9758d8] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-4d9758d8] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-4d9758d8] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-4d9758d8] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-4d9758d8] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-4d9758d8] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-4d9758d8] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-4d9758d8] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-4d9758d8] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-4d9758d8] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-4d9758d8] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-4d9758d8] {
    color: #2a74f9 !important
}

.title[data-v-4d9758d8] {
    color: #043076;
    font-weight: 700;
    margin-bottom: 0
}

.title.titleSm[data-v-4d9758d8] {
    font-size: 1.125rem
}

.borderRightColor[data-v-4d9758d8] {
    border-right: 1px solid hsla(0,0%,100%,.22)
}

.wrap-chart[data-v-4d9758d8] {
    border-radius: 5px;
    position: relative
}

.wrap-chart .chart-instance[data-v-4d9758d8] {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-bottom: 5px
}

.wrap-chart .chart-instance .label[data-v-4d9758d8] {
    font-size: 16px;
    vertical-align: middle
}

.wrap-chart .chart-instance .label > span[data-v-4d9758d8] {
    display: inline-block;
    vertical-align: bottom;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: relative;
    margin-right: 5px
}

    .wrap-chart .chart-instance .label > span[data-v-4d9758d8]:after {
        position: absolute;
        content: "";
        display: block;
        overflow: hidden;
        width: 16px;
        height: 16px;
        top: 2px;
        left: 2px;
        border-radius: 50%;
        background-color: #02142b
    }

.wrap-chart .chart-instance p .name[data-v-4d9758d8] {
    font-size: 17px;
    text-transform: uppercase
}

.wrap-chart .chart-instance p .value[data-v-4d9758d8] {
    font-size: 16px;
    font-weight: 700
}

.customChartPercent[data-v-4d9758d8] {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 10px;
    background-color: #f46273;
    border-radius: 10px;
    position: relative
}

.customChartPercent.nodata[data-v-4d9758d8] {
    background-color: #414141
}

.customChartPercent .percentUp[data-v-4d9758d8] {
    position: absolute;
    top: 0;
    right: 0;
    height: 10px;
    width: 0;
    background-color: #31baa0;
    border-radius: 10px;
    -webkit-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out
}

@media screen and (max-width:767.98px) {
    .borderRightColor[data-v-4d9758d8] {
        border-width: 0
    }
}

body[data-v-57a35802] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-57a35802]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-57a35802]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-57a35802]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-57a35802] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-57a35802]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-57a35802]::-webkit-inner-spin-button, input[data-v-57a35802]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-57a35802] {
    -moz-appearance: textfield
}

button[data-v-57a35802]:focus, input[data-v-57a35802]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-57a35802] {
    font-size: 8px
}

.font-10[data-v-57a35802] {
    font-size: .6rem !important
}

.font-12[data-v-57a35802] {
    font-size: 12px
}

.font-14[data-v-57a35802] {
    font-size: 14px
}

.font-16[data-v-57a35802] {
    font-size: 16px
}

.font-18[data-v-57a35802] {
    font-size: 18px
}

.font-20[data-v-57a35802] {
    font-size: 20px
}

.font-24[data-v-57a35802] {
    font-size: 24px
}

.font-32[data-v-57a35802] {
    font-size: 32px
}

.font-34[data-v-57a35802] {
    font-size: 34px
}

.font-40[data-v-57a35802] {
    font-size: 2.5rem !important
}

.font-44[data-v-57a35802] {
    font-size: 44px
}

.colorPrimary[data-v-57a35802] {
    color: #2a74f9
}

.colorPrimary1[data-v-57a35802] {
    color: #000 !important
}

.colorSecondary[data-v-57a35802] {
    color: #fff !important
}

.colorSecondary1[data-v-57a35802] {
    color: #414141 !important
}

.colorSecondary2[data-v-57a35802] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-57a35802] {
    color: #0d0d0d
}

.colorSecondary4[data-v-57a35802] {
    color: #02142b
}

.colorSecondary5[data-v-57a35802] {
    color: #1a1e24
}

.colorSecondary6[data-v-57a35802] {
    color: #fafafa
}

.colorSecondary7[data-v-57a35802] {
    color: #333
}

.colorSecondary8[data-v-57a35802] {
    color: #0e0031
}

.colorSuccess[data-v-57a35802] {
    color: #31baa0
}

.colorWarning[data-v-57a35802] {
    color: #ffcf5c
}

.colorDanger[data-v-57a35802] {
    color: #f46273
}

.fillPrimary[data-v-57a35802] {
    fill: #2a74f9
}

.fillWarning[data-v-57a35802] {
    fill: #ffcf5c
}

.fillDanger[data-v-57a35802] {
    fill: #f46273
}

.fillSecondary1[data-v-57a35802] {
    fill: #414141
}

.fillSecondary2[data-v-57a35802] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-57a35802] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-57a35802] {
    fill: #02142b
}

.fillSecondary5[data-v-57a35802] {
    fill: #1a1e24
}

.fillSecondary6[data-v-57a35802] {
    fill: #fafafa
}

.fillSecondary7[data-v-57a35802] {
    fill: #333
}

.fillSecondary8[data-v-57a35802] {
    fill: #0e0031
}

.textnote-notidesc[data-v-57a35802] {
    color: #fff
}

.bgColor0[data-v-57a35802] {
    background-color: transparent
}

.bgPrimary-hover[data-v-57a35802]:hover, .bgPrimary[data-v-57a35802] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-57a35802]:hover, .bgPrimary1[data-v-57a35802] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-57a35802]:hover, .bgPrimary2[data-v-57a35802] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-57a35802]:hover, .bgSecondary[data-v-57a35802] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-57a35802]:hover, .bgSecondary1[data-v-57a35802] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-57a35802]:hover, .bgSecondary2[data-v-57a35802] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-57a35802]:hover, .bgSecondary3[data-v-57a35802] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-57a35802] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-57a35802] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-57a35802]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-57a35802]:hover, .bgSecondary5[data-v-57a35802] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-57a35802]:hover, .bgSecondary6[data-v-57a35802] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-57a35802]:hover, .bgSecondary7[data-v-57a35802] {
    background-color: #333 !important
}

.bgSecondary8[data-v-57a35802] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-57a35802]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-57a35802] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-57a35802]:hover, .bgSuccess[data-v-57a35802] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-57a35802] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-57a35802] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-57a35802]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-57a35802] {
    fill: #31baa0
}

.w-14-px[data-v-57a35802] {
    width: 14px
}

.max-width-50[data-v-57a35802] {
    max-width: 50%
}

.h-60-px[data-v-57a35802] {
    height: 60px
}

.h-100-px[data-v-57a35802] {
    height: 100px
}

.mb-16-px[data-v-57a35802] {
    margin-bottom: 16px
}

.mb-30-px[data-v-57a35802] {
    margin-bottom: 30px
}

.borderRounded[data-v-57a35802] {
    border-radius: 5px
}

.borderPrimary[data-v-57a35802] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-57a35802] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-57a35802] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-57a35802] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-57a35802] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-57a35802] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-57a35802] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-57a35802] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-57a35802] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-57a35802] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-57a35802] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-57a35802] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-57a35802] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-57a35802] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-57a35802]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-57a35802] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-57a35802] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-57a35802] {
    padding: 1px
}

.px-1-px[data-v-57a35802] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-57a35802] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-57a35802] {
    padding-left: 1px
}

.pr-1-px[data-v-57a35802] {
    padding-right: 1px
}

.pt-1-px[data-v-57a35802] {
    padding-top: 1px
}

.pb-1-px[data-v-57a35802] {
    padding-bottom: 1px
}

.p-2-px[data-v-57a35802] {
    padding: 2px
}

.px-2-px[data-v-57a35802] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-57a35802] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-57a35802] {
    padding-left: 2px
}

.pr-2-px[data-v-57a35802] {
    padding-right: 2px
}

.pt-2-px[data-v-57a35802] {
    padding-top: 2px
}

.pb-2-px[data-v-57a35802] {
    padding-bottom: 2px
}

.p-8-px[data-v-57a35802] {
    padding: 8px
}

.px-8-px[data-v-57a35802] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-57a35802] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-57a35802] {
    padding-left: 8px
}

.pr-8-px[data-v-57a35802] {
    padding-right: 8px
}

.pt-8-px[data-v-57a35802] {
    padding-top: 8px
}

.pb-8-px[data-v-57a35802] {
    padding-bottom: 8px
}

.p-10-px[data-v-57a35802] {
    padding: 10px
}

.px-10-px[data-v-57a35802] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-57a35802] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-57a35802] {
    padding-left: 10px
}

.pr-10-px[data-v-57a35802] {
    padding-right: 10px
}

.pt-10-px[data-v-57a35802] {
    padding-top: 10px
}

.pb-10-px[data-v-57a35802] {
    padding-bottom: 10px
}

.p-12-px[data-v-57a35802] {
    padding: 12px
}

.px-12-px[data-v-57a35802] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-57a35802] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-57a35802] {
    padding-left: 12px
}

.pr-12-px[data-v-57a35802] {
    padding-right: 12px
}

.pt-12-px[data-v-57a35802] {
    padding-top: 12px
}

.pb-12-px[data-v-57a35802] {
    padding-bottom: 12px
}

.p-16-px[data-v-57a35802] {
    padding: 16px
}

.px-16-px[data-v-57a35802] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-57a35802] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-57a35802] {
    padding-left: 16px
}

.pr-16-px[data-v-57a35802] {
    padding-right: 16px
}

.pt-16-px[data-v-57a35802] {
    padding-top: 16px
}

.pb-16-px[data-v-57a35802] {
    padding-bottom: 16px
}

.p-30-px[data-v-57a35802] {
    padding: 30px
}

.px-30-px[data-v-57a35802] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-57a35802] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-57a35802] {
    padding-left: 30px
}

.pr-30-px[data-v-57a35802] {
    padding-right: 30px
}

.pt-30-px[data-v-57a35802] {
    padding-top: 30px
}

.pb-30-px[data-v-57a35802] {
    padding-bottom: 30px
}

.font-30[data-v-57a35802] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-57a35802] {
    font-weight: 700
}

.wbo-title[data-v-57a35802] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-57a35802] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-57a35802] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-57a35802] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-57a35802]:focus {
        outline: 0
    }

    .button[data-v-57a35802]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-57a35802] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-57a35802]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-57a35802] {
    padding: 11px 2.5rem
}

.button.primary[data-v-57a35802], .button.primary[data-v-57a35802]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-57a35802], .text-primary[data-v-57a35802], a .primary-hover[data-v-57a35802]:hover {
    color: #000 !important
}

ul[data-v-57a35802] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-57a35802], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-57a35802] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-57a35802]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-57a35802]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-57a35802], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-57a35802], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-57a35802]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-57a35802], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-57a35802], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-57a35802]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-57a35802], .faqsContent .content .navigator ul li a.active[data-v-57a35802]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-57a35802]:hover {
    color: #000
}

.ps[data-v-57a35802] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-57a35802] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-57a35802], .ps__rail-y[data-v-57a35802] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-57a35802] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-57a35802], .ps--active-y > .ps__rail-y[data-v-57a35802] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-57a35802], .ps--focus > .ps__rail-y[data-v-57a35802], .ps--scrolling-x > .ps__rail-x[data-v-57a35802], .ps--scrolling-y > .ps__rail-y[data-v-57a35802], .ps:hover > .ps__rail-x[data-v-57a35802], .ps:hover > .ps__rail-y[data-v-57a35802] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-57a35802], .ps .ps__rail-x[data-v-57a35802]:focus, .ps .ps__rail-x[data-v-57a35802]:hover, .ps .ps__rail-y.ps--clicking[data-v-57a35802], .ps .ps__rail-y[data-v-57a35802]:focus, .ps .ps__rail-y[data-v-57a35802]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-57a35802] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-57a35802] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-57a35802], .ps__rail-x:focus > .ps__thumb-x[data-v-57a35802], .ps__rail-x:hover > .ps__thumb-x[data-v-57a35802] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-57a35802], .ps__rail-y:focus > .ps__thumb-y[data-v-57a35802], .ps__rail-y:hover > .ps__thumb-y[data-v-57a35802] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-57a35802] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-57a35802] {
        overflow: auto !important
    }
}

.md-field[data-v-57a35802] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-57a35802] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-57a35802] {
    color: #2a74f9
}

.md-field .md-error[data-v-57a35802] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-57a35802] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-57a35802], .md-field.md-has-value label[data-v-57a35802] {
    top: -10px
}

.form-control[data-v-57a35802], .md-field .md-input[data-v-57a35802], .md-field .md-textarea[data-v-57a35802], .winput[data-v-57a35802] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-57a35802] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-57a35802] {
    fill: #0d0d0d
}

.round[data-v-57a35802] {
    border-radius: 5px
}

.off[data-v-57a35802] {
    position: relative;
    cursor: default
}

.off > [data-v-57a35802] {
    opacity: .5
}

.off[data-v-57a35802]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-57a35802] {
    cursor: pointer
}

.close-page[data-v-57a35802] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-57a35802] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-57a35802], .slide-fade-leave-active[data-v-57a35802] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-57a35802], .slide-fade-leave-to[data-v-57a35802] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-57a35802 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-57a35802 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-57a35802] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-57a35802] {
    color: #ffcf5c
}

.button[data-v-57a35802] {
    font-weight: 700
}

.modal .modal-dialog[data-v-57a35802] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-57a35802] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-57a35802] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-57a35802], .modal .modal-dialog .modal-header[data-v-57a35802] {
    border: none
}

#chartCommisst .highcharts-title[data-v-57a35802] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-57a35802] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-57a35802] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-57a35802], .modal .modal-dialog form[data-v-57a35802] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-57a35802] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-57a35802], .FaqsDetail[data-v-57a35802] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-57a35802], .FaqsDetail[data-v-57a35802] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-57a35802], .FaqsDetail .headerMaster .boxHeader[data-v-57a35802] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-57a35802], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-57a35802] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-57a35802], .Faqs main[data-v-57a35802] {
    background-color: unset
}

.titleChartCandle[data-v-57a35802] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-57a35802] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-57a35802] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-57a35802] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-57a35802], .plotlineChart .time[data-v-57a35802] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-57a35802] {
    top: 51px
}

.boxHeader[data-v-57a35802] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-57a35802], .boxHeader .register[data-v-57a35802] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-57a35802] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-57a35802] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-57a35802] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-57a35802] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-57a35802]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-57a35802] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-57a35802]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-57a35802] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-57a35802]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-57a35802] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-57a35802] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-57a35802] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-57a35802] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-57a35802] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-57a35802] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-57a35802] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-57a35802] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-57a35802] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-57a35802] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-57a35802] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-57a35802] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-57a35802] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-57a35802] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-57a35802] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-57a35802] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-57a35802] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-57a35802] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-57a35802] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-57a35802] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-57a35802] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-57a35802] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-57a35802] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-57a35802] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-57a35802] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-57a35802] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-57a35802] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-57a35802] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-57a35802] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-57a35802] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-57a35802] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-57a35802] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-57a35802] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-57a35802] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-57a35802] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-57a35802] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-57a35802] {
        height: 56px !important
    }
}

input.form-control[data-v-57a35802], input[data-v-57a35802], select.form-control[data-v-57a35802], select[data-v-57a35802] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-57a35802] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-57a35802] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-57a35802] {
    line-height: 100%
}

.button.btn-long[data-v-57a35802] {
    padding: 10px 40px
}

.button.btn-radius[data-v-57a35802] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-57a35802] {
    border-radius: 20px
}

.button.btn-full[data-v-57a35802] {
    width: 100%
}

.button.btn-80[data-v-57a35802] {
    width: 80%
}

.button.hasIcon[data-v-57a35802] {
    padding-left: 50px
}

.button a[data-v-57a35802] {
    display: block
}

.button .labelIcon[data-v-57a35802] {
    position: absolute
}

.button .labelIcon svg[data-v-57a35802] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-57a35802] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-57a35802]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-57a35802] {
    outline: none
}

.keyboard-input-wrap[data-v-57a35802] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-57a35802] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-57a35802] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-57a35802] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-57a35802] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-57a35802] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-57a35802] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-57a35802] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-57a35802] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-57a35802] {
    font-size: 1.2em
}

.color-white[data-v-57a35802] {
    color: #fff
}

.color-white-50[data-v-57a35802] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-57a35802] {
    display: none
}

.ld-loading .loading[data-v-57a35802], .main-loading .loading[data-v-57a35802] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-57a35802] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-57a35802]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-57a35802]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-57a35802] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-57a35802] {
    -webkit-animation: rotate-data-v-57a35802 1s linear infinite;
    animation: rotate-data-v-57a35802 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-57a35802] {
    stroke: transparent
}

.wrapNotify[data-v-57a35802] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-57a35802] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-57a35802] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-57a35802] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-57a35802] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-57a35802] {
    display: block
}

.wrapNotify .close-notify[data-v-57a35802] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-57a35802] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-57a35802] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-57a35802] {
    background-color: transparent
}

.colorWhite[data-v-57a35802] {
    color: #fff
}

.colorRed[data-v-57a35802] {
    color: #f46273
}

.colorGreen[data-v-57a35802] {
    color: #31baa0
}

.colorGray[data-v-57a35802] {
    color: #7c7c7c
}

.tableBackground[data-v-57a35802] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-57a35802] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-57a35802], .tableBackground .table-dark th[data-v-57a35802] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-57a35802]:after, .tableBackground .table-dark th[data-v-57a35802]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-57a35802] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-57a35802], .tableBackground .table-dark th[data-v-57a35802] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-57a35802]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-57a35802]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-57a35802] {
    background-color: #060642
}

.tableBackground #paging li[data-v-57a35802] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-57a35802] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-57a35802] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-57a35802], .customeTradeHistory[data-v-57a35802] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-57a35802], .customeTradeHistory .reportrange-text[data-v-57a35802] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-57a35802], .customeTradeHistory .reportrange-text .seperate[data-v-57a35802] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-57a35802], .customeTradeHistory .reportrange-text span[data-v-57a35802] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-57a35802] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-57a35802] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-57a35802] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-57a35802]:after, .startDate .daterangepicker.openscenter[data-v-57a35802]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-57a35802] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-57a35802] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-57a35802] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-57a35802] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-57a35802] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-57a35802] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-57a35802] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-57a35802] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-57a35802] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-57a35802] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-57a35802] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-57a35802] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-57a35802] {
    text-align: center
}

.border-none[data-v-57a35802] {
    border: none
}

.text-domain[data-v-57a35802]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-57a35802] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-57a35802] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-57a35802] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-57a35802] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-57a35802] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-57a35802] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-57a35802] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-57a35802] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-57a35802] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-57a35802] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-57a35802] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-57a35802] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-57a35802] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-57a35802] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-57a35802] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-57a35802] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-57a35802] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-57a35802] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-57a35802] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-57a35802] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-57a35802] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-57a35802] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-57a35802] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-57a35802] {
    fill: #000
}

.btn-active-paging[data-v-57a35802] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-57a35802] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-57a35802] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-57a35802] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-57a35802], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-57a35802] {
    background: #8b8d96 !important
}

.transactionBox[data-v-57a35802] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-57a35802] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-57a35802] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-57a35802] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-57a35802] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-57a35802] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-57a35802] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-57a35802] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-57a35802] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-57a35802] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-57a35802] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-57a35802] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-57a35802] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-57a35802] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-57a35802] {
    color: #2a74f9 !important
}

.toggleButtonWrapper[data-v-57a35802] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.toggleButtonWrapper span[data-v-57a35802] {
    display: inline-block;
    line-height: 25px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    font-weight: 400
}

.toggleButtonWrapper .img[data-v-57a35802] {
    width: 35px
}

.toggleButton[data-v-57a35802] {
    display: inline-block;
    overflow: hidden;
    width: 55px;
    height: 25px;
    border-radius: 25px;
    border: 1px solid #1f2f53;
    background-color: transparent;
    position: relative
}

.toggleButton.isNotButtonOnOff[data-v-57a35802] {
    background-color: #2a74f9
}

.toggleButton .status[data-v-57a35802] {
    position: absolute;
    top: 2px;
    left: 2px;
    display: block;
    overflow: hidden;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    z-index: 2;
    -webkit-transition: -webkit-transform .2s linear;
    transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear,-webkit-transform .2s linear
}

.toggleButton .status.no[data-v-57a35802] {
    -webkit-transform: translate(0);
    transform: translate(0)
}

.toggleButton .status.yes[data-v-57a35802] {
    -webkit-transform: translate(30px);
    transform: translate(30px)
}

.toggleButton.isButtonOnOff[data-v-57a35802] {
    background-color: #414141;
    -webkit-transition: border-color background-color .2s linear;
    transition: border-color background-color .2s linear
}

.toggleButton.isButtonOnOff.hasBg[data-v-57a35802] {
    background-color: #31baa0
}

.toggleButton.hasBg[data-v-57a35802] {
    border-color: #31baa0;
    background-color: #31baa0
}

body[data-v-51fd1dee] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-51fd1dee]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-51fd1dee]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-51fd1dee]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-51fd1dee] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-51fd1dee]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-51fd1dee]::-webkit-inner-spin-button, input[data-v-51fd1dee]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-51fd1dee] {
    -moz-appearance: textfield
}

button[data-v-51fd1dee]:focus, input[data-v-51fd1dee]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-51fd1dee] {
    font-size: 8px
}

.font-10[data-v-51fd1dee] {
    font-size: .6rem !important
}

.font-12[data-v-51fd1dee] {
    font-size: 12px
}

.font-14[data-v-51fd1dee] {
    font-size: 14px
}

.font-16[data-v-51fd1dee] {
    font-size: 16px
}

.font-18[data-v-51fd1dee] {
    font-size: 18px
}

.font-20[data-v-51fd1dee] {
    font-size: 20px
}

.font-24[data-v-51fd1dee] {
    font-size: 24px
}

.font-32[data-v-51fd1dee] {
    font-size: 32px
}

.font-34[data-v-51fd1dee] {
    font-size: 34px
}

.font-40[data-v-51fd1dee] {
    font-size: 2.5rem !important
}

.font-44[data-v-51fd1dee] {
    font-size: 44px
}

.colorPrimary[data-v-51fd1dee] {
    color: #2a74f9
}

.colorPrimary1[data-v-51fd1dee] {
    color: #000 !important
}

.colorSecondary[data-v-51fd1dee] {
    color: #fff !important
}

.colorSecondary1[data-v-51fd1dee] {
    color: #414141 !important
}

.colorSecondary2[data-v-51fd1dee] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-51fd1dee] {
    color: #0d0d0d
}

.colorSecondary4[data-v-51fd1dee] {
    color: #02142b
}

.colorSecondary5[data-v-51fd1dee] {
    color: #1a1e24
}

.colorSecondary6[data-v-51fd1dee] {
    color: #fafafa
}

.colorSecondary7[data-v-51fd1dee] {
    color: #333
}

.colorSecondary8[data-v-51fd1dee] {
    color: #0e0031
}

.colorSuccess[data-v-51fd1dee] {
    color: #31baa0
}

.colorWarning[data-v-51fd1dee] {
    color: #ffcf5c
}

.colorDanger[data-v-51fd1dee] {
    color: #f46273
}

.fillPrimary[data-v-51fd1dee] {
    fill: #2a74f9
}

.fillWarning[data-v-51fd1dee] {
    fill: #ffcf5c
}

.fillDanger[data-v-51fd1dee] {
    fill: #f46273
}

.fillSecondary1[data-v-51fd1dee] {
    fill: #414141
}

.fillSecondary2[data-v-51fd1dee] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-51fd1dee] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-51fd1dee] {
    fill: #02142b
}

.fillSecondary5[data-v-51fd1dee] {
    fill: #1a1e24
}

.fillSecondary6[data-v-51fd1dee] {
    fill: #fafafa
}

.fillSecondary7[data-v-51fd1dee] {
    fill: #333
}

.fillSecondary8[data-v-51fd1dee] {
    fill: #0e0031
}

.textnote-notidesc[data-v-51fd1dee] {
    color: #fff
}

.bgColor0[data-v-51fd1dee] {
    background-color: transparent
}

.bgPrimary-hover[data-v-51fd1dee]:hover, .bgPrimary[data-v-51fd1dee] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-51fd1dee]:hover, .bgPrimary1[data-v-51fd1dee] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-51fd1dee]:hover, .bgPrimary2[data-v-51fd1dee] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-51fd1dee]:hover, .bgSecondary[data-v-51fd1dee] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-51fd1dee]:hover, .bgSecondary1[data-v-51fd1dee] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-51fd1dee]:hover, .bgSecondary2[data-v-51fd1dee] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-51fd1dee]:hover, .bgSecondary3[data-v-51fd1dee] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-51fd1dee] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-51fd1dee] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-51fd1dee]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-51fd1dee]:hover, .bgSecondary5[data-v-51fd1dee] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-51fd1dee]:hover, .bgSecondary6[data-v-51fd1dee] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-51fd1dee]:hover, .bgSecondary7[data-v-51fd1dee] {
    background-color: #333 !important
}

.bgSecondary8[data-v-51fd1dee] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-51fd1dee]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-51fd1dee] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-51fd1dee]:hover, .bgSuccess[data-v-51fd1dee] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-51fd1dee] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-51fd1dee] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-51fd1dee]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-51fd1dee] {
    fill: #31baa0
}

.w-14-px[data-v-51fd1dee] {
    width: 14px
}

.max-width-50[data-v-51fd1dee] {
    max-width: 50%
}

.h-60-px[data-v-51fd1dee] {
    height: 60px
}

.h-100-px[data-v-51fd1dee] {
    height: 100px
}

.mb-16-px[data-v-51fd1dee] {
    margin-bottom: 16px
}

.mb-30-px[data-v-51fd1dee] {
    margin-bottom: 30px
}

.borderRounded[data-v-51fd1dee] {
    border-radius: 5px
}

.borderPrimary[data-v-51fd1dee] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-51fd1dee] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-51fd1dee] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-51fd1dee] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-51fd1dee] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-51fd1dee] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-51fd1dee] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-51fd1dee] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-51fd1dee] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-51fd1dee] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-51fd1dee] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-51fd1dee] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-51fd1dee] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-51fd1dee] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-51fd1dee]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-51fd1dee] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-51fd1dee] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-51fd1dee] {
    padding: 1px
}

.px-1-px[data-v-51fd1dee] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-51fd1dee] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-51fd1dee] {
    padding-left: 1px
}

.pr-1-px[data-v-51fd1dee] {
    padding-right: 1px
}

.pt-1-px[data-v-51fd1dee] {
    padding-top: 1px
}

.pb-1-px[data-v-51fd1dee] {
    padding-bottom: 1px
}

.p-2-px[data-v-51fd1dee] {
    padding: 2px
}

.px-2-px[data-v-51fd1dee] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-51fd1dee] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-51fd1dee] {
    padding-left: 2px
}

.pr-2-px[data-v-51fd1dee] {
    padding-right: 2px
}

.pt-2-px[data-v-51fd1dee] {
    padding-top: 2px
}

.pb-2-px[data-v-51fd1dee] {
    padding-bottom: 2px
}

.p-8-px[data-v-51fd1dee] {
    padding: 8px
}

.px-8-px[data-v-51fd1dee] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-51fd1dee] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-51fd1dee] {
    padding-left: 8px
}

.pr-8-px[data-v-51fd1dee] {
    padding-right: 8px
}

.pt-8-px[data-v-51fd1dee] {
    padding-top: 8px
}

.pb-8-px[data-v-51fd1dee] {
    padding-bottom: 8px
}

.p-10-px[data-v-51fd1dee] {
    padding: 10px
}

.px-10-px[data-v-51fd1dee] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-51fd1dee] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-51fd1dee] {
    padding-left: 10px
}

.pr-10-px[data-v-51fd1dee] {
    padding-right: 10px
}

.pt-10-px[data-v-51fd1dee] {
    padding-top: 10px
}

.pb-10-px[data-v-51fd1dee] {
    padding-bottom: 10px
}

.p-12-px[data-v-51fd1dee] {
    padding: 12px
}

.px-12-px[data-v-51fd1dee] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-51fd1dee] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-51fd1dee] {
    padding-left: 12px
}

.pr-12-px[data-v-51fd1dee] {
    padding-right: 12px
}

.pt-12-px[data-v-51fd1dee] {
    padding-top: 12px
}

.pb-12-px[data-v-51fd1dee] {
    padding-bottom: 12px
}

.p-16-px[data-v-51fd1dee] {
    padding: 16px
}

.px-16-px[data-v-51fd1dee] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-51fd1dee] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-51fd1dee] {
    padding-left: 16px
}

.pr-16-px[data-v-51fd1dee] {
    padding-right: 16px
}

.pt-16-px[data-v-51fd1dee] {
    padding-top: 16px
}

.pb-16-px[data-v-51fd1dee] {
    padding-bottom: 16px
}

.p-30-px[data-v-51fd1dee] {
    padding: 30px
}

.px-30-px[data-v-51fd1dee] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-51fd1dee] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-51fd1dee] {
    padding-left: 30px
}

.pr-30-px[data-v-51fd1dee] {
    padding-right: 30px
}

.pt-30-px[data-v-51fd1dee] {
    padding-top: 30px
}

.pb-30-px[data-v-51fd1dee] {
    padding-bottom: 30px
}

.font-30[data-v-51fd1dee] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-51fd1dee] {
    font-weight: 700
}

.wbo-title[data-v-51fd1dee] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-51fd1dee] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-51fd1dee] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-51fd1dee] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-51fd1dee]:focus {
        outline: 0
    }

    .button[data-v-51fd1dee]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-51fd1dee] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-51fd1dee]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-51fd1dee] {
    padding: 11px 2.5rem
}

.button.primary[data-v-51fd1dee], .button.primary[data-v-51fd1dee]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-51fd1dee], .text-primary[data-v-51fd1dee], a .primary-hover[data-v-51fd1dee]:hover {
    color: #000 !important
}

ul[data-v-51fd1dee] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-51fd1dee], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-51fd1dee] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-51fd1dee]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-51fd1dee]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-51fd1dee], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-51fd1dee], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-51fd1dee]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-51fd1dee], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-51fd1dee], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-51fd1dee]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-51fd1dee], .faqsContent .content .navigator ul li a.active[data-v-51fd1dee]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-51fd1dee]:hover {
    color: #000
}

.ps[data-v-51fd1dee] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-51fd1dee] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-51fd1dee], .ps__rail-y[data-v-51fd1dee] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-51fd1dee] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-51fd1dee], .ps--active-y > .ps__rail-y[data-v-51fd1dee] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-51fd1dee], .ps--focus > .ps__rail-y[data-v-51fd1dee], .ps--scrolling-x > .ps__rail-x[data-v-51fd1dee], .ps--scrolling-y > .ps__rail-y[data-v-51fd1dee], .ps:hover > .ps__rail-x[data-v-51fd1dee], .ps:hover > .ps__rail-y[data-v-51fd1dee] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-51fd1dee], .ps .ps__rail-x[data-v-51fd1dee]:focus, .ps .ps__rail-x[data-v-51fd1dee]:hover, .ps .ps__rail-y.ps--clicking[data-v-51fd1dee], .ps .ps__rail-y[data-v-51fd1dee]:focus, .ps .ps__rail-y[data-v-51fd1dee]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-51fd1dee] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-51fd1dee] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-51fd1dee], .ps__rail-x:focus > .ps__thumb-x[data-v-51fd1dee], .ps__rail-x:hover > .ps__thumb-x[data-v-51fd1dee] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-51fd1dee], .ps__rail-y:focus > .ps__thumb-y[data-v-51fd1dee], .ps__rail-y:hover > .ps__thumb-y[data-v-51fd1dee] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-51fd1dee] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-51fd1dee] {
        overflow: auto !important
    }
}

.md-field[data-v-51fd1dee] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-51fd1dee] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-51fd1dee] {
    color: #2a74f9
}

.md-field .md-error[data-v-51fd1dee] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-51fd1dee] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-51fd1dee], .md-field.md-has-value label[data-v-51fd1dee] {
    top: -10px
}

.form-control[data-v-51fd1dee], .md-field .md-input[data-v-51fd1dee], .md-field .md-textarea[data-v-51fd1dee], .winput[data-v-51fd1dee] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-51fd1dee] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-51fd1dee] {
    fill: #0d0d0d
}

.round[data-v-51fd1dee] {
    border-radius: 5px
}

.off[data-v-51fd1dee] {
    position: relative;
    cursor: default
}

.off > [data-v-51fd1dee] {
    opacity: .5
}

.off[data-v-51fd1dee]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-51fd1dee] {
    cursor: pointer
}

.close-page[data-v-51fd1dee] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-51fd1dee] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-51fd1dee], .slide-fade-leave-active[data-v-51fd1dee] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-51fd1dee], .slide-fade-leave-to[data-v-51fd1dee] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-51fd1dee {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-51fd1dee {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-51fd1dee] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-51fd1dee] {
    color: #ffcf5c
}

.button[data-v-51fd1dee] {
    font-weight: 700
}

.modal .modal-dialog[data-v-51fd1dee] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-51fd1dee] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-51fd1dee] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-51fd1dee], .modal .modal-dialog .modal-header[data-v-51fd1dee] {
    border: none
}

#chartCommisst .highcharts-title[data-v-51fd1dee] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-51fd1dee] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-51fd1dee] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-51fd1dee], .modal .modal-dialog form[data-v-51fd1dee] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-51fd1dee] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-51fd1dee], .FaqsDetail[data-v-51fd1dee] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-51fd1dee], .FaqsDetail[data-v-51fd1dee] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-51fd1dee], .FaqsDetail .headerMaster .boxHeader[data-v-51fd1dee] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-51fd1dee], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-51fd1dee] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-51fd1dee], .Faqs main[data-v-51fd1dee] {
    background-color: unset
}

.titleChartCandle[data-v-51fd1dee] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-51fd1dee] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-51fd1dee] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-51fd1dee] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-51fd1dee], .plotlineChart .time[data-v-51fd1dee] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-51fd1dee] {
    top: 51px
}

.boxHeader[data-v-51fd1dee] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-51fd1dee], .boxHeader .register[data-v-51fd1dee] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-51fd1dee] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-51fd1dee] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-51fd1dee] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-51fd1dee] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-51fd1dee]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-51fd1dee] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-51fd1dee]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-51fd1dee] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-51fd1dee]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-51fd1dee] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-51fd1dee] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-51fd1dee] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-51fd1dee] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-51fd1dee] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-51fd1dee] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-51fd1dee] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-51fd1dee] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-51fd1dee] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-51fd1dee] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-51fd1dee] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-51fd1dee] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-51fd1dee] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-51fd1dee] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-51fd1dee] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-51fd1dee] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-51fd1dee] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-51fd1dee] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-51fd1dee] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-51fd1dee] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-51fd1dee] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-51fd1dee] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-51fd1dee] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-51fd1dee] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-51fd1dee] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-51fd1dee] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-51fd1dee] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-51fd1dee] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-51fd1dee] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-51fd1dee] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-51fd1dee] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-51fd1dee] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-51fd1dee] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-51fd1dee] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-51fd1dee] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-51fd1dee] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-51fd1dee] {
        height: 56px !important
    }
}

input.form-control[data-v-51fd1dee], input[data-v-51fd1dee], select.form-control[data-v-51fd1dee], select[data-v-51fd1dee] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-51fd1dee] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-51fd1dee] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-51fd1dee] {
    line-height: 100%
}

.button.btn-long[data-v-51fd1dee] {
    padding: 10px 40px
}

.button.btn-radius[data-v-51fd1dee] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-51fd1dee] {
    border-radius: 20px
}

.button.btn-full[data-v-51fd1dee] {
    width: 100%
}

.button.btn-80[data-v-51fd1dee] {
    width: 80%
}

.button.hasIcon[data-v-51fd1dee] {
    padding-left: 50px
}

.button a[data-v-51fd1dee] {
    display: block
}

.button .labelIcon[data-v-51fd1dee] {
    position: absolute
}

.button .labelIcon svg[data-v-51fd1dee] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-51fd1dee] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-51fd1dee]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-51fd1dee] {
    outline: none
}

.keyboard-input-wrap[data-v-51fd1dee] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-51fd1dee] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-51fd1dee] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-51fd1dee] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-51fd1dee] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-51fd1dee] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-51fd1dee] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-51fd1dee] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-51fd1dee] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-51fd1dee] {
    font-size: 1.2em
}

.color-white[data-v-51fd1dee] {
    color: #fff
}

.color-white-50[data-v-51fd1dee] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-51fd1dee] {
    display: none
}

.ld-loading .loading[data-v-51fd1dee], .main-loading .loading[data-v-51fd1dee] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-51fd1dee] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-51fd1dee]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-51fd1dee]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-51fd1dee] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-51fd1dee] {
    -webkit-animation: rotate-data-v-51fd1dee 1s linear infinite;
    animation: rotate-data-v-51fd1dee 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-51fd1dee] {
    stroke: transparent
}

.wrapNotify[data-v-51fd1dee] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-51fd1dee] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-51fd1dee] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-51fd1dee] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-51fd1dee] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-51fd1dee] {
    display: block
}

.wrapNotify .close-notify[data-v-51fd1dee] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-51fd1dee] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-51fd1dee] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-51fd1dee] {
    background-color: transparent
}

.colorWhite[data-v-51fd1dee] {
    color: #fff
}

.colorRed[data-v-51fd1dee] {
    color: #f46273
}

.colorGreen[data-v-51fd1dee] {
    color: #31baa0
}

.colorGray[data-v-51fd1dee] {
    color: #7c7c7c
}

.tableBackground[data-v-51fd1dee] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-51fd1dee] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-51fd1dee], .tableBackground .table-dark th[data-v-51fd1dee] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-51fd1dee]:after, .tableBackground .table-dark th[data-v-51fd1dee]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-51fd1dee] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-51fd1dee], .tableBackground .table-dark th[data-v-51fd1dee] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-51fd1dee]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-51fd1dee]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-51fd1dee] {
    background-color: #060642
}

.tableBackground #paging li[data-v-51fd1dee] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-51fd1dee] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-51fd1dee] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-51fd1dee], .customeTradeHistory[data-v-51fd1dee] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-51fd1dee], .customeTradeHistory .reportrange-text[data-v-51fd1dee] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-51fd1dee], .customeTradeHistory .reportrange-text .seperate[data-v-51fd1dee] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-51fd1dee], .customeTradeHistory .reportrange-text span[data-v-51fd1dee] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-51fd1dee] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-51fd1dee] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-51fd1dee] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-51fd1dee]:after, .startDate .daterangepicker.openscenter[data-v-51fd1dee]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-51fd1dee] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-51fd1dee] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-51fd1dee] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-51fd1dee] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-51fd1dee] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-51fd1dee] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-51fd1dee] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-51fd1dee] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-51fd1dee] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-51fd1dee] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-51fd1dee] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-51fd1dee] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-51fd1dee] {
    text-align: center
}

.border-none[data-v-51fd1dee] {
    border: none
}

.text-domain[data-v-51fd1dee]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-51fd1dee] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-51fd1dee] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-51fd1dee] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-51fd1dee] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-51fd1dee] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-51fd1dee] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-51fd1dee] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-51fd1dee] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-51fd1dee] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-51fd1dee] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-51fd1dee] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-51fd1dee] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-51fd1dee] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-51fd1dee] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-51fd1dee] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-51fd1dee] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-51fd1dee] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-51fd1dee] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-51fd1dee] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-51fd1dee] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-51fd1dee] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-51fd1dee] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-51fd1dee] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-51fd1dee] {
    fill: #000
}

.btn-active-paging[data-v-51fd1dee] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-51fd1dee] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-51fd1dee] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-51fd1dee] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-51fd1dee], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-51fd1dee] {
    background: #8b8d96 !important
}

.transactionBox[data-v-51fd1dee] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-51fd1dee] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-51fd1dee] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-51fd1dee] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-51fd1dee] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-51fd1dee] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-51fd1dee] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-51fd1dee] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-51fd1dee] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-51fd1dee] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-51fd1dee] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-51fd1dee] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-51fd1dee] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-51fd1dee] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-51fd1dee] {
    color: #2a74f9 !important
}

.toggleButtonWrapper[data-v-51fd1dee] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.toggleButtonWrapper span[data-v-51fd1dee] {
    display: inline-block;
    line-height: 25px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    font-weight: 400
}

.toggleButtonWrapper .img[data-v-51fd1dee] {
    width: 35px
}

.toggleButton[data-v-51fd1dee] {
    display: inline-block;
    overflow: hidden;
    width: 55px;
    height: 25px;
    border-radius: 25px;
    border: 1px solid #1f2f53;
    background-color: transparent;
    position: relative
}

.toggleButton.isNotButtonOnOff[data-v-51fd1dee] {
    background-color: #2a74f9
}

.toggleButton .status[data-v-51fd1dee] {
    position: absolute;
    top: 2px;
    left: 2px;
    display: block;
    overflow: hidden;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    z-index: 2;
    -webkit-transition: -webkit-transform .2s linear;
    transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear,-webkit-transform .2s linear
}

.toggleButton .status.no[data-v-51fd1dee] {
    -webkit-transform: translate(0);
    transform: translate(0)
}

.toggleButton .status.yes[data-v-51fd1dee] {
    -webkit-transform: translate(30px);
    transform: translate(30px)
}

.toggleButton.isButtonOnOff[data-v-51fd1dee] {
    background-color: #414141;
    -webkit-transition: border-color background-color .2s linear;
    transition: border-color background-color .2s linear
}

.toggleButton.isButtonOnOff.hasBg[data-v-51fd1dee] {
    background-color: #31baa0
}

.toggleButton.hasBg[data-v-51fd1dee] {
    border-color: #31baa0;
    background-color: #31baa0
}

body[data-v-9548656e] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-9548656e]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-9548656e]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-9548656e]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-9548656e] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-9548656e]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-9548656e]::-webkit-inner-spin-button, input[data-v-9548656e]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-9548656e] {
    -moz-appearance: textfield
}

button[data-v-9548656e]:focus, input[data-v-9548656e]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-9548656e] {
    font-size: 8px
}

.font-10[data-v-9548656e] {
    font-size: .6rem !important
}

.font-12[data-v-9548656e] {
    font-size: 12px
}

.font-14[data-v-9548656e] {
    font-size: 14px
}

.font-16[data-v-9548656e] {
    font-size: 16px
}

.font-18[data-v-9548656e] {
    font-size: 18px
}

.font-20[data-v-9548656e] {
    font-size: 20px
}

.font-24[data-v-9548656e] {
    font-size: 24px
}

.font-32[data-v-9548656e] {
    font-size: 32px
}

.font-34[data-v-9548656e] {
    font-size: 34px
}

.font-40[data-v-9548656e] {
    font-size: 2.5rem !important
}

.font-44[data-v-9548656e] {
    font-size: 44px
}

.colorPrimary[data-v-9548656e] {
    color: #2a74f9
}

.colorPrimary1[data-v-9548656e] {
    color: #000 !important
}

.colorSecondary[data-v-9548656e] {
    color: #fff !important
}

.colorSecondary1[data-v-9548656e] {
    color: #414141 !important
}

.colorSecondary2[data-v-9548656e] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-9548656e] {
    color: #0d0d0d
}

.colorSecondary4[data-v-9548656e] {
    color: #02142b
}

.colorSecondary5[data-v-9548656e] {
    color: #1a1e24
}

.colorSecondary6[data-v-9548656e] {
    color: #fafafa
}

.colorSecondary7[data-v-9548656e] {
    color: #333
}

.colorSecondary8[data-v-9548656e] {
    color: #0e0031
}

.colorSuccess[data-v-9548656e] {
    color: #31baa0
}

.colorWarning[data-v-9548656e] {
    color: #ffcf5c
}

.colorDanger[data-v-9548656e] {
    color: #f46273
}

.fillPrimary[data-v-9548656e] {
    fill: #2a74f9
}

.fillWarning[data-v-9548656e] {
    fill: #ffcf5c
}

.fillDanger[data-v-9548656e] {
    fill: #f46273
}

.fillSecondary1[data-v-9548656e] {
    fill: #414141
}

.fillSecondary2[data-v-9548656e] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-9548656e] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-9548656e] {
    fill: #02142b
}

.fillSecondary5[data-v-9548656e] {
    fill: #1a1e24
}

.fillSecondary6[data-v-9548656e] {
    fill: #fafafa
}

.fillSecondary7[data-v-9548656e] {
    fill: #333
}

.fillSecondary8[data-v-9548656e] {
    fill: #0e0031
}

.textnote-notidesc[data-v-9548656e] {
    color: #fff
}

.bgColor0[data-v-9548656e] {
    background-color: transparent
}

.bgPrimary-hover[data-v-9548656e]:hover, .bgPrimary[data-v-9548656e] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-9548656e]:hover, .bgPrimary1[data-v-9548656e] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-9548656e]:hover, .bgPrimary2[data-v-9548656e] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-9548656e]:hover, .bgSecondary[data-v-9548656e] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-9548656e]:hover, .bgSecondary1[data-v-9548656e] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-9548656e]:hover, .bgSecondary2[data-v-9548656e] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-9548656e]:hover, .bgSecondary3[data-v-9548656e] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-9548656e] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-9548656e] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-9548656e]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-9548656e]:hover, .bgSecondary5[data-v-9548656e] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-9548656e]:hover, .bgSecondary6[data-v-9548656e] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-9548656e]:hover, .bgSecondary7[data-v-9548656e] {
    background-color: #333 !important
}

.bgSecondary8[data-v-9548656e] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-9548656e]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-9548656e] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-9548656e]:hover, .bgSuccess[data-v-9548656e] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-9548656e] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-9548656e] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-9548656e]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-9548656e] {
    fill: #31baa0
}

.w-14-px[data-v-9548656e] {
    width: 14px
}

.max-width-50[data-v-9548656e] {
    max-width: 50%
}

.h-60-px[data-v-9548656e] {
    height: 60px
}

.h-100-px[data-v-9548656e] {
    height: 100px
}

.mb-16-px[data-v-9548656e] {
    margin-bottom: 16px
}

.mb-30-px[data-v-9548656e] {
    margin-bottom: 30px
}

.borderRounded[data-v-9548656e] {
    border-radius: 5px
}

.borderPrimary[data-v-9548656e] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-9548656e] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-9548656e] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-9548656e] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-9548656e] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-9548656e] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-9548656e] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-9548656e] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-9548656e] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-9548656e] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-9548656e] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-9548656e] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-9548656e] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-9548656e] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-9548656e]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-9548656e] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-9548656e] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-9548656e] {
    padding: 1px
}

.px-1-px[data-v-9548656e] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-9548656e] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-9548656e] {
    padding-left: 1px
}

.pr-1-px[data-v-9548656e] {
    padding-right: 1px
}

.pt-1-px[data-v-9548656e] {
    padding-top: 1px
}

.pb-1-px[data-v-9548656e] {
    padding-bottom: 1px
}

.p-2-px[data-v-9548656e] {
    padding: 2px
}

.px-2-px[data-v-9548656e] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-9548656e] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-9548656e] {
    padding-left: 2px
}

.pr-2-px[data-v-9548656e] {
    padding-right: 2px
}

.pt-2-px[data-v-9548656e] {
    padding-top: 2px
}

.pb-2-px[data-v-9548656e] {
    padding-bottom: 2px
}

.p-8-px[data-v-9548656e] {
    padding: 8px
}

.px-8-px[data-v-9548656e] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-9548656e] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-9548656e] {
    padding-left: 8px
}

.pr-8-px[data-v-9548656e] {
    padding-right: 8px
}

.pt-8-px[data-v-9548656e] {
    padding-top: 8px
}

.pb-8-px[data-v-9548656e] {
    padding-bottom: 8px
}

.p-10-px[data-v-9548656e] {
    padding: 10px
}

.px-10-px[data-v-9548656e] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-9548656e] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-9548656e] {
    padding-left: 10px
}

.pr-10-px[data-v-9548656e] {
    padding-right: 10px
}

.pt-10-px[data-v-9548656e] {
    padding-top: 10px
}

.pb-10-px[data-v-9548656e] {
    padding-bottom: 10px
}

.p-12-px[data-v-9548656e] {
    padding: 12px
}

.px-12-px[data-v-9548656e] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-9548656e] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-9548656e] {
    padding-left: 12px
}

.pr-12-px[data-v-9548656e] {
    padding-right: 12px
}

.pt-12-px[data-v-9548656e] {
    padding-top: 12px
}

.pb-12-px[data-v-9548656e] {
    padding-bottom: 12px
}

.p-16-px[data-v-9548656e] {
    padding: 16px
}

.px-16-px[data-v-9548656e] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-9548656e] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-9548656e] {
    padding-left: 16px
}

.pr-16-px[data-v-9548656e] {
    padding-right: 16px
}

.pt-16-px[data-v-9548656e] {
    padding-top: 16px
}

.pb-16-px[data-v-9548656e] {
    padding-bottom: 16px
}

.p-30-px[data-v-9548656e] {
    padding: 30px
}

.px-30-px[data-v-9548656e] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-9548656e] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-9548656e] {
    padding-left: 30px
}

.pr-30-px[data-v-9548656e] {
    padding-right: 30px
}

.pt-30-px[data-v-9548656e] {
    padding-top: 30px
}

.pb-30-px[data-v-9548656e] {
    padding-bottom: 30px
}

.font-30[data-v-9548656e] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-9548656e] {
    font-weight: 700
}

.wbo-title[data-v-9548656e] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-9548656e] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-9548656e] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-9548656e] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-9548656e]:focus {
        outline: 0
    }

    .button[data-v-9548656e]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-9548656e] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-9548656e]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-9548656e] {
    padding: 11px 2.5rem
}

.button.primary[data-v-9548656e], .button.primary[data-v-9548656e]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-9548656e], .text-primary[data-v-9548656e], a .primary-hover[data-v-9548656e]:hover {
    color: #000 !important
}

ul[data-v-9548656e] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-9548656e], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-9548656e] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-9548656e]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-9548656e]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-9548656e], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-9548656e], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-9548656e]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-9548656e], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-9548656e], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-9548656e]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-9548656e], .faqsContent .content .navigator ul li a.active[data-v-9548656e]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-9548656e]:hover {
    color: #000
}

.ps[data-v-9548656e] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-9548656e] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-9548656e], .ps__rail-y[data-v-9548656e] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-9548656e] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-9548656e], .ps--active-y > .ps__rail-y[data-v-9548656e] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-9548656e], .ps--focus > .ps__rail-y[data-v-9548656e], .ps--scrolling-x > .ps__rail-x[data-v-9548656e], .ps--scrolling-y > .ps__rail-y[data-v-9548656e], .ps:hover > .ps__rail-x[data-v-9548656e], .ps:hover > .ps__rail-y[data-v-9548656e] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-9548656e], .ps .ps__rail-x[data-v-9548656e]:focus, .ps .ps__rail-x[data-v-9548656e]:hover, .ps .ps__rail-y.ps--clicking[data-v-9548656e], .ps .ps__rail-y[data-v-9548656e]:focus, .ps .ps__rail-y[data-v-9548656e]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-9548656e] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-9548656e] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-9548656e], .ps__rail-x:focus > .ps__thumb-x[data-v-9548656e], .ps__rail-x:hover > .ps__thumb-x[data-v-9548656e] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-9548656e], .ps__rail-y:focus > .ps__thumb-y[data-v-9548656e], .ps__rail-y:hover > .ps__thumb-y[data-v-9548656e] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-9548656e] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-9548656e] {
        overflow: auto !important
    }
}

.md-field[data-v-9548656e] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-9548656e] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-9548656e] {
    color: #2a74f9
}

.md-field .md-error[data-v-9548656e] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-9548656e] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-9548656e], .md-field.md-has-value label[data-v-9548656e] {
    top: -10px
}

.form-control[data-v-9548656e], .md-field .md-input[data-v-9548656e], .md-field .md-textarea[data-v-9548656e], .winput[data-v-9548656e] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-9548656e] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-9548656e] {
    fill: #0d0d0d
}

.round[data-v-9548656e] {
    border-radius: 5px
}

.off[data-v-9548656e] {
    position: relative;
    cursor: default
}

.off > [data-v-9548656e] {
    opacity: .5
}

.off[data-v-9548656e]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-9548656e] {
    cursor: pointer
}

.close-page[data-v-9548656e] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-9548656e] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-9548656e], .slide-fade-leave-active[data-v-9548656e] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-9548656e], .slide-fade-leave-to[data-v-9548656e] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-9548656e {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-9548656e {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-9548656e] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-9548656e] {
    color: #ffcf5c
}

.button[data-v-9548656e] {
    font-weight: 700
}

.modal .modal-dialog[data-v-9548656e] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-9548656e] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-9548656e] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-9548656e], .modal .modal-dialog .modal-header[data-v-9548656e] {
    border: none
}

#chartCommisst .highcharts-title[data-v-9548656e] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-9548656e] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-9548656e] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-9548656e], .modal .modal-dialog form[data-v-9548656e] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-9548656e] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-9548656e], .FaqsDetail[data-v-9548656e] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-9548656e], .FaqsDetail[data-v-9548656e] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-9548656e], .FaqsDetail .headerMaster .boxHeader[data-v-9548656e] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-9548656e], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-9548656e] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-9548656e], .Faqs main[data-v-9548656e] {
    background-color: unset
}

.titleChartCandle[data-v-9548656e] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-9548656e] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-9548656e] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-9548656e] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-9548656e], .plotlineChart .time[data-v-9548656e] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-9548656e] {
    top: 51px
}

.boxHeader[data-v-9548656e] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-9548656e], .boxHeader .register[data-v-9548656e] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-9548656e] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-9548656e] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-9548656e] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-9548656e] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-9548656e]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-9548656e] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-9548656e]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-9548656e] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-9548656e]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-9548656e] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-9548656e] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-9548656e] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-9548656e] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-9548656e] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-9548656e] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-9548656e] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-9548656e] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-9548656e] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-9548656e] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-9548656e] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-9548656e] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-9548656e] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-9548656e] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-9548656e] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-9548656e] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-9548656e] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-9548656e] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-9548656e] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-9548656e] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-9548656e] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-9548656e] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-9548656e] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-9548656e] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-9548656e] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-9548656e] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-9548656e] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-9548656e] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-9548656e] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-9548656e] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-9548656e] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-9548656e] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-9548656e] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-9548656e] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-9548656e] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-9548656e] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-9548656e] {
        height: 56px !important
    }
}

input.form-control[data-v-9548656e], input[data-v-9548656e], select.form-control[data-v-9548656e], select[data-v-9548656e] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-9548656e] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-9548656e] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-9548656e] {
    line-height: 100%
}

.button.btn-long[data-v-9548656e] {
    padding: 10px 40px
}

.button.btn-radius[data-v-9548656e] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-9548656e] {
    border-radius: 20px
}

.button.btn-full[data-v-9548656e] {
    width: 100%
}

.button.btn-80[data-v-9548656e] {
    width: 80%
}

.button.hasIcon[data-v-9548656e] {
    padding-left: 50px
}

.button a[data-v-9548656e] {
    display: block
}

.button .labelIcon[data-v-9548656e] {
    position: absolute
}

.button .labelIcon svg[data-v-9548656e] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-9548656e] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-9548656e]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-9548656e] {
    outline: none
}

.keyboard-input-wrap[data-v-9548656e] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-9548656e] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-9548656e] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-9548656e] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-9548656e] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-9548656e] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-9548656e] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-9548656e] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-9548656e] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-9548656e] {
    font-size: 1.2em
}

.color-white[data-v-9548656e] {
    color: #fff
}

.color-white-50[data-v-9548656e] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-9548656e] {
    display: none
}

.ld-loading .loading[data-v-9548656e], .main-loading .loading[data-v-9548656e] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-9548656e] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-9548656e]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-9548656e]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-9548656e] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-9548656e] {
    -webkit-animation: rotate-data-v-9548656e 1s linear infinite;
    animation: rotate-data-v-9548656e 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-9548656e] {
    stroke: transparent
}

.wrapNotify[data-v-9548656e] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-9548656e] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-9548656e] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-9548656e] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-9548656e] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-9548656e] {
    display: block
}

.wrapNotify .close-notify[data-v-9548656e] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-9548656e] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-9548656e] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-9548656e] {
    background-color: transparent
}

.colorWhite[data-v-9548656e] {
    color: #fff
}

.colorRed[data-v-9548656e] {
    color: #f46273
}

.colorGreen[data-v-9548656e] {
    color: #31baa0
}

.colorGray[data-v-9548656e] {
    color: #7c7c7c
}

.tableBackground[data-v-9548656e] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-9548656e] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-9548656e], .tableBackground .table-dark th[data-v-9548656e] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-9548656e]:after, .tableBackground .table-dark th[data-v-9548656e]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-9548656e] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-9548656e], .tableBackground .table-dark th[data-v-9548656e] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-9548656e]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-9548656e]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-9548656e] {
    background-color: #060642
}

.tableBackground #paging li[data-v-9548656e] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-9548656e] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-9548656e] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-9548656e], .customeTradeHistory[data-v-9548656e] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-9548656e], .customeTradeHistory .reportrange-text[data-v-9548656e] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-9548656e], .customeTradeHistory .reportrange-text .seperate[data-v-9548656e] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-9548656e], .customeTradeHistory .reportrange-text span[data-v-9548656e] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-9548656e] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-9548656e] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-9548656e] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-9548656e]:after, .startDate .daterangepicker.openscenter[data-v-9548656e]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-9548656e] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-9548656e] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-9548656e] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-9548656e] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-9548656e] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-9548656e] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-9548656e] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-9548656e] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-9548656e] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-9548656e] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-9548656e] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-9548656e] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-9548656e] {
    text-align: center
}

.border-none[data-v-9548656e] {
    border: none
}

.text-domain[data-v-9548656e]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-9548656e] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-9548656e] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-9548656e] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-9548656e] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-9548656e] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-9548656e] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-9548656e] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-9548656e] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-9548656e] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-9548656e] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-9548656e] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-9548656e] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-9548656e] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-9548656e] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-9548656e] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-9548656e] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-9548656e] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-9548656e] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-9548656e] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-9548656e] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-9548656e] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-9548656e] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-9548656e] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-9548656e] {
    fill: #000
}

.btn-active-paging[data-v-9548656e] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-9548656e] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-9548656e] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-9548656e] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-9548656e], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-9548656e] {
    background: #8b8d96 !important
}

.transactionBox[data-v-9548656e] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-9548656e] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-9548656e] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-9548656e] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-9548656e] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-9548656e] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-9548656e] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-9548656e] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-9548656e] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-9548656e] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-9548656e] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-9548656e] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-9548656e] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-9548656e] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-9548656e] {
    color: #2a74f9 !important
}

.profitPrice[data-v-9548656e] {
    font-size: 26px;
    font-weight: 600
}

.keyboard[data-v-9548656e] {
    height: 460px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    font-size: 1.2em;
    line-height: .48rem;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    visibility: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    font-weight: 400
}

.keyboard.hidden[data-v-9548656e] {
    visibility: hidden;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}

.keyboard .del[data-v-9548656e] {
    width: 1.5em;
    height: 1.5em;
    display: inline-block
}

.amountWrapper[data-v-9548656e] {
    height: 160px;
    background-color: #02142b
}

.amountWrapper .headerAmount[data-v-9548656e] {
    padding: 1.25rem;
    background-color: #02142b;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

table[data-v-9548656e] {
    height: calc(100% - 160px);
    width: 100%;
    text-align: center;
    color: #fff;
}

table .suggestion td[data-v-9548656e] {
    width: 25%
}

.btnTransparent[data-v-9548656e] {
    position: relative;
    background-color: hsla(0,0%,100%,.15);
    height: 42px;
    line-height: 42px
}

.btnTransparent .iconAction[data-v-9548656e] {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.inputGroup[data-v-9548656e] {
    position: relative;
    max-width: 200px;
    padding: 0 5px;
    border-radius: 4px;
    border: 1px solid hsla(0,0%,100%,.15)
}

.inputGroup .btnClear[data-v-9548656e] {
    color: #fff;
    position: absolute;
    right: 6px;
    top: 50%;
    cursor: pointer;
    outline: unset;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.inputGroup input[data-v-9548656e] {
    font-size: 1rem;
    color: #fff;
    border-bottom: none
}

.inputGroup .icon[data-v-9548656e] {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.groupButtonMobile[data-v-9548656e] {
    margin: 1.25rem .5rem
}

@media screen and (max-width:768px) {
    .groupButtonMobile .inputGroup input[data-v-9548656e] {
        padding: 0
    }
}

.profit[data-v-9548656e] {
    font-size: 20px;
    margin-left: 5px;
    margin-right: 5px
}

@media (max-width:768px) {
    .inputGroup[data-v-9548656e] {
        padding: 0 5px
    }
}

@media (min-width:576px) and (max-width:768px) {
    table tbody .suggestion td[data-v-9548656e] {
        font-size: 20.16px
    }

    table tbody tr td[data-v-9548656e] {
        font-size: 17.8px
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    table tbody .suggestion td[data-v-9548656e] {
        font-size: 11.52px
    }

    table tbody tr td[data-v-9548656e] {
        font-size: 10.6px
    }

    .keyboard[data-v-9548656e] {
        height: calc(100% - 40px);
        width: 38%
    }

    .amountWrapper[data-v-9548656e] {
        height: auto;
        padding-bottom: 5px
    }

    .amountWrapper .headerAmount[data-v-9548656e] {
        border-radius: 0;
        padding: .75rem;
        text-align: center
    }

    .amountWrapper .groupButtonMobile[data-v-9548656e] {
        margin: .25rem
    }

    .amountWrapper .groupButtonMobile .btnTransparent[data-v-9548656e] {
        -ms-flex-preferred-size: 15%;
        flex-basis: 15%;
        height: 30px;
        line-height: 30px
    }

    .amountWrapper .inputGroup[data-v-9548656e] {
        max-width: 70%
    }

    .amountWrapper .inputGroup .inputAmount[data-v-9548656e] {
        height: 30px !important;
        min-height: 30px !important;
        line-height: 30px !important
    }

    .amountWrapper .inputGroup .inputAmount input[data-v-9548656e], .amountWrapper .inputGroup .inputAmount span[data-v-9548656e] {
        font-size: 10px
    }

    .amountWrapper .profit[data-v-9548656e] {
        line-height: normal;
        font-size: 15px
    }

    table[data-v-9548656e] {
        height: auto
    }
}

.primary1[data-v-9548656e] {
    background-color: #02142b
}

.notification-dropdown {
    position: relative
}

/*.notification-dropdown--active:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #02142b;
    position: absolute;
    top: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}*/

.notification-dropdown--active.mobile:after {
    display: none
}

.notification-dropdown--active.mobile .notification-dropdown-button-icon {
    background: #1d233b !important
}

.notification-dropdown-button {
    text-align: center;
    position: relative;
    cursor: pointer
}

    .notification-dropdown-button.mobile .notification-dropdown-button-text {
        display: none
    }

    .notification-dropdown-button.mobile .notification-dropdown-button-icon {
        width: 38px;
        height: 38px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 4px
    }

.notification-dropdown-button-icon {
    display: inline-block
}

    .notification-dropdown-button-icon.has-new-notification {
        -webkit-animation: ring 1.5s ease;
        animation: ring 1.5s ease
    }

@media screen and (max-width:768px) {
    .notification-dropdown-button-icon.has-new-notification {
        -webkit-animation: none;
        animation: none
    }

        .notification-dropdown-button-icon.has-new-notification svg {
            -webkit-animation: ring 1.5s ease;
            animation: ring 1.5s ease
        }
}

.notification-dropdown-button-text {
    font-weight: 400;
    color: #89809f;
    display: block
}

.notification-dropdown-button-number {
    position: absolute;
    top: -7px;
    left: calc(50% + 2px);
    display: inline-block;
    overflow: hidden;
    background: #e22a67;
    color: #fff;
    min-width: 18px;
    height: 18px;
    line-height: 14px;
    border-radius: 50%;
    font-weight: 700;
    font-size: 9px;
    border: 2px solid #0d0d0d;
    padding: 0 2px
}

.notification-dropdown-body {
    width: 400px;
    max-height: 450px;
    position: absolute;
    right: -10px;
    top: 55px;
    background: #1d233b;
    border-radius: 10px;
    overflow: hidden;
    border-bottom: 1px solid #0d0d0d
}

@media screen and (max-width:768px) {
    .notification-dropdown-body {
        border-bottom: none;
        border-radius: 0;
        background: #000;
        position: fixed;
        z-index: 2;
        width: 100%;
        max-width: 310px;
        height: 100vh;
        max-height: 100vh;
        top: 0;
        right: 0
    }
}

.notification-dropdown-header {
    background: #02142b;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 50px;
    padding: 13px 20px;
    border-bottom: 1px solid #0d0d0d
}

@media screen and (max-width:768px) {
    .notification-dropdown-header {
        background: #02142b;
        height: 55px;
        padding: 15px 20px 16px
    }
}

.notification-dropdown-close {
    position: absolute;
    top: 8px;
    right: 0;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    display: none
}

@media screen and (max-width:768px) {
    .notification-dropdown-close {
        display: inline-block
    }
}

.notification-dropdown-list {
    border-left: 1px solid #0d0d0d;
    border-right: 1px solid #0d0d0d
}

@media screen and (max-width:768px) {
    .notification-dropdown-list {
        border: none
    }

        .notification-dropdown-list .notification-list {
            padding-bottom: 110px
        }
}

.notification-dropdown-title {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    line-height: 24px;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:768px) {
    .notification-dropdown-title {
        font-size: 20px
    }
}

.notification-dropdown-readall {
    cursor: pointer
}

.notification-dropdown-view-all {
    font-size: 14px;
    color: #89809f;
    line-height: 24px;
    font-weight: 400;
    cursor: pointer
}

@media screen and (max-width:768px) {
    .notification-dropdown-view-all {
        display: none
    }
}

.notification-dropdown-mask {
    display: none
}

@media screen and (max-width:768px) {
    .notification-dropdown-mask {
        display: block;
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 1;
        width: 100%;
        height: 100vh;
        background: rgba(0,0,0,.77)
    }
}

body.notification-scroll {
    overflow: hidden !important
}

@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotate(35deg);
        transform: rotate(35deg)
    }

    12.5% {
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }

    25% {
        -webkit-transform: rotate(25deg);
        transform: rotate(25deg)
    }

    37.5% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg)
    }

    50% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    62.5% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    75% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes ring {
    0% {
        -webkit-transform: rotate(35deg);
        transform: rotate(35deg)
    }

    12.5% {
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }

    25% {
        -webkit-transform: rotate(25deg);
        transform: rotate(25deg)
    }

    37.5% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg)
    }

    50% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    62.5% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    75% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.notification-list {
    background: #011022
}

@media only screen and (max-width: 480px) {
    .notification-list_data {
        height: 100%;
    }
}

.notification-item {
    padding: 12px 30px 12px 60px !important;
    text-align: left;
    font-weight: 400;
    line-height: 1 !important;
    border-top: 1px solid #02142b;
    cursor: pointer;
    position: relative
}

    .notification-item:after {
        content: "";
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        left: 0;
        top: 0
    }

    .notification-item:first-child {
        border-top: none
    }

    .notification-item:hover {
        background: #02142b
    }

.notification-item--readed .notification-item-title, .notification-item--readed .notification-item-title.highlight {
    color: #414141
}

.notification-item--readed .notification-item-status, .notification-item--readed .notification-item-status.highlight {
    background: #7c7c7c
}

.notification-item-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #fff;
    margin-bottom: 5px
}

    .notification-item-title.highlight {
        color: #e48509
    }

.notification-item-text {
    font-size: 12px;
    color: #89809f;
    line-height: 16px;
    margin-bottom: 8px
}

.notification-item div .notification-item-time {
    display: none
}

.notification-item-time {
    border-radius: 3px;
    display: inline-block;
    background: #1d233b;
    height: 24px;
    padding: 0 8px;
    font-size: 12px;
    line-height: 24px;
    color: hsla(0,0%,100%,.44)
}

.notification-item-icon {
    background: #1d233b;
    width: 32px;
    height: 32px;
    border-radius: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 15px;
    left: 15px
}

    .notification-item-icon svg {
        width: 60%;
        height: auto
    }

.notification-item-status {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #2a74f9;
    position: absolute;
    top: 18px;
    right: 18px
}

    .notification-item-status.highlight {
        background: #e48509
    }

.notification-nodata {
    line-height: 1;
    text-align: center;
    padding: 50px 15px
}

.notification-nodata-note {
    color: #89809f;
    font-size: 14px;
    font-weight: 700
}

.notification-loading {
    height: 50px
}

.notification .textnote-notidesc.highlight {
    color: #e48509
}

.notification-page .scroll-area {
    max-height: 950px
}

@media screen and (max-width:768px) {
    .notification-page .scroll-area {
        height: calc(100vh - 137px);
        max-height: calc(100vh - 137px);
        position: fixed;
        top: 137px;
        width: 100%
    }
}

.notification-dropdown .scroll-area {
    max-height: 400px
}

@media screen and (max-width:768px) {
    .notification-dropdown .scroll-area {
        max-height: calc(100vh - 55px)
    }
}

.notification .ps--scrolling-y > .ps__rail-y {
    opacity: 1
}

.notification .ps__thumb-y {
    background: #1d233b;
    border-radius: 5px;
    width: 5px
}

.notification .ps__rail-y.ps--clicking .ps__thumb-y, .notification .ps__rail-y:focus > .ps__thumb-y, .notification .ps__rail-y:hover > .ps__thumb-y {
    background: #7c7c7c
}

.notification .ps .ps__rail-y.ps--clicking, .notification .ps .ps__rail-y:focus, .notification .ps .ps__rail-y:hover {
    opacity: 1;
    background: #1d233b
}

body[data-v-ec19f30c] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-ec19f30c]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-ec19f30c]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-ec19f30c]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-ec19f30c] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-ec19f30c]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-ec19f30c]::-webkit-inner-spin-button, input[data-v-ec19f30c]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-ec19f30c] {
    -moz-appearance: textfield
}

button[data-v-ec19f30c]:focus, input[data-v-ec19f30c]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-ec19f30c] {
    font-size: 8px
}

.font-10[data-v-ec19f30c] {
    font-size: .6rem !important
}

.font-12[data-v-ec19f30c] {
    font-size: 12px
}

.font-14[data-v-ec19f30c] {
    font-size: 14px
}

.font-16[data-v-ec19f30c] {
    font-size: 16px
}

.font-18[data-v-ec19f30c] {
    font-size: 18px
}

.font-20[data-v-ec19f30c] {
    font-size: 20px
}

.font-24[data-v-ec19f30c] {
    font-size: 24px
}

.font-32[data-v-ec19f30c] {
    font-size: 32px
}

.font-34[data-v-ec19f30c] {
    font-size: 34px
}

.font-40[data-v-ec19f30c] {
    font-size: 2.5rem !important
}

.font-44[data-v-ec19f30c] {
    font-size: 44px
}

.colorPrimary[data-v-ec19f30c] {
    color: #2a74f9
}

.colorPrimary1[data-v-ec19f30c] {
    color: #000 !important
}

.colorSecondary[data-v-ec19f30c] {
    color: #fff !important
}

.colorSecondary1[data-v-ec19f30c] {
    color: #414141 !important
}

.colorSecondary2[data-v-ec19f30c] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-ec19f30c] {
    color: #0d0d0d
}

.colorSecondary4[data-v-ec19f30c] {
    color: #02142b
}

.colorSecondary5[data-v-ec19f30c] {
    color: #1a1e24
}

.colorSecondary6[data-v-ec19f30c] {
    color: #fafafa
}

.colorSecondary7[data-v-ec19f30c] {
    color: #333
}

.colorSecondary8[data-v-ec19f30c] {
    color: #0e0031
}

.colorSuccess[data-v-ec19f30c] {
    color: #31baa0
}

.colorWarning[data-v-ec19f30c] {
    color: #ffcf5c
}

.colorDanger[data-v-ec19f30c] {
    color: #f46273
}

.fillPrimary[data-v-ec19f30c] {
    fill: #2a74f9
}

.fillWarning[data-v-ec19f30c] {
    fill: #ffcf5c
}

.fillDanger[data-v-ec19f30c] {
    fill: #f46273
}

.fillSecondary1[data-v-ec19f30c] {
    fill: #414141
}

.fillSecondary2[data-v-ec19f30c] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-ec19f30c] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-ec19f30c] {
    fill: #02142b
}

.fillSecondary5[data-v-ec19f30c] {
    fill: #1a1e24
}

.fillSecondary6[data-v-ec19f30c] {
    fill: #fafafa
}

.fillSecondary7[data-v-ec19f30c] {
    fill: #333
}

.fillSecondary8[data-v-ec19f30c] {
    fill: #0e0031
}

.textnote-notidesc[data-v-ec19f30c] {
    color: #fff
}

.bgColor0[data-v-ec19f30c] {
    background-color: transparent
}

.bgPrimary-hover[data-v-ec19f30c]:hover, .bgPrimary[data-v-ec19f30c] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-ec19f30c]:hover, .bgPrimary1[data-v-ec19f30c] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-ec19f30c]:hover, .bgPrimary2[data-v-ec19f30c] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-ec19f30c]:hover, .bgSecondary[data-v-ec19f30c] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-ec19f30c]:hover, .bgSecondary1[data-v-ec19f30c] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-ec19f30c]:hover, .bgSecondary2[data-v-ec19f30c] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-ec19f30c]:hover, .bgSecondary3[data-v-ec19f30c] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-ec19f30c] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-ec19f30c] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-ec19f30c]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-ec19f30c]:hover, .bgSecondary5[data-v-ec19f30c] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-ec19f30c]:hover, .bgSecondary6[data-v-ec19f30c] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-ec19f30c]:hover, .bgSecondary7[data-v-ec19f30c] {
    background-color: #333 !important
}

.bgSecondary8[data-v-ec19f30c] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-ec19f30c]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-ec19f30c] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-ec19f30c]:hover, .bgSuccess[data-v-ec19f30c] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-ec19f30c] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-ec19f30c] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-ec19f30c]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-ec19f30c] {
    fill: #31baa0
}

.w-14-px[data-v-ec19f30c] {
    width: 14px
}

.max-width-50[data-v-ec19f30c] {
    max-width: 50%
}

.h-60-px[data-v-ec19f30c] {
    height: 60px
}

.h-100-px[data-v-ec19f30c] {
    height: 100px
}

.mb-16-px[data-v-ec19f30c] {
    margin-bottom: 16px
}

.mb-30-px[data-v-ec19f30c] {
    margin-bottom: 30px
}

.borderRounded[data-v-ec19f30c] {
    border-radius: 5px
}

.borderPrimary[data-v-ec19f30c] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-ec19f30c] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-ec19f30c] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-ec19f30c] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-ec19f30c] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-ec19f30c] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-ec19f30c] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-ec19f30c] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-ec19f30c] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-ec19f30c] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-ec19f30c] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-ec19f30c] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-ec19f30c] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-ec19f30c] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-ec19f30c]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-ec19f30c] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-ec19f30c] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-ec19f30c] {
    padding: 1px
}

.px-1-px[data-v-ec19f30c] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-ec19f30c] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-ec19f30c] {
    padding-left: 1px
}

.pr-1-px[data-v-ec19f30c] {
    padding-right: 1px
}

.pt-1-px[data-v-ec19f30c] {
    padding-top: 1px
}

.pb-1-px[data-v-ec19f30c] {
    padding-bottom: 1px
}

.p-2-px[data-v-ec19f30c] {
    padding: 2px
}

.px-2-px[data-v-ec19f30c] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-ec19f30c] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-ec19f30c] {
    padding-left: 2px
}

.pr-2-px[data-v-ec19f30c] {
    padding-right: 2px
}

.pt-2-px[data-v-ec19f30c] {
    padding-top: 2px
}

.pb-2-px[data-v-ec19f30c] {
    padding-bottom: 2px
}

.p-8-px[data-v-ec19f30c] {
    padding: 8px
}

.px-8-px[data-v-ec19f30c] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-ec19f30c] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-ec19f30c] {
    padding-left: 8px
}

.pr-8-px[data-v-ec19f30c] {
    padding-right: 8px
}

.pt-8-px[data-v-ec19f30c] {
    padding-top: 8px
}

.pb-8-px[data-v-ec19f30c] {
    padding-bottom: 8px
}

.p-10-px[data-v-ec19f30c] {
    padding: 10px
}

.px-10-px[data-v-ec19f30c] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-ec19f30c] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-ec19f30c] {
    padding-left: 10px
}

.pr-10-px[data-v-ec19f30c] {
    padding-right: 10px
}

.pt-10-px[data-v-ec19f30c] {
    padding-top: 10px
}

.pb-10-px[data-v-ec19f30c] {
    padding-bottom: 10px
}

.p-12-px[data-v-ec19f30c] {
    padding: 12px
}

.px-12-px[data-v-ec19f30c] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-ec19f30c] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-ec19f30c] {
    padding-left: 12px
}

.pr-12-px[data-v-ec19f30c] {
    padding-right: 12px
}

.pt-12-px[data-v-ec19f30c] {
    padding-top: 12px
}

.pb-12-px[data-v-ec19f30c] {
    padding-bottom: 12px
}

.p-16-px[data-v-ec19f30c] {
    padding: 16px
}

.px-16-px[data-v-ec19f30c] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-ec19f30c] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-ec19f30c] {
    padding-left: 16px
}

.pr-16-px[data-v-ec19f30c] {
    padding-right: 16px
}

.pt-16-px[data-v-ec19f30c] {
    padding-top: 16px
}

.pb-16-px[data-v-ec19f30c] {
    padding-bottom: 16px
}

.p-30-px[data-v-ec19f30c] {
    padding: 30px
}

.px-30-px[data-v-ec19f30c] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-ec19f30c] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-ec19f30c] {
    padding-left: 30px
}

.pr-30-px[data-v-ec19f30c] {
    padding-right: 30px
}

.pt-30-px[data-v-ec19f30c] {
    padding-top: 30px
}

.pb-30-px[data-v-ec19f30c] {
    padding-bottom: 30px
}

.font-30[data-v-ec19f30c] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-ec19f30c] {
    font-weight: 700
}

.wbo-title[data-v-ec19f30c] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-ec19f30c] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-ec19f30c] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-ec19f30c] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-ec19f30c]:focus {
        outline: 0
    }

    .button[data-v-ec19f30c]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-ec19f30c] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-ec19f30c]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-ec19f30c] {
    padding: 11px 2.5rem
}

.button.primary[data-v-ec19f30c], .button.primary[data-v-ec19f30c]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-ec19f30c], .text-primary[data-v-ec19f30c], a .primary-hover[data-v-ec19f30c]:hover {
    color: #000 !important
}

ul[data-v-ec19f30c] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-ec19f30c], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-ec19f30c] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-ec19f30c]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-ec19f30c]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-ec19f30c], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-ec19f30c], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-ec19f30c]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-ec19f30c], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-ec19f30c], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-ec19f30c]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-ec19f30c], .faqsContent .content .navigator ul li a.active[data-v-ec19f30c]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-ec19f30c]:hover {
    color: #000
}

.ps[data-v-ec19f30c] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-ec19f30c] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-ec19f30c], .ps__rail-y[data-v-ec19f30c] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-ec19f30c] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-ec19f30c], .ps--active-y > .ps__rail-y[data-v-ec19f30c] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-ec19f30c], .ps--focus > .ps__rail-y[data-v-ec19f30c], .ps--scrolling-x > .ps__rail-x[data-v-ec19f30c], .ps--scrolling-y > .ps__rail-y[data-v-ec19f30c], .ps:hover > .ps__rail-x[data-v-ec19f30c], .ps:hover > .ps__rail-y[data-v-ec19f30c] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-ec19f30c], .ps .ps__rail-x[data-v-ec19f30c]:focus, .ps .ps__rail-x[data-v-ec19f30c]:hover, .ps .ps__rail-y.ps--clicking[data-v-ec19f30c], .ps .ps__rail-y[data-v-ec19f30c]:focus, .ps .ps__rail-y[data-v-ec19f30c]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-ec19f30c] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-ec19f30c] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-ec19f30c], .ps__rail-x:focus > .ps__thumb-x[data-v-ec19f30c], .ps__rail-x:hover > .ps__thumb-x[data-v-ec19f30c] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-ec19f30c], .ps__rail-y:focus > .ps__thumb-y[data-v-ec19f30c], .ps__rail-y:hover > .ps__thumb-y[data-v-ec19f30c] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-ec19f30c] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-ec19f30c] {
        overflow: auto !important
    }
}

.md-field[data-v-ec19f30c] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-ec19f30c] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-ec19f30c] {
    color: #2a74f9
}

.md-field .md-error[data-v-ec19f30c] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-ec19f30c] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-ec19f30c], .md-field.md-has-value label[data-v-ec19f30c] {
    top: -10px
}

.form-control[data-v-ec19f30c], .md-field .md-input[data-v-ec19f30c], .md-field .md-textarea[data-v-ec19f30c], .winput[data-v-ec19f30c] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-ec19f30c] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-ec19f30c] {
    fill: #0d0d0d
}

.round[data-v-ec19f30c] {
    border-radius: 5px
}

.off[data-v-ec19f30c] {
    position: relative;
    cursor: default
}

.off > [data-v-ec19f30c] {
    opacity: .5
}

.off[data-v-ec19f30c]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-ec19f30c] {
    cursor: pointer
}

.close-page[data-v-ec19f30c] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-ec19f30c] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-ec19f30c], .slide-fade-leave-active[data-v-ec19f30c] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-ec19f30c], .slide-fade-leave-to[data-v-ec19f30c] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-ec19f30c {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-ec19f30c {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-ec19f30c] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-ec19f30c] {
    color: #ffcf5c
}

.button[data-v-ec19f30c] {
    font-weight: 700
}

.modal .modal-dialog[data-v-ec19f30c] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-ec19f30c] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-ec19f30c] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-ec19f30c], .modal .modal-dialog .modal-header[data-v-ec19f30c] {
    border: none
}

#chartCommisst .highcharts-title[data-v-ec19f30c] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-ec19f30c] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-ec19f30c] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-ec19f30c], .modal .modal-dialog form[data-v-ec19f30c] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-ec19f30c] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-ec19f30c], .FaqsDetail[data-v-ec19f30c] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-ec19f30c], .FaqsDetail[data-v-ec19f30c] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-ec19f30c], .FaqsDetail .headerMaster .boxHeader[data-v-ec19f30c] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-ec19f30c], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-ec19f30c] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-ec19f30c], .Faqs main[data-v-ec19f30c] {
    background-color: unset
}

.titleChartCandle[data-v-ec19f30c] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-ec19f30c] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-ec19f30c] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-ec19f30c] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-ec19f30c], .plotlineChart .time[data-v-ec19f30c] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-ec19f30c] {
    top: 51px
}

.boxHeader[data-v-ec19f30c] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-ec19f30c], .boxHeader .register[data-v-ec19f30c] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-ec19f30c] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-ec19f30c] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-ec19f30c] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-ec19f30c] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-ec19f30c]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-ec19f30c] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-ec19f30c]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-ec19f30c] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-ec19f30c]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-ec19f30c] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-ec19f30c] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-ec19f30c] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-ec19f30c] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-ec19f30c] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-ec19f30c] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-ec19f30c] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-ec19f30c] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-ec19f30c] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-ec19f30c] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-ec19f30c] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-ec19f30c] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-ec19f30c] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-ec19f30c] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-ec19f30c] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-ec19f30c] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-ec19f30c] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-ec19f30c] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-ec19f30c] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-ec19f30c] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-ec19f30c] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-ec19f30c] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-ec19f30c] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-ec19f30c] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-ec19f30c] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-ec19f30c] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-ec19f30c] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-ec19f30c] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-ec19f30c] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-ec19f30c] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-ec19f30c] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-ec19f30c] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-ec19f30c] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-ec19f30c] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-ec19f30c] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-ec19f30c] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-ec19f30c] {
        height: 56px !important
    }
}

input.form-control[data-v-ec19f30c], input[data-v-ec19f30c], select.form-control[data-v-ec19f30c], select[data-v-ec19f30c] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-ec19f30c] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-ec19f30c] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-ec19f30c] {
    line-height: 100%
}

.button.btn-long[data-v-ec19f30c] {
    padding: 10px 40px
}

.button.btn-radius[data-v-ec19f30c] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-ec19f30c] {
    border-radius: 20px
}

.button.btn-full[data-v-ec19f30c] {
    width: 100%
}

.button.btn-80[data-v-ec19f30c] {
    width: 80%
}

.button.hasIcon[data-v-ec19f30c] {
    padding-left: 50px
}

.button a[data-v-ec19f30c] {
    display: block
}

.button .labelIcon[data-v-ec19f30c] {
    position: absolute
}

.button .labelIcon svg[data-v-ec19f30c] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-ec19f30c] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-ec19f30c]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-ec19f30c] {
    outline: none
}

.keyboard-input-wrap[data-v-ec19f30c] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-ec19f30c] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-ec19f30c] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-ec19f30c] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-ec19f30c] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-ec19f30c] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-ec19f30c] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-ec19f30c] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-ec19f30c] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-ec19f30c] {
    font-size: 1.2em
}

.color-white[data-v-ec19f30c] {
    color: #fff
}

.color-white-50[data-v-ec19f30c] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-ec19f30c] {
    display: none
}

.ld-loading .loading[data-v-ec19f30c], .main-loading .loading[data-v-ec19f30c] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-ec19f30c] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-ec19f30c]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-ec19f30c]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-ec19f30c] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-ec19f30c] {
    -webkit-animation: rotate-data-v-ec19f30c 1s linear infinite;
    animation: rotate-data-v-ec19f30c 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-ec19f30c] {
    stroke: transparent
}

.wrapNotify[data-v-ec19f30c] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-ec19f30c] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-ec19f30c] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-ec19f30c] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-ec19f30c] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-ec19f30c] {
    display: block
}

.wrapNotify .close-notify[data-v-ec19f30c] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-ec19f30c] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-ec19f30c] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-ec19f30c] {
    background-color: transparent
}

.colorWhite[data-v-ec19f30c] {
    color: #fff
}

.colorRed[data-v-ec19f30c] {
    color: #f46273
}

.colorGreen[data-v-ec19f30c] {
    color: #31baa0
}

.colorGray[data-v-ec19f30c] {
    color: #7c7c7c
}

.tableBackground[data-v-ec19f30c] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-ec19f30c] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-ec19f30c], .tableBackground .table-dark th[data-v-ec19f30c] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-ec19f30c]:after, .tableBackground .table-dark th[data-v-ec19f30c]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-ec19f30c] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-ec19f30c], .tableBackground .table-dark th[data-v-ec19f30c] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-ec19f30c]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-ec19f30c]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-ec19f30c] {
    background-color: #060642
}

.tableBackground #paging li[data-v-ec19f30c] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-ec19f30c] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-ec19f30c] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-ec19f30c], .customeTradeHistory[data-v-ec19f30c] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-ec19f30c], .customeTradeHistory .reportrange-text[data-v-ec19f30c] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-ec19f30c], .customeTradeHistory .reportrange-text .seperate[data-v-ec19f30c] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-ec19f30c], .customeTradeHistory .reportrange-text span[data-v-ec19f30c] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-ec19f30c] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-ec19f30c] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-ec19f30c] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-ec19f30c]:after, .startDate .daterangepicker.openscenter[data-v-ec19f30c]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-ec19f30c] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-ec19f30c] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-ec19f30c] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-ec19f30c] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-ec19f30c] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-ec19f30c] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-ec19f30c] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-ec19f30c] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-ec19f30c] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-ec19f30c] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-ec19f30c] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-ec19f30c] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-ec19f30c] {
    text-align: center
}

.border-none[data-v-ec19f30c] {
    border: none
}

.text-domain[data-v-ec19f30c]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-ec19f30c] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-ec19f30c] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-ec19f30c] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-ec19f30c] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-ec19f30c] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-ec19f30c] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-ec19f30c] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-ec19f30c] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-ec19f30c] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-ec19f30c] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-ec19f30c] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-ec19f30c] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-ec19f30c] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-ec19f30c] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-ec19f30c] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-ec19f30c] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-ec19f30c] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-ec19f30c] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-ec19f30c] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-ec19f30c] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-ec19f30c] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-ec19f30c] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-ec19f30c] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-ec19f30c] {
    fill: #000
}

.btn-active-paging[data-v-ec19f30c] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-ec19f30c] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-ec19f30c] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-ec19f30c] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-ec19f30c], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-ec19f30c] {
    background: #8b8d96 !important
}

.transactionBox[data-v-ec19f30c] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-ec19f30c] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-ec19f30c] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-ec19f30c] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-ec19f30c] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-ec19f30c] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-ec19f30c] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-ec19f30c] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-ec19f30c] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-ec19f30c] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-ec19f30c] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-ec19f30c] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-ec19f30c] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-ec19f30c] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-ec19f30c] {
    color: #2a74f9 !important
}

.keyboard-input-wrap.active .numKeyboardInput[data-v-ec19f30c] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background-color: rgba(0,0,0,.5)
}

body[data-v-6169587e] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-6169587e]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-6169587e]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-6169587e]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-6169587e] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-6169587e]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-6169587e]::-webkit-inner-spin-button, input[data-v-6169587e]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-6169587e] {
    -moz-appearance: textfield
}

button[data-v-6169587e]:focus, input[data-v-6169587e]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-6169587e] {
    font-size: 8px
}

.font-10[data-v-6169587e] {
    font-size: .6rem !important
}

.font-12[data-v-6169587e] {
    font-size: 12px
}

.font-14[data-v-6169587e] {
    font-size: 14px
}

.font-16[data-v-6169587e] {
    font-size: 16px
}

.font-18[data-v-6169587e] {
    font-size: 18px
}

.font-20[data-v-6169587e] {
    font-size: 20px
}

.font-24[data-v-6169587e] {
    font-size: 24px
}

.font-32[data-v-6169587e] {
    font-size: 32px
}

.font-34[data-v-6169587e] {
    font-size: 34px
}

.font-40[data-v-6169587e] {
    font-size: 2.5rem !important
}

.font-44[data-v-6169587e] {
    font-size: 44px
}

.colorPrimary[data-v-6169587e] {
    color: #2a74f9
}

.colorPrimary1[data-v-6169587e] {
    color: #000 !important
}

.colorSecondary[data-v-6169587e] {
    color: #fff !important
}

.colorSecondary1[data-v-6169587e] {
    color: #414141 !important
}

.colorSecondary2[data-v-6169587e] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-6169587e] {
    color: #0d0d0d
}

.colorSecondary4[data-v-6169587e] {
    color: #02142b
}

.colorSecondary5[data-v-6169587e] {
    color: #1a1e24
}

.colorSecondary6[data-v-6169587e] {
    color: #fafafa
}

.colorSecondary7[data-v-6169587e] {
    color: #333
}

.colorSecondary8[data-v-6169587e] {
    color: #0e0031
}

.colorSuccess[data-v-6169587e] {
    color: #31baa0
}

.colorWarning[data-v-6169587e] {
    color: #ffcf5c
}

.colorDanger[data-v-6169587e] {
    color: #f46273
}

.fillPrimary[data-v-6169587e] {
    fill: #2a74f9
}

.fillWarning[data-v-6169587e] {
    fill: #ffcf5c
}

.fillDanger[data-v-6169587e] {
    fill: #f46273
}

.fillSecondary1[data-v-6169587e] {
    fill: #414141
}

.fillSecondary2[data-v-6169587e] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-6169587e] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-6169587e] {
    fill: #02142b
}

.fillSecondary5[data-v-6169587e] {
    fill: #1a1e24
}

.fillSecondary6[data-v-6169587e] {
    fill: #fafafa
}

.fillSecondary7[data-v-6169587e] {
    fill: #333
}

.fillSecondary8[data-v-6169587e] {
    fill: #0e0031
}

.textnote-notidesc[data-v-6169587e] {
    color: #fff
}

.bgColor0[data-v-6169587e] {
    background-color: transparent
}

.bgPrimary-hover[data-v-6169587e]:hover, .bgPrimary[data-v-6169587e] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-6169587e]:hover, .bgPrimary1[data-v-6169587e] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-6169587e]:hover, .bgPrimary2[data-v-6169587e] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-6169587e]:hover, .bgSecondary[data-v-6169587e] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-6169587e]:hover, .bgSecondary1[data-v-6169587e] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-6169587e]:hover, .bgSecondary2[data-v-6169587e] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-6169587e]:hover, .bgSecondary3[data-v-6169587e] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-6169587e] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-6169587e] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-6169587e]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-6169587e]:hover, .bgSecondary5[data-v-6169587e] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-6169587e]:hover, .bgSecondary6[data-v-6169587e] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-6169587e]:hover, .bgSecondary7[data-v-6169587e] {
    background-color: #333 !important
}

.bgSecondary8[data-v-6169587e] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-6169587e]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-6169587e] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-6169587e]:hover, .bgSuccess[data-v-6169587e] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-6169587e] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-6169587e] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-6169587e]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-6169587e] {
    fill: #31baa0
}

.w-14-px[data-v-6169587e] {
    width: 14px
}

.max-width-50[data-v-6169587e] {
    max-width: 50%
}

.h-60-px[data-v-6169587e] {
    height: 60px
}

.h-100-px[data-v-6169587e] {
    height: 100px
}

.mb-16-px[data-v-6169587e] {
    margin-bottom: 16px
}

.mb-30-px[data-v-6169587e] {
    margin-bottom: 30px
}

.borderRounded[data-v-6169587e] {
    border-radius: 5px
}

.borderPrimary[data-v-6169587e] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-6169587e] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-6169587e] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-6169587e] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-6169587e] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-6169587e] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-6169587e] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-6169587e] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-6169587e] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-6169587e] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-6169587e] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-6169587e] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-6169587e] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-6169587e] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-6169587e]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-6169587e] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-6169587e] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-6169587e] {
    padding: 1px
}

.px-1-px[data-v-6169587e] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-6169587e] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-6169587e] {
    padding-left: 1px
}

.pr-1-px[data-v-6169587e] {
    padding-right: 1px
}

.pt-1-px[data-v-6169587e] {
    padding-top: 1px
}

.pb-1-px[data-v-6169587e] {
    padding-bottom: 1px
}

.p-2-px[data-v-6169587e] {
    padding: 2px
}

.px-2-px[data-v-6169587e] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-6169587e] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-6169587e] {
    padding-left: 2px
}

.pr-2-px[data-v-6169587e] {
    padding-right: 2px
}

.pt-2-px[data-v-6169587e] {
    padding-top: 2px
}

.pb-2-px[data-v-6169587e] {
    padding-bottom: 2px
}

.p-8-px[data-v-6169587e] {
    padding: 8px
}

.px-8-px[data-v-6169587e] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-6169587e] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-6169587e] {
    padding-left: 8px
}

.pr-8-px[data-v-6169587e] {
    padding-right: 8px
}

.pt-8-px[data-v-6169587e] {
    padding-top: 8px
}

.pb-8-px[data-v-6169587e] {
    padding-bottom: 8px
}

.p-10-px[data-v-6169587e] {
    padding: 10px
}

.px-10-px[data-v-6169587e] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-6169587e] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-6169587e] {
    padding-left: 10px
}

.pr-10-px[data-v-6169587e] {
    padding-right: 10px
}

.pt-10-px[data-v-6169587e] {
    padding-top: 10px
}

.pb-10-px[data-v-6169587e] {
    padding-bottom: 10px
}

.p-12-px[data-v-6169587e] {
    padding: 12px
}

.px-12-px[data-v-6169587e] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-6169587e] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-6169587e] {
    padding-left: 12px
}

.pr-12-px[data-v-6169587e] {
    padding-right: 12px
}

.pt-12-px[data-v-6169587e] {
    padding-top: 12px
}

.pb-12-px[data-v-6169587e] {
    padding-bottom: 12px
}

.p-16-px[data-v-6169587e] {
    padding: 16px
}

.px-16-px[data-v-6169587e] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-6169587e] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-6169587e] {
    padding-left: 16px
}

.pr-16-px[data-v-6169587e] {
    padding-right: 16px
}

.pt-16-px[data-v-6169587e] {
    padding-top: 16px
}

.pb-16-px[data-v-6169587e] {
    padding-bottom: 16px
}

.p-30-px[data-v-6169587e] {
    padding: 30px
}

.px-30-px[data-v-6169587e] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-6169587e] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-6169587e] {
    padding-left: 30px
}

.pr-30-px[data-v-6169587e] {
    padding-right: 30px
}

.pt-30-px[data-v-6169587e] {
    padding-top: 30px
}

.pb-30-px[data-v-6169587e] {
    padding-bottom: 30px
}

.font-30[data-v-6169587e] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-6169587e] {
    font-weight: 700
}

.wbo-title[data-v-6169587e] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-6169587e] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-6169587e] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-6169587e] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-6169587e]:focus {
        outline: 0
    }

    .button[data-v-6169587e]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-6169587e] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-6169587e]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-6169587e] {
    padding: 11px 2.5rem
}

.button.primary[data-v-6169587e], .button.primary[data-v-6169587e]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-6169587e], .text-primary[data-v-6169587e], a .primary-hover[data-v-6169587e]:hover {
    color: #000 !important
}

ul[data-v-6169587e] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-6169587e], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-6169587e] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-6169587e]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-6169587e]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-6169587e], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-6169587e], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-6169587e]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-6169587e], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-6169587e], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-6169587e]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-6169587e], .faqsContent .content .navigator ul li a.active[data-v-6169587e]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-6169587e]:hover {
    color: #000
}

.ps[data-v-6169587e] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-6169587e] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-6169587e], .ps__rail-y[data-v-6169587e] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-6169587e] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-6169587e], .ps--active-y > .ps__rail-y[data-v-6169587e] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-6169587e], .ps--focus > .ps__rail-y[data-v-6169587e], .ps--scrolling-x > .ps__rail-x[data-v-6169587e], .ps--scrolling-y > .ps__rail-y[data-v-6169587e], .ps:hover > .ps__rail-x[data-v-6169587e], .ps:hover > .ps__rail-y[data-v-6169587e] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-6169587e], .ps .ps__rail-x[data-v-6169587e]:focus, .ps .ps__rail-x[data-v-6169587e]:hover, .ps .ps__rail-y.ps--clicking[data-v-6169587e], .ps .ps__rail-y[data-v-6169587e]:focus, .ps .ps__rail-y[data-v-6169587e]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-6169587e] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-6169587e] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-6169587e], .ps__rail-x:focus > .ps__thumb-x[data-v-6169587e], .ps__rail-x:hover > .ps__thumb-x[data-v-6169587e] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-6169587e], .ps__rail-y:focus > .ps__thumb-y[data-v-6169587e], .ps__rail-y:hover > .ps__thumb-y[data-v-6169587e] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-6169587e] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-6169587e] {
        overflow: auto !important
    }
}

.md-field[data-v-6169587e] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-6169587e] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-6169587e] {
    color: #2a74f9
}

.md-field .md-error[data-v-6169587e] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-6169587e] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-6169587e], .md-field.md-has-value label[data-v-6169587e] {
    top: -10px
}

.form-control[data-v-6169587e], .md-field .md-input[data-v-6169587e], .md-field .md-textarea[data-v-6169587e], .winput[data-v-6169587e] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-6169587e] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-6169587e] {
    fill: #0d0d0d
}

.round[data-v-6169587e] {
    border-radius: 5px
}

.off[data-v-6169587e] {
    position: relative;
    cursor: default
}

.off > [data-v-6169587e] {
    opacity: .5
}

.off[data-v-6169587e]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-6169587e] {
    cursor: pointer
}

.close-page[data-v-6169587e] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-6169587e] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-6169587e], .slide-fade-leave-active[data-v-6169587e] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-6169587e], .slide-fade-leave-to[data-v-6169587e] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-6169587e {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-6169587e {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-6169587e] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-6169587e] {
    color: #ffcf5c
}

.button[data-v-6169587e] {
    font-weight: 700
}

.modal .modal-dialog[data-v-6169587e] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-6169587e] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-6169587e] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-6169587e], .modal .modal-dialog .modal-header[data-v-6169587e] {
    border: none
}

#chartCommisst .highcharts-title[data-v-6169587e] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-6169587e] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-6169587e] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-6169587e], .modal .modal-dialog form[data-v-6169587e] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-6169587e] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-6169587e], .FaqsDetail[data-v-6169587e] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-6169587e], .FaqsDetail[data-v-6169587e] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-6169587e], .FaqsDetail .headerMaster .boxHeader[data-v-6169587e] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-6169587e], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-6169587e] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-6169587e], .Faqs main[data-v-6169587e] {
    background-color: unset
}

.titleChartCandle[data-v-6169587e] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-6169587e] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-6169587e] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-6169587e] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-6169587e], .plotlineChart .time[data-v-6169587e] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-6169587e] {
    top: 51px
}

.boxHeader[data-v-6169587e] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-6169587e], .boxHeader .register[data-v-6169587e] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-6169587e] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-6169587e] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-6169587e] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-6169587e] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-6169587e]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-6169587e] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-6169587e]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-6169587e] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-6169587e]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-6169587e] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-6169587e] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-6169587e] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-6169587e] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-6169587e] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-6169587e] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-6169587e] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-6169587e] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-6169587e] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-6169587e] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-6169587e] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-6169587e] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-6169587e] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-6169587e] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-6169587e] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-6169587e] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-6169587e] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-6169587e] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-6169587e] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-6169587e] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-6169587e] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-6169587e] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-6169587e] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-6169587e] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-6169587e] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-6169587e] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-6169587e] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-6169587e] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-6169587e] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-6169587e] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-6169587e] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-6169587e] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-6169587e] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-6169587e] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-6169587e] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-6169587e] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-6169587e] {
        height: 56px !important
    }
}

input.form-control[data-v-6169587e], input[data-v-6169587e], select.form-control[data-v-6169587e], select[data-v-6169587e] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-6169587e] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-6169587e] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-6169587e] {
    line-height: 100%
}

.button.btn-long[data-v-6169587e] {
    padding: 10px 40px
}

.button.btn-radius[data-v-6169587e] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-6169587e] {
    border-radius: 20px
}

.button.btn-full[data-v-6169587e] {
    width: 100%
}

.button.btn-80[data-v-6169587e] {
    width: 80%
}

.button.hasIcon[data-v-6169587e] {
    padding-left: 50px
}

.button a[data-v-6169587e] {
    display: block
}

.button .labelIcon[data-v-6169587e] {
    position: absolute
}

.button .labelIcon svg[data-v-6169587e] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-6169587e] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-6169587e]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-6169587e] {
    outline: none
}

.keyboard-input-wrap[data-v-6169587e] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-6169587e] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-6169587e] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-6169587e] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-6169587e] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-6169587e] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-6169587e] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-6169587e] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-6169587e] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-6169587e] {
    font-size: 1.2em
}

.color-white[data-v-6169587e] {
    color: #fff
}

.color-white-50[data-v-6169587e] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-6169587e] {
    display: none
}

.ld-loading .loading[data-v-6169587e], .main-loading .loading[data-v-6169587e] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-6169587e] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-6169587e]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-6169587e]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-6169587e] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-6169587e] {
    -webkit-animation: rotate-data-v-6169587e 1s linear infinite;
    animation: rotate-data-v-6169587e 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-6169587e] {
    stroke: transparent
}

.wrapNotify[data-v-6169587e] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-6169587e] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-6169587e] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-6169587e] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-6169587e] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-6169587e] {
    display: block
}

.wrapNotify .close-notify[data-v-6169587e] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-6169587e] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-6169587e] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-6169587e] {
    background-color: transparent
}

.colorWhite[data-v-6169587e] {
    color: #fff
}

.colorRed[data-v-6169587e] {
    color: #f46273
}

.colorGreen[data-v-6169587e] {
    color: #31baa0
}

.colorGray[data-v-6169587e] {
    color: #7c7c7c
}

.tableBackground[data-v-6169587e] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-6169587e] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-6169587e], .tableBackground .table-dark th[data-v-6169587e] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-6169587e]:after, .tableBackground .table-dark th[data-v-6169587e]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-6169587e] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-6169587e], .tableBackground .table-dark th[data-v-6169587e] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-6169587e]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-6169587e]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-6169587e] {
    background-color: #060642
}

.tableBackground #paging li[data-v-6169587e] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-6169587e] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-6169587e] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-6169587e], .customeTradeHistory[data-v-6169587e] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-6169587e], .customeTradeHistory .reportrange-text[data-v-6169587e] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-6169587e], .customeTradeHistory .reportrange-text .seperate[data-v-6169587e] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-6169587e], .customeTradeHistory .reportrange-text span[data-v-6169587e] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-6169587e] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-6169587e] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-6169587e] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-6169587e]:after, .startDate .daterangepicker.openscenter[data-v-6169587e]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-6169587e] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-6169587e] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-6169587e] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-6169587e] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-6169587e] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-6169587e] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-6169587e] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-6169587e] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-6169587e] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-6169587e] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-6169587e] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-6169587e] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-6169587e] {
    text-align: center
}

.border-none[data-v-6169587e] {
    border: none
}

.text-domain[data-v-6169587e]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-6169587e] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-6169587e] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-6169587e] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-6169587e] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-6169587e] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-6169587e] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-6169587e] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-6169587e] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-6169587e] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-6169587e] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-6169587e] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-6169587e] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-6169587e] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-6169587e] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-6169587e] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-6169587e] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-6169587e] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-6169587e] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-6169587e] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-6169587e] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-6169587e] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-6169587e] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-6169587e] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-6169587e] {
    fill: #000
}

.btn-active-paging[data-v-6169587e] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-6169587e] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-6169587e] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-6169587e] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-6169587e], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-6169587e] {
    background: #8b8d96 !important
}

.transactionBox[data-v-6169587e] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-6169587e] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-6169587e] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-6169587e] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-6169587e] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-6169587e] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-6169587e] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-6169587e] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-6169587e] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-6169587e] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-6169587e] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-6169587e] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-6169587e] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-6169587e] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-6169587e] {
    color: #2a74f9 !important
}

.paging[data-v-6169587e] {
    padding: 15px 0
}

.paging ul[data-v-6169587e] {
    height: 30px
}

.paging ul li[data-v-6169587e] {
    display: inline-block;
    margin: 0 10px
}

.paging ul li a[data-v-6169587e] {
    color: #fff;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-decoration: none
}

.paging ul li a.active[data-v-6169587e] {
    border-radius: 50%;
    background: #2a74f9
}

.paging ul li a.text[data-v-6169587e] {
    cursor: default
}

.paging ul li a .btnNext[data-v-6169587e], .paging ul li a .btnPrev[data-v-6169587e] {
    stroke: #fff
}

    .paging ul li a .btnNext[data-v-6169587e]:hover, .paging ul li a .btnPrev[data-v-6169587e]:hover {
        stroke: #2a74f9
    }

.paging ul li a .btnNext[data-v-6169587e], .paging ul li a .btnPrev[data-v-6169587e] {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    stroke-width: 1.25px
}

.paging ul li a[data-v-6169587e]:hover {
    text-decoration: none
}

.paging ul li a:hover .btnNext[data-v-6169587e], .paging ul li a:hover .btnPrev[data-v-6169587e] {
    stroke: #ffcf5c
}

@media only screen and (max-width:575px) {
    .paging[data-v-6169587e] {
        padding: 15px 0;
        margin-top: 10px
    }

    .paging ul[data-v-6169587e] {
        height: 20px
    }

    .paging ul li[data-v-6169587e] {
        margin: 0 5px;
        padding: 0 5px
    }

    .paging ul li a[data-v-6169587e] {
        width: 20px;
        height: 20px;
        line-height: 20px
    }
}

.qr-code-container canvas[data-v-6863642f] {
    width: 150px !important;
    height: 150px !important
}

body[data-v-7f4a977d] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-7f4a977d]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-7f4a977d]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-7f4a977d]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-7f4a977d] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-7f4a977d]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-7f4a977d]::-webkit-inner-spin-button, input[data-v-7f4a977d]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-7f4a977d] {
    -moz-appearance: textfield
}

button[data-v-7f4a977d]:focus, input[data-v-7f4a977d]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-7f4a977d] {
    font-size: 8px
}

.font-10[data-v-7f4a977d] {
    font-size: .6rem !important
}

.font-12[data-v-7f4a977d] {
    font-size: 12px
}

.font-14[data-v-7f4a977d] {
    font-size: 14px
}

.font-16[data-v-7f4a977d] {
    font-size: 16px
}

.font-18[data-v-7f4a977d] {
    font-size: 18px
}

.font-20[data-v-7f4a977d] {
    font-size: 20px
}

.font-24[data-v-7f4a977d] {
    font-size: 24px
}

.font-32[data-v-7f4a977d] {
    font-size: 32px
}

.font-34[data-v-7f4a977d] {
    font-size: 34px
}

.font-40[data-v-7f4a977d] {
    font-size: 2.5rem !important
}

.font-44[data-v-7f4a977d] {
    font-size: 44px
}

.colorPrimary[data-v-7f4a977d] {
    color: #2a74f9
}

.colorPrimary1[data-v-7f4a977d] {
    color: #000 !important
}

.colorSecondary[data-v-7f4a977d] {
    color: #fff !important
}

.colorSecondary1[data-v-7f4a977d] {
    color: #414141 !important
}

.colorSecondary2[data-v-7f4a977d] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-7f4a977d] {
    color: #0d0d0d
}

.colorSecondary4[data-v-7f4a977d] {
    color: #02142b
}

.colorSecondary5[data-v-7f4a977d] {
    color: #1a1e24
}

.colorSecondary6[data-v-7f4a977d] {
    color: #fafafa
}

.colorSecondary7[data-v-7f4a977d] {
    color: #333
}

.colorSecondary8[data-v-7f4a977d] {
    color: #0e0031
}

.colorSuccess[data-v-7f4a977d] {
    color: #31baa0
}

.colorWarning[data-v-7f4a977d] {
    color: #ffcf5c
}

.colorDanger[data-v-7f4a977d] {
    color: #f46273
}

.fillPrimary[data-v-7f4a977d] {
    fill: #2a74f9
}

.fillWarning[data-v-7f4a977d] {
    fill: #ffcf5c
}

.fillDanger[data-v-7f4a977d] {
    fill: #f46273
}

.fillSecondary1[data-v-7f4a977d] {
    fill: #414141
}

.fillSecondary2[data-v-7f4a977d] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-7f4a977d] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-7f4a977d] {
    fill: #02142b
}

.fillSecondary5[data-v-7f4a977d] {
    fill: #1a1e24
}

.fillSecondary6[data-v-7f4a977d] {
    fill: #fafafa
}

.fillSecondary7[data-v-7f4a977d] {
    fill: #333
}

.fillSecondary8[data-v-7f4a977d] {
    fill: #0e0031
}

.textnote-notidesc[data-v-7f4a977d] {
    color: #fff
}

.bgColor0[data-v-7f4a977d] {
    background-color: transparent
}

.bgPrimary-hover[data-v-7f4a977d]:hover, .bgPrimary[data-v-7f4a977d] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-7f4a977d]:hover, .bgPrimary1[data-v-7f4a977d] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-7f4a977d]:hover, .bgPrimary2[data-v-7f4a977d] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-7f4a977d]:hover, .bgSecondary[data-v-7f4a977d] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-7f4a977d]:hover, .bgSecondary1[data-v-7f4a977d] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-7f4a977d]:hover, .bgSecondary2[data-v-7f4a977d] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-7f4a977d]:hover, .bgSecondary3[data-v-7f4a977d] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-7f4a977d] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-7f4a977d] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-7f4a977d]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-7f4a977d]:hover, .bgSecondary5[data-v-7f4a977d] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-7f4a977d]:hover, .bgSecondary6[data-v-7f4a977d] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-7f4a977d]:hover, .bgSecondary7[data-v-7f4a977d] {
    background-color: #333 !important
}

.bgSecondary8[data-v-7f4a977d] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-7f4a977d]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-7f4a977d] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-7f4a977d]:hover, .bgSuccess[data-v-7f4a977d] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-7f4a977d] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-7f4a977d] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-7f4a977d]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-7f4a977d] {
    fill: #31baa0
}

.w-14-px[data-v-7f4a977d] {
    width: 14px
}

.max-width-50[data-v-7f4a977d] {
    max-width: 50%
}

.h-60-px[data-v-7f4a977d] {
    height: 60px
}

.h-100-px[data-v-7f4a977d] {
    height: 100px
}

.mb-16-px[data-v-7f4a977d] {
    margin-bottom: 16px
}

.mb-30-px[data-v-7f4a977d] {
    margin-bottom: 30px
}

.borderRounded[data-v-7f4a977d] {
    border-radius: 5px
}

.borderPrimary[data-v-7f4a977d] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-7f4a977d] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-7f4a977d] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-7f4a977d] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-7f4a977d] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-7f4a977d] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-7f4a977d] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-7f4a977d] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-7f4a977d] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-7f4a977d] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-7f4a977d] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-7f4a977d] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-7f4a977d] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-7f4a977d] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-7f4a977d]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-7f4a977d] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-7f4a977d] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-7f4a977d] {
    padding: 1px
}

.px-1-px[data-v-7f4a977d] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-7f4a977d] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-7f4a977d] {
    padding-left: 1px
}

.pr-1-px[data-v-7f4a977d] {
    padding-right: 1px
}

.pt-1-px[data-v-7f4a977d] {
    padding-top: 1px
}

.pb-1-px[data-v-7f4a977d] {
    padding-bottom: 1px
}

.p-2-px[data-v-7f4a977d] {
    padding: 2px
}

.px-2-px[data-v-7f4a977d] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-7f4a977d] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-7f4a977d] {
    padding-left: 2px
}

.pr-2-px[data-v-7f4a977d] {
    padding-right: 2px
}

.pt-2-px[data-v-7f4a977d] {
    padding-top: 2px
}

.pb-2-px[data-v-7f4a977d] {
    padding-bottom: 2px
}

.p-8-px[data-v-7f4a977d] {
    padding: 8px
}

.px-8-px[data-v-7f4a977d] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-7f4a977d] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-7f4a977d] {
    padding-left: 8px
}

.pr-8-px[data-v-7f4a977d] {
    padding-right: 8px
}

.pt-8-px[data-v-7f4a977d] {
    padding-top: 8px
}

.pb-8-px[data-v-7f4a977d] {
    padding-bottom: 8px
}

.p-10-px[data-v-7f4a977d] {
    padding: 10px
}

.px-10-px[data-v-7f4a977d] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-7f4a977d] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-7f4a977d] {
    padding-left: 10px
}

.pr-10-px[data-v-7f4a977d] {
    padding-right: 10px
}

.pt-10-px[data-v-7f4a977d] {
    padding-top: 10px
}

.pb-10-px[data-v-7f4a977d] {
    padding-bottom: 10px
}

.p-12-px[data-v-7f4a977d] {
    padding: 12px
}

.px-12-px[data-v-7f4a977d] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-7f4a977d] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-7f4a977d] {
    padding-left: 12px
}

.pr-12-px[data-v-7f4a977d] {
    padding-right: 12px
}

.pt-12-px[data-v-7f4a977d] {
    padding-top: 12px
}

.pb-12-px[data-v-7f4a977d] {
    padding-bottom: 12px
}

.p-16-px[data-v-7f4a977d] {
    padding: 16px
}

.px-16-px[data-v-7f4a977d] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-7f4a977d] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-7f4a977d] {
    padding-left: 16px
}

.pr-16-px[data-v-7f4a977d] {
    padding-right: 16px
}

.pt-16-px[data-v-7f4a977d] {
    padding-top: 16px
}

.pb-16-px[data-v-7f4a977d] {
    padding-bottom: 16px
}

.p-30-px[data-v-7f4a977d] {
    padding: 30px
}

.px-30-px[data-v-7f4a977d] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-7f4a977d] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-7f4a977d] {
    padding-left: 30px
}

.pr-30-px[data-v-7f4a977d] {
    padding-right: 30px
}

.pt-30-px[data-v-7f4a977d] {
    padding-top: 30px
}

.pb-30-px[data-v-7f4a977d] {
    padding-bottom: 30px
}

.font-30[data-v-7f4a977d] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-7f4a977d] {
    font-weight: 700
}

.wbo-title[data-v-7f4a977d] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-7f4a977d] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-7f4a977d] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-7f4a977d] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-7f4a977d]:focus {
        outline: 0
    }

    .button[data-v-7f4a977d]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-7f4a977d] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-7f4a977d]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-7f4a977d] {
    padding: 11px 2.5rem
}

.button.primary[data-v-7f4a977d], .button.primary[data-v-7f4a977d]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
}

.button.primary span[data-v-7f4a977d], .text-primary[data-v-7f4a977d], a .primary-hover[data-v-7f4a977d]:hover {
    color: #000 !important
}

ul[data-v-7f4a977d] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-7f4a977d], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-7f4a977d] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-7f4a977d]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-7f4a977d]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-7f4a977d], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-7f4a977d], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-7f4a977d]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-7f4a977d], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-7f4a977d], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-7f4a977d]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-7f4a977d], .faqsContent .content .navigator ul li a.active[data-v-7f4a977d]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-7f4a977d]:hover {
    color: #000
}

.ps[data-v-7f4a977d] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-7f4a977d] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-7f4a977d], .ps__rail-y[data-v-7f4a977d] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-7f4a977d] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-7f4a977d], .ps--active-y > .ps__rail-y[data-v-7f4a977d] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-7f4a977d], .ps--focus > .ps__rail-y[data-v-7f4a977d], .ps--scrolling-x > .ps__rail-x[data-v-7f4a977d], .ps--scrolling-y > .ps__rail-y[data-v-7f4a977d], .ps:hover > .ps__rail-x[data-v-7f4a977d], .ps:hover > .ps__rail-y[data-v-7f4a977d] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-7f4a977d], .ps .ps__rail-x[data-v-7f4a977d]:focus, .ps .ps__rail-x[data-v-7f4a977d]:hover, .ps .ps__rail-y.ps--clicking[data-v-7f4a977d], .ps .ps__rail-y[data-v-7f4a977d]:focus, .ps .ps__rail-y[data-v-7f4a977d]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-7f4a977d] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-7f4a977d] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-7f4a977d], .ps__rail-x:focus > .ps__thumb-x[data-v-7f4a977d], .ps__rail-x:hover > .ps__thumb-x[data-v-7f4a977d] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-7f4a977d], .ps__rail-y:focus > .ps__thumb-y[data-v-7f4a977d], .ps__rail-y:hover > .ps__thumb-y[data-v-7f4a977d] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-7f4a977d] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-7f4a977d] {
        overflow: auto !important
    }
}

.md-field[data-v-7f4a977d] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-7f4a977d] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-7f4a977d] {
    color: #2a74f9
}

.md-field .md-error[data-v-7f4a977d] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-7f4a977d] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-7f4a977d], .md-field.md-has-value label[data-v-7f4a977d] {
    top: -10px
}

.form-control[data-v-7f4a977d], .md-field .md-input[data-v-7f4a977d], .md-field .md-textarea[data-v-7f4a977d], .winput[data-v-7f4a977d] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-7f4a977d] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-7f4a977d] {
    fill: #0d0d0d
}

.round[data-v-7f4a977d] {
    border-radius: 5px
}

.off[data-v-7f4a977d] {
    position: relative;
    cursor: default
}

.off > [data-v-7f4a977d] {
    opacity: .5
}

.off[data-v-7f4a977d]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-7f4a977d] {
    cursor: pointer
}

.close-page[data-v-7f4a977d] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-7f4a977d] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-7f4a977d], .slide-fade-leave-active[data-v-7f4a977d] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-7f4a977d], .slide-fade-leave-to[data-v-7f4a977d] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-7f4a977d {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-7f4a977d {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-7f4a977d] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-7f4a977d] {
    color: #ffcf5c
}

.button[data-v-7f4a977d] {
    font-weight: 700
}

.modal .modal-dialog[data-v-7f4a977d] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-7f4a977d] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-7f4a977d] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-7f4a977d], .modal .modal-dialog .modal-header[data-v-7f4a977d] {
    border: none
}

#chartCommisst .highcharts-title[data-v-7f4a977d] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-7f4a977d] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-7f4a977d] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-7f4a977d], .modal .modal-dialog form[data-v-7f4a977d] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-7f4a977d] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-7f4a977d], .FaqsDetail[data-v-7f4a977d] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-7f4a977d], .FaqsDetail[data-v-7f4a977d] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-7f4a977d], .FaqsDetail .headerMaster .boxHeader[data-v-7f4a977d] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-7f4a977d], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-7f4a977d] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-7f4a977d], .Faqs main[data-v-7f4a977d] {
    background-color: unset
}

.titleChartCandle[data-v-7f4a977d] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-7f4a977d] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-7f4a977d] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-7f4a977d] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-7f4a977d], .plotlineChart .time[data-v-7f4a977d] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-7f4a977d] {
    top: 51px
}

.boxHeader[data-v-7f4a977d] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-7f4a977d], .boxHeader .register[data-v-7f4a977d] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-7f4a977d] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-7f4a977d] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-7f4a977d] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-7f4a977d] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-7f4a977d]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-7f4a977d] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-7f4a977d]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-7f4a977d] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-7f4a977d]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-7f4a977d] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-7f4a977d] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-7f4a977d] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-7f4a977d] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-7f4a977d] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-7f4a977d] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-7f4a977d] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-7f4a977d] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-7f4a977d] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-7f4a977d] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-7f4a977d] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-7f4a977d] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-7f4a977d] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-7f4a977d] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-7f4a977d] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-7f4a977d] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-7f4a977d] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-7f4a977d] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-7f4a977d] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-7f4a977d] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-7f4a977d] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-7f4a977d] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-7f4a977d] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-7f4a977d] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-7f4a977d] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-7f4a977d] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-7f4a977d] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-7f4a977d] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-7f4a977d] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-7f4a977d] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-7f4a977d] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-7f4a977d] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-7f4a977d] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-7f4a977d] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-7f4a977d] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-7f4a977d] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-7f4a977d] {
        height: 56px !important
    }
}

input.form-control[data-v-7f4a977d], input[data-v-7f4a977d], select.form-control[data-v-7f4a977d], select[data-v-7f4a977d] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-7f4a977d] {
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-7f4a977d] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-7f4a977d] {
    line-height: 100%
}

.button.btn-long[data-v-7f4a977d] {
    padding: 10px 40px
}

.button.btn-radius[data-v-7f4a977d] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-7f4a977d] {
    border-radius: 20px
}

.button.btn-full[data-v-7f4a977d] {
    width: 100%
}

.button.btn-80[data-v-7f4a977d] {
    width: 80%
}

.button.hasIcon[data-v-7f4a977d] {
    padding-left: 50px
}

.button a[data-v-7f4a977d] {
    display: block
}

.button .labelIcon[data-v-7f4a977d] {
    position: absolute
}

.button .labelIcon svg[data-v-7f4a977d] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-7f4a977d] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-7f4a977d]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-7f4a977d] {
    outline: none
}

.keyboard-input-wrap[data-v-7f4a977d] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-7f4a977d] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-7f4a977d] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-7f4a977d] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-7f4a977d] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-7f4a977d] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-7f4a977d] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-7f4a977d] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-7f4a977d] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-7f4a977d] {
    font-size: 1.2em
}

.color-white[data-v-7f4a977d] {
    color: #fff
}

.color-white-50[data-v-7f4a977d] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-7f4a977d] {
    display: none
}

.ld-loading .loading[data-v-7f4a977d], .main-loading .loading[data-v-7f4a977d] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-7f4a977d] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-7f4a977d]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-7f4a977d]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-7f4a977d] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-7f4a977d] {
    -webkit-animation: rotate-data-v-7f4a977d 1s linear infinite;
    animation: rotate-data-v-7f4a977d 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-7f4a977d] {
    stroke: transparent
}

.wrapNotify[data-v-7f4a977d] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-7f4a977d] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-7f4a977d] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-7f4a977d] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-7f4a977d] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-7f4a977d] {
    display: block
}

.wrapNotify .close-notify[data-v-7f4a977d] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-7f4a977d] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-7f4a977d] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-7f4a977d] {
    background-color: transparent
}

.colorWhite[data-v-7f4a977d] {
    color: #fff
}

.colorRed[data-v-7f4a977d] {
    color: #f46273
}

.colorGreen[data-v-7f4a977d] {
    color: #31baa0
}

.colorGray[data-v-7f4a977d] {
    color: #7c7c7c
}

.tableBackground[data-v-7f4a977d] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-7f4a977d] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-7f4a977d], .tableBackground .table-dark th[data-v-7f4a977d] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-7f4a977d]:after, .tableBackground .table-dark th[data-v-7f4a977d]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-7f4a977d] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-7f4a977d], .tableBackground .table-dark th[data-v-7f4a977d] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-7f4a977d]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-7f4a977d]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-7f4a977d] {
    background-color: #060642
}

.tableBackground #paging li[data-v-7f4a977d] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-7f4a977d] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-7f4a977d] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-7f4a977d], .customeTradeHistory[data-v-7f4a977d] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-7f4a977d], .customeTradeHistory .reportrange-text[data-v-7f4a977d] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-7f4a977d], .customeTradeHistory .reportrange-text .seperate[data-v-7f4a977d] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-7f4a977d], .customeTradeHistory .reportrange-text span[data-v-7f4a977d] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-7f4a977d] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-7f4a977d] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-7f4a977d] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-7f4a977d]:after, .startDate .daterangepicker.openscenter[data-v-7f4a977d]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-7f4a977d] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-7f4a977d] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-7f4a977d] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-7f4a977d] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-7f4a977d] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-7f4a977d] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-7f4a977d] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-7f4a977d] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-7f4a977d] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-7f4a977d] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-7f4a977d] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-7f4a977d] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-7f4a977d] {
    text-align: center
}

.border-none[data-v-7f4a977d] {
    border: none
}

.text-domain[data-v-7f4a977d]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-7f4a977d] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-7f4a977d] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-7f4a977d] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-7f4a977d] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-7f4a977d] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-7f4a977d] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-7f4a977d] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-7f4a977d] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-7f4a977d] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-7f4a977d] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-7f4a977d] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-7f4a977d] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-7f4a977d] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-7f4a977d] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-7f4a977d] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-7f4a977d] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-7f4a977d] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-7f4a977d] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-7f4a977d] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-7f4a977d] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-7f4a977d] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-7f4a977d] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-7f4a977d] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-7f4a977d] {
    fill: #000
}

.btn-active-paging[data-v-7f4a977d] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-7f4a977d] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-7f4a977d] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-7f4a977d] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-7f4a977d], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-7f4a977d] {
    background: #8b8d96 !important
}

.transactionBox[data-v-7f4a977d] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-7f4a977d] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-7f4a977d] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-7f4a977d] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-7f4a977d] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-7f4a977d] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-7f4a977d] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-7f4a977d] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-7f4a977d] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-7f4a977d] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-7f4a977d] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-7f4a977d] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-7f4a977d] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-7f4a977d] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-7f4a977d] {
    color: #2a74f9 !important
}

.mask[data-v-7f4a977d] {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.cropper[data-v-7f4a977d] {
    height: 400px;
    background: #fff
}

.modal .modal-dialog .modal-content .modal-body[data-v-7f4a977d] {
    padding: 20px 30px 30px
}

.modal-upload-img[data-v-7f4a977d] {
    padding: 20px
}

.modal-upload-img .loader[data-v-7f4a977d] {
    background-color: #fff
}

.errorMessage[data-v-7f4a977d] {
    color: #f46273;
    font-size: 90%;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    height: 20px
}

.errorMessage.show[data-v-7f4a977d] {
    visibility: visible;
    opacity: 1
}

.button-wrapper[data-v-7f4a977d] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 17px
}

.button[data-v-7f4a977d] {
    color: #fff;
    font-size: 16px;
    padding: 10px 20px;
    background: #31baa0;
    cursor: pointer;
    -webkit-transition: background .5s;
    transition: background .5s
}

    .button[data-v-7f4a977d]:disabled {
        cursor: not-allowed
    }

.button.btn-disable[data-v-7f4a977d] {
    color: #fff !important;
    background-color: #414141;
    border-color: #414141;
    opacity: .9
}

    .button.btn-disable[data-v-7f4a977d]:hover {
        background-color: #414141 !important;
        color: #fff !important
    }

.buttonSubmit.btn-disable[data-v-7f4a977d] {
    background-color: #414141 !important
}

.button[data-v-7f4a977d]:hover {
    background: #31baa0
}

.button input[data-v-7f4a977d] {
    display: none
}

.imgCrop[data-v-7f4a977d] {
    width: 200px;
    height: 200px;
    overflow: hidden
}

.imgCrop img[data-v-7f4a977d] {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.imgCrop.round[data-v-7f4a977d] {
    border-radius: 50%
}

.imgCrop.preview[data-v-7f4a977d] {
    width: 120px;
    height: 120px
}

.subtitle[data-v-7f4a977d] {
    margin-bottom: 10px
}

.line[data-v-7f4a977d] {
    border-style: dashed;
    border-color: #f46273
}

.preview[data-v-7f4a977d] {
    border: 1px dashed hsla(0,0%,100%,.25)
}

.modal-dialog .modal-content[data-v-7f4a977d] {
    padding: 0 !important;
    background-color: #02142b !important;
    border: transparent !important;
    border-radius: 10px
}

.modal-dialog .modal-content .modal-header[data-v-7f4a977d] {
    background: #1d233b;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 19px 35px;
    border: none
}

.modal-dialog .modal-content .modal-header .modalTitle[data-v-7f4a977d] {
    font-size: 26px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0
}

.modal-dialog .modal-content .modal-header .btnclose[data-v-7f4a977d] {
    position: relative;
    border: transparent;
    width: 37px;
    right: -15px;
    height: 37px;
    border-radius: 50%;
    background: #1d233b;
    padding: 0;
    cursor: pointer
}

.modal-dialog .modal-content .modal-header .btnclose img[data-v-7f4a977d] {
    width: 37px;
    height: 37px
}

.modal-dialog .modal-content .modal-body[data-v-7f4a977d] {
    padding: 23px 32px
}

.modal-dialog .modal-content .modal-body .upload-example-cropper[data-v-7f4a977d] {
    border: 1px solid transparent;
    height: 230px;
    width: 100%;
    border-radius: 10px
}

@media screen and (max-width:1023.98px) {
    .modal-dialog .modal-content .modal-body .upload-example-cropper[data-v-7f4a977d] {
        background-color: transparent;
        width: auto;
        height: 300px
    }
}

.modal-dialog .modal-content .modal-body .sectionChangeAvatar[data-v-7f4a977d] {
    margin: 10px 0
}

.modal-dialog .modal-content .modal-body .sectionChangeAvatar .btnChangeAvatar[data-v-7f4a977d] {
    font-size: 14px;
    background: transparent;
    border: transparent
}

.modal-dialog .modal-content .modal-body .imgInfo[data-v-7f4a977d] {
    text-align: center;
    margin-bottom: 20px
}

.modal-dialog .modal-content .modal-body .imgInfo p[data-v-7f4a977d] {
    font-size: 14px;
    color: #7c7c7c
}

.modal-dialog .modal-content .modal-body .imgInfo .fileSize[data-v-7f4a977d] {
    color: #fff
}

.modal-dialog .modal-content .modal-body .imgInfo .size[data-v-7f4a977d] {
    font-size: 18px
}

.modal-dialog .modal-content .modal-body .submit[data-v-7f4a977d] {
    margin-top: 20px
}

.modal-dialog .modal-content .modal-body .submit .buttonSubmit[data-v-7f4a977d] {
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    padding: 15px 85px;
    font-weight: 700;
    border: transparent
}

    .modal-dialog .modal-content .modal-body .submit .buttonSubmit[data-v-7f4a977d]:disabled {
        cursor: not-allowed
    }

.modal-dialog .modal-content .modal-body .fileUpload[data-v-7f4a977d] {
    display: none
}

.modal-dialog .modal-content .modal-body .avatarEmpty[data-v-7f4a977d] {
    background: #000;
    padding: 45px 0;
    color: #0d0d0d;
    border-radius: 10px;
    height: 230px;
    margin-bottom: 23px;
    width: 100%;
    cursor: pointer
}

.modal-dialog .modal-content .modal-body .avatarEmpty p[data-v-7f4a977d] {
    font-size: 20px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 0
}

@media (max-width:768px) {
    .modal-dialog .modal-content .modal-header[data-v-7f4a977d] {
        padding: 20px 16px;
        height: 60px
    }

    .modal-upload-img[data-v-7f4a977d] {
        padding: 0
    }

    .modal-upload-img .modalTitle[data-v-7f4a977d] {
        font-size: 22px !important
    }

    .modal-upload-img .btnclose[data-v-7f4a977d] {
        width: 27px !important;
        height: 27px !important;
        right: 0 !important
    }

    .modal-upload-img .btnclose img[data-v-7f4a977d] {
        width: 27px !important;
        height: 27px !important
    }

    .upload-example[data-v-7f4a977d] {
        padding: 23px 20px
    }
}

@media only screen and (max-width:575px) {
    .modal .modal-dialog[data-v-7f4a977d] {
        color: #fff;
        margin: 0;
        position: absolute;
        top: 0;
        min-width: auto;
        left: 0;
        right: 0;
        height: 100%;
        pointer-events: auto;
        transform: none !important;
        -webkit-transform: none !important
    }

    .modal .modal-dialog .modal-content[data-v-7f4a977d] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .modal-header[data-v-7f4a977d] {
        border-radius: 0
    }
}

.user-avatar[data-v-7f4a977d] {
    background-image: url(../img/avatar-default.7edfdd52.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    position: relative;
    cursor: pointer
}

.user-avatar.sm[data-v-7f4a977d] {
    width: 200px;
    height: 200px
}

.user-avatar .overlay[data-v-7f4a977d], .user-avatar .watermark[data-v-7f4a977d] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 50%
}

.user-avatar .overlay[data-v-7f4a977d] {
    background-color: rgba(14,0,49,.3);
    display: none;
    z-index: 2
}

    .user-avatar .overlay[data-v-7f4a977d]:after {
        position: absolute;
        content: "\F030";
        font-family: Font Awesome\ 5 Free;
        font-weight: 700;
        color: #fff;
        text-align: center;
        z-index: 2;
        font-size: 1.5em;
        background: url(../img/camera.26c5a128.svg) no-repeat 50%;
        width: 24px;
        height: 20px;
        top: 50%;
        left: 50%;
        margin-top: -12px;
        margin-left: -10px
    }

.user-avatar:hover .overlay[data-v-7f4a977d] {
    display: block
}

.user-avatar .sectionChangeAvatar .btnChangeAvatar[data-v-7f4a977d] {
    font-size: 14px;
    background: transparent;
    border: transparent;
    outline: none
}

body[data-v-4c2f1621] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-4c2f1621]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-4c2f1621]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-4c2f1621]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-4c2f1621] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-4c2f1621]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-4c2f1621]::-webkit-inner-spin-button, input[data-v-4c2f1621]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-4c2f1621] {
    -moz-appearance: textfield
}

button[data-v-4c2f1621]:focus, input[data-v-4c2f1621]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-4c2f1621] {
    font-size: 8px
}

.font-10[data-v-4c2f1621] {
    font-size: .6rem !important
}

.font-12[data-v-4c2f1621] {
    font-size: 12px
}

.font-14[data-v-4c2f1621] {
    font-size: 14px
}

.font-16[data-v-4c2f1621] {
    font-size: 16px
}

.font-18[data-v-4c2f1621] {
    font-size: 18px
}

.font-20[data-v-4c2f1621] {
    font-size: 20px
}

.font-24[data-v-4c2f1621] {
    font-size: 24px
}

.font-32[data-v-4c2f1621] {
    font-size: 32px
}

.font-34[data-v-4c2f1621] {
    font-size: 34px
}

.font-40[data-v-4c2f1621] {
    font-size: 2.5rem !important
}

.font-44[data-v-4c2f1621] {
    font-size: 44px
}

.colorPrimary[data-v-4c2f1621] {
    color: #2a74f9
}

.colorPrimary1[data-v-4c2f1621] {
    color: #000 !important
}

.colorSecondary[data-v-4c2f1621] {
    color: #fff !important
}

.colorSecondary1[data-v-4c2f1621] {
    color: #414141 !important
}

.colorSecondary2[data-v-4c2f1621] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-4c2f1621] {
    color: #0d0d0d
}

.colorSecondary4[data-v-4c2f1621] {
    color: #02142b
}

.colorSecondary5[data-v-4c2f1621] {
    color: #1a1e24
}

.colorSecondary6[data-v-4c2f1621] {
    color: #fafafa
}

.colorSecondary7[data-v-4c2f1621] {
    color: #333
}

.colorSecondary8[data-v-4c2f1621] {
    color: #0e0031
}

.colorSuccess[data-v-4c2f1621] {
    color: #31baa0
}

.colorWarning[data-v-4c2f1621] {
    color: #ffcf5c
}

.colorDanger[data-v-4c2f1621] {
    color: #f46273
}

.fillPrimary[data-v-4c2f1621] {
    fill: #2a74f9
}

.fillWarning[data-v-4c2f1621] {
    fill: #ffcf5c
}

.fillDanger[data-v-4c2f1621] {
    fill: #f46273
}

.fillSecondary1[data-v-4c2f1621] {
    fill: #414141
}

.fillSecondary2[data-v-4c2f1621] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-4c2f1621] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-4c2f1621] {
    fill: #02142b
}

.fillSecondary5[data-v-4c2f1621] {
    fill: #1a1e24
}

.fillSecondary6[data-v-4c2f1621] {
    fill: #fafafa
}

.fillSecondary7[data-v-4c2f1621] {
    fill: #333
}

.fillSecondary8[data-v-4c2f1621] {
    fill: #0e0031
}

.textnote-notidesc[data-v-4c2f1621] {
    color: #fff
}

.bgColor0[data-v-4c2f1621] {
    background-color: transparent
}

.bgPrimary-hover[data-v-4c2f1621]:hover, .bgPrimary[data-v-4c2f1621] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-4c2f1621]:hover, .bgPrimary1[data-v-4c2f1621] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-4c2f1621]:hover, .bgPrimary2[data-v-4c2f1621] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-4c2f1621]:hover, .bgSecondary[data-v-4c2f1621] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-4c2f1621]:hover, .bgSecondary1[data-v-4c2f1621] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-4c2f1621]:hover, .bgSecondary2[data-v-4c2f1621] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-4c2f1621]:hover, .bgSecondary3[data-v-4c2f1621] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-4c2f1621] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-4c2f1621] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-4c2f1621]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-4c2f1621]:hover, .bgSecondary5[data-v-4c2f1621] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-4c2f1621]:hover, .bgSecondary6[data-v-4c2f1621] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-4c2f1621]:hover, .bgSecondary7[data-v-4c2f1621] {
    background-color: #333 !important
}

.bgSecondary8[data-v-4c2f1621] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-4c2f1621]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-4c2f1621] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-4c2f1621]:hover, .bgSuccess[data-v-4c2f1621] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-4c2f1621] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-4c2f1621] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-4c2f1621]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-4c2f1621] {
    fill: #31baa0
}

.w-14-px[data-v-4c2f1621] {
    width: 14px
}

.max-width-50[data-v-4c2f1621] {
    max-width: 50%
}

.h-60-px[data-v-4c2f1621] {
    height: 60px
}

.h-100-px[data-v-4c2f1621] {
    height: 100px
}

.mb-16-px[data-v-4c2f1621] {
    margin-bottom: 16px
}

.mb-30-px[data-v-4c2f1621] {
    margin-bottom: 30px
}

.borderRounded[data-v-4c2f1621] {
    border-radius: 5px
}

.borderPrimary[data-v-4c2f1621] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-4c2f1621] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-4c2f1621] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-4c2f1621] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-4c2f1621] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-4c2f1621] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-4c2f1621] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-4c2f1621] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-4c2f1621] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-4c2f1621] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-4c2f1621] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-4c2f1621] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-4c2f1621] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-4c2f1621] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-4c2f1621]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-4c2f1621] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-4c2f1621] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-4c2f1621] {
    padding: 1px
}

.px-1-px[data-v-4c2f1621] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-4c2f1621] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-4c2f1621] {
    padding-left: 1px
}

.pr-1-px[data-v-4c2f1621] {
    padding-right: 1px
}

.pt-1-px[data-v-4c2f1621] {
    padding-top: 1px
}

.pb-1-px[data-v-4c2f1621] {
    padding-bottom: 1px
}

.p-2-px[data-v-4c2f1621] {
    padding: 2px
}

.px-2-px[data-v-4c2f1621] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-4c2f1621] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-4c2f1621] {
    padding-left: 2px
}

.pr-2-px[data-v-4c2f1621] {
    padding-right: 2px
}

.pt-2-px[data-v-4c2f1621] {
    padding-top: 2px
}

.pb-2-px[data-v-4c2f1621] {
    padding-bottom: 2px
}

.p-8-px[data-v-4c2f1621] {
    padding: 8px
}

.px-8-px[data-v-4c2f1621] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-4c2f1621] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-4c2f1621] {
    padding-left: 8px
}

.pr-8-px[data-v-4c2f1621] {
    padding-right: 8px
}

.pt-8-px[data-v-4c2f1621] {
    padding-top: 8px
}

.pb-8-px[data-v-4c2f1621] {
    padding-bottom: 8px
}

.p-10-px[data-v-4c2f1621] {
    padding: 10px
}

.px-10-px[data-v-4c2f1621] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-4c2f1621] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-4c2f1621] {
    padding-left: 10px
}

.pr-10-px[data-v-4c2f1621] {
    padding-right: 10px
}

.pt-10-px[data-v-4c2f1621] {
    padding-top: 10px
}

.pb-10-px[data-v-4c2f1621] {
    padding-bottom: 10px
}

.p-12-px[data-v-4c2f1621] {
    padding: 12px
}

.px-12-px[data-v-4c2f1621] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-4c2f1621] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-4c2f1621] {
    padding-left: 12px
}

.pr-12-px[data-v-4c2f1621] {
    padding-right: 12px
}

.pt-12-px[data-v-4c2f1621] {
    padding-top: 12px
}

.pb-12-px[data-v-4c2f1621] {
    padding-bottom: 12px
}

.p-16-px[data-v-4c2f1621] {
    padding: 16px
}

.px-16-px[data-v-4c2f1621] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-4c2f1621] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-4c2f1621] {
    padding-left: 16px
}

.pr-16-px[data-v-4c2f1621] {
    padding-right: 16px
}

.pt-16-px[data-v-4c2f1621] {
    padding-top: 16px
}

.pb-16-px[data-v-4c2f1621] {
    padding-bottom: 16px
}

.p-30-px[data-v-4c2f1621] {
    padding: 30px
}

.px-30-px[data-v-4c2f1621] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-4c2f1621] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-4c2f1621] {
    padding-left: 30px
}

.pr-30-px[data-v-4c2f1621] {
    padding-right: 30px
}

.pt-30-px[data-v-4c2f1621] {
    padding-top: 30px
}

.pb-30-px[data-v-4c2f1621] {
    padding-bottom: 30px
}

.font-30[data-v-4c2f1621] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-4c2f1621] {
    font-weight: 700
}

.wbo-title[data-v-4c2f1621] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-4c2f1621] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-4c2f1621] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-4c2f1621] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-4c2f1621]:focus {
        outline: 0
    }

    .button[data-v-4c2f1621]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-4c2f1621] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-4c2f1621]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-4c2f1621] {
    padding: 11px 2.5rem
}

.button.primary[data-v-4c2f1621], .button.primary[data-v-4c2f1621]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-4c2f1621], .text-primary[data-v-4c2f1621], a .primary-hover[data-v-4c2f1621]:hover {
    color: #000 !important
}

ul[data-v-4c2f1621] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-4c2f1621], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-4c2f1621] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-4c2f1621]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-4c2f1621]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-4c2f1621], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-4c2f1621], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-4c2f1621]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-4c2f1621], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-4c2f1621], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-4c2f1621]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-4c2f1621], .faqsContent .content .navigator ul li a.active[data-v-4c2f1621]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-4c2f1621]:hover {
    color: #000
}

.ps[data-v-4c2f1621] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-4c2f1621] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-4c2f1621], .ps__rail-y[data-v-4c2f1621] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-4c2f1621] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-4c2f1621], .ps--active-y > .ps__rail-y[data-v-4c2f1621] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-4c2f1621], .ps--focus > .ps__rail-y[data-v-4c2f1621], .ps--scrolling-x > .ps__rail-x[data-v-4c2f1621], .ps--scrolling-y > .ps__rail-y[data-v-4c2f1621], .ps:hover > .ps__rail-x[data-v-4c2f1621], .ps:hover > .ps__rail-y[data-v-4c2f1621] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-4c2f1621], .ps .ps__rail-x[data-v-4c2f1621]:focus, .ps .ps__rail-x[data-v-4c2f1621]:hover, .ps .ps__rail-y.ps--clicking[data-v-4c2f1621], .ps .ps__rail-y[data-v-4c2f1621]:focus, .ps .ps__rail-y[data-v-4c2f1621]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-4c2f1621] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-4c2f1621] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-4c2f1621], .ps__rail-x:focus > .ps__thumb-x[data-v-4c2f1621], .ps__rail-x:hover > .ps__thumb-x[data-v-4c2f1621] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-4c2f1621], .ps__rail-y:focus > .ps__thumb-y[data-v-4c2f1621], .ps__rail-y:hover > .ps__thumb-y[data-v-4c2f1621] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-4c2f1621] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-4c2f1621] {
        overflow: auto !important
    }
}

.md-field[data-v-4c2f1621] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-4c2f1621] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-4c2f1621] {
    color: #2a74f9
}

.md-field .md-error[data-v-4c2f1621] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-4c2f1621] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-4c2f1621], .md-field.md-has-value label[data-v-4c2f1621] {
    top: -10px
}

.form-control[data-v-4c2f1621], .md-field .md-input[data-v-4c2f1621], .md-field .md-textarea[data-v-4c2f1621], .winput[data-v-4c2f1621] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-4c2f1621] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-4c2f1621] {
    fill: #0d0d0d
}

.round[data-v-4c2f1621] {
    border-radius: 5px
}

.off[data-v-4c2f1621] {
    position: relative;
    cursor: default
}

.off > [data-v-4c2f1621] {
    opacity: .5
}

.off[data-v-4c2f1621]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-4c2f1621] {
    cursor: pointer
}

.close-page[data-v-4c2f1621] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-4c2f1621] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-4c2f1621], .slide-fade-leave-active[data-v-4c2f1621] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-4c2f1621], .slide-fade-leave-to[data-v-4c2f1621] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-4c2f1621 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-4c2f1621 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-4c2f1621] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-4c2f1621] {
    color: #ffcf5c
}

.button[data-v-4c2f1621] {
    font-weight: 700
}

.modal .modal-dialog[data-v-4c2f1621] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-4c2f1621] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-4c2f1621] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-4c2f1621], .modal .modal-dialog .modal-header[data-v-4c2f1621] {
    border: none
}

#chartCommisst .highcharts-title[data-v-4c2f1621] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-4c2f1621] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-4c2f1621] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-4c2f1621], .modal .modal-dialog form[data-v-4c2f1621] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-4c2f1621] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-4c2f1621], .FaqsDetail[data-v-4c2f1621] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-4c2f1621], .FaqsDetail[data-v-4c2f1621] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-4c2f1621], .FaqsDetail .headerMaster .boxHeader[data-v-4c2f1621] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-4c2f1621], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-4c2f1621] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-4c2f1621], .Faqs main[data-v-4c2f1621] {
    background-color: unset
}

.titleChartCandle[data-v-4c2f1621] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-4c2f1621] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-4c2f1621] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-4c2f1621] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-4c2f1621], .plotlineChart .time[data-v-4c2f1621] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-4c2f1621] {
    top: 51px
}

.boxHeader[data-v-4c2f1621] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-4c2f1621], .boxHeader .register[data-v-4c2f1621] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-4c2f1621] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-4c2f1621] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-4c2f1621] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-4c2f1621] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-4c2f1621]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-4c2f1621] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-4c2f1621]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-4c2f1621] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-4c2f1621]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-4c2f1621] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-4c2f1621] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-4c2f1621] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-4c2f1621] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-4c2f1621] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-4c2f1621] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-4c2f1621] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-4c2f1621] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-4c2f1621] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-4c2f1621] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-4c2f1621] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-4c2f1621] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-4c2f1621] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-4c2f1621] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-4c2f1621] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-4c2f1621] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-4c2f1621] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-4c2f1621] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-4c2f1621] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-4c2f1621] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-4c2f1621] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-4c2f1621] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-4c2f1621] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-4c2f1621] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-4c2f1621] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-4c2f1621] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-4c2f1621] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-4c2f1621] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-4c2f1621] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-4c2f1621] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-4c2f1621] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-4c2f1621] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-4c2f1621] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-4c2f1621] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-4c2f1621] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-4c2f1621] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-4c2f1621] {
        height: 56px !important
    }
}

input.form-control[data-v-4c2f1621], input[data-v-4c2f1621], select.form-control[data-v-4c2f1621], select[data-v-4c2f1621] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-4c2f1621] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-4c2f1621] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-4c2f1621] {
    line-height: 100%
}

.button.btn-long[data-v-4c2f1621] {
    padding: 10px 40px
}

.button.btn-radius[data-v-4c2f1621] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-4c2f1621] {
    border-radius: 20px
}

.button.btn-full[data-v-4c2f1621] {
    width: 100%
}

.button.btn-80[data-v-4c2f1621] {
    width: 80%
}

.button.hasIcon[data-v-4c2f1621] {
    padding-left: 50px
}

.button a[data-v-4c2f1621] {
    display: block
}

.button .labelIcon[data-v-4c2f1621] {
    position: absolute
}

.button .labelIcon svg[data-v-4c2f1621] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-4c2f1621] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-4c2f1621]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-4c2f1621] {
    outline: none
}

.keyboard-input-wrap[data-v-4c2f1621] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-4c2f1621] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-4c2f1621] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-4c2f1621] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-4c2f1621] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-4c2f1621] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-4c2f1621] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-4c2f1621] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-4c2f1621] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-4c2f1621] {
    font-size: 1.2em
}

.color-white[data-v-4c2f1621] {
    color: #fff
}

.color-white-50[data-v-4c2f1621] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-4c2f1621] {
    display: none
}

.ld-loading .loading[data-v-4c2f1621], .main-loading .loading[data-v-4c2f1621] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-4c2f1621] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-4c2f1621]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-4c2f1621]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-4c2f1621] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-4c2f1621] {
    -webkit-animation: rotate-data-v-4c2f1621 1s linear infinite;
    animation: rotate-data-v-4c2f1621 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-4c2f1621] {
    stroke: transparent
}

.wrapNotify[data-v-4c2f1621] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-4c2f1621] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-4c2f1621] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-4c2f1621] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-4c2f1621] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-4c2f1621] {
    display: block
}

.wrapNotify .close-notify[data-v-4c2f1621] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-4c2f1621] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-4c2f1621] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-4c2f1621] {
    background-color: transparent
}

.colorWhite[data-v-4c2f1621] {
    color: #fff
}

.colorRed[data-v-4c2f1621] {
    color: #f46273
}

.colorGreen[data-v-4c2f1621] {
    color: #31baa0
}

.colorGray[data-v-4c2f1621] {
    color: #7c7c7c
}

.tableBackground[data-v-4c2f1621] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-4c2f1621] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-4c2f1621], .tableBackground .table-dark th[data-v-4c2f1621] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-4c2f1621]:after, .tableBackground .table-dark th[data-v-4c2f1621]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-4c2f1621] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-4c2f1621], .tableBackground .table-dark th[data-v-4c2f1621] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-4c2f1621]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-4c2f1621]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-4c2f1621] {
    background-color: #060642
}

.tableBackground #paging li[data-v-4c2f1621] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-4c2f1621] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-4c2f1621] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-4c2f1621], .customeTradeHistory[data-v-4c2f1621] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-4c2f1621], .customeTradeHistory .reportrange-text[data-v-4c2f1621] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-4c2f1621], .customeTradeHistory .reportrange-text .seperate[data-v-4c2f1621] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-4c2f1621], .customeTradeHistory .reportrange-text span[data-v-4c2f1621] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-4c2f1621] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-4c2f1621] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-4c2f1621] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-4c2f1621]:after, .startDate .daterangepicker.openscenter[data-v-4c2f1621]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-4c2f1621] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-4c2f1621] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-4c2f1621] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-4c2f1621] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-4c2f1621] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-4c2f1621] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-4c2f1621] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-4c2f1621] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-4c2f1621] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-4c2f1621] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-4c2f1621] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-4c2f1621] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-4c2f1621] {
    text-align: center
}

.border-none[data-v-4c2f1621] {
    border: none
}

.text-domain[data-v-4c2f1621]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-4c2f1621] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-4c2f1621] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-4c2f1621] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-4c2f1621] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-4c2f1621] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-4c2f1621] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-4c2f1621] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-4c2f1621] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-4c2f1621] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-4c2f1621] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-4c2f1621] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-4c2f1621] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-4c2f1621] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-4c2f1621] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-4c2f1621] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-4c2f1621] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-4c2f1621] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-4c2f1621] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-4c2f1621] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-4c2f1621] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-4c2f1621] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-4c2f1621] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-4c2f1621] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-4c2f1621] {
    fill: #000
}

.btn-active-paging[data-v-4c2f1621] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-4c2f1621] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-4c2f1621] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-4c2f1621] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-4c2f1621], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-4c2f1621] {
    background: #8b8d96 !important
}

.transactionBox[data-v-4c2f1621] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-4c2f1621] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-4c2f1621] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-4c2f1621] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-4c2f1621] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-4c2f1621] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-4c2f1621] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-4c2f1621] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-4c2f1621] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-4c2f1621] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-4c2f1621] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-4c2f1621] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-4c2f1621] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-4c2f1621] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-4c2f1621] {
    color: #2a74f9 !important
}

.accept[data-v-4c2f1621] {
    color: #7c7c7c
}

.term[data-v-4c2f1621]:hover {
    color: #2a74f9
}

.checkbox[data-v-4c2f1621] {
    margin-bottom: 1rem;
    color: #000
}

.checkboxInput[data-v-4c2f1621] {
    margin-right: 10px;
    width: 16px;
    height: 16px
}

.textError[data-v-4c2f1621] {
    color: #f46273;
    font-size: 85%;
    padding: .5rem 0;
    font-style: italic
}

.close-page[data-v-4c2f1621] {
    top: -5px;
    right: -35px;
    background-color: hsla(0,0%,100%,.3);
    width: 30px;
    height: 30px
}

.close-page svg[data-v-4c2f1621] {
    width: 20px;
    height: 20px
}

.contentWrapper[data-v-4c2f1621] {
    height: 480px;
    border-radius: 9px
}

.contentWrapper .header[data-v-4c2f1621] {
    padding: 1rem;
    text-align: center
}

.contentWrapper .body[data-v-4c2f1621] {
    padding: 2rem 3rem;
    text-align: center
}

.contentWrapper .body .imgShake[data-v-4c2f1621] {
    width: 211px;
    height: 205px;
    margin: 0 auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../img/shake.7ad5adcc.svg)
}

.contentWrapper .body .textContent[data-v-4c2f1621] {
    font-size: .875rem
}

@media (max-width:768px) {
    body .modal.modalBuyNow .modal-dialog .modal-content[data-v-4c2f1621] {
        background-color: #fff
    }

    .contentWrapper[data-v-4c2f1621] {
        width: 100%
    }

    .white-theme.mobile-version .modalBuyNow .modal-dialog[data-v-4c2f1621] {
        height: 100%
    }

    .white-theme.mobile-version .modalBuyNow .modal-dialog .modal-content[data-v-4c2f1621] {
        height: 100%;
        padding: 0
    }

    .white-theme.mobile-version .modalBuyNow .modal-dialog .modal-content .contentWrapper[data-v-4c2f1621] {
        height: 100%
    }

    .white-theme.mobile-version .modalBuyNow .modal-dialog .modal-content .contentWrapper .body[data-v-4c2f1621] {
        height: calc(100% - 55px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .white-theme.mobile-version .modalBuyNow .modal-dialog .modal-content .contentWrapper .body .checkbox[data-v-4c2f1621] {
        margin-bottom: auto
    }
}

@media (max-width:768px) and (max-height:300px) {
    .white-theme.mobile-version .modalBuyNow .modal-dialog .modal-content .contentWrapper .body .checkbox[data-v-4c2f1621] {
        margin-bottom: 1rem
    }
}

@media only screen and (max-width:575px) {
    body .modal.modalBuyNow .modal-dialog .modal-content[data-v-4c2f1621] {
        height: 100vh
    }

    body .modal.modalBuyNow .modal-dialog .close-page[data-v-4c2f1621] {
        top: 4px;
        right: 4px;
        color: #0e0031
    }
}

body[data-v-4d1da48e] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-4d1da48e]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-4d1da48e]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-4d1da48e]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-4d1da48e] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-4d1da48e]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-4d1da48e]::-webkit-inner-spin-button, input[data-v-4d1da48e]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-4d1da48e] {
    -moz-appearance: textfield
}

button[data-v-4d1da48e]:focus, input[data-v-4d1da48e]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-4d1da48e] {
    font-size: 8px
}

.font-10[data-v-4d1da48e] {
    font-size: .6rem !important
}

.font-12[data-v-4d1da48e] {
    font-size: 12px
}

.font-14[data-v-4d1da48e] {
    font-size: 14px
}

.font-16[data-v-4d1da48e] {
    font-size: 16px
}

.font-18[data-v-4d1da48e] {
    font-size: 18px
}

.font-20[data-v-4d1da48e] {
    font-size: 20px
}

.font-24[data-v-4d1da48e] {
    font-size: 24px
}

.font-32[data-v-4d1da48e] {
    font-size: 32px
}

.font-34[data-v-4d1da48e] {
    font-size: 34px
}

.font-40[data-v-4d1da48e] {
    font-size: 2.5rem !important
}

.font-44[data-v-4d1da48e] {
    font-size: 44px
}

.colorPrimary[data-v-4d1da48e] {
    color: #2a74f9
}

.colorPrimary1[data-v-4d1da48e] {
    color: #000 !important
}

.colorSecondary[data-v-4d1da48e] {
    color: #fff !important
}

.colorSecondary1[data-v-4d1da48e] {
    color: #414141 !important
}

.colorSecondary2[data-v-4d1da48e] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-4d1da48e] {
    color: #0d0d0d
}

.colorSecondary4[data-v-4d1da48e] {
    color: #02142b
}

.colorSecondary5[data-v-4d1da48e] {
    color: #1a1e24
}

.colorSecondary6[data-v-4d1da48e] {
    color: #fafafa
}

.colorSecondary7[data-v-4d1da48e] {
    color: #333
}

.colorSecondary8[data-v-4d1da48e] {
    color: #0e0031
}

.colorSuccess[data-v-4d1da48e] {
    color: #31baa0
}

.colorWarning[data-v-4d1da48e] {
    color: #ffcf5c
}

.colorDanger[data-v-4d1da48e] {
    color: #f46273
}

.fillPrimary[data-v-4d1da48e] {
    fill: #2a74f9
}

.fillWarning[data-v-4d1da48e] {
    fill: #ffcf5c
}

.fillDanger[data-v-4d1da48e] {
    fill: #f46273
}

.fillSecondary1[data-v-4d1da48e] {
    fill: #414141
}

.fillSecondary2[data-v-4d1da48e] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-4d1da48e] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-4d1da48e] {
    fill: #02142b
}

.fillSecondary5[data-v-4d1da48e] {
    fill: #1a1e24
}

.fillSecondary6[data-v-4d1da48e] {
    fill: #fafafa
}

.fillSecondary7[data-v-4d1da48e] {
    fill: #333
}

.fillSecondary8[data-v-4d1da48e] {
    fill: #0e0031
}

.textnote-notidesc[data-v-4d1da48e] {
    color: #fff
}

.bgColor0[data-v-4d1da48e] {
    background-color: transparent
}

.bgPrimary-hover[data-v-4d1da48e]:hover, .bgPrimary[data-v-4d1da48e] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-4d1da48e]:hover, .bgPrimary1[data-v-4d1da48e] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-4d1da48e]:hover, .bgPrimary2[data-v-4d1da48e] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-4d1da48e]:hover, .bgSecondary[data-v-4d1da48e] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-4d1da48e]:hover, .bgSecondary1[data-v-4d1da48e] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-4d1da48e]:hover, .bgSecondary2[data-v-4d1da48e] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-4d1da48e]:hover, .bgSecondary3[data-v-4d1da48e] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-4d1da48e] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-4d1da48e] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-4d1da48e]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-4d1da48e]:hover, .bgSecondary5[data-v-4d1da48e] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-4d1da48e]:hover, .bgSecondary6[data-v-4d1da48e] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-4d1da48e]:hover, .bgSecondary7[data-v-4d1da48e] {
    background-color: #333 !important
}

.bgSecondary8[data-v-4d1da48e] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-4d1da48e]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-4d1da48e] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-4d1da48e]:hover, .bgSuccess[data-v-4d1da48e] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-4d1da48e] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-4d1da48e] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-4d1da48e]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-4d1da48e] {
    fill: #31baa0
}

.w-14-px[data-v-4d1da48e] {
    width: 14px
}

.max-width-50[data-v-4d1da48e] {
    max-width: 50%
}

.h-60-px[data-v-4d1da48e] {
    height: 60px
}

.h-100-px[data-v-4d1da48e] {
    height: 100px
}

.mb-16-px[data-v-4d1da48e] {
    margin-bottom: 16px
}

.mb-30-px[data-v-4d1da48e] {
    margin-bottom: 30px
}

.borderRounded[data-v-4d1da48e] {
    border-radius: 5px
}

.borderPrimary[data-v-4d1da48e] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-4d1da48e] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-4d1da48e] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-4d1da48e] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-4d1da48e] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-4d1da48e] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-4d1da48e] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-4d1da48e] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-4d1da48e] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-4d1da48e] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-4d1da48e] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-4d1da48e] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-4d1da48e] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-4d1da48e] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-4d1da48e]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-4d1da48e] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-4d1da48e] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-4d1da48e] {
    padding: 1px
}

.px-1-px[data-v-4d1da48e] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-4d1da48e] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-4d1da48e] {
    padding-left: 1px
}

.pr-1-px[data-v-4d1da48e] {
    padding-right: 1px
}

.pt-1-px[data-v-4d1da48e] {
    padding-top: 1px
}

.pb-1-px[data-v-4d1da48e] {
    padding-bottom: 1px
}

.p-2-px[data-v-4d1da48e] {
    padding: 2px
}

.px-2-px[data-v-4d1da48e] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-4d1da48e] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-4d1da48e] {
    padding-left: 2px
}

.pr-2-px[data-v-4d1da48e] {
    padding-right: 2px
}

.pt-2-px[data-v-4d1da48e] {
    padding-top: 2px
}

.pb-2-px[data-v-4d1da48e] {
    padding-bottom: 2px
}

.p-8-px[data-v-4d1da48e] {
    padding: 8px
}

.px-8-px[data-v-4d1da48e] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-4d1da48e] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-4d1da48e] {
    padding-left: 8px
}

.pr-8-px[data-v-4d1da48e] {
    padding-right: 8px
}

.pt-8-px[data-v-4d1da48e] {
    padding-top: 8px
}

.pb-8-px[data-v-4d1da48e] {
    padding-bottom: 8px
}

.p-10-px[data-v-4d1da48e] {
    padding: 10px
}

.px-10-px[data-v-4d1da48e] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-4d1da48e] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-4d1da48e] {
    padding-left: 10px
}

.pr-10-px[data-v-4d1da48e] {
    padding-right: 10px
}

.pt-10-px[data-v-4d1da48e] {
    padding-top: 10px
}

.pb-10-px[data-v-4d1da48e] {
    padding-bottom: 10px
}

.p-12-px[data-v-4d1da48e] {
    padding: 12px
}

.px-12-px[data-v-4d1da48e] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-4d1da48e] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-4d1da48e] {
    padding-left: 12px
}

.pr-12-px[data-v-4d1da48e] {
    padding-right: 12px
}

.pt-12-px[data-v-4d1da48e] {
    padding-top: 12px
}

.pb-12-px[data-v-4d1da48e] {
    padding-bottom: 12px
}

.p-16-px[data-v-4d1da48e] {
    padding: 16px
}

.px-16-px[data-v-4d1da48e] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-4d1da48e] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-4d1da48e] {
    padding-left: 16px
}

.pr-16-px[data-v-4d1da48e] {
    padding-right: 16px
}

.pt-16-px[data-v-4d1da48e] {
    padding-top: 16px
}

.pb-16-px[data-v-4d1da48e] {
    padding-bottom: 16px
}

.p-30-px[data-v-4d1da48e] {
    padding: 30px
}

.px-30-px[data-v-4d1da48e] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-4d1da48e] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-4d1da48e] {
    padding-left: 30px
}

.pr-30-px[data-v-4d1da48e] {
    padding-right: 30px
}

.pt-30-px[data-v-4d1da48e] {
    padding-top: 30px
}

.pb-30-px[data-v-4d1da48e] {
    padding-bottom: 30px
}

.font-30[data-v-4d1da48e] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-4d1da48e] {
    font-weight: 700
}

.wbo-title[data-v-4d1da48e] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-4d1da48e] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-4d1da48e] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-4d1da48e] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-4d1da48e]:focus {
        outline: 0
    }

    .button[data-v-4d1da48e]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-4d1da48e] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-4d1da48e]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-4d1da48e] {
    padding: 11px 2.5rem
}

.button.primary[data-v-4d1da48e], .button.primary[data-v-4d1da48e]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-4d1da48e], .text-primary[data-v-4d1da48e], a .primary-hover[data-v-4d1da48e]:hover {
    color: #000 !important
}

ul[data-v-4d1da48e] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-4d1da48e], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-4d1da48e] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-4d1da48e]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-4d1da48e]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-4d1da48e], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-4d1da48e], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-4d1da48e]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-4d1da48e], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-4d1da48e], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-4d1da48e]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-4d1da48e], .faqsContent .content .navigator ul li a.active[data-v-4d1da48e]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-4d1da48e]:hover {
    color: #000
}

.ps[data-v-4d1da48e] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-4d1da48e] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-4d1da48e], .ps__rail-y[data-v-4d1da48e] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-4d1da48e] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-4d1da48e], .ps--active-y > .ps__rail-y[data-v-4d1da48e] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-4d1da48e], .ps--focus > .ps__rail-y[data-v-4d1da48e], .ps--scrolling-x > .ps__rail-x[data-v-4d1da48e], .ps--scrolling-y > .ps__rail-y[data-v-4d1da48e], .ps:hover > .ps__rail-x[data-v-4d1da48e], .ps:hover > .ps__rail-y[data-v-4d1da48e] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-4d1da48e], .ps .ps__rail-x[data-v-4d1da48e]:focus, .ps .ps__rail-x[data-v-4d1da48e]:hover, .ps .ps__rail-y.ps--clicking[data-v-4d1da48e], .ps .ps__rail-y[data-v-4d1da48e]:focus, .ps .ps__rail-y[data-v-4d1da48e]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-4d1da48e] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-4d1da48e] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-4d1da48e], .ps__rail-x:focus > .ps__thumb-x[data-v-4d1da48e], .ps__rail-x:hover > .ps__thumb-x[data-v-4d1da48e] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-4d1da48e], .ps__rail-y:focus > .ps__thumb-y[data-v-4d1da48e], .ps__rail-y:hover > .ps__thumb-y[data-v-4d1da48e] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-4d1da48e] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-4d1da48e] {
        overflow: auto !important
    }
}

.md-field[data-v-4d1da48e] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-4d1da48e] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-4d1da48e] {
    color: #2a74f9
}

.md-field .md-error[data-v-4d1da48e] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-4d1da48e] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-4d1da48e], .md-field.md-has-value label[data-v-4d1da48e] {
    top: -10px
}

.form-control[data-v-4d1da48e], .md-field .md-input[data-v-4d1da48e], .md-field .md-textarea[data-v-4d1da48e], .winput[data-v-4d1da48e] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-4d1da48e] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-4d1da48e] {
    fill: #0d0d0d
}

.round[data-v-4d1da48e] {
    border-radius: 5px
}

.off[data-v-4d1da48e] {
    position: relative;
    cursor: default
}

.off > [data-v-4d1da48e] {
    opacity: .5
}

.off[data-v-4d1da48e]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-4d1da48e] {
    cursor: pointer
}

.close-page[data-v-4d1da48e] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-4d1da48e] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-4d1da48e], .slide-fade-leave-active[data-v-4d1da48e] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-4d1da48e], .slide-fade-leave-to[data-v-4d1da48e] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-4d1da48e {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-4d1da48e {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-4d1da48e] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-4d1da48e] {
    color: #ffcf5c
}

.button[data-v-4d1da48e] {
    font-weight: 700
}

.modal .modal-dialog[data-v-4d1da48e] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-4d1da48e] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-4d1da48e] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-4d1da48e], .modal .modal-dialog .modal-header[data-v-4d1da48e] {
    border: none
}

#chartCommisst .highcharts-title[data-v-4d1da48e] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-4d1da48e] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-4d1da48e] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-4d1da48e], .modal .modal-dialog form[data-v-4d1da48e] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-4d1da48e] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-4d1da48e], .FaqsDetail[data-v-4d1da48e] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-4d1da48e], .FaqsDetail[data-v-4d1da48e] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-4d1da48e], .FaqsDetail .headerMaster .boxHeader[data-v-4d1da48e] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-4d1da48e], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-4d1da48e] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-4d1da48e], .Faqs main[data-v-4d1da48e] {
    background-color: unset
}

.titleChartCandle[data-v-4d1da48e] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-4d1da48e] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-4d1da48e] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-4d1da48e] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-4d1da48e], .plotlineChart .time[data-v-4d1da48e] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-4d1da48e] {
    top: 51px
}

.boxHeader[data-v-4d1da48e] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-4d1da48e], .boxHeader .register[data-v-4d1da48e] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-4d1da48e] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-4d1da48e] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-4d1da48e] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-4d1da48e] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-4d1da48e]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-4d1da48e] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-4d1da48e]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-4d1da48e] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-4d1da48e]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-4d1da48e] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-4d1da48e] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-4d1da48e] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-4d1da48e] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-4d1da48e] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-4d1da48e] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-4d1da48e] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-4d1da48e] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-4d1da48e] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-4d1da48e] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-4d1da48e] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-4d1da48e] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-4d1da48e] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-4d1da48e] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-4d1da48e] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-4d1da48e] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-4d1da48e] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-4d1da48e] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-4d1da48e] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-4d1da48e] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-4d1da48e] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-4d1da48e] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-4d1da48e] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-4d1da48e] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-4d1da48e] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-4d1da48e] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-4d1da48e] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-4d1da48e] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-4d1da48e] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-4d1da48e] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-4d1da48e] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-4d1da48e] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-4d1da48e] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-4d1da48e] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-4d1da48e] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-4d1da48e] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-4d1da48e] {
        height: 56px !important
    }
}

input.form-control[data-v-4d1da48e], input[data-v-4d1da48e], select.form-control[data-v-4d1da48e], select[data-v-4d1da48e] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-4d1da48e] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-4d1da48e] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-4d1da48e] {
    line-height: 100%
}

.button.btn-long[data-v-4d1da48e] {
    padding: 10px 40px
}

.button.btn-radius[data-v-4d1da48e] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-4d1da48e] {
    border-radius: 20px
}

.button.btn-full[data-v-4d1da48e] {
    width: 100%
}

.button.btn-80[data-v-4d1da48e] {
    width: 80%
}

.button.hasIcon[data-v-4d1da48e] {
    padding-left: 50px
}

.button a[data-v-4d1da48e] {
    display: block
}

.button .labelIcon[data-v-4d1da48e] {
    position: absolute
}

.button .labelIcon svg[data-v-4d1da48e] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-4d1da48e] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-4d1da48e]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-4d1da48e] {
    outline: none
}

.keyboard-input-wrap[data-v-4d1da48e] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-4d1da48e] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-4d1da48e] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-4d1da48e] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-4d1da48e] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-4d1da48e] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-4d1da48e] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-4d1da48e] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-4d1da48e] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-4d1da48e] {
    font-size: 1.2em
}

.color-white[data-v-4d1da48e] {
    color: #fff
}

.color-white-50[data-v-4d1da48e] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-4d1da48e] {
    display: none
}

.ld-loading .loading[data-v-4d1da48e], .main-loading .loading[data-v-4d1da48e] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-4d1da48e] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-4d1da48e]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-4d1da48e]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-4d1da48e] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-4d1da48e] {
    -webkit-animation: rotate-data-v-4d1da48e 1s linear infinite;
    animation: rotate-data-v-4d1da48e 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-4d1da48e] {
    stroke: transparent
}

.wrapNotify[data-v-4d1da48e] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-4d1da48e] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-4d1da48e] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-4d1da48e] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-4d1da48e] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-4d1da48e] {
    display: block
}

.wrapNotify .close-notify[data-v-4d1da48e] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-4d1da48e] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-4d1da48e] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-4d1da48e] {
    background-color: transparent
}

.colorWhite[data-v-4d1da48e] {
    color: #fff
}

.colorRed[data-v-4d1da48e] {
    color: #f46273
}

.colorGreen[data-v-4d1da48e] {
    color: #31baa0
}

.colorGray[data-v-4d1da48e] {
    color: #7c7c7c
}

.tableBackground[data-v-4d1da48e] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-4d1da48e] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-4d1da48e], .tableBackground .table-dark th[data-v-4d1da48e] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-4d1da48e]:after, .tableBackground .table-dark th[data-v-4d1da48e]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-4d1da48e] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-4d1da48e], .tableBackground .table-dark th[data-v-4d1da48e] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-4d1da48e]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-4d1da48e]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-4d1da48e] {
    background-color: #060642
}

.tableBackground #paging li[data-v-4d1da48e] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-4d1da48e] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-4d1da48e] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-4d1da48e], .customeTradeHistory[data-v-4d1da48e] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-4d1da48e], .customeTradeHistory .reportrange-text[data-v-4d1da48e] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-4d1da48e], .customeTradeHistory .reportrange-text .seperate[data-v-4d1da48e] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-4d1da48e], .customeTradeHistory .reportrange-text span[data-v-4d1da48e] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-4d1da48e] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-4d1da48e] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-4d1da48e] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-4d1da48e]:after, .startDate .daterangepicker.openscenter[data-v-4d1da48e]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-4d1da48e] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-4d1da48e] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-4d1da48e] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-4d1da48e] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-4d1da48e] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-4d1da48e] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-4d1da48e] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-4d1da48e] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-4d1da48e] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-4d1da48e] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-4d1da48e] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-4d1da48e] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-4d1da48e] {
    text-align: center
}

.border-none[data-v-4d1da48e] {
    border: none
}

.text-domain[data-v-4d1da48e]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-4d1da48e] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-4d1da48e] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-4d1da48e] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-4d1da48e] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-4d1da48e] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-4d1da48e] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-4d1da48e] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-4d1da48e] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-4d1da48e] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-4d1da48e] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-4d1da48e] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-4d1da48e] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-4d1da48e] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-4d1da48e] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-4d1da48e] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-4d1da48e] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-4d1da48e] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-4d1da48e] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-4d1da48e] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-4d1da48e] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-4d1da48e] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-4d1da48e] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-4d1da48e] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-4d1da48e] {
    fill: #000
}

.btn-active-paging[data-v-4d1da48e] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-4d1da48e] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-4d1da48e] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-4d1da48e] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-4d1da48e], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-4d1da48e] {
    background: #8b8d96 !important
}

.transactionBox[data-v-4d1da48e] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-4d1da48e] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-4d1da48e] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-4d1da48e] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-4d1da48e] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-4d1da48e] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-4d1da48e] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-4d1da48e] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-4d1da48e] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-4d1da48e] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-4d1da48e] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-4d1da48e] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-4d1da48e] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-4d1da48e] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-4d1da48e] {
    color: #2a74f9 !important
}

.borderSubBanner[data-v-4d1da48e] {
    margin: auto;
    width: 90px;
    border-bottom: 1px solid hsla(0,0%,100%,.19)
}

.icon[data-v-4d1da48e] {
    width: 52px;
    height: 55px;
    margin-right: 1rem;
    background-size: cover;
    background-repeat: no-repeat
}

.icon.iconInvite[data-v-4d1da48e] {
    background-image: url(../img/1.a22c4b29.svg)
}

.icon.iconSign[data-v-4d1da48e] {
    background-image: url(../img/2.f08cb7aa.svg)
}

.icon.iconCommission[data-v-4d1da48e] {
    background-image: url(../img/3.6d9ba7af.svg)
}

@media (max-width:991px) {
    .borderSubBanner[data-v-4d1da48e] {
        width: 50px
    }
}

@media (max-width:768px) {
    .font-12m[data-v-4d1da48e] {
        font-size: .75rem !important
    }
}

body[data-v-d94e8bb6] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-d94e8bb6]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-d94e8bb6]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-d94e8bb6]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-d94e8bb6] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-d94e8bb6]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-d94e8bb6]::-webkit-inner-spin-button, input[data-v-d94e8bb6]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-d94e8bb6] {
    -moz-appearance: textfield
}

button[data-v-d94e8bb6]:focus, input[data-v-d94e8bb6]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-d94e8bb6] {
    font-size: 8px
}

.font-10[data-v-d94e8bb6] {
    font-size: .6rem !important
}

.font-12[data-v-d94e8bb6] {
    font-size: 12px
}

.font-14[data-v-d94e8bb6] {
    font-size: 14px
}

.font-16[data-v-d94e8bb6] {
    font-size: 16px
}

.font-18[data-v-d94e8bb6] {
    font-size: 18px
}

.font-20[data-v-d94e8bb6] {
    font-size: 20px
}

.font-24[data-v-d94e8bb6] {
    font-size: 24px
}

.font-32[data-v-d94e8bb6] {
    font-size: 32px
}

.font-34[data-v-d94e8bb6] {
    font-size: 34px
}

.font-40[data-v-d94e8bb6] {
    font-size: 2.5rem !important
}

.font-44[data-v-d94e8bb6] {
    font-size: 44px
}

.colorPrimary[data-v-d94e8bb6] {
    color: #2a74f9
}

.colorPrimary1[data-v-d94e8bb6] {
    color: #000 !important
}

.colorSecondary[data-v-d94e8bb6] {
    color: #fff !important
}

.colorSecondary1[data-v-d94e8bb6] {
    color: #414141 !important
}

.colorSecondary2[data-v-d94e8bb6] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-d94e8bb6] {
    color: #0d0d0d
}

.colorSecondary4[data-v-d94e8bb6] {
    color: #02142b
}

.colorSecondary5[data-v-d94e8bb6] {
    color: #1a1e24
}

.colorSecondary6[data-v-d94e8bb6] {
    color: #fafafa
}

.colorSecondary7[data-v-d94e8bb6] {
    color: #333
}

.colorSecondary8[data-v-d94e8bb6] {
    color: #0e0031
}

.colorSuccess[data-v-d94e8bb6] {
    color: #31baa0
}

.colorWarning[data-v-d94e8bb6] {
    color: #ffcf5c
}

.colorDanger[data-v-d94e8bb6] {
    color: #f46273
}

.fillPrimary[data-v-d94e8bb6] {
    fill: #2a74f9
}

.fillWarning[data-v-d94e8bb6] {
    fill: #ffcf5c
}

.fillDanger[data-v-d94e8bb6] {
    fill: #f46273
}

.fillSecondary1[data-v-d94e8bb6] {
    fill: #414141
}

.fillSecondary2[data-v-d94e8bb6] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-d94e8bb6] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-d94e8bb6] {
    fill: #02142b
}

.fillSecondary5[data-v-d94e8bb6] {
    fill: #1a1e24
}

.fillSecondary6[data-v-d94e8bb6] {
    fill: #fafafa
}

.fillSecondary7[data-v-d94e8bb6] {
    fill: #333
}

.fillSecondary8[data-v-d94e8bb6] {
    fill: #0e0031
}

.textnote-notidesc[data-v-d94e8bb6] {
    color: #fff
}

.bgColor0[data-v-d94e8bb6] {
    background-color: transparent
}

.bgPrimary-hover[data-v-d94e8bb6]:hover, .bgPrimary[data-v-d94e8bb6] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-d94e8bb6]:hover, .bgPrimary1[data-v-d94e8bb6] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-d94e8bb6]:hover, .bgPrimary2[data-v-d94e8bb6] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-d94e8bb6]:hover, .bgSecondary[data-v-d94e8bb6] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-d94e8bb6]:hover, .bgSecondary1[data-v-d94e8bb6] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-d94e8bb6]:hover, .bgSecondary2[data-v-d94e8bb6] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-d94e8bb6]:hover, .bgSecondary3[data-v-d94e8bb6] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-d94e8bb6] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-d94e8bb6] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-d94e8bb6]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-d94e8bb6]:hover, .bgSecondary5[data-v-d94e8bb6] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-d94e8bb6]:hover, .bgSecondary6[data-v-d94e8bb6] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-d94e8bb6]:hover, .bgSecondary7[data-v-d94e8bb6] {
    background-color: #333 !important
}

.bgSecondary8[data-v-d94e8bb6] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-d94e8bb6]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-d94e8bb6] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-d94e8bb6]:hover, .bgSuccess[data-v-d94e8bb6] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-d94e8bb6] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-d94e8bb6] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-d94e8bb6]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-d94e8bb6] {
    fill: #31baa0
}

.w-14-px[data-v-d94e8bb6] {
    width: 14px
}

.max-width-50[data-v-d94e8bb6] {
    max-width: 50%
}

.h-60-px[data-v-d94e8bb6] {
    height: 60px
}

.h-100-px[data-v-d94e8bb6] {
    height: 100px
}

.mb-16-px[data-v-d94e8bb6] {
    margin-bottom: 16px
}

.mb-30-px[data-v-d94e8bb6] {
    margin-bottom: 30px
}

.borderRounded[data-v-d94e8bb6] {
    border-radius: 5px
}

.borderPrimary[data-v-d94e8bb6] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-d94e8bb6] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-d94e8bb6] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-d94e8bb6] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-d94e8bb6] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-d94e8bb6] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-d94e8bb6] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-d94e8bb6] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-d94e8bb6] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-d94e8bb6] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-d94e8bb6] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-d94e8bb6] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-d94e8bb6] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-d94e8bb6] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-d94e8bb6]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-d94e8bb6] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-d94e8bb6] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-d94e8bb6] {
    padding: 1px
}

.px-1-px[data-v-d94e8bb6] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-d94e8bb6] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-d94e8bb6] {
    padding-left: 1px
}

.pr-1-px[data-v-d94e8bb6] {
    padding-right: 1px
}

.pt-1-px[data-v-d94e8bb6] {
    padding-top: 1px
}

.pb-1-px[data-v-d94e8bb6] {
    padding-bottom: 1px
}

.p-2-px[data-v-d94e8bb6] {
    padding: 2px
}

.px-2-px[data-v-d94e8bb6] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-d94e8bb6] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-d94e8bb6] {
    padding-left: 2px
}

.pr-2-px[data-v-d94e8bb6] {
    padding-right: 2px
}

.pt-2-px[data-v-d94e8bb6] {
    padding-top: 2px
}

.pb-2-px[data-v-d94e8bb6] {
    padding-bottom: 2px
}

.p-8-px[data-v-d94e8bb6] {
    padding: 8px
}

.px-8-px[data-v-d94e8bb6] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-d94e8bb6] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-d94e8bb6] {
    padding-left: 8px
}

.pr-8-px[data-v-d94e8bb6] {
    padding-right: 8px
}

.pt-8-px[data-v-d94e8bb6] {
    padding-top: 8px
}

.pb-8-px[data-v-d94e8bb6] {
    padding-bottom: 8px
}

.p-10-px[data-v-d94e8bb6] {
    padding: 10px
}

.px-10-px[data-v-d94e8bb6] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-d94e8bb6] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-d94e8bb6] {
    padding-left: 10px
}

.pr-10-px[data-v-d94e8bb6] {
    padding-right: 10px
}

.pt-10-px[data-v-d94e8bb6] {
    padding-top: 10px
}

.pb-10-px[data-v-d94e8bb6] {
    padding-bottom: 10px
}

.p-12-px[data-v-d94e8bb6] {
    padding: 12px
}

.px-12-px[data-v-d94e8bb6] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-d94e8bb6] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-d94e8bb6] {
    padding-left: 12px
}

.pr-12-px[data-v-d94e8bb6] {
    padding-right: 12px
}

.pt-12-px[data-v-d94e8bb6] {
    padding-top: 12px
}

.pb-12-px[data-v-d94e8bb6] {
    padding-bottom: 12px
}

.p-16-px[data-v-d94e8bb6] {
    padding: 16px
}

.px-16-px[data-v-d94e8bb6] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-d94e8bb6] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-d94e8bb6] {
    padding-left: 16px
}

.pr-16-px[data-v-d94e8bb6] {
    padding-right: 16px
}

.pt-16-px[data-v-d94e8bb6] {
    padding-top: 16px
}

.pb-16-px[data-v-d94e8bb6] {
    padding-bottom: 16px
}

.p-30-px[data-v-d94e8bb6] {
    padding: 30px
}

.px-30-px[data-v-d94e8bb6] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-d94e8bb6] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-d94e8bb6] {
    padding-left: 30px
}

.pr-30-px[data-v-d94e8bb6] {
    padding-right: 30px
}

.pt-30-px[data-v-d94e8bb6] {
    padding-top: 30px
}

.pb-30-px[data-v-d94e8bb6] {
    padding-bottom: 30px
}

.font-30[data-v-d94e8bb6] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-d94e8bb6] {
    font-weight: 700
}

.wbo-title[data-v-d94e8bb6] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-d94e8bb6] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-d94e8bb6] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-d94e8bb6] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-d94e8bb6]:focus {
        outline: 0
    }

    .button[data-v-d94e8bb6]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-d94e8bb6] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-d94e8bb6]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-d94e8bb6] {
    padding: 11px 2.5rem
}

.button.primary[data-v-d94e8bb6], .button.primary[data-v-d94e8bb6]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-d94e8bb6], .text-primary[data-v-d94e8bb6], a .primary-hover[data-v-d94e8bb6]:hover {
    color: #000 !important
}

ul[data-v-d94e8bb6] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-d94e8bb6], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-d94e8bb6] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-d94e8bb6]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-d94e8bb6]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-d94e8bb6], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-d94e8bb6], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-d94e8bb6]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-d94e8bb6], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-d94e8bb6], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-d94e8bb6]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-d94e8bb6], .faqsContent .content .navigator ul li a.active[data-v-d94e8bb6]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-d94e8bb6]:hover {
    color: #000
}

.ps[data-v-d94e8bb6] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-d94e8bb6] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-d94e8bb6], .ps__rail-y[data-v-d94e8bb6] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-d94e8bb6] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-d94e8bb6], .ps--active-y > .ps__rail-y[data-v-d94e8bb6] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-d94e8bb6], .ps--focus > .ps__rail-y[data-v-d94e8bb6], .ps--scrolling-x > .ps__rail-x[data-v-d94e8bb6], .ps--scrolling-y > .ps__rail-y[data-v-d94e8bb6], .ps:hover > .ps__rail-x[data-v-d94e8bb6], .ps:hover > .ps__rail-y[data-v-d94e8bb6] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-d94e8bb6], .ps .ps__rail-x[data-v-d94e8bb6]:focus, .ps .ps__rail-x[data-v-d94e8bb6]:hover, .ps .ps__rail-y.ps--clicking[data-v-d94e8bb6], .ps .ps__rail-y[data-v-d94e8bb6]:focus, .ps .ps__rail-y[data-v-d94e8bb6]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-d94e8bb6] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-d94e8bb6] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-d94e8bb6], .ps__rail-x:focus > .ps__thumb-x[data-v-d94e8bb6], .ps__rail-x:hover > .ps__thumb-x[data-v-d94e8bb6] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-d94e8bb6], .ps__rail-y:focus > .ps__thumb-y[data-v-d94e8bb6], .ps__rail-y:hover > .ps__thumb-y[data-v-d94e8bb6] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-d94e8bb6] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-d94e8bb6] {
        overflow: auto !important
    }
}

.md-field[data-v-d94e8bb6] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-d94e8bb6] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-d94e8bb6] {
    color: #2a74f9
}

.md-field .md-error[data-v-d94e8bb6] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-d94e8bb6] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-d94e8bb6], .md-field.md-has-value label[data-v-d94e8bb6] {
    top: -10px
}

.form-control[data-v-d94e8bb6], .md-field .md-input[data-v-d94e8bb6], .md-field .md-textarea[data-v-d94e8bb6], .winput[data-v-d94e8bb6] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-d94e8bb6] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-d94e8bb6] {
    fill: #0d0d0d
}

.round[data-v-d94e8bb6] {
    border-radius: 5px
}

.off[data-v-d94e8bb6] {
    position: relative;
    cursor: default
}

.off > [data-v-d94e8bb6] {
    opacity: .5
}

.off[data-v-d94e8bb6]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-d94e8bb6] {
    cursor: pointer
}

.close-page[data-v-d94e8bb6] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-d94e8bb6] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-d94e8bb6], .slide-fade-leave-active[data-v-d94e8bb6] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-d94e8bb6], .slide-fade-leave-to[data-v-d94e8bb6] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-d94e8bb6 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-d94e8bb6 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-d94e8bb6] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-d94e8bb6] {
    color: #ffcf5c
}

.button[data-v-d94e8bb6] {
    font-weight: 700
}

.modal .modal-dialog[data-v-d94e8bb6] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-d94e8bb6] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-d94e8bb6] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-d94e8bb6], .modal .modal-dialog .modal-header[data-v-d94e8bb6] {
    border: none
}

#chartCommisst .highcharts-title[data-v-d94e8bb6] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-d94e8bb6] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-d94e8bb6] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-d94e8bb6], .modal .modal-dialog form[data-v-d94e8bb6] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-d94e8bb6] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-d94e8bb6], .FaqsDetail[data-v-d94e8bb6] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-d94e8bb6], .FaqsDetail[data-v-d94e8bb6] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-d94e8bb6], .FaqsDetail .headerMaster .boxHeader[data-v-d94e8bb6] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-d94e8bb6], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-d94e8bb6] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-d94e8bb6], .Faqs main[data-v-d94e8bb6] {
    background-color: unset
}

.titleChartCandle[data-v-d94e8bb6] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-d94e8bb6] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-d94e8bb6] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-d94e8bb6] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-d94e8bb6], .plotlineChart .time[data-v-d94e8bb6] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-d94e8bb6] {
    top: 51px
}

.boxHeader[data-v-d94e8bb6] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-d94e8bb6], .boxHeader .register[data-v-d94e8bb6] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-d94e8bb6] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-d94e8bb6] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-d94e8bb6] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-d94e8bb6] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-d94e8bb6]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-d94e8bb6] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-d94e8bb6]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-d94e8bb6] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-d94e8bb6]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-d94e8bb6] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-d94e8bb6] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-d94e8bb6] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-d94e8bb6] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-d94e8bb6] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-d94e8bb6] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-d94e8bb6] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-d94e8bb6] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-d94e8bb6] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-d94e8bb6] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-d94e8bb6] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-d94e8bb6] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-d94e8bb6] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-d94e8bb6] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-d94e8bb6] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-d94e8bb6] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-d94e8bb6] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-d94e8bb6] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-d94e8bb6] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-d94e8bb6] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-d94e8bb6] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-d94e8bb6] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-d94e8bb6] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-d94e8bb6] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-d94e8bb6] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-d94e8bb6] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-d94e8bb6] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-d94e8bb6] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-d94e8bb6] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-d94e8bb6] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-d94e8bb6] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-d94e8bb6] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-d94e8bb6] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-d94e8bb6] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-d94e8bb6] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-d94e8bb6] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-d94e8bb6] {
        height: 56px !important
    }
}

input.form-control[data-v-d94e8bb6], input[data-v-d94e8bb6], select.form-control[data-v-d94e8bb6], select[data-v-d94e8bb6] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-d94e8bb6] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-d94e8bb6] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-d94e8bb6] {
    line-height: 100%
}

.button.btn-long[data-v-d94e8bb6] {
    padding: 10px 40px
}

.button.btn-radius[data-v-d94e8bb6] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-d94e8bb6] {
    border-radius: 20px
}

.button.btn-full[data-v-d94e8bb6] {
    width: 100%
}

.button.btn-80[data-v-d94e8bb6] {
    width: 80%
}

.button.hasIcon[data-v-d94e8bb6] {
    padding-left: 50px
}

.button a[data-v-d94e8bb6] {
    display: block
}

.button .labelIcon[data-v-d94e8bb6] {
    position: absolute
}

.button .labelIcon svg[data-v-d94e8bb6] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-d94e8bb6] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-d94e8bb6]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-d94e8bb6] {
    outline: none
}

.keyboard-input-wrap[data-v-d94e8bb6] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-d94e8bb6] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-d94e8bb6] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-d94e8bb6] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-d94e8bb6] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-d94e8bb6] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-d94e8bb6] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-d94e8bb6] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-d94e8bb6] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-d94e8bb6] {
    font-size: 1.2em
}

.color-white[data-v-d94e8bb6] {
    color: #fff
}

.color-white-50[data-v-d94e8bb6] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-d94e8bb6] {
    display: none
}

.ld-loading .loading[data-v-d94e8bb6], .main-loading .loading[data-v-d94e8bb6] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-d94e8bb6] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-d94e8bb6]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-d94e8bb6]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-d94e8bb6] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-d94e8bb6] {
    -webkit-animation: rotate-data-v-d94e8bb6 1s linear infinite;
    animation: rotate-data-v-d94e8bb6 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-d94e8bb6] {
    stroke: transparent
}

.wrapNotify[data-v-d94e8bb6] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-d94e8bb6] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-d94e8bb6] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-d94e8bb6] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-d94e8bb6] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-d94e8bb6] {
    display: block
}

.wrapNotify .close-notify[data-v-d94e8bb6] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-d94e8bb6] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-d94e8bb6] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-d94e8bb6] {
    background-color: transparent
}

.colorWhite[data-v-d94e8bb6] {
    color: #fff
}

.colorRed[data-v-d94e8bb6] {
    color: #f46273
}

.colorGreen[data-v-d94e8bb6] {
    color: #31baa0
}

.colorGray[data-v-d94e8bb6] {
    color: #7c7c7c
}

.tableBackground[data-v-d94e8bb6] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-d94e8bb6] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-d94e8bb6], .tableBackground .table-dark th[data-v-d94e8bb6] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-d94e8bb6]:after, .tableBackground .table-dark th[data-v-d94e8bb6]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-d94e8bb6] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-d94e8bb6], .tableBackground .table-dark th[data-v-d94e8bb6] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-d94e8bb6]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-d94e8bb6]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-d94e8bb6] {
    background-color: #060642
}

.tableBackground #paging li[data-v-d94e8bb6] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-d94e8bb6] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-d94e8bb6] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-d94e8bb6], .customeTradeHistory[data-v-d94e8bb6] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-d94e8bb6], .customeTradeHistory .reportrange-text[data-v-d94e8bb6] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-d94e8bb6], .customeTradeHistory .reportrange-text .seperate[data-v-d94e8bb6] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-d94e8bb6], .customeTradeHistory .reportrange-text span[data-v-d94e8bb6] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-d94e8bb6] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-d94e8bb6] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-d94e8bb6] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-d94e8bb6]:after, .startDate .daterangepicker.openscenter[data-v-d94e8bb6]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-d94e8bb6] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-d94e8bb6] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-d94e8bb6] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-d94e8bb6] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-d94e8bb6] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-d94e8bb6] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-d94e8bb6] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-d94e8bb6] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-d94e8bb6] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-d94e8bb6] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-d94e8bb6] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-d94e8bb6] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-d94e8bb6] {
    text-align: center
}

.border-none[data-v-d94e8bb6] {
    border: none
}

.text-domain[data-v-d94e8bb6]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-d94e8bb6] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-d94e8bb6] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-d94e8bb6] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-d94e8bb6] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-d94e8bb6] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-d94e8bb6] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-d94e8bb6] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-d94e8bb6] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-d94e8bb6] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-d94e8bb6] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-d94e8bb6] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-d94e8bb6] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-d94e8bb6] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-d94e8bb6] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-d94e8bb6] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-d94e8bb6] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-d94e8bb6] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-d94e8bb6] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-d94e8bb6] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-d94e8bb6] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-d94e8bb6] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-d94e8bb6] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-d94e8bb6] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-d94e8bb6] {
    fill: #000
}

.btn-active-paging[data-v-d94e8bb6] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-d94e8bb6] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-d94e8bb6] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-d94e8bb6] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-d94e8bb6], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-d94e8bb6] {
    background: #8b8d96 !important
}

.transactionBox[data-v-d94e8bb6] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-d94e8bb6] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-d94e8bb6] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-d94e8bb6] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-d94e8bb6] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-d94e8bb6] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-d94e8bb6] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-d94e8bb6] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-d94e8bb6] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-d94e8bb6] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-d94e8bb6] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-d94e8bb6] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-d94e8bb6] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-d94e8bb6] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-d94e8bb6] {
    color: #2a74f9 !important
}

.title[data-v-d94e8bb6] {
    color: #043076;
    font-weight: 700;
    margin-bottom: 0
}

.title.titleSm[data-v-d94e8bb6] {
    font-size: 1.125rem
}

.wrap-chart[data-v-d94e8bb6] {
    z-index: 2;
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative
}

.wrap-chart .header[data-v-d94e8bb6] {
    padding: 15px;
    border-bottom: 1px solid #414141;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.wrap-chart .header .control[data-v-d94e8bb6] {
    cursor: pointer;
    color: #7c7c7c
}

.wrap-chart .total-income[data-v-d94e8bb6] {
    position: absolute;
    top: 60px;
    left: 50%;
    background: #414141;
    border: 1px solid #414141;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 1em;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.wrap-chart .total-income span[data-v-d94e8bb6] {
    color: #31baa0;
    font-weight: 700
}

.wrap-chart .total-income p[data-v-d94e8bb6] {
    margin-bottom: 0
}

.wrap-chart .chart-instance[data-v-d94e8bb6] {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-bottom: 0
}

.wrap-chart .chartHight[data-v-d94e8bb6] {
    height: 225px
}

body[data-v-101198cc] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-101198cc]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-101198cc]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-101198cc]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-101198cc] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-101198cc]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-101198cc]::-webkit-inner-spin-button, input[data-v-101198cc]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-101198cc] {
    -moz-appearance: textfield
}

button[data-v-101198cc]:focus, input[data-v-101198cc]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-101198cc] {
    font-size: 8px
}

.font-10[data-v-101198cc] {
    font-size: .6rem !important
}

.font-12[data-v-101198cc] {
    font-size: 12px
}

.font-14[data-v-101198cc] {
    font-size: 14px
}

.font-16[data-v-101198cc] {
    font-size: 16px
}

.font-18[data-v-101198cc] {
    font-size: 18px
}

.font-20[data-v-101198cc] {
    font-size: 20px
}

.font-24[data-v-101198cc] {
    font-size: 24px
}

.font-32[data-v-101198cc] {
    font-size: 32px
}

.font-34[data-v-101198cc] {
    font-size: 34px
}

.font-40[data-v-101198cc] {
    font-size: 2.5rem !important
}

.font-44[data-v-101198cc] {
    font-size: 44px
}

.colorPrimary[data-v-101198cc] {
    color: #2a74f9
}

.colorPrimary1[data-v-101198cc] {
    color: #000 !important
}

.colorSecondary[data-v-101198cc] {
    color: #fff !important
}

.colorSecondary1[data-v-101198cc] {
    color: #414141 !important
}

.colorSecondary2[data-v-101198cc] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-101198cc] {
    color: #0d0d0d
}

.colorSecondary4[data-v-101198cc] {
    color: #02142b
}

.colorSecondary5[data-v-101198cc] {
    color: #1a1e24
}

.colorSecondary6[data-v-101198cc] {
    color: #fafafa
}

.colorSecondary7[data-v-101198cc] {
    color: #333
}

.colorSecondary8[data-v-101198cc] {
    color: #0e0031
}

.colorSuccess[data-v-101198cc] {
    color: #31baa0
}

.colorWarning[data-v-101198cc] {
    color: #ffcf5c
}

.colorDanger[data-v-101198cc] {
    color: #f46273
}

.fillPrimary[data-v-101198cc] {
    fill: #2a74f9
}

.fillWarning[data-v-101198cc] {
    fill: #ffcf5c
}

.fillDanger[data-v-101198cc] {
    fill: #f46273
}

.fillSecondary1[data-v-101198cc] {
    fill: #414141
}

.fillSecondary2[data-v-101198cc] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-101198cc] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-101198cc] {
    fill: #02142b
}

.fillSecondary5[data-v-101198cc] {
    fill: #1a1e24
}

.fillSecondary6[data-v-101198cc] {
    fill: #fafafa
}

.fillSecondary7[data-v-101198cc] {
    fill: #333
}

.fillSecondary8[data-v-101198cc] {
    fill: #0e0031
}

.textnote-notidesc[data-v-101198cc] {
    color: #fff
}

.bgColor0[data-v-101198cc] {
    background-color: transparent
}

.bgPrimary-hover[data-v-101198cc]:hover, .bgPrimary[data-v-101198cc] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-101198cc]:hover, .bgPrimary1[data-v-101198cc] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-101198cc]:hover, .bgPrimary2[data-v-101198cc] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-101198cc]:hover, .bgSecondary[data-v-101198cc] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-101198cc]:hover, .bgSecondary1[data-v-101198cc] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-101198cc]:hover, .bgSecondary2[data-v-101198cc] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-101198cc]:hover, .bgSecondary3[data-v-101198cc] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-101198cc] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-101198cc] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-101198cc]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-101198cc]:hover, .bgSecondary5[data-v-101198cc] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-101198cc]:hover, .bgSecondary6[data-v-101198cc] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-101198cc]:hover, .bgSecondary7[data-v-101198cc] {
    background-color: #333 !important
}

.bgSecondary8[data-v-101198cc] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-101198cc]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-101198cc] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-101198cc]:hover, .bgSuccess[data-v-101198cc] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-101198cc] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-101198cc] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-101198cc]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-101198cc] {
    fill: #31baa0
}

.w-14-px[data-v-101198cc] {
    width: 14px
}

.max-width-50[data-v-101198cc] {
    max-width: 50%
}

.h-60-px[data-v-101198cc] {
    height: 60px
}

.h-100-px[data-v-101198cc] {
    height: 100px
}

.mb-16-px[data-v-101198cc] {
    margin-bottom: 16px
}

.mb-30-px[data-v-101198cc] {
    margin-bottom: 30px
}

.borderRounded[data-v-101198cc] {
    border-radius: 5px
}

.borderPrimary[data-v-101198cc] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-101198cc] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-101198cc] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-101198cc] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-101198cc] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-101198cc] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-101198cc] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-101198cc] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-101198cc] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-101198cc] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-101198cc] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-101198cc] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-101198cc] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-101198cc] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-101198cc]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-101198cc] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-101198cc] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-101198cc] {
    padding: 1px
}

.px-1-px[data-v-101198cc] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-101198cc] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-101198cc] {
    padding-left: 1px
}

.pr-1-px[data-v-101198cc] {
    padding-right: 1px
}

.pt-1-px[data-v-101198cc] {
    padding-top: 1px
}

.pb-1-px[data-v-101198cc] {
    padding-bottom: 1px
}

.p-2-px[data-v-101198cc] {
    padding: 2px
}

.px-2-px[data-v-101198cc] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-101198cc] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-101198cc] {
    padding-left: 2px
}

.pr-2-px[data-v-101198cc] {
    padding-right: 2px
}

.pt-2-px[data-v-101198cc] {
    padding-top: 2px
}

.pb-2-px[data-v-101198cc] {
    padding-bottom: 2px
}

.p-8-px[data-v-101198cc] {
    padding: 8px
}

.px-8-px[data-v-101198cc] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-101198cc] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-101198cc] {
    padding-left: 8px
}

.pr-8-px[data-v-101198cc] {
    padding-right: 8px
}

.pt-8-px[data-v-101198cc] {
    padding-top: 8px
}

.pb-8-px[data-v-101198cc] {
    padding-bottom: 8px
}

.p-10-px[data-v-101198cc] {
    padding: 10px
}

.px-10-px[data-v-101198cc] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-101198cc] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-101198cc] {
    padding-left: 10px
}

.pr-10-px[data-v-101198cc] {
    padding-right: 10px
}

.pt-10-px[data-v-101198cc] {
    padding-top: 10px
}

.pb-10-px[data-v-101198cc] {
    padding-bottom: 10px
}

.p-12-px[data-v-101198cc] {
    padding: 12px
}

.px-12-px[data-v-101198cc] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-101198cc] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-101198cc] {
    padding-left: 12px
}

.pr-12-px[data-v-101198cc] {
    padding-right: 12px
}

.pt-12-px[data-v-101198cc] {
    padding-top: 12px
}

.pb-12-px[data-v-101198cc] {
    padding-bottom: 12px
}

.p-16-px[data-v-101198cc] {
    padding: 16px
}

.px-16-px[data-v-101198cc] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-101198cc] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-101198cc] {
    padding-left: 16px
}

.pr-16-px[data-v-101198cc] {
    padding-right: 16px
}

.pt-16-px[data-v-101198cc] {
    padding-top: 16px
}

.pb-16-px[data-v-101198cc] {
    padding-bottom: 16px
}

.p-30-px[data-v-101198cc] {
    padding: 30px
}

.px-30-px[data-v-101198cc] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-101198cc] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-101198cc] {
    padding-left: 30px
}

.pr-30-px[data-v-101198cc] {
    padding-right: 30px
}

.pt-30-px[data-v-101198cc] {
    padding-top: 30px
}

.pb-30-px[data-v-101198cc] {
    padding-bottom: 30px
}

.font-30[data-v-101198cc] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-101198cc] {
    font-weight: 700
}

.wbo-title[data-v-101198cc] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-101198cc] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-101198cc] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-101198cc] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-101198cc]:focus {
        outline: 0
    }

    .button[data-v-101198cc]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-101198cc] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-101198cc]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-101198cc] {
    padding: 11px 2.5rem
}

.button.primary[data-v-101198cc], .button.primary[data-v-101198cc]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-101198cc], .text-primary[data-v-101198cc], a .primary-hover[data-v-101198cc]:hover {
    color: #000 !important
}

ul[data-v-101198cc] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-101198cc], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-101198cc] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-101198cc]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-101198cc]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-101198cc], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-101198cc], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-101198cc]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-101198cc], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-101198cc], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-101198cc]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-101198cc], .faqsContent .content .navigator ul li a.active[data-v-101198cc]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-101198cc]:hover {
    color: #000
}

.ps[data-v-101198cc] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-101198cc] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-101198cc], .ps__rail-y[data-v-101198cc] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-101198cc] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-101198cc], .ps--active-y > .ps__rail-y[data-v-101198cc] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-101198cc], .ps--focus > .ps__rail-y[data-v-101198cc], .ps--scrolling-x > .ps__rail-x[data-v-101198cc], .ps--scrolling-y > .ps__rail-y[data-v-101198cc], .ps:hover > .ps__rail-x[data-v-101198cc], .ps:hover > .ps__rail-y[data-v-101198cc] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-101198cc], .ps .ps__rail-x[data-v-101198cc]:focus, .ps .ps__rail-x[data-v-101198cc]:hover, .ps .ps__rail-y.ps--clicking[data-v-101198cc], .ps .ps__rail-y[data-v-101198cc]:focus, .ps .ps__rail-y[data-v-101198cc]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-101198cc] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-101198cc] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-101198cc], .ps__rail-x:focus > .ps__thumb-x[data-v-101198cc], .ps__rail-x:hover > .ps__thumb-x[data-v-101198cc] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-101198cc], .ps__rail-y:focus > .ps__thumb-y[data-v-101198cc], .ps__rail-y:hover > .ps__thumb-y[data-v-101198cc] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-101198cc] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-101198cc] {
        overflow: auto !important
    }
}

.md-field[data-v-101198cc] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-101198cc] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-101198cc] {
    color: #2a74f9
}

.md-field .md-error[data-v-101198cc] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-101198cc] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-101198cc], .md-field.md-has-value label[data-v-101198cc] {
    top: -10px
}

.form-control[data-v-101198cc], .md-field .md-input[data-v-101198cc], .md-field .md-textarea[data-v-101198cc], .winput[data-v-101198cc] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-101198cc] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-101198cc] {
    fill: #0d0d0d
}

.round[data-v-101198cc] {
    border-radius: 5px
}

.off[data-v-101198cc] {
    position: relative;
    cursor: default
}

.off > [data-v-101198cc] {
    opacity: .5
}

.off[data-v-101198cc]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-101198cc] {
    cursor: pointer
}

.close-page[data-v-101198cc] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-101198cc] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-101198cc], .slide-fade-leave-active[data-v-101198cc] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-101198cc], .slide-fade-leave-to[data-v-101198cc] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-101198cc {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-101198cc {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-101198cc] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-101198cc] {
    color: #ffcf5c
}

.button[data-v-101198cc] {
    font-weight: 700
}

.modal .modal-dialog[data-v-101198cc] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-101198cc] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-101198cc] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-101198cc], .modal .modal-dialog .modal-header[data-v-101198cc] {
    border: none
}

#chartCommisst .highcharts-title[data-v-101198cc] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-101198cc] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-101198cc] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-101198cc], .modal .modal-dialog form[data-v-101198cc] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-101198cc] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-101198cc], .FaqsDetail[data-v-101198cc] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-101198cc], .FaqsDetail[data-v-101198cc] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-101198cc], .FaqsDetail .headerMaster .boxHeader[data-v-101198cc] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-101198cc], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-101198cc] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-101198cc], .Faqs main[data-v-101198cc] {
    background-color: unset
}

.titleChartCandle[data-v-101198cc] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-101198cc] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-101198cc] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-101198cc] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-101198cc], .plotlineChart .time[data-v-101198cc] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-101198cc] {
    top: 51px
}

.boxHeader[data-v-101198cc] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-101198cc], .boxHeader .register[data-v-101198cc] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-101198cc] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-101198cc] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-101198cc] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-101198cc] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-101198cc]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-101198cc] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-101198cc]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-101198cc] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-101198cc]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-101198cc] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-101198cc] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-101198cc] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-101198cc] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-101198cc] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-101198cc] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-101198cc] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-101198cc] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-101198cc] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-101198cc] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-101198cc] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-101198cc] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-101198cc] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-101198cc] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-101198cc] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-101198cc] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-101198cc] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-101198cc] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-101198cc] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-101198cc] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-101198cc] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-101198cc] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-101198cc] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-101198cc] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-101198cc] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-101198cc] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-101198cc] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-101198cc] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-101198cc] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-101198cc] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-101198cc] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-101198cc] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-101198cc] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-101198cc] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-101198cc] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-101198cc] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-101198cc] {
        height: 56px !important
    }
}

input.form-control[data-v-101198cc], input[data-v-101198cc], select.form-control[data-v-101198cc], select[data-v-101198cc] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-101198cc] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-101198cc] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-101198cc] {
    line-height: 100%
}

.button.btn-long[data-v-101198cc] {
    padding: 10px 40px
}

.button.btn-radius[data-v-101198cc] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-101198cc] {
    border-radius: 20px
}

.button.btn-full[data-v-101198cc] {
    width: 100%
}

.button.btn-80[data-v-101198cc] {
    width: 80%
}

.button.hasIcon[data-v-101198cc] {
    padding-left: 50px
}

.button a[data-v-101198cc] {
    display: block
}

.button .labelIcon[data-v-101198cc] {
    position: absolute
}

.button .labelIcon svg[data-v-101198cc] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-101198cc] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-101198cc]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-101198cc] {
    outline: none
}

.keyboard-input-wrap[data-v-101198cc] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-101198cc] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-101198cc] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-101198cc] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-101198cc] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-101198cc] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-101198cc] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-101198cc] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-101198cc] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-101198cc] {
    font-size: 1.2em
}

.color-white[data-v-101198cc] {
    color: #fff
}

.color-white-50[data-v-101198cc] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-101198cc] {
    display: none
}

.ld-loading .loading[data-v-101198cc], .main-loading .loading[data-v-101198cc] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-101198cc] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-101198cc]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-101198cc]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-101198cc] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-101198cc] {
    -webkit-animation: rotate-data-v-101198cc 1s linear infinite;
    animation: rotate-data-v-101198cc 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-101198cc] {
    stroke: transparent
}

.wrapNotify[data-v-101198cc] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-101198cc] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-101198cc] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-101198cc] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-101198cc] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-101198cc] {
    display: block
}

.wrapNotify .close-notify[data-v-101198cc] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-101198cc] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-101198cc] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-101198cc] {
    background-color: transparent
}

.colorWhite[data-v-101198cc] {
    color: #fff
}

.colorRed[data-v-101198cc] {
    color: #f46273
}

.colorGreen[data-v-101198cc] {
    color: #31baa0
}

.colorGray[data-v-101198cc] {
    color: #7c7c7c
}

.tableBackground[data-v-101198cc] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-101198cc] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-101198cc], .tableBackground .table-dark th[data-v-101198cc] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-101198cc]:after, .tableBackground .table-dark th[data-v-101198cc]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-101198cc] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-101198cc], .tableBackground .table-dark th[data-v-101198cc] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-101198cc]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-101198cc]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-101198cc] {
    background-color: #060642
}

.tableBackground #paging li[data-v-101198cc] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-101198cc] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-101198cc] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-101198cc], .customeTradeHistory[data-v-101198cc] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-101198cc], .customeTradeHistory .reportrange-text[data-v-101198cc] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-101198cc], .customeTradeHistory .reportrange-text .seperate[data-v-101198cc] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-101198cc], .customeTradeHistory .reportrange-text span[data-v-101198cc] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-101198cc] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-101198cc] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-101198cc] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-101198cc]:after, .startDate .daterangepicker.openscenter[data-v-101198cc]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-101198cc] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-101198cc] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-101198cc] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-101198cc] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-101198cc] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-101198cc] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-101198cc] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-101198cc] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-101198cc] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-101198cc] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-101198cc] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-101198cc] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-101198cc] {
    text-align: center
}

.border-none[data-v-101198cc] {
    border: none
}

.text-domain[data-v-101198cc]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-101198cc] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-101198cc] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-101198cc] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-101198cc] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-101198cc] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-101198cc] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-101198cc] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-101198cc] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-101198cc] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-101198cc] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-101198cc] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-101198cc] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-101198cc] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-101198cc] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-101198cc] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-101198cc] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-101198cc] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-101198cc] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-101198cc] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-101198cc] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-101198cc] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-101198cc] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-101198cc] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-101198cc] {
    fill: #000
}

.btn-active-paging[data-v-101198cc] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-101198cc] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-101198cc] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-101198cc] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-101198cc], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-101198cc] {
    background: #8b8d96 !important
}

.transactionBox[data-v-101198cc] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-101198cc] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-101198cc] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-101198cc] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-101198cc] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-101198cc] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-101198cc] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-101198cc] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-101198cc] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-101198cc] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-101198cc] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-101198cc] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-101198cc] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-101198cc] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-101198cc] {
    color: #2a74f9 !important
}

.container[data-v-101198cc] {
    max-width: 100%
}

.menuHeaderLink[data-v-101198cc] {
    white-space: nowrap
}

.nav-link[data-v-101198cc] {
    color: hsla(0,0%,100%,.5)
}

.backgroundDark[data-v-101198cc] {
    background-color: #02142b
}

.menuHeaderLink .nav-item .nav-link[data-v-101198cc] {
    height: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    font-size: 16px;
    color: #89809f;
    padding: .75rem 1rem
}

.menuHeaderLink .nav-item .nav-link.router-link-active[data-v-101198cc] {
    color: #fff;
    font-weight: 700
}

    .menuHeaderLink .nav-item .nav-link.router-link-active[data-v-101198cc]:after {
        content: "";
        display: block;
        width: 100%;
        height: 4px;
        background: #2a74f9;
        border-radius: 4px 4px 0 0;
        position: absolute;
        bottom: 0;
        left: 0
    }

@media screen and (max-width:768px) {
    .menuHeaderLink[data-v-101198cc] {
        width: 100%;
        overflow: hidden;
        overflow-x: auto;
        display: block
    }

    .menuHeaderLink li[data-v-101198cc] {
        display: inline
    }

    .menuHeaderLink li a[data-v-101198cc] {
        display: inline-block !important
    }

    .menuHeaderLink .nav-item .nav-link[data-v-101198cc] {
        height: 42px
    }
}

@media (max-width:768px) {
    .menuHeaderLink[data-v-101198cc] {
        padding: 5px 0
    }

    .menuHeaderLink .nav-item .nav-link[data-v-101198cc] {
        height: auto;
        line-height: normal
    }
}

body[data-v-19b9d4f3] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-19b9d4f3]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-19b9d4f3]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-19b9d4f3]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-19b9d4f3] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-19b9d4f3]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-19b9d4f3]::-webkit-inner-spin-button, input[data-v-19b9d4f3]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-19b9d4f3] {
    -moz-appearance: textfield
}

button[data-v-19b9d4f3]:focus, input[data-v-19b9d4f3]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-19b9d4f3] {
    font-size: 8px
}

.font-10[data-v-19b9d4f3] {
    font-size: .6rem !important
}

.font-12[data-v-19b9d4f3] {
    font-size: 12px
}

.font-14[data-v-19b9d4f3] {
    font-size: 14px
}

.font-16[data-v-19b9d4f3] {
    font-size: 16px
}

.font-18[data-v-19b9d4f3] {
    font-size: 18px
}

.font-20[data-v-19b9d4f3] {
    font-size: 20px
}

.font-24[data-v-19b9d4f3] {
    font-size: 24px
}

.font-32[data-v-19b9d4f3] {
    font-size: 32px
}

.font-34[data-v-19b9d4f3] {
    font-size: 34px
}

.font-40[data-v-19b9d4f3] {
    font-size: 2.5rem !important
}

.font-44[data-v-19b9d4f3] {
    font-size: 44px
}

.colorPrimary[data-v-19b9d4f3] {
    color: #2a74f9
}

.colorPrimary1[data-v-19b9d4f3] {
    color: #000 !important
}

.colorSecondary[data-v-19b9d4f3] {
    color: #fff !important
}

.colorSecondary1[data-v-19b9d4f3] {
    color: #414141 !important
}

.colorSecondary2[data-v-19b9d4f3] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-19b9d4f3] {
    color: #0d0d0d
}

.colorSecondary4[data-v-19b9d4f3] {
    color: #02142b
}

.colorSecondary5[data-v-19b9d4f3] {
    color: #1a1e24
}

.colorSecondary6[data-v-19b9d4f3] {
    color: #fafafa
}

.colorSecondary7[data-v-19b9d4f3] {
    color: #333
}

.colorSecondary8[data-v-19b9d4f3] {
    color: #0e0031
}

.colorSuccess[data-v-19b9d4f3] {
    color: #31baa0
}

.colorWarning[data-v-19b9d4f3] {
    color: #ffcf5c
}

.colorDanger[data-v-19b9d4f3] {
    color: #f46273
}

.fillPrimary[data-v-19b9d4f3] {
    fill: #2a74f9
}

.fillWarning[data-v-19b9d4f3] {
    fill: #ffcf5c
}

.fillDanger[data-v-19b9d4f3] {
    fill: #f46273
}

.fillSecondary1[data-v-19b9d4f3] {
    fill: #414141
}

.fillSecondary2[data-v-19b9d4f3] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-19b9d4f3] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-19b9d4f3] {
    fill: #02142b
}

.fillSecondary5[data-v-19b9d4f3] {
    fill: #1a1e24
}

.fillSecondary6[data-v-19b9d4f3] {
    fill: #fafafa
}

.fillSecondary7[data-v-19b9d4f3] {
    fill: #333
}

.fillSecondary8[data-v-19b9d4f3] {
    fill: #0e0031
}

.textnote-notidesc[data-v-19b9d4f3] {
    color: #fff
}

.bgColor0[data-v-19b9d4f3] {
    background-color: transparent
}

.bgPrimary-hover[data-v-19b9d4f3]:hover, .bgPrimary[data-v-19b9d4f3] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-19b9d4f3]:hover, .bgPrimary1[data-v-19b9d4f3] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-19b9d4f3]:hover, .bgPrimary2[data-v-19b9d4f3] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-19b9d4f3]:hover, .bgSecondary[data-v-19b9d4f3] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-19b9d4f3]:hover, .bgSecondary1[data-v-19b9d4f3] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-19b9d4f3]:hover, .bgSecondary2[data-v-19b9d4f3] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-19b9d4f3]:hover, .bgSecondary3[data-v-19b9d4f3] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-19b9d4f3] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-19b9d4f3] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-19b9d4f3]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-19b9d4f3]:hover, .bgSecondary5[data-v-19b9d4f3] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-19b9d4f3]:hover, .bgSecondary6[data-v-19b9d4f3] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-19b9d4f3]:hover, .bgSecondary7[data-v-19b9d4f3] {
    background-color: #333 !important
}

.bgSecondary8[data-v-19b9d4f3] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-19b9d4f3]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-19b9d4f3] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-19b9d4f3]:hover, .bgSuccess[data-v-19b9d4f3] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-19b9d4f3] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-19b9d4f3] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-19b9d4f3]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-19b9d4f3] {
    fill: #31baa0
}

.w-14-px[data-v-19b9d4f3] {
    width: 14px
}

.max-width-50[data-v-19b9d4f3] {
    max-width: 50%
}

.h-60-px[data-v-19b9d4f3] {
    height: 60px
}

.h-100-px[data-v-19b9d4f3] {
    height: 100px
}

.mb-16-px[data-v-19b9d4f3] {
    margin-bottom: 16px
}

.mb-30-px[data-v-19b9d4f3] {
    margin-bottom: 30px
}

.borderRounded[data-v-19b9d4f3] {
    border-radius: 5px
}

.borderPrimary[data-v-19b9d4f3] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-19b9d4f3] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-19b9d4f3] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-19b9d4f3] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-19b9d4f3] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-19b9d4f3] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-19b9d4f3] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-19b9d4f3] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-19b9d4f3] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-19b9d4f3] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-19b9d4f3] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-19b9d4f3] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-19b9d4f3] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-19b9d4f3] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-19b9d4f3]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-19b9d4f3] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-19b9d4f3] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-19b9d4f3] {
    padding: 1px
}

.px-1-px[data-v-19b9d4f3] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-19b9d4f3] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-19b9d4f3] {
    padding-left: 1px
}

.pr-1-px[data-v-19b9d4f3] {
    padding-right: 1px
}

.pt-1-px[data-v-19b9d4f3] {
    padding-top: 1px
}

.pb-1-px[data-v-19b9d4f3] {
    padding-bottom: 1px
}

.p-2-px[data-v-19b9d4f3] {
    padding: 2px
}

.px-2-px[data-v-19b9d4f3] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-19b9d4f3] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-19b9d4f3] {
    padding-left: 2px
}

.pr-2-px[data-v-19b9d4f3] {
    padding-right: 2px
}

.pt-2-px[data-v-19b9d4f3] {
    padding-top: 2px
}

.pb-2-px[data-v-19b9d4f3] {
    padding-bottom: 2px
}

.p-8-px[data-v-19b9d4f3] {
    padding: 8px
}

.px-8-px[data-v-19b9d4f3] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-19b9d4f3] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-19b9d4f3] {
    padding-left: 8px
}

.pr-8-px[data-v-19b9d4f3] {
    padding-right: 8px
}

.pt-8-px[data-v-19b9d4f3] {
    padding-top: 8px
}

.pb-8-px[data-v-19b9d4f3] {
    padding-bottom: 8px
}

.p-10-px[data-v-19b9d4f3] {
    padding: 10px
}

.px-10-px[data-v-19b9d4f3] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-19b9d4f3] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-19b9d4f3] {
    padding-left: 10px
}

.pr-10-px[data-v-19b9d4f3] {
    padding-right: 10px
}

.pt-10-px[data-v-19b9d4f3] {
    padding-top: 10px
}

.pb-10-px[data-v-19b9d4f3] {
    padding-bottom: 10px
}

.p-12-px[data-v-19b9d4f3] {
    padding: 12px
}

.px-12-px[data-v-19b9d4f3] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-19b9d4f3] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-19b9d4f3] {
    padding-left: 12px
}

.pr-12-px[data-v-19b9d4f3] {
    padding-right: 12px
}

.pt-12-px[data-v-19b9d4f3] {
    padding-top: 12px
}

.pb-12-px[data-v-19b9d4f3] {
    padding-bottom: 12px
}

.p-16-px[data-v-19b9d4f3] {
    padding: 16px
}

.px-16-px[data-v-19b9d4f3] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-19b9d4f3] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-19b9d4f3] {
    padding-left: 16px
}

.pr-16-px[data-v-19b9d4f3] {
    padding-right: 16px
}

.pt-16-px[data-v-19b9d4f3] {
    padding-top: 16px
}

.pb-16-px[data-v-19b9d4f3] {
    padding-bottom: 16px
}

.p-30-px[data-v-19b9d4f3] {
    padding: 30px
}

.px-30-px[data-v-19b9d4f3] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-19b9d4f3] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-19b9d4f3] {
    padding-left: 30px
}

.pr-30-px[data-v-19b9d4f3] {
    padding-right: 30px
}

.pt-30-px[data-v-19b9d4f3] {
    padding-top: 30px
}

.pb-30-px[data-v-19b9d4f3] {
    padding-bottom: 30px
}

.font-30[data-v-19b9d4f3] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-19b9d4f3] {
    font-weight: 700
}

.wbo-title[data-v-19b9d4f3] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-19b9d4f3] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-19b9d4f3] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-19b9d4f3] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-19b9d4f3]:focus {
        outline: 0
    }

    .button[data-v-19b9d4f3]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-19b9d4f3] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-19b9d4f3]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-19b9d4f3] {
    padding: 11px 2.5rem
}

.button.primary[data-v-19b9d4f3], .button.primary[data-v-19b9d4f3]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #fff !important
}

.button.primary span[data-v-19b9d4f3], .text-primary[data-v-19b9d4f3], a .primary-hover[data-v-19b9d4f3]:hover {
    color: #000 !important
}

ul[data-v-19b9d4f3] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-19b9d4f3], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-19b9d4f3] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-19b9d4f3]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-19b9d4f3]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-19b9d4f3], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-19b9d4f3], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-19b9d4f3]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-19b9d4f3], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-19b9d4f3], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-19b9d4f3]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-19b9d4f3], .faqsContent .content .navigator ul li a.active[data-v-19b9d4f3]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-19b9d4f3]:hover {
    color: #000
}

.ps[data-v-19b9d4f3] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-19b9d4f3] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-19b9d4f3], .ps__rail-y[data-v-19b9d4f3] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-19b9d4f3] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-19b9d4f3], .ps--active-y > .ps__rail-y[data-v-19b9d4f3] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-19b9d4f3], .ps--focus > .ps__rail-y[data-v-19b9d4f3], .ps--scrolling-x > .ps__rail-x[data-v-19b9d4f3], .ps--scrolling-y > .ps__rail-y[data-v-19b9d4f3], .ps:hover > .ps__rail-x[data-v-19b9d4f3], .ps:hover > .ps__rail-y[data-v-19b9d4f3] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-19b9d4f3], .ps .ps__rail-x[data-v-19b9d4f3]:focus, .ps .ps__rail-x[data-v-19b9d4f3]:hover, .ps .ps__rail-y.ps--clicking[data-v-19b9d4f3], .ps .ps__rail-y[data-v-19b9d4f3]:focus, .ps .ps__rail-y[data-v-19b9d4f3]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-19b9d4f3] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-19b9d4f3] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-19b9d4f3], .ps__rail-x:focus > .ps__thumb-x[data-v-19b9d4f3], .ps__rail-x:hover > .ps__thumb-x[data-v-19b9d4f3] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-19b9d4f3], .ps__rail-y:focus > .ps__thumb-y[data-v-19b9d4f3], .ps__rail-y:hover > .ps__thumb-y[data-v-19b9d4f3] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-19b9d4f3] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-19b9d4f3] {
        overflow: auto !important
    }
}

.md-field[data-v-19b9d4f3] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-19b9d4f3] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-19b9d4f3] {
    color: #2a74f9
}

.md-field .md-error[data-v-19b9d4f3] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-19b9d4f3] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-19b9d4f3], .md-field.md-has-value label[data-v-19b9d4f3] {
    top: -10px
}

.form-control[data-v-19b9d4f3], .md-field .md-input[data-v-19b9d4f3], .md-field .md-textarea[data-v-19b9d4f3], .winput[data-v-19b9d4f3] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-19b9d4f3] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-19b9d4f3] {
    fill: #0d0d0d
}

.round[data-v-19b9d4f3] {
    border-radius: 5px
}

.off[data-v-19b9d4f3] {
    position: relative;
    cursor: default
}

.off > [data-v-19b9d4f3] {
    opacity: .5
}

.off[data-v-19b9d4f3]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-19b9d4f3] {
    cursor: pointer
}

.close-page[data-v-19b9d4f3] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-19b9d4f3] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-19b9d4f3], .slide-fade-leave-active[data-v-19b9d4f3] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-19b9d4f3], .slide-fade-leave-to[data-v-19b9d4f3] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-19b9d4f3 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-19b9d4f3 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-19b9d4f3] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-19b9d4f3] {
    color: #ffcf5c
}

.button[data-v-19b9d4f3] {
    font-weight: 700
}

.modal .modal-dialog[data-v-19b9d4f3] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-19b9d4f3] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-19b9d4f3] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-19b9d4f3], .modal .modal-dialog .modal-header[data-v-19b9d4f3] {
    border: none
}

#chartCommisst .highcharts-title[data-v-19b9d4f3] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-19b9d4f3] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-19b9d4f3] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-19b9d4f3], .modal .modal-dialog form[data-v-19b9d4f3] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-19b9d4f3] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-19b9d4f3], .FaqsDetail[data-v-19b9d4f3] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-19b9d4f3], .FaqsDetail[data-v-19b9d4f3] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-19b9d4f3], .FaqsDetail .headerMaster .boxHeader[data-v-19b9d4f3] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-19b9d4f3], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-19b9d4f3] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-19b9d4f3], .Faqs main[data-v-19b9d4f3] {
    background-color: unset
}

.titleChartCandle[data-v-19b9d4f3] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-19b9d4f3] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-19b9d4f3] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-19b9d4f3] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-19b9d4f3], .plotlineChart .time[data-v-19b9d4f3] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-19b9d4f3] {
    top: 51px
}

.boxHeader[data-v-19b9d4f3] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-19b9d4f3], .boxHeader .register[data-v-19b9d4f3] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-19b9d4f3] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-19b9d4f3] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-19b9d4f3] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-19b9d4f3] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-19b9d4f3]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-19b9d4f3] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-19b9d4f3]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-19b9d4f3] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-19b9d4f3]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-19b9d4f3] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-19b9d4f3] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-19b9d4f3] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-19b9d4f3] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-19b9d4f3] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-19b9d4f3] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-19b9d4f3] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-19b9d4f3] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-19b9d4f3] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-19b9d4f3] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-19b9d4f3] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-19b9d4f3] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-19b9d4f3] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-19b9d4f3] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-19b9d4f3] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-19b9d4f3] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-19b9d4f3] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-19b9d4f3] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-19b9d4f3] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-19b9d4f3] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-19b9d4f3] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-19b9d4f3] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-19b9d4f3] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-19b9d4f3] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-19b9d4f3] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-19b9d4f3] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-19b9d4f3] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-19b9d4f3] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-19b9d4f3] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-19b9d4f3] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-19b9d4f3] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-19b9d4f3] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-19b9d4f3] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-19b9d4f3] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-19b9d4f3] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-19b9d4f3] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-19b9d4f3] {
        height: 56px !important
    }
}

input.form-control[data-v-19b9d4f3], input[data-v-19b9d4f3], select.form-control[data-v-19b9d4f3], select[data-v-19b9d4f3] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-19b9d4f3] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-19b9d4f3] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-19b9d4f3] {
    line-height: 100%
}

.button.btn-long[data-v-19b9d4f3] {
    padding: 10px 40px
}

.button.btn-radius[data-v-19b9d4f3] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-19b9d4f3] {
    border-radius: 20px
}

.button.btn-full[data-v-19b9d4f3] {
    width: 100%
}

.button.btn-80[data-v-19b9d4f3] {
    width: 80%
}

.button.hasIcon[data-v-19b9d4f3] {
    padding-left: 50px
}

.button a[data-v-19b9d4f3] {
    display: block
}

.button .labelIcon[data-v-19b9d4f3] {
    position: absolute
}

.button .labelIcon svg[data-v-19b9d4f3] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-19b9d4f3] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-19b9d4f3]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-19b9d4f3] {
    outline: none
}

.keyboard-input-wrap[data-v-19b9d4f3] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-19b9d4f3] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-19b9d4f3] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-19b9d4f3] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-19b9d4f3] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-19b9d4f3] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-19b9d4f3] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-19b9d4f3] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-19b9d4f3] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-19b9d4f3] {
    font-size: 1.2em
}

.color-white[data-v-19b9d4f3] {
    color: #fff
}

.color-white-50[data-v-19b9d4f3] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-19b9d4f3] {
    display: none
}

.ld-loading .loading[data-v-19b9d4f3], .main-loading .loading[data-v-19b9d4f3] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-19b9d4f3] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-19b9d4f3]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-19b9d4f3]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-19b9d4f3] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-19b9d4f3] {
    -webkit-animation: rotate-data-v-19b9d4f3 1s linear infinite;
    animation: rotate-data-v-19b9d4f3 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-19b9d4f3] {
    stroke: transparent
}

.wrapNotify[data-v-19b9d4f3] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-19b9d4f3] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-19b9d4f3] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-19b9d4f3] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-19b9d4f3] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-19b9d4f3] {
    display: block
}

.wrapNotify .close-notify[data-v-19b9d4f3] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-19b9d4f3] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-19b9d4f3] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-19b9d4f3] {
    background-color: transparent
}

.colorWhite[data-v-19b9d4f3] {
    color: #fff
}

.colorRed[data-v-19b9d4f3] {
    color: #f46273
}

.colorGreen[data-v-19b9d4f3] {
    color: #31baa0
}

.colorGray[data-v-19b9d4f3] {
    color: #7c7c7c
}

.tableBackground[data-v-19b9d4f3] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-19b9d4f3] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-19b9d4f3], .tableBackground .table-dark th[data-v-19b9d4f3] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-19b9d4f3]:after, .tableBackground .table-dark th[data-v-19b9d4f3]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-19b9d4f3] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-19b9d4f3], .tableBackground .table-dark th[data-v-19b9d4f3] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-19b9d4f3]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-19b9d4f3]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-19b9d4f3] {
    background-color: #060642
}

.tableBackground #paging li[data-v-19b9d4f3] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-19b9d4f3] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-19b9d4f3] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-19b9d4f3], .customeTradeHistory[data-v-19b9d4f3] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-19b9d4f3], .customeTradeHistory .reportrange-text[data-v-19b9d4f3] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-19b9d4f3], .customeTradeHistory .reportrange-text .seperate[data-v-19b9d4f3] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-19b9d4f3], .customeTradeHistory .reportrange-text span[data-v-19b9d4f3] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-19b9d4f3] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-19b9d4f3] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-19b9d4f3] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-19b9d4f3]:after, .startDate .daterangepicker.openscenter[data-v-19b9d4f3]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-19b9d4f3] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-19b9d4f3] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-19b9d4f3] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-19b9d4f3] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-19b9d4f3] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-19b9d4f3] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-19b9d4f3] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-19b9d4f3] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-19b9d4f3] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-19b9d4f3] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-19b9d4f3] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-19b9d4f3] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-19b9d4f3] {
    text-align: center
}

.border-none[data-v-19b9d4f3] {
    border: none
}

.text-domain[data-v-19b9d4f3]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-19b9d4f3] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-19b9d4f3] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-19b9d4f3] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-19b9d4f3] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-19b9d4f3] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-19b9d4f3] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-19b9d4f3] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-19b9d4f3] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-19b9d4f3] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-19b9d4f3] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-19b9d4f3] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-19b9d4f3] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-19b9d4f3] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-19b9d4f3] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-19b9d4f3] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-19b9d4f3] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-19b9d4f3] {
    color: #000
}

.affiliatePage .banner[data-v-19b9d4f3] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-19b9d4f3] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-19b9d4f3] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-19b9d4f3] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-19b9d4f3] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-19b9d4f3] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-19b9d4f3] {
    fill: #000
}

.btn-active-paging[data-v-19b9d4f3] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-19b9d4f3] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-19b9d4f3] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-19b9d4f3] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-19b9d4f3], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-19b9d4f3] {
    background: #8b8d96 !important
}

.transactionBox[data-v-19b9d4f3] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-19b9d4f3] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-19b9d4f3] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-19b9d4f3] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-19b9d4f3] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-19b9d4f3] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-19b9d4f3] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-19b9d4f3] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-19b9d4f3] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-19b9d4f3] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-19b9d4f3] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-19b9d4f3] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-19b9d4f3] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-19b9d4f3] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-19b9d4f3] {
    color: #2a74f9 !important
}

.line-height-normal[data-v-19b9d4f3] {
    line-height: normal !important
}

.margin-bottom-2[data-v-19b9d4f3] {
    margin-bottom: 30px
}

.bodyContent[data-v-19b9d4f3] {
    display: block
}

.headerLink[data-v-19b9d4f3] {
    background-color: #fff
}

.elipText[data-v-19b9d4f3] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.title h3[data-v-19b9d4f3] {
    color: #043076;
    float: left
}

.title.titleBorder[data-v-19b9d4f3] {
    border-color: hsla(0,0%,48.6%,.4);
    margin-bottom: 1.5rem;
    display: block;
    overflow: hidden
}

.borderBottom[data-v-19b9d4f3] {
    border-color: hsla(0,0%,100%,.2)
}

.networkVolumeStats[data-v-19b9d4f3] {
    background-color: #02142b;
    border-radius: 20px;
    border: 1px solid hsla(0,0%,100%,.25);
    height: 100%;
    overflow: hidden
}

.networkVolumeStats .cardHeader[data-v-19b9d4f3] {
    padding: 1rem 1.25rem
}

.networkVolumeStats .cardHeader p[data-v-19b9d4f3] {
    line-height: 30px
}

.networkVolumeStats .cardHeader .dropdown .pointer[data-v-19b9d4f3] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.networkVolumeStats .cardHeader .dropdown .dropdown-menu[data-v-19b9d4f3] {
    -webkit-transform: translate3d(-50%,30px,0) !important;
    transform: translate3d(-50%,30px,0) !important;
    width: 250px;
    padding: 10px;
    background: #2a74f9;
    color: #fff
}

    .networkVolumeStats .cardHeader .dropdown .dropdown-menu[data-v-19b9d4f3]:before {
        content: "";
        position: absolute;
        top: -10px;
        left: calc(50% + 10px);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 5px 10px 5px;
        border-color: transparent transparent #2a74f9 transparent
    }

.networkVolumeStats .cardBody[data-v-19b9d4f3] {
    padding: 0 1.25rem 1rem
}

.networkVolumeStats .cardBody .border-bottom[data-v-19b9d4f3], .networkVolumeStats .cardBody .border-top[data-v-19b9d4f3] {
    border-color: #02142b !important
}

.networkVolumeStats .cardBody p[data-v-19b9d4f3] {
    line-height: 40px
}

.networkVolumeStats .cardBody .head p[data-v-19b9d4f3] {
    line-height: 26px
}

.networkVolumeStats .cardBody .dataContent[data-v-19b9d4f3] {
    margin-right: -10px;
    margin-left: -10px
}

.networkVolumeStats .cardBody .dataContent .ps-container[data-v-19b9d4f3] {
    display: block;
    height: 169px
}

.networkVolumeStats .cardFooter[data-v-19b9d4f3] {
    padding: 0 1.25rem;
    background-color: #2a74f9
}

.networkVolumeStats .cardFooter p[data-v-19b9d4f3] {
    line-height: 45px;
    font-size: 18px
}

.networkVolumeStats .texthead[data-v-19b9d4f3] {
    color: #414141
}

.affiliatePage[data-v-19b9d4f3] {
    min-height: calc(100vh - 65px)
}

.affiliatePage .banner[data-v-19b9d4f3] {
    position: relative;
    width: 100%;
    min-height: calc(100vh - 185px);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top
}

.affiliatePage .banner .content[data-v-19b9d4f3] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.affiliatePage .banner .btn-large[data-v-19b9d4f3] {
    white-space: nowrap;
    padding: 11px 2.5rem
}

.affiliatePage .banner .requiredBuy[data-v-19b9d4f3] {
    color: #fff;
    font-size: .875rem;
    font-weight: 700;
    padding: .75rem 1rem;
    border-radius: 6px;
    text-align: center;
    position: absolute;
    top: 5%;
    left: 50%;
    width: 700px;
    background-color: #f46273;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.affiliatePage .subBanner[data-v-19b9d4f3] {
    color: #fff;
    height: 120px
}

.affiliatePage .boxBuynow[data-v-19b9d4f3] {
    position: relative;
    height: 185px;
    border-radius: 11px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../img/affiliate.29a9db42.png)
}

.affiliatePage .boxBuynow .important[data-v-19b9d4f3] {
    font-size: .75rem;
    text-align: center;
    position: absolute;
    top: 20px;
    right: -50px;
    width: 160px;
    height: 25px;
    line-height: 25px;
    color: #fff;
    background-color: #f46273;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.affiliatePage .affiliateInfo[data-v-19b9d4f3] {
    padding: 1.25rem;
    border-radius: 18px;
    /* height: 100%*/
}

.affiliatePage .affiliateInfo .inputGroup[data-v-19b9d4f3] {
    position: relative
}

.affiliatePage .affiliateInfo .inputGroup input[data-v-19b9d4f3] {
    height: 45px;
    line-height: 45px;
    background-color: #fafafa;
    color: #333;
    border-radius: 4px
}

.affiliatePage .affiliateInfo .inputGroup .input-append[data-v-19b9d4f3] {
    position: absolute;
    top: 0;
    right: 10px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    overflow: hidden
}

.affiliatePage .affiliateInfo .inputGroup .input-append .button[data-v-19b9d4f3] {
    width: 95px;
    height: 31px;
    line-height: normal
}

.affiliatePage .affiliateInfo .infomation[data-v-19b9d4f3] {
    padding: 1rem;
    border-top: 1px solid #fff
}

.mainLeaderboard[data-v-19b9d4f3] {
    max-width: 1205px;
    margin-top: 5px;
    padding: 25px 10px;
    margin: auto
}

.mainLeaderboard .nav-link[data-v-19b9d4f3] {
    padding: 1rem
}

.mainLeaderboard .nav-link.active[data-v-19b9d4f3] {
    background-color: unset
}

.control[data-v-19b9d4f3] {
    display: block;
    width: auto;
    clear: both;
    float: right;
    margin-bottom: 20px;
    height: 60px;
    z-index: 2
}

.control .time-period[data-v-19b9d4f3] {
    float: left;
    width: auto;
    padding: .375rem .75rem;
    border-radius: .25rem;
    border: 1px solid #fff;
    margin-right: 10px;
    position: relative
}

.control .time-period .current[data-v-19b9d4f3] {
    color: #0e0031;
    font-size: 14px;
    line-height: 31px;
    padding: 0;
    text-align: right;
    width: 100%;
    display: inline-block;
    cursor: pointer
}

.control .time-period .current .arrow[data-v-19b9d4f3] {
    margin-left: 5px
}

.control .time-period .current.show .arrow svg[data-v-19b9d4f3] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.control .time-period .list-time[data-v-19b9d4f3] {
    position: absolute;
    top: 42px;
    right: 0;
    display: block;
    overflow: hidden;
    width: 130px;
    height: auto;
    border-radius: 5px;
    border: 1px solid #fff;
    background-color: #fff;
    z-index: 2
}

.control .time-period .list-time .list li[data-v-19b9d4f3] {
    cursor: pointer;
    color: #0e0031;
    font-size: 14px;
    display: inline-block;
    line-height: 30px;
    width: 100%;
    text-align: right;
    padding: 2px 15px
}

.control .time-period .list-time .list li.active[data-v-19b9d4f3] {
    color: #fff;
    background-color: #2a74f9
}

.control .m-filter[data-v-19b9d4f3] {
    display: none;
    float: left;
    margin-bottom: 10px
}

.control .m-filter .filter-control[data-v-19b9d4f3] {
    width: 190px;
    height: 45px;
    padding: .375rem .75rem;
    border-radius: .25rem;
    border: 1px solid #fff;
    position: relative;
    background: url(../img/filter.374a2f8a.svg) no-repeat 10px;
    float: left;
    background-color: #fff
}

.control .m-filter .filter-control .current[data-v-19b9d4f3] {
    color: #0e0031;
    font-size: 14px;
    line-height: 31px;
    padding: 5px;
    cursor: pointer;
    display: inline-block;
    width: calc(100% - 15px);
    text-align: right
}

.control .m-filter .filter-control .current .arrow[data-v-19b9d4f3] {
    margin-left: 5px
}

.control .m-filter .filter-control .current.show .arrow svg[data-v-19b9d4f3] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.control .m-filter .filter-control .list-type[data-v-19b9d4f3] {
    position: absolute;
    top: 43px;
    right: 0;
    display: block;
    overflow: hidden;
    width: 160px;
    height: auto;
    border-radius: 5px;
    border: 1px solid #fff;
    background-color: #fff;
    z-index: 2
}

.control .m-filter .filter-control .list-type .list li[data-v-19b9d4f3] {
    cursor: pointer;
    color: #0e0031;
    font-size: 14px;
    display: inline-block;
    line-height: 30px;
    width: 100%;
    text-align: right;
    padding: 2px 15px
}

.control .m-filter .filter-control .list-type .list li.active[data-v-19b9d4f3] {
    color: #fff;
    background-color: #2a74f9
}

.control .m-filter button.filter[data-v-19b9d4f3] {
    background: transparent;
    border: 0;
    float: left;
    background-color: #2a74f9;
    overflow: hidden;
    border-radius: .25rem
}

.control .m-filter button.filter span[data-v-19b9d4f3] {
    display: block;
    overflow: hidden;
    width: 43px;
    height: 43px
}

.control .m-filter button.filter span.icon.desc[data-v-19b9d4f3] {
    background: url(../img/ascending.5c1540a3.svg) no-repeat 50%
}

.control .m-filter button.filter span.icon.asc[data-v-19b9d4f3] {
    background: url(../img/descending.c051a7b5.svg) no-repeat 50%
}

.control .custom-range[data-v-19b9d4f3] {
    width: auto;
    padding: .375rem;
    float: left
}

.control .custom-range div.dt-picker[data-v-19b9d4f3] {
    width: 100px;
    display: inline-block;
    margin-right: 10px
}

.control .custom-range div.dt-picker input[data-v-19b9d4f3] {
    padding: 5px 0;
    width: 152px
}

.control .form-control[data-v-19b9d4f3] {
    float: left;
    width: auto;
    height: 45px;
    line-height: 45px;
    padding: .375rem
}

.control .form-control svg[data-v-19b9d4f3] {
    vertical-align: middle
}

.control .form-control input[type=text][data-v-19b9d4f3] {
    font-size: 14px;
    border: 0;
    padding: 0
}

.control button[data-v-19b9d4f3] {
    float: left;
    margin-left: 5px
}

.control button.search[data-v-19b9d4f3] {
    width: 100px;
    line-height: 45px;
    height: auto;
    padding: 0 15px;
    background-color: #2a74f9;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .3s;
    transition: all .3s
}

    .control button.search[data-v-19b9d4f3]:hover {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
        -webkit-box-shadow: 1px 1px 15px #2a74f9;
        box-shadow: 1px 1px 15px #2a74f9
    }

table[data-v-19b9d4f3] {
    color: #89809f;
    font-weight: 400
}

table thead tr th[data-v-19b9d4f3] {
    font-weight: 700;
    border-radius: 0;
    border: none;
    border-right: 1px solid #414141;
    height: 38px;
    text-align: center
}

table thead tr th span.asc[data-v-19b9d4f3], table thead tr th span.desc[data-v-19b9d4f3] {
    cursor: pointer
}

table thead tr th span.active.desc[data-v-19b9d4f3]:after {
    border-color: transparent transparent #2a74f9 transparent
}

table thead tr th span.active.asc[data-v-19b9d4f3]:after {
    border-color: #2a74f9 transparent transparent transparent
}

table thead tr th .desc[data-v-19b9d4f3]:after {
    border-width: 0 4px 4px 4px;
    border-color: transparent transparent #414141 transparent
}

table thead tr th .asc[data-v-19b9d4f3]:after, table thead tr th .desc[data-v-19b9d4f3]:after {
    content: "";
    vertical-align: middle;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    margin-left: 5px
}

table thead tr th .asc[data-v-19b9d4f3]:after {
    border-width: 4px 4px 0 4px;
    border-color: #414141 transparent transparent transparent
}

table tbody tr[data-v-19b9d4f3]:nth-child(odd) {
    background: #fff
}

table tbody tr td[data-v-19b9d4f3] {
    height: 38px;
    border: 1px solid #414141
}

table tbody tr td span[data-v-19b9d4f3] {
    font-weight: 700
}

table tbody tr td span.Diamond[data-v-19b9d4f3] {
    color: #e89530
}

table tbody tr td span.Ruby[data-v-19b9d4f3] {
    color: #fe0d6a
}

table tbody tr td span.Amber[data-v-19b9d4f3] {
    color: #ffc004
}

table tbody tr td span.Sapphire[data-v-19b9d4f3] {
    color: #133a90
}

table tbody tr td span.Topaz[data-v-19b9d4f3] {
    color: #01bdf5
}

table tbody tr td span.Aquamarine[data-v-19b9d4f3] {
    color: #2177ff
}

table tbody tr td span.Emerald[data-v-19b9d4f3] {
    color: #2bcf90
}

table tbody tr td span.Jade[data-v-19b9d4f3] {
    color: #16a3a1
}

table tbody tr td span.Quartz[data-v-19b9d4f3] {
    color: #ed8994
}

.block[data-v-19b9d4f3] {
    display: block;
    overflow: hidden;
    width: 100%
}

.block .row[data-v-19b9d4f3] {
    border-bottom: 1px solid #414141;
    margin-bottom: 10px
}

    .block .row[data-v-19b9d4f3]:last-child {
        border-bottom: 0
    }

.block p[data-v-19b9d4f3] {
    margin-bottom: 0
}

.block p.nickname[data-v-19b9d4f3] {
    color: #0e0031;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px
}

.block p.email[data-v-19b9d4f3] {
    color: #0e0031;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px
}

.block p.text[data-v-19b9d4f3] {
    font-size: 14px;
    color: #0e0031;
    margin-bottom: 5px
}

.block p.value[data-v-19b9d4f3] {
    font-size: 16px;
    color: #0e0031;
    margin-bottom: 15px;
    font-weight: 700
}

.block p.value span[data-v-19b9d4f3] {
    font-weight: 700
}

.block p.value span.Diamond[data-v-19b9d4f3] {
    color: #e89530
}

.block p.value span.Ruby[data-v-19b9d4f3] {
    color: #fe0d6a
}

.block p.value span.Amber[data-v-19b9d4f3] {
    color: #ffc004
}

.block p.value span.Sapphire[data-v-19b9d4f3] {
    color: #133a90
}

.block p.value span.Topaz[data-v-19b9d4f3] {
    color: #01bdf5
}

.block p.value span.Aquamarine[data-v-19b9d4f3] {
    color: #2177ff
}

.block p.value span.Emerald[data-v-19b9d4f3] {
    color: #2bcf90
}

.block p.value span.Jade[data-v-19b9d4f3] {
    color: #16a3a1
}

.block p.value span.Quartz[data-v-19b9d4f3] {
    color: #ed8994
}

.menuHeaderLink[data-v-19b9d4f3] {
    margin-bottom: 24px;
    border-bottom: 1px solid rgba(13,13,13,.67)
}

.menuHeaderLink .nav-link[data-v-19b9d4f3] {
    color: hsla(0,0%,100%,.4);
    cursor: pointer;
    position: relative;
    border-bottom: none;
    font-size: 20px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.menuHeaderLink .nav-link.active[data-v-19b9d4f3] {
    color: #fff;
    font-size: 28px;
    font-weight: 700
}

    .menuHeaderLink .nav-link.active[data-v-19b9d4f3]:before {
        content: "";
        display: block;
        width: 100%;
        height: 4px;
        background: #f46273;
        border-radius: 4px 4px 0 0;
        position: absolute;
        bottom: -1px;
        left: 0
    }

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .container[data-v-19b9d4f3] {
        max-width: 100% !important
    }

    .affiliateInfoMobile[data-v-19b9d4f3] {
        padding-left: 0 !important
    }

    .affiliateInfoMobile .button[data-v-19b9d4f3] {
        width: 42px !important
    }

    .affiliateInfoMobile .form-control[data-v-19b9d4f3] {
        padding: 0 5px !important
    }

    .mobile-version .isLandscapeMobile .col-6-landscape[data-v-19b9d4f3] {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 10px;
        padding-left: 10px
    }

    .mobile-version .isLandscapeMobile .content[data-v-19b9d4f3] {
        padding-top: 0
    }

    .mobile-version .isLandscapeMobile .banner[data-v-19b9d4f3] {
        min-height: calc(100vh - 56px)
    }

    .mobile-version .isLandscapeMobile .banner .imgBanner[data-v-19b9d4f3] {
        margin-bottom: 0
    }

    .mobile-version .isLandscapeMobile .bodyContent.affiliatePage[data-v-19b9d4f3] {
        padding-bottom: 3rem
    }
}

@media only screen and (max-width:768px) {
    .control[data-v-19b9d4f3] {
        height: auto;
        width: 100%
    }

    .control .time-period[data-v-19b9d4f3] {
        width: 150px;
        margin-bottom: 10px
    }

    .control .time-period .current[data-v-19b9d4f3] {
        padding: 0
    }

    .control .m-filter[data-v-19b9d4f3] {
        display: inline-block
    }

    .control .m-filter .filter-control .current[data-v-19b9d4f3] {
        padding: 0
    }

    .control .custom-range[data-v-19b9d4f3] {
        display: block;
        width: 100%;
        clear: both;
        margin-bottom: 10px
    }

    .control .custom-range label span[data-v-19b9d4f3] {
        display: inline-block
    }

    .control .form-control[data-v-19b9d4f3] {
        width: calc(100% - 105px)
    }

    .mobile-version .font-20m[data-v-19b9d4f3] {
        font-size: 1.25rem !important
    }

    .mobile-version .font-18m[data-v-19b9d4f3] {
        font-size: 1.125rem !important
    }

    .mobile-version .font-13m[data-v-19b9d4f3] {
        font-size: .8125rem !important
    }

    .mobile-version .font-14m[data-v-19b9d4f3] {
        font-size: .875rem !important
    }

    .mobile-version .mainLeaderboard[data-v-19b9d4f3] {
        width: auto;
        padding: 0 10px
    }

    .mobile-version .title h3[data-v-19b9d4f3] {
        font-size: 1.5rem
    }

    .mobile-version .imgBanner[data-v-19b9d4f3] {
        padding: 1rem !important;
        margin-bottom: 13rem
    }

    .mobile-version .affiliateInfo[data-v-19b9d4f3], .mobile-version .infomation[data-v-19b9d4f3] {
        padding: 1rem .5rem
    }

    .mobile-version .boxBuynow p[data-v-19b9d4f3] {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .mobile-version .inputGroup .button[data-v-19b9d4f3] {
        max-width: 60px
    }

    .mobile-version .tableAffiliate[data-v-19b9d4f3] {
        margin-bottom: 5rem
    }

    .mobile-version .tableAffiliate .contenTab[data-v-19b9d4f3] {
        overflow: auto
    }

    .mobile-version .form-control[data-v-19b9d4f3] {
        font-size: .75rem
    }

    .mobile-version .affiliatePage[data-v-19b9d4f3] {
        padding-bottom: 5rem
    }

    .mobile-version .inputGroup .button[data-v-19b9d4f3] {
        font-size: .75rem;
        width: auto
    }

    .mobile-version .subBanner[data-v-19b9d4f3] {
        margin-top: 1rem;
        height: 100px
    }

    .mobile-version .requiredBuy[data-v-19b9d4f3] {
        top: 2% !important
    }

    .mobile-version .content[data-v-19b9d4f3] {
        padding-top: 7rem
    }

    .mobile-version .btn-green[data-v-19b9d4f3] {
        margin-bottom: 1rem
    }
}

@media (min-width:577px) and (max-width:768px) {
    .requiredBuy[data-v-19b9d4f3] {
        top: 2% !important;
        max-width: 400px
    }
}

@media only screen and (max-width:991.98px) {
    .networkVolumeStats .cardBody .dataContent .ps-container[data-v-19b9d4f3] {
        height: auto;
        min-height: 200px
    }

    .menuHeaderLink .nav-link.active[data-v-19b9d4f3], .menuHeaderLink .nav-link[data-v-19b9d4f3] {
        font-size: 14px
    }

    .mobile-version .subBanner[data-v-19b9d4f3] {
        height: 140px
    }
}

@media (max-width:576px) {
    .requiredBuy[data-v-19b9d4f3] {
        top: 2% !important;
        max-width: 300px
    }
}

@media only screen and (max-width:900px) {
    .block .row[data-v-19b9d4f3] {
        margin-left: 0;
        margin-right: 0
    }
}

@media only screen and (max-width:450px) {
    .control .time-period[data-v-19b9d4f3] {
        margin-right: 5px;
        padding: .375rem .375rem;
        width: 130px
    }

    .control .m-filter .filter-control[data-v-19b9d4f3] {
        padding: .375rem .375rem;
        width: 170px
    }

    .control .m-filter .filter-control .current[data-v-19b9d4f3] {
        width: 100%
    }

    .control .m-filter button.filter span.icon[data-v-19b9d4f3] {
        width: 30px
    }

    .affiliatePage .banner[data-v-19b9d4f3] {
        min-height: 550px
    }

    .affiliatePage .banner .content[data-v-19b9d4f3] {
        padding-top: 3rem
    }
}

.tableAffiliate .table tr th[data-v-19b9d4f3] {
    font-weight: 400;
    color: rgba(14,0,49,.5)
}

.tableAffiliate .table tr td[data-v-19b9d4f3] {
    color: #0e0031
}

body[data-v-b4c51c7a] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-b4c51c7a]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-b4c51c7a]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-b4c51c7a]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-b4c51c7a] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-b4c51c7a]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-b4c51c7a]::-webkit-inner-spin-button, input[data-v-b4c51c7a]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-b4c51c7a] {
    -moz-appearance: textfield
}

button[data-v-b4c51c7a]:focus, input[data-v-b4c51c7a]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-b4c51c7a] {
    font-size: 8px
}

.font-10[data-v-b4c51c7a] {
    font-size: .6rem !important
}

.font-12[data-v-b4c51c7a] {
    font-size: 12px
}

.font-14[data-v-b4c51c7a] {
    font-size: 14px
}

.font-16[data-v-b4c51c7a] {
    font-size: 16px
}

.font-18[data-v-b4c51c7a] {
    font-size: 18px
}

.font-20[data-v-b4c51c7a] {
    font-size: 20px
}

.font-24[data-v-b4c51c7a] {
    font-size: 24px
}

.font-32[data-v-b4c51c7a] {
    font-size: 32px
}

.font-34[data-v-b4c51c7a] {
    font-size: 34px
}

.font-40[data-v-b4c51c7a] {
    font-size: 2.5rem !important
}

.font-44[data-v-b4c51c7a] {
    font-size: 44px
}

.colorPrimary[data-v-b4c51c7a] {
    color: #2a74f9
}

.colorPrimary1[data-v-b4c51c7a] {
    color: #000 !important
}

.colorSecondary[data-v-b4c51c7a] {
    color: #fff !important
}

.colorSecondary1[data-v-b4c51c7a] {
    color: #414141 !important
}

.colorSecondary2[data-v-b4c51c7a] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-b4c51c7a] {
    color: #0d0d0d
}

.colorSecondary4[data-v-b4c51c7a] {
    color: #02142b
}

.colorSecondary5[data-v-b4c51c7a] {
    color: #1a1e24
}

.colorSecondary6[data-v-b4c51c7a] {
    color: #fafafa
}

.colorSecondary7[data-v-b4c51c7a] {
    color: #333
}

.colorSecondary8[data-v-b4c51c7a] {
    color: #0e0031
}

.colorSuccess[data-v-b4c51c7a] {
    color: #31baa0
}

.colorWarning[data-v-b4c51c7a] {
    color: #ffcf5c
}

.colorDanger[data-v-b4c51c7a] {
    color: #f46273
}

.fillPrimary[data-v-b4c51c7a] {
    fill: #2a74f9
}

.fillWarning[data-v-b4c51c7a] {
    fill: #ffcf5c
}

.fillDanger[data-v-b4c51c7a] {
    fill: #f46273
}

.fillSecondary1[data-v-b4c51c7a] {
    fill: #414141
}

.fillSecondary2[data-v-b4c51c7a] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-b4c51c7a] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-b4c51c7a] {
    fill: #02142b
}

.fillSecondary5[data-v-b4c51c7a] {
    fill: #1a1e24
}

.fillSecondary6[data-v-b4c51c7a] {
    fill: #fafafa
}

.fillSecondary7[data-v-b4c51c7a] {
    fill: #333
}

.fillSecondary8[data-v-b4c51c7a] {
    fill: #0e0031
}

.textnote-notidesc[data-v-b4c51c7a] {
    color: #fff
}

.bgColor0[data-v-b4c51c7a] {
    background-color: transparent
}

.bgPrimary-hover[data-v-b4c51c7a]:hover, .bgPrimary[data-v-b4c51c7a] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-b4c51c7a]:hover, .bgPrimary1[data-v-b4c51c7a] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-b4c51c7a]:hover, .bgPrimary2[data-v-b4c51c7a] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-b4c51c7a]:hover, .bgSecondary[data-v-b4c51c7a] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-b4c51c7a]:hover, .bgSecondary1[data-v-b4c51c7a] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-b4c51c7a]:hover, .bgSecondary2[data-v-b4c51c7a] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-b4c51c7a]:hover, .bgSecondary3[data-v-b4c51c7a] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-b4c51c7a] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-b4c51c7a] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-b4c51c7a]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-b4c51c7a]:hover, .bgSecondary5[data-v-b4c51c7a] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-b4c51c7a]:hover, .bgSecondary6[data-v-b4c51c7a] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-b4c51c7a]:hover, .bgSecondary7[data-v-b4c51c7a] {
    background-color: #333 !important
}

.bgSecondary8[data-v-b4c51c7a] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-b4c51c7a]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-b4c51c7a] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-b4c51c7a]:hover, .bgSuccess[data-v-b4c51c7a] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-b4c51c7a] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-b4c51c7a] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-b4c51c7a]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-b4c51c7a] {
    fill: #31baa0
}

.w-14-px[data-v-b4c51c7a] {
    width: 14px
}

.max-width-50[data-v-b4c51c7a] {
    max-width: 50%
}

.h-60-px[data-v-b4c51c7a] {
    height: 60px
}

.h-100-px[data-v-b4c51c7a] {
    height: 100px
}

.mb-16-px[data-v-b4c51c7a] {
    margin-bottom: 16px
}

.mb-30-px[data-v-b4c51c7a] {
    margin-bottom: 30px
}

.borderRounded[data-v-b4c51c7a] {
    border-radius: 5px
}

.borderPrimary[data-v-b4c51c7a] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-b4c51c7a] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-b4c51c7a] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-b4c51c7a] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-b4c51c7a] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-b4c51c7a] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-b4c51c7a] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-b4c51c7a] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-b4c51c7a] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-b4c51c7a] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-b4c51c7a] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-b4c51c7a] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-b4c51c7a] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-b4c51c7a] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-b4c51c7a]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-b4c51c7a] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-b4c51c7a] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-b4c51c7a] {
    padding: 1px
}

.px-1-px[data-v-b4c51c7a] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-b4c51c7a] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-b4c51c7a] {
    padding-left: 1px
}

.pr-1-px[data-v-b4c51c7a] {
    padding-right: 1px
}

.pt-1-px[data-v-b4c51c7a] {
    padding-top: 1px
}

.pb-1-px[data-v-b4c51c7a] {
    padding-bottom: 1px
}

.p-2-px[data-v-b4c51c7a] {
    padding: 2px
}

.px-2-px[data-v-b4c51c7a] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-b4c51c7a] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-b4c51c7a] {
    padding-left: 2px
}

.pr-2-px[data-v-b4c51c7a] {
    padding-right: 2px
}

.pt-2-px[data-v-b4c51c7a] {
    padding-top: 2px
}

.pb-2-px[data-v-b4c51c7a] {
    padding-bottom: 2px
}

.p-8-px[data-v-b4c51c7a] {
    padding: 8px
}

.px-8-px[data-v-b4c51c7a] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-b4c51c7a] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-b4c51c7a] {
    padding-left: 8px
}

.pr-8-px[data-v-b4c51c7a] {
    padding-right: 8px
}

.pt-8-px[data-v-b4c51c7a] {
    padding-top: 8px
}

.pb-8-px[data-v-b4c51c7a] {
    padding-bottom: 8px
}

.p-10-px[data-v-b4c51c7a] {
    padding: 10px
}

.px-10-px[data-v-b4c51c7a] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-b4c51c7a] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-b4c51c7a] {
    padding-left: 10px
}

.pr-10-px[data-v-b4c51c7a] {
    padding-right: 10px
}

.pt-10-px[data-v-b4c51c7a] {
    padding-top: 10px
}

.pb-10-px[data-v-b4c51c7a] {
    padding-bottom: 10px
}

.p-12-px[data-v-b4c51c7a] {
    padding: 12px
}

.px-12-px[data-v-b4c51c7a] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-b4c51c7a] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-b4c51c7a] {
    padding-left: 12px
}

.pr-12-px[data-v-b4c51c7a] {
    padding-right: 12px
}

.pt-12-px[data-v-b4c51c7a] {
    padding-top: 12px
}

.pb-12-px[data-v-b4c51c7a] {
    padding-bottom: 12px
}

.p-16-px[data-v-b4c51c7a] {
    padding: 16px
}

.px-16-px[data-v-b4c51c7a] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-b4c51c7a] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-b4c51c7a] {
    padding-left: 16px
}

.pr-16-px[data-v-b4c51c7a] {
    padding-right: 16px
}

.pt-16-px[data-v-b4c51c7a] {
    padding-top: 16px
}

.pb-16-px[data-v-b4c51c7a] {
    padding-bottom: 16px
}

.p-30-px[data-v-b4c51c7a] {
    padding: 30px
}

.px-30-px[data-v-b4c51c7a] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-b4c51c7a] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-b4c51c7a] {
    padding-left: 30px
}

.pr-30-px[data-v-b4c51c7a] {
    padding-right: 30px
}

.pt-30-px[data-v-b4c51c7a] {
    padding-top: 30px
}

.pb-30-px[data-v-b4c51c7a] {
    padding-bottom: 30px
}

.font-30[data-v-b4c51c7a] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-b4c51c7a] {
    font-weight: 700
}

.wbo-title[data-v-b4c51c7a] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-b4c51c7a] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-b4c51c7a] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-b4c51c7a] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-b4c51c7a]:focus {
        outline: 0
    }

    .button[data-v-b4c51c7a]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-b4c51c7a] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-b4c51c7a]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-b4c51c7a] {
    padding: 11px 2.5rem
}

.button.primary[data-v-b4c51c7a], .button.primary[data-v-b4c51c7a]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-b4c51c7a], .text-primary[data-v-b4c51c7a], a .primary-hover[data-v-b4c51c7a]:hover {
    color: #000 !important
}

ul[data-v-b4c51c7a] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-b4c51c7a], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-b4c51c7a] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-b4c51c7a]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-b4c51c7a]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-b4c51c7a], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-b4c51c7a], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-b4c51c7a]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-b4c51c7a], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-b4c51c7a], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-b4c51c7a]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-b4c51c7a], .faqsContent .content .navigator ul li a.active[data-v-b4c51c7a]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-b4c51c7a]:hover {
    color: #000
}

.ps[data-v-b4c51c7a] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-b4c51c7a] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-b4c51c7a], .ps__rail-y[data-v-b4c51c7a] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-b4c51c7a] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-b4c51c7a], .ps--active-y > .ps__rail-y[data-v-b4c51c7a] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-b4c51c7a], .ps--focus > .ps__rail-y[data-v-b4c51c7a], .ps--scrolling-x > .ps__rail-x[data-v-b4c51c7a], .ps--scrolling-y > .ps__rail-y[data-v-b4c51c7a], .ps:hover > .ps__rail-x[data-v-b4c51c7a], .ps:hover > .ps__rail-y[data-v-b4c51c7a] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-b4c51c7a], .ps .ps__rail-x[data-v-b4c51c7a]:focus, .ps .ps__rail-x[data-v-b4c51c7a]:hover, .ps .ps__rail-y.ps--clicking[data-v-b4c51c7a], .ps .ps__rail-y[data-v-b4c51c7a]:focus, .ps .ps__rail-y[data-v-b4c51c7a]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-b4c51c7a] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-b4c51c7a] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-b4c51c7a], .ps__rail-x:focus > .ps__thumb-x[data-v-b4c51c7a], .ps__rail-x:hover > .ps__thumb-x[data-v-b4c51c7a] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-b4c51c7a], .ps__rail-y:focus > .ps__thumb-y[data-v-b4c51c7a], .ps__rail-y:hover > .ps__thumb-y[data-v-b4c51c7a] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-b4c51c7a] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-b4c51c7a] {
        overflow: auto !important
    }
}

.md-field[data-v-b4c51c7a] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-b4c51c7a] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-b4c51c7a] {
    color: #2a74f9
}

.md-field .md-error[data-v-b4c51c7a] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-b4c51c7a] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-b4c51c7a], .md-field.md-has-value label[data-v-b4c51c7a] {
    top: -10px
}

.form-control[data-v-b4c51c7a], .md-field .md-input[data-v-b4c51c7a], .md-field .md-textarea[data-v-b4c51c7a], .winput[data-v-b4c51c7a] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-b4c51c7a] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-b4c51c7a] {
    fill: #0d0d0d
}

.round[data-v-b4c51c7a] {
    border-radius: 5px
}

.off[data-v-b4c51c7a] {
    position: relative;
    cursor: default
}

.off > [data-v-b4c51c7a] {
    opacity: .5
}

.off[data-v-b4c51c7a]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-b4c51c7a] {
    cursor: pointer
}

.close-page[data-v-b4c51c7a] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-b4c51c7a] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-b4c51c7a], .slide-fade-leave-active[data-v-b4c51c7a] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-b4c51c7a], .slide-fade-leave-to[data-v-b4c51c7a] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-b4c51c7a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-b4c51c7a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-b4c51c7a] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-b4c51c7a] {
    color: #ffcf5c
}

.button[data-v-b4c51c7a] {
    font-weight: 700
}

.modal .modal-dialog[data-v-b4c51c7a] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-b4c51c7a] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-b4c51c7a] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-b4c51c7a], .modal .modal-dialog .modal-header[data-v-b4c51c7a] {
    border: none
}

#chartCommisst .highcharts-title[data-v-b4c51c7a] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-b4c51c7a] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-b4c51c7a] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-b4c51c7a], .modal .modal-dialog form[data-v-b4c51c7a] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-b4c51c7a] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-b4c51c7a], .FaqsDetail[data-v-b4c51c7a] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-b4c51c7a], .FaqsDetail[data-v-b4c51c7a] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-b4c51c7a], .FaqsDetail .headerMaster .boxHeader[data-v-b4c51c7a] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-b4c51c7a], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-b4c51c7a] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-b4c51c7a], .Faqs main[data-v-b4c51c7a] {
    background-color: unset
}

.titleChartCandle[data-v-b4c51c7a] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-b4c51c7a] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-b4c51c7a] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-b4c51c7a] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-b4c51c7a], .plotlineChart .time[data-v-b4c51c7a] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-b4c51c7a] {
    top: 51px
}

.boxHeader[data-v-b4c51c7a] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-b4c51c7a], .boxHeader .register[data-v-b4c51c7a] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-b4c51c7a] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-b4c51c7a] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-b4c51c7a] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-b4c51c7a] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-b4c51c7a]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-b4c51c7a] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-b4c51c7a]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-b4c51c7a] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-b4c51c7a]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-b4c51c7a] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-b4c51c7a] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-b4c51c7a] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-b4c51c7a] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-b4c51c7a] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-b4c51c7a] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-b4c51c7a] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-b4c51c7a] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-b4c51c7a] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-b4c51c7a] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-b4c51c7a] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-b4c51c7a] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-b4c51c7a] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-b4c51c7a] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-b4c51c7a] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-b4c51c7a] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-b4c51c7a] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-b4c51c7a] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-b4c51c7a] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-b4c51c7a] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-b4c51c7a] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-b4c51c7a] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-b4c51c7a] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-b4c51c7a] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-b4c51c7a] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-b4c51c7a] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-b4c51c7a] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-b4c51c7a] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-b4c51c7a] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-b4c51c7a] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-b4c51c7a] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-b4c51c7a] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-b4c51c7a] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-b4c51c7a] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-b4c51c7a] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-b4c51c7a] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-b4c51c7a] {
        height: 56px !important
    }
}

input.form-control[data-v-b4c51c7a], input[data-v-b4c51c7a], select.form-control[data-v-b4c51c7a], select[data-v-b4c51c7a] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-b4c51c7a] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-b4c51c7a] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-b4c51c7a] {
    line-height: 100%
}

.button.btn-long[data-v-b4c51c7a] {
    padding: 10px 40px
}

.button.btn-radius[data-v-b4c51c7a] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-b4c51c7a] {
    border-radius: 20px
}

.button.btn-full[data-v-b4c51c7a] {
    width: 100%
}

.button.btn-80[data-v-b4c51c7a] {
    width: 80%
}

.button.hasIcon[data-v-b4c51c7a] {
    padding-left: 50px
}

.button a[data-v-b4c51c7a] {
    display: block
}

.button .labelIcon[data-v-b4c51c7a] {
    position: absolute
}

.button .labelIcon svg[data-v-b4c51c7a] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-b4c51c7a] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-b4c51c7a]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-b4c51c7a] {
    outline: none
}

.keyboard-input-wrap[data-v-b4c51c7a] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-b4c51c7a] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-b4c51c7a] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-b4c51c7a] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-b4c51c7a] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-b4c51c7a] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-b4c51c7a] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-b4c51c7a] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-b4c51c7a] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-b4c51c7a] {
    font-size: 1.2em
}

.color-white[data-v-b4c51c7a] {
    color: #fff
}

.color-white-50[data-v-b4c51c7a] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-b4c51c7a] {
    display: none
}

.ld-loading .loading[data-v-b4c51c7a], .main-loading .loading[data-v-b4c51c7a] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-b4c51c7a] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-b4c51c7a]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-b4c51c7a]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-b4c51c7a] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-b4c51c7a] {
    -webkit-animation: rotate-data-v-b4c51c7a 1s linear infinite;
    animation: rotate-data-v-b4c51c7a 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-b4c51c7a] {
    stroke: transparent
}

.wrapNotify[data-v-b4c51c7a] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-b4c51c7a] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-b4c51c7a] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-b4c51c7a] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-b4c51c7a] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-b4c51c7a] {
    display: block
}

.wrapNotify .close-notify[data-v-b4c51c7a] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-b4c51c7a] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-b4c51c7a] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-b4c51c7a] {
    background-color: transparent
}

.colorWhite[data-v-b4c51c7a] {
    color: #fff
}

.colorRed[data-v-b4c51c7a] {
    color: #f46273
}

.colorGreen[data-v-b4c51c7a] {
    color: #31baa0
}

.colorGray[data-v-b4c51c7a] {
    color: #7c7c7c
}

.tableBackground[data-v-b4c51c7a] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-b4c51c7a] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-b4c51c7a], .tableBackground .table-dark th[data-v-b4c51c7a] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-b4c51c7a]:after, .tableBackground .table-dark th[data-v-b4c51c7a]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-b4c51c7a] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-b4c51c7a], .tableBackground .table-dark th[data-v-b4c51c7a] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-b4c51c7a]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-b4c51c7a]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-b4c51c7a] {
    background-color: #060642
}

.tableBackground #paging li[data-v-b4c51c7a] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-b4c51c7a] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-b4c51c7a] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-b4c51c7a], .customeTradeHistory[data-v-b4c51c7a] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-b4c51c7a], .customeTradeHistory .reportrange-text[data-v-b4c51c7a] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-b4c51c7a], .customeTradeHistory .reportrange-text .seperate[data-v-b4c51c7a] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-b4c51c7a], .customeTradeHistory .reportrange-text span[data-v-b4c51c7a] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-b4c51c7a] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-b4c51c7a] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-b4c51c7a] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-b4c51c7a]:after, .startDate .daterangepicker.openscenter[data-v-b4c51c7a]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-b4c51c7a] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-b4c51c7a] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-b4c51c7a] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-b4c51c7a] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-b4c51c7a] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-b4c51c7a] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-b4c51c7a] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-b4c51c7a] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-b4c51c7a] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-b4c51c7a] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-b4c51c7a] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-b4c51c7a] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-b4c51c7a] {
    text-align: center
}

.border-none[data-v-b4c51c7a] {
    border: none
}

.text-domain[data-v-b4c51c7a]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-b4c51c7a] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-b4c51c7a] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-b4c51c7a] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-b4c51c7a] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-b4c51c7a] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-b4c51c7a] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-b4c51c7a] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-b4c51c7a] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-b4c51c7a] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-b4c51c7a] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-b4c51c7a] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-b4c51c7a] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-b4c51c7a] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-b4c51c7a] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-b4c51c7a] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-b4c51c7a] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-b4c51c7a] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-b4c51c7a] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-b4c51c7a] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-b4c51c7a] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-b4c51c7a] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-b4c51c7a] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-b4c51c7a] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-b4c51c7a] {
    fill: #000
}

.btn-active-paging[data-v-b4c51c7a] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-b4c51c7a] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-b4c51c7a] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-b4c51c7a] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-b4c51c7a], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-b4c51c7a] {
    background: #8b8d96 !important
}

.transactionBox[data-v-b4c51c7a] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-b4c51c7a] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-b4c51c7a] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-b4c51c7a] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-b4c51c7a] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-b4c51c7a] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-b4c51c7a] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-b4c51c7a] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-b4c51c7a] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-b4c51c7a] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-b4c51c7a] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-b4c51c7a] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-b4c51c7a] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-b4c51c7a] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-b4c51c7a] {
    color: #2a74f9 !important
}

.title[data-v-b4c51c7a] {
    color: #043076;
    font-weight: 700;
    margin-bottom: 0
}

.title.titleSm[data-v-b4c51c7a] {
    font-size: 1.125rem
}

.wrap-chart[data-v-b4c51c7a] {
    z-index: 2;
    border-radius: 0;
    overflow: hidden;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    border: none
}

.wrap-chart .header[data-v-b4c51c7a] {
    padding: 15px;
    border-bottom: 1px solid #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.wrap-chart .header .control[data-v-b4c51c7a] {
    cursor: pointer;
    color: #414141
}

.wrap-chart .total-income[data-v-b4c51c7a] {
    position: absolute;
    top: 60px;
    left: 50%;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 1em;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.wrap-chart .total-income span[data-v-b4c51c7a] {
    color: #31baa0;
    font-weight: 700
}

.wrap-chart .total-income p[data-v-b4c51c7a] {
    margin-bottom: 0
}

.wrap-chart .chart-instance[data-v-b4c51c7a] {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.wrap-chart .chartHight[data-v-b4c51c7a] {
    height: 400px;
    opacity: .5;
}

body[data-v-a54b327e] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-a54b327e]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-a54b327e]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-a54b327e]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-a54b327e] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-a54b327e]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-a54b327e]::-webkit-inner-spin-button, input[data-v-a54b327e]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-a54b327e] {
    -moz-appearance: textfield
}

button[data-v-a54b327e]:focus, input[data-v-a54b327e]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-a54b327e] {
    font-size: 8px
}

.font-10[data-v-a54b327e] {
    font-size: .6rem !important
}

.font-12[data-v-a54b327e] {
    font-size: 12px
}

.font-14[data-v-a54b327e] {
    font-size: 14px
}

.font-16[data-v-a54b327e] {
    font-size: 16px
}

.font-18[data-v-a54b327e] {
    font-size: 18px
}

.font-20[data-v-a54b327e] {
    font-size: 20px
}

.font-24[data-v-a54b327e] {
    font-size: 24px
}

.font-32[data-v-a54b327e] {
    font-size: 32px
}

.font-34[data-v-a54b327e] {
    font-size: 34px
}

.font-40[data-v-a54b327e] {
    font-size: 2.5rem !important
}

.font-44[data-v-a54b327e] {
    font-size: 44px
}

.colorPrimary[data-v-a54b327e] {
    color: #2a74f9
}

.colorPrimary1[data-v-a54b327e] {
    color: #000 !important
}

.colorSecondary[data-v-a54b327e] {
    color: #fff !important
}

.colorSecondary1[data-v-a54b327e] {
    color: #414141 !important
}

.colorSecondary2[data-v-a54b327e] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-a54b327e] {
    color: #0d0d0d
}

.colorSecondary4[data-v-a54b327e] {
    color: #02142b
}

.colorSecondary5[data-v-a54b327e] {
    color: #1a1e24
}

.colorSecondary6[data-v-a54b327e] {
    color: #fafafa
}

.colorSecondary7[data-v-a54b327e] {
    color: #333
}

.colorSecondary8[data-v-a54b327e] {
    color: #0e0031
}

.colorSuccess[data-v-a54b327e] {
    color: #31baa0
}

.colorWarning[data-v-a54b327e] {
    color: #ffcf5c
}

.colorDanger[data-v-a54b327e] {
    color: #f46273
}

.fillPrimary[data-v-a54b327e] {
    fill: #2a74f9
}

.fillWarning[data-v-a54b327e] {
    fill: #ffcf5c
}

.fillDanger[data-v-a54b327e] {
    fill: #f46273
}

.fillSecondary1[data-v-a54b327e] {
    fill: #414141
}

.fillSecondary2[data-v-a54b327e] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-a54b327e] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-a54b327e] {
    fill: #02142b
}

.fillSecondary5[data-v-a54b327e] {
    fill: #1a1e24
}

.fillSecondary6[data-v-a54b327e] {
    fill: #fafafa
}

.fillSecondary7[data-v-a54b327e] {
    fill: #333
}

.fillSecondary8[data-v-a54b327e] {
    fill: #0e0031
}

.textnote-notidesc[data-v-a54b327e] {
    color: #fff
}

.bgColor0[data-v-a54b327e] {
    background-color: transparent
}

.bgPrimary-hover[data-v-a54b327e]:hover, .bgPrimary[data-v-a54b327e] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-a54b327e]:hover, .bgPrimary1[data-v-a54b327e] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-a54b327e]:hover, .bgPrimary2[data-v-a54b327e] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-a54b327e]:hover, .bgSecondary[data-v-a54b327e] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-a54b327e]:hover, .bgSecondary1[data-v-a54b327e] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-a54b327e]:hover, .bgSecondary2[data-v-a54b327e] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-a54b327e]:hover, .bgSecondary3[data-v-a54b327e] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-a54b327e] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-a54b327e] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-a54b327e]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-a54b327e]:hover, .bgSecondary5[data-v-a54b327e] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-a54b327e]:hover, .bgSecondary6[data-v-a54b327e] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-a54b327e]:hover, .bgSecondary7[data-v-a54b327e] {
    background-color: #333 !important
}

.bgSecondary8[data-v-a54b327e] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-a54b327e]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-a54b327e] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-a54b327e]:hover, .bgSuccess[data-v-a54b327e] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-a54b327e] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-a54b327e] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-a54b327e]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-a54b327e] {
    fill: #31baa0
}

.w-14-px[data-v-a54b327e] {
    width: 14px
}

.max-width-50[data-v-a54b327e] {
    max-width: 50%
}

.h-60-px[data-v-a54b327e] {
    height: 60px
}

.h-100-px[data-v-a54b327e] {
    height: 100px
}

.mb-16-px[data-v-a54b327e] {
    margin-bottom: 16px
}

.mb-30-px[data-v-a54b327e] {
    margin-bottom: 30px
}

.borderRounded[data-v-a54b327e] {
    border-radius: 5px
}

.borderPrimary[data-v-a54b327e] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-a54b327e] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-a54b327e] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-a54b327e] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-a54b327e] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-a54b327e] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-a54b327e] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-a54b327e] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-a54b327e] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-a54b327e] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-a54b327e] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-a54b327e] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-a54b327e] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-a54b327e] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-a54b327e]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-a54b327e] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-a54b327e] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-a54b327e] {
    padding: 1px
}

.px-1-px[data-v-a54b327e] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-a54b327e] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-a54b327e] {
    padding-left: 1px
}

.pr-1-px[data-v-a54b327e] {
    padding-right: 1px
}

.pt-1-px[data-v-a54b327e] {
    padding-top: 1px
}

.pb-1-px[data-v-a54b327e] {
    padding-bottom: 1px
}

.p-2-px[data-v-a54b327e] {
    padding: 2px
}

.px-2-px[data-v-a54b327e] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-a54b327e] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-a54b327e] {
    padding-left: 2px
}

.pr-2-px[data-v-a54b327e] {
    padding-right: 2px
}

.pt-2-px[data-v-a54b327e] {
    padding-top: 2px
}

.pb-2-px[data-v-a54b327e] {
    padding-bottom: 2px
}

.p-8-px[data-v-a54b327e] {
    padding: 8px
}

.px-8-px[data-v-a54b327e] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-a54b327e] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-a54b327e] {
    padding-left: 8px
}

.pr-8-px[data-v-a54b327e] {
    padding-right: 8px
}

.pt-8-px[data-v-a54b327e] {
    padding-top: 8px
}

.pb-8-px[data-v-a54b327e] {
    padding-bottom: 8px
}

.p-10-px[data-v-a54b327e] {
    padding: 10px
}

.px-10-px[data-v-a54b327e] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-a54b327e] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-a54b327e] {
    padding-left: 10px
}

.pr-10-px[data-v-a54b327e] {
    padding-right: 10px
}

.pt-10-px[data-v-a54b327e] {
    padding-top: 10px
}

.pb-10-px[data-v-a54b327e] {
    padding-bottom: 10px
}

.p-12-px[data-v-a54b327e] {
    padding: 12px
}

.px-12-px[data-v-a54b327e] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-a54b327e] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-a54b327e] {
    padding-left: 12px
}

.pr-12-px[data-v-a54b327e] {
    padding-right: 12px
}

.pt-12-px[data-v-a54b327e] {
    padding-top: 12px
}

.pb-12-px[data-v-a54b327e] {
    padding-bottom: 12px
}

.p-16-px[data-v-a54b327e] {
    padding: 16px
}

.px-16-px[data-v-a54b327e] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-a54b327e] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-a54b327e] {
    padding-left: 16px
}

.pr-16-px[data-v-a54b327e] {
    padding-right: 16px
}

.pt-16-px[data-v-a54b327e] {
    padding-top: 16px
}

.pb-16-px[data-v-a54b327e] {
    padding-bottom: 16px
}

.p-30-px[data-v-a54b327e] {
    padding: 30px
}

.px-30-px[data-v-a54b327e] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-a54b327e] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-a54b327e] {
    padding-left: 30px
}

.pr-30-px[data-v-a54b327e] {
    padding-right: 30px
}

.pt-30-px[data-v-a54b327e] {
    padding-top: 30px
}

.pb-30-px[data-v-a54b327e] {
    padding-bottom: 30px
}

.font-30[data-v-a54b327e] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-a54b327e] {
    font-weight: 700
}

.wbo-title[data-v-a54b327e] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-a54b327e] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-a54b327e] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-a54b327e] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-a54b327e]:focus {
        outline: 0
    }

    .button[data-v-a54b327e]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-a54b327e] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-a54b327e]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-a54b327e] {
    padding: 11px 2.5rem
}

.button.primary[data-v-a54b327e], .button.primary[data-v-a54b327e]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-a54b327e], .text-primary[data-v-a54b327e], a .primary-hover[data-v-a54b327e]:hover {
    color: #000 !important
}

ul[data-v-a54b327e] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-a54b327e], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-a54b327e] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-a54b327e]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-a54b327e]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-a54b327e], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-a54b327e], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-a54b327e]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-a54b327e], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-a54b327e], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-a54b327e]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-a54b327e], .faqsContent .content .navigator ul li a.active[data-v-a54b327e]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-a54b327e]:hover {
    color: #000
}

.ps[data-v-a54b327e] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-a54b327e] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-a54b327e], .ps__rail-y[data-v-a54b327e] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-a54b327e] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-a54b327e], .ps--active-y > .ps__rail-y[data-v-a54b327e] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-a54b327e], .ps--focus > .ps__rail-y[data-v-a54b327e], .ps--scrolling-x > .ps__rail-x[data-v-a54b327e], .ps--scrolling-y > .ps__rail-y[data-v-a54b327e], .ps:hover > .ps__rail-x[data-v-a54b327e], .ps:hover > .ps__rail-y[data-v-a54b327e] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-a54b327e], .ps .ps__rail-x[data-v-a54b327e]:focus, .ps .ps__rail-x[data-v-a54b327e]:hover, .ps .ps__rail-y.ps--clicking[data-v-a54b327e], .ps .ps__rail-y[data-v-a54b327e]:focus, .ps .ps__rail-y[data-v-a54b327e]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-a54b327e] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-a54b327e] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-a54b327e], .ps__rail-x:focus > .ps__thumb-x[data-v-a54b327e], .ps__rail-x:hover > .ps__thumb-x[data-v-a54b327e] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-a54b327e], .ps__rail-y:focus > .ps__thumb-y[data-v-a54b327e], .ps__rail-y:hover > .ps__thumb-y[data-v-a54b327e] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-a54b327e] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-a54b327e] {
        overflow: auto !important
    }
}

.md-field[data-v-a54b327e] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-a54b327e] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-a54b327e] {
    color: #2a74f9
}

.md-field .md-error[data-v-a54b327e] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-a54b327e] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-a54b327e], .md-field.md-has-value label[data-v-a54b327e] {
    top: -10px
}

.form-control[data-v-a54b327e], .md-field .md-input[data-v-a54b327e], .md-field .md-textarea[data-v-a54b327e], .winput[data-v-a54b327e] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-a54b327e] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-a54b327e] {
    fill: #0d0d0d
}

.round[data-v-a54b327e] {
    border-radius: 5px
}

.off[data-v-a54b327e] {
    position: relative;
    cursor: default
}

.off > [data-v-a54b327e] {
    opacity: .5
}

.off[data-v-a54b327e]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-a54b327e] {
    cursor: pointer
}

.close-page[data-v-a54b327e] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-a54b327e] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-a54b327e], .slide-fade-leave-active[data-v-a54b327e] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-a54b327e], .slide-fade-leave-to[data-v-a54b327e] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-a54b327e {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-a54b327e {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-a54b327e] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-a54b327e] {
    color: #ffcf5c
}

.button[data-v-a54b327e] {
    font-weight: 700
}

.modal .modal-dialog[data-v-a54b327e] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-a54b327e] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-a54b327e] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-a54b327e], .modal .modal-dialog .modal-header[data-v-a54b327e] {
    border: none
}

#chartCommisst .highcharts-title[data-v-a54b327e] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-a54b327e] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-a54b327e] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-a54b327e], .modal .modal-dialog form[data-v-a54b327e] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-a54b327e] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-a54b327e], .FaqsDetail[data-v-a54b327e] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-a54b327e], .FaqsDetail[data-v-a54b327e] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-a54b327e], .FaqsDetail .headerMaster .boxHeader[data-v-a54b327e] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-a54b327e], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-a54b327e] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-a54b327e], .Faqs main[data-v-a54b327e] {
    background-color: unset
}

.titleChartCandle[data-v-a54b327e] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-a54b327e] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-a54b327e] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-a54b327e] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-a54b327e], .plotlineChart .time[data-v-a54b327e] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-a54b327e] {
    top: 51px
}

.boxHeader[data-v-a54b327e] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-a54b327e], .boxHeader .register[data-v-a54b327e] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-a54b327e] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-a54b327e] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-a54b327e] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-a54b327e] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-a54b327e]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-a54b327e] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-a54b327e]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-a54b327e] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-a54b327e]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-a54b327e] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-a54b327e] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-a54b327e] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-a54b327e] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-a54b327e] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-a54b327e] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-a54b327e] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-a54b327e] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-a54b327e] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-a54b327e] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-a54b327e] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-a54b327e] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-a54b327e] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-a54b327e] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-a54b327e] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-a54b327e] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-a54b327e] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-a54b327e] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-a54b327e] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-a54b327e] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-a54b327e] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-a54b327e] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-a54b327e] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-a54b327e] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-a54b327e] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-a54b327e] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-a54b327e] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-a54b327e] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-a54b327e] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-a54b327e] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-a54b327e] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-a54b327e] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-a54b327e] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-a54b327e] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-a54b327e] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-a54b327e] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-a54b327e] {
        height: 56px !important
    }
}

input.form-control[data-v-a54b327e], input[data-v-a54b327e], select.form-control[data-v-a54b327e], select[data-v-a54b327e] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-a54b327e] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-a54b327e] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-a54b327e] {
    line-height: 100%
}

.button.btn-long[data-v-a54b327e] {
    padding: 10px 40px
}

.button.btn-radius[data-v-a54b327e] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-a54b327e] {
    border-radius: 20px
}

.button.btn-full[data-v-a54b327e] {
    width: 100%
}

.button.btn-80[data-v-a54b327e] {
    width: 80%
}

.button.hasIcon[data-v-a54b327e] {
    padding-left: 50px
}

.button a[data-v-a54b327e] {
    display: block
}

.button .labelIcon[data-v-a54b327e] {
    position: absolute
}

.button .labelIcon svg[data-v-a54b327e] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-a54b327e] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-a54b327e]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-a54b327e] {
    outline: none
}

.keyboard-input-wrap[data-v-a54b327e] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-a54b327e] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-a54b327e] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-a54b327e] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-a54b327e] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-a54b327e] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-a54b327e] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-a54b327e] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-a54b327e] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-a54b327e] {
    font-size: 1.2em
}

.color-white[data-v-a54b327e] {
    color: #fff
}

.color-white-50[data-v-a54b327e] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-a54b327e] {
    display: none
}

.ld-loading .loading[data-v-a54b327e], .main-loading .loading[data-v-a54b327e] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-a54b327e] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-a54b327e]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-a54b327e]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-a54b327e] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-a54b327e] {
    -webkit-animation: rotate-data-v-a54b327e 1s linear infinite;
    animation: rotate-data-v-a54b327e 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-a54b327e] {
    stroke: transparent
}

.wrapNotify[data-v-a54b327e] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-a54b327e] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-a54b327e] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-a54b327e] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-a54b327e] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-a54b327e] {
    display: block
}

.wrapNotify .close-notify[data-v-a54b327e] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-a54b327e] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-a54b327e] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-a54b327e] {
    background-color: transparent
}

.colorWhite[data-v-a54b327e] {
    color: #fff
}

.colorRed[data-v-a54b327e] {
    color: #f46273
}

.colorGreen[data-v-a54b327e] {
    color: #31baa0
}

.colorGray[data-v-a54b327e] {
    color: #7c7c7c
}

.tableBackground[data-v-a54b327e] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-a54b327e] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-a54b327e], .tableBackground .table-dark th[data-v-a54b327e] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-a54b327e]:after, .tableBackground .table-dark th[data-v-a54b327e]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-a54b327e] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-a54b327e], .tableBackground .table-dark th[data-v-a54b327e] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-a54b327e]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-a54b327e]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-a54b327e] {
    background-color: #060642
}

.tableBackground #paging li[data-v-a54b327e] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-a54b327e] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-a54b327e] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-a54b327e], .customeTradeHistory[data-v-a54b327e] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-a54b327e], .customeTradeHistory .reportrange-text[data-v-a54b327e] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-a54b327e], .customeTradeHistory .reportrange-text .seperate[data-v-a54b327e] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-a54b327e], .customeTradeHistory .reportrange-text span[data-v-a54b327e] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-a54b327e] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-a54b327e] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-a54b327e] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-a54b327e]:after, .startDate .daterangepicker.openscenter[data-v-a54b327e]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-a54b327e] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-a54b327e] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-a54b327e] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-a54b327e] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-a54b327e] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-a54b327e] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-a54b327e] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-a54b327e] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-a54b327e] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-a54b327e] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-a54b327e] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-a54b327e] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-a54b327e] {
    text-align: center
}

.border-none[data-v-a54b327e] {
    border: none
}

.text-domain[data-v-a54b327e]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-a54b327e] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-a54b327e] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-a54b327e] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-a54b327e] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-a54b327e] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-a54b327e] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-a54b327e] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-a54b327e] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-a54b327e] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-a54b327e] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-a54b327e] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-a54b327e] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-a54b327e] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-a54b327e] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-a54b327e] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-a54b327e] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-a54b327e] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-a54b327e] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-a54b327e] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-a54b327e] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-a54b327e] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-a54b327e] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-a54b327e] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-a54b327e] {
    fill: #000
}

.btn-active-paging[data-v-a54b327e] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-a54b327e] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-a54b327e] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-a54b327e] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-a54b327e], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-a54b327e] {
    background: #8b8d96 !important
}

.transactionBox[data-v-a54b327e] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-a54b327e] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-a54b327e] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-a54b327e] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-a54b327e] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-a54b327e] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-a54b327e] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-a54b327e] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-a54b327e] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-a54b327e] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-a54b327e] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-a54b327e] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-a54b327e] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-a54b327e] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-a54b327e] {
    color: #2a74f9 !important
}

.boxShadowDashBoard[data-v-a54b327e] {
    -webkit-box-shadow: 0 3px 10px rgba(14,0,49,.15) !important;
    box-shadow: 0 3px 10px rgba(14,0,49,.15) !important
}

.groupTotal[data-v-a54b327e] {
    position: absolute;
    top: 72px;
    left: 50%;
    height: 72px;
    min-width: 200px;
    z-index: 3;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.nav[data-v-a54b327e] {
    padding-left: 2rem;
    border-bottom: 1px solid #02142b
}

.nav .nav-link[data-v-a54b327e] {
    color: hsla(0,0%,100%,.5)
}

    .nav .nav-link[data-v-a54b327e]:first-letter {
        text-transform: uppercase
    }

.nav .nav-link.active[data-v-a54b327e] {
    color: #fff;
    position: relative
}

    .nav .nav-link.active[data-v-a54b327e]:after {
        content: "";
        display: inline-block;
        width: 90%;
        height: 3px;
        border-radius: 3px 3px 0 0;
        background-color: #2a74f9;
        position: absolute;
        bottom: -3px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

.content[data-v-a54b327e] {
    padding: 1rem 1.25rem
}

.notAllTimeText[data-v-a54b327e]:first-letter {
    text-transform: uppercase
}

.lds-ellipsis[data-v-a54b327e] {
    height: 20px
}

.lds-ellipsis div[data-v-a54b327e] {
    top: 5px
}

.dropdown .dropdown-toggle[data-v-a54b327e]:after {
    display: none
}

.dropdown .dropdown-menu li[data-v-a54b327e] {
    font-size: .875rem;
    padding: .375rem .5rem
}

    .dropdown .dropdown-menu li[data-v-a54b327e]:hover {
        background-color: #fff
    }

.btnChangeType[data-v-a54b327e] {
    background-color: transparent;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.btnChangeType.active svg[data-v-a54b327e], .btnChangeType.active svg g[data-v-a54b327e], .btnChangeType.active svg g path[data-v-a54b327e] {
    fill: #2a74f9;
    stroke: #2a74f9
}

.title[data-v-a54b327e] {
    color: #043076;
    font-weight: 700;
    margin-bottom: 0
}

.title.titleSm[data-v-a54b327e] {
    font-size: 1.125rem
}

.wrap-chart-below[data-v-a54b327e] {
    border: none
}

.wrap-chart[data-v-a54b327e] {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #1f2f53
}

.wrap-chart .header[data-v-a54b327e] {
    padding: 15px;
    border-bottom: 1px solid #1f2f53
}

.wrap-chart .header .control[data-v-a54b327e] {
    cursor: pointer;
    color: #414141
}

.wrap-chart .total-income[data-v-a54b327e] {
    position: relative;
    display: inline-block;
    top: 0;
    left: 50%;
    background-color: #02142b;
    border: 1px solid #02142b;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 1em;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.wrap-chart .total-income span[data-v-a54b327e] {
    font-weight: 700
}

.wrap-chart .total-income span.trading[data-v-a54b327e] {
    color: #f46273
}

.wrap-chart .total-income span.agency[data-v-a54b327e] {
    color: #2a74f9
}

.wrap-chart .total-income p[data-v-a54b327e] {
    color: #fff;
    margin-bottom: 0
}

.wrap-chart .chart-instance[data-v-a54b327e] {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-bottom: 5px
}

.wrap-chart .h-400[data-v-a54b327e] {
    height: 250px
}

@media (max-width:575.98px) {
    .total-income[data-v-a54b327e] {
        width: 70%;
        text-align: center
    }
}

.affiliateMamnagement .boxBasic .heading .textRank {
    cursor: default
}

body[data-v-23b07f93] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-23b07f93]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-23b07f93]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-23b07f93]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-23b07f93] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-23b07f93]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-23b07f93]::-webkit-inner-spin-button, input[data-v-23b07f93]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-23b07f93] {
    -moz-appearance: textfield
}

button[data-v-23b07f93]:focus, input[data-v-23b07f93]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-23b07f93] {
    font-size: 8px
}

.font-10[data-v-23b07f93] {
    font-size: .6rem !important
}

.font-12[data-v-23b07f93] {
    font-size: 12px
}

.font-14[data-v-23b07f93] {
    font-size: 14px
}

.font-16[data-v-23b07f93] {
    font-size: 16px
}

.font-18[data-v-23b07f93] {
    font-size: 18px
}

.font-20[data-v-23b07f93] {
    font-size: 20px
}

.font-24[data-v-23b07f93] {
    font-size: 24px
}

.font-32[data-v-23b07f93] {
    font-size: 32px
}

.font-34[data-v-23b07f93] {
    font-size: 34px
}

.font-40[data-v-23b07f93] {
    font-size: 2.5rem !important
}

.font-44[data-v-23b07f93] {
    font-size: 44px
}

.colorPrimary[data-v-23b07f93] {
    color: #2a74f9
}

.colorPrimary1[data-v-23b07f93] {
    color: #000 !important
}

.colorSecondary[data-v-23b07f93] {
    color: #fff !important
}

.colorSecondary1[data-v-23b07f93] {
    color: #414141 !important
}

.colorSecondary2[data-v-23b07f93] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-23b07f93] {
    color: #0d0d0d
}

.colorSecondary4[data-v-23b07f93] {
    color: #02142b
}

.colorSecondary5[data-v-23b07f93] {
    color: #1a1e24
}

.colorSecondary6[data-v-23b07f93] {
    color: #fafafa
}

.colorSecondary7[data-v-23b07f93] {
    color: #333
}

.colorSecondary8[data-v-23b07f93] {
    color: #0e0031
}

.colorSuccess[data-v-23b07f93] {
    color: #31baa0
}

.colorWarning[data-v-23b07f93] {
    color: #ffcf5c
}

.colorDanger[data-v-23b07f93] {
    color: #f46273
}

.fillPrimary[data-v-23b07f93] {
    fill: #2a74f9
}

.fillWarning[data-v-23b07f93] {
    fill: #ffcf5c
}

.fillDanger[data-v-23b07f93] {
    fill: #f46273
}

.fillSecondary1[data-v-23b07f93] {
    fill: #414141
}

.fillSecondary2[data-v-23b07f93] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-23b07f93] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-23b07f93] {
    fill: #02142b
}

.fillSecondary5[data-v-23b07f93] {
    fill: #1a1e24
}

.fillSecondary6[data-v-23b07f93] {
    fill: #fafafa
}

.fillSecondary7[data-v-23b07f93] {
    fill: #333
}

.fillSecondary8[data-v-23b07f93] {
    fill: #0e0031
}

.textnote-notidesc[data-v-23b07f93] {
    color: #fff
}

.bgColor0[data-v-23b07f93] {
    background-color: transparent
}

.bgPrimary-hover[data-v-23b07f93]:hover, .bgPrimary[data-v-23b07f93] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-23b07f93]:hover, .bgPrimary1[data-v-23b07f93] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-23b07f93]:hover, .bgPrimary2[data-v-23b07f93] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-23b07f93]:hover, .bgSecondary[data-v-23b07f93] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-23b07f93]:hover, .bgSecondary1[data-v-23b07f93] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-23b07f93]:hover, .bgSecondary2[data-v-23b07f93] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-23b07f93]:hover, .bgSecondary3[data-v-23b07f93] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-23b07f93] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-23b07f93] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-23b07f93]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-23b07f93]:hover, .bgSecondary5[data-v-23b07f93] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-23b07f93]:hover, .bgSecondary6[data-v-23b07f93] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-23b07f93]:hover, .bgSecondary7[data-v-23b07f93] {
    background-color: #333 !important
}

.bgSecondary8[data-v-23b07f93] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-23b07f93]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-23b07f93] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-23b07f93]:hover, .bgSuccess[data-v-23b07f93] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-23b07f93] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-23b07f93] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-23b07f93]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-23b07f93] {
    fill: #31baa0
}

.w-14-px[data-v-23b07f93] {
    width: 14px
}

.max-width-50[data-v-23b07f93] {
    max-width: 50%
}

.h-60-px[data-v-23b07f93] {
    height: 60px
}

.h-100-px[data-v-23b07f93] {
    height: 100px
}

.mb-16-px[data-v-23b07f93] {
    margin-bottom: 16px
}

.mb-30-px[data-v-23b07f93] {
    margin-bottom: 30px
}

.borderRounded[data-v-23b07f93] {
    border-radius: 5px
}

.borderPrimary[data-v-23b07f93] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-23b07f93] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-23b07f93] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-23b07f93] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-23b07f93] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-23b07f93] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-23b07f93] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-23b07f93] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-23b07f93] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-23b07f93] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-23b07f93] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-23b07f93] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-23b07f93] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-23b07f93] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-23b07f93]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-23b07f93] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-23b07f93] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-23b07f93] {
    padding: 1px
}

.px-1-px[data-v-23b07f93] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-23b07f93] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-23b07f93] {
    padding-left: 1px
}

.pr-1-px[data-v-23b07f93] {
    padding-right: 1px
}

.pt-1-px[data-v-23b07f93] {
    padding-top: 1px
}

.pb-1-px[data-v-23b07f93] {
    padding-bottom: 1px
}

.p-2-px[data-v-23b07f93] {
    padding: 2px
}

.px-2-px[data-v-23b07f93] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-23b07f93] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-23b07f93] {
    padding-left: 2px
}

.pr-2-px[data-v-23b07f93] {
    padding-right: 2px
}

.pt-2-px[data-v-23b07f93] {
    padding-top: 2px
}

.pb-2-px[data-v-23b07f93] {
    padding-bottom: 2px
}

.p-8-px[data-v-23b07f93] {
    padding: 8px
}

.px-8-px[data-v-23b07f93] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-23b07f93] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-23b07f93] {
    padding-left: 8px
}

.pr-8-px[data-v-23b07f93] {
    padding-right: 8px
}

.pt-8-px[data-v-23b07f93] {
    padding-top: 8px
}

.pb-8-px[data-v-23b07f93] {
    padding-bottom: 8px
}

.p-10-px[data-v-23b07f93] {
    padding: 10px
}

.px-10-px[data-v-23b07f93] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-23b07f93] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-23b07f93] {
    padding-left: 10px
}

.pr-10-px[data-v-23b07f93] {
    padding-right: 10px
}

.pt-10-px[data-v-23b07f93] {
    padding-top: 10px
}

.pb-10-px[data-v-23b07f93] {
    padding-bottom: 10px
}

.p-12-px[data-v-23b07f93] {
    padding: 12px
}

.px-12-px[data-v-23b07f93] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-23b07f93] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-23b07f93] {
    padding-left: 12px
}

.pr-12-px[data-v-23b07f93] {
    padding-right: 12px
}

.pt-12-px[data-v-23b07f93] {
    padding-top: 12px
}

.pb-12-px[data-v-23b07f93] {
    padding-bottom: 12px
}

.p-16-px[data-v-23b07f93] {
    padding: 16px
}

.px-16-px[data-v-23b07f93] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-23b07f93] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-23b07f93] {
    padding-left: 16px
}

.pr-16-px[data-v-23b07f93] {
    padding-right: 16px
}

.pt-16-px[data-v-23b07f93] {
    padding-top: 16px
}

.pb-16-px[data-v-23b07f93] {
    padding-bottom: 16px
}

.p-30-px[data-v-23b07f93] {
    padding: 30px
}

.px-30-px[data-v-23b07f93] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-23b07f93] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-23b07f93] {
    padding-left: 30px
}

.pr-30-px[data-v-23b07f93] {
    padding-right: 30px
}

.pt-30-px[data-v-23b07f93] {
    padding-top: 30px
}

.pb-30-px[data-v-23b07f93] {
    padding-bottom: 30px
}

.font-30[data-v-23b07f93] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-23b07f93] {
    font-weight: 700
}

.wbo-title[data-v-23b07f93] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-23b07f93] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-23b07f93] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-23b07f93] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-23b07f93]:focus {
        outline: 0
    }

    .button[data-v-23b07f93]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-23b07f93] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-23b07f93]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-23b07f93] {
    padding: 11px 2.5rem
}

.button.primary[data-v-23b07f93], .button.primary[data-v-23b07f93]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
}

.button.primary span[data-v-23b07f93], .text-primary[data-v-23b07f93], a .primary-hover[data-v-23b07f93]:hover {
    color: #000 !important
}

ul[data-v-23b07f93] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-23b07f93], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-23b07f93] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-23b07f93]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-23b07f93]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-23b07f93], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-23b07f93], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-23b07f93]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-23b07f93], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-23b07f93], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-23b07f93]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-23b07f93], .faqsContent .content .navigator ul li a.active[data-v-23b07f93]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-23b07f93]:hover {
    color: #000
}

.ps[data-v-23b07f93] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-23b07f93] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-23b07f93], .ps__rail-y[data-v-23b07f93] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-23b07f93] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-23b07f93], .ps--active-y > .ps__rail-y[data-v-23b07f93] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-23b07f93], .ps--focus > .ps__rail-y[data-v-23b07f93], .ps--scrolling-x > .ps__rail-x[data-v-23b07f93], .ps--scrolling-y > .ps__rail-y[data-v-23b07f93], .ps:hover > .ps__rail-x[data-v-23b07f93], .ps:hover > .ps__rail-y[data-v-23b07f93] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-23b07f93], .ps .ps__rail-x[data-v-23b07f93]:focus, .ps .ps__rail-x[data-v-23b07f93]:hover, .ps .ps__rail-y.ps--clicking[data-v-23b07f93], .ps .ps__rail-y[data-v-23b07f93]:focus, .ps .ps__rail-y[data-v-23b07f93]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-23b07f93] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-23b07f93] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-23b07f93], .ps__rail-x:focus > .ps__thumb-x[data-v-23b07f93], .ps__rail-x:hover > .ps__thumb-x[data-v-23b07f93] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-23b07f93], .ps__rail-y:focus > .ps__thumb-y[data-v-23b07f93], .ps__rail-y:hover > .ps__thumb-y[data-v-23b07f93] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-23b07f93] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-23b07f93] {
        overflow: auto !important
    }
}

.md-field[data-v-23b07f93] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-23b07f93] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-23b07f93] {
    color: #2a74f9
}

.md-field .md-error[data-v-23b07f93] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-23b07f93] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-23b07f93], .md-field.md-has-value label[data-v-23b07f93] {
    top: -10px
}

.form-control[data-v-23b07f93], .md-field .md-input[data-v-23b07f93], .md-field .md-textarea[data-v-23b07f93], .winput[data-v-23b07f93] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-23b07f93] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-23b07f93] {
    fill: #0d0d0d
}

.round[data-v-23b07f93] {
    border-radius: 5px
}

.off[data-v-23b07f93] {
    position: relative;
    cursor: default
}

.off > [data-v-23b07f93] {
    opacity: .5
}

.off[data-v-23b07f93]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-23b07f93] {
    cursor: pointer
}

.close-page[data-v-23b07f93] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-23b07f93] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-23b07f93], .slide-fade-leave-active[data-v-23b07f93] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-23b07f93], .slide-fade-leave-to[data-v-23b07f93] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-23b07f93 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-23b07f93 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-23b07f93] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-23b07f93] {
    color: #ffcf5c
}

.button[data-v-23b07f93] {
    font-weight: 700
}

.modal .modal-dialog[data-v-23b07f93] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-23b07f93] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-23b07f93] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-23b07f93], .modal .modal-dialog .modal-header[data-v-23b07f93] {
    border: none
}

#chartCommisst .highcharts-title[data-v-23b07f93] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-23b07f93] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-23b07f93] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-23b07f93], .modal .modal-dialog form[data-v-23b07f93] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-23b07f93] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-23b07f93], .FaqsDetail[data-v-23b07f93] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-23b07f93], .FaqsDetail[data-v-23b07f93] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-23b07f93], .FaqsDetail .headerMaster .boxHeader[data-v-23b07f93] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-23b07f93], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-23b07f93] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-23b07f93], .Faqs main[data-v-23b07f93] {
    background-color: unset
}

.titleChartCandle[data-v-23b07f93] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-23b07f93] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-23b07f93] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-23b07f93] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-23b07f93], .plotlineChart .time[data-v-23b07f93] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-23b07f93] {
    top: 51px
}

.boxHeader[data-v-23b07f93] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-23b07f93], .boxHeader .register[data-v-23b07f93] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-23b07f93] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-23b07f93] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-23b07f93] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-23b07f93] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-23b07f93]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-23b07f93] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-23b07f93]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-23b07f93] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-23b07f93]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-23b07f93] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-23b07f93] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-23b07f93] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-23b07f93] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-23b07f93] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-23b07f93] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-23b07f93] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-23b07f93] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-23b07f93] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-23b07f93] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-23b07f93] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-23b07f93] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-23b07f93] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-23b07f93] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-23b07f93] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-23b07f93] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-23b07f93] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-23b07f93] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-23b07f93] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-23b07f93] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-23b07f93] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-23b07f93] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-23b07f93] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-23b07f93] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-23b07f93] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-23b07f93] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-23b07f93] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-23b07f93] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-23b07f93] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-23b07f93] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-23b07f93] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-23b07f93] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-23b07f93] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-23b07f93] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-23b07f93] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-23b07f93] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-23b07f93] {
        height: 56px !important
    }
}

input.form-control[data-v-23b07f93], input[data-v-23b07f93], select.form-control[data-v-23b07f93], select[data-v-23b07f93] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-23b07f93] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-23b07f93] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-23b07f93] {
    line-height: 100%
}

.button.btn-long[data-v-23b07f93] {
    padding: 10px 40px
}

.button.btn-radius[data-v-23b07f93] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-23b07f93] {
    border-radius: 20px
}

.button.btn-full[data-v-23b07f93] {
    width: 100%
}

.button.btn-80[data-v-23b07f93] {
    width: 80%
}

.button.hasIcon[data-v-23b07f93] {
    padding-left: 50px
}

.button a[data-v-23b07f93] {
    display: block
}

.button .labelIcon[data-v-23b07f93] {
    position: absolute
}

.button .labelIcon svg[data-v-23b07f93] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-23b07f93] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-23b07f93]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-23b07f93] {
    outline: none
}

.keyboard-input-wrap[data-v-23b07f93] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-23b07f93] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-23b07f93] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-23b07f93] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-23b07f93] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-23b07f93] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-23b07f93] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-23b07f93] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-23b07f93] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-23b07f93] {
    font-size: 1.2em
}

.color-white[data-v-23b07f93] {
    color: #fff
}

.color-white-50[data-v-23b07f93] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-23b07f93] {
    display: none
}

.ld-loading .loading[data-v-23b07f93], .main-loading .loading[data-v-23b07f93] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-23b07f93] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-23b07f93]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-23b07f93]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-23b07f93] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-23b07f93] {
    -webkit-animation: rotate-data-v-23b07f93 1s linear infinite;
    animation: rotate-data-v-23b07f93 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-23b07f93] {
    stroke: transparent
}

.wrapNotify[data-v-23b07f93] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-23b07f93] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-23b07f93] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-23b07f93] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-23b07f93] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-23b07f93] {
    display: block
}

.wrapNotify .close-notify[data-v-23b07f93] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-23b07f93] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-23b07f93] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-23b07f93] {
    background-color: transparent
}

.colorWhite[data-v-23b07f93] {
    color: #fff
}

.colorRed[data-v-23b07f93] {
    color: #f46273
}

.colorGreen[data-v-23b07f93] {
    color: #31baa0
}

.colorGray[data-v-23b07f93] {
    color: #7c7c7c
}

.tableBackground[data-v-23b07f93] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-23b07f93] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-23b07f93], .tableBackground .table-dark th[data-v-23b07f93] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-23b07f93]:after, .tableBackground .table-dark th[data-v-23b07f93]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-23b07f93] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-23b07f93], .tableBackground .table-dark th[data-v-23b07f93] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-23b07f93]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-23b07f93]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-23b07f93] {
    background-color: #060642
}

.tableBackground #paging li[data-v-23b07f93] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-23b07f93] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-23b07f93] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-23b07f93], .customeTradeHistory[data-v-23b07f93] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-23b07f93], .customeTradeHistory .reportrange-text[data-v-23b07f93] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-23b07f93], .customeTradeHistory .reportrange-text .seperate[data-v-23b07f93] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-23b07f93], .customeTradeHistory .reportrange-text span[data-v-23b07f93] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-23b07f93] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-23b07f93] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-23b07f93] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-23b07f93]:after, .startDate .daterangepicker.openscenter[data-v-23b07f93]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-23b07f93] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-23b07f93] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-23b07f93] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-23b07f93] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-23b07f93] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-23b07f93] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-23b07f93] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-23b07f93] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-23b07f93] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-23b07f93] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-23b07f93] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-23b07f93] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-23b07f93] {
    text-align: center
}

.border-none[data-v-23b07f93] {
    border: none
}

.text-domain[data-v-23b07f93]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-23b07f93] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-23b07f93] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-23b07f93] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-23b07f93] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-23b07f93] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-23b07f93] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-23b07f93] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-23b07f93] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-23b07f93] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-23b07f93] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-23b07f93] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-23b07f93] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-23b07f93] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-23b07f93] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-23b07f93] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-23b07f93] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-23b07f93] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-23b07f93] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-23b07f93] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-23b07f93] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-23b07f93] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-23b07f93] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-23b07f93] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-23b07f93] {
    fill: #000
}

.btn-active-paging[data-v-23b07f93] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-23b07f93] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-23b07f93] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-23b07f93] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-23b07f93], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-23b07f93] {
    background: #8b8d96 !important
}

.transactionBox[data-v-23b07f93] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-23b07f93] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-23b07f93] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-23b07f93] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-23b07f93] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-23b07f93] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-23b07f93] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-23b07f93] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-23b07f93] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-23b07f93] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-23b07f93] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-23b07f93] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-23b07f93] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-23b07f93] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-23b07f93] {
    color: #2a74f9 !important
}

.modal.customKYC[data-v-23b07f93] {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    overflow: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
    z-index: 10000
}

.modal.customKYC .mask[data-v-23b07f93] {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.modal.customKYC .close[data-v-23b07f93] {
    padding: 0;
    margin: 0
}

.modal.customKYC .modal-dialog[data-v-23b07f93] {
    top: 50%;
    -webkit-transform: translate(-50%,-50%) !important;
    transform: translate(-50%,-50%) !important
}

.modal.customKYC .modal-body[data-v-23b07f93] {
    /*max-height: 400px;*/
    overflow: hidden;
    overflow-y: auto
}

    .modal.customKYC .modal-body[data-v-23b07f93]::-webkit-scrollbar {
        -webkit-appearance: none
    }

        .modal.customKYC .modal-body[data-v-23b07f93]::-webkit-scrollbar:vertical {
            width: 7px !important;
            height: 7px !important
        }

        .modal.customKYC .modal-body[data-v-23b07f93]::-webkit-scrollbar:horizontal {
            height: 7px !important
        }

    .modal.customKYC .modal-body[data-v-23b07f93]::-webkit-scrollbar-thumb {
        background-color: #02142b;
        border-radius: 10px;
        height: 57px !important
    }

    .modal.customKYC .modal-body[data-v-23b07f93]::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: transparent
    }

.modal.customKYC .modal-body input.form-control[data-v-23b07f93] {
    color: #333;
    background-color: #fafafa;
    border-radius: 4px
}

.modal.customKYC .modal-body .name > div[data-v-23b07f93]:first-child {
    padding-right: .5em
}

@media only screen and (max-width:575.98px) {
    .modal.customKYC .modal-body .name > div[data-v-23b07f93]:first-child {
        padding-right: 0
    }
}

.modal.customKYC .modal-body .name > div[data-v-23b07f93]:nth-child(2) {
    padding-left: .5em
}

@media only screen and (max-width:575.98px) {
    .modal.customKYC .modal-body .name > div[data-v-23b07f93]:nth-child(2) {
        padding-right: 0
    }
}

.modal.customKYC .modal-body .sample[data-v-23b07f93] {
    border: 1px solid #414141;
    overflow: hidden;
    border-radius: 5px;
    display: block;
    width: 90%;
    height: 150px;
    margin: 0 auto;
    position: relative;
    background-size: 90% !important;
    background-color: #fff !important
}

.modal.customKYC .modal-body .sample.front[data-v-23b07f93] {
    background: url(../img/id_front.3287c145.svg) no-repeat 50%
}

.modal.customKYC .modal-body .sample.back[data-v-23b07f93] {
    background: url(../img/id_back.fa1d0d27.svg) no-repeat 50%
}

.modal.customKYC .modal-body .sample .iconUpload[data-v-23b07f93] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: url(../img/Upload.43cb8e91.svg) no-repeat 50%
}

.modal.customKYC .modal-body .sample input[type=file][data-v-23b07f93] {
    display: none
}

.modal.customKYC .modal-body .steps[data-v-23b07f93] {
    position: relative;
    width: 90%;
    margin: 0 auto
}

.modal.customKYC .modal-body .steps .line[data-v-23b07f93] {
    position: absolute;
    z-index: 1;
    display: block;
    overflow: hidden;
    top: 32px;
    left: 40px;
    width: 85%;
    height: 1px;
    border-bottom: 1px dashed #414141
}

.modal.customKYC .modal-body .steps .step[data-v-23b07f93] {
    position: relative;
    z-index: 2;
    display: inline-block
}

.modal.customKYC .modal-body .steps .step.step1[data-v-23b07f93] {
    float: left;
    width: 82px
}

.modal.customKYC .modal-body .steps .step.step2[data-v-23b07f93] {
    width: 80px
}

.modal.customKYC .modal-body .steps .step.step3[data-v-23b07f93] {
    float: right;
    width: 66px
}

.modal.customKYC .modal-body .steps .step .idx[data-v-23b07f93] {
    display: block;
    overflow: hidden;
    width: 62px;
    height: 62px;
    line-height: 42px;
    border-radius: 50%;
    background-color: #414141;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin: 0 auto;
    border: 10px solid #02142b
}

.modal.customKYC .modal-body .steps .step .idx.active[data-v-23b07f93] {
    background-color: #2a74f9
}

.modal.customKYC .modal-body .dropdown > button[data-v-23b07f93] {
    background-color: #fafafa;
    position: relative;
    color: #333
}

    .modal.customKYC .modal-body .dropdown > button[data-v-23b07f93]:after {
        position: absolute;
        top: 50%;
        right: 10px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

.modal.customKYC .modal-body .dropdown .btn-light.dropdown-toggle[data-v-23b07f93]:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.modal.customKYC .modal-body .dropdown .dropdown-menu[data-v-23b07f93] {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    height: 210px;
    -webkit-transform: translateZ(0) !important;
    transform: translateZ(0) !important;
    margin: 0;
    border: 1px solid #1f2f53
}

.modal.customKYC .modal-body .dropdown .dropdown-menu .list[data-v-23b07f93] {
    display: block;
    overflow: hidden;
    overflow-y: auto;
    max-height: 160px
}

    .modal.customKYC .modal-body .dropdown .dropdown-menu .list[data-v-23b07f93]::-webkit-scrollbar {
        -webkit-appearance: none
    }

        .modal.customKYC .modal-body .dropdown .dropdown-menu .list[data-v-23b07f93]::-webkit-scrollbar:vertical {
            width: 7px !important;
            height: 7px !important
        }

        .modal.customKYC .modal-body .dropdown .dropdown-menu .list[data-v-23b07f93]::-webkit-scrollbar:horizontal {
            height: 7px !important
        }

    .modal.customKYC .modal-body .dropdown .dropdown-menu .list[data-v-23b07f93]::-webkit-scrollbar-thumb {
        background-color: #02142b;
        border-radius: 10px;
        height: 57px !important
    }

    .modal.customKYC .modal-body .dropdown .dropdown-menu .list[data-v-23b07f93]::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: transparent
    }

.modal.customKYC .modal-body .dropdown .dropdown-menu .list .dropdown-item[data-v-23b07f93] {
    font-weight: 400;
    color: #333;
    font-size: 14px;
    padding: 5px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .modal.customKYC .modal-body .dropdown .dropdown-menu .list .dropdown-item[data-v-23b07f93]:active, .modal.customKYC .modal-body .dropdown .dropdown-menu .list .dropdown-item[data-v-23b07f93]:hover {
        background-color: #2a74f9;
        color: #fff
    }

.modal.customKYC .modal-body .dropdown .dropdown-menu .searchCountry[data-v-23b07f93] {
    outline: none;
    border: none;
    border-bottom: 1px solid #0d0d0d;
    color: #333
}

.modal.customKYC .modal-body .dropdown .dropdown-menu .dropdown-item[data-v-23b07f93]:active {
    background-color: transparent;
    text-decoration: none
}

.modal.customKYC .btn.btnSubmit[data-v-23b07f93] {
    color: #fff;
    background-color: #2a74f9
}

    .modal.customKYC .btn.btnSubmit[data-v-23b07f93]:disabled {
        background-color: #414141
    }

@media only screen and (max-height:539.98px) {
    .modal.customKYC[data-v-23b07f93] {
        overflow-y: auto
    }

    .modal.customKYC .modal-dialog[data-v-23b07f93] {
        top: 0;
        -webkit-transform: translate(-50%) !important;
        transform: translate(-50%) !important
    }

    .modal.customKYC .modal-body[data-v-23b07f93] {
        /*max-height: unset*/
    }
}

@media only screen and (max-width:767.98px) {
    .modal .modal-dialog .modal-content .modal-body .sample[data-v-23b07f93] {
        background-size: auto 130px !important
    }
}

@media only screen and (max-width:575.98px) {
    .modal.customKYC[data-v-23b07f93] {
        overflow-y: auto
    }

    .modal.customKYC .modal-dialog[data-v-23b07f93] {
        top: 0;
        -webkit-transform: translate(0) !important;
        transform: translate(0) !important;
        width: 100%;
        min-width: 100%;
        left: 0
    }

    .modal.customKYC .modal-dialog .modal-content[data-v-23b07f93] {
        border-radius: 0;
        min-height: 100vh;
        padding-bottom: 1.5em
    }

    .modal.customKYC .modal-dialog .modal-content .modal-header .close[data-v-23b07f93] {
        top: 10px;
        right: 10px
    }

    .modal.customKYC .modal-dialog .modal-content .modal-body[data-v-23b07f93] {
        /*max-height: unset*/
    }
}

body[data-v-02bbc176] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-02bbc176]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-02bbc176]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-02bbc176]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-02bbc176] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-02bbc176]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-02bbc176]::-webkit-inner-spin-button, input[data-v-02bbc176]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-02bbc176] {
    -moz-appearance: textfield
}

button[data-v-02bbc176]:focus, input[data-v-02bbc176]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-02bbc176] {
    font-size: 8px
}

.font-10[data-v-02bbc176] {
    font-size: .6rem !important
}

.font-12[data-v-02bbc176] {
    font-size: 12px
}

.font-14[data-v-02bbc176] {
    font-size: 14px
}

.font-16[data-v-02bbc176] {
    font-size: 16px
}

.font-18[data-v-02bbc176] {
    font-size: 18px
}

.font-20[data-v-02bbc176] {
    font-size: 20px
}

.font-24[data-v-02bbc176] {
    font-size: 24px
}

.font-32[data-v-02bbc176] {
    font-size: 32px
}

.font-34[data-v-02bbc176] {
    font-size: 34px
}

.font-40[data-v-02bbc176] {
    font-size: 2.5rem !important
}

.font-44[data-v-02bbc176] {
    font-size: 44px
}

.colorPrimary[data-v-02bbc176] {
    color: #2a74f9
}

.colorPrimary1[data-v-02bbc176] {
    color: #000 !important
}

.colorSecondary[data-v-02bbc176] {
    color: #fff !important
}

.colorSecondary1[data-v-02bbc176] {
    color: #414141 !important
}

.colorSecondary2[data-v-02bbc176] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-02bbc176] {
    color: #0d0d0d
}

.colorSecondary4[data-v-02bbc176] {
    color: #02142b
}

.colorSecondary5[data-v-02bbc176] {
    color: #1a1e24
}

.colorSecondary6[data-v-02bbc176] {
    color: #fafafa
}

.colorSecondary7[data-v-02bbc176] {
    color: #333
}

.colorSecondary8[data-v-02bbc176] {
    color: #0e0031
}

.colorSuccess[data-v-02bbc176] {
    color: #31baa0
}

.colorWarning[data-v-02bbc176] {
    color: #ffcf5c
}

.colorDanger[data-v-02bbc176] {
    color: #f46273
}

.fillPrimary[data-v-02bbc176] {
    fill: #2a74f9
}

.fillWarning[data-v-02bbc176] {
    fill: #ffcf5c
}

.fillDanger[data-v-02bbc176] {
    fill: #f46273
}

.fillSecondary1[data-v-02bbc176] {
    fill: #414141
}

.fillSecondary2[data-v-02bbc176] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-02bbc176] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-02bbc176] {
    fill: #02142b
}

.fillSecondary5[data-v-02bbc176] {
    fill: #1a1e24
}

.fillSecondary6[data-v-02bbc176] {
    fill: #fafafa
}

.fillSecondary7[data-v-02bbc176] {
    fill: #333
}

.fillSecondary8[data-v-02bbc176] {
    fill: #0e0031
}

.textnote-notidesc[data-v-02bbc176] {
    color: #fff
}

.bgColor0[data-v-02bbc176] {
    background-color: transparent
}

.bgPrimary-hover[data-v-02bbc176]:hover, .bgPrimary[data-v-02bbc176] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-02bbc176]:hover, .bgPrimary1[data-v-02bbc176] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-02bbc176]:hover, .bgPrimary2[data-v-02bbc176] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-02bbc176]:hover, .bgSecondary[data-v-02bbc176] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-02bbc176]:hover, .bgSecondary1[data-v-02bbc176] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-02bbc176]:hover, .bgSecondary2[data-v-02bbc176] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-02bbc176]:hover, .bgSecondary3[data-v-02bbc176] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-02bbc176] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-02bbc176] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-02bbc176]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-02bbc176]:hover, .bgSecondary5[data-v-02bbc176] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-02bbc176]:hover, .bgSecondary6[data-v-02bbc176] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-02bbc176]:hover, .bgSecondary7[data-v-02bbc176] {
    background-color: #333 !important
}

.bgSecondary8[data-v-02bbc176] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-02bbc176]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-02bbc176] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-02bbc176]:hover, .bgSuccess[data-v-02bbc176] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-02bbc176] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-02bbc176] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-02bbc176]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-02bbc176] {
    fill: #31baa0
}

.w-14-px[data-v-02bbc176] {
    width: 14px
}

.max-width-50[data-v-02bbc176] {
    max-width: 50%
}

.h-60-px[data-v-02bbc176] {
    height: 60px
}

.h-100-px[data-v-02bbc176] {
    height: 100px
}

.mb-16-px[data-v-02bbc176] {
    margin-bottom: 16px
}

.mb-30-px[data-v-02bbc176] {
    margin-bottom: 30px
}

.borderRounded[data-v-02bbc176] {
    border-radius: 5px
}

.borderPrimary[data-v-02bbc176] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-02bbc176] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-02bbc176] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-02bbc176] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-02bbc176] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-02bbc176] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-02bbc176] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-02bbc176] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-02bbc176] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-02bbc176] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-02bbc176] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-02bbc176] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-02bbc176] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-02bbc176] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-02bbc176]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-02bbc176] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-02bbc176] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-02bbc176] {
    padding: 1px
}

.px-1-px[data-v-02bbc176] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-02bbc176] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-02bbc176] {
    padding-left: 1px
}

.pr-1-px[data-v-02bbc176] {
    padding-right: 1px
}

.pt-1-px[data-v-02bbc176] {
    padding-top: 1px
}

.pb-1-px[data-v-02bbc176] {
    padding-bottom: 1px
}

.p-2-px[data-v-02bbc176] {
    padding: 2px
}

.px-2-px[data-v-02bbc176] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-02bbc176] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-02bbc176] {
    padding-left: 2px
}

.pr-2-px[data-v-02bbc176] {
    padding-right: 2px
}

.pt-2-px[data-v-02bbc176] {
    padding-top: 2px
}

.pb-2-px[data-v-02bbc176] {
    padding-bottom: 2px
}

.p-8-px[data-v-02bbc176] {
    padding: 8px
}

.px-8-px[data-v-02bbc176] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-02bbc176] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-02bbc176] {
    padding-left: 8px
}

.pr-8-px[data-v-02bbc176] {
    padding-right: 8px
}

.pt-8-px[data-v-02bbc176] {
    padding-top: 8px
}

.pb-8-px[data-v-02bbc176] {
    padding-bottom: 8px
}

.p-10-px[data-v-02bbc176] {
    padding: 10px
}

.px-10-px[data-v-02bbc176] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-02bbc176] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-02bbc176] {
    padding-left: 10px
}

.pr-10-px[data-v-02bbc176] {
    padding-right: 10px
}

.pt-10-px[data-v-02bbc176] {
    padding-top: 10px
}

.pb-10-px[data-v-02bbc176] {
    padding-bottom: 10px
}

.p-12-px[data-v-02bbc176] {
    padding: 12px
}

.px-12-px[data-v-02bbc176] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-02bbc176] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-02bbc176] {
    padding-left: 12px
}

.pr-12-px[data-v-02bbc176] {
    padding-right: 12px
}

.pt-12-px[data-v-02bbc176] {
    padding-top: 12px
}

.pb-12-px[data-v-02bbc176] {
    padding-bottom: 12px
}

.p-16-px[data-v-02bbc176] {
    padding: 16px
}

.px-16-px[data-v-02bbc176] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-02bbc176] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-02bbc176] {
    padding-left: 16px
}

.pr-16-px[data-v-02bbc176] {
    padding-right: 16px
}

.pt-16-px[data-v-02bbc176] {
    padding-top: 16px
}

.pb-16-px[data-v-02bbc176] {
    padding-bottom: 16px
}

.p-30-px[data-v-02bbc176] {
    padding: 30px
}

.px-30-px[data-v-02bbc176] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-02bbc176] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-02bbc176] {
    padding-left: 30px
}

.pr-30-px[data-v-02bbc176] {
    padding-right: 30px
}

.pt-30-px[data-v-02bbc176] {
    padding-top: 30px
}

.pb-30-px[data-v-02bbc176] {
    padding-bottom: 30px
}

.font-30[data-v-02bbc176] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-02bbc176] {
    font-weight: 700
}

.wbo-title[data-v-02bbc176] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-02bbc176] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-02bbc176] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-02bbc176] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-02bbc176]:focus {
        outline: 0
    }

    .button[data-v-02bbc176]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-02bbc176] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-02bbc176]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-02bbc176] {
    padding: 11px 2.5rem
}

.button.primary[data-v-02bbc176], .button.primary[data-v-02bbc176]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-02bbc176], .text-primary[data-v-02bbc176], a .primary-hover[data-v-02bbc176]:hover {
    color: #000 !important
}

ul[data-v-02bbc176] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-02bbc176], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-02bbc176] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-02bbc176]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-02bbc176]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-02bbc176], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-02bbc176], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-02bbc176]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-02bbc176], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-02bbc176], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-02bbc176]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-02bbc176], .faqsContent .content .navigator ul li a.active[data-v-02bbc176]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-02bbc176]:hover {
    color: #000
}

.ps[data-v-02bbc176] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-02bbc176] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-02bbc176], .ps__rail-y[data-v-02bbc176] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-02bbc176] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-02bbc176], .ps--active-y > .ps__rail-y[data-v-02bbc176] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-02bbc176], .ps--focus > .ps__rail-y[data-v-02bbc176], .ps--scrolling-x > .ps__rail-x[data-v-02bbc176], .ps--scrolling-y > .ps__rail-y[data-v-02bbc176], .ps:hover > .ps__rail-x[data-v-02bbc176], .ps:hover > .ps__rail-y[data-v-02bbc176] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-02bbc176], .ps .ps__rail-x[data-v-02bbc176]:focus, .ps .ps__rail-x[data-v-02bbc176]:hover, .ps .ps__rail-y.ps--clicking[data-v-02bbc176], .ps .ps__rail-y[data-v-02bbc176]:focus, .ps .ps__rail-y[data-v-02bbc176]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-02bbc176] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-02bbc176] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-02bbc176], .ps__rail-x:focus > .ps__thumb-x[data-v-02bbc176], .ps__rail-x:hover > .ps__thumb-x[data-v-02bbc176] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-02bbc176], .ps__rail-y:focus > .ps__thumb-y[data-v-02bbc176], .ps__rail-y:hover > .ps__thumb-y[data-v-02bbc176] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-02bbc176] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-02bbc176] {
        overflow: auto !important
    }
}

.md-field[data-v-02bbc176] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-02bbc176] {
    padding: 0 5px;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-02bbc176] {
    color: #2a74f9
}

.md-field .md-error[data-v-02bbc176] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-02bbc176] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-02bbc176], .md-field.md-has-value label[data-v-02bbc176] {
    top: -10px
}

.form-control[data-v-02bbc176], .md-field .md-input[data-v-02bbc176], .md-field .md-textarea[data-v-02bbc176], .winput[data-v-02bbc176] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-02bbc176] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-02bbc176] {
    fill: #0d0d0d
}

.round[data-v-02bbc176] {
    border-radius: 5px
}

.off[data-v-02bbc176] {
    position: relative;
    cursor: default
}

.off > [data-v-02bbc176] {
    opacity: .5
}

.off[data-v-02bbc176]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-02bbc176] {
    cursor: pointer
}

.close-page[data-v-02bbc176] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-02bbc176] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-02bbc176], .slide-fade-leave-active[data-v-02bbc176] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-02bbc176], .slide-fade-leave-to[data-v-02bbc176] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-02bbc176 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-02bbc176 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-02bbc176] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-02bbc176] {
    color: #ffcf5c
}

.button[data-v-02bbc176] {
    font-weight: 700
}

.modal .modal-dialog[data-v-02bbc176] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-02bbc176] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-02bbc176] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-02bbc176], .modal .modal-dialog .modal-header[data-v-02bbc176] {
    border: none
}

#chartCommisst .highcharts-title[data-v-02bbc176] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-02bbc176] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-02bbc176] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-02bbc176], .modal .modal-dialog form[data-v-02bbc176] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-02bbc176] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-02bbc176], .FaqsDetail[data-v-02bbc176] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-02bbc176], .FaqsDetail[data-v-02bbc176] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-02bbc176], .FaqsDetail .headerMaster .boxHeader[data-v-02bbc176] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-02bbc176], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-02bbc176] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-02bbc176], .Faqs main[data-v-02bbc176] {
    background-color: unset
}

.titleChartCandle[data-v-02bbc176] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-02bbc176] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-02bbc176] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-02bbc176] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-02bbc176], .plotlineChart .time[data-v-02bbc176] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-02bbc176] {
    top: 51px
}

.boxHeader[data-v-02bbc176] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-02bbc176], .boxHeader .register[data-v-02bbc176] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-02bbc176] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-02bbc176] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-02bbc176] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-02bbc176] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-02bbc176]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-02bbc176] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-02bbc176]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-02bbc176] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-02bbc176]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-02bbc176] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-02bbc176] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-02bbc176] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-02bbc176] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-02bbc176] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-02bbc176] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-02bbc176] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-02bbc176] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-02bbc176] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-02bbc176] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-02bbc176] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-02bbc176] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-02bbc176] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-02bbc176] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-02bbc176] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-02bbc176] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-02bbc176] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-02bbc176] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-02bbc176] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-02bbc176] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-02bbc176] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-02bbc176] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-02bbc176] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-02bbc176] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-02bbc176] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-02bbc176] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-02bbc176] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-02bbc176] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-02bbc176] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-02bbc176] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-02bbc176] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-02bbc176] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-02bbc176] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-02bbc176] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-02bbc176] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-02bbc176] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-02bbc176] {
        height: 56px !important
    }
}

input.form-control[data-v-02bbc176], input[data-v-02bbc176], select.form-control[data-v-02bbc176], select[data-v-02bbc176] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-02bbc176] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-02bbc176] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-02bbc176] {
    line-height: 100%
}

.button.btn-long[data-v-02bbc176] {
    padding: 10px 40px
}

.button.btn-radius[data-v-02bbc176] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-02bbc176] {
    border-radius: 20px
}

.button.btn-80[data-v-02bbc176] {
    width: 80%
}

.button.hasIcon[data-v-02bbc176] {
    padding-left: 50px
}

.button a[data-v-02bbc176] {
    display: block
}

.button .labelIcon[data-v-02bbc176] {
    position: absolute
}

.button .labelIcon svg[data-v-02bbc176] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-02bbc176] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-02bbc176]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-02bbc176] {
    outline: none
}

.keyboard-input-wrap[data-v-02bbc176] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-02bbc176] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-02bbc176] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-02bbc176] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-02bbc176] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-02bbc176] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-02bbc176] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-02bbc176] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-02bbc176] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-02bbc176] {
    font-size: 1.2em
}

.color-white[data-v-02bbc176] {
    color: #fff
}

.color-white-50[data-v-02bbc176] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-02bbc176] {
    display: none
}

.ld-loading .loading[data-v-02bbc176], .main-loading .loading[data-v-02bbc176] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-02bbc176] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-02bbc176]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-02bbc176]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-02bbc176] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-02bbc176] {
    -webkit-animation: rotate-data-v-02bbc176 1s linear infinite;
    animation: rotate-data-v-02bbc176 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-02bbc176] {
    stroke: transparent
}

.wrapNotify[data-v-02bbc176] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-02bbc176] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-02bbc176] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-02bbc176] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-02bbc176] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-02bbc176] {
    display: block
}

.wrapNotify .close-notify[data-v-02bbc176] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-02bbc176] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-02bbc176] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-02bbc176] {
    background-color: transparent
}

.colorWhite[data-v-02bbc176] {
    color: #fff
}

.colorRed[data-v-02bbc176] {
    color: #f46273
}

.colorGreen[data-v-02bbc176] {
    color: #31baa0
}

.colorGray[data-v-02bbc176] {
    color: #7c7c7c
}

.tableBackground[data-v-02bbc176] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-02bbc176] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-02bbc176], .tableBackground .table-dark th[data-v-02bbc176] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-02bbc176]:after, .tableBackground .table-dark th[data-v-02bbc176]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-02bbc176] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-02bbc176], .tableBackground .table-dark th[data-v-02bbc176] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-02bbc176]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-02bbc176]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-02bbc176] {
    background-color: #060642
}

.tableBackground #paging li[data-v-02bbc176] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-02bbc176] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-02bbc176] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-02bbc176], .customeTradeHistory[data-v-02bbc176] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-02bbc176], .customeTradeHistory .reportrange-text[data-v-02bbc176] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-02bbc176], .customeTradeHistory .reportrange-text .seperate[data-v-02bbc176] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-02bbc176], .customeTradeHistory .reportrange-text span[data-v-02bbc176] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-02bbc176] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-02bbc176] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-02bbc176] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-02bbc176]:after, .startDate .daterangepicker.openscenter[data-v-02bbc176]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-02bbc176] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-02bbc176] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-02bbc176] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-02bbc176] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-02bbc176] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-02bbc176] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-02bbc176] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-02bbc176] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-02bbc176] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-02bbc176] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-02bbc176] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-02bbc176] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-02bbc176] {
    text-align: center
}

.border-none[data-v-02bbc176] {
    border: none
}

.text-domain[data-v-02bbc176]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-02bbc176] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-02bbc176] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-02bbc176] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-02bbc176] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-02bbc176] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-02bbc176] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-02bbc176] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-02bbc176] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-02bbc176] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-02bbc176] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-02bbc176] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-02bbc176] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-02bbc176] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-02bbc176] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-02bbc176] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-02bbc176] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-02bbc176] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-02bbc176] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-02bbc176] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-02bbc176] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-02bbc176] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-02bbc176] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-02bbc176] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-02bbc176] {
    fill: #000
}

.btn-active-paging[data-v-02bbc176] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-02bbc176] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-02bbc176] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-02bbc176] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-02bbc176], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-02bbc176] {
    background: #8b8d96 !important
}

.transactionBox[data-v-02bbc176] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-02bbc176] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-02bbc176] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-02bbc176] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-02bbc176] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-02bbc176] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-02bbc176] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-02bbc176] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-02bbc176] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-02bbc176] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-02bbc176] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-02bbc176] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-02bbc176] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-02bbc176] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-02bbc176] {
    color: #2a74f9 !important
}

.errorText[data-v-02bbc176] {
    color: #f46273;
    position: absolute;
    bottom: -10px
}

.modal .modal-dialog .modal-content[data-v-02bbc176] {
    background-color: #02142b;
    border-radius: 10px
}

.md-field label[data-v-02bbc176] {
    color: #7c7c7c
}

.button.btn-full[data-v-02bbc176] {
    width: 100%
}

.button.btn-large[data-v-02bbc176] {
    font-size: 16px;
    color: #fff;
    height: 47px;
    padding: 11px 15px;
    line-height: 19px
}

.md-field .md-input[data-v-02bbc176], .md-field .md-textarea[data-v-02bbc176] {
    color: #333
}

@media (max-width:768px) {
    .position-static-m[data-v-02bbc176] {
        position: static
    }

    .close svg[data-v-02bbc176] {
        width: 20px !important
    }

    .modal-dialog .modal-content[data-v-02bbc176] {
        padding: 0
    }

    .modal-dialog .modal-content .modal-body[data-v-02bbc176] {
        margin-top: 0;
        padding: .75rem
    }

    .modal-dialog .modal-content .modal-body h2[data-v-02bbc176] {
        font-size: 24px
    }
}

@media (max-width:575px) {
    .modal.show[data-v-02bbc176] {
        background-color: #02142b !important
    }
}

@media (min-width:576px) and (max-width:1025.98px) and (max-height:300px) {
    .position-static-m .bottomTools[data-v-02bbc176] {
        margin-top: 1rem;
        position: static;
        width: 100%;
        -webkit-transform: unset;
        transform: unset
    }
}

body[data-v-0b6f75bc] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-0b6f75bc]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-0b6f75bc]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-0b6f75bc]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-0b6f75bc] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-0b6f75bc]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-0b6f75bc]::-webkit-inner-spin-button, input[data-v-0b6f75bc]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-0b6f75bc] {
    -moz-appearance: textfield
}

button[data-v-0b6f75bc]:focus, input[data-v-0b6f75bc]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-0b6f75bc] {
    font-size: 8px
}

.font-10[data-v-0b6f75bc] {
    font-size: .6rem !important
}

.font-12[data-v-0b6f75bc] {
    font-size: 12px
}

.font-14[data-v-0b6f75bc] {
    font-size: 14px
}

.font-16[data-v-0b6f75bc] {
    font-size: 16px
}

.font-18[data-v-0b6f75bc] {
    font-size: 18px
}

.font-20[data-v-0b6f75bc] {
    font-size: 20px
}

.font-24[data-v-0b6f75bc] {
    font-size: 24px
}

.font-32[data-v-0b6f75bc] {
    font-size: 32px
}

.font-34[data-v-0b6f75bc] {
    font-size: 34px
}

.font-40[data-v-0b6f75bc] {
    font-size: 2.5rem !important
}

.font-44[data-v-0b6f75bc] {
    font-size: 44px
}

.colorPrimary[data-v-0b6f75bc] {
    color: #2a74f9
}

.colorPrimary1[data-v-0b6f75bc] {
    color: #000 !important
}

.colorSecondary[data-v-0b6f75bc] {
    color: #fff !important
}

.colorSecondary1[data-v-0b6f75bc] {
    color: #414141 !important
}

.colorSecondary2[data-v-0b6f75bc] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-0b6f75bc] {
    color: #0d0d0d
}

.colorSecondary4[data-v-0b6f75bc] {
    color: #02142b
}

.colorSecondary5[data-v-0b6f75bc] {
    color: #1a1e24
}

.colorSecondary6[data-v-0b6f75bc] {
    color: #fafafa
}

.colorSecondary7[data-v-0b6f75bc] {
    color: #333
}

.colorSecondary8[data-v-0b6f75bc] {
    color: #0e0031
}

.colorSuccess[data-v-0b6f75bc] {
    color: #31baa0
}

.colorWarning[data-v-0b6f75bc] {
    color: #ffcf5c
}

.colorDanger[data-v-0b6f75bc] {
    color: #f46273
}

.fillPrimary[data-v-0b6f75bc] {
    fill: #2a74f9
}

.fillWarning[data-v-0b6f75bc] {
    fill: #ffcf5c
}

.fillDanger[data-v-0b6f75bc] {
    fill: #f46273
}

.fillSecondary1[data-v-0b6f75bc] {
    fill: #414141
}

.fillSecondary2[data-v-0b6f75bc] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-0b6f75bc] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-0b6f75bc] {
    fill: #02142b
}

.fillSecondary5[data-v-0b6f75bc] {
    fill: #1a1e24
}

.fillSecondary6[data-v-0b6f75bc] {
    fill: #fafafa
}

.fillSecondary7[data-v-0b6f75bc] {
    fill: #333
}

.fillSecondary8[data-v-0b6f75bc] {
    fill: #0e0031
}

.textnote-notidesc[data-v-0b6f75bc] {
    color: #fff
}

.bgColor0[data-v-0b6f75bc] {
    background-color: transparent
}

.bgPrimary-hover[data-v-0b6f75bc]:hover, .bgPrimary[data-v-0b6f75bc] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-0b6f75bc]:hover, .bgPrimary1[data-v-0b6f75bc] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-0b6f75bc]:hover, .bgPrimary2[data-v-0b6f75bc] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-0b6f75bc]:hover, .bgSecondary[data-v-0b6f75bc] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-0b6f75bc]:hover, .bgSecondary1[data-v-0b6f75bc] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-0b6f75bc]:hover, .bgSecondary2[data-v-0b6f75bc] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-0b6f75bc]:hover, .bgSecondary3[data-v-0b6f75bc] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-0b6f75bc] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-0b6f75bc] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-0b6f75bc]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-0b6f75bc]:hover, .bgSecondary5[data-v-0b6f75bc] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-0b6f75bc]:hover, .bgSecondary6[data-v-0b6f75bc] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-0b6f75bc]:hover, .bgSecondary7[data-v-0b6f75bc] {
    background-color: #333 !important
}

.bgSecondary8[data-v-0b6f75bc] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-0b6f75bc]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-0b6f75bc] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-0b6f75bc]:hover, .bgSuccess[data-v-0b6f75bc] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-0b6f75bc] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-0b6f75bc] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-0b6f75bc]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-0b6f75bc] {
    fill: #31baa0
}

.w-14-px[data-v-0b6f75bc] {
    width: 14px
}

.max-width-50[data-v-0b6f75bc] {
    max-width: 50%
}

.h-60-px[data-v-0b6f75bc] {
    height: 60px
}

.h-100-px[data-v-0b6f75bc] {
    height: 100px
}

.mb-16-px[data-v-0b6f75bc] {
    margin-bottom: 16px
}

.mb-30-px[data-v-0b6f75bc] {
    margin-bottom: 30px
}

.borderRounded[data-v-0b6f75bc] {
    border-radius: 5px
}

.borderPrimary[data-v-0b6f75bc] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-0b6f75bc] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-0b6f75bc] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-0b6f75bc] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-0b6f75bc] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-0b6f75bc] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-0b6f75bc] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-0b6f75bc] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-0b6f75bc] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-0b6f75bc] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-0b6f75bc] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-0b6f75bc] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-0b6f75bc] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-0b6f75bc] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-0b6f75bc]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-0b6f75bc] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-0b6f75bc] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-0b6f75bc] {
    padding: 1px
}

.px-1-px[data-v-0b6f75bc] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-0b6f75bc] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-0b6f75bc] {
    padding-left: 1px
}

.pr-1-px[data-v-0b6f75bc] {
    padding-right: 1px
}

.pt-1-px[data-v-0b6f75bc] {
    padding-top: 1px
}

.pb-1-px[data-v-0b6f75bc] {
    padding-bottom: 1px
}

.p-2-px[data-v-0b6f75bc] {
    padding: 2px
}

.px-2-px[data-v-0b6f75bc] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-0b6f75bc] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-0b6f75bc] {
    padding-left: 2px
}

.pr-2-px[data-v-0b6f75bc] {
    padding-right: 2px
}

.pt-2-px[data-v-0b6f75bc] {
    padding-top: 2px
}

.pb-2-px[data-v-0b6f75bc] {
    padding-bottom: 2px
}

.p-8-px[data-v-0b6f75bc] {
    padding: 8px
}

.px-8-px[data-v-0b6f75bc] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-0b6f75bc] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-0b6f75bc] {
    padding-left: 8px
}

.pr-8-px[data-v-0b6f75bc] {
    padding-right: 8px
}

.pt-8-px[data-v-0b6f75bc] {
    padding-top: 8px
}

.pb-8-px[data-v-0b6f75bc] {
    padding-bottom: 8px
}

.p-10-px[data-v-0b6f75bc] {
    padding: 10px
}

.px-10-px[data-v-0b6f75bc] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-0b6f75bc] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-0b6f75bc] {
    padding-left: 10px
}

.pr-10-px[data-v-0b6f75bc] {
    padding-right: 10px
}

.pt-10-px[data-v-0b6f75bc] {
    padding-top: 10px
}

.pb-10-px[data-v-0b6f75bc] {
    padding-bottom: 10px
}

.p-12-px[data-v-0b6f75bc] {
    padding: 12px
}

.px-12-px[data-v-0b6f75bc] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-0b6f75bc] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-0b6f75bc] {
    padding-left: 12px
}

.pr-12-px[data-v-0b6f75bc] {
    padding-right: 12px
}

.pt-12-px[data-v-0b6f75bc] {
    padding-top: 12px
}

.pb-12-px[data-v-0b6f75bc] {
    padding-bottom: 12px
}

.p-16-px[data-v-0b6f75bc] {
    padding: 16px
}

.px-16-px[data-v-0b6f75bc] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-0b6f75bc] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-0b6f75bc] {
    padding-left: 16px
}

.pr-16-px[data-v-0b6f75bc] {
    padding-right: 16px
}

.pt-16-px[data-v-0b6f75bc] {
    padding-top: 16px
}

.pb-16-px[data-v-0b6f75bc] {
    padding-bottom: 16px
}

.p-30-px[data-v-0b6f75bc] {
    padding: 30px
}

.px-30-px[data-v-0b6f75bc] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-0b6f75bc] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-0b6f75bc] {
    padding-left: 30px
}

.pr-30-px[data-v-0b6f75bc] {
    padding-right: 30px
}

.pt-30-px[data-v-0b6f75bc] {
    padding-top: 30px
}

.pb-30-px[data-v-0b6f75bc] {
    padding-bottom: 30px
}

.font-30[data-v-0b6f75bc] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-0b6f75bc] {
    font-weight: 700
}

.wbo-title[data-v-0b6f75bc] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-0b6f75bc] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-0b6f75bc] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-0b6f75bc] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-0b6f75bc]:focus {
        outline: 0
    }

    .button[data-v-0b6f75bc]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-0b6f75bc] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-0b6f75bc]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-0b6f75bc] {
    padding: 11px 2.5rem
}

.button.primary[data-v-0b6f75bc], .button.primary[data-v-0b6f75bc]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-0b6f75bc], .text-primary[data-v-0b6f75bc], a .primary-hover[data-v-0b6f75bc]:hover {
    color: #000 !important
}

ul[data-v-0b6f75bc] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-0b6f75bc], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-0b6f75bc] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-0b6f75bc]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-0b6f75bc]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-0b6f75bc], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-0b6f75bc], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-0b6f75bc]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-0b6f75bc], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-0b6f75bc], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-0b6f75bc]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-0b6f75bc], .faqsContent .content .navigator ul li a.active[data-v-0b6f75bc]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-0b6f75bc]:hover {
    color: #000
}

.ps[data-v-0b6f75bc] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-0b6f75bc] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-0b6f75bc], .ps__rail-y[data-v-0b6f75bc] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-0b6f75bc] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-0b6f75bc], .ps--active-y > .ps__rail-y[data-v-0b6f75bc] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-0b6f75bc], .ps--focus > .ps__rail-y[data-v-0b6f75bc], .ps--scrolling-x > .ps__rail-x[data-v-0b6f75bc], .ps--scrolling-y > .ps__rail-y[data-v-0b6f75bc], .ps:hover > .ps__rail-x[data-v-0b6f75bc], .ps:hover > .ps__rail-y[data-v-0b6f75bc] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-0b6f75bc], .ps .ps__rail-x[data-v-0b6f75bc]:focus, .ps .ps__rail-x[data-v-0b6f75bc]:hover, .ps .ps__rail-y.ps--clicking[data-v-0b6f75bc], .ps .ps__rail-y[data-v-0b6f75bc]:focus, .ps .ps__rail-y[data-v-0b6f75bc]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-0b6f75bc] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-0b6f75bc] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-0b6f75bc], .ps__rail-x:focus > .ps__thumb-x[data-v-0b6f75bc], .ps__rail-x:hover > .ps__thumb-x[data-v-0b6f75bc] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-0b6f75bc], .ps__rail-y:focus > .ps__thumb-y[data-v-0b6f75bc], .ps__rail-y:hover > .ps__thumb-y[data-v-0b6f75bc] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-0b6f75bc] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-0b6f75bc] {
        overflow: auto !important
    }
}

.md-field[data-v-0b6f75bc] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-0b6f75bc] {
    padding: 0 5px;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-0b6f75bc] {
    color: #2a74f9
}

.md-field .md-error[data-v-0b6f75bc] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-0b6f75bc] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-0b6f75bc], .md-field.md-has-value label[data-v-0b6f75bc] {
    top: -10px
}

.form-control[data-v-0b6f75bc], .md-field .md-input[data-v-0b6f75bc], .md-field .md-textarea[data-v-0b6f75bc], .winput[data-v-0b6f75bc] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-0b6f75bc] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-0b6f75bc] {
    fill: #0d0d0d
}

.round[data-v-0b6f75bc] {
    border-radius: 5px
}

.off[data-v-0b6f75bc] {
    position: relative;
    cursor: default
}

.off > [data-v-0b6f75bc] {
    opacity: .5
}

.off[data-v-0b6f75bc]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-0b6f75bc] {
    cursor: pointer
}

.close-page[data-v-0b6f75bc] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-0b6f75bc] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-0b6f75bc], .slide-fade-leave-active[data-v-0b6f75bc] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-0b6f75bc], .slide-fade-leave-to[data-v-0b6f75bc] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-0b6f75bc {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-0b6f75bc {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-0b6f75bc] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-0b6f75bc] {
    color: #ffcf5c
}

.button[data-v-0b6f75bc] {
    font-weight: 700
}

.modal .modal-dialog[data-v-0b6f75bc] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-0b6f75bc] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-0b6f75bc] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-0b6f75bc], .modal .modal-dialog .modal-header[data-v-0b6f75bc] {
    border: none
}

#chartCommisst .highcharts-title[data-v-0b6f75bc] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-0b6f75bc] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-0b6f75bc] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-0b6f75bc], .modal .modal-dialog form[data-v-0b6f75bc] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-0b6f75bc] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-0b6f75bc], .FaqsDetail[data-v-0b6f75bc] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-0b6f75bc], .FaqsDetail[data-v-0b6f75bc] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-0b6f75bc], .FaqsDetail .headerMaster .boxHeader[data-v-0b6f75bc] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-0b6f75bc], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-0b6f75bc] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-0b6f75bc], .Faqs main[data-v-0b6f75bc] {
    background-color: unset
}

.titleChartCandle[data-v-0b6f75bc] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-0b6f75bc] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-0b6f75bc] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-0b6f75bc] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-0b6f75bc], .plotlineChart .time[data-v-0b6f75bc] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-0b6f75bc] {
    top: 51px
}

.boxHeader[data-v-0b6f75bc] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-0b6f75bc], .boxHeader .register[data-v-0b6f75bc] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-0b6f75bc] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-0b6f75bc] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-0b6f75bc] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-0b6f75bc] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-0b6f75bc]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-0b6f75bc] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-0b6f75bc]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-0b6f75bc] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-0b6f75bc]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-0b6f75bc] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-0b6f75bc] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-0b6f75bc] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-0b6f75bc] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-0b6f75bc] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-0b6f75bc] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-0b6f75bc] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-0b6f75bc] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-0b6f75bc] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-0b6f75bc] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-0b6f75bc] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-0b6f75bc] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-0b6f75bc] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-0b6f75bc] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-0b6f75bc] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-0b6f75bc] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-0b6f75bc] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-0b6f75bc] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-0b6f75bc] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-0b6f75bc] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-0b6f75bc] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-0b6f75bc] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-0b6f75bc] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-0b6f75bc] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-0b6f75bc] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-0b6f75bc] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-0b6f75bc] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-0b6f75bc] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-0b6f75bc] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-0b6f75bc] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-0b6f75bc] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-0b6f75bc] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-0b6f75bc] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-0b6f75bc] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-0b6f75bc] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-0b6f75bc] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-0b6f75bc] {
        height: 56px !important
    }
}

input.form-control[data-v-0b6f75bc], input[data-v-0b6f75bc], select.form-control[data-v-0b6f75bc], select[data-v-0b6f75bc] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-0b6f75bc] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-0b6f75bc] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-0b6f75bc] {
    line-height: 100%
}

.button.btn-long[data-v-0b6f75bc] {
    padding: 10px 40px
}

.button.btn-radius[data-v-0b6f75bc] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-0b6f75bc] {
    border-radius: 20px
}

.button.btn-full[data-v-0b6f75bc] {
    width: 100%
}

.button.btn-80[data-v-0b6f75bc] {
    width: 80%
}

.button.hasIcon[data-v-0b6f75bc] {
    padding-left: 50px
}

.button a[data-v-0b6f75bc] {
    display: block
}

.button .labelIcon[data-v-0b6f75bc] {
    position: absolute
}

.button .labelIcon svg[data-v-0b6f75bc] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-0b6f75bc] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-0b6f75bc]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-0b6f75bc] {
    outline: none
}

.keyboard-input-wrap[data-v-0b6f75bc] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-0b6f75bc] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-0b6f75bc] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-0b6f75bc] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-0b6f75bc] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-0b6f75bc] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-0b6f75bc] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-0b6f75bc] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-0b6f75bc] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-0b6f75bc] {
    font-size: 1.2em
}

.color-white[data-v-0b6f75bc] {
    color: #fff
}

.color-white-50[data-v-0b6f75bc] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-0b6f75bc] {
    display: none
}

.ld-loading .loading[data-v-0b6f75bc], .main-loading .loading[data-v-0b6f75bc] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-0b6f75bc] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-0b6f75bc]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-0b6f75bc]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-0b6f75bc] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-0b6f75bc] {
    -webkit-animation: rotate-data-v-0b6f75bc 1s linear infinite;
    animation: rotate-data-v-0b6f75bc 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-0b6f75bc] {
    stroke: transparent
}

.wrapNotify[data-v-0b6f75bc] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-0b6f75bc] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-0b6f75bc] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-0b6f75bc] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-0b6f75bc] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-0b6f75bc] {
    display: block
}

.wrapNotify .close-notify[data-v-0b6f75bc] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-0b6f75bc] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-0b6f75bc] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-0b6f75bc] {
    background-color: transparent
}

.colorWhite[data-v-0b6f75bc] {
    color: #fff
}

.colorRed[data-v-0b6f75bc] {
    color: #f46273
}

.colorGreen[data-v-0b6f75bc] {
    color: #31baa0
}

.colorGray[data-v-0b6f75bc] {
    color: #7c7c7c
}

.tableBackground[data-v-0b6f75bc] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-0b6f75bc] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-0b6f75bc], .tableBackground .table-dark th[data-v-0b6f75bc] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-0b6f75bc]:after, .tableBackground .table-dark th[data-v-0b6f75bc]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-0b6f75bc] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-0b6f75bc], .tableBackground .table-dark th[data-v-0b6f75bc] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-0b6f75bc]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-0b6f75bc]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-0b6f75bc] {
    background-color: #060642
}

.tableBackground #paging li[data-v-0b6f75bc] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-0b6f75bc] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-0b6f75bc] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-0b6f75bc], .customeTradeHistory[data-v-0b6f75bc] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-0b6f75bc], .customeTradeHistory .reportrange-text[data-v-0b6f75bc] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-0b6f75bc], .customeTradeHistory .reportrange-text .seperate[data-v-0b6f75bc] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-0b6f75bc], .customeTradeHistory .reportrange-text span[data-v-0b6f75bc] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-0b6f75bc] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-0b6f75bc] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-0b6f75bc] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-0b6f75bc]:after, .startDate .daterangepicker.openscenter[data-v-0b6f75bc]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-0b6f75bc] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-0b6f75bc] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-0b6f75bc] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-0b6f75bc] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-0b6f75bc] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-0b6f75bc] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-0b6f75bc] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-0b6f75bc] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-0b6f75bc] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-0b6f75bc] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-0b6f75bc] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-0b6f75bc] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-0b6f75bc] {
    text-align: center
}

.border-none[data-v-0b6f75bc] {
    border: none
}

.text-domain[data-v-0b6f75bc]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-0b6f75bc] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-0b6f75bc] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-0b6f75bc] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-0b6f75bc] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-0b6f75bc] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-0b6f75bc] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-0b6f75bc] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-0b6f75bc] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-0b6f75bc] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-0b6f75bc] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-0b6f75bc] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-0b6f75bc] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-0b6f75bc] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-0b6f75bc] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-0b6f75bc] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-0b6f75bc] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-0b6f75bc] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-0b6f75bc] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-0b6f75bc] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-0b6f75bc] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-0b6f75bc] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-0b6f75bc] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-0b6f75bc] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-0b6f75bc] {
    fill: #000
}

.btn-active-paging[data-v-0b6f75bc] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-0b6f75bc] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-0b6f75bc] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-0b6f75bc] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-0b6f75bc], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-0b6f75bc] {
    background: #8b8d96 !important
}

.transactionBox[data-v-0b6f75bc] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-0b6f75bc] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-0b6f75bc] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-0b6f75bc] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-0b6f75bc] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-0b6f75bc] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-0b6f75bc] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-0b6f75bc] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-0b6f75bc] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-0b6f75bc] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-0b6f75bc] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-0b6f75bc] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-0b6f75bc] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-0b6f75bc] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-0b6f75bc] {
    color: #2a74f9 !important
}

@media (min-width:576px) {
    .close.enableButton[data-v-0b6f75bc] {
        top: -20px !important;
        right: -60px !important
    }
}

.disableButton[data-v-0b6f75bc] {
    background-color: #7c7c7c !important
}

    .disableButton[data-v-0b6f75bc]:hover {
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

.button.btn-blue-light.btn-bounce[data-v-0b6f75bc]:hover {
    -webkit-box-shadow: 0 0 19px 1px #2a74f9;
    box-shadow: 0 0 19px 1px #2a74f9;
    color: #fff;
    opacity: 1;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px)
}

.button.btn-blue-light.btn-active[data-v-0b6f75bc] {
    background-color: #2a74f9
}

.button.btn-large[data-v-0b6f75bc] {
    font-size: 16px;
    height: 47px;
    padding: 11px 15px;
    line-height: 19px
}

.backupkey .label[data-v-0b6f75bc], .md-field .label[data-v-0b6f75bc] {
    opacity: 1 !important;
    font-weight: 700
}

.form-group .form-control[data-v-0b6f75bc] {
    color: #333;
    background-color: #fafafa !important
}

.form-control[data-v-0b6f75bc], .md-input[data-v-0b6f75bc] {
    color: #89809f;
    border: none !important;
    background: hsla(0,0%,48.6%,.23) !important;
    border-radius: 4px !important
}

.modal .modal-dialog[data-v-0b6f75bc] {
    color: #7c7c7c
}

.modal .modal-dialog .modal-content .boxContent .qr-code-wrap[data-v-0b6f75bc] {
    margin-bottom: 20px
}

.modal .modal-dialog .modal-content .boxContent .md-field[data-v-0b6f75bc] {
    margin-bottom: 0
}

.modal .modal-dialog .modal-content .boxContent .md-field.last-child[data-v-0b6f75bc] {
    margin-bottom: 30px
}

.modal .modal-dialog .description .noted[data-v-0b6f75bc] {
    font-size: 14px;
    line-height: 18px
}

.backupkey[data-v-0b6f75bc] {
    line-height: 34px
}

.backupkey .input-group-addon[data-v-0b6f75bc] {
    position: relative;
    margin-top: -17px;
    display: block;
    right: 0;
    width: 15px;
    height: 20px
}

.backupkey .input-group-addon svg[data-v-0b6f75bc] {
    width: 16px
}

.backupkey .input-group-addon .icon-copy[data-v-0b6f75bc] {
    fill: none;
    stroke: #fff;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10
}

.modal .modal-dialog .modal-content[data-v-0b6f75bc] {
    background-color: #02142b;
    border-radius: 10px
}

.md-field label[data-v-0b6f75bc] {
    color: #89809f;
    font-size: 14px !important
}

.grouplabel .input-group-append[data-v-0b6f75bc] {
    position: absolute;
    right: 15px;
    top: 20px;
    z-index: 99
}

.input-group.transparent input[data-v-0b6f75bc] {
    border-bottom: 1px solid #fff;
    padding-right: 38px !important
}

.mask[data-v-0b6f75bc] {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.modalEnable.modal .modal-dialog[data-v-0b6f75bc] {
    top: 50%;
    -webkit-transform: translate(-50%,-50%) !important;
    transform: translate(-50%,-50%) !important
}

.modal-2fa-custom .verification-code .position-relative[data-v-0b6f75bc] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%
}

.modal-2fa-custom .verification-code .btn[data-v-0b6f75bc] {
    margin-left: 15px
}

    .modal-2fa-custom .verification-code .btn[data-v-0b6f75bc]:disabled {
        background: #69698d !important;
        border-color: #69698d !important;
        padding-left: 40px;
        padding-right: 40px
    }

.modal-2fa-custom .position-relative .form-control[data-v-0b6f75bc] {
    padding-right: 55px !important
}

.modal-2fa-custom .paste[data-v-0b6f75bc] {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
    color: #2177ff;
    cursor: pointer
}

@media (max-width:768px) {
    .modalEnable[data-v-0b6f75bc] {
        background-color: #02142b !important
    }

    .modal-2fa-custom[data-v-0b6f75bc] {
        margin: 0
    }

    .boxContent[data-v-0b6f75bc] {
        padding-bottom: 1rem
    }

    .boxContent .grouplabel .transparent input[data-v-0b6f75bc] {
        padding-left: 10px !important
    }

    .modal-content[data-v-0b6f75bc] {
        padding: 1rem !important
    }

    .listTools[data-v-0b6f75bc] {
        padding: 0 !important
    }
}

@media (min-width:576px) {
    .modal-dialog.modal-sm[data-v-0b6f75bc] {
        max-width: 600px
    }

    .modal .modal-dialog.modal-2fa-custom .modal-content .modal-body[data-v-0b6f75bc] {
        padding: 40px 50px
    }
}

@media (max-width:575px) {
    .modal-dialog .modal-content[data-v-0b6f75bc] {
        height: 100vh !important
    }
}

.color-white-50[data-v-0b6f75bc] {
    color: hsla(0,0%,100%,.8) !important
}

.no-wrap[data-v-0b6f75bc] {
    white-space: nowrap
}

@media (min-width:768px) and (max-width:768px) {
    .modalEnable[data-v-0b6f75bc] {
        background-color: transparent !important
    }

    .modal-dialog.modal-sm[data-v-0b6f75bc] {
        max-width: 600px;
        width: 100%
    }
}

body[data-v-15f29fc4] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-15f29fc4]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-15f29fc4]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-15f29fc4]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-15f29fc4] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-15f29fc4]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-15f29fc4]::-webkit-inner-spin-button, input[data-v-15f29fc4]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-15f29fc4] {
    -moz-appearance: textfield
}

button[data-v-15f29fc4]:focus, input[data-v-15f29fc4]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-15f29fc4] {
    font-size: 8px
}

.font-10[data-v-15f29fc4] {
    font-size: .6rem !important
}

.font-12[data-v-15f29fc4] {
    font-size: 12px
}

.font-14[data-v-15f29fc4] {
    font-size: 14px
}

.font-16[data-v-15f29fc4] {
    font-size: 16px
}

.font-18[data-v-15f29fc4] {
    font-size: 18px
}

.font-20[data-v-15f29fc4] {
    font-size: 20px
}

.font-24[data-v-15f29fc4] {
    font-size: 24px
}

.font-32[data-v-15f29fc4] {
    font-size: 32px
}

.font-34[data-v-15f29fc4] {
    font-size: 34px
}

.font-40[data-v-15f29fc4] {
    font-size: 2.5rem !important
}

.font-44[data-v-15f29fc4] {
    font-size: 44px
}

.colorPrimary[data-v-15f29fc4] {
    color: #2a74f9
}

.colorPrimary1[data-v-15f29fc4] {
    color: #000 !important
}

.colorSecondary[data-v-15f29fc4] {
    color: #fff !important
}

.colorSecondary1[data-v-15f29fc4] {
    color: #414141 !important
}

.colorSecondary2[data-v-15f29fc4] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-15f29fc4] {
    color: #0d0d0d
}

.colorSecondary4[data-v-15f29fc4] {
    color: #02142b
}

.colorSecondary5[data-v-15f29fc4] {
    color: #1a1e24
}

.colorSecondary6[data-v-15f29fc4] {
    color: #fafafa
}

.colorSecondary7[data-v-15f29fc4] {
    color: #333
}

.colorSecondary8[data-v-15f29fc4] {
    color: #0e0031
}

.colorSuccess[data-v-15f29fc4] {
    color: #31baa0
}

.colorWarning[data-v-15f29fc4] {
    color: #ffcf5c
}

.colorDanger[data-v-15f29fc4] {
    color: #f46273
}

.fillPrimary[data-v-15f29fc4] {
    fill: #2a74f9
}

.fillWarning[data-v-15f29fc4] {
    fill: #ffcf5c
}

.fillDanger[data-v-15f29fc4] {
    fill: #f46273
}

.fillSecondary1[data-v-15f29fc4] {
    fill: #414141
}

.fillSecondary2[data-v-15f29fc4] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-15f29fc4] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-15f29fc4] {
    fill: #02142b
}

.fillSecondary5[data-v-15f29fc4] {
    fill: #1a1e24
}

.fillSecondary6[data-v-15f29fc4] {
    fill: #fafafa
}

.fillSecondary7[data-v-15f29fc4] {
    fill: #333
}

.fillSecondary8[data-v-15f29fc4] {
    fill: #0e0031
}

.textnote-notidesc[data-v-15f29fc4] {
    color: #fff
}

.bgColor0[data-v-15f29fc4] {
    background-color: transparent
}

.bgPrimary-hover[data-v-15f29fc4]:hover, .bgPrimary[data-v-15f29fc4] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-15f29fc4]:hover, .bgPrimary1[data-v-15f29fc4] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-15f29fc4]:hover, .bgPrimary2[data-v-15f29fc4] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-15f29fc4]:hover, .bgSecondary[data-v-15f29fc4] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-15f29fc4]:hover, .bgSecondary1[data-v-15f29fc4] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-15f29fc4]:hover, .bgSecondary2[data-v-15f29fc4] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-15f29fc4]:hover, .bgSecondary3[data-v-15f29fc4] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-15f29fc4] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-15f29fc4] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-15f29fc4]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-15f29fc4]:hover, .bgSecondary5[data-v-15f29fc4] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-15f29fc4]:hover, .bgSecondary6[data-v-15f29fc4] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-15f29fc4]:hover, .bgSecondary7[data-v-15f29fc4] {
    background-color: #333 !important
}

.bgSecondary8[data-v-15f29fc4] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-15f29fc4]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-15f29fc4] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-15f29fc4]:hover, .bgSuccess[data-v-15f29fc4] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-15f29fc4] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-15f29fc4] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-15f29fc4]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-15f29fc4] {
    fill: #31baa0
}

.w-14-px[data-v-15f29fc4] {
    width: 14px
}

.max-width-50[data-v-15f29fc4] {
    max-width: 50%
}

.h-60-px[data-v-15f29fc4] {
    height: 60px
}

.h-100-px[data-v-15f29fc4] {
    height: 100px
}

.mb-16-px[data-v-15f29fc4] {
    margin-bottom: 16px
}

.mb-30-px[data-v-15f29fc4] {
    margin-bottom: 30px
}

.borderRounded[data-v-15f29fc4] {
    border-radius: 5px
}

.borderPrimary[data-v-15f29fc4] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-15f29fc4] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-15f29fc4] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-15f29fc4] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-15f29fc4] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-15f29fc4] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-15f29fc4] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-15f29fc4] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-15f29fc4] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-15f29fc4] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-15f29fc4] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-15f29fc4] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-15f29fc4] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-15f29fc4] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-15f29fc4]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-15f29fc4] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-15f29fc4] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-15f29fc4] {
    padding: 1px
}

.px-1-px[data-v-15f29fc4] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-15f29fc4] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-15f29fc4] {
    padding-left: 1px
}

.pr-1-px[data-v-15f29fc4] {
    padding-right: 1px
}

.pt-1-px[data-v-15f29fc4] {
    padding-top: 1px
}

.pb-1-px[data-v-15f29fc4] {
    padding-bottom: 1px
}

.p-2-px[data-v-15f29fc4] {
    padding: 2px
}

.px-2-px[data-v-15f29fc4] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-15f29fc4] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-15f29fc4] {
    padding-left: 2px
}

.pr-2-px[data-v-15f29fc4] {
    padding-right: 2px
}

.pt-2-px[data-v-15f29fc4] {
    padding-top: 2px
}

.pb-2-px[data-v-15f29fc4] {
    padding-bottom: 2px
}

.p-8-px[data-v-15f29fc4] {
    padding: 8px
}

.px-8-px[data-v-15f29fc4] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-15f29fc4] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-15f29fc4] {
    padding-left: 8px
}

.pr-8-px[data-v-15f29fc4] {
    padding-right: 8px
}

.pt-8-px[data-v-15f29fc4] {
    padding-top: 8px
}

.pb-8-px[data-v-15f29fc4] {
    padding-bottom: 8px
}

.p-10-px[data-v-15f29fc4] {
    padding: 10px
}

.px-10-px[data-v-15f29fc4] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-15f29fc4] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-15f29fc4] {
    padding-left: 10px
}

.pr-10-px[data-v-15f29fc4] {
    padding-right: 10px
}

.pt-10-px[data-v-15f29fc4] {
    padding-top: 10px
}

.pb-10-px[data-v-15f29fc4] {
    padding-bottom: 10px
}

.p-12-px[data-v-15f29fc4] {
    padding: 12px
}

.px-12-px[data-v-15f29fc4] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-15f29fc4] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-15f29fc4] {
    padding-left: 12px
}

.pr-12-px[data-v-15f29fc4] {
    padding-right: 12px
}

.pt-12-px[data-v-15f29fc4] {
    padding-top: 12px
}

.pb-12-px[data-v-15f29fc4] {
    padding-bottom: 12px
}

.p-16-px[data-v-15f29fc4] {
    padding: 16px
}

.px-16-px[data-v-15f29fc4] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-15f29fc4] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-15f29fc4] {
    padding-left: 16px
}

.pr-16-px[data-v-15f29fc4] {
    padding-right: 16px
}

.pt-16-px[data-v-15f29fc4] {
    padding-top: 16px
}

.pb-16-px[data-v-15f29fc4] {
    padding-bottom: 16px
}

.p-30-px[data-v-15f29fc4] {
    padding: 30px
}

.px-30-px[data-v-15f29fc4] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-15f29fc4] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-15f29fc4] {
    padding-left: 30px
}

.pr-30-px[data-v-15f29fc4] {
    padding-right: 30px
}

.pt-30-px[data-v-15f29fc4] {
    padding-top: 30px
}

.pb-30-px[data-v-15f29fc4] {
    padding-bottom: 30px
}

.font-30[data-v-15f29fc4] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-15f29fc4] {
    font-weight: 700
}

.wbo-title[data-v-15f29fc4] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-15f29fc4] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-15f29fc4] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-15f29fc4] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-15f29fc4]:focus {
        outline: 0
    }

    .button[data-v-15f29fc4]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-15f29fc4] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-15f29fc4]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-15f29fc4] {
    padding: 11px 2.5rem
}

.button.primary[data-v-15f29fc4], .button.primary[data-v-15f29fc4]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-15f29fc4], .text-primary[data-v-15f29fc4], a .primary-hover[data-v-15f29fc4]:hover {
    color: #000 !important
}

ul[data-v-15f29fc4] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-15f29fc4], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-15f29fc4] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-15f29fc4]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-15f29fc4]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-15f29fc4], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-15f29fc4], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-15f29fc4]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-15f29fc4], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-15f29fc4], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-15f29fc4]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-15f29fc4], .faqsContent .content .navigator ul li a.active[data-v-15f29fc4]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-15f29fc4]:hover {
    color: #000
}

.ps[data-v-15f29fc4] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-15f29fc4] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-15f29fc4], .ps__rail-y[data-v-15f29fc4] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-15f29fc4] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-15f29fc4], .ps--active-y > .ps__rail-y[data-v-15f29fc4] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-15f29fc4], .ps--focus > .ps__rail-y[data-v-15f29fc4], .ps--scrolling-x > .ps__rail-x[data-v-15f29fc4], .ps--scrolling-y > .ps__rail-y[data-v-15f29fc4], .ps:hover > .ps__rail-x[data-v-15f29fc4], .ps:hover > .ps__rail-y[data-v-15f29fc4] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-15f29fc4], .ps .ps__rail-x[data-v-15f29fc4]:focus, .ps .ps__rail-x[data-v-15f29fc4]:hover, .ps .ps__rail-y.ps--clicking[data-v-15f29fc4], .ps .ps__rail-y[data-v-15f29fc4]:focus, .ps .ps__rail-y[data-v-15f29fc4]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-15f29fc4] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-15f29fc4] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-15f29fc4], .ps__rail-x:focus > .ps__thumb-x[data-v-15f29fc4], .ps__rail-x:hover > .ps__thumb-x[data-v-15f29fc4] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-15f29fc4], .ps__rail-y:focus > .ps__thumb-y[data-v-15f29fc4], .ps__rail-y:hover > .ps__thumb-y[data-v-15f29fc4] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-15f29fc4] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-15f29fc4] {
        overflow: auto !important
    }
}

.md-field[data-v-15f29fc4] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-15f29fc4] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-15f29fc4] {
    color: #2a74f9
}

.md-field .md-error[data-v-15f29fc4] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-15f29fc4] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-15f29fc4], .md-field.md-has-value label[data-v-15f29fc4] {
    top: -10px
}

.form-control[data-v-15f29fc4], .md-field .md-input[data-v-15f29fc4], .md-field .md-textarea[data-v-15f29fc4], .winput[data-v-15f29fc4] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-15f29fc4] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-15f29fc4] {
    fill: #0d0d0d
}

.round[data-v-15f29fc4] {
    border-radius: 5px
}

.off[data-v-15f29fc4] {
    position: relative;
    cursor: default
}

.off > [data-v-15f29fc4] {
    opacity: .5
}

.off[data-v-15f29fc4]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-15f29fc4] {
    cursor: pointer
}

.close-page[data-v-15f29fc4] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-15f29fc4] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-15f29fc4], .slide-fade-leave-active[data-v-15f29fc4] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-15f29fc4], .slide-fade-leave-to[data-v-15f29fc4] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-15f29fc4 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-15f29fc4 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-15f29fc4] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-15f29fc4] {
    color: #ffcf5c
}

.button[data-v-15f29fc4] {
    font-weight: 700
}

.modal .modal-dialog[data-v-15f29fc4] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-15f29fc4] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-15f29fc4] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-15f29fc4], .modal .modal-dialog .modal-header[data-v-15f29fc4] {
    border: none
}

#chartCommisst .highcharts-title[data-v-15f29fc4] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-15f29fc4] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-15f29fc4] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-15f29fc4], .modal .modal-dialog form[data-v-15f29fc4] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-15f29fc4] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-15f29fc4], .FaqsDetail[data-v-15f29fc4] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-15f29fc4], .FaqsDetail[data-v-15f29fc4] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-15f29fc4], .FaqsDetail .headerMaster .boxHeader[data-v-15f29fc4] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-15f29fc4], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-15f29fc4] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-15f29fc4], .Faqs main[data-v-15f29fc4] {
    background-color: unset
}

.titleChartCandle[data-v-15f29fc4] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-15f29fc4] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-15f29fc4] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-15f29fc4] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-15f29fc4], .plotlineChart .time[data-v-15f29fc4] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-15f29fc4] {
    top: 51px
}

.boxHeader[data-v-15f29fc4] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-15f29fc4], .boxHeader .register[data-v-15f29fc4] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-15f29fc4] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-15f29fc4] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-15f29fc4] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-15f29fc4] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-15f29fc4]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-15f29fc4] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-15f29fc4]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-15f29fc4] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-15f29fc4]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-15f29fc4] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-15f29fc4] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-15f29fc4] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-15f29fc4] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-15f29fc4] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-15f29fc4] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-15f29fc4] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-15f29fc4] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-15f29fc4] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-15f29fc4] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-15f29fc4] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-15f29fc4] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-15f29fc4] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-15f29fc4] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-15f29fc4] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-15f29fc4] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-15f29fc4] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-15f29fc4] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-15f29fc4] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-15f29fc4] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-15f29fc4] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-15f29fc4] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-15f29fc4] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-15f29fc4] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-15f29fc4] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-15f29fc4] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-15f29fc4] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-15f29fc4] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-15f29fc4] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-15f29fc4] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-15f29fc4] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-15f29fc4] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-15f29fc4] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-15f29fc4] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-15f29fc4] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-15f29fc4] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-15f29fc4] {
        height: 56px !important
    }
}

input.form-control[data-v-15f29fc4], input[data-v-15f29fc4], select.form-control[data-v-15f29fc4], select[data-v-15f29fc4] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-15f29fc4] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-15f29fc4] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-15f29fc4] {
    line-height: 100%
}

.button.btn-long[data-v-15f29fc4] {
    padding: 10px 40px
}

.button.btn-radius[data-v-15f29fc4] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-15f29fc4] {
    border-radius: 20px
}

.button.btn-full[data-v-15f29fc4] {
    width: 100%
}

.button.btn-80[data-v-15f29fc4] {
    width: 80%
}

.button.hasIcon[data-v-15f29fc4] {
    padding-left: 50px
}

.button a[data-v-15f29fc4] {
    display: block
}

.button .labelIcon[data-v-15f29fc4] {
    position: absolute
}

.button .labelIcon svg[data-v-15f29fc4] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-15f29fc4] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-15f29fc4]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-15f29fc4] {
    outline: none
}

.keyboard-input-wrap[data-v-15f29fc4] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-15f29fc4] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-15f29fc4] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-15f29fc4] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-15f29fc4] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-15f29fc4] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-15f29fc4] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-15f29fc4] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-15f29fc4] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-15f29fc4] {
    font-size: 1.2em
}

.color-white[data-v-15f29fc4] {
    color: #fff
}

.color-white-50[data-v-15f29fc4] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-15f29fc4] {
    display: none
}

.ld-loading .loading[data-v-15f29fc4], .main-loading .loading[data-v-15f29fc4] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-15f29fc4] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-15f29fc4]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-15f29fc4]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-15f29fc4] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-15f29fc4] {
    -webkit-animation: rotate-data-v-15f29fc4 1s linear infinite;
    animation: rotate-data-v-15f29fc4 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-15f29fc4] {
    stroke: transparent
}

.wrapNotify[data-v-15f29fc4] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-15f29fc4] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-15f29fc4] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-15f29fc4] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-15f29fc4] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-15f29fc4] {
    display: block
}

.wrapNotify .close-notify[data-v-15f29fc4] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-15f29fc4] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-15f29fc4] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-15f29fc4] {
    background-color: transparent
}

.colorWhite[data-v-15f29fc4] {
    color: #fff
}

.colorRed[data-v-15f29fc4] {
    color: #f46273
}

.colorGreen[data-v-15f29fc4] {
    color: #31baa0
}

.colorGray[data-v-15f29fc4] {
    color: #7c7c7c
}

.tableBackground[data-v-15f29fc4] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-15f29fc4] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-15f29fc4], .tableBackground .table-dark th[data-v-15f29fc4] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-15f29fc4]:after, .tableBackground .table-dark th[data-v-15f29fc4]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-15f29fc4] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-15f29fc4], .tableBackground .table-dark th[data-v-15f29fc4] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-15f29fc4]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-15f29fc4]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-15f29fc4] {
    background-color: #060642
}

.tableBackground #paging li[data-v-15f29fc4] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-15f29fc4] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-15f29fc4] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-15f29fc4], .customeTradeHistory[data-v-15f29fc4] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-15f29fc4], .customeTradeHistory .reportrange-text[data-v-15f29fc4] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-15f29fc4], .customeTradeHistory .reportrange-text .seperate[data-v-15f29fc4] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-15f29fc4], .customeTradeHistory .reportrange-text span[data-v-15f29fc4] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-15f29fc4] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-15f29fc4] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-15f29fc4] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-15f29fc4]:after, .startDate .daterangepicker.openscenter[data-v-15f29fc4]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-15f29fc4] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-15f29fc4] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-15f29fc4] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-15f29fc4] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-15f29fc4] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-15f29fc4] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-15f29fc4] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-15f29fc4] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-15f29fc4] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-15f29fc4] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-15f29fc4] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-15f29fc4] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-15f29fc4] {
    text-align: center
}

.border-none[data-v-15f29fc4] {
    border: none
}

.text-domain[data-v-15f29fc4]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-15f29fc4] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-15f29fc4] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-15f29fc4] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-15f29fc4] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-15f29fc4] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-15f29fc4] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-15f29fc4] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-15f29fc4] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-15f29fc4] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-15f29fc4] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-15f29fc4] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-15f29fc4] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-15f29fc4] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-15f29fc4] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-15f29fc4] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-15f29fc4] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-15f29fc4] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-15f29fc4] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-15f29fc4] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-15f29fc4] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-15f29fc4] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-15f29fc4] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-15f29fc4] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-15f29fc4] {
    fill: #000
}

.btn-active-paging[data-v-15f29fc4] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-15f29fc4] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-15f29fc4] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-15f29fc4] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-15f29fc4], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-15f29fc4] {
    background: #8b8d96 !important
}

.transactionBox[data-v-15f29fc4] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-15f29fc4] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-15f29fc4] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-15f29fc4] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-15f29fc4] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-15f29fc4] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-15f29fc4] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-15f29fc4] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-15f29fc4] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-15f29fc4] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-15f29fc4] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-15f29fc4] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-15f29fc4] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-15f29fc4] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-15f29fc4] {
    color: #2a74f9 !important
}

.md-field[data-v-15f29fc4] {
    min-height: unset
}

.disableButton[data-v-15f29fc4] {
    background-color: #7c7c7c !important
}

    .disableButton[data-v-15f29fc4]:hover {
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

.mask[data-v-15f29fc4] {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.modal .modal-dialog[data-v-15f29fc4] {
    min-width: 600px
}

.modal .modal-dialog .modal-content[data-v-15f29fc4] {
    background-color: #02142b;
    color: #333;
    padding: 20px;
    border-radius: 10px
}

.modal .modal-dialog .modal-content input.form-control[data-v-15f29fc4] {
    color: #333;
    background-color: #fafafa;
    border-radius: 4px
}

.button.btn-blue-light.btn-active[data-v-15f29fc4] {
    background-color: #2a74f9
}

.button.btn-large[data-v-15f29fc4] {
    font-size: 16px;
    color: #fff;
    height: 47px;
    padding: 11px 15px;
    line-height: 19px
}

.modal-2fa-custom .verification-code .position-relative[data-v-15f29fc4] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%
}

.modal-2fa-custom .verification-code .btn[data-v-15f29fc4] {
    margin-left: 15px
}

    .modal-2fa-custom .verification-code .btn[data-v-15f29fc4]:disabled {
        background: #69698d !important;
        border-color: #69698d !important;
        padding-left: 40px;
        padding-right: 40px
    }

.modal-2fa-custom .position-relative .form-control[data-v-15f29fc4] {
    padding-right: 55px !important
}

.modal-2fa-custom .paste[data-v-15f29fc4] {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
    color: #2177ff;
    cursor: pointer
}

@media (max-width:768px) {
    .position-static-mobile[data-v-15f29fc4] {
        position: static !important
    }

    .modal-2fa-custom[data-v-15f29fc4] {
        height: 100%;
        padding-bottom: 0
    }

    .button.btn-green.btn-bounce[data-v-15f29fc4]:hover {
        color: #2a74f9
    }
}

@media (min-width:576px) and (max-width:1025.98px) {
    .button[data-v-15f29fc4] {
        position: static;
        width: 100%;
        -webkit-transform: unset;
        transform: unset
    }
}

@media (min-width:576px) and (max-width:1025.98px) and (max-height:300px) {
    .modal .modal-dialog.modal-2fa-custom[data-v-15f29fc4] {
        height: auto;
        margin: 0;
        top: 50%
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .modal .modal-dialog.modal-2fa-custom[data-v-15f29fc4] {
        transform: translate(-50%,-50%) !important;
        -webkit-transform: translate(-50%,-50%) !important;
        -moz-transform: translate(-50%,-50%) !important;
        -o-transform: translate(-50%,-50%) !important;
        -ms-transform: translate(-50%,-50%) !important
    }
}

@media only screen and (max-width:575px) {
    .modal .modal-dialog[data-v-15f29fc4] {
        min-width: 0;
        width: 100%
    }
}

body[data-v-7f9766f2] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-7f9766f2]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-7f9766f2]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-7f9766f2]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-7f9766f2] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-7f9766f2]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-7f9766f2]::-webkit-inner-spin-button, input[data-v-7f9766f2]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-7f9766f2] {
    -moz-appearance: textfield
}

button[data-v-7f9766f2]:focus, input[data-v-7f9766f2]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-7f9766f2] {
    font-size: 8px
}

.font-10[data-v-7f9766f2] {
    font-size: .6rem !important
}

.font-12[data-v-7f9766f2] {
    font-size: 12px
}

.font-14[data-v-7f9766f2] {
    font-size: 14px
}

.font-16[data-v-7f9766f2] {
    font-size: 16px
}

.font-18[data-v-7f9766f2] {
    font-size: 18px
}

.font-20[data-v-7f9766f2] {
    font-size: 20px
}

.font-24[data-v-7f9766f2] {
    font-size: 24px
}

.font-32[data-v-7f9766f2] {
    font-size: 32px
}

.font-34[data-v-7f9766f2] {
    font-size: 34px
}

.font-40[data-v-7f9766f2] {
    font-size: 2.5rem !important
}

.font-44[data-v-7f9766f2] {
    font-size: 44px
}

.colorPrimary[data-v-7f9766f2] {
    color: #2a74f9
}

.colorPrimary1[data-v-7f9766f2] {
    color: #000 !important
}

.colorSecondary[data-v-7f9766f2] {
    color: #fff !important
}

.colorSecondary1[data-v-7f9766f2] {
    color: #414141 !important
}

.colorSecondary2[data-v-7f9766f2] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-7f9766f2] {
    color: #0d0d0d
}

.colorSecondary4[data-v-7f9766f2] {
    color: #02142b
}

.colorSecondary5[data-v-7f9766f2] {
    color: #1a1e24
}

.colorSecondary6[data-v-7f9766f2] {
    color: #fafafa
}

.colorSecondary7[data-v-7f9766f2] {
    color: #333
}

.colorSecondary8[data-v-7f9766f2] {
    color: #0e0031
}

.colorSuccess[data-v-7f9766f2] {
    color: #31baa0
}

.colorWarning[data-v-7f9766f2] {
    color: #ffcf5c
}

.colorDanger[data-v-7f9766f2] {
    color: #f46273
}

.fillPrimary[data-v-7f9766f2] {
    fill: #2a74f9
}

.fillWarning[data-v-7f9766f2] {
    fill: #ffcf5c
}

.fillDanger[data-v-7f9766f2] {
    fill: #f46273
}

.fillSecondary1[data-v-7f9766f2] {
    fill: #414141
}

.fillSecondary2[data-v-7f9766f2] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-7f9766f2] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-7f9766f2] {
    fill: #02142b
}

.fillSecondary5[data-v-7f9766f2] {
    fill: #1a1e24
}

.fillSecondary6[data-v-7f9766f2] {
    fill: #fafafa
}

.fillSecondary7[data-v-7f9766f2] {
    fill: #333
}

.fillSecondary8[data-v-7f9766f2] {
    fill: #0e0031
}

.textnote-notidesc[data-v-7f9766f2] {
    color: #fff
}

.bgColor0[data-v-7f9766f2] {
    background-color: transparent
}

.bgPrimary-hover[data-v-7f9766f2]:hover, .bgPrimary[data-v-7f9766f2] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-7f9766f2]:hover, .bgPrimary1[data-v-7f9766f2] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-7f9766f2]:hover, .bgPrimary2[data-v-7f9766f2] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-7f9766f2]:hover, .bgSecondary[data-v-7f9766f2] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-7f9766f2]:hover, .bgSecondary1[data-v-7f9766f2] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-7f9766f2]:hover, .bgSecondary2[data-v-7f9766f2] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-7f9766f2]:hover, .bgSecondary3[data-v-7f9766f2] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-7f9766f2] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-7f9766f2] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-7f9766f2]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-7f9766f2]:hover, .bgSecondary5[data-v-7f9766f2] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-7f9766f2]:hover, .bgSecondary6[data-v-7f9766f2] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-7f9766f2]:hover, .bgSecondary7[data-v-7f9766f2] {
    background-color: #333 !important
}

.bgSecondary8[data-v-7f9766f2] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-7f9766f2]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-7f9766f2] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-7f9766f2]:hover, .bgSuccess[data-v-7f9766f2] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-7f9766f2] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-7f9766f2] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-7f9766f2]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-7f9766f2] {
    fill: #31baa0
}

.w-14-px[data-v-7f9766f2] {
    width: 14px
}

.max-width-50[data-v-7f9766f2] {
    max-width: 50%
}

.h-60-px[data-v-7f9766f2] {
    height: 60px
}

.h-100-px[data-v-7f9766f2] {
    height: 100px
}

.mb-16-px[data-v-7f9766f2] {
    margin-bottom: 16px
}

.mb-30-px[data-v-7f9766f2] {
    margin-bottom: 30px
}

.borderRounded[data-v-7f9766f2] {
    border-radius: 5px
}

.borderPrimary[data-v-7f9766f2] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-7f9766f2] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-7f9766f2] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-7f9766f2] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-7f9766f2] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-7f9766f2] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-7f9766f2] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-7f9766f2] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-7f9766f2] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-7f9766f2] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-7f9766f2] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-7f9766f2] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-7f9766f2] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-7f9766f2] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-7f9766f2]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-7f9766f2] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-7f9766f2] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-7f9766f2] {
    padding: 1px
}

.px-1-px[data-v-7f9766f2] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-7f9766f2] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-7f9766f2] {
    padding-left: 1px
}

.pr-1-px[data-v-7f9766f2] {
    padding-right: 1px
}

.pt-1-px[data-v-7f9766f2] {
    padding-top: 1px
}

.pb-1-px[data-v-7f9766f2] {
    padding-bottom: 1px
}

.p-2-px[data-v-7f9766f2] {
    padding: 2px
}

.px-2-px[data-v-7f9766f2] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-7f9766f2] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-7f9766f2] {
    padding-left: 2px
}

.pr-2-px[data-v-7f9766f2] {
    padding-right: 2px
}

.pt-2-px[data-v-7f9766f2] {
    padding-top: 2px
}

.pb-2-px[data-v-7f9766f2] {
    padding-bottom: 2px
}

.p-8-px[data-v-7f9766f2] {
    padding: 8px
}

.px-8-px[data-v-7f9766f2] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-7f9766f2] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-7f9766f2] {
    padding-left: 8px
}

.pr-8-px[data-v-7f9766f2] {
    padding-right: 8px
}

.pt-8-px[data-v-7f9766f2] {
    padding-top: 8px
}

.pb-8-px[data-v-7f9766f2] {
    padding-bottom: 8px
}

.p-10-px[data-v-7f9766f2] {
    padding: 10px
}

.px-10-px[data-v-7f9766f2] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-7f9766f2] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-7f9766f2] {
    padding-left: 10px
}

.pr-10-px[data-v-7f9766f2] {
    padding-right: 10px
}

.pt-10-px[data-v-7f9766f2] {
    padding-top: 10px
}

.pb-10-px[data-v-7f9766f2] {
    padding-bottom: 10px
}

.p-12-px[data-v-7f9766f2] {
    padding: 12px
}

.px-12-px[data-v-7f9766f2] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-7f9766f2] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-7f9766f2] {
    padding-left: 12px
}

.pr-12-px[data-v-7f9766f2] {
    padding-right: 12px
}

.pt-12-px[data-v-7f9766f2] {
    padding-top: 12px
}

.pb-12-px[data-v-7f9766f2] {
    padding-bottom: 12px
}

.p-16-px[data-v-7f9766f2] {
    padding: 16px
}

.px-16-px[data-v-7f9766f2] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-7f9766f2] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-7f9766f2] {
    padding-left: 16px
}

.pr-16-px[data-v-7f9766f2] {
    padding-right: 16px
}

.pt-16-px[data-v-7f9766f2] {
    padding-top: 16px
}

.pb-16-px[data-v-7f9766f2] {
    padding-bottom: 16px
}

.p-30-px[data-v-7f9766f2] {
    padding: 30px
}

.px-30-px[data-v-7f9766f2] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-7f9766f2] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-7f9766f2] {
    padding-left: 30px
}

.pr-30-px[data-v-7f9766f2] {
    padding-right: 30px
}

.pt-30-px[data-v-7f9766f2] {
    padding-top: 30px
}

.pb-30-px[data-v-7f9766f2] {
    padding-bottom: 30px
}

.font-30[data-v-7f9766f2] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-7f9766f2] {
    font-weight: 700
}

.wbo-title[data-v-7f9766f2] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-7f9766f2] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-7f9766f2] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-7f9766f2] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-7f9766f2]:focus {
        outline: 0
    }

    .button[data-v-7f9766f2]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-7f9766f2] {
    background-color: #2a74f9;
    font-weight: 400
}

    .button.wbtn[data-v-7f9766f2]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.primary[data-v-7f9766f2], .button.primary[data-v-7f9766f2]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-7f9766f2], .text-primary[data-v-7f9766f2], a .primary-hover[data-v-7f9766f2]:hover {
    color: #000 !important
}

ul[data-v-7f9766f2] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-7f9766f2], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-7f9766f2] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-7f9766f2]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-7f9766f2]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-7f9766f2], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-7f9766f2], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-7f9766f2]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-7f9766f2], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-7f9766f2], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-7f9766f2]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-7f9766f2], .faqsContent .content .navigator ul li a.active[data-v-7f9766f2]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-7f9766f2]:hover {
    color: #000
}

.ps[data-v-7f9766f2] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-7f9766f2] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-7f9766f2], .ps__rail-y[data-v-7f9766f2] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-7f9766f2] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-7f9766f2], .ps--active-y > .ps__rail-y[data-v-7f9766f2] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-7f9766f2], .ps--focus > .ps__rail-y[data-v-7f9766f2], .ps--scrolling-x > .ps__rail-x[data-v-7f9766f2], .ps--scrolling-y > .ps__rail-y[data-v-7f9766f2], .ps:hover > .ps__rail-x[data-v-7f9766f2], .ps:hover > .ps__rail-y[data-v-7f9766f2] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-7f9766f2], .ps .ps__rail-x[data-v-7f9766f2]:focus, .ps .ps__rail-x[data-v-7f9766f2]:hover, .ps .ps__rail-y.ps--clicking[data-v-7f9766f2], .ps .ps__rail-y[data-v-7f9766f2]:focus, .ps .ps__rail-y[data-v-7f9766f2]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-7f9766f2] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-7f9766f2] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-7f9766f2], .ps__rail-x:focus > .ps__thumb-x[data-v-7f9766f2], .ps__rail-x:hover > .ps__thumb-x[data-v-7f9766f2] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-7f9766f2], .ps__rail-y:focus > .ps__thumb-y[data-v-7f9766f2], .ps__rail-y:hover > .ps__thumb-y[data-v-7f9766f2] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-7f9766f2] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-7f9766f2] {
        overflow: auto !important
    }
}

.md-field[data-v-7f9766f2] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-7f9766f2] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-7f9766f2] {
    color: #2a74f9
}

.md-field .md-error[data-v-7f9766f2] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-7f9766f2] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-7f9766f2], .md-field.md-has-value label[data-v-7f9766f2] {
    top: -10px
}

.form-control[data-v-7f9766f2], .md-field .md-input[data-v-7f9766f2], .md-field .md-textarea[data-v-7f9766f2], .winput[data-v-7f9766f2] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-7f9766f2] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-7f9766f2] {
    fill: #0d0d0d
}

.round[data-v-7f9766f2] {
    border-radius: 5px
}

.off[data-v-7f9766f2] {
    position: relative;
    cursor: default
}

.off > [data-v-7f9766f2] {
    opacity: .5
}

.off[data-v-7f9766f2]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-7f9766f2] {
    cursor: pointer
}

.close-page[data-v-7f9766f2] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-7f9766f2] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-7f9766f2], .slide-fade-leave-active[data-v-7f9766f2] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-7f9766f2], .slide-fade-leave-to[data-v-7f9766f2] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-7f9766f2 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-7f9766f2 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-7f9766f2] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-7f9766f2] {
    color: #ffcf5c
}

.button[data-v-7f9766f2] {
    font-weight: 700
}

.modal .modal-dialog[data-v-7f9766f2] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-7f9766f2] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-7f9766f2] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-7f9766f2], .modal .modal-dialog .modal-header[data-v-7f9766f2] {
    border: none
}

#chartCommisst .highcharts-title[data-v-7f9766f2] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-7f9766f2] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-7f9766f2] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-7f9766f2], .modal .modal-dialog form[data-v-7f9766f2] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-7f9766f2] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-7f9766f2], .FaqsDetail[data-v-7f9766f2] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-7f9766f2], .FaqsDetail[data-v-7f9766f2] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-7f9766f2], .FaqsDetail .headerMaster .boxHeader[data-v-7f9766f2] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-7f9766f2], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-7f9766f2] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-7f9766f2], .Faqs main[data-v-7f9766f2] {
    background-color: unset
}

.titleChartCandle[data-v-7f9766f2] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-7f9766f2] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-7f9766f2] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-7f9766f2] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-7f9766f2], .plotlineChart .time[data-v-7f9766f2] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-7f9766f2] {
    top: 51px
}

.boxHeader[data-v-7f9766f2] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-7f9766f2], .boxHeader .register[data-v-7f9766f2] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-7f9766f2] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-7f9766f2] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-7f9766f2] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-7f9766f2] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-7f9766f2]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-7f9766f2] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-7f9766f2]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-7f9766f2] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-7f9766f2]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-7f9766f2] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-7f9766f2] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-7f9766f2] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-7f9766f2] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-7f9766f2] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-7f9766f2] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-7f9766f2] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-7f9766f2] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-7f9766f2] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-7f9766f2] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-7f9766f2] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-7f9766f2] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-7f9766f2] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-7f9766f2] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-7f9766f2] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-7f9766f2] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-7f9766f2] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-7f9766f2] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-7f9766f2] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-7f9766f2] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-7f9766f2] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-7f9766f2] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-7f9766f2] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-7f9766f2] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-7f9766f2] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-7f9766f2] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-7f9766f2] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-7f9766f2] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-7f9766f2] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-7f9766f2] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-7f9766f2] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-7f9766f2] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-7f9766f2] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-7f9766f2] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-7f9766f2] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-7f9766f2] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-7f9766f2] {
        height: 56px !important
    }
}

input.form-control[data-v-7f9766f2], input[data-v-7f9766f2], select.form-control[data-v-7f9766f2], select[data-v-7f9766f2] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-7f9766f2] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-7f9766f2] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-7f9766f2] {
    line-height: 100%
}

.button.btn-long[data-v-7f9766f2] {
    padding: 10px 40px
}

.button.btn-radius[data-v-7f9766f2] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-7f9766f2] {
    border-radius: 20px
}

.button.btn-full[data-v-7f9766f2] {
    width: 100%
}

.button.btn-80[data-v-7f9766f2] {
    width: 80%
}

.button.hasIcon[data-v-7f9766f2] {
    padding-left: 50px
}

.button a[data-v-7f9766f2] {
    display: block
}

.button .labelIcon[data-v-7f9766f2] {
    position: absolute
}

.button .labelIcon svg[data-v-7f9766f2] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-7f9766f2] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-7f9766f2]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-7f9766f2] {
    outline: none
}

.keyboard-input-wrap[data-v-7f9766f2] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-7f9766f2] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-7f9766f2] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-7f9766f2] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-7f9766f2] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-7f9766f2] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-7f9766f2] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-7f9766f2] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-7f9766f2] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-7f9766f2] {
    font-size: 1.2em
}

.color-white[data-v-7f9766f2] {
    color: #fff
}

.color-white-50[data-v-7f9766f2] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-7f9766f2] {
    display: none
}

.ld-loading .loading[data-v-7f9766f2], .main-loading .loading[data-v-7f9766f2] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-7f9766f2] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-7f9766f2]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-7f9766f2]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-7f9766f2] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-7f9766f2] {
    -webkit-animation: rotate-data-v-7f9766f2 1s linear infinite;
    animation: rotate-data-v-7f9766f2 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-7f9766f2] {
    stroke: transparent
}

.wrapNotify[data-v-7f9766f2] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-7f9766f2] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-7f9766f2] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-7f9766f2] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-7f9766f2] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-7f9766f2] {
    display: block
}

.wrapNotify .close-notify[data-v-7f9766f2] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-7f9766f2] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-7f9766f2] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-7f9766f2] {
    background-color: transparent
}

.colorWhite[data-v-7f9766f2] {
    color: #fff
}

.colorRed[data-v-7f9766f2] {
    color: #f46273
}

.colorGreen[data-v-7f9766f2] {
    color: #31baa0
}

.colorGray[data-v-7f9766f2] {
    color: #7c7c7c
}

.tableBackground[data-v-7f9766f2] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-7f9766f2] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-7f9766f2], .tableBackground .table-dark th[data-v-7f9766f2] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-7f9766f2]:after, .tableBackground .table-dark th[data-v-7f9766f2]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-7f9766f2] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-7f9766f2], .tableBackground .table-dark th[data-v-7f9766f2] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-7f9766f2]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-7f9766f2]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-7f9766f2] {
    background-color: #060642
}

.tableBackground #paging li[data-v-7f9766f2] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-7f9766f2] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-7f9766f2] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-7f9766f2], .customeTradeHistory[data-v-7f9766f2] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-7f9766f2], .customeTradeHistory .reportrange-text[data-v-7f9766f2] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-7f9766f2], .customeTradeHistory .reportrange-text .seperate[data-v-7f9766f2] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-7f9766f2], .customeTradeHistory .reportrange-text span[data-v-7f9766f2] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-7f9766f2] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-7f9766f2] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-7f9766f2] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-7f9766f2]:after, .startDate .daterangepicker.openscenter[data-v-7f9766f2]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-7f9766f2] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-7f9766f2] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-7f9766f2] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-7f9766f2] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-7f9766f2] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-7f9766f2] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-7f9766f2] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-7f9766f2] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-7f9766f2] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-7f9766f2] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-7f9766f2] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-7f9766f2] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-7f9766f2] {
    text-align: center
}

.border-none[data-v-7f9766f2] {
    border: none
}

.text-domain[data-v-7f9766f2]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-7f9766f2] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-7f9766f2] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-7f9766f2] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-7f9766f2] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-7f9766f2] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-7f9766f2] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-7f9766f2] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-7f9766f2] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-7f9766f2] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-7f9766f2] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-7f9766f2] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-7f9766f2] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-7f9766f2] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-7f9766f2] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-7f9766f2] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-7f9766f2] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-7f9766f2] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-7f9766f2] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-7f9766f2] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-7f9766f2] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-7f9766f2] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-7f9766f2] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-7f9766f2] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-7f9766f2] {
    fill: #000
}

.btn-active-paging[data-v-7f9766f2] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-7f9766f2] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-7f9766f2] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-7f9766f2] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-7f9766f2], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-7f9766f2] {
    background: #8b8d96 !important
}

.transactionBox[data-v-7f9766f2] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-7f9766f2] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-7f9766f2] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-7f9766f2] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-7f9766f2] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-7f9766f2] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-7f9766f2] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-7f9766f2] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-7f9766f2] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-7f9766f2] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-7f9766f2] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-7f9766f2] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-7f9766f2] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-7f9766f2] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-7f9766f2] {
    color: #2a74f9 !important
}

.panel.wpanel[data-v-7f9766f2] {
    padding: 0;
    background: #fff;
    margin-bottom: 20px
}

.panel-header[data-v-7f9766f2] {
    border-bottom: 1px solid #414141
}

.button.wbtn[data-v-7f9766f2] {
    border-radius: 4px !important;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-weight: 400 !important
}

.button.wbtn.btn-md[data-v-7f9766f2] {
    padding: 10px 2.5rem
}

.button.wbtn.btn-large[data-v-7f9766f2] {
    padding: 11px 2.5rem
}

.btn-border[data-v-7f9766f2] {
    background: transparent;
    border: 1px solid #2a74f9;
    color: #2a74f9;
    white-space: nowrap;
    cursor: pointer
}

    .btn-border[data-v-7f9766f2]:hover {
        background: #2a74f9 !important;
        color: #fff
    }

.btn-large[data-v-7f9766f2] {
    font-size: 16px;
    height: 47px;
    line-height: 19px;
    padding: 11px 15px
}

.btn-secondary.disabled[data-v-7f9766f2], .btn-secondary[data-v-7f9766f2]:disabled {
    color: #fff;
    background-color: #02142b;
    border-color: #0d0d0d;
    font-weight: 700
}

.btn-radius[data-v-7f9766f2] {
    border-radius: 6px
}

.panel-body[data-v-7f9766f2], .panel-header[data-v-7f9766f2] {
    padding: .75rem 1.75rem
}

.backgroundEmpty[data-v-7f9766f2] {
    height: 160px;
    background-color: #02142b
}

.color-white[data-v-7f9766f2] {
    color: #fff !important
}

.bgColorBlue6[data-v-7f9766f2] {
    background-color: #02142b
}

.bgColorBlue6 .profileContent[data-v-7f9766f2] {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.bgColorBlue6 .profileContent .wpanel[data-v-7f9766f2] {
    color: #fff;
    border: 1px solid #1f2f53;
    background-color: #02142b
}

.bgColorBlue6 .profileContent .panel-header[data-v-7f9766f2] {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-color: #1f2f53
}

.bgColorBlue6 .profileContent .panel-header h3[data-v-7f9766f2] {
    font-size: 1.125rem
}

.bgColorBlue6 .profileContent .winput[data-v-7f9766f2] {
    color: #89809f;
    height: 45px;
    line-height: 45px;
    font-size: .875rem;
    border-radius: 8px;
    background: hsla(0,0%,48.6%,.23) !important;
    border: none
}

.bgColorBlue6 .profileContent .winput.bdTransparent[data-v-7f9766f2] {
    background: #fafafa !important;
    color: #333 !important
}

.marginBox2[data-v-7f9766f2] {
    margin-left: 4rem
}

.become[data-v-7f9766f2] {
    font-size: 16px
}

.title h3[data-v-7f9766f2] {
    font-weight: 100
}

.rightContent .profile .title .intro .becomeInvestor .icon[data-v-7f9766f2] {
    background: #2a74f9
}

.rightContent .profile .title h3[data-v-7f9766f2] {
    margin-bottom: 0
}

.rightContent .profile .title .intro[data-v-7f9766f2] {
    color: #0e0031;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rightContent .profile .title .intro .label.become[data-v-7f9766f2] {
    font-weight: 700
}

.rightContent .profile .title .intro .buttInvest[data-v-7f9766f2] {
    position: static
}

.buttInvest .investor[data-v-7f9766f2] {
    border: 2px solid #2a74f9 !important
}

    .buttInvest .investor[data-v-7f9766f2]:hover {
        color: #fff !important;
        background-color: #2a74f9 !important
    }

.rightContent .profile .title .intro .buttInvest a[data-v-7f9766f2] {
    color: #1a1e24
}

    .rightContent .profile .title .intro .buttInvest a[data-v-7f9766f2]:hover {
        -webkit-box-shadow: 0 0 19px 1px #2a74f9;
        box-shadow: 0 0 19px 1px #2a74f9
    }

.labelInput[data-v-7f9766f2] {
    opacity: 1;
    font-size: .875rem;
    display: inline-block;
    margin-bottom: 4px;
    color: hsla(0,0%,100%,.4)
}

.colorWhite[data-v-7f9766f2] {
    color: #0e0031;
    font-size: 16px
}

input.form-control[data-v-7f9766f2]:-moz-read-only, input[data-v-7f9766f2]:-moz-read-only, select.form-control[data-v-7f9766f2]:-moz-read-only, select[data-v-7f9766f2]:-moz-read-only {
    background: #7c7c7c 0 0 no-repeat padding-box !important
}

input.form-control[data-v-7f9766f2]:read-only, input[data-v-7f9766f2]:read-only, select.form-control[data-v-7f9766f2]:read-only, select[data-v-7f9766f2]:read-only {
    background: #7c7c7c 0 0 no-repeat padding-box !important
}

input.form-control[data-v-7f9766f2]:focus, input[data-v-7f9766f2]:focus, select.form-control[data-v-7f9766f2]:focus, select[data-v-7f9766f2]:focus {
    border-color: #fff
}

.button.btn-primary[data-v-7f9766f2] {
    color: #fff !important
}

.button.btn-primary.btn-active[data-v-7f9766f2] {
    background: #2a74f9
}

.button.btn-primary.btn-border[data-v-7f9766f2] {
    border: 2px solid #2a74f9
}

.button.btn-primary.btn-bounce[data-v-7f9766f2]:hover {
    -webkit-box-shadow: 0 0 19px 1px #2a74f9;
    box-shadow: 0 0 19px 1px #2a74f9
}

.off .btn-changepassword[data-v-7f9766f2] {
    opacity: .5
}

.btn-changepassword[data-v-7f9766f2] {
    color: #0e0031;
    opacity: 1
}

    .btn-changepassword[data-v-7f9766f2]:hover {
        color: #fff;
        background-color: #2a74f9;
        -webkit-box-shadow: 0 0 19px 1px #2a74f9;
        box-shadow: 0 0 19px 1px #2a74f9
    }

.confirm-content[data-v-7f9766f2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.confirm-content .wrap-button[data-v-7f9766f2] {
    padding-left: 30px
}

.confirm-content .wrap-button .button[data-v-7f9766f2], .confirm-content .wrap-button > span[data-v-7f9766f2] {
    white-space: nowrap
}

@media screen and (max-width:767px) {
    .confirm-content[data-v-7f9766f2] {
        display: block
    }

    .confirm-content .wrap-button[data-v-7f9766f2] {
        padding-left: 0
    }
}

.icon-status.warning[data-v-7f9766f2] {
    margin-top: -4px
}

.buttInvest .investor[data-v-7f9766f2] {
    border: 2px solid #ffcf5c !important;
    background-color: transparent !important
}

    .buttInvest .investor[data-v-7f9766f2]:hover {
        background-color: #ffcf5c !important
    }

.changeAuthWrap .changeAuth[data-v-7f9766f2] {
    text-align: right
}

@media only screen and (max-width:575.98px) {
    .rightContent .profile.profile-mobile .title[data-v-7f9766f2] {
        margin-bottom: 15px
    }

    .rightContent .profile .title h3[data-v-7f9766f2] {
        margin-bottom: 8px
    }

    .rightContent .profile .title .intro[data-v-7f9766f2] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .rightContent .profile .title .intro .becomeInvestor[data-v-7f9766f2] {
        margin-bottom: 0
    }

    .rightContent .profile .title .intro .becomeInvestor .become[data-v-7f9766f2] {
        font-size: 14px
    }

    .rightContent .profile .title .intro .buttInvest .button[data-v-7f9766f2] {
        font-size: 14px !important;
        line-height: unset !important;
        padding: .75rem 1rem !important
    }

    .title > h3[data-v-7f9766f2] {
        float: none
    }

    .intro .button.investor[data-v-7f9766f2] {
        width: auto !important;
        padding: 0 30px !important
    }

    .panel.wpanel[data-v-7f9766f2] {
        border: none
    }

    .panel.wpanel .panel-header[data-v-7f9766f2] {
        border-color: hsla(0,0%,100%,.1)
    }

    .panel.wpanel .panel-body[data-v-7f9766f2] {
        padding: .75rem
    }

    .panel.wpanel .button.wbtn[data-v-7f9766f2] {
        background-color: #2a74f9
    }
}

@media (min-width:576px) and (max-width:991.98px) {
    .bodyContent .rightContent[data-v-7f9766f2] {
        padding: 30px 10px !important
    }
}

@media (max-width:768px) {
    .profile .panel-body .changeBindNumberWrap[data-v-7f9766f2] {
        position: relative
    }

    .profile .panel-body .changeBindNumberWrap .changeBindNumber[data-v-7f9766f2] {
        position: absolute;
        top: 0;
        right: 20px;
        width: 70px
    }

    .changeAuthWrap[data-v-7f9766f2] {
        position: relative
    }

    .changeAuthWrap .changeAuth[data-v-7f9766f2] {
        position: absolute;
        top: 0;
        right: 20px;
        width: 70px
    }
}

@media (max-width:768px) {
    .font-size-16-mobile[data-v-7f9766f2] {
        font-size: 1rem !important
    }

    .font-size-14-mobile[data-v-7f9766f2] {
        font-size: .875rem !important
    }

    .margin-bottom-8[data-v-7f9766f2] {
        margin-bottom: .5rem !important
    }

    .margin-top-8[data-v-7f9766f2] {
        margin-top: .5rem !important
    }

    .bodyContent .rightContent .profile .title h3 span[data-v-7f9766f2] {
        width: auto
    }

    .btn-changepassword[data-v-7f9766f2]:hover {
        color: #0d0d0d
    }

    .marginBox2[data-v-7f9766f2] {
        margin-left: 0
    }

    .margin5[data-v-7f9766f2] {
        margin-top: 5px
    }

    .winput[data-v-7f9766f2] {
        color: hsla(0,0%,100%,.23)
    }

    .frm[data-v-7f9766f2] {
        width: 100% !important
    }

    .bottomTools .button[data-v-7f9766f2] {
        width: 100%;
        font-weight: 400
    }

    .panel.wpanel[data-v-7f9766f2] {
        margin-bottom: 1.5rem
    }

    .panel-header[data-v-7f9766f2] {
        padding: .75rem
    }

    .panel-header h3[data-v-7f9766f2] {
        font-size: 1.125rem
    }

    .off[data-v-7f9766f2] {
        width: 100%
    }
}

.btnHover[data-v-7f9766f2] {
    background-color: transparent
}

    .btnHover[data-v-7f9766f2]:hover {
        background-color: #2a74f9
    }

.modal-backdrop.show, .modal-info.show {
    width: calc(100vw - 105px);
    height: calc(100vh - 65px);
    bottom: 0;
    top: auto;
    left: 105px
}

    .modal-backdrop.show .modal-dialog, .modal-info.show .modal-dialog {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

@media screen and (max-width:768px) {
    .modal-backdrop.show, .modal-info.show {
        width: 100%;
        height: calc(100vh - 55px) !important;
        height: calc(var(--vh, 1vh)*100 - 55px) !important;
        left: 0
    }
}

.modal-info .modal-content {
    background-color: unset !important
}

.boxChallenge .countDown .vuejs-countdown, .detailChallenge .countDown .vuejs-countdown {
    background-color: hsla(0,0%,100%,.18);
    border-radius: 5px;
    padding: 4px 0;
    max-width: 375px;
    margin: 0 auto
}

    .boxChallenge .countDown .vuejs-countdown li, .detailChallenge .countDown .vuejs-countdown li {
        margin-right: 30px
    }

        .boxChallenge .countDown .vuejs-countdown li:last-child, .detailChallenge .countDown .vuejs-countdown li:last-child {
            margin-right: 0
        }

        .boxChallenge .countDown .vuejs-countdown li:after, .detailChallenge .countDown .vuejs-countdown li:after {
            display: none
        }

        .boxChallenge .countDown .vuejs-countdown li .digit, .detailChallenge .countDown .vuejs-countdown li .digit {
            font-size: 21px;
            font-weight: 700;
            color: #fff
        }

        .boxChallenge .countDown .vuejs-countdown li .text, .detailChallenge .countDown .vuejs-countdown li .text {
            font-size: 12px;
            color: hsla(0,0%,100%,.5);
            text-transform: capitalize
        }

.detailChallenge .countDown .vuejs-countdown {
    max-width: 100%
}

.deskTopSection {
    position: relative;
    z-index: 1041
}

.controlPanel .swiperPagination {
    position: absolute;
    height: 20px;
    left: unset !important;
    right: 80px !important;
    bottom: -15px !important
}

    .controlPanel .swiperPagination .swiper-pagination-bullet {
        width: 29px;
        height: 6px;
        background: #707070;
        border-radius: 7px;
        margin-right: 5px
    }

        .controlPanel .swiperPagination .swiper-pagination-bullet:focus {
            outline: none !important
        }

body[data-v-3f494de4] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-3f494de4]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-3f494de4]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-3f494de4]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-3f494de4] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-3f494de4]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-3f494de4]::-webkit-inner-spin-button, input[data-v-3f494de4]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-3f494de4] {
    -moz-appearance: textfield
}

button[data-v-3f494de4]:focus, input[data-v-3f494de4]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-3f494de4] {
    font-size: 8px
}

.font-10[data-v-3f494de4] {
    font-size: .6rem !important
}

.font-12[data-v-3f494de4] {
    font-size: 12px
}

.font-14[data-v-3f494de4] {
    font-size: 14px
}

.font-16[data-v-3f494de4] {
    font-size: 16px
}

.font-18[data-v-3f494de4] {
    font-size: 18px
}

.font-20[data-v-3f494de4] {
    font-size: 20px
}

.font-24[data-v-3f494de4] {
    font-size: 24px
}

.font-32[data-v-3f494de4] {
    font-size: 32px
}

.font-34[data-v-3f494de4] {
    font-size: 34px
}

.font-40[data-v-3f494de4] {
    font-size: 2.5rem !important
}

.font-44[data-v-3f494de4] {
    font-size: 44px
}

.colorPrimary[data-v-3f494de4] {
    color: #2a74f9
}

.colorPrimary1[data-v-3f494de4] {
    color: #000 !important
}

.colorSecondary[data-v-3f494de4] {
    color: #fff !important
}

.colorSecondary1[data-v-3f494de4] {
    color: #414141 !important
}

.colorSecondary2[data-v-3f494de4] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-3f494de4] {
    color: #0d0d0d
}

.colorSecondary4[data-v-3f494de4] {
    color: #02142b
}

.colorSecondary5[data-v-3f494de4] {
    color: #1a1e24
}

.colorSecondary6[data-v-3f494de4] {
    color: #fafafa
}

.colorSecondary7[data-v-3f494de4] {
    color: #333
}

.colorSecondary8[data-v-3f494de4] {
    color: #0e0031
}

.colorSuccess[data-v-3f494de4] {
    color: #31baa0
}

.colorWarning[data-v-3f494de4] {
    color: #ffcf5c
}

.colorDanger[data-v-3f494de4] {
    color: #f46273
}

.fillPrimary[data-v-3f494de4] {
    fill: #2a74f9
}

.fillWarning[data-v-3f494de4] {
    fill: #ffcf5c
}

.fillDanger[data-v-3f494de4] {
    fill: #f46273
}

.fillSecondary1[data-v-3f494de4] {
    fill: #414141
}

.fillSecondary2[data-v-3f494de4] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-3f494de4] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-3f494de4] {
    fill: #02142b
}

.fillSecondary5[data-v-3f494de4] {
    fill: #1a1e24
}

.fillSecondary6[data-v-3f494de4] {
    fill: #fafafa
}

.fillSecondary7[data-v-3f494de4] {
    fill: #333
}

.fillSecondary8[data-v-3f494de4] {
    fill: #0e0031
}

.textnote-notidesc[data-v-3f494de4] {
    color: #fff
}

.bgColor0[data-v-3f494de4] {
    background-color: transparent
}

.bgPrimary-hover[data-v-3f494de4]:hover, .bgPrimary[data-v-3f494de4] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-3f494de4]:hover, .bgPrimary1[data-v-3f494de4] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-3f494de4]:hover, .bgPrimary2[data-v-3f494de4] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-3f494de4]:hover, .bgSecondary[data-v-3f494de4] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-3f494de4]:hover, .bgSecondary1[data-v-3f494de4] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-3f494de4]:hover, .bgSecondary2[data-v-3f494de4] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-3f494de4]:hover, .bgSecondary3[data-v-3f494de4] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-3f494de4] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-3f494de4] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-3f494de4]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-3f494de4]:hover, .bgSecondary5[data-v-3f494de4] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-3f494de4]:hover, .bgSecondary6[data-v-3f494de4] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-3f494de4]:hover, .bgSecondary7[data-v-3f494de4] {
    background-color: #333 !important
}

.bgSecondary8[data-v-3f494de4] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-3f494de4]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-3f494de4] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-3f494de4]:hover, .bgSuccess[data-v-3f494de4] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-3f494de4] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-3f494de4] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-3f494de4]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-3f494de4] {
    fill: #31baa0
}

.w-14-px[data-v-3f494de4] {
    width: 14px
}

.max-width-50[data-v-3f494de4] {
    max-width: 50%
}

.h-60-px[data-v-3f494de4] {
    height: 60px
}

.h-100-px[data-v-3f494de4] {
    height: 100px
}

.mb-16-px[data-v-3f494de4] {
    margin-bottom: 16px
}

.mb-30-px[data-v-3f494de4] {
    margin-bottom: 30px
}

.borderRounded[data-v-3f494de4] {
    border-radius: 5px
}

.borderPrimary[data-v-3f494de4] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-3f494de4] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-3f494de4] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-3f494de4] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-3f494de4] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-3f494de4] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-3f494de4] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-3f494de4] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-3f494de4] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-3f494de4] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-3f494de4] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-3f494de4] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-3f494de4] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-3f494de4] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-3f494de4]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-3f494de4] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-3f494de4] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-3f494de4] {
    padding: 1px
}

.px-1-px[data-v-3f494de4] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-3f494de4] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-3f494de4] {
    padding-left: 1px
}

.pr-1-px[data-v-3f494de4] {
    padding-right: 1px
}

.pt-1-px[data-v-3f494de4] {
    padding-top: 1px
}

.pb-1-px[data-v-3f494de4] {
    padding-bottom: 1px
}

.p-2-px[data-v-3f494de4] {
    padding: 2px
}

.px-2-px[data-v-3f494de4] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-3f494de4] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-3f494de4] {
    padding-left: 2px
}

.pr-2-px[data-v-3f494de4] {
    padding-right: 2px
}

.pt-2-px[data-v-3f494de4] {
    padding-top: 2px
}

.pb-2-px[data-v-3f494de4] {
    padding-bottom: 2px
}

.p-8-px[data-v-3f494de4] {
    padding: 8px
}

.px-8-px[data-v-3f494de4] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-3f494de4] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-3f494de4] {
    padding-left: 8px
}

.pr-8-px[data-v-3f494de4] {
    padding-right: 8px
}

.pt-8-px[data-v-3f494de4] {
    padding-top: 8px
}

.pb-8-px[data-v-3f494de4] {
    padding-bottom: 8px
}

.p-10-px[data-v-3f494de4] {
    padding: 10px
}

.px-10-px[data-v-3f494de4] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-3f494de4] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-3f494de4] {
    padding-left: 10px
}

.pr-10-px[data-v-3f494de4] {
    padding-right: 10px
}

.pt-10-px[data-v-3f494de4] {
    padding-top: 10px
}

.pb-10-px[data-v-3f494de4] {
    padding-bottom: 10px
}

.p-12-px[data-v-3f494de4] {
    padding: 12px
}

.px-12-px[data-v-3f494de4] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-3f494de4] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-3f494de4] {
    padding-left: 12px
}

.pr-12-px[data-v-3f494de4] {
    padding-right: 12px
}

.pt-12-px[data-v-3f494de4] {
    padding-top: 12px
}

.pb-12-px[data-v-3f494de4] {
    padding-bottom: 12px
}

.p-16-px[data-v-3f494de4] {
    padding: 16px
}

.px-16-px[data-v-3f494de4] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-3f494de4] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-3f494de4] {
    padding-left: 16px
}

.pr-16-px[data-v-3f494de4] {
    padding-right: 16px
}

.pt-16-px[data-v-3f494de4] {
    padding-top: 16px
}

.pb-16-px[data-v-3f494de4] {
    padding-bottom: 16px
}

.p-30-px[data-v-3f494de4] {
    padding: 30px
}

.px-30-px[data-v-3f494de4] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-3f494de4] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-3f494de4] {
    padding-left: 30px
}

.pr-30-px[data-v-3f494de4] {
    padding-right: 30px
}

.pt-30-px[data-v-3f494de4] {
    padding-top: 30px
}

.pb-30-px[data-v-3f494de4] {
    padding-bottom: 30px
}

.font-30[data-v-3f494de4] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-3f494de4] {
    font-weight: 700
}

.wbo-title[data-v-3f494de4] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-3f494de4] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-3f494de4] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-3f494de4] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-3f494de4]:focus {
        outline: 0
    }

    .button[data-v-3f494de4]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-3f494de4] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-3f494de4]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-3f494de4] {
    padding: 11px 2.5rem
}

.button.primary[data-v-3f494de4], .button.primary[data-v-3f494de4]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-3f494de4], .text-primary[data-v-3f494de4], a .primary-hover[data-v-3f494de4]:hover {
    color: #000 !important
}

ul[data-v-3f494de4] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-3f494de4], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-3f494de4] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-3f494de4]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-3f494de4]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-3f494de4], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-3f494de4], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-3f494de4]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-3f494de4], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-3f494de4], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-3f494de4]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-3f494de4], .faqsContent .content .navigator ul li a.active[data-v-3f494de4]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-3f494de4]:hover {
    color: #000
}

.ps[data-v-3f494de4] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-3f494de4] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-3f494de4], .ps__rail-y[data-v-3f494de4] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-3f494de4] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-3f494de4], .ps--active-y > .ps__rail-y[data-v-3f494de4] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-3f494de4], .ps--focus > .ps__rail-y[data-v-3f494de4], .ps--scrolling-x > .ps__rail-x[data-v-3f494de4], .ps--scrolling-y > .ps__rail-y[data-v-3f494de4], .ps:hover > .ps__rail-x[data-v-3f494de4], .ps:hover > .ps__rail-y[data-v-3f494de4] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-3f494de4], .ps .ps__rail-x[data-v-3f494de4]:focus, .ps .ps__rail-x[data-v-3f494de4]:hover, .ps .ps__rail-y.ps--clicking[data-v-3f494de4], .ps .ps__rail-y[data-v-3f494de4]:focus, .ps .ps__rail-y[data-v-3f494de4]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-3f494de4] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-3f494de4] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-3f494de4], .ps__rail-x:focus > .ps__thumb-x[data-v-3f494de4], .ps__rail-x:hover > .ps__thumb-x[data-v-3f494de4] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-3f494de4], .ps__rail-y:focus > .ps__thumb-y[data-v-3f494de4], .ps__rail-y:hover > .ps__thumb-y[data-v-3f494de4] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-3f494de4] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-3f494de4] {
        overflow: auto !important
    }
}

.md-field[data-v-3f494de4] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-3f494de4] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-3f494de4] {
    color: #2a74f9
}

.md-field .md-error[data-v-3f494de4] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-3f494de4] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-3f494de4], .md-field.md-has-value label[data-v-3f494de4] {
    top: -10px
}

.form-control[data-v-3f494de4], .md-field .md-input[data-v-3f494de4], .md-field .md-textarea[data-v-3f494de4], .winput[data-v-3f494de4] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-3f494de4] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-3f494de4] {
    fill: #0d0d0d
}

.round[data-v-3f494de4] {
    border-radius: 5px
}

.off[data-v-3f494de4] {
    position: relative;
    cursor: default
}

.off > [data-v-3f494de4] {
    opacity: .5
}

.off[data-v-3f494de4]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-3f494de4] {
    cursor: pointer
}

.close-page[data-v-3f494de4] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-3f494de4] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-3f494de4], .slide-fade-leave-active[data-v-3f494de4] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-3f494de4], .slide-fade-leave-to[data-v-3f494de4] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-3f494de4 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-3f494de4 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-3f494de4] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-3f494de4] {
    color: #ffcf5c
}

.button[data-v-3f494de4] {
    font-weight: 700
}

.modal .modal-dialog[data-v-3f494de4] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-3f494de4] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-3f494de4] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-3f494de4], .modal .modal-dialog .modal-header[data-v-3f494de4] {
    border: none
}

#chartCommisst .highcharts-title[data-v-3f494de4] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-3f494de4] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-3f494de4] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-3f494de4], .modal .modal-dialog form[data-v-3f494de4] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-3f494de4] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-3f494de4], .FaqsDetail[data-v-3f494de4] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-3f494de4], .FaqsDetail[data-v-3f494de4] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-3f494de4], .FaqsDetail .headerMaster .boxHeader[data-v-3f494de4] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-3f494de4], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-3f494de4] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-3f494de4], .Faqs main[data-v-3f494de4] {
    background-color: unset
}

.titleChartCandle[data-v-3f494de4] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-3f494de4] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-3f494de4] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-3f494de4] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-3f494de4], .plotlineChart .time[data-v-3f494de4] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-3f494de4] {
    top: 51px
}

.boxHeader[data-v-3f494de4] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-3f494de4], .boxHeader .register[data-v-3f494de4] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-3f494de4] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-3f494de4] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-3f494de4] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-3f494de4] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-3f494de4]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-3f494de4] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-3f494de4]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-3f494de4] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-3f494de4]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-3f494de4] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-3f494de4] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-3f494de4] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-3f494de4] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-3f494de4] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-3f494de4] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-3f494de4] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-3f494de4] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-3f494de4] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-3f494de4] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-3f494de4] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-3f494de4] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-3f494de4] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-3f494de4] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-3f494de4] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-3f494de4] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-3f494de4] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-3f494de4] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-3f494de4] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-3f494de4] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-3f494de4] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-3f494de4] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-3f494de4] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-3f494de4] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-3f494de4] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-3f494de4] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-3f494de4] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-3f494de4] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-3f494de4] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-3f494de4] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-3f494de4] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-3f494de4] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-3f494de4] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-3f494de4] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-3f494de4] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-3f494de4] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-3f494de4] {
        height: 56px !important
    }
}

input.form-control[data-v-3f494de4], input[data-v-3f494de4], select.form-control[data-v-3f494de4], select[data-v-3f494de4] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-3f494de4] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-3f494de4] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-3f494de4] {
    line-height: 100%
}

.button.btn-long[data-v-3f494de4] {
    padding: 10px 40px
}

.button.btn-radius[data-v-3f494de4] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-3f494de4] {
    border-radius: 20px
}

.button.btn-full[data-v-3f494de4] {
    width: 100%
}

.button.btn-80[data-v-3f494de4] {
    width: 80%
}

.button.hasIcon[data-v-3f494de4] {
    padding-left: 50px
}

.button a[data-v-3f494de4] {
    display: block
}

.button .labelIcon[data-v-3f494de4] {
    position: absolute
}

.button .labelIcon svg[data-v-3f494de4] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-3f494de4] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-3f494de4]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-3f494de4] {
    outline: none
}

.keyboard-input-wrap[data-v-3f494de4] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-3f494de4] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-3f494de4] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-3f494de4] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-3f494de4] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-3f494de4] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-3f494de4] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-3f494de4] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-3f494de4] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-3f494de4] {
    font-size: 1.2em
}

.color-white[data-v-3f494de4] {
    color: #fff
}

.color-white-50[data-v-3f494de4] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-3f494de4] {
    display: none
}

.ld-loading .loading[data-v-3f494de4], .main-loading .loading[data-v-3f494de4] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-3f494de4] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-3f494de4]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-3f494de4]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-3f494de4] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-3f494de4] {
    -webkit-animation: rotate-data-v-3f494de4 1s linear infinite;
    animation: rotate-data-v-3f494de4 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-3f494de4] {
    stroke: transparent
}

.wrapNotify[data-v-3f494de4] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-3f494de4] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-3f494de4] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-3f494de4] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-3f494de4] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-3f494de4] {
    display: block
}

.wrapNotify .close-notify[data-v-3f494de4] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-3f494de4] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-3f494de4] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-3f494de4] {
    background-color: transparent
}

.colorWhite[data-v-3f494de4] {
    color: #fff
}

.colorRed[data-v-3f494de4] {
    color: #f46273
}

.colorGreen[data-v-3f494de4] {
    color: #31baa0
}

.colorGray[data-v-3f494de4] {
    color: #7c7c7c
}

.tableBackground[data-v-3f494de4] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-3f494de4] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-3f494de4], .tableBackground .table-dark th[data-v-3f494de4] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-3f494de4]:after, .tableBackground .table-dark th[data-v-3f494de4]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-3f494de4] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-3f494de4], .tableBackground .table-dark th[data-v-3f494de4] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-3f494de4]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-3f494de4]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-3f494de4] {
    background-color: #060642
}

.tableBackground #paging li[data-v-3f494de4] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-3f494de4] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-3f494de4] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-3f494de4], .customeTradeHistory[data-v-3f494de4] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-3f494de4], .customeTradeHistory .reportrange-text[data-v-3f494de4] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-3f494de4], .customeTradeHistory .reportrange-text .seperate[data-v-3f494de4] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-3f494de4], .customeTradeHistory .reportrange-text span[data-v-3f494de4] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-3f494de4] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-3f494de4] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-3f494de4] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-3f494de4]:after, .startDate .daterangepicker.openscenter[data-v-3f494de4]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-3f494de4] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-3f494de4] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-3f494de4] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-3f494de4] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-3f494de4] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-3f494de4] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-3f494de4] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-3f494de4] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-3f494de4] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-3f494de4] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-3f494de4] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-3f494de4] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-3f494de4] {
    text-align: center
}

.border-none[data-v-3f494de4] {
    border: none
}

.text-domain[data-v-3f494de4]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-3f494de4] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-3f494de4] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-3f494de4] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-3f494de4] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-3f494de4] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-3f494de4] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-3f494de4] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-3f494de4] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-3f494de4] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-3f494de4] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-3f494de4] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-3f494de4] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-3f494de4] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-3f494de4] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-3f494de4] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-3f494de4] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-3f494de4] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-3f494de4] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-3f494de4] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-3f494de4] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-3f494de4] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-3f494de4] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-3f494de4] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-3f494de4] {
    fill: #000
}

.btn-active-paging[data-v-3f494de4] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-3f494de4] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-3f494de4] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-3f494de4] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-3f494de4], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-3f494de4] {
    background: #8b8d96 !important
}

.transactionBox[data-v-3f494de4] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-3f494de4] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-3f494de4] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-3f494de4] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-3f494de4] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-3f494de4] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-3f494de4] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-3f494de4] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-3f494de4] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-3f494de4] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-3f494de4] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-3f494de4] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-3f494de4] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-3f494de4] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-3f494de4] {
    color: #2a74f9 !important
}

.btnPrice[data-v-3f494de4] {
    min-height: 38px;
    height: 38px !important;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: none;
    font-size: 20px;
    font-weight: 700;
    border-radius: 4px
}

.inputGroup[data-v-3f494de4] {
    position: relative;
    padding-left: 5px;
    border-radius: 4px;
    height: 38px !important;
    display: flex;
}

.inputGroup .btnClear[data-v-3f494de4] {
    color: #fff;
    position: absolute;
    right: 6px;
    top: 50%;
    cursor: pointer;
    outline: unset;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.inputGroup input[data-v-3f494de4] {
    border-bottom: none
}

.inputGroup .icon[data-v-3f494de4] {
    position: absolute;
    top: 50%;
    left: 5px;
    -webkit-transform: translateY(-55%);
    transform: translateY(-55%)
}

body[data-v-5e144689] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-5e144689]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-5e144689]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-5e144689]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-5e144689] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-5e144689]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-5e144689]::-webkit-inner-spin-button, input[data-v-5e144689]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-5e144689] {
    -moz-appearance: textfield
}

button[data-v-5e144689]:focus, input[data-v-5e144689]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-5e144689] {
    font-size: 8px
}

.font-10[data-v-5e144689] {
    font-size: .6rem !important
}

.font-12[data-v-5e144689] {
    font-size: 12px
}

.font-14[data-v-5e144689] {
    font-size: 14px
}

.font-16[data-v-5e144689] {
    font-size: 16px
}

.font-18[data-v-5e144689] {
    font-size: 18px
}

.font-20[data-v-5e144689] {
    font-size: 20px
}

.font-24[data-v-5e144689] {
    font-size: 24px
}

.font-32[data-v-5e144689] {
    font-size: 32px
}

.font-34[data-v-5e144689] {
    font-size: 34px
}

.font-40[data-v-5e144689] {
    font-size: 2.5rem !important
}

.font-44[data-v-5e144689] {
    font-size: 44px
}

.colorPrimary[data-v-5e144689] {
    color: #2a74f9
}

.colorPrimary1[data-v-5e144689] {
    color: #000 !important
}

.colorSecondary[data-v-5e144689] {
    color: #fff !important
}

.colorSecondary1[data-v-5e144689] {
    color: #414141 !important
}

.colorSecondary2[data-v-5e144689] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-5e144689] {
    color: #0d0d0d
}

.colorSecondary4[data-v-5e144689] {
    color: #02142b
}

.colorSecondary5[data-v-5e144689] {
    color: #1a1e24
}

.colorSecondary6[data-v-5e144689] {
    color: #fafafa
}

.colorSecondary7[data-v-5e144689] {
    color: #333
}

.colorSecondary8[data-v-5e144689] {
    color: #0e0031
}

.colorSuccess[data-v-5e144689] {
    color: #31baa0
}

.colorWarning[data-v-5e144689] {
    color: #ffcf5c
}

.colorDanger[data-v-5e144689] {
    color: #f46273
}

.fillPrimary[data-v-5e144689] {
    fill: #2a74f9
}

.fillWarning[data-v-5e144689] {
    fill: #ffcf5c
}

.fillDanger[data-v-5e144689] {
    fill: #f46273
}

.fillSecondary1[data-v-5e144689] {
    fill: #414141
}

.fillSecondary2[data-v-5e144689] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-5e144689] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-5e144689] {
    fill: #02142b
}

.fillSecondary5[data-v-5e144689] {
    fill: #1a1e24
}

.fillSecondary6[data-v-5e144689] {
    fill: #fafafa
}

.fillSecondary7[data-v-5e144689] {
    fill: #333
}

.fillSecondary8[data-v-5e144689] {
    fill: #0e0031
}

.textnote-notidesc[data-v-5e144689] {
    color: #fff
}

.bgColor0[data-v-5e144689] {
    background-color: transparent
}

.bgPrimary-hover[data-v-5e144689]:hover, .bgPrimary[data-v-5e144689] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-5e144689]:hover, .bgPrimary1[data-v-5e144689] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-5e144689]:hover, .bgPrimary2[data-v-5e144689] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-5e144689]:hover, .bgSecondary[data-v-5e144689] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-5e144689]:hover, .bgSecondary1[data-v-5e144689] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-5e144689]:hover, .bgSecondary2[data-v-5e144689] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-5e144689]:hover, .bgSecondary3[data-v-5e144689] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-5e144689] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-5e144689] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-5e144689]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-5e144689]:hover, .bgSecondary5[data-v-5e144689] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-5e144689]:hover, .bgSecondary6[data-v-5e144689] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-5e144689]:hover, .bgSecondary7[data-v-5e144689] {
    background-color: #333 !important
}

.bgSecondary8[data-v-5e144689] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-5e144689]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-5e144689] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-5e144689]:hover, .bgSuccess[data-v-5e144689] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-5e144689] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-5e144689] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-5e144689]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-5e144689] {
    fill: #31baa0
}

.w-14-px[data-v-5e144689] {
    width: 14px
}

.max-width-50[data-v-5e144689] {
    max-width: 50%
}

.h-60-px[data-v-5e144689] {
    height: 60px
}

.h-100-px[data-v-5e144689] {
    height: 100px
}

.mb-16-px[data-v-5e144689] {
    margin-bottom: 16px
}

.mb-30-px[data-v-5e144689] {
    margin-bottom: 30px
}

.borderRounded[data-v-5e144689] {
    border-radius: 5px
}

.borderPrimary[data-v-5e144689] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-5e144689] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-5e144689] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-5e144689] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-5e144689] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-5e144689] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-5e144689] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-5e144689] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-5e144689] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-5e144689] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-5e144689] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-5e144689] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-5e144689] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-5e144689] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-5e144689]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-5e144689] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-5e144689] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-5e144689] {
    padding: 1px
}

.px-1-px[data-v-5e144689] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-5e144689] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-5e144689] {
    padding-left: 1px
}

.pr-1-px[data-v-5e144689] {
    padding-right: 1px
}

.pt-1-px[data-v-5e144689] {
    padding-top: 1px
}

.pb-1-px[data-v-5e144689] {
    padding-bottom: 1px
}

.p-2-px[data-v-5e144689] {
    padding: 2px
}

.px-2-px[data-v-5e144689] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-5e144689] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-5e144689] {
    padding-left: 2px
}

.pr-2-px[data-v-5e144689] {
    padding-right: 2px
}

.pt-2-px[data-v-5e144689] {
    padding-top: 2px
}

.pb-2-px[data-v-5e144689] {
    padding-bottom: 2px
}

.p-8-px[data-v-5e144689] {
    padding: 8px
}

.px-8-px[data-v-5e144689] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-5e144689] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-5e144689] {
    padding-left: 8px
}

.pr-8-px[data-v-5e144689] {
    padding-right: 8px
}

.pt-8-px[data-v-5e144689] {
    padding-top: 8px
}

.pb-8-px[data-v-5e144689] {
    padding-bottom: 8px
}

.p-10-px[data-v-5e144689] {
    padding: 10px
}

.px-10-px[data-v-5e144689] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-5e144689] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-5e144689] {
    padding-left: 10px
}

.pr-10-px[data-v-5e144689] {
    padding-right: 10px
}

.pt-10-px[data-v-5e144689] {
    padding-top: 10px
}

.pb-10-px[data-v-5e144689] {
    padding-bottom: 10px
}

.p-12-px[data-v-5e144689] {
    padding: 12px
}

.px-12-px[data-v-5e144689] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-5e144689] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-5e144689] {
    padding-left: 12px
}

.pr-12-px[data-v-5e144689] {
    padding-right: 12px
}

.pt-12-px[data-v-5e144689] {
    padding-top: 12px
}

.pb-12-px[data-v-5e144689] {
    padding-bottom: 12px
}

.p-16-px[data-v-5e144689] {
    padding: 16px
}

.px-16-px[data-v-5e144689] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-5e144689] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-5e144689] {
    padding-left: 16px
}

.pr-16-px[data-v-5e144689] {
    padding-right: 16px
}

.pt-16-px[data-v-5e144689] {
    padding-top: 16px
}

.pb-16-px[data-v-5e144689] {
    padding-bottom: 16px
}

.p-30-px[data-v-5e144689] {
    padding: 30px
}

.px-30-px[data-v-5e144689] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-5e144689] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-5e144689] {
    padding-left: 30px
}

.pr-30-px[data-v-5e144689] {
    padding-right: 30px
}

.pt-30-px[data-v-5e144689] {
    padding-top: 30px
}

.pb-30-px[data-v-5e144689] {
    padding-bottom: 30px
}

.font-30[data-v-5e144689] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-5e144689] {
    font-weight: 700
}

.wbo-title[data-v-5e144689] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-5e144689] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-5e144689] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-5e144689] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-5e144689]:focus {
        outline: 0
    }

    .button[data-v-5e144689]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-5e144689] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-5e144689]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-5e144689] {
    padding: 11px 2.5rem
}

.button.primary[data-v-5e144689], .button.primary[data-v-5e144689]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-5e144689], .text-primary[data-v-5e144689], a .primary-hover[data-v-5e144689]:hover {
    color: #000 !important
}

ul[data-v-5e144689] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-5e144689], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-5e144689] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-5e144689]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-5e144689]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-5e144689], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-5e144689], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-5e144689]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-5e144689], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-5e144689], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-5e144689]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-5e144689], .faqsContent .content .navigator ul li a.active[data-v-5e144689]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-5e144689]:hover {
    color: #000
}

.ps[data-v-5e144689] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-5e144689] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-5e144689], .ps__rail-y[data-v-5e144689] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-5e144689] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-5e144689], .ps--active-y > .ps__rail-y[data-v-5e144689] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-5e144689], .ps--focus > .ps__rail-y[data-v-5e144689], .ps--scrolling-x > .ps__rail-x[data-v-5e144689], .ps--scrolling-y > .ps__rail-y[data-v-5e144689], .ps:hover > .ps__rail-x[data-v-5e144689], .ps:hover > .ps__rail-y[data-v-5e144689] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-5e144689], .ps .ps__rail-x[data-v-5e144689]:focus, .ps .ps__rail-x[data-v-5e144689]:hover, .ps .ps__rail-y.ps--clicking[data-v-5e144689], .ps .ps__rail-y[data-v-5e144689]:focus, .ps .ps__rail-y[data-v-5e144689]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-5e144689] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-5e144689] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-5e144689], .ps__rail-x:focus > .ps__thumb-x[data-v-5e144689], .ps__rail-x:hover > .ps__thumb-x[data-v-5e144689] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-5e144689], .ps__rail-y:focus > .ps__thumb-y[data-v-5e144689], .ps__rail-y:hover > .ps__thumb-y[data-v-5e144689] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-5e144689] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-5e144689] {
        overflow: auto !important
    }
}

.md-field[data-v-5e144689] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-5e144689] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-5e144689] {
    color: #2a74f9
}

.md-field .md-error[data-v-5e144689] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-5e144689] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-5e144689], .md-field.md-has-value label[data-v-5e144689] {
    top: -10px
}

.form-control[data-v-5e144689], .md-field .md-input[data-v-5e144689], .md-field .md-textarea[data-v-5e144689], .winput[data-v-5e144689] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-5e144689] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-5e144689] {
    fill: #0d0d0d
}

.round[data-v-5e144689] {
    border-radius: 5px
}

.off[data-v-5e144689] {
    position: relative;
    cursor: default
}

.off > [data-v-5e144689] {
    opacity: .5
}

.off[data-v-5e144689]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-5e144689] {
    cursor: pointer
}

.close-page[data-v-5e144689] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-5e144689] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-5e144689], .slide-fade-leave-active[data-v-5e144689] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-5e144689], .slide-fade-leave-to[data-v-5e144689] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-5e144689 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-5e144689 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-5e144689] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-5e144689] {
    color: #ffcf5c
}

.button[data-v-5e144689] {
    font-weight: 700
}

.modal .modal-dialog[data-v-5e144689] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-5e144689] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-5e144689] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-5e144689], .modal .modal-dialog .modal-header[data-v-5e144689] {
    border: none
}

#chartCommisst .highcharts-title[data-v-5e144689] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-5e144689] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-5e144689] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-5e144689], .modal .modal-dialog form[data-v-5e144689] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-5e144689] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-5e144689], .FaqsDetail[data-v-5e144689] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-5e144689], .FaqsDetail[data-v-5e144689] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-5e144689], .FaqsDetail .headerMaster .boxHeader[data-v-5e144689] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-5e144689], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-5e144689] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-5e144689], .Faqs main[data-v-5e144689] {
    background-color: unset
}

.titleChartCandle[data-v-5e144689] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-5e144689] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-5e144689] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-5e144689] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-5e144689], .plotlineChart .time[data-v-5e144689] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-5e144689] {
    top: 51px
}

.boxHeader[data-v-5e144689] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-5e144689], .boxHeader .register[data-v-5e144689] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-5e144689] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-5e144689] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-5e144689] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-5e144689] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-5e144689]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-5e144689] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-5e144689]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-5e144689] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-5e144689]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-5e144689] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-5e144689] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-5e144689] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-5e144689] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-5e144689] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-5e144689] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-5e144689] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-5e144689] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-5e144689] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-5e144689] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-5e144689] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-5e144689] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-5e144689] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-5e144689] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-5e144689] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-5e144689] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-5e144689] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-5e144689] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-5e144689] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-5e144689] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-5e144689] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-5e144689] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-5e144689] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-5e144689] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-5e144689] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-5e144689] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-5e144689] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-5e144689] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-5e144689] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-5e144689] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-5e144689] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-5e144689] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-5e144689] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-5e144689] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-5e144689] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-5e144689] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-5e144689] {
        height: 56px !important
    }
}

input.form-control[data-v-5e144689], input[data-v-5e144689], select.form-control[data-v-5e144689], select[data-v-5e144689] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-5e144689] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-5e144689] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-5e144689] {
    line-height: 100%
}

.button.btn-long[data-v-5e144689] {
    padding: 10px 40px
}

.button.btn-radius[data-v-5e144689] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-5e144689] {
    border-radius: 20px
}

.button.btn-full[data-v-5e144689] {
    width: 100%
}

.button.btn-80[data-v-5e144689] {
    width: 80%
}

.button.hasIcon[data-v-5e144689] {
    padding-left: 50px
}

.button a[data-v-5e144689] {
    display: block
}

.button .labelIcon[data-v-5e144689] {
    position: absolute
}

.button .labelIcon svg[data-v-5e144689] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-5e144689] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-5e144689]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-5e144689] {
    outline: none
}

.keyboard-input-wrap[data-v-5e144689] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-5e144689] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-5e144689] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-5e144689] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-5e144689] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-5e144689] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-5e144689] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-5e144689] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-5e144689] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-5e144689] {
    font-size: 1.2em
}

.color-white[data-v-5e144689] {
    color: #fff
}

.color-white-50[data-v-5e144689] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-5e144689] {
    display: none
}

.ld-loading .loading[data-v-5e144689], .main-loading .loading[data-v-5e144689] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-5e144689] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-5e144689]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-5e144689]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-5e144689] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-5e144689] {
    -webkit-animation: rotate-data-v-5e144689 1s linear infinite;
    animation: rotate-data-v-5e144689 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-5e144689] {
    stroke: transparent
}

.wrapNotify[data-v-5e144689] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-5e144689] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-5e144689] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-5e144689] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-5e144689] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-5e144689] {
    display: block
}

.wrapNotify .close-notify[data-v-5e144689] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-5e144689] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-5e144689] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-5e144689] {
    background-color: transparent
}

.colorWhite[data-v-5e144689] {
    color: #fff
}

.colorRed[data-v-5e144689] {
    color: #f46273
}

.colorGreen[data-v-5e144689] {
    color: #31baa0
}

.colorGray[data-v-5e144689] {
    color: #7c7c7c
}

.tableBackground[data-v-5e144689] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-5e144689] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-5e144689], .tableBackground .table-dark th[data-v-5e144689] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-5e144689]:after, .tableBackground .table-dark th[data-v-5e144689]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-5e144689] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-5e144689], .tableBackground .table-dark th[data-v-5e144689] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-5e144689]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-5e144689]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-5e144689] {
    background-color: #060642
}

.tableBackground #paging li[data-v-5e144689] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-5e144689] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-5e144689] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-5e144689], .customeTradeHistory[data-v-5e144689] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-5e144689], .customeTradeHistory .reportrange-text[data-v-5e144689] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-5e144689], .customeTradeHistory .reportrange-text .seperate[data-v-5e144689] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-5e144689], .customeTradeHistory .reportrange-text span[data-v-5e144689] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-5e144689] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-5e144689] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-5e144689] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-5e144689]:after, .startDate .daterangepicker.openscenter[data-v-5e144689]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-5e144689] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-5e144689] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-5e144689] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-5e144689] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-5e144689] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-5e144689] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-5e144689] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-5e144689] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-5e144689] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-5e144689] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-5e144689] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-5e144689] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-5e144689] {
    text-align: center
}

.border-none[data-v-5e144689] {
    border: none
}

.text-domain[data-v-5e144689]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-5e144689] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-5e144689] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-5e144689] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-5e144689] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-5e144689] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-5e144689] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-5e144689] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-5e144689] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-5e144689] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-5e144689] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-5e144689] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-5e144689] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-5e144689] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-5e144689] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-5e144689] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-5e144689] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-5e144689] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-5e144689] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-5e144689] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-5e144689] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-5e144689] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-5e144689] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-5e144689] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-5e144689] {
    fill: #000
}

.btn-active-paging[data-v-5e144689] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-5e144689] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-5e144689] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-5e144689] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-5e144689], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-5e144689] {
    background: #8b8d96 !important
}

.transactionBox[data-v-5e144689] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-5e144689] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-5e144689] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-5e144689] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-5e144689] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-5e144689] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-5e144689] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-5e144689] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-5e144689] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-5e144689] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-5e144689] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-5e144689] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-5e144689] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-5e144689] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-5e144689] {
    color: #2a74f9 !important
}

.keyboardAmount .bagItem[data-v-5e144689] {
    width: 100%;
    display: inline-block;
    padding: .5rem .75rem;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    border-radius: 4px;
    background-color: rgb(29, 35, 59)
}

    .keyboardAmount .bagItem[data-v-5e144689]:hover {
        background-color: #2a74f9
    }

.keyboardAmount .row[data-v-5e144689] {
    margin-left: -4px;
    margin-right: -4px
}

.keyboardAmount .row [class*=col-][data-v-5e144689] {
    padding-left: 4px;
    padding-right: 4px
}

.keyboardAmount .mb-2[data-v-5e144689] {
    margin-bottom: .25rem !important
}

body[data-v-6663a824] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-6663a824]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-6663a824]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-6663a824]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-6663a824] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-6663a824]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-6663a824]::-webkit-inner-spin-button, input[data-v-6663a824]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-6663a824] {
    -moz-appearance: textfield
}

button[data-v-6663a824]:focus, input[data-v-6663a824]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-6663a824] {
    font-size: 8px
}

.font-10[data-v-6663a824] {
    font-size: .6rem !important
}

.font-12[data-v-6663a824] {
    font-size: 12px
}

.font-14[data-v-6663a824] {
    font-size: 14px
}

.font-16[data-v-6663a824] {
    font-size: 16px
}

.font-18[data-v-6663a824] {
    font-size: 18px
}

.font-20[data-v-6663a824] {
    font-size: 20px
}

.font-24[data-v-6663a824] {
    font-size: 24px
}

.font-32[data-v-6663a824] {
    font-size: 32px
}

.font-34[data-v-6663a824] {
    font-size: 34px
}

.font-40[data-v-6663a824] {
    font-size: 2.5rem !important
}

.font-44[data-v-6663a824] {
    font-size: 44px
}

.colorPrimary[data-v-6663a824] {
    color: #2a74f9
}

.colorPrimary1[data-v-6663a824] {
    color: #000 !important
}

.colorSecondary[data-v-6663a824] {
    color: #fff !important
}

.colorSecondary1[data-v-6663a824] {
    color: #414141 !important
}

.colorSecondary2[data-v-6663a824] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-6663a824] {
    color: #0d0d0d
}

.colorSecondary4[data-v-6663a824] {
    color: #02142b
}

.colorSecondary5[data-v-6663a824] {
    color: #1a1e24
}

.colorSecondary6[data-v-6663a824] {
    color: #fafafa
}

.colorSecondary7[data-v-6663a824] {
    color: #333
}

.colorSecondary8[data-v-6663a824] {
    color: #0e0031
}

.colorSuccess[data-v-6663a824] {
    color: #31baa0
}

.colorWarning[data-v-6663a824] {
    color: #ffcf5c
}

.colorDanger[data-v-6663a824] {
    color: #f46273
}

.fillPrimary[data-v-6663a824] {
    fill: #2a74f9
}

.fillWarning[data-v-6663a824] {
    fill: #ffcf5c
}

.fillDanger[data-v-6663a824] {
    fill: #f46273
}

.fillSecondary1[data-v-6663a824] {
    fill: #414141
}

.fillSecondary2[data-v-6663a824] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-6663a824] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-6663a824] {
    fill: #02142b
}

.fillSecondary5[data-v-6663a824] {
    fill: #1a1e24
}

.fillSecondary6[data-v-6663a824] {
    fill: #fafafa
}

.fillSecondary7[data-v-6663a824] {
    fill: #333
}

.fillSecondary8[data-v-6663a824] {
    fill: #0e0031
}

.textnote-notidesc[data-v-6663a824] {
    color: #fff
}

.bgColor0[data-v-6663a824] {
    background-color: transparent
}

.bgPrimary-hover[data-v-6663a824]:hover, .bgPrimary[data-v-6663a824] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-6663a824]:hover, .bgPrimary1[data-v-6663a824] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-6663a824]:hover, .bgPrimary2[data-v-6663a824] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-6663a824]:hover, .bgSecondary[data-v-6663a824] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-6663a824]:hover, .bgSecondary1[data-v-6663a824] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-6663a824]:hover, .bgSecondary2[data-v-6663a824] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-6663a824]:hover, .bgSecondary3[data-v-6663a824] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-6663a824] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-6663a824] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-6663a824]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-6663a824]:hover, .bgSecondary5[data-v-6663a824] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-6663a824]:hover, .bgSecondary6[data-v-6663a824] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-6663a824]:hover, .bgSecondary7[data-v-6663a824] {
    background-color: #333 !important
}

.bgSecondary8[data-v-6663a824] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-6663a824]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-6663a824] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-6663a824]:hover, .bgSuccess[data-v-6663a824] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-6663a824] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-6663a824] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-6663a824]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-6663a824] {
    fill: #31baa0
}

.w-14-px[data-v-6663a824] {
    width: 14px
}

.max-width-50[data-v-6663a824] {
    max-width: 50%
}

.h-60-px[data-v-6663a824] {
    height: 60px
}

.h-100-px[data-v-6663a824] {
    height: 100px
}

.mb-16-px[data-v-6663a824] {
    margin-bottom: 16px
}

.mb-30-px[data-v-6663a824] {
    margin-bottom: 30px
}

.borderRounded[data-v-6663a824] {
    border-radius: 5px
}

.borderPrimary[data-v-6663a824] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-6663a824] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-6663a824] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-6663a824] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-6663a824] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-6663a824] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-6663a824] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-6663a824] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-6663a824] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-6663a824] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-6663a824] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-6663a824] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-6663a824] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-6663a824] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-6663a824]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-6663a824] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-6663a824] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-6663a824] {
    padding: 1px
}

.px-1-px[data-v-6663a824] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-6663a824] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-6663a824] {
    padding-left: 1px
}

.pr-1-px[data-v-6663a824] {
    padding-right: 1px
}

.pt-1-px[data-v-6663a824] {
    padding-top: 1px
}

.pb-1-px[data-v-6663a824] {
    padding-bottom: 1px
}

.p-2-px[data-v-6663a824] {
    padding: 2px
}

.px-2-px[data-v-6663a824] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-6663a824] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-6663a824] {
    padding-left: 2px
}

.pr-2-px[data-v-6663a824] {
    padding-right: 2px
}

.pt-2-px[data-v-6663a824] {
    padding-top: 2px
}

.pb-2-px[data-v-6663a824] {
    padding-bottom: 2px
}

.p-8-px[data-v-6663a824] {
    padding: 8px
}

.px-8-px[data-v-6663a824] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-6663a824] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-6663a824] {
    padding-left: 8px
}

.pr-8-px[data-v-6663a824] {
    padding-right: 8px
}

.pt-8-px[data-v-6663a824] {
    padding-top: 8px
}

.pb-8-px[data-v-6663a824] {
    padding-bottom: 8px
}

.p-10-px[data-v-6663a824] {
    padding: 10px
}

.px-10-px[data-v-6663a824] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-6663a824] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-6663a824] {
    padding-left: 10px
}

.pr-10-px[data-v-6663a824] {
    padding-right: 10px
}

.pt-10-px[data-v-6663a824] {
    padding-top: 10px
}

.pb-10-px[data-v-6663a824] {
    padding-bottom: 10px
}

.p-12-px[data-v-6663a824] {
    padding: 12px
}

.px-12-px[data-v-6663a824] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-6663a824] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-6663a824] {
    padding-left: 12px
}

.pr-12-px[data-v-6663a824] {
    padding-right: 12px
}

.pt-12-px[data-v-6663a824] {
    padding-top: 12px
}

.pb-12-px[data-v-6663a824] {
    padding-bottom: 12px
}

.p-16-px[data-v-6663a824] {
    padding: 16px
}

.px-16-px[data-v-6663a824] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-6663a824] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-6663a824] {
    padding-left: 16px
}

.pr-16-px[data-v-6663a824] {
    padding-right: 16px
}

.pt-16-px[data-v-6663a824] {
    padding-top: 16px
}

.pb-16-px[data-v-6663a824] {
    padding-bottom: 16px
}

.p-30-px[data-v-6663a824] {
    padding: 30px
}

.px-30-px[data-v-6663a824] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-6663a824] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-6663a824] {
    padding-left: 30px
}

.pr-30-px[data-v-6663a824] {
    padding-right: 30px
}

.pt-30-px[data-v-6663a824] {
    padding-top: 30px
}

.pb-30-px[data-v-6663a824] {
    padding-bottom: 30px
}

.font-30[data-v-6663a824] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-6663a824] {
    font-weight: 700
}

.wbo-title[data-v-6663a824] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-6663a824] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-6663a824] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-6663a824] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-6663a824]:focus {
        outline: 0
    }

    .button[data-v-6663a824]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-6663a824] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-6663a824]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-6663a824] {
    padding: 11px 2.5rem
}

.button.primary[data-v-6663a824], .button.primary[data-v-6663a824]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-6663a824], .text-primary[data-v-6663a824], a .primary-hover[data-v-6663a824]:hover {
    color: #000 !important
}

ul[data-v-6663a824] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-6663a824], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-6663a824] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-6663a824]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-6663a824]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-6663a824], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-6663a824], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-6663a824]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-6663a824], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-6663a824], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-6663a824]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-6663a824], .faqsContent .content .navigator ul li a.active[data-v-6663a824]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-6663a824]:hover {
    color: #000
}

.ps[data-v-6663a824] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-6663a824] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-6663a824], .ps__rail-y[data-v-6663a824] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-6663a824] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-6663a824], .ps--active-y > .ps__rail-y[data-v-6663a824] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-6663a824], .ps--focus > .ps__rail-y[data-v-6663a824], .ps--scrolling-x > .ps__rail-x[data-v-6663a824], .ps--scrolling-y > .ps__rail-y[data-v-6663a824], .ps:hover > .ps__rail-x[data-v-6663a824], .ps:hover > .ps__rail-y[data-v-6663a824] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-6663a824], .ps .ps__rail-x[data-v-6663a824]:focus, .ps .ps__rail-x[data-v-6663a824]:hover, .ps .ps__rail-y.ps--clicking[data-v-6663a824], .ps .ps__rail-y[data-v-6663a824]:focus, .ps .ps__rail-y[data-v-6663a824]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-6663a824] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-6663a824] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-6663a824], .ps__rail-x:focus > .ps__thumb-x[data-v-6663a824], .ps__rail-x:hover > .ps__thumb-x[data-v-6663a824] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-6663a824], .ps__rail-y:focus > .ps__thumb-y[data-v-6663a824], .ps__rail-y:hover > .ps__thumb-y[data-v-6663a824] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-6663a824] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-6663a824] {
        overflow: auto !important
    }
}

.md-field[data-v-6663a824] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-6663a824] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-6663a824] {
    color: #2a74f9
}

.md-field .md-error[data-v-6663a824] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-6663a824] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-6663a824], .md-field.md-has-value label[data-v-6663a824] {
    top: -10px
}

.form-control[data-v-6663a824], .md-field .md-input[data-v-6663a824], .md-field .md-textarea[data-v-6663a824], .winput[data-v-6663a824] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-6663a824] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-6663a824] {
    fill: #0d0d0d
}

.round[data-v-6663a824] {
    border-radius: 5px
}

.off[data-v-6663a824] {
    position: relative;
    cursor: default
}

.off > [data-v-6663a824] {
    opacity: .5
}

.off[data-v-6663a824]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-6663a824] {
    cursor: pointer
}

.close-page[data-v-6663a824] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-6663a824] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-6663a824], .slide-fade-leave-active[data-v-6663a824] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-6663a824], .slide-fade-leave-to[data-v-6663a824] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-6663a824 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-6663a824 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-6663a824] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-6663a824] {
    color: #ffcf5c
}

.button[data-v-6663a824] {
    font-weight: 700
}

.modal .modal-dialog[data-v-6663a824] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-6663a824] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-6663a824] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-6663a824], .modal .modal-dialog .modal-header[data-v-6663a824] {
    border: none
}

#chartCommisst .highcharts-title[data-v-6663a824] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-6663a824] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-6663a824] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-6663a824], .modal .modal-dialog form[data-v-6663a824] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-6663a824] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-6663a824], .FaqsDetail[data-v-6663a824] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-6663a824], .FaqsDetail[data-v-6663a824] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-6663a824], .FaqsDetail .headerMaster .boxHeader[data-v-6663a824] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-6663a824], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-6663a824] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-6663a824], .Faqs main[data-v-6663a824] {
    background-color: unset
}

.titleChartCandle[data-v-6663a824] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-6663a824] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-6663a824] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-6663a824] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-6663a824], .plotlineChart .time[data-v-6663a824] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-6663a824] {
    top: 51px
}

.boxHeader[data-v-6663a824] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-6663a824], .boxHeader .register[data-v-6663a824] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-6663a824] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-6663a824] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-6663a824] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-6663a824] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-6663a824]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-6663a824] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-6663a824]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-6663a824] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-6663a824]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-6663a824] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-6663a824] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-6663a824] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-6663a824] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-6663a824] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-6663a824] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-6663a824] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-6663a824] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-6663a824] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-6663a824] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-6663a824] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-6663a824] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-6663a824] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-6663a824] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-6663a824] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-6663a824] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-6663a824] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-6663a824] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-6663a824] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-6663a824] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-6663a824] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-6663a824] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-6663a824] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-6663a824] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-6663a824] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-6663a824] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-6663a824] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-6663a824] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-6663a824] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-6663a824] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-6663a824] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-6663a824] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-6663a824] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-6663a824] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-6663a824] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-6663a824] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-6663a824] {
        height: 56px !important
    }
}

input.form-control[data-v-6663a824], input[data-v-6663a824], select.form-control[data-v-6663a824], select[data-v-6663a824] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-6663a824] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-6663a824] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-6663a824] {
    line-height: 100%
}

.button.btn-long[data-v-6663a824] {
    padding: 10px 40px
}

.button.btn-radius[data-v-6663a824] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-6663a824] {
    border-radius: 20px
}

.button.btn-full[data-v-6663a824] {
    width: 100%
}

.button.btn-80[data-v-6663a824] {
    width: 80%
}

.button.hasIcon[data-v-6663a824] {
    padding-left: 50px
}

.button a[data-v-6663a824] {
    display: block
}

.button .labelIcon[data-v-6663a824] {
    position: absolute
}

.button .labelIcon svg[data-v-6663a824] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-6663a824] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-6663a824]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-6663a824] {
    outline: none
}

.keyboard-input-wrap[data-v-6663a824] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-6663a824] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-6663a824] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-6663a824] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-6663a824] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-6663a824] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-6663a824] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-6663a824] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-6663a824] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-6663a824] {
    font-size: 1.2em
}

.color-white[data-v-6663a824] {
    color: #fff
}

.color-white-50[data-v-6663a824] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-6663a824] {
    display: none
}

.ld-loading .loading[data-v-6663a824], .main-loading .loading[data-v-6663a824] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-6663a824] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-6663a824]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-6663a824]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-6663a824] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-6663a824] {
    -webkit-animation: rotate-data-v-6663a824 1s linear infinite;
    animation: rotate-data-v-6663a824 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-6663a824] {
    stroke: transparent
}

.wrapNotify[data-v-6663a824] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-6663a824] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-6663a824] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-6663a824] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-6663a824] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-6663a824] {
    display: block
}

.wrapNotify .close-notify[data-v-6663a824] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-6663a824] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-6663a824] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-6663a824] {
    background-color: transparent
}

.colorWhite[data-v-6663a824] {
    color: #fff
}

.colorRed[data-v-6663a824] {
    color: #f46273
}

.colorGreen[data-v-6663a824] {
    color: #31baa0
}

.colorGray[data-v-6663a824] {
    color: #7c7c7c
}

.tableBackground[data-v-6663a824] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-6663a824] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-6663a824], .tableBackground .table-dark th[data-v-6663a824] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-6663a824]:after, .tableBackground .table-dark th[data-v-6663a824]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-6663a824] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-6663a824], .tableBackground .table-dark th[data-v-6663a824] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-6663a824]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-6663a824]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-6663a824] {
    background-color: #060642
}

.tableBackground #paging li[data-v-6663a824] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-6663a824] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-6663a824] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-6663a824], .customeTradeHistory[data-v-6663a824] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-6663a824], .customeTradeHistory .reportrange-text[data-v-6663a824] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-6663a824], .customeTradeHistory .reportrange-text .seperate[data-v-6663a824] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-6663a824], .customeTradeHistory .reportrange-text span[data-v-6663a824] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-6663a824] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-6663a824] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-6663a824] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-6663a824]:after, .startDate .daterangepicker.openscenter[data-v-6663a824]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-6663a824] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-6663a824] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-6663a824] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-6663a824] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-6663a824] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-6663a824] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-6663a824] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-6663a824] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-6663a824] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-6663a824] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-6663a824] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-6663a824] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-6663a824] {
    text-align: center
}

.border-none[data-v-6663a824] {
    border: none
}

.text-domain[data-v-6663a824]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-6663a824] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-6663a824] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-6663a824] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-6663a824] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-6663a824] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-6663a824] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-6663a824] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-6663a824] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-6663a824] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-6663a824] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-6663a824] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-6663a824] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-6663a824] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-6663a824] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-6663a824] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-6663a824] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-6663a824] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-6663a824] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-6663a824] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-6663a824] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-6663a824] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-6663a824] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-6663a824] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-6663a824] {
    fill: #000
}

.btn-active-paging[data-v-6663a824] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-6663a824] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-6663a824] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-6663a824] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-6663a824], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-6663a824] {
    background: #8b8d96 !important
}

.transactionBox[data-v-6663a824] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-6663a824] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-6663a824] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-6663a824] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-6663a824] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-6663a824] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-6663a824] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-6663a824] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-6663a824] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-6663a824] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-6663a824] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-6663a824] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-6663a824] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-6663a824] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-6663a824] {
    color: #2a74f9 !important
}

.wrapper-main-content[data-v-6663a824] {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    overflow-y: auto;
    min-height: calc(100vh - 65px);
    border-top: 2px solid #000;
}

.spaceTop[data-v-6663a824] {
    background-color: transparent;
    height: 65px
}

@media (max-width:768px) {
    .spaceTop[data-v-6663a824] {
        background-color: transparent;
        height: 56px
    }
}

#main-content[data-v-6663a824] {
    width: 100%;
    background-color: #011022;
}

@media (max-width:768px) {
/*    .wrapper[data-v-6663a824] {
        padding-top: 56px
    }*/
}

body[data-v-7a073fd5] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-7a073fd5]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-7a073fd5]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-7a073fd5]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-7a073fd5] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-7a073fd5]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-7a073fd5]::-webkit-inner-spin-button, input[data-v-7a073fd5]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-7a073fd5] {
    -moz-appearance: textfield
}

button[data-v-7a073fd5]:focus, input[data-v-7a073fd5]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-7a073fd5] {
    font-size: 8px
}

.font-10[data-v-7a073fd5] {
    font-size: .6rem !important
}

.font-12[data-v-7a073fd5] {
    font-size: 12px
}

.font-14[data-v-7a073fd5] {
    font-size: 14px
}

.font-16[data-v-7a073fd5] {
    font-size: 16px
}

.font-18[data-v-7a073fd5] {
    font-size: 18px
}

.font-20[data-v-7a073fd5] {
    font-size: 20px
}

.font-24[data-v-7a073fd5] {
    font-size: 24px
}

.font-32[data-v-7a073fd5] {
    font-size: 32px
}

.font-34[data-v-7a073fd5] {
    font-size: 34px
}

.font-40[data-v-7a073fd5] {
    font-size: 2.5rem !important
}

.font-44[data-v-7a073fd5] {
    font-size: 44px
}

.colorPrimary[data-v-7a073fd5] {
    color: #2a74f9
}

.colorPrimary1[data-v-7a073fd5] {
    color: #000 !important
}

.colorSecondary[data-v-7a073fd5] {
    color: #fff !important
}

.colorSecondary1[data-v-7a073fd5] {
    color: #414141 !important
}

.colorSecondary2[data-v-7a073fd5] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-7a073fd5] {
    color: #0d0d0d
}

.colorSecondary4[data-v-7a073fd5] {
    color: #02142b
}

.colorSecondary5[data-v-7a073fd5] {
    color: #1a1e24
}

.colorSecondary6[data-v-7a073fd5] {
    color: #fafafa
}

.colorSecondary7[data-v-7a073fd5] {
    color: #333
}

.colorSecondary8[data-v-7a073fd5] {
    color: #0e0031
}

.colorSuccess[data-v-7a073fd5] {
    color: #31baa0
}

.colorWarning[data-v-7a073fd5] {
    color: #ffcf5c
}

.colorDanger[data-v-7a073fd5] {
    color: #f46273
}

.fillPrimary[data-v-7a073fd5] {
    fill: #2a74f9
}

.fillWarning[data-v-7a073fd5] {
    fill: #ffcf5c
}

.fillDanger[data-v-7a073fd5] {
    fill: #f46273
}

.fillSecondary1[data-v-7a073fd5] {
    fill: #414141
}

.fillSecondary2[data-v-7a073fd5] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-7a073fd5] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-7a073fd5] {
    fill: #02142b
}

.fillSecondary5[data-v-7a073fd5] {
    fill: #1a1e24
}

.fillSecondary6[data-v-7a073fd5] {
    fill: #fafafa
}

.fillSecondary7[data-v-7a073fd5] {
    fill: #333
}

.fillSecondary8[data-v-7a073fd5] {
    fill: #0e0031
}

.textnote-notidesc[data-v-7a073fd5] {
    color: #fff
}

.bgColor0[data-v-7a073fd5] {
    background-color: transparent
}

.bgPrimary-hover[data-v-7a073fd5]:hover, .bgPrimary[data-v-7a073fd5] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-7a073fd5]:hover, .bgPrimary1[data-v-7a073fd5] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-7a073fd5]:hover, .bgPrimary2[data-v-7a073fd5] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-7a073fd5]:hover, .bgSecondary[data-v-7a073fd5] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-7a073fd5]:hover, .bgSecondary1[data-v-7a073fd5] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-7a073fd5]:hover, .bgSecondary2[data-v-7a073fd5] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-7a073fd5]:hover, .bgSecondary3[data-v-7a073fd5] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-7a073fd5] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-7a073fd5] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-7a073fd5]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-7a073fd5]:hover, .bgSecondary5[data-v-7a073fd5] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-7a073fd5]:hover, .bgSecondary6[data-v-7a073fd5] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-7a073fd5]:hover, .bgSecondary7[data-v-7a073fd5] {
    background-color: #333 !important
}

.bgSecondary8[data-v-7a073fd5] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-7a073fd5]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-7a073fd5] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-7a073fd5]:hover, .bgSuccess[data-v-7a073fd5] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-7a073fd5] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-7a073fd5] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-7a073fd5]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-7a073fd5] {
    fill: #31baa0
}

.w-14-px[data-v-7a073fd5] {
    width: 14px
}

.max-width-50[data-v-7a073fd5] {
    max-width: 50%
}

.h-60-px[data-v-7a073fd5] {
    height: 60px
}

.h-100-px[data-v-7a073fd5] {
    height: 100px
}

.mb-16-px[data-v-7a073fd5] {
    margin-bottom: 16px
}

.mb-30-px[data-v-7a073fd5] {
    margin-bottom: 30px
}

.borderRounded[data-v-7a073fd5] {
    border-radius: 5px
}

.borderPrimary[data-v-7a073fd5] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-7a073fd5] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-7a073fd5] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-7a073fd5] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-7a073fd5] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-7a073fd5] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-7a073fd5] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-7a073fd5] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-7a073fd5] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-7a073fd5] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-7a073fd5] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-7a073fd5] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-7a073fd5] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-7a073fd5] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-7a073fd5]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-7a073fd5] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-7a073fd5] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-7a073fd5] {
    padding: 1px
}

.px-1-px[data-v-7a073fd5] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-7a073fd5] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-7a073fd5] {
    padding-left: 1px
}

.pr-1-px[data-v-7a073fd5] {
    padding-right: 1px
}

.pt-1-px[data-v-7a073fd5] {
    padding-top: 1px
}

.pb-1-px[data-v-7a073fd5] {
    padding-bottom: 1px
}

.p-2-px[data-v-7a073fd5] {
    padding: 2px
}

.px-2-px[data-v-7a073fd5] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-7a073fd5] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-7a073fd5] {
    padding-left: 2px
}

.pr-2-px[data-v-7a073fd5] {
    padding-right: 2px
}

.pt-2-px[data-v-7a073fd5] {
    padding-top: 2px
}

.pb-2-px[data-v-7a073fd5] {
    padding-bottom: 2px
}

.p-8-px[data-v-7a073fd5] {
    padding: 8px
}

.px-8-px[data-v-7a073fd5] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-7a073fd5] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-7a073fd5] {
    padding-left: 8px
}

.pr-8-px[data-v-7a073fd5] {
    padding-right: 8px
}

.pt-8-px[data-v-7a073fd5] {
    padding-top: 8px
}

.pb-8-px[data-v-7a073fd5] {
    padding-bottom: 8px
}

.p-10-px[data-v-7a073fd5] {
    padding: 10px
}

.px-10-px[data-v-7a073fd5] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-7a073fd5] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-7a073fd5] {
    padding-left: 10px
}

.pr-10-px[data-v-7a073fd5] {
    padding-right: 10px
}

.pt-10-px[data-v-7a073fd5] {
    padding-top: 10px
}

.pb-10-px[data-v-7a073fd5] {
    padding-bottom: 10px
}

.p-12-px[data-v-7a073fd5] {
    padding: 12px
}

.px-12-px[data-v-7a073fd5] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-7a073fd5] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-7a073fd5] {
    padding-left: 12px
}

.pr-12-px[data-v-7a073fd5] {
    padding-right: 12px
}

.pt-12-px[data-v-7a073fd5] {
    padding-top: 12px
}

.pb-12-px[data-v-7a073fd5] {
    padding-bottom: 12px
}

.p-16-px[data-v-7a073fd5] {
    padding: 16px
}

.px-16-px[data-v-7a073fd5] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-7a073fd5] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-7a073fd5] {
    padding-left: 16px
}

.pr-16-px[data-v-7a073fd5] {
    padding-right: 16px
}

.pt-16-px[data-v-7a073fd5] {
    padding-top: 16px
}

.pb-16-px[data-v-7a073fd5] {
    padding-bottom: 16px
}

.p-30-px[data-v-7a073fd5] {
    padding: 30px
}

.px-30-px[data-v-7a073fd5] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-7a073fd5] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-7a073fd5] {
    padding-left: 30px
}

.pr-30-px[data-v-7a073fd5] {
    padding-right: 30px
}

.pt-30-px[data-v-7a073fd5] {
    padding-top: 30px
}

.pb-30-px[data-v-7a073fd5] {
    padding-bottom: 30px
}

.font-30[data-v-7a073fd5] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-7a073fd5] {
    font-weight: 700
}

.wbo-title[data-v-7a073fd5] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-7a073fd5] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-7a073fd5] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-7a073fd5] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-7a073fd5]:focus {
        outline: 0
    }

    .button[data-v-7a073fd5]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-7a073fd5] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-7a073fd5]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-7a073fd5] {
    padding: 11px 2.5rem
}

.button.primary[data-v-7a073fd5], .button.primary[data-v-7a073fd5]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-7a073fd5], .text-primary[data-v-7a073fd5], a .primary-hover[data-v-7a073fd5]:hover {
    color: #000 !important
}

ul[data-v-7a073fd5] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-7a073fd5], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-7a073fd5] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-7a073fd5]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-7a073fd5]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-7a073fd5], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-7a073fd5], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-7a073fd5]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-7a073fd5], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-7a073fd5], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-7a073fd5]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-7a073fd5], .faqsContent .content .navigator ul li a.active[data-v-7a073fd5]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-7a073fd5]:hover {
    color: #000
}

.ps[data-v-7a073fd5] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-7a073fd5] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-7a073fd5], .ps__rail-y[data-v-7a073fd5] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-7a073fd5] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-7a073fd5], .ps--active-y > .ps__rail-y[data-v-7a073fd5] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-7a073fd5], .ps--focus > .ps__rail-y[data-v-7a073fd5], .ps--scrolling-x > .ps__rail-x[data-v-7a073fd5], .ps--scrolling-y > .ps__rail-y[data-v-7a073fd5], .ps:hover > .ps__rail-x[data-v-7a073fd5], .ps:hover > .ps__rail-y[data-v-7a073fd5] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-7a073fd5], .ps .ps__rail-x[data-v-7a073fd5]:focus, .ps .ps__rail-x[data-v-7a073fd5]:hover, .ps .ps__rail-y.ps--clicking[data-v-7a073fd5], .ps .ps__rail-y[data-v-7a073fd5]:focus, .ps .ps__rail-y[data-v-7a073fd5]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-7a073fd5] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-7a073fd5] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-7a073fd5], .ps__rail-x:focus > .ps__thumb-x[data-v-7a073fd5], .ps__rail-x:hover > .ps__thumb-x[data-v-7a073fd5] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-7a073fd5], .ps__rail-y:focus > .ps__thumb-y[data-v-7a073fd5], .ps__rail-y:hover > .ps__thumb-y[data-v-7a073fd5] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-7a073fd5] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-7a073fd5] {
        overflow: auto !important
    }
}

.md-field[data-v-7a073fd5] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-7a073fd5] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-7a073fd5] {
    color: #2a74f9
}

.md-field .md-error[data-v-7a073fd5] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-7a073fd5] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-7a073fd5], .md-field.md-has-value label[data-v-7a073fd5] {
    top: -10px
}

.form-control[data-v-7a073fd5], .md-field .md-input[data-v-7a073fd5], .md-field .md-textarea[data-v-7a073fd5], .winput[data-v-7a073fd5] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-7a073fd5] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-7a073fd5] {
    fill: #0d0d0d
}

.round[data-v-7a073fd5] {
    border-radius: 5px
}

.off[data-v-7a073fd5] {
    position: relative;
    cursor: default
}

.off > [data-v-7a073fd5] {
    opacity: .5
}

.off[data-v-7a073fd5]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-7a073fd5] {
    cursor: pointer
}

.close-page[data-v-7a073fd5] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-7a073fd5] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-7a073fd5], .slide-fade-leave-active[data-v-7a073fd5] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-7a073fd5], .slide-fade-leave-to[data-v-7a073fd5] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-7a073fd5 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-7a073fd5 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-7a073fd5] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-7a073fd5] {
    color: #ffcf5c
}

.button[data-v-7a073fd5] {
    font-weight: 700
}

.modal .modal-dialog[data-v-7a073fd5] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-7a073fd5] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-7a073fd5] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-7a073fd5], .modal .modal-dialog .modal-header[data-v-7a073fd5] {
    border: none
}

#chartCommisst .highcharts-title[data-v-7a073fd5] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-7a073fd5] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-7a073fd5] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-7a073fd5], .modal .modal-dialog form[data-v-7a073fd5] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-7a073fd5] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-7a073fd5], .FaqsDetail[data-v-7a073fd5] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-7a073fd5], .FaqsDetail[data-v-7a073fd5] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-7a073fd5], .FaqsDetail .headerMaster .boxHeader[data-v-7a073fd5] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-7a073fd5], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-7a073fd5] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-7a073fd5], .Faqs main[data-v-7a073fd5] {
    background-color: unset
}

.titleChartCandle[data-v-7a073fd5] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-7a073fd5] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-7a073fd5] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-7a073fd5] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-7a073fd5], .plotlineChart .time[data-v-7a073fd5] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-7a073fd5] {
    top: 51px
}

.boxHeader[data-v-7a073fd5] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-7a073fd5], .boxHeader .register[data-v-7a073fd5] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-7a073fd5] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-7a073fd5] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-7a073fd5] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-7a073fd5] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-7a073fd5]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-7a073fd5] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-7a073fd5]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-7a073fd5] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-7a073fd5]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-7a073fd5] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-7a073fd5] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-7a073fd5] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-7a073fd5] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-7a073fd5] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-7a073fd5] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-7a073fd5] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-7a073fd5] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-7a073fd5] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-7a073fd5] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-7a073fd5] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-7a073fd5] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-7a073fd5] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-7a073fd5] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-7a073fd5] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-7a073fd5] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-7a073fd5] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-7a073fd5] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-7a073fd5] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-7a073fd5] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-7a073fd5] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-7a073fd5] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-7a073fd5] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-7a073fd5] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-7a073fd5] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-7a073fd5] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-7a073fd5] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-7a073fd5] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-7a073fd5] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-7a073fd5] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-7a073fd5] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-7a073fd5] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-7a073fd5] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-7a073fd5] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-7a073fd5] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-7a073fd5] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-7a073fd5] {
        height: 56px !important
    }
}

input.form-control[data-v-7a073fd5], input[data-v-7a073fd5], select.form-control[data-v-7a073fd5], select[data-v-7a073fd5] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-7a073fd5] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-7a073fd5] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-7a073fd5] {
    line-height: 100%
}

.button.btn-long[data-v-7a073fd5] {
    padding: 10px 40px
}

.button.btn-radius[data-v-7a073fd5] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-7a073fd5] {
    border-radius: 20px
}

.button.btn-full[data-v-7a073fd5] {
    width: 100%
}

.button.btn-80[data-v-7a073fd5] {
    width: 80%
}

.button.hasIcon[data-v-7a073fd5] {
    padding-left: 50px
}

.button a[data-v-7a073fd5] {
    display: block
}

.button .labelIcon[data-v-7a073fd5] {
    position: absolute
}

.button .labelIcon svg[data-v-7a073fd5] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-7a073fd5] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-7a073fd5]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-7a073fd5] {
    outline: none
}

.keyboard-input-wrap[data-v-7a073fd5] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-7a073fd5] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-7a073fd5] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-7a073fd5] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-7a073fd5] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-7a073fd5] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-7a073fd5] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-7a073fd5] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-7a073fd5] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-7a073fd5] {
    font-size: 1.2em
}

.color-white[data-v-7a073fd5] {
    color: #fff
}

.color-white-50[data-v-7a073fd5] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-7a073fd5] {
    display: none
}

.ld-loading .loading[data-v-7a073fd5], .main-loading .loading[data-v-7a073fd5] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-7a073fd5] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-7a073fd5]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-7a073fd5]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-7a073fd5] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-7a073fd5] {
    -webkit-animation: rotate-data-v-7a073fd5 1s linear infinite;
    animation: rotate-data-v-7a073fd5 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-7a073fd5] {
    stroke: transparent
}

.wrapNotify[data-v-7a073fd5] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-7a073fd5] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-7a073fd5] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-7a073fd5] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-7a073fd5] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-7a073fd5] {
    display: block
}

.wrapNotify .close-notify[data-v-7a073fd5] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-7a073fd5] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-7a073fd5] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-7a073fd5] {
    background-color: transparent
}

.colorWhite[data-v-7a073fd5] {
    color: #fff
}

.colorRed[data-v-7a073fd5] {
    color: #f46273
}

.colorGreen[data-v-7a073fd5] {
    color: #31baa0
}

.colorGray[data-v-7a073fd5] {
    color: #7c7c7c
}

.tableBackground[data-v-7a073fd5] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-7a073fd5] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-7a073fd5], .tableBackground .table-dark th[data-v-7a073fd5] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-7a073fd5]:after, .tableBackground .table-dark th[data-v-7a073fd5]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-7a073fd5] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-7a073fd5], .tableBackground .table-dark th[data-v-7a073fd5] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-7a073fd5]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-7a073fd5]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-7a073fd5] {
    background-color: #060642
}

.tableBackground #paging li[data-v-7a073fd5] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-7a073fd5] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-7a073fd5] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-7a073fd5], .customeTradeHistory[data-v-7a073fd5] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-7a073fd5], .customeTradeHistory .reportrange-text[data-v-7a073fd5] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-7a073fd5], .customeTradeHistory .reportrange-text .seperate[data-v-7a073fd5] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-7a073fd5], .customeTradeHistory .reportrange-text span[data-v-7a073fd5] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-7a073fd5] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-7a073fd5] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-7a073fd5] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-7a073fd5]:after, .startDate .daterangepicker.openscenter[data-v-7a073fd5]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-7a073fd5] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-7a073fd5] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-7a073fd5] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-7a073fd5] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-7a073fd5] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-7a073fd5] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-7a073fd5] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-7a073fd5] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-7a073fd5] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-7a073fd5] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-7a073fd5] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-7a073fd5] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-7a073fd5] {
    text-align: center
}

.border-none[data-v-7a073fd5] {
    border: none
}

.text-domain[data-v-7a073fd5]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-7a073fd5] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-7a073fd5] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-7a073fd5] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-7a073fd5] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-7a073fd5] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-7a073fd5] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-7a073fd5] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-7a073fd5] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-7a073fd5] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-7a073fd5] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-7a073fd5] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-7a073fd5] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-7a073fd5] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-7a073fd5] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-7a073fd5] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-7a073fd5] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-7a073fd5] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-7a073fd5] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-7a073fd5] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-7a073fd5] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-7a073fd5] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-7a073fd5] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-7a073fd5] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-7a073fd5] {
    fill: #000
}

.btn-active-paging[data-v-7a073fd5] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-7a073fd5] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-7a073fd5] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-7a073fd5] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-7a073fd5], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-7a073fd5] {
    background: #8b8d96 !important
}

.transactionBox[data-v-7a073fd5] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-7a073fd5] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-7a073fd5] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-7a073fd5] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-7a073fd5] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-7a073fd5] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-7a073fd5] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-7a073fd5] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-7a073fd5] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-7a073fd5] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-7a073fd5] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-7a073fd5] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-7a073fd5] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-7a073fd5] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-7a073fd5] {
    color: #2a74f9 !important
}

.top-0[data-v-7a073fd5] {
    top: 0
}

.settings[data-v-7a073fd5] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100
}

.settings .dropdownSetting[data-v-7a073fd5] {
    width: 390px;
    /*height: 220px;*/
    -webkit-transform: translate(-355px,50px) !important;
    transform: translate(-355px,50px) !important;
    background-color: #02142b;
    border: 1px solid #1f2f53;
    border-radius: 10px
}

@media screen and (max-width:768px) {
    .settings .dropdownSetting[data-v-7a073fd5] {
        position: fixed;
        -webkit-transform: translate(0) !important;
        transform: translate(0) !important;
        top: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        border-radius: 0;
        min-width: unset;
        float: unset;
        margin: 0;
        padding: 20px
    }

    .settings .dropdownSetting .close[data-v-7a073fd5] {
        display: block;
        overflow: hidden;
        width: 30px;
        height: 30px
    }

    .settings .dropdownSetting .button[data-v-7a073fd5] {
        background-color: #1a1e24;
        padding: .75rem;
        border-radius: 4px
    }

    .settings .dropdownSetting .setting-mobile .line[data-v-7a073fd5] {
        margin: auto -20px
    }
}

.settings .dropdownSetting .header[data-v-7a073fd5] {
    padding: 0 10px 20px 0;
    position: relative
}

.settings .dropdownSetting .header h4[data-v-7a073fd5] {
    font-size: 24px;
    font-weight: 900;
    color: #fff
}

.settings .dropdownSetting .header .close[data-v-7a073fd5] {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    border-radius: 50%
}

.settings .dropdownSetting .wrap[data-v-7a073fd5] {
    opacity: 1
}

.settings .dropdownSetting .wrap .line[data-v-7a073fd5] {
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.settings .dropdownSetting .wrap .line .control[data-v-7a073fd5], .settings .dropdownSetting .wrap .line .type[data-v-7a073fd5] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.settings .dropdownSetting .wrap .line .control svg[data-v-7a073fd5], .settings .dropdownSetting .wrap .line .type svg[data-v-7a073fd5] {
    margin-right: 5px
}

.settings .dropdownSetting .wrap .line .type[data-v-7a073fd5] {
    font-size: 15px
}

.settings .dropdownSetting .wrap .line .control[data-v-7a073fd5] {
    -webkit-box-flex: 0.05;
    -ms-flex: 0.05 0 135px;
    flex: 0.05 0 135px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.settings .dropdownSetting .wrap .line .control span[data-v-7a073fd5] {
    font-size: 14px
}

.settings .dropdownSetting .wrap .line .long-control[data-v-7a073fd5] {
    -webkit-box-flex: 0.05;
    -ms-flex: 0.05 0 180px;
    flex: 0.05 0 180px
}

.settings .dropdownSetting .wrap .line span[data-v-7a073fd5], .settings .dropdownSetting .wrap .line svg[data-v-7a073fd5] {
    vertical-align: middle
}

.settings .dropdownSetting .wrap .line-language-pc[data-v-7a073fd5] {
    border-bottom: 1px solid #1f2f53
}

.settings .dropdownSetting .wrap .md-radio[data-v-7a073fd5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    padding: 20px;
    border-bottom: 1px solid #1f2f53;
    margin: 0;
    font-size: 16px
}

.settings .dropdownSetting .language .dropdown-toggle[data-v-7a073fd5]:after {
    vertical-align: .1em;
    float: right;
    margin-top: 8px
}

.settings .dropdownSetting .language button[data-v-7a073fd5] {
    font-size: 13px;
    background: #1d233b;
    width: 100%;
    text-align: left
}

.settings .dropdownSetting .language-dropdown[data-v-7a073fd5] {
    background: #02142b;
    border: 1px solid #0d0d0d;
    padding: 0
}

.settings .dropdownSetting .language-dropdown .dropdown-item[data-v-7a073fd5] {
    color: #fff;
    padding: 1rem;
    font-size: 13px;
    border-top: 1px solid #0d0d0d
}

    .settings .dropdownSetting .language-dropdown .dropdown-item[data-v-7a073fd5]:hover, .settings .dropdownSetting .language-dropdown .selectedCode[data-v-7a073fd5] {
        background: #1d233b
    }

.settings .dropdownSetting-mobile[data-v-7a073fd5] {
    padding: 0;
    font-size: 16px
}

.settings .dropdownSetting-mobile .header-mobile[data-v-7a073fd5] {
    background: #000;
    padding: 25px
}

.settings .dropdownSetting-mobile .header-mobile h4[data-v-7a073fd5] {
    margin-bottom: 0
}

.settings .setting-mobile .line[data-v-7a073fd5] {
    background: #1d233b;
    padding: 17px 20px !important
}

.settings .setting-mobile .line .type[data-v-7a073fd5] {
    font-size: 16px !important
}

.settings .setting-mobile .line .control[data-v-7a073fd5] {
    -webkit-box-flex: 0.05;
    -ms-flex: 0.05 0 125px;
    flex: 0.05 0 125px
}

.settings .setting-mobile .line .control span[data-v-7a073fd5] {
    font-size: 16px !important
}

.settings .setting-mobile .control-inner[data-v-7a073fd5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width:1025px) {
    .settings .dropdown-menu[data-v-7a073fd5] {
        padding: 0 15px
    }

    .settings .dropdown-menu .dropdownMenuButton[data-v-7a073fd5], .settings .dropdown-menu .language-dropdown[data-v-7a073fd5] {
        min-width: 160px;
        min-height: 45px
    }
}

.wrap .md-radio .md-radio-container {
    border: 1px solid #1f2f53;
    width: 23px;
    height: 23px;
    color: #fff
}

    .wrap .md-radio .md-radio-container:after {
        background: #fff
    }

body[data-v-029dd595] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-029dd595]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-029dd595]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-029dd595]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-029dd595] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-029dd595]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-029dd595]::-webkit-inner-spin-button, input[data-v-029dd595]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-029dd595] {
    -moz-appearance: textfield
}

button[data-v-029dd595]:focus, input[data-v-029dd595]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-029dd595] {
    font-size: 8px
}

.font-10[data-v-029dd595] {
    font-size: .6rem !important
}

.font-12[data-v-029dd595] {
    font-size: 12px
}

.font-14[data-v-029dd595] {
    font-size: 14px
}

.font-16[data-v-029dd595] {
    font-size: 16px
}

.font-18[data-v-029dd595] {
    font-size: 18px
}

.font-20[data-v-029dd595] {
    font-size: 20px
}

.font-24[data-v-029dd595] {
    font-size: 24px
}

.font-32[data-v-029dd595] {
    font-size: 32px
}

.font-34[data-v-029dd595] {
    font-size: 34px
}

.font-40[data-v-029dd595] {
    font-size: 2.5rem !important
}

.font-44[data-v-029dd595] {
    font-size: 44px
}

.colorPrimary[data-v-029dd595] {
    color: #2a74f9
}

.colorPrimary1[data-v-029dd595] {
    color: #000 !important
}

.colorSecondary[data-v-029dd595] {
    color: #fff !important
}

.colorSecondary1[data-v-029dd595] {
    color: #414141 !important
}

.colorSecondary2[data-v-029dd595] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-029dd595] {
    color: #0d0d0d
}

.colorSecondary4[data-v-029dd595] {
    color: #02142b
}

.colorSecondary5[data-v-029dd595] {
    color: #1a1e24
}

.colorSecondary6[data-v-029dd595] {
    color: #fafafa
}

.colorSecondary7[data-v-029dd595] {
    color: #333
}

.colorSecondary8[data-v-029dd595] {
    color: #0e0031
}

.colorSuccess[data-v-029dd595] {
    color: #31baa0
}

.colorWarning[data-v-029dd595] {
    color: #ffcf5c
}

.colorDanger[data-v-029dd595] {
    color: #f46273
}

.fillPrimary[data-v-029dd595] {
    fill: #2a74f9
}

.fillWarning[data-v-029dd595] {
    fill: #ffcf5c
}

.fillDanger[data-v-029dd595] {
    fill: #f46273
}

.fillSecondary1[data-v-029dd595] {
    fill: #414141
}

.fillSecondary2[data-v-029dd595] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-029dd595] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-029dd595] {
    fill: #02142b
}

.fillSecondary5[data-v-029dd595] {
    fill: #1a1e24
}

.fillSecondary6[data-v-029dd595] {
    fill: #fafafa
}

.fillSecondary7[data-v-029dd595] {
    fill: #333
}

.fillSecondary8[data-v-029dd595] {
    fill: #0e0031
}

.textnote-notidesc[data-v-029dd595] {
    color: #fff
}

.bgColor0[data-v-029dd595] {
    background-color: transparent
}

.bgPrimary-hover[data-v-029dd595]:hover, .bgPrimary[data-v-029dd595] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-029dd595]:hover, .bgPrimary1[data-v-029dd595] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-029dd595]:hover, .bgPrimary2[data-v-029dd595] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-029dd595]:hover, .bgSecondary[data-v-029dd595] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-029dd595]:hover, .bgSecondary1[data-v-029dd595] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-029dd595]:hover, .bgSecondary2[data-v-029dd595] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-029dd595]:hover, .bgSecondary3[data-v-029dd595] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-029dd595] {
    background-color: #2f3342 !important
}

.bgSecondary4.disabled[data-v-029dd595] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-029dd595]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-029dd595]:hover, .bgSecondary5[data-v-029dd595] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-029dd595]:hover, .bgSecondary6[data-v-029dd595] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-029dd595]:hover, .bgSecondary7[data-v-029dd595] {
    background-color: #333 !important
}

.bgSecondary8[data-v-029dd595] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-029dd595]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-029dd595] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-029dd595]:hover, .bgSuccess[data-v-029dd595] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-029dd595] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-029dd595] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-029dd595]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-029dd595] {
    fill: #31baa0
}

.w-14-px[data-v-029dd595] {
    width: 14px
}

.max-width-50[data-v-029dd595] {
    max-width: 50%
}

.h-60-px[data-v-029dd595] {
    height: 60px
}

.h-100-px[data-v-029dd595] {
    height: 100px
}

.mb-16-px[data-v-029dd595] {
    margin-bottom: 16px
}

.mb-30-px[data-v-029dd595] {
    margin-bottom: 30px
}

.borderRounded[data-v-029dd595] {
    border-radius: 5px
}

.borderPrimary[data-v-029dd595] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-029dd595] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-029dd595] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-029dd595] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-029dd595] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-029dd595] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-029dd595] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-029dd595] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-029dd595] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-029dd595] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-029dd595] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-029dd595] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-029dd595] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-029dd595] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-029dd595]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-029dd595] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-029dd595] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-029dd595] {
    padding: 1px
}

.px-1-px[data-v-029dd595] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-029dd595] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-029dd595] {
    padding-left: 1px
}

.pr-1-px[data-v-029dd595] {
    padding-right: 1px
}

.pt-1-px[data-v-029dd595] {
    padding-top: 1px
}

.pb-1-px[data-v-029dd595] {
    padding-bottom: 1px
}

.p-2-px[data-v-029dd595] {
    padding: 2px
}

.px-2-px[data-v-029dd595] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-029dd595] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-029dd595] {
    padding-left: 2px
}

.pr-2-px[data-v-029dd595] {
    padding-right: 2px
}

.pt-2-px[data-v-029dd595] {
    padding-top: 2px
}

.pb-2-px[data-v-029dd595] {
    padding-bottom: 2px
}

.p-8-px[data-v-029dd595] {
    padding: 8px
}

.px-8-px[data-v-029dd595] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-029dd595] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-029dd595] {
    padding-left: 8px
}

.pr-8-px[data-v-029dd595] {
    padding-right: 8px
}

.pt-8-px[data-v-029dd595] {
    padding-top: 8px
}

.pb-8-px[data-v-029dd595] {
    padding-bottom: 8px
}

.p-10-px[data-v-029dd595] {
    padding: 10px
}

.px-10-px[data-v-029dd595] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-029dd595] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-029dd595] {
    padding-left: 10px
}

.pr-10-px[data-v-029dd595] {
    padding-right: 10px
}

.pt-10-px[data-v-029dd595] {
    padding-top: 10px
}

.pb-10-px[data-v-029dd595] {
    padding-bottom: 10px
}

.p-12-px[data-v-029dd595] {
    padding: 12px
}

.px-12-px[data-v-029dd595] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-029dd595] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-029dd595] {
    padding-left: 12px
}

.pr-12-px[data-v-029dd595] {
    padding-right: 12px
}

.pt-12-px[data-v-029dd595] {
    padding-top: 12px
}

.pb-12-px[data-v-029dd595] {
    padding-bottom: 12px
}

.p-16-px[data-v-029dd595] {
    padding: 16px
}

.px-16-px[data-v-029dd595] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-029dd595] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-029dd595] {
    padding-left: 16px
}

.pr-16-px[data-v-029dd595] {
    padding-right: 16px
}

.pt-16-px[data-v-029dd595] {
    padding-top: 16px
}

.pb-16-px[data-v-029dd595] {
    padding-bottom: 16px
}

.p-30-px[data-v-029dd595] {
    padding: 30px
}

.px-30-px[data-v-029dd595] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-029dd595] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-029dd595] {
    padding-left: 30px
}

.pr-30-px[data-v-029dd595] {
    padding-right: 30px
}

.pt-30-px[data-v-029dd595] {
    padding-top: 30px
}

.pb-30-px[data-v-029dd595] {
    padding-bottom: 30px
}

.font-30[data-v-029dd595] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-029dd595] {
    font-weight: 700
}

.wbo-title[data-v-029dd595] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-029dd595] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-029dd595] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-029dd595] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-029dd595]:focus {
        outline: 0
    }

    .button[data-v-029dd595]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-029dd595] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-029dd595]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.primary[data-v-029dd595], .button.primary[data-v-029dd595]:hover {
    background-color: #2a74f9 !important;
    color: #000 !important;
    color: #fff !important;
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
}

.button.primary span[data-v-029dd595], .text-primary[data-v-029dd595], a .primary-hover[data-v-029dd595]:hover {
    color: #fff !important
}

ul[data-v-029dd595] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-029dd595], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-029dd595] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-029dd595]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-029dd595]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-029dd595], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-029dd595], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-029dd595]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-029dd595], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-029dd595], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-029dd595]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-029dd595], .faqsContent .content .navigator ul li a.active[data-v-029dd595]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-029dd595]:hover {
    color: #000
}

.ps[data-v-029dd595] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-029dd595] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-029dd595], .ps__rail-y[data-v-029dd595] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-029dd595] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-029dd595], .ps--active-y > .ps__rail-y[data-v-029dd595] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-029dd595], .ps--focus > .ps__rail-y[data-v-029dd595], .ps--scrolling-x > .ps__rail-x[data-v-029dd595], .ps--scrolling-y > .ps__rail-y[data-v-029dd595], .ps:hover > .ps__rail-x[data-v-029dd595], .ps:hover > .ps__rail-y[data-v-029dd595] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-029dd595], .ps .ps__rail-x[data-v-029dd595]:focus, .ps .ps__rail-x[data-v-029dd595]:hover, .ps .ps__rail-y.ps--clicking[data-v-029dd595], .ps .ps__rail-y[data-v-029dd595]:focus, .ps .ps__rail-y[data-v-029dd595]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-029dd595] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-029dd595] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-029dd595], .ps__rail-x:focus > .ps__thumb-x[data-v-029dd595], .ps__rail-x:hover > .ps__thumb-x[data-v-029dd595] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-029dd595], .ps__rail-y:focus > .ps__thumb-y[data-v-029dd595], .ps__rail-y:hover > .ps__thumb-y[data-v-029dd595] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-029dd595] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-029dd595] {
        overflow: auto !important
    }
}

.md-field[data-v-029dd595] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-029dd595] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-029dd595] {
    color: #2a74f9
}

.md-field .md-error[data-v-029dd595] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-029dd595] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-029dd595], .md-field.md-has-value label[data-v-029dd595] {
    top: -10px
}

.form-control[data-v-029dd595], .md-field .md-input[data-v-029dd595], .md-field .md-textarea[data-v-029dd595], .winput[data-v-029dd595] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-029dd595] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-029dd595] {
    fill: #0d0d0d
}

.round[data-v-029dd595] {
    border-radius: 5px
}

.off[data-v-029dd595] {
    position: relative;
    cursor: default
}

.off > [data-v-029dd595] {
    opacity: .5
}

.off[data-v-029dd595]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-029dd595] {
    cursor: pointer
}

.close-page[data-v-029dd595] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-029dd595] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-029dd595], .slide-fade-leave-active[data-v-029dd595] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-029dd595], .slide-fade-leave-to[data-v-029dd595] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-029dd595 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-029dd595 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-029dd595] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-029dd595] {
    color: #ffcf5c
}

.button[data-v-029dd595] {
    font-weight: 700
}

.modal .modal-dialog[data-v-029dd595] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-029dd595] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-029dd595] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-029dd595], .modal .modal-dialog .modal-header[data-v-029dd595] {
    border: none
}

#chartCommisst .highcharts-title[data-v-029dd595] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-029dd595] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-029dd595] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-029dd595], .modal .modal-dialog form[data-v-029dd595] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-029dd595] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-029dd595], .FaqsDetail[data-v-029dd595] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-029dd595], .FaqsDetail[data-v-029dd595] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-029dd595], .FaqsDetail .headerMaster .boxHeader[data-v-029dd595] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-029dd595], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-029dd595] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-029dd595], .Faqs main[data-v-029dd595] {
    background-color: unset
}

.titleChartCandle[data-v-029dd595] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-029dd595] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-029dd595] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-029dd595] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-029dd595], .plotlineChart .time[data-v-029dd595] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-029dd595] {
    top: 51px
}

.boxHeader[data-v-029dd595] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-029dd595], .boxHeader .register[data-v-029dd595] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-029dd595] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-029dd595] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-029dd595] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-029dd595] {
    background-color: #2a74f9 !important;
}

    .boxHeader .btnMainBorder.button.primary[data-v-029dd595]:hover {
        background-color: #0045ea !important
    }

.boxHeader .btnJoinNow[data-v-029dd595] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-029dd595]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-029dd595] {
    background-color: #4d4e4e;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-029dd595]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-029dd595] {
    background: transparent !important;
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-029dd595] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-029dd595] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-029dd595] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-029dd595] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-029dd595] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-029dd595] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-029dd595] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-029dd595] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-029dd595] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-029dd595] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-029dd595] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-029dd595] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-029dd595] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-029dd595] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-029dd595] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-029dd595] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-029dd595] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-029dd595] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-029dd595] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-029dd595] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-029dd595] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-029dd595] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-029dd595] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-029dd595] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-029dd595] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-029dd595] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-029dd595] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-029dd595] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-029dd595] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-029dd595] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-029dd595] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-029dd595] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-029dd595] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-029dd595] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-029dd595] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-029dd595] {
        height: 56px !important
    }
}

input.form-control[data-v-029dd595], input[data-v-029dd595], select.form-control[data-v-029dd595], select[data-v-029dd595] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-029dd595] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-029dd595] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-029dd595] {
    line-height: 100%
}

.button.btn-long[data-v-029dd595] {
    padding: 10px 40px
}

.button.btn-radius[data-v-029dd595] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-029dd595] {
    border-radius: 20px
}

.button.btn-full[data-v-029dd595] {
    width: 100%
}

.button.btn-80[data-v-029dd595] {
    width: 80%
}

.button.hasIcon[data-v-029dd595] {
    padding-left: 50px
}

.button a[data-v-029dd595] {
    display: block
}

.button .labelIcon[data-v-029dd595] {
    position: absolute
}

.button .labelIcon svg[data-v-029dd595] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-029dd595] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-029dd595]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-029dd595] {
    outline: none
}

.keyboard-input-wrap[data-v-029dd595] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-029dd595] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-029dd595] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-029dd595] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-029dd595] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-029dd595] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-029dd595] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-029dd595] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-029dd595] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-029dd595] {
    font-size: 1.2em
}

.color-white[data-v-029dd595] {
    color: #fff
}

.color-white-50[data-v-029dd595] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-029dd595] {
    display: none
}

.ld-loading .loading[data-v-029dd595], .main-loading .loading[data-v-029dd595] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-029dd595] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-029dd595]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-029dd595]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-029dd595] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-029dd595] {
    -webkit-animation: rotate-data-v-029dd595 1s linear infinite;
    animation: rotate-data-v-029dd595 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-029dd595] {
    stroke: transparent
}

.wrapNotify[data-v-029dd595] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-029dd595] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-029dd595] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-029dd595] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-029dd595] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-029dd595] {
    display: block
}

.wrapNotify .close-notify[data-v-029dd595] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-029dd595] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-029dd595] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-029dd595] {
    background-color: transparent
}

.colorWhite[data-v-029dd595] {
    color: #fff
}

.colorRed[data-v-029dd595] {
    color: #f46273
}

.colorGreen[data-v-029dd595] {
    color: #31baa0
}

.colorGray[data-v-029dd595] {
    color: #7c7c7c
}

.tableBackground[data-v-029dd595] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-029dd595] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-029dd595], .tableBackground .table-dark th[data-v-029dd595] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-029dd595]:after, .tableBackground .table-dark th[data-v-029dd595]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-029dd595] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-029dd595], .tableBackground .table-dark th[data-v-029dd595] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-029dd595]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-029dd595]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-029dd595] {
    background-color: #060642
}

.tableBackground #paging li[data-v-029dd595] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-029dd595] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-029dd595] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-029dd595], .customeTradeHistory[data-v-029dd595] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-029dd595], .customeTradeHistory .reportrange-text[data-v-029dd595] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-029dd595], .customeTradeHistory .reportrange-text .seperate[data-v-029dd595] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-029dd595], .customeTradeHistory .reportrange-text span[data-v-029dd595] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-029dd595] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-029dd595] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-029dd595] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-029dd595]:after, .startDate .daterangepicker.openscenter[data-v-029dd595]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-029dd595] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-029dd595] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-029dd595] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-029dd595] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-029dd595] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-029dd595] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-029dd595] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-029dd595] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-029dd595] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-029dd595] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-029dd595] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-029dd595] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-029dd595] {
    text-align: center
}

.border-none[data-v-029dd595] {
    border: none
}

.text-domain[data-v-029dd595]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-029dd595] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-029dd595] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-029dd595] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-029dd595] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-029dd595] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-029dd595] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-029dd595] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-029dd595] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-029dd595] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-029dd595] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-029dd595] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-029dd595] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-029dd595] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-029dd595] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-029dd595] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-029dd595] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-029dd595] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-029dd595] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-029dd595] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-029dd595] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-029dd595] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-029dd595] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-029dd595] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-029dd595] {
    fill: #000
}

.btn-active-paging[data-v-029dd595] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-029dd595] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-029dd595] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-029dd595] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-029dd595], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-029dd595] {
    background: #8b8d96 !important
}

.transactionBox[data-v-029dd595] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-029dd595] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-029dd595] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-029dd595] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-029dd595] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-029dd595] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-029dd595] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-029dd595] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-029dd595] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-029dd595] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-029dd595] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-029dd595] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-029dd595] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-029dd595] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-029dd595] {
    color: #2a74f9 !important
}

.fixed-top[data-v-029dd595] {
    z-index: 1050
}

.fs1rem[data-v-029dd595] {
    font-size: 1rem
}

.txtDeposit[data-v-029dd595] {
    white-space: nowrap
}

.btn-qDeposit[data-v-029dd595] {
    font-size: .875rem !important;
    padding: 0 10px
}

.btn-qDeposit span[data-v-029dd595] {
    line-height: 38px
}

#leftNav[data-v-029dd595] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#rightNav[data-v-029dd595] {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

#rightNav .infoMem[data-v-029dd595] {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

#rightNav .infoMem li[data-v-029dd595] {
    padding: 0 10px
}

#rightNav .line[data-v-029dd595] {
    display: block;
    margin-bottom: 5px;
    width: 1px;
    height: 30px
}

#rightNav .buttonDeposit svg[data-v-029dd595] {
    stroke: unset
}

#rightNav a span[data-v-029dd595] {
    white-space: nowrap
}

#rightNav a svg[data-v-029dd595] {
    stroke: #fff
}

#rightNav a.router-link-exact-active[data-v-029dd595] {
    color: #2a74f9
}

#rightNav a.router-link-exact-active svg[data-v-029dd595] {
    stroke: #2a74f9
}

.settings .buttonSetting.pc span[data-v-029dd595] {
    display: block;
    overflow: hidden;
    width: 100%;
    text-align: center;
    color: #7c7c7c
}

.settings .buttonSetting.pc span svg[data-v-029dd595] {
    stroke: #fff
}

.settings .buttonSetting.pc span svg path[data-v-029dd595] {
    fill: #fff
}

.settings .buttonSetting.mobile span[data-v-029dd595], .settings .buttonSetting.tablet span[data-v-029dd595] {
    display: inline-block;
    text-align: center;
    color: #fff;
    vertical-align: middle
}

.buttonColumn > span[data-v-029dd595] {
    overflow: hidden
}

.button.wbtn.btn-large[data-v-029dd595] {
    padding: 11px 2.5rem;
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

    .button.wbtn.btn-large[data-v-029dd595]:hover {
        opacity: .8
    }

.button.wbtn.btn-large:hover .register[data-v-029dd595] {
    color: #fff
}

.boxHeader[data-v-029dd595] {
    height: 65px
}

.boxHeader a[data-v-029dd595] {
    font-weight: 400;
    color: #7c7c7c
}

.balance[data-v-029dd595] {
    background-color: #02142b;
    border-radius: 3px
}

.balance .dropdown[data-v-029dd595] {
    border-radius: 3px;
    padding: 3px 0
}

@media (max-width:768px) {
    .balance .dropdown[data-v-029dd595] {
        
    }
}

.balance .dropdown a[data-v-029dd595] {
    font-weight: 400;
    color: #fff !important;
    text-decoration: none
}

.balance .dropdown a span[data-v-029dd595] {
    line-height: normal
}

.balance .dropdown a .arrow[data-v-029dd595] {
    margin-left: 20px
}

@media (max-width:575px) {
    .balance .dropdown a .arrow[data-v-029dd595] {
        margin-left: 5px
    }
}

.balance .dropdown a .arrow svg[data-v-029dd595] {
    width: 15px
}

.balance .dropdown-menu[data-v-029dd595] {
    top: 100% !important;
    right: 0 !important;
    left: auto !important;
    padding: 0;
    background-color: #02142b;
    border-radius: 5px;
    min-width: 214px;
    border: 1px solid #1f2f53;
    -webkit-transform: unset !important;
    transform: unset !important
}

.balance .dropdownChangeBalance[data-v-029dd595] {
    padding: 0;
    min-width: 240px
}

.balance .boxItemRadio .flexLeft[data-v-029dd595] {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    padding: .75rem;
    min-width: 140px
}

.balance .boxItemRadio .flexRight[data-v-029dd595] {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    padding: .75rem;
    padding-left: 0
}

.balance .boxItemRadio[data-v-029dd595]:first-child {
    border-bottom: 1px solid hsla(0,0%,100%,.15)
}

.balance .radioButton[data-v-029dd595] {
    position: relative;
    display: inline-block;
    width: 19px;
    height: 19px;
    line-height: 19px;
    text-align: center;
    border-radius: 50%;
    margin-bottom: 10px;
    background-color: hsla(0,0%,100%,.3)
}

    .balance .radioButton[data-v-029dd595]:after {
        content: "";
        display: inline-block;
        background-color: transparent;
        width: 50%;
        height: 50%;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

.balance .radioButton.active[data-v-029dd595]:after {
    background-color: #2a74f9;
    -webkit-filter: brightness(130%);
    filter: brightness(130%)
}

.buttonToggle[data-v-029dd595] {
    width: 39px;
    height: 39px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 6px
}

.buttonToggle .totalCount[data-v-029dd595] {
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    text-align: center;
    line-height: 16px;
    font-size: 10px
}

.headerWapper .logoMobile[data-v-029dd595] {
    height: 42px
}

@media (max-width: 992px) {
    .headerWapper .logoMobile[data-v-029dd595] {
        width: 110px
    }
}

@media (max-width:768px) {
    .balance[data-v-029dd595] {
        background: transparent
    }

    .balance .dropdown[data-v-029dd595] {
        padding-right: 0
    }

    #rightNav .button.wbtn.btn-large[data-v-029dd595] {
        padding: .625rem .75rem
    }

    #rightNav .button.wbtn.btn-large span[data-v-029dd595] {
        font-size: .875rem
    }

    .boxHeader[data-v-029dd595] {
        height: 65px
    }

    .px-30-px[data-v-029dd595] {
        padding-left: 15px;
        padding-right: 15px
    }

    .headerWapper .logoMobile[data-v-029dd595] {
        height: 40px
    }
}

body[data-v-7ddeea54] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-7ddeea54]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-7ddeea54]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-7ddeea54]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-7ddeea54] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-7ddeea54]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-7ddeea54]::-webkit-inner-spin-button, input[data-v-7ddeea54]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-7ddeea54] {
    -moz-appearance: textfield
}

button[data-v-7ddeea54]:focus, input[data-v-7ddeea54]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-7ddeea54] {
    font-size: 8px
}

.font-10[data-v-7ddeea54] {
    font-size: .6rem !important
}

.font-12[data-v-7ddeea54] {
    font-size: 12px
}

.font-14[data-v-7ddeea54] {
    font-size: 14px
}

.font-16[data-v-7ddeea54] {
    font-size: 16px
}

.font-18[data-v-7ddeea54] {
    font-size: 18px
}

.font-20[data-v-7ddeea54] {
    font-size: 20px
}

.font-24[data-v-7ddeea54] {
    font-size: 24px
}

.font-32[data-v-7ddeea54] {
    font-size: 32px
}

.font-34[data-v-7ddeea54] {
    font-size: 34px
}

.font-40[data-v-7ddeea54] {
    font-size: 2.5rem !important
}

.font-44[data-v-7ddeea54] {
    font-size: 44px
}

.colorPrimary[data-v-7ddeea54] {
    color: #2a74f9
}

.colorPrimary1[data-v-7ddeea54] {
    color: #000 !important
}

.colorSecondary[data-v-7ddeea54] {
    color: #fff !important
}

.colorSecondary1[data-v-7ddeea54] {
    color: #414141 !important
}

.colorSecondary2[data-v-7ddeea54] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-7ddeea54] {
    color: #0d0d0d
}

.colorSecondary4[data-v-7ddeea54] {
    color: #02142b
}

.colorSecondary5[data-v-7ddeea54] {
    color: #1a1e24
}

.colorSecondary6[data-v-7ddeea54] {
    color: #fafafa
}

.colorSecondary7[data-v-7ddeea54] {
    color: #333
}

.colorSecondary8[data-v-7ddeea54] {
    color: #0e0031
}

.colorSuccess[data-v-7ddeea54] {
    color: #31baa0
}

.colorWarning[data-v-7ddeea54] {
    color: #ffcf5c
}

.colorDanger[data-v-7ddeea54] {
    color: #f46273
}

.fillPrimary[data-v-7ddeea54] {
    fill: #2a74f9
}

.fillWarning[data-v-7ddeea54] {
    fill: #ffcf5c
}

.fillDanger[data-v-7ddeea54] {
    fill: #f46273
}

.fillSecondary1[data-v-7ddeea54] {
    fill: #414141
}

.fillSecondary2[data-v-7ddeea54] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-7ddeea54] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-7ddeea54] {
    fill: #02142b
}

.fillSecondary5[data-v-7ddeea54] {
    fill: #1a1e24
}

.fillSecondary6[data-v-7ddeea54] {
    fill: #fafafa
}

.fillSecondary7[data-v-7ddeea54] {
    fill: #333
}

.fillSecondary8[data-v-7ddeea54] {
    fill: #0e0031
}

.textnote-notidesc[data-v-7ddeea54] {
    color: #fff
}

.bgColor0[data-v-7ddeea54] {
    background-color: transparent
}

.bgPrimary-hover[data-v-7ddeea54]:hover, .bgPrimary[data-v-7ddeea54] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-7ddeea54]:hover, .bgPrimary1[data-v-7ddeea54] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-7ddeea54]:hover, .bgPrimary2[data-v-7ddeea54] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-7ddeea54]:hover, .bgSecondary[data-v-7ddeea54] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-7ddeea54]:hover, .bgSecondary1[data-v-7ddeea54] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-7ddeea54]:hover, .bgSecondary2[data-v-7ddeea54] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-7ddeea54]:hover, .bgSecondary3[data-v-7ddeea54] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-7ddeea54] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-7ddeea54] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-7ddeea54]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-7ddeea54]:hover, .bgSecondary5[data-v-7ddeea54] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-7ddeea54]:hover, .bgSecondary6[data-v-7ddeea54] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-7ddeea54]:hover, .bgSecondary7[data-v-7ddeea54] {
    background-color: #333 !important
}

.bgSecondary8[data-v-7ddeea54] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-7ddeea54]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-7ddeea54] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-7ddeea54]:hover, .bgSuccess[data-v-7ddeea54] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-7ddeea54] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-7ddeea54] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-7ddeea54]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-7ddeea54] {
    fill: #31baa0
}

.w-14-px[data-v-7ddeea54] {
    width: 14px
}

.max-width-50[data-v-7ddeea54] {
    max-width: 50%
}

.h-60-px[data-v-7ddeea54] {
    height: 60px
}

.h-100-px[data-v-7ddeea54] {
    height: 100px
}

.mb-16-px[data-v-7ddeea54] {
    margin-bottom: 16px
}

.mb-30-px[data-v-7ddeea54] {
    margin-bottom: 30px
}

.borderRounded[data-v-7ddeea54] {
    border-radius: 5px
}

.borderPrimary[data-v-7ddeea54] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-7ddeea54] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-7ddeea54] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-7ddeea54] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-7ddeea54] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-7ddeea54] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-7ddeea54] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-7ddeea54] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-7ddeea54] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-7ddeea54] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-7ddeea54] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-7ddeea54] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-7ddeea54] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-7ddeea54] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-7ddeea54]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-7ddeea54] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-7ddeea54] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-7ddeea54] {
    padding: 1px
}

.px-1-px[data-v-7ddeea54] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-7ddeea54] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-7ddeea54] {
    padding-left: 1px
}

.pr-1-px[data-v-7ddeea54] {
    padding-right: 1px
}

.pt-1-px[data-v-7ddeea54] {
    padding-top: 1px
}

.pb-1-px[data-v-7ddeea54] {
    padding-bottom: 1px
}

.p-2-px[data-v-7ddeea54] {
    padding: 2px
}

.px-2-px[data-v-7ddeea54] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-7ddeea54] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-7ddeea54] {
    padding-left: 2px
}

.pr-2-px[data-v-7ddeea54] {
    padding-right: 2px
}

.pt-2-px[data-v-7ddeea54] {
    padding-top: 2px
}

.pb-2-px[data-v-7ddeea54] {
    padding-bottom: 2px
}

.p-8-px[data-v-7ddeea54] {
    padding: 8px
}

.px-8-px[data-v-7ddeea54] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-7ddeea54] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-7ddeea54] {
    padding-left: 8px
}

.pr-8-px[data-v-7ddeea54] {
    padding-right: 8px
}

.pt-8-px[data-v-7ddeea54] {
    padding-top: 8px
}

.pb-8-px[data-v-7ddeea54] {
    padding-bottom: 8px
}

.p-10-px[data-v-7ddeea54] {
    padding: 10px
}

.px-10-px[data-v-7ddeea54] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-7ddeea54] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-7ddeea54] {
    padding-left: 10px
}

.pr-10-px[data-v-7ddeea54] {
    padding-right: 10px
}

.pt-10-px[data-v-7ddeea54] {
    padding-top: 10px
}

.pb-10-px[data-v-7ddeea54] {
    padding-bottom: 10px
}

.p-12-px[data-v-7ddeea54] {
    padding: 12px
}

.px-12-px[data-v-7ddeea54] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-7ddeea54] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-7ddeea54] {
    padding-left: 12px
}

.pr-12-px[data-v-7ddeea54] {
    padding-right: 12px
}

.pt-12-px[data-v-7ddeea54] {
    padding-top: 12px
}

.pb-12-px[data-v-7ddeea54] {
    padding-bottom: 12px
}

.p-16-px[data-v-7ddeea54] {
    padding: 16px
}

.px-16-px[data-v-7ddeea54] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-7ddeea54] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-7ddeea54] {
    padding-left: 16px
}

.pr-16-px[data-v-7ddeea54] {
    padding-right: 16px
}

.pt-16-px[data-v-7ddeea54] {
    padding-top: 16px
}

.pb-16-px[data-v-7ddeea54] {
    padding-bottom: 16px
}

.p-30-px[data-v-7ddeea54] {
    padding: 30px
}

.px-30-px[data-v-7ddeea54] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-7ddeea54] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-7ddeea54] {
    padding-left: 30px
}

.pr-30-px[data-v-7ddeea54] {
    padding-right: 30px
}

.pt-30-px[data-v-7ddeea54] {
    padding-top: 30px
}

.pb-30-px[data-v-7ddeea54] {
    padding-bottom: 30px
}

.font-30[data-v-7ddeea54] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-7ddeea54] {
    font-weight: 700
}

.wbo-title[data-v-7ddeea54] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-7ddeea54] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-7ddeea54] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-7ddeea54] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-7ddeea54]:focus {
        outline: 0
    }

    .button[data-v-7ddeea54]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-7ddeea54] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-7ddeea54]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-7ddeea54] {
    padding: 11px 2.5rem
}

.button.primary[data-v-7ddeea54], .button.primary[data-v-7ddeea54]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-7ddeea54], .text-primary[data-v-7ddeea54], a .primary-hover[data-v-7ddeea54]:hover {
    color: #000 !important
}

ul[data-v-7ddeea54] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-7ddeea54], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-7ddeea54] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-7ddeea54]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-7ddeea54]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-7ddeea54], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-7ddeea54], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-7ddeea54]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-7ddeea54], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-7ddeea54], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-7ddeea54]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-7ddeea54], .faqsContent .content .navigator ul li a.active[data-v-7ddeea54]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-7ddeea54]:hover {
    color: #000
}

.ps[data-v-7ddeea54] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-7ddeea54] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-7ddeea54], .ps__rail-y[data-v-7ddeea54] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-7ddeea54] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-7ddeea54], .ps--active-y > .ps__rail-y[data-v-7ddeea54] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-7ddeea54], .ps--focus > .ps__rail-y[data-v-7ddeea54], .ps--scrolling-x > .ps__rail-x[data-v-7ddeea54], .ps--scrolling-y > .ps__rail-y[data-v-7ddeea54], .ps:hover > .ps__rail-x[data-v-7ddeea54], .ps:hover > .ps__rail-y[data-v-7ddeea54] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-7ddeea54], .ps .ps__rail-x[data-v-7ddeea54]:focus, .ps .ps__rail-x[data-v-7ddeea54]:hover, .ps .ps__rail-y.ps--clicking[data-v-7ddeea54], .ps .ps__rail-y[data-v-7ddeea54]:focus, .ps .ps__rail-y[data-v-7ddeea54]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-7ddeea54] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-7ddeea54] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-7ddeea54], .ps__rail-x:focus > .ps__thumb-x[data-v-7ddeea54], .ps__rail-x:hover > .ps__thumb-x[data-v-7ddeea54] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-7ddeea54], .ps__rail-y:focus > .ps__thumb-y[data-v-7ddeea54], .ps__rail-y:hover > .ps__thumb-y[data-v-7ddeea54] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-7ddeea54] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-7ddeea54] {
        overflow: auto !important
    }
}

.md-field[data-v-7ddeea54] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-7ddeea54] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-7ddeea54] {
    color: #2a74f9
}

.md-field .md-error[data-v-7ddeea54] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-7ddeea54] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-7ddeea54], .md-field.md-has-value label[data-v-7ddeea54] {
    top: -10px
}

.form-control[data-v-7ddeea54], .md-field .md-input[data-v-7ddeea54], .md-field .md-textarea[data-v-7ddeea54], .winput[data-v-7ddeea54] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-7ddeea54] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-7ddeea54] {
    fill: #0d0d0d
}

.round[data-v-7ddeea54] {
    border-radius: 5px
}

.off[data-v-7ddeea54] {
    position: relative;
    cursor: default
}

.off > [data-v-7ddeea54] {
    opacity: .5
}

.off[data-v-7ddeea54]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-7ddeea54] {
    cursor: pointer
}

.close-page[data-v-7ddeea54] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-7ddeea54] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-7ddeea54], .slide-fade-leave-active[data-v-7ddeea54] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-7ddeea54], .slide-fade-leave-to[data-v-7ddeea54] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-7ddeea54 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-7ddeea54 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-7ddeea54] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-7ddeea54] {
    color: #ffcf5c
}

.button[data-v-7ddeea54] {
    font-weight: 700
}

.modal .modal-dialog[data-v-7ddeea54] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-7ddeea54] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-7ddeea54] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-7ddeea54], .modal .modal-dialog .modal-header[data-v-7ddeea54] {
    border: none
}

#chartCommisst .highcharts-title[data-v-7ddeea54] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-7ddeea54] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-7ddeea54] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-7ddeea54], .modal .modal-dialog form[data-v-7ddeea54] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-7ddeea54] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-7ddeea54], .FaqsDetail[data-v-7ddeea54] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-7ddeea54], .FaqsDetail[data-v-7ddeea54] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-7ddeea54], .FaqsDetail .headerMaster .boxHeader[data-v-7ddeea54] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-7ddeea54], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-7ddeea54] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-7ddeea54], .Faqs main[data-v-7ddeea54] {
    background-color: unset
}

.titleChartCandle[data-v-7ddeea54] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-7ddeea54] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-7ddeea54] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-7ddeea54] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-7ddeea54], .plotlineChart .time[data-v-7ddeea54] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-7ddeea54] {
    top: 51px
}

.boxHeader[data-v-7ddeea54] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-7ddeea54], .boxHeader .register[data-v-7ddeea54] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-7ddeea54] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-7ddeea54] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-7ddeea54] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-7ddeea54] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-7ddeea54]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-7ddeea54] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-7ddeea54]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-7ddeea54] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-7ddeea54]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-7ddeea54] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-7ddeea54] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-7ddeea54] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-7ddeea54] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-7ddeea54] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-7ddeea54] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-7ddeea54] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-7ddeea54] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-7ddeea54] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-7ddeea54] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-7ddeea54] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-7ddeea54] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-7ddeea54] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-7ddeea54] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-7ddeea54] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-7ddeea54] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-7ddeea54] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-7ddeea54] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-7ddeea54] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-7ddeea54] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-7ddeea54] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-7ddeea54] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-7ddeea54] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-7ddeea54] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-7ddeea54] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-7ddeea54] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-7ddeea54] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-7ddeea54] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-7ddeea54] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-7ddeea54] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-7ddeea54] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-7ddeea54] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-7ddeea54] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-7ddeea54] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-7ddeea54] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-7ddeea54] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-7ddeea54] {
        height: 56px !important
    }
}

input.form-control[data-v-7ddeea54], input[data-v-7ddeea54], select.form-control[data-v-7ddeea54], select[data-v-7ddeea54] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-7ddeea54] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-7ddeea54] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-7ddeea54] {
    line-height: 100%
}

.button.btn-long[data-v-7ddeea54] {
    padding: 10px 40px
}

.button.btn-radius[data-v-7ddeea54] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-7ddeea54] {
    border-radius: 20px
}

.button.btn-full[data-v-7ddeea54] {
    width: 100%
}

.button.btn-80[data-v-7ddeea54] {
    width: 80%
}

.button.hasIcon[data-v-7ddeea54] {
    padding-left: 50px
}

.button a[data-v-7ddeea54] {
    display: block
}

.button .labelIcon[data-v-7ddeea54] {
    position: absolute
}

.button .labelIcon svg[data-v-7ddeea54] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-7ddeea54] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-7ddeea54]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-7ddeea54] {
    outline: none
}

.keyboard-input-wrap[data-v-7ddeea54] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-7ddeea54] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-7ddeea54] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-7ddeea54] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-7ddeea54] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-7ddeea54] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-7ddeea54] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-7ddeea54] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-7ddeea54] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-7ddeea54] {
    font-size: 1.2em
}

.color-white[data-v-7ddeea54] {
    color: #fff
}

.color-white-50[data-v-7ddeea54] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-7ddeea54] {
    display: none
}

.ld-loading .loading[data-v-7ddeea54], .main-loading .loading[data-v-7ddeea54] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-7ddeea54] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-7ddeea54]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-7ddeea54]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-7ddeea54] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-7ddeea54] {
    -webkit-animation: rotate-data-v-7ddeea54 1s linear infinite;
    animation: rotate-data-v-7ddeea54 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-7ddeea54] {
    stroke: transparent
}

.wrapNotify[data-v-7ddeea54] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-7ddeea54] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-7ddeea54] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-7ddeea54] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-7ddeea54] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-7ddeea54] {
    display: block
}

.wrapNotify .close-notify[data-v-7ddeea54] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-7ddeea54] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-7ddeea54] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-7ddeea54] {
    background-color: transparent
}

.colorWhite[data-v-7ddeea54] {
    color: #fff
}

.colorRed[data-v-7ddeea54] {
    color: #f46273
}

.colorGreen[data-v-7ddeea54] {
    color: #31baa0
}

.colorGray[data-v-7ddeea54] {
    color: #7c7c7c
}

.tableBackground[data-v-7ddeea54] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-7ddeea54] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-7ddeea54], .tableBackground .table-dark th[data-v-7ddeea54] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-7ddeea54]:after, .tableBackground .table-dark th[data-v-7ddeea54]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-7ddeea54] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-7ddeea54], .tableBackground .table-dark th[data-v-7ddeea54] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-7ddeea54]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-7ddeea54]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-7ddeea54] {
    background-color: #060642
}

.tableBackground #paging li[data-v-7ddeea54] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-7ddeea54] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-7ddeea54] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-7ddeea54], .customeTradeHistory[data-v-7ddeea54] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-7ddeea54], .customeTradeHistory .reportrange-text[data-v-7ddeea54] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-7ddeea54], .customeTradeHistory .reportrange-text .seperate[data-v-7ddeea54] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-7ddeea54], .customeTradeHistory .reportrange-text span[data-v-7ddeea54] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-7ddeea54] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-7ddeea54] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-7ddeea54] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-7ddeea54]:after, .startDate .daterangepicker.openscenter[data-v-7ddeea54]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-7ddeea54] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-7ddeea54] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-7ddeea54] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-7ddeea54] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-7ddeea54] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-7ddeea54] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-7ddeea54] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-7ddeea54] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-7ddeea54] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-7ddeea54] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-7ddeea54] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-7ddeea54] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-7ddeea54] {
    text-align: center
}

.border-none[data-v-7ddeea54] {
    border: none
}

.text-domain[data-v-7ddeea54]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-7ddeea54] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-7ddeea54] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-7ddeea54] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-7ddeea54] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-7ddeea54] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-7ddeea54] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-7ddeea54] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-7ddeea54] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-7ddeea54] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-7ddeea54] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-7ddeea54] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-7ddeea54] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-7ddeea54] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-7ddeea54] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-7ddeea54] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-7ddeea54] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-7ddeea54] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-7ddeea54] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-7ddeea54] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-7ddeea54] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-7ddeea54] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-7ddeea54] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-7ddeea54] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-7ddeea54] {
    fill: #000
}

.btn-active-paging[data-v-7ddeea54] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-7ddeea54] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-7ddeea54] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-7ddeea54] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-7ddeea54], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-7ddeea54] {
    background: #8b8d96 !important
}

.transactionBox[data-v-7ddeea54] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-7ddeea54] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-7ddeea54] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-7ddeea54] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-7ddeea54] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-7ddeea54] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-7ddeea54] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-7ddeea54] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-7ddeea54] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-7ddeea54] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-7ddeea54] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-7ddeea54] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-7ddeea54] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-7ddeea54] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-7ddeea54] {
    color: #2a74f9 !important
}

.wrap .md-radio[data-v-7ddeea54] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    padding: 20px;
    border-bottom: 1px solid #1f2f53;
    margin: 0;
    font-size: 16px
}

.wrap .md-radio .md-radio-container[data-v-7ddeea54] {
    border: 1px solid #1f2f53;
    width: 23px;
    height: 23px;
    color: #fff
}

.settings[data-v-7ddeea54] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100
}

.settings .dropdownSetting[data-v-7ddeea54] {
    width: 390px;
    height: 235px;
    -webkit-transform: translate(-355px,50px) !important;
    transform: translate(-355px,50px) !important;
    background-color: #02142b;
    border: 1px solid #0d0d0d;
    border-radius: 10px
}

@media screen and (max-width:768px) {
    .settings .dropdownSetting[data-v-7ddeea54] {
        position: fixed;
        -webkit-transform: translate(0) !important;
        transform: translate(0) !important;
        top: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        border-radius: 0;
        min-width: unset;
        float: unset;
        margin: 0;
        padding: 20px
    }

    .settings .dropdownSetting .close[data-v-7ddeea54] {
        display: block;
        overflow: hidden;
        width: 30px;
        height: 30px
    }

    .settings .dropdownSetting .button[data-v-7ddeea54] {
        background-color: #02142b;
        padding: .75rem;
        border-radius: 4px
    }

    .settings .dropdownSetting .setting-mobile .line[data-v-7ddeea54] {
        margin: auto -20px
    }
}

.settings .dropdownSetting .header[data-v-7ddeea54] {
    padding: 0 10px 20px 0;
    position: relative
}

.settings .dropdownSetting .header h4[data-v-7ddeea54] {
    font-size: 24px;
    font-weight: 900
}

.settings .dropdownSetting .header .close[data-v-7ddeea54] {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 50%
}

.settings .dropdownSetting .wrap[data-v-7ddeea54] {
    opacity: 1
}

.settings .dropdownSetting .wrap .line[data-v-7ddeea54] {
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.settings .dropdownSetting .wrap .line .control[data-v-7ddeea54], .settings .dropdownSetting .wrap .line .type[data-v-7ddeea54] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.settings .dropdownSetting .wrap .line .control svg[data-v-7ddeea54], .settings .dropdownSetting .wrap .line .type svg[data-v-7ddeea54] {
    margin-right: 5px
}

.settings .dropdownSetting .wrap .line .type[data-v-7ddeea54] {
    font-size: 15px
}

.settings .dropdownSetting .wrap .line .control[data-v-7ddeea54] {
    -webkit-box-flex: 0.05;
    -ms-flex: 0.05 0 135px;
    flex: 0.05 0 135px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.settings .dropdownSetting .wrap .line .control span[data-v-7ddeea54] {
    font-size: 14px
}

.settings .dropdownSetting .wrap .line .long-control[data-v-7ddeea54] {
    -webkit-box-flex: 0.05;
    -ms-flex: 0.05 0 180px;
    flex: 0.05 0 180px
}

.settings .dropdownSetting .wrap .line span[data-v-7ddeea54], .settings .dropdownSetting .wrap .line svg[data-v-7ddeea54] {
    vertical-align: middle
}

.settings .dropdownSetting .wrap .line-language-pc[data-v-7ddeea54] {
    border-bottom: 1px solid #1f2f53
}

.settings .dropdownSetting .language .dropdown-toggle[data-v-7ddeea54]:after {
    vertical-align: .1em;
    float: right;
    margin-top: 8px
}

.settings .dropdownSetting .language button[data-v-7ddeea54] {
    font-size: 13px;
    background: #1d233b;
    width: 100%;
    text-align: left
}

.settings .dropdownSetting .language-dropdown[data-v-7ddeea54] {
    background: #02142b;
    border: 1px solid #1f2f53;
    padding: 0
}

.settings .dropdownSetting .language-dropdown .dropdown-item[data-v-7ddeea54] {
    padding: 1rem;
    font-size: 13px;
    border-top: 1px solid #0d0d0d
}

    .settings .dropdownSetting .language-dropdown .dropdown-item[data-v-7ddeea54]:hover, .settings .dropdownSetting .language-dropdown .selectedCode[data-v-7ddeea54] {
        background: #1d233b
    }

.settings .dropdownSetting-mobile[data-v-7ddeea54] {
    padding: 0;
    font-size: 16px
}

.settings .dropdownSetting-mobile .header-mobile[data-v-7ddeea54] {
    background: #1d233b;
    padding: 25px
}

.settings .dropdownSetting-mobile .header-mobile h4[data-v-7ddeea54] {
    margin-bottom: 0
}

.settings .dropdownSetting-mobile .wrap[data-v-7ddeea54] {
    overflow-y: scroll
}

.settings .setting-mobile .line[data-v-7ddeea54] {
    background: #1d233b;
    padding: 17px 20px !important
}

.settings .setting-mobile .line .type[data-v-7ddeea54] {
    font-size: 16px !important
}

.settings .setting-mobile .line .control[data-v-7ddeea54] {
    -webkit-box-flex: 0.05;
    -ms-flex: 0.05 0 125px;
    flex: 0.05 0 125px
}

.settings .setting-mobile .line .control span[data-v-7ddeea54] {
    font-size: 16px !important
}

.settings .setting-mobile .control-inner[data-v-7ddeea54] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width:1025px) {
    .settings .dropdown-menu[data-v-7ddeea54] {
        padding: 0 15px
    }

    .settings .dropdown-menu .dropdownMenuButton[data-v-7ddeea54], .settings .dropdown-menu .language-dropdown[data-v-7ddeea54] {
        min-width: 160px;
        min-height: 45px
    }
}

.toggleButtonWrapper span {
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase
}

body[data-v-3b3ee09e] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-3b3ee09e]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-3b3ee09e]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-3b3ee09e]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-3b3ee09e] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-3b3ee09e]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-3b3ee09e]::-webkit-inner-spin-button, input[data-v-3b3ee09e]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-3b3ee09e] {
    -moz-appearance: textfield
}

button[data-v-3b3ee09e]:focus, input[data-v-3b3ee09e]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-3b3ee09e] {
    font-size: 8px
}

.font-10[data-v-3b3ee09e] {
    font-size: .6rem !important
}

.font-12[data-v-3b3ee09e] {
    font-size: 12px
}

.font-14[data-v-3b3ee09e] {
    font-size: 14px
}

.font-16[data-v-3b3ee09e] {
    font-size: 16px
}

.font-18[data-v-3b3ee09e] {
    font-size: 18px
}

.font-20[data-v-3b3ee09e] {
    font-size: 20px
}

.font-24[data-v-3b3ee09e] {
    font-size: 24px
}

.font-32[data-v-3b3ee09e] {
    font-size: 32px
}

.font-34[data-v-3b3ee09e] {
    font-size: 34px
}

.font-40[data-v-3b3ee09e] {
    font-size: 2.5rem !important
}

.font-44[data-v-3b3ee09e] {
    font-size: 44px
}

.colorPrimary[data-v-3b3ee09e] {
    color: #2a74f9
}

.colorPrimary1[data-v-3b3ee09e] {
    color: #000 !important
}

.colorSecondary[data-v-3b3ee09e] {
    color: #fff !important
}

.colorSecondary1[data-v-3b3ee09e] {
    color: #414141 !important
}

.colorSecondary2[data-v-3b3ee09e] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-3b3ee09e] {
    color: #0d0d0d
}

.colorSecondary4[data-v-3b3ee09e] {
    color: #02142b
}

.colorSecondary5[data-v-3b3ee09e] {
    color: #1a1e24
}

.colorSecondary6[data-v-3b3ee09e] {
    color: #fafafa
}

.colorSecondary7[data-v-3b3ee09e] {
    color: #333
}

.colorSecondary8[data-v-3b3ee09e] {
    color: #0e0031
}

.colorSuccess[data-v-3b3ee09e] {
    color: #31baa0
}

.colorWarning[data-v-3b3ee09e] {
    color: #ffcf5c
}

.colorDanger[data-v-3b3ee09e] {
    color: #f46273
}

.fillPrimary[data-v-3b3ee09e] {
    fill: #2a74f9
}

.fillWarning[data-v-3b3ee09e] {
    fill: #ffcf5c
}

.fillDanger[data-v-3b3ee09e] {
    fill: #f46273
}

.fillSecondary1[data-v-3b3ee09e] {
    fill: #414141
}

.fillSecondary2[data-v-3b3ee09e] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-3b3ee09e] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-3b3ee09e] {
    fill: #02142b
}

.fillSecondary5[data-v-3b3ee09e] {
    fill: #1a1e24
}

.fillSecondary6[data-v-3b3ee09e] {
    fill: #fafafa
}

.fillSecondary7[data-v-3b3ee09e] {
    fill: #333
}

.fillSecondary8[data-v-3b3ee09e] {
    fill: #0e0031
}

.textnote-notidesc[data-v-3b3ee09e] {
    color: #fff
}

.bgColor0[data-v-3b3ee09e] {
    background-color: transparent
}

.bgPrimary-hover[data-v-3b3ee09e]:hover, .bgPrimary[data-v-3b3ee09e] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-3b3ee09e]:hover, .bgPrimary1[data-v-3b3ee09e] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-3b3ee09e]:hover, .bgPrimary2[data-v-3b3ee09e] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-3b3ee09e]:hover, .bgSecondary[data-v-3b3ee09e] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-3b3ee09e]:hover, .bgSecondary1[data-v-3b3ee09e] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-3b3ee09e]:hover, .bgSecondary2[data-v-3b3ee09e] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-3b3ee09e]:hover, .bgSecondary3[data-v-3b3ee09e] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-3b3ee09e] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-3b3ee09e] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-3b3ee09e]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-3b3ee09e]:hover, .bgSecondary5[data-v-3b3ee09e] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-3b3ee09e]:hover, .bgSecondary6[data-v-3b3ee09e] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-3b3ee09e]:hover, .bgSecondary7[data-v-3b3ee09e] {
    background-color: #333 !important
}

.bgSecondary8[data-v-3b3ee09e] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-3b3ee09e]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-3b3ee09e] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-3b3ee09e]:hover, .bgSuccess[data-v-3b3ee09e] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-3b3ee09e] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-3b3ee09e] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-3b3ee09e]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-3b3ee09e] {
    fill: #31baa0
}

.w-14-px[data-v-3b3ee09e] {
    width: 14px
}

.max-width-50[data-v-3b3ee09e] {
    max-width: 50%
}

.h-60-px[data-v-3b3ee09e] {
    height: 60px
}

.h-100-px[data-v-3b3ee09e] {
    height: 100px
}

.mb-16-px[data-v-3b3ee09e] {
    margin-bottom: 16px
}

.mb-30-px[data-v-3b3ee09e] {
    margin-bottom: 30px
}

.borderRounded[data-v-3b3ee09e] {
    border-radius: 5px
}

.borderPrimary[data-v-3b3ee09e] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-3b3ee09e] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-3b3ee09e] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-3b3ee09e] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-3b3ee09e] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-3b3ee09e] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-3b3ee09e] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-3b3ee09e] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-3b3ee09e] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-3b3ee09e] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-3b3ee09e] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-3b3ee09e] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-3b3ee09e] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-3b3ee09e] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-3b3ee09e]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-3b3ee09e] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-3b3ee09e] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-3b3ee09e] {
    padding: 1px
}

.px-1-px[data-v-3b3ee09e] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-3b3ee09e] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-3b3ee09e] {
    padding-left: 1px
}

.pr-1-px[data-v-3b3ee09e] {
    padding-right: 1px
}

.pt-1-px[data-v-3b3ee09e] {
    padding-top: 1px
}

.pb-1-px[data-v-3b3ee09e] {
    padding-bottom: 1px
}

.p-2-px[data-v-3b3ee09e] {
    padding: 2px
}

.px-2-px[data-v-3b3ee09e] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-3b3ee09e] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-3b3ee09e] {
    padding-left: 2px
}

.pr-2-px[data-v-3b3ee09e] {
    padding-right: 2px
}

.pt-2-px[data-v-3b3ee09e] {
    padding-top: 2px
}

.pb-2-px[data-v-3b3ee09e] {
    padding-bottom: 2px
}

.p-8-px[data-v-3b3ee09e] {
    padding: 8px
}

.px-8-px[data-v-3b3ee09e] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-3b3ee09e] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-3b3ee09e] {
    padding-left: 8px
}

.pr-8-px[data-v-3b3ee09e] {
    padding-right: 8px
}

.pt-8-px[data-v-3b3ee09e] {
    padding-top: 8px
}

.pb-8-px[data-v-3b3ee09e] {
    padding-bottom: 8px
}

.p-10-px[data-v-3b3ee09e] {
    padding: 10px
}

.px-10-px[data-v-3b3ee09e] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-3b3ee09e] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-3b3ee09e] {
    padding-left: 10px
}

.pr-10-px[data-v-3b3ee09e] {
    padding-right: 10px
}

.pt-10-px[data-v-3b3ee09e] {
    padding-top: 10px
}

.pb-10-px[data-v-3b3ee09e] {
    padding-bottom: 10px
}

.p-12-px[data-v-3b3ee09e] {
    padding: 12px
}

.px-12-px[data-v-3b3ee09e] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-3b3ee09e] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-3b3ee09e] {
    padding-left: 12px
}

.pr-12-px[data-v-3b3ee09e] {
    padding-right: 12px
}

.pt-12-px[data-v-3b3ee09e] {
    padding-top: 12px
}

.pb-12-px[data-v-3b3ee09e] {
    padding-bottom: 12px
}

.p-16-px[data-v-3b3ee09e] {
    padding: 16px
}

.px-16-px[data-v-3b3ee09e] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-3b3ee09e] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-3b3ee09e] {
    padding-left: 16px
}

.pr-16-px[data-v-3b3ee09e] {
    padding-right: 16px
}

.pt-16-px[data-v-3b3ee09e] {
    padding-top: 16px
}

.pb-16-px[data-v-3b3ee09e] {
    padding-bottom: 16px
}

.p-30-px[data-v-3b3ee09e] {
    padding: 30px
}

.px-30-px[data-v-3b3ee09e] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-3b3ee09e] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-3b3ee09e] {
    padding-left: 30px
}

.pr-30-px[data-v-3b3ee09e] {
    padding-right: 30px
}

.pt-30-px[data-v-3b3ee09e] {
    padding-top: 30px
}

.pb-30-px[data-v-3b3ee09e] {
    padding-bottom: 30px
}

.font-30[data-v-3b3ee09e] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-3b3ee09e] {
    font-weight: 700
}

.wbo-title[data-v-3b3ee09e] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-3b3ee09e] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-3b3ee09e] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-3b3ee09e] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-3b3ee09e]:focus {
        outline: 0
    }

    .button[data-v-3b3ee09e]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-3b3ee09e] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-3b3ee09e]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-3b3ee09e] {
    padding: 11px 2.5rem
}

.button.primary[data-v-3b3ee09e], .button.primary[data-v-3b3ee09e]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-3b3ee09e], .text-primary[data-v-3b3ee09e], a .primary-hover[data-v-3b3ee09e]:hover {
    color: #000 !important
}

ul[data-v-3b3ee09e] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-3b3ee09e], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-3b3ee09e] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-3b3ee09e]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-3b3ee09e]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-3b3ee09e], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-3b3ee09e], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-3b3ee09e]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-3b3ee09e], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-3b3ee09e], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-3b3ee09e]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-3b3ee09e], .faqsContent .content .navigator ul li a.active[data-v-3b3ee09e]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-3b3ee09e]:hover {
    color: #000
}

.ps[data-v-3b3ee09e] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-3b3ee09e] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-3b3ee09e], .ps__rail-y[data-v-3b3ee09e] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-3b3ee09e] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-3b3ee09e], .ps--active-y > .ps__rail-y[data-v-3b3ee09e] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-3b3ee09e], .ps--focus > .ps__rail-y[data-v-3b3ee09e], .ps--scrolling-x > .ps__rail-x[data-v-3b3ee09e], .ps--scrolling-y > .ps__rail-y[data-v-3b3ee09e], .ps:hover > .ps__rail-x[data-v-3b3ee09e], .ps:hover > .ps__rail-y[data-v-3b3ee09e] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-3b3ee09e], .ps .ps__rail-x[data-v-3b3ee09e]:focus, .ps .ps__rail-x[data-v-3b3ee09e]:hover, .ps .ps__rail-y.ps--clicking[data-v-3b3ee09e], .ps .ps__rail-y[data-v-3b3ee09e]:focus, .ps .ps__rail-y[data-v-3b3ee09e]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-3b3ee09e] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-3b3ee09e] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-3b3ee09e], .ps__rail-x:focus > .ps__thumb-x[data-v-3b3ee09e], .ps__rail-x:hover > .ps__thumb-x[data-v-3b3ee09e] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-3b3ee09e], .ps__rail-y:focus > .ps__thumb-y[data-v-3b3ee09e], .ps__rail-y:hover > .ps__thumb-y[data-v-3b3ee09e] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-3b3ee09e] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-3b3ee09e] {
        overflow: auto !important
    }
}

.md-field[data-v-3b3ee09e] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-3b3ee09e] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-3b3ee09e] {
    color: #2a74f9
}

.md-field .md-error[data-v-3b3ee09e] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-3b3ee09e] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-3b3ee09e], .md-field.md-has-value label[data-v-3b3ee09e] {
    top: -10px
}

.form-control[data-v-3b3ee09e], .md-field .md-input[data-v-3b3ee09e], .md-field .md-textarea[data-v-3b3ee09e], .winput[data-v-3b3ee09e] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-3b3ee09e] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-3b3ee09e] {
    fill: #0d0d0d
}

.round[data-v-3b3ee09e] {
    border-radius: 5px
}

.off[data-v-3b3ee09e] {
    position: relative;
    cursor: default
}

.off > [data-v-3b3ee09e] {
    opacity: .5
}

.off[data-v-3b3ee09e]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-3b3ee09e] {
    cursor: pointer
}

.close-page[data-v-3b3ee09e] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-3b3ee09e] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-3b3ee09e], .slide-fade-leave-active[data-v-3b3ee09e] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-3b3ee09e], .slide-fade-leave-to[data-v-3b3ee09e] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-3b3ee09e {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-3b3ee09e {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-3b3ee09e] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-3b3ee09e] {
    color: #ffcf5c
}

.button[data-v-3b3ee09e] {
    font-weight: 700
}

.modal .modal-dialog[data-v-3b3ee09e] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-3b3ee09e] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-3b3ee09e] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-3b3ee09e], .modal .modal-dialog .modal-header[data-v-3b3ee09e] {
    border: none
}

#chartCommisst .highcharts-title[data-v-3b3ee09e] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-3b3ee09e] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-3b3ee09e] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-3b3ee09e], .modal .modal-dialog form[data-v-3b3ee09e] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-3b3ee09e] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-3b3ee09e], .FaqsDetail[data-v-3b3ee09e] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-3b3ee09e], .FaqsDetail[data-v-3b3ee09e] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-3b3ee09e], .FaqsDetail .headerMaster .boxHeader[data-v-3b3ee09e] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-3b3ee09e], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-3b3ee09e] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-3b3ee09e], .Faqs main[data-v-3b3ee09e] {
    background-color: unset
}

.titleChartCandle[data-v-3b3ee09e] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-3b3ee09e] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-3b3ee09e] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-3b3ee09e] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-3b3ee09e], .plotlineChart .time[data-v-3b3ee09e] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-3b3ee09e] {
    top: 51px
}

.boxHeader[data-v-3b3ee09e] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-3b3ee09e], .boxHeader .register[data-v-3b3ee09e] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-3b3ee09e] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-3b3ee09e] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-3b3ee09e] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-3b3ee09e] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-3b3ee09e]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-3b3ee09e] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-3b3ee09e]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-3b3ee09e] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-3b3ee09e]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-3b3ee09e] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-3b3ee09e] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-3b3ee09e] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-3b3ee09e] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-3b3ee09e] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-3b3ee09e] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-3b3ee09e] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-3b3ee09e] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-3b3ee09e] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-3b3ee09e] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-3b3ee09e] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-3b3ee09e] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-3b3ee09e] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-3b3ee09e] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-3b3ee09e] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-3b3ee09e] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-3b3ee09e] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-3b3ee09e] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-3b3ee09e] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-3b3ee09e] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-3b3ee09e] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-3b3ee09e] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-3b3ee09e] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-3b3ee09e] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-3b3ee09e] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-3b3ee09e] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-3b3ee09e] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-3b3ee09e] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-3b3ee09e] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-3b3ee09e] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-3b3ee09e] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-3b3ee09e] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-3b3ee09e] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-3b3ee09e] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-3b3ee09e] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-3b3ee09e] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-3b3ee09e] {
        height: 56px !important
    }
}

input.form-control[data-v-3b3ee09e], input[data-v-3b3ee09e], select.form-control[data-v-3b3ee09e], select[data-v-3b3ee09e] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-3b3ee09e] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-3b3ee09e] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-3b3ee09e] {
    line-height: 100%
}

.button.btn-long[data-v-3b3ee09e] {
    padding: 10px 40px
}

.button.btn-radius[data-v-3b3ee09e] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-3b3ee09e] {
    border-radius: 20px
}

.button.btn-full[data-v-3b3ee09e] {
    width: 100%
}

.button.btn-80[data-v-3b3ee09e] {
    width: 80%
}

.button.hasIcon[data-v-3b3ee09e] {
    padding-left: 50px
}

.button a[data-v-3b3ee09e] {
    display: block
}

.button .labelIcon[data-v-3b3ee09e] {
    position: absolute
}

.button .labelIcon svg[data-v-3b3ee09e] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-3b3ee09e] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-3b3ee09e]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-3b3ee09e] {
    outline: none
}

.keyboard-input-wrap[data-v-3b3ee09e] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-3b3ee09e] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-3b3ee09e] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-3b3ee09e] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-3b3ee09e] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-3b3ee09e] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-3b3ee09e] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-3b3ee09e] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-3b3ee09e] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-3b3ee09e] {
    font-size: 1.2em
}

.color-white[data-v-3b3ee09e] {
    color: #fff
}

.color-white-50[data-v-3b3ee09e] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-3b3ee09e] {
    display: none
}

.ld-loading .loading[data-v-3b3ee09e], .main-loading .loading[data-v-3b3ee09e] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-3b3ee09e] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-3b3ee09e]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-3b3ee09e]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-3b3ee09e] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-3b3ee09e] {
    -webkit-animation: rotate-data-v-3b3ee09e 1s linear infinite;
    animation: rotate-data-v-3b3ee09e 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-3b3ee09e] {
    stroke: transparent
}

.wrapNotify[data-v-3b3ee09e] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-3b3ee09e] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-3b3ee09e] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-3b3ee09e] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-3b3ee09e] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-3b3ee09e] {
    display: block
}

.wrapNotify .close-notify[data-v-3b3ee09e] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-3b3ee09e] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-3b3ee09e] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-3b3ee09e] {
    background-color: transparent
}

.colorWhite[data-v-3b3ee09e] {
    color: #fff
}

.colorRed[data-v-3b3ee09e] {
    color: #f46273
}

.colorGreen[data-v-3b3ee09e] {
    color: #31baa0
}

.colorGray[data-v-3b3ee09e] {
    color: #7c7c7c
}

.tableBackground[data-v-3b3ee09e] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-3b3ee09e] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-3b3ee09e], .tableBackground .table-dark th[data-v-3b3ee09e] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-3b3ee09e]:after, .tableBackground .table-dark th[data-v-3b3ee09e]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-3b3ee09e] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-3b3ee09e], .tableBackground .table-dark th[data-v-3b3ee09e] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-3b3ee09e]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-3b3ee09e]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-3b3ee09e] {
    background-color: #060642
}

.tableBackground #paging li[data-v-3b3ee09e] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-3b3ee09e] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-3b3ee09e] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-3b3ee09e], .customeTradeHistory[data-v-3b3ee09e] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-3b3ee09e], .customeTradeHistory .reportrange-text[data-v-3b3ee09e] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-3b3ee09e], .customeTradeHistory .reportrange-text .seperate[data-v-3b3ee09e] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-3b3ee09e], .customeTradeHistory .reportrange-text span[data-v-3b3ee09e] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-3b3ee09e] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-3b3ee09e] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-3b3ee09e] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-3b3ee09e]:after, .startDate .daterangepicker.openscenter[data-v-3b3ee09e]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-3b3ee09e] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-3b3ee09e] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-3b3ee09e] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-3b3ee09e] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-3b3ee09e] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-3b3ee09e] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-3b3ee09e] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-3b3ee09e] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-3b3ee09e] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-3b3ee09e] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-3b3ee09e] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-3b3ee09e] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-3b3ee09e] {
    text-align: center
}

.border-none[data-v-3b3ee09e] {
    border: none
}

.text-domain[data-v-3b3ee09e]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-3b3ee09e] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-3b3ee09e] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-3b3ee09e] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-3b3ee09e] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-3b3ee09e] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-3b3ee09e] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-3b3ee09e] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-3b3ee09e] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-3b3ee09e] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-3b3ee09e] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-3b3ee09e] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-3b3ee09e] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-3b3ee09e] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-3b3ee09e] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-3b3ee09e] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-3b3ee09e] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-3b3ee09e] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-3b3ee09e] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-3b3ee09e] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-3b3ee09e] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-3b3ee09e] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-3b3ee09e] {
    fill: #fff
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-3b3ee09e] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-3b3ee09e] {
    fill: #000
}

.btn-active-paging[data-v-3b3ee09e] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-3b3ee09e] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-3b3ee09e] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-3b3ee09e] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-3b3ee09e], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-3b3ee09e] {
    background: #8b8d96 !important
}

.transactionBox[data-v-3b3ee09e] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-3b3ee09e] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-3b3ee09e] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-3b3ee09e] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-3b3ee09e] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-3b3ee09e] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-3b3ee09e] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-3b3ee09e] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-3b3ee09e] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-3b3ee09e] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-3b3ee09e] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-3b3ee09e] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-3b3ee09e] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-3b3ee09e] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-3b3ee09e] {
    color: #2a74f9 !important
}

.iconLive[data-v-3b3ee09e] {
    position: absolute;
    right: 20px;
    -ms-flex-item-align: center;
    align-self: center
}

.menuProfile[data-v-3b3ee09e] {
    padding: 0 !important
}

.groupIcon[data-v-3b3ee09e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.groupIcon .leftNav[data-v-3b3ee09e] {
    -ms-flex-preferred-size: 15%;
    flex-basis: 15%
}

.groupIcon a[data-v-3b3ee09e] {
}

.groupIcon .logoSidebar[data-v-3b3ee09e] {
    margin-bottom: 0 !important
}

.listMenu[data-v-3b3ee09e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: auto !important
}

.buttonGroup[data-v-3b3ee09e] {
    position: static !important
}

@media only screen and (max-width:575.98px) {
    .white-theme .detailProfile .avatar.user-avatar:hover .overlay[data-v-3b3ee09e] {
        display: none
    }

    .white-theme .detailProfile .labelIcon .avatar[data-v-3b3ee09e] {
        width: 20px;
        height: 20px;
        display: inline-block
    }

    .white-theme .detailProfile .labelIcon .avatar img[data-v-3b3ee09e] {
        width: 100%;
        height: 100%;
        border-radius: 50%
    }

    .white-theme .detailProfile .textNickName[data-v-3b3ee09e] {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 25px
    }

    .white-theme .menuProfile .listMenu li a[data-v-3b3ee09e] {
        color: #fff
    }

    .white-theme .menuProfile .listMenu li .line[data-v-3b3ee09e] {
        background-color: #e7e7e8 !important
    }

    .white-theme .menuProfile .intro .becomeInvestor .label[data-v-3b3ee09e] {
        color: #5d6481 !important
    }

    .white-theme .button.btn-primary.btn-active[data-v-3b3ee09e] {
        background: #2a74f9
    }

    .white-theme .button.btn-primary.btn-border[data-v-3b3ee09e] {
        border: 2px solid #2a74f9
    }
}

.menuProfile .bodySidebar .listMenu li .nav-link .rightNav {
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    flex: 1 auto;
}

.menuProfile .listMenu li.new a[data-v-3b3ee09e]:after {
    content: "";
    background: url(/img/icon-new.fcd46954.svg) no-repeat;
    background-size: contain;
    background-position: 50%;
    height: 20px;
    width: 25px;
    display: inline-block
}

.menuProfile .listMenu li #collapseEshare .new[data-v-3b3ee09e] {
    position: relative
}

    .menuProfile .listMenu li #collapseEshare .new[data-v-3b3ee09e]:after {
        content: "";
        width: 28px;
        height: 18px;
        display: inline-block;
        overflow: hidden;
        margin-left: 5px;
        background: url(../img/New.64300f96.svg) no-repeat
    }

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .buttonGroup[data-v-3b3ee09e] {
        position: static !important
    }
}

@media (max-width:768px) {
    #leftSidebar[data-v-3b3ee09e] {
        font-size: 16px;
        width: 100%;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        min-width: 0;
        position: fixed;
        z-index: 99999;
        top: 0;
        left: -100%;
        height: 100%;
        padding: 0;
        opacity: 0;
        background-color: rgba(0,0,0,.4)
    }

    #leftSidebar.active[data-v-3b3ee09e] {
        left: 0
    }

    #leftSidebar.active.anim[data-v-3b3ee09e] {
        opacity: 1;
        -webkit-transition: opacity .1s ease-out;
        transition: opacity .1s ease-out
    }

    #leftSidebar.active.anim .menuProfile[data-v-3b3ee09e] {
        -webkit-transform: translate(0);
        transform: translate(0);
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease,-webkit-transform .3s ease
    }

    #leftSidebar.inActive.anim[data-v-3b3ee09e] {
        left: -100%;
        opacity: 0;
        -webkit-transition: opacity .3s ease .3s,left 0s ease .7s;
        transition: opacity .3s ease .3s,left 0s ease .7s
    }

    #leftSidebar.inActive.anim .menuProfile[data-v-3b3ee09e] {
        -webkit-transform: translateX(-280px);
        transform: translateX(-280px);
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease,-webkit-transform .3s ease
    }

    #leftSidebar .menuProfile[data-v-3b3ee09e] {
        width: 100%;
        position: relative;
        overflow-y: auto;
        height: 100%;
        max-width: 309px;
        background-color: #02142b !important;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    .white-theme.mobile-version .totalCount[data-v-3b3ee09e] {
        color: #fff;
        position: absolute;
        bottom: 100%;
        left: 100%;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        text-align: center;
        line-height: 16px;
        font-size: 10px;
        background-color: #f46273;
        -webkit-transform: translateY(50%);
        transform: translateY(50%)
    }

    .white-theme.mobile-version .paddingLR-12m[data-v-3b3ee09e] {
        padding: .75rem 0 !important
    }

    .white-theme.mobile-version .settings .mobile[data-v-3b3ee09e] {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .white-theme.mobile-version #leftSidebar .menuProfile[data-v-3b3ee09e] {
        padding-bottom: 0
    }

    .white-theme.mobile-version #leftSidebar .menuProfile .listMenu .textNickName[data-v-3b3ee09e] {
        width: 200px;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .white-theme.mobile-version #leftSidebar .menuProfile .listMenu li > div[data-v-3b3ee09e], .white-theme.mobile-version #leftSidebar .menuProfile .listMenu li a[data-v-3b3ee09e] {
        font-size: 14px
    }

    .white-theme.mobile-version #leftSidebar .menuProfile .listMenu li > div[data-v-3b3ee09e] {
        padding: .75rem
    }

    .white-theme.mobile-version #leftSidebar .buttonGroup[data-v-3b3ee09e] {
        padding-top: .25rem;
        padding-bottom: .25rem
    }

    .white-theme.mobile-version #leftSidebar .buttonGroup .button[data-v-3b3ee09e] {
        font-size: 12px !important
    }

    .white-theme.mobile-version .logoSidebar[data-v-3b3ee09e] {
        display: inline-block;
        margin-bottom: 2rem;
        padding-left: 10px
    }

    .white-theme.mobile-version .logoSidebar img[data-v-3b3ee09e] {
        max-width: 190px
    }

    .white-theme.mobile-version .nav-item .arrow[data-v-3b3ee09e] {
        font-size: 1.125rem
    }

    .white-theme.mobile-version .swapMenu .nav-link.new[data-v-3b3ee09e]:after {
        content: "";
        display: block;
        overflow: hidden;
        width: 25px;
        height: 21px;
        margin-left: 5px;
        background-size: 100% 100%
    }

    .white-theme.mobile-version .swapMenu .nav-link svg.active[data-v-3b3ee09e] {
        display: none
    }

    .white-theme.mobile-version .swapMenu .nav-link.router-link-active svg.active[data-v-3b3ee09e], .white-theme.mobile-version .swapMenu .nav-link svg.non-active[data-v-3b3ee09e] {
        display: unset
    }

    .white-theme.mobile-version .swapMenu .nav-link.router-link-active svg.non-active[data-v-3b3ee09e] {
        display: none
    }

    .white-theme.mobile-version .buttonGroup[data-v-3b3ee09e] {
        width: 100%;
        padding: .75rem;
        position: absolute;
        bottom: 0;
        border-top: 1px solid hsla(0,0%,100%,.2)
    }

    .white-theme.mobile-version .buttonGroup .button[data-v-3b3ee09e] {
        color: #fff;
        font-size: .875rem;
        font-weight: 400;
        background-color: transparent;
        border: none;
        display: inline-block;
        text-align: left;
        padding: 0
    }

    .white-theme.mobile-version .buttonGroupNotAuthen[data-v-3b3ee09e] {
        position: absolute;
        bottom: 5%;
        left: 0;
        width: 100%;
        padding: .75rem
    }

    .white-theme.mobile-version .buttonGroupNotAuthen .a[data-v-3b3ee09e] {
        font-size: .875rem;
        font-weight: 400
    }

    .white-theme.mobile-version .dropdown .pointer[data-v-3b3ee09e] {
        display: inline-block;
        width: 100%;
        padding: .75rem;
        overflow: hidden;
        font-size: 1rem;
        font-weight: 400;
        white-space: nowrap;
        text-overflow: ellipsis;
        background-color: transparent
    }

    .white-theme.mobile-version .dropdown.show .dropdown-menu[data-v-3b3ee09e] {
        width: 100%;
        position: absolute !important;
        border: none;
        padding-left: 10px
    }

    .white-theme.mobile-version .nav-item .nav-link[data-v-3b3ee09e] {
        padding: .75rem !important
    }

    .white-theme.mobile-version .nav-item .nav-link.profileInfo[data-v-3b3ee09e] {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .white-theme.mobile-version .nav-item .nav-link.profileInfo svg[data-v-3b3ee09e] {
        margin-right: 5px;
        width: 25px
    }

    .white-theme.mobile-version .listMenu .dropdown-item[data-v-3b3ee09e] {
        padding: .75rem !important
    }

    .white-theme #leftSidebar[data-v-3b3ee09e] {
        z-index: 9998;
        background-color: rgba(0,0,0,.4) !important
    }

    .white-theme #leftSidebar .menuProfile[data-v-3b3ee09e] {
        padding-left: 0;
        max-width: 309px;
        background-color: #0e0031 !important;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    .white-theme #leftSidebar .menuProfile li.deposit[data-v-3b3ee09e] {
        margin-top: .25rem;
        margin-left: 0;
        margin-right: 0
    }

    .white-theme #leftSidebar .menuProfile .btn[data-v-3b3ee09e] {
        border: none
    }

    .white-theme #leftSidebar .menuProfile .listMenu li a.active[data-v-3b3ee09e] {
        background-color: transparent
    }

    .white-theme #leftSidebar .menuProfile .listMenu li a.active .mobile-icon-profile[data-v-3b3ee09e] {
        stroke: #2a74f9
    }

    .white-theme .mobile-icon-profile[data-v-3b3ee09e] {
        stroke: #0d0d0d
    }

    .white-theme .button.btn-primary.btn-bounce[data-v-3b3ee09e]:hover {
        color: #000
    }

    #leftSidebar .listMenu[data-v-3b3ee09e] {
        height: auto;
        overflow: hidden
    }

    .menuProfile .listMenu li.deposit[data-v-3b3ee09e] {
        width: 96%;
        margin-left: -10px;
        margin-right: -10px
    }

    .menuProfile .listMenu li.deposit .button.btn-large[data-v-3b3ee09e] {
        width: 100% !important
    }

    .menuProfile .listMenu li.deposit .button.round-medium[data-v-3b3ee09e] {
        border-radius: 5px
    }

    .menuProfile .listMenu li.deposit .button span[data-v-3b3ee09e] {
        font-weight: 400
    }

    #leftSidebar .menuProfile[data-v-3b3ee09e] {
        font-size: 1rem
    }

    #leftSidebar .menuProfile .labelIcon[data-v-3b3ee09e] {
        margin-right: 8px
    }

    #leftSidebar .menuProfile .bodySidebar[data-v-3b3ee09e] {
        padding: .75rem 0;
        background-color: #02142b;
        min-height: 100%
    }

    #leftSidebar .menuProfile .bodySidebar .groupIcon[data-v-3b3ee09e] {
        padding: 0 1.2rem
    }

    #leftSidebar .menuProfile .bodySidebar .user-avatar[data-v-3b3ee09e] {
        width: 25px;
        height: 25px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 50%;
        background-image: url(../img/avatar-default.7edfdd52.svg);
        border-radius: 50%;
        position: relative;
        cursor: pointer
    }

    #leftSidebar .menuProfile .bodySidebar .listMenu[data-v-3b3ee09e] {
        margin-left: 1.25rem;
        padding-right: 1.25rem
    }

    #leftSidebar .menuProfile .bodySidebar .listMenu li[data-v-3b3ee09e] {
        margin-bottom: 1rem
    }

    #leftSidebar .menuProfile .bodySidebar .listMenu li .nav-link[data-v-3b3ee09e] {
        color: #fff !important;
        font-size: 1rem !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 4px;
        background-color: #2f3342;
        padding: .75rem;
        -webkit-box-pack: left !important;
        -ms-flex-pack: left !important;
        justify-content: left !important
    }

    #leftSidebar .menuProfile .bodySidebar .listMenu li .nav-link .leftNav[data-v-3b3ee09e] {
        -ms-flex-preferred-size: 12%;
        flex-basis: 12%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 14px
    }
}

.white-theme #leftSidebar[data-v-3b3ee09e] {
    background-color: #fff;
    -webkit-box-shadow: 2px 0 13px -1px rgba(0,0,0,.3);
    box-shadow: 2px 0 13px -1px rgba(0,0,0,.3)
}

.st0[data-v-3b3ee09e] {
    fill: #fff
}

.router-link-active.btn-active[data-v-3b3ee09e], .router-link-exact-active.active[data-v-3b3ee09e] {
    color: #2a74f9
}

.totalCount[data-v-3b3ee09e] {
    color: #fff;
    position: absolute;
    bottom: 100%;
    left: 100%;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    text-align: center;
    line-height: 16px;
    font-size: 10px;
    background-color: #f46273;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

body[data-v-7f9aa72d] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-7f9aa72d]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-7f9aa72d]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-7f9aa72d]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-7f9aa72d] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-7f9aa72d]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-7f9aa72d]::-webkit-inner-spin-button, input[data-v-7f9aa72d]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-7f9aa72d] {
    -moz-appearance: textfield
}

button[data-v-7f9aa72d]:focus, input[data-v-7f9aa72d]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-7f9aa72d] {
    font-size: 8px
}

.font-10[data-v-7f9aa72d] {
    font-size: .6rem !important
}

.font-12[data-v-7f9aa72d] {
    font-size: 12px
}

.font-14[data-v-7f9aa72d] {
    font-size: 14px
}

.font-16[data-v-7f9aa72d] {
    font-size: 16px
}

.font-18[data-v-7f9aa72d] {
    font-size: 18px
}

.font-20[data-v-7f9aa72d] {
    font-size: 20px
}

.font-24[data-v-7f9aa72d] {
    font-size: 24px
}

.font-32[data-v-7f9aa72d] {
    font-size: 32px
}

.font-34[data-v-7f9aa72d] {
    font-size: 34px
}

.font-40[data-v-7f9aa72d] {
    font-size: 2.5rem !important
}

.font-44[data-v-7f9aa72d] {
    font-size: 44px
}

.colorPrimary[data-v-7f9aa72d] {
    color: #2a74f9
}

.colorPrimary1[data-v-7f9aa72d] {
    color: #000 !important
}

.colorSecondary[data-v-7f9aa72d] {
    color: #fff !important
}

.colorSecondary1[data-v-7f9aa72d] {
    color: #414141 !important
}

.colorSecondary2[data-v-7f9aa72d] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-7f9aa72d] {
    color: #0d0d0d
}

.colorSecondary4[data-v-7f9aa72d] {
    color: #02142b
}

.colorSecondary5[data-v-7f9aa72d] {
    color: #1a1e24
}

.colorSecondary6[data-v-7f9aa72d] {
    color: #fafafa
}

.colorSecondary7[data-v-7f9aa72d] {
    color: #333
}

.colorSecondary8[data-v-7f9aa72d] {
    color: #0e0031
}

.colorSuccess[data-v-7f9aa72d] {
    color: #31baa0
}

.colorWarning[data-v-7f9aa72d] {
    color: #ffcf5c
}

.colorDanger[data-v-7f9aa72d] {
    color: #f46273
}

.fillPrimary[data-v-7f9aa72d] {
    fill: #2a74f9
}

.fillWarning[data-v-7f9aa72d] {
    fill: #ffcf5c
}

.fillDanger[data-v-7f9aa72d] {
    fill: #f46273
}

.fillSecondary1[data-v-7f9aa72d] {
    fill: #414141
}

.fillSecondary2[data-v-7f9aa72d] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-7f9aa72d] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-7f9aa72d] {
    fill: #02142b
}

.fillSecondary5[data-v-7f9aa72d] {
    fill: #1a1e24
}

.fillSecondary6[data-v-7f9aa72d] {
    fill: #fafafa
}

.fillSecondary7[data-v-7f9aa72d] {
    fill: #333
}

.fillSecondary8[data-v-7f9aa72d] {
    fill: #0e0031
}

.textnote-notidesc[data-v-7f9aa72d] {
    color: #fff
}

.bgColor0[data-v-7f9aa72d] {
    background-color: transparent
}

.bgPrimary-hover[data-v-7f9aa72d]:hover, .bgPrimary[data-v-7f9aa72d] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-7f9aa72d]:hover, .bgPrimary1[data-v-7f9aa72d] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-7f9aa72d]:hover, .bgPrimary2[data-v-7f9aa72d] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-7f9aa72d]:hover, .bgSecondary[data-v-7f9aa72d] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-7f9aa72d]:hover, .bgSecondary1[data-v-7f9aa72d] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-7f9aa72d]:hover, .bgSecondary2[data-v-7f9aa72d] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-7f9aa72d]:hover, .bgSecondary3[data-v-7f9aa72d] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-7f9aa72d] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-7f9aa72d] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-7f9aa72d]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-7f9aa72d]:hover, .bgSecondary5[data-v-7f9aa72d] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-7f9aa72d]:hover, .bgSecondary6[data-v-7f9aa72d] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-7f9aa72d]:hover, .bgSecondary7[data-v-7f9aa72d] {
    background-color: #333 !important
}

.bgSecondary8[data-v-7f9aa72d] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-7f9aa72d]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-7f9aa72d] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-7f9aa72d]:hover, .bgSuccess[data-v-7f9aa72d] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-7f9aa72d] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-7f9aa72d] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-7f9aa72d]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-7f9aa72d] {
    fill: #31baa0
}

.w-14-px[data-v-7f9aa72d] {
    width: 14px
}

.max-width-50[data-v-7f9aa72d] {
    max-width: 50%
}

.h-60-px[data-v-7f9aa72d] {
    height: 60px
}

.h-100-px[data-v-7f9aa72d] {
    height: 100px
}

.mb-16-px[data-v-7f9aa72d] {
    margin-bottom: 16px
}

.mb-30-px[data-v-7f9aa72d] {
    margin-bottom: 30px
}

.borderRounded[data-v-7f9aa72d] {
    border-radius: 5px
}

.borderPrimary[data-v-7f9aa72d] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-7f9aa72d] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-7f9aa72d] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-7f9aa72d] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-7f9aa72d] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-7f9aa72d] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-7f9aa72d] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-7f9aa72d] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-7f9aa72d] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-7f9aa72d] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-7f9aa72d] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-7f9aa72d] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-7f9aa72d] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-7f9aa72d] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-7f9aa72d]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-7f9aa72d] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-7f9aa72d] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-7f9aa72d] {
    padding: 1px
}

.px-1-px[data-v-7f9aa72d] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-7f9aa72d] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-7f9aa72d] {
    padding-left: 1px
}

.pr-1-px[data-v-7f9aa72d] {
    padding-right: 1px
}

.pt-1-px[data-v-7f9aa72d] {
    padding-top: 1px
}

.pb-1-px[data-v-7f9aa72d] {
    padding-bottom: 1px
}

.p-2-px[data-v-7f9aa72d] {
    padding: 2px
}

.px-2-px[data-v-7f9aa72d] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-7f9aa72d] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-7f9aa72d] {
    padding-left: 2px
}

.pr-2-px[data-v-7f9aa72d] {
    padding-right: 2px
}

.pt-2-px[data-v-7f9aa72d] {
    padding-top: 2px
}

.pb-2-px[data-v-7f9aa72d] {
    padding-bottom: 2px
}

.p-8-px[data-v-7f9aa72d] {
    padding: 8px
}

.px-8-px[data-v-7f9aa72d] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-7f9aa72d] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-7f9aa72d] {
    padding-left: 8px
}

.pr-8-px[data-v-7f9aa72d] {
    padding-right: 8px
}

.pt-8-px[data-v-7f9aa72d] {
    padding-top: 8px
}

.pb-8-px[data-v-7f9aa72d] {
    padding-bottom: 8px
}

.p-10-px[data-v-7f9aa72d] {
    padding: 10px
}

.px-10-px[data-v-7f9aa72d] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-7f9aa72d] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-7f9aa72d] {
    padding-left: 10px
}

.pr-10-px[data-v-7f9aa72d] {
    padding-right: 10px
}

.pt-10-px[data-v-7f9aa72d] {
    padding-top: 10px
}

.pb-10-px[data-v-7f9aa72d] {
    padding-bottom: 10px
}

.p-12-px[data-v-7f9aa72d] {
    padding: 12px
}

.px-12-px[data-v-7f9aa72d] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-7f9aa72d] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-7f9aa72d] {
    padding-left: 12px
}

.pr-12-px[data-v-7f9aa72d] {
    padding-right: 12px
}

.pt-12-px[data-v-7f9aa72d] {
    padding-top: 12px
}

.pb-12-px[data-v-7f9aa72d] {
    padding-bottom: 12px
}

.p-16-px[data-v-7f9aa72d] {
    padding: 16px
}

.px-16-px[data-v-7f9aa72d] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-7f9aa72d] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-7f9aa72d] {
    padding-left: 16px
}

.pr-16-px[data-v-7f9aa72d] {
    padding-right: 16px
}

.pt-16-px[data-v-7f9aa72d] {
    padding-top: 16px
}

.pb-16-px[data-v-7f9aa72d] {
    padding-bottom: 16px
}

.p-30-px[data-v-7f9aa72d] {
    padding: 30px
}

.px-30-px[data-v-7f9aa72d] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-7f9aa72d] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-7f9aa72d] {
    padding-left: 30px
}

.pr-30-px[data-v-7f9aa72d] {
    padding-right: 30px
}

.pt-30-px[data-v-7f9aa72d] {
    padding-top: 30px
}

.pb-30-px[data-v-7f9aa72d] {
    padding-bottom: 30px
}

.font-30[data-v-7f9aa72d] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-7f9aa72d] {
    font-weight: 700
}

.wbo-title[data-v-7f9aa72d] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-7f9aa72d] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-7f9aa72d] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-7f9aa72d] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-7f9aa72d]:focus {
        outline: 0
    }

    .button[data-v-7f9aa72d]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-7f9aa72d] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-7f9aa72d]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-7f9aa72d] {
    padding: 11px 2.5rem
}

.button.primary[data-v-7f9aa72d], .button.primary[data-v-7f9aa72d]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-7f9aa72d], .text-primary[data-v-7f9aa72d], a .primary-hover[data-v-7f9aa72d]:hover {
    color: #000 !important
}

ul[data-v-7f9aa72d] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-7f9aa72d], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-7f9aa72d] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-7f9aa72d]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-7f9aa72d]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-7f9aa72d], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-7f9aa72d], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-7f9aa72d]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-7f9aa72d], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-7f9aa72d], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-7f9aa72d]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-7f9aa72d], .faqsContent .content .navigator ul li a.active[data-v-7f9aa72d]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-7f9aa72d]:hover {
    color: #000
}

.ps[data-v-7f9aa72d] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-7f9aa72d] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-7f9aa72d], .ps__rail-y[data-v-7f9aa72d] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-7f9aa72d] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-7f9aa72d], .ps--active-y > .ps__rail-y[data-v-7f9aa72d] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-7f9aa72d], .ps--focus > .ps__rail-y[data-v-7f9aa72d], .ps--scrolling-x > .ps__rail-x[data-v-7f9aa72d], .ps--scrolling-y > .ps__rail-y[data-v-7f9aa72d], .ps:hover > .ps__rail-x[data-v-7f9aa72d], .ps:hover > .ps__rail-y[data-v-7f9aa72d] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-7f9aa72d], .ps .ps__rail-x[data-v-7f9aa72d]:focus, .ps .ps__rail-x[data-v-7f9aa72d]:hover, .ps .ps__rail-y.ps--clicking[data-v-7f9aa72d], .ps .ps__rail-y[data-v-7f9aa72d]:focus, .ps .ps__rail-y[data-v-7f9aa72d]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-7f9aa72d] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-7f9aa72d] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-7f9aa72d], .ps__rail-x:focus > .ps__thumb-x[data-v-7f9aa72d], .ps__rail-x:hover > .ps__thumb-x[data-v-7f9aa72d] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-7f9aa72d], .ps__rail-y:focus > .ps__thumb-y[data-v-7f9aa72d], .ps__rail-y:hover > .ps__thumb-y[data-v-7f9aa72d] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-7f9aa72d] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-7f9aa72d] {
        overflow: auto !important
    }
}

.md-field[data-v-7f9aa72d] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-7f9aa72d] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-7f9aa72d] {
    color: #2a74f9
}

.md-field .md-error[data-v-7f9aa72d] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-7f9aa72d] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-7f9aa72d], .md-field.md-has-value label[data-v-7f9aa72d] {
    top: -10px
}

.form-control[data-v-7f9aa72d], .md-field .md-input[data-v-7f9aa72d], .md-field .md-textarea[data-v-7f9aa72d], .winput[data-v-7f9aa72d] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-7f9aa72d] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-7f9aa72d] {
    fill: #0d0d0d
}

.round[data-v-7f9aa72d] {
    border-radius: 5px
}

.off[data-v-7f9aa72d] {
    position: relative;
    cursor: default
}

.off > [data-v-7f9aa72d] {
    opacity: .5
}

.off[data-v-7f9aa72d]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-7f9aa72d] {
    cursor: pointer
}

.close-page[data-v-7f9aa72d] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-7f9aa72d] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-7f9aa72d], .slide-fade-leave-active[data-v-7f9aa72d] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-7f9aa72d], .slide-fade-leave-to[data-v-7f9aa72d] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-7f9aa72d {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-7f9aa72d {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-7f9aa72d] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-7f9aa72d] {
    color: #ffcf5c
}

.button[data-v-7f9aa72d] {
    font-weight: 700
}

.modal .modal-dialog[data-v-7f9aa72d] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-7f9aa72d] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-7f9aa72d] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-7f9aa72d], .modal .modal-dialog .modal-header[data-v-7f9aa72d] {
    border: none
}

#chartCommisst .highcharts-title[data-v-7f9aa72d] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-7f9aa72d] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-7f9aa72d] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-7f9aa72d], .modal .modal-dialog form[data-v-7f9aa72d] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-7f9aa72d] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-7f9aa72d], .FaqsDetail[data-v-7f9aa72d] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-7f9aa72d], .FaqsDetail[data-v-7f9aa72d] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-7f9aa72d], .FaqsDetail .headerMaster .boxHeader[data-v-7f9aa72d] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-7f9aa72d], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-7f9aa72d] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-7f9aa72d], .Faqs main[data-v-7f9aa72d] {
    background-color: unset
}

.titleChartCandle[data-v-7f9aa72d] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-7f9aa72d] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-7f9aa72d] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-7f9aa72d] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-7f9aa72d], .plotlineChart .time[data-v-7f9aa72d] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-7f9aa72d] {
    top: 51px
}

.boxHeader[data-v-7f9aa72d] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-7f9aa72d], .boxHeader .register[data-v-7f9aa72d] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-7f9aa72d] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-7f9aa72d] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-7f9aa72d] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-7f9aa72d] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-7f9aa72d]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-7f9aa72d] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-7f9aa72d]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-7f9aa72d] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-7f9aa72d]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-7f9aa72d] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-7f9aa72d] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-7f9aa72d] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-7f9aa72d] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-7f9aa72d] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-7f9aa72d] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-7f9aa72d] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-7f9aa72d] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-7f9aa72d] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-7f9aa72d] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-7f9aa72d] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-7f9aa72d] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-7f9aa72d] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-7f9aa72d] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-7f9aa72d] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-7f9aa72d] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-7f9aa72d] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-7f9aa72d] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-7f9aa72d] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-7f9aa72d] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-7f9aa72d] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-7f9aa72d] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-7f9aa72d] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-7f9aa72d] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-7f9aa72d] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-7f9aa72d] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-7f9aa72d] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-7f9aa72d] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-7f9aa72d] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-7f9aa72d] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-7f9aa72d] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-7f9aa72d] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-7f9aa72d] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-7f9aa72d] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-7f9aa72d] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-7f9aa72d] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-7f9aa72d] {
        height: 56px !important
    }
}

input.form-control[data-v-7f9aa72d], input[data-v-7f9aa72d], select.form-control[data-v-7f9aa72d], select[data-v-7f9aa72d] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-7f9aa72d] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-7f9aa72d] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-7f9aa72d] {
    line-height: 100%
}

.button.btn-long[data-v-7f9aa72d] {
    padding: 10px 40px
}

.button.btn-radius[data-v-7f9aa72d] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-7f9aa72d] {
    border-radius: 20px
}

.button.btn-full[data-v-7f9aa72d] {
    width: 100%
}

.button.btn-80[data-v-7f9aa72d] {
    width: 80%
}

.button.hasIcon[data-v-7f9aa72d] {
    padding-left: 50px
}

.button a[data-v-7f9aa72d] {
    display: block
}

.button .labelIcon[data-v-7f9aa72d] {
    position: absolute
}

.button .labelIcon svg[data-v-7f9aa72d] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-7f9aa72d] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-7f9aa72d]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-7f9aa72d] {
    outline: none
}

.keyboard-input-wrap[data-v-7f9aa72d] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-7f9aa72d] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-7f9aa72d] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-7f9aa72d] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-7f9aa72d] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-7f9aa72d] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-7f9aa72d] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-7f9aa72d] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-7f9aa72d] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-7f9aa72d] {
    font-size: 1.2em
}

.color-white[data-v-7f9aa72d] {
    color: #fff
}

.color-white-50[data-v-7f9aa72d] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-7f9aa72d] {
    display: none
}

.ld-loading .loading[data-v-7f9aa72d], .main-loading .loading[data-v-7f9aa72d] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-7f9aa72d] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-7f9aa72d]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-7f9aa72d]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-7f9aa72d] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-7f9aa72d] {
    -webkit-animation: rotate-data-v-7f9aa72d 1s linear infinite;
    animation: rotate-data-v-7f9aa72d 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-7f9aa72d] {
    stroke: transparent
}

.wrapNotify[data-v-7f9aa72d] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-7f9aa72d] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-7f9aa72d] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-7f9aa72d] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-7f9aa72d] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-7f9aa72d] {
    display: block
}

.wrapNotify .close-notify[data-v-7f9aa72d] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-7f9aa72d] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-7f9aa72d] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-7f9aa72d] {
    background-color: transparent
}

.colorWhite[data-v-7f9aa72d] {
    color: #fff
}

.colorRed[data-v-7f9aa72d] {
    color: #f46273
}

.colorGreen[data-v-7f9aa72d] {
    color: #31baa0
}

.colorGray[data-v-7f9aa72d] {
    color: #7c7c7c
}

.tableBackground[data-v-7f9aa72d] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-7f9aa72d] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-7f9aa72d], .tableBackground .table-dark th[data-v-7f9aa72d] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-7f9aa72d]:after, .tableBackground .table-dark th[data-v-7f9aa72d]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-7f9aa72d] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-7f9aa72d], .tableBackground .table-dark th[data-v-7f9aa72d] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-7f9aa72d]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-7f9aa72d]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-7f9aa72d] {
    background-color: #060642
}

.tableBackground #paging li[data-v-7f9aa72d] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-7f9aa72d] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-7f9aa72d] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-7f9aa72d], .customeTradeHistory[data-v-7f9aa72d] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-7f9aa72d], .customeTradeHistory .reportrange-text[data-v-7f9aa72d] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-7f9aa72d], .customeTradeHistory .reportrange-text .seperate[data-v-7f9aa72d] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-7f9aa72d], .customeTradeHistory .reportrange-text span[data-v-7f9aa72d] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-7f9aa72d] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-7f9aa72d] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-7f9aa72d] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-7f9aa72d]:after, .startDate .daterangepicker.openscenter[data-v-7f9aa72d]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-7f9aa72d] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-7f9aa72d] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-7f9aa72d] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-7f9aa72d] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-7f9aa72d] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-7f9aa72d] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-7f9aa72d] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-7f9aa72d] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-7f9aa72d] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-7f9aa72d] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-7f9aa72d] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-7f9aa72d] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-7f9aa72d] {
    text-align: center
}

.border-none[data-v-7f9aa72d] {
    border: none
}

.text-domain[data-v-7f9aa72d]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-7f9aa72d] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-7f9aa72d] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-7f9aa72d] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-7f9aa72d] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-7f9aa72d] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-7f9aa72d] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-7f9aa72d] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-7f9aa72d] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-7f9aa72d] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-7f9aa72d] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-7f9aa72d] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-7f9aa72d] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-7f9aa72d] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-7f9aa72d] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-7f9aa72d] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-7f9aa72d] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-7f9aa72d] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-7f9aa72d] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-7f9aa72d] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-7f9aa72d] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-7f9aa72d] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-7f9aa72d] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-7f9aa72d] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-7f9aa72d] {
    fill: #000
}

.btn-active-paging[data-v-7f9aa72d] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-7f9aa72d] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-7f9aa72d] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-7f9aa72d] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-7f9aa72d], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-7f9aa72d] {
    background: #8b8d96 !important
}

.transactionBox[data-v-7f9aa72d] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-7f9aa72d] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-7f9aa72d] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-7f9aa72d] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-7f9aa72d] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-7f9aa72d] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-7f9aa72d] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-7f9aa72d] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-7f9aa72d] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-7f9aa72d] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-7f9aa72d] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-7f9aa72d] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-7f9aa72d] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-7f9aa72d] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-7f9aa72d] {
    color: #2a74f9 !important
}

#leftSidebar[data-v-7f9aa72d] {
    width: 105px;
    min-width: 105px;
    font-size: 16px;
    padding: 0;
    border-color: transparent;
    margin-right: 2px
}

#leftSidebar .contentSidebar[data-v-7f9aa72d] {
    height: calc(100% - 65px);
    width: 105px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 99
}

#leftSidebar .contentSidebar ul.nav li.nav-item .nav-link[data-v-7f9aa72d] {
    text-transform: capitalize;
    padding: 9px 0
}

#leftSidebar .contentSidebar ul.nav li.nav-item .nav-link.router-link-exact-active[data-v-7f9aa72d] {
    color: #2a74f9 !important
}

#leftSidebar .contentSidebar ul.nav li.nav-item .nav-link.router-link-exact-active svg.non-active[data-v-7f9aa72d] {
    display: none
}

#leftSidebar .contentSidebar ul.nav li.nav-item .nav-link.router-link-exact-active svg.active[data-v-7f9aa72d] {
    display: unset
}

#leftSidebar .contentSidebar ul.nav li.nav-item .nav-link.router-link-exact-active span[data-v-7f9aa72d] {
    color: #2a74f9 !important
}

#leftSidebar .contentSidebar ul.nav li.nav-item .nav-link svg.active[data-v-7f9aa72d] {
    display: none
}

#leftSidebar .contentSidebar ul.nav li.nav-item .nav-link svg.non-active[data-v-7f9aa72d] {
    display: unset
}

#leftSidebar .contentSidebar ul.nav li.nav-item .nav-link svg.active path[data-v-7f9aa72d] {
    fill: #2a74f9
}

#leftSidebar .contentSidebar ul.nav li.nav-item .nav-link svg.active circle[data-v-7f9aa72d], #leftSidebar .contentSidebar ul.nav li.nav-item .nav-link svg.active g[data-v-7f9aa72d], #leftSidebar .contentSidebar ul.nav li.nav-item .nav-link svg.active line[data-v-7f9aa72d] {
    stroke: #2a74f9
}

#leftSidebar .contentSidebar ul.nav li.nav-item .borderTop[data-v-7f9aa72d]:after {
    content: "";
    width: 70%;
    top: 0;
    left: 50%;
    text-align: center;
    position: absolute;
    height: 1px;
    background-color: #89809f;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.iconLive[data-v-7f9aa72d] {
    position: absolute;
    top: 8px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -ms-flex-item-align: center;
    align-self: center
}

#leftSidebar .contentSidebar ul.nav li.nav-item .nav-link svg.active.color-stroke path[data-v-7f9aa72d] {
    stroke: #2a74f9;
    fill: transparent
}

body[data-v-1a9fdf38] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-1a9fdf38]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-1a9fdf38]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-1a9fdf38]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-1a9fdf38] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-1a9fdf38]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-1a9fdf38]::-webkit-inner-spin-button, input[data-v-1a9fdf38]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-1a9fdf38] {
    -moz-appearance: textfield
}

button[data-v-1a9fdf38]:focus, input[data-v-1a9fdf38]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-1a9fdf38] {
    font-size: 8px
}

.font-10[data-v-1a9fdf38] {
    font-size: .6rem !important
}

.font-12[data-v-1a9fdf38] {
    font-size: 12px
}

.font-14[data-v-1a9fdf38] {
    font-size: 14px
}

.font-16[data-v-1a9fdf38] {
    font-size: 16px
}

.font-18[data-v-1a9fdf38] {
    font-size: 18px
}

.font-20[data-v-1a9fdf38] {
    font-size: 20px
}

.font-24[data-v-1a9fdf38] {
    font-size: 24px
}

.font-32[data-v-1a9fdf38] {
    font-size: 32px
}

.font-34[data-v-1a9fdf38] {
    font-size: 34px
}

.font-40[data-v-1a9fdf38] {
    font-size: 2.5rem !important
}

.font-44[data-v-1a9fdf38] {
    font-size: 44px
}

.colorPrimary[data-v-1a9fdf38] {
    color: #2a74f9
}

.colorPrimary1[data-v-1a9fdf38] {
    color: #000 !important
}

.colorSecondary[data-v-1a9fdf38] {
    color: #fff !important
}

.colorSecondary1[data-v-1a9fdf38] {
    color: #414141 !important
}

.colorSecondary2[data-v-1a9fdf38] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-1a9fdf38] {
    color: #0d0d0d
}

.colorSecondary4[data-v-1a9fdf38] {
    color: #02142b
}

.colorSecondary5[data-v-1a9fdf38] {
    color: #1a1e24
}

.colorSecondary6[data-v-1a9fdf38] {
    color: #fafafa
}

.colorSecondary7[data-v-1a9fdf38] {
    color: #333
}

.colorSecondary8[data-v-1a9fdf38] {
    color: #0e0031
}

.colorSuccess[data-v-1a9fdf38] {
    color: #31baa0
}

.colorWarning[data-v-1a9fdf38] {
    color: #ffcf5c
}

.colorDanger[data-v-1a9fdf38] {
    color: #f46273
}

.fillPrimary[data-v-1a9fdf38] {
    fill: #2a74f9
}

.fillWarning[data-v-1a9fdf38] {
    fill: #ffcf5c
}

.fillDanger[data-v-1a9fdf38] {
    fill: #f46273
}

.fillSecondary1[data-v-1a9fdf38] {
    fill: #414141
}

.fillSecondary2[data-v-1a9fdf38] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-1a9fdf38] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-1a9fdf38] {
    fill: #02142b
}

.fillSecondary5[data-v-1a9fdf38] {
    fill: #1a1e24
}

.fillSecondary6[data-v-1a9fdf38] {
    fill: #fafafa
}

.fillSecondary7[data-v-1a9fdf38] {
    fill: #333
}

.fillSecondary8[data-v-1a9fdf38] {
    fill: #0e0031
}

.textnote-notidesc[data-v-1a9fdf38] {
    color: #fff
}

.bgColor0[data-v-1a9fdf38] {
    background-color: transparent
}

.bgPrimary-hover[data-v-1a9fdf38]:hover, .bgPrimary[data-v-1a9fdf38] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-1a9fdf38]:hover, .bgPrimary1[data-v-1a9fdf38] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-1a9fdf38]:hover, .bgPrimary2[data-v-1a9fdf38] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-1a9fdf38]:hover, .bgSecondary[data-v-1a9fdf38] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-1a9fdf38]:hover, .bgSecondary1[data-v-1a9fdf38] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-1a9fdf38]:hover, .bgSecondary2[data-v-1a9fdf38] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-1a9fdf38]:hover, .bgSecondary3[data-v-1a9fdf38] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-1a9fdf38] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-1a9fdf38] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-1a9fdf38]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-1a9fdf38]:hover, .bgSecondary5[data-v-1a9fdf38] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-1a9fdf38]:hover, .bgSecondary6[data-v-1a9fdf38] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-1a9fdf38]:hover, .bgSecondary7[data-v-1a9fdf38] {
    background-color: #333 !important
}

.bgSecondary8[data-v-1a9fdf38] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-1a9fdf38]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-1a9fdf38] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-1a9fdf38]:hover, .bgSuccess[data-v-1a9fdf38] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-1a9fdf38] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-1a9fdf38] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-1a9fdf38]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-1a9fdf38] {
    fill: #31baa0
}

.w-14-px[data-v-1a9fdf38] {
    width: 14px
}

.max-width-50[data-v-1a9fdf38] {
    max-width: 50%
}

.h-60-px[data-v-1a9fdf38] {
    height: 60px
}

.h-100-px[data-v-1a9fdf38] {
    height: 100px
}

.mb-16-px[data-v-1a9fdf38] {
    margin-bottom: 16px
}

.mb-30-px[data-v-1a9fdf38] {
    margin-bottom: 30px
}

.borderRounded[data-v-1a9fdf38] {
    border-radius: 5px
}

.borderPrimary[data-v-1a9fdf38] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-1a9fdf38] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-1a9fdf38] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-1a9fdf38] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-1a9fdf38] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-1a9fdf38] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-1a9fdf38] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-1a9fdf38] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-1a9fdf38] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-1a9fdf38] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-1a9fdf38] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-1a9fdf38] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-1a9fdf38] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-1a9fdf38] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-1a9fdf38]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-1a9fdf38] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-1a9fdf38] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-1a9fdf38] {
    padding: 1px
}

.px-1-px[data-v-1a9fdf38] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-1a9fdf38] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-1a9fdf38] {
    padding-left: 1px
}

.pr-1-px[data-v-1a9fdf38] {
    padding-right: 1px
}

.pt-1-px[data-v-1a9fdf38] {
    padding-top: 1px
}

.pb-1-px[data-v-1a9fdf38] {
    padding-bottom: 1px
}

.p-2-px[data-v-1a9fdf38] {
    padding: 2px
}

.px-2-px[data-v-1a9fdf38] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-1a9fdf38] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-1a9fdf38] {
    padding-left: 2px
}

.pr-2-px[data-v-1a9fdf38] {
    padding-right: 2px
}

.pt-2-px[data-v-1a9fdf38] {
    padding-top: 2px
}

.pb-2-px[data-v-1a9fdf38] {
    padding-bottom: 2px
}

.p-8-px[data-v-1a9fdf38] {
    padding: 8px
}

.px-8-px[data-v-1a9fdf38] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-1a9fdf38] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-1a9fdf38] {
    padding-left: 8px
}

.pr-8-px[data-v-1a9fdf38] {
    padding-right: 8px
}

.pt-8-px[data-v-1a9fdf38] {
    padding-top: 8px
}

.pb-8-px[data-v-1a9fdf38] {
    padding-bottom: 8px
}

.p-10-px[data-v-1a9fdf38] {
    padding: 10px
}

.px-10-px[data-v-1a9fdf38] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-1a9fdf38] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-1a9fdf38] {
    padding-left: 10px
}

.pr-10-px[data-v-1a9fdf38] {
    padding-right: 10px
}

.pt-10-px[data-v-1a9fdf38] {
    padding-top: 10px
}

.pb-10-px[data-v-1a9fdf38] {
    padding-bottom: 10px
}

.p-12-px[data-v-1a9fdf38] {
    padding: 12px
}

.px-12-px[data-v-1a9fdf38] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-1a9fdf38] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-1a9fdf38] {
    padding-left: 12px
}

.pr-12-px[data-v-1a9fdf38] {
    padding-right: 12px
}

.pt-12-px[data-v-1a9fdf38] {
    padding-top: 12px
}

.pb-12-px[data-v-1a9fdf38] {
    padding-bottom: 12px
}

.p-16-px[data-v-1a9fdf38] {
    padding: 16px
}

.px-16-px[data-v-1a9fdf38] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-1a9fdf38] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-1a9fdf38] {
    padding-left: 16px
}

.pr-16-px[data-v-1a9fdf38] {
    padding-right: 16px
}

.pt-16-px[data-v-1a9fdf38] {
    padding-top: 16px
}

.pb-16-px[data-v-1a9fdf38] {
    padding-bottom: 16px
}

.p-30-px[data-v-1a9fdf38] {
    padding: 30px
}

.px-30-px[data-v-1a9fdf38] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-1a9fdf38] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-1a9fdf38] {
    padding-left: 30px
}

.pr-30-px[data-v-1a9fdf38] {
    padding-right: 30px
}

.pt-30-px[data-v-1a9fdf38] {
    padding-top: 30px
}

.pb-30-px[data-v-1a9fdf38] {
    padding-bottom: 30px
}

.font-30[data-v-1a9fdf38] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-1a9fdf38] {
    font-weight: 700
}

.wbo-title[data-v-1a9fdf38] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-1a9fdf38] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-1a9fdf38] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-1a9fdf38] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-1a9fdf38]:focus {
        outline: 0
    }

    .button[data-v-1a9fdf38]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-1a9fdf38] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-1a9fdf38]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-1a9fdf38] {
    padding: 11px 2.5rem
}

.button.primary[data-v-1a9fdf38], .button.primary[data-v-1a9fdf38]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-1a9fdf38], .text-primary[data-v-1a9fdf38], a .primary-hover[data-v-1a9fdf38]:hover {
    color: #000 !important
}

ul[data-v-1a9fdf38] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-1a9fdf38], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-1a9fdf38] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-1a9fdf38]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-1a9fdf38]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-1a9fdf38], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-1a9fdf38], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-1a9fdf38]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-1a9fdf38], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-1a9fdf38], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-1a9fdf38]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-1a9fdf38], .faqsContent .content .navigator ul li a.active[data-v-1a9fdf38]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-1a9fdf38]:hover {
    color: #000
}

.ps[data-v-1a9fdf38] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-1a9fdf38] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-1a9fdf38], .ps__rail-y[data-v-1a9fdf38] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-1a9fdf38] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-1a9fdf38], .ps--active-y > .ps__rail-y[data-v-1a9fdf38] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-1a9fdf38], .ps--focus > .ps__rail-y[data-v-1a9fdf38], .ps--scrolling-x > .ps__rail-x[data-v-1a9fdf38], .ps--scrolling-y > .ps__rail-y[data-v-1a9fdf38], .ps:hover > .ps__rail-x[data-v-1a9fdf38], .ps:hover > .ps__rail-y[data-v-1a9fdf38] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-1a9fdf38], .ps .ps__rail-x[data-v-1a9fdf38]:focus, .ps .ps__rail-x[data-v-1a9fdf38]:hover, .ps .ps__rail-y.ps--clicking[data-v-1a9fdf38], .ps .ps__rail-y[data-v-1a9fdf38]:focus, .ps .ps__rail-y[data-v-1a9fdf38]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-1a9fdf38] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-1a9fdf38] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-1a9fdf38], .ps__rail-x:focus > .ps__thumb-x[data-v-1a9fdf38], .ps__rail-x:hover > .ps__thumb-x[data-v-1a9fdf38] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-1a9fdf38], .ps__rail-y:focus > .ps__thumb-y[data-v-1a9fdf38], .ps__rail-y:hover > .ps__thumb-y[data-v-1a9fdf38] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-1a9fdf38] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-1a9fdf38] {
        overflow: auto !important
    }
}

.md-field[data-v-1a9fdf38] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-1a9fdf38] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-1a9fdf38] {
    color: #2a74f9
}

.md-field .md-error[data-v-1a9fdf38] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-1a9fdf38] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-1a9fdf38], .md-field.md-has-value label[data-v-1a9fdf38] {
    top: -10px
}

.form-control[data-v-1a9fdf38], .md-field .md-input[data-v-1a9fdf38], .md-field .md-textarea[data-v-1a9fdf38], .winput[data-v-1a9fdf38] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-1a9fdf38] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-1a9fdf38] {
    fill: #0d0d0d
}

.round[data-v-1a9fdf38] {
    border-radius: 5px
}

.off[data-v-1a9fdf38] {
    position: relative;
    cursor: default
}

.off > [data-v-1a9fdf38] {
    opacity: .5
}

.off[data-v-1a9fdf38]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-1a9fdf38] {
    cursor: pointer
}

.close-page[data-v-1a9fdf38] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-1a9fdf38] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-1a9fdf38], .slide-fade-leave-active[data-v-1a9fdf38] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-1a9fdf38], .slide-fade-leave-to[data-v-1a9fdf38] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-1a9fdf38 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-1a9fdf38 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-1a9fdf38] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-1a9fdf38] {
    color: #ffcf5c
}

.button[data-v-1a9fdf38] {
    font-weight: 700
}

.modal .modal-dialog[data-v-1a9fdf38] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-1a9fdf38] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-1a9fdf38] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-1a9fdf38], .modal .modal-dialog .modal-header[data-v-1a9fdf38] {
    border: none
}

#chartCommisst .highcharts-title[data-v-1a9fdf38] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-1a9fdf38] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-1a9fdf38] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-1a9fdf38], .modal .modal-dialog form[data-v-1a9fdf38] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-1a9fdf38] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-1a9fdf38], .FaqsDetail[data-v-1a9fdf38] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-1a9fdf38], .FaqsDetail[data-v-1a9fdf38] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-1a9fdf38], .FaqsDetail .headerMaster .boxHeader[data-v-1a9fdf38] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-1a9fdf38], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-1a9fdf38] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-1a9fdf38], .Faqs main[data-v-1a9fdf38] {
    background-color: unset
}

.titleChartCandle[data-v-1a9fdf38] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-1a9fdf38] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-1a9fdf38] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-1a9fdf38] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-1a9fdf38], .plotlineChart .time[data-v-1a9fdf38] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-1a9fdf38] {
    top: 51px
}

.boxHeader[data-v-1a9fdf38] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-1a9fdf38], .boxHeader .register[data-v-1a9fdf38] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-1a9fdf38] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-1a9fdf38] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-1a9fdf38] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-1a9fdf38] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-1a9fdf38]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-1a9fdf38] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-1a9fdf38]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-1a9fdf38] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-1a9fdf38]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-1a9fdf38] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-1a9fdf38] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-1a9fdf38] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-1a9fdf38] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-1a9fdf38] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-1a9fdf38] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-1a9fdf38] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-1a9fdf38] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-1a9fdf38] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-1a9fdf38] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-1a9fdf38] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-1a9fdf38] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-1a9fdf38] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-1a9fdf38] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-1a9fdf38] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-1a9fdf38] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-1a9fdf38] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-1a9fdf38] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-1a9fdf38] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-1a9fdf38] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-1a9fdf38] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-1a9fdf38] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-1a9fdf38] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-1a9fdf38] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-1a9fdf38] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-1a9fdf38] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-1a9fdf38] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-1a9fdf38] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-1a9fdf38] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-1a9fdf38] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-1a9fdf38] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-1a9fdf38] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-1a9fdf38] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-1a9fdf38] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-1a9fdf38] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-1a9fdf38] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-1a9fdf38] {
        height: 56px !important
    }
}

input.form-control[data-v-1a9fdf38], input[data-v-1a9fdf38], select.form-control[data-v-1a9fdf38], select[data-v-1a9fdf38] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-1a9fdf38] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-1a9fdf38] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-1a9fdf38] {
    line-height: 100%
}

.button.btn-long[data-v-1a9fdf38] {
    padding: 10px 40px
}

.button.btn-radius[data-v-1a9fdf38] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-1a9fdf38] {
    border-radius: 20px
}

.button.btn-full[data-v-1a9fdf38] {
    width: 100%
}

.button.btn-80[data-v-1a9fdf38] {
    width: 80%
}

.button.hasIcon[data-v-1a9fdf38] {
    padding-left: 50px
}

.button a[data-v-1a9fdf38] {
    display: block
}

.button .labelIcon[data-v-1a9fdf38] {
    position: absolute
}

.button .labelIcon svg[data-v-1a9fdf38] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-1a9fdf38] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-1a9fdf38]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-1a9fdf38] {
    outline: none
}

.keyboard-input-wrap[data-v-1a9fdf38] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-1a9fdf38] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-1a9fdf38] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-1a9fdf38] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-1a9fdf38] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-1a9fdf38] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-1a9fdf38] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-1a9fdf38] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-1a9fdf38] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-1a9fdf38] {
    font-size: 1.2em
}

.color-white[data-v-1a9fdf38] {
    color: #fff
}

.color-white-50[data-v-1a9fdf38] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-1a9fdf38] {
    display: none
}

.ld-loading .loading[data-v-1a9fdf38], .main-loading .loading[data-v-1a9fdf38] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-1a9fdf38] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-1a9fdf38]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-1a9fdf38]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-1a9fdf38] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-1a9fdf38] {
    -webkit-animation: rotate-data-v-1a9fdf38 1s linear infinite;
    animation: rotate-data-v-1a9fdf38 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-1a9fdf38] {
    stroke: transparent
}

.wrapNotify[data-v-1a9fdf38] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-1a9fdf38] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-1a9fdf38] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-1a9fdf38] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-1a9fdf38] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-1a9fdf38] {
    display: block
}

.wrapNotify .close-notify[data-v-1a9fdf38] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-1a9fdf38] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-1a9fdf38] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-1a9fdf38] {
    background-color: transparent
}

.colorWhite[data-v-1a9fdf38] {
    color: #fff
}

.colorRed[data-v-1a9fdf38] {
    color: #f46273
}

.colorGreen[data-v-1a9fdf38] {
    color: #31baa0
}

.colorGray[data-v-1a9fdf38] {
    color: #7c7c7c
}

.tableBackground[data-v-1a9fdf38] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-1a9fdf38] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-1a9fdf38], .tableBackground .table-dark th[data-v-1a9fdf38] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-1a9fdf38]:after, .tableBackground .table-dark th[data-v-1a9fdf38]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-1a9fdf38] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-1a9fdf38], .tableBackground .table-dark th[data-v-1a9fdf38] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-1a9fdf38]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-1a9fdf38]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-1a9fdf38] {
    background-color: #060642
}

.tableBackground #paging li[data-v-1a9fdf38] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-1a9fdf38] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-1a9fdf38] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-1a9fdf38], .customeTradeHistory[data-v-1a9fdf38] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-1a9fdf38], .customeTradeHistory .reportrange-text[data-v-1a9fdf38] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-1a9fdf38], .customeTradeHistory .reportrange-text .seperate[data-v-1a9fdf38] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-1a9fdf38], .customeTradeHistory .reportrange-text span[data-v-1a9fdf38] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-1a9fdf38] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-1a9fdf38] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-1a9fdf38] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-1a9fdf38]:after, .startDate .daterangepicker.openscenter[data-v-1a9fdf38]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-1a9fdf38] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-1a9fdf38] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-1a9fdf38] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-1a9fdf38] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-1a9fdf38] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-1a9fdf38] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-1a9fdf38] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-1a9fdf38] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-1a9fdf38] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-1a9fdf38] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-1a9fdf38] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-1a9fdf38] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-1a9fdf38] {
    text-align: center
}

.border-none[data-v-1a9fdf38] {
    border: none
}

.text-domain[data-v-1a9fdf38]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-1a9fdf38] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-1a9fdf38] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-1a9fdf38] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-1a9fdf38] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-1a9fdf38] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-1a9fdf38] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-1a9fdf38] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-1a9fdf38] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-1a9fdf38] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-1a9fdf38] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-1a9fdf38] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-1a9fdf38] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-1a9fdf38] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-1a9fdf38] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-1a9fdf38] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-1a9fdf38] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-1a9fdf38] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-1a9fdf38] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-1a9fdf38] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-1a9fdf38] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-1a9fdf38] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-1a9fdf38] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-1a9fdf38] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-1a9fdf38] {
    fill: #000
}

.btn-active-paging[data-v-1a9fdf38] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-1a9fdf38] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-1a9fdf38] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-1a9fdf38] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-1a9fdf38], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-1a9fdf38] {
    background: #8b8d96 !important
}

.transactionBox[data-v-1a9fdf38] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-1a9fdf38] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-1a9fdf38] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-1a9fdf38] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-1a9fdf38] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-1a9fdf38] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-1a9fdf38] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-1a9fdf38] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-1a9fdf38] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-1a9fdf38] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-1a9fdf38] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-1a9fdf38] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-1a9fdf38] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-1a9fdf38] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-1a9fdf38] {
    color: #2a74f9 !important
}

.profit .profitPercent[data-v-1a9fdf38] {
    font-size: 14px
}

@media (max-width:768px) {
    .profit[data-v-1a9fdf38] {
        padding-top: .1rem;
        padding-bottom: .1rem
    }

    .profit p[data-v-1a9fdf38] {
        margin: auto 0
    }

    .profit .profitPercent[data-v-1a9fdf38] {
        font-size: 1.25rem
    }
}

body[data-v-1572898a] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-1572898a]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-1572898a]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-1572898a]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-1572898a] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-1572898a]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-1572898a]::-webkit-inner-spin-button, input[data-v-1572898a]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-1572898a] {
    -moz-appearance: textfield
}

button[data-v-1572898a]:focus, input[data-v-1572898a]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-1572898a] {
    font-size: 8px
}

.font-10[data-v-1572898a] {
    font-size: .6rem !important
}

.font-12[data-v-1572898a] {
    font-size: 12px
}

.font-14[data-v-1572898a] {
    font-size: 14px
}

.font-16[data-v-1572898a] {
    font-size: 16px
}

.font-18[data-v-1572898a] {
    font-size: 18px
}

.font-20[data-v-1572898a] {
    font-size: 20px
}

.font-24[data-v-1572898a] {
    font-size: 24px
}

.font-32[data-v-1572898a] {
    font-size: 32px
}

.font-34[data-v-1572898a] {
    font-size: 34px
}

.font-40[data-v-1572898a] {
    font-size: 2.5rem !important
}

.font-44[data-v-1572898a] {
    font-size: 44px
}

.colorPrimary[data-v-1572898a] {
    color: #2a74f9
}

.colorPrimary1[data-v-1572898a] {
    color: #000 !important
}

.colorSecondary[data-v-1572898a] {
    color: #fff !important
}

.colorSecondary1[data-v-1572898a] {
    color: #414141 !important
}

.colorSecondary2[data-v-1572898a] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-1572898a] {
    color: #0d0d0d
}

.colorSecondary4[data-v-1572898a] {
    color: #02142b
}

.colorSecondary5[data-v-1572898a] {
    color: #1a1e24
}

.colorSecondary6[data-v-1572898a] {
    color: #fafafa
}

.colorSecondary7[data-v-1572898a] {
    color: #333
}

.colorSecondary8[data-v-1572898a] {
    color: #0e0031
}

.colorSuccess[data-v-1572898a] {
    color: #31baa0
}

.colorWarning[data-v-1572898a] {
    color: #ffcf5c
}

.colorDanger[data-v-1572898a] {
    color: #f46273
}

.fillPrimary[data-v-1572898a] {
    fill: #2a74f9
}

.fillWarning[data-v-1572898a] {
    fill: #ffcf5c
}

.fillDanger[data-v-1572898a] {
    fill: #f46273
}

.fillSecondary1[data-v-1572898a] {
    fill: #414141
}

.fillSecondary2[data-v-1572898a] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-1572898a] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-1572898a] {
    fill: #02142b
}

.fillSecondary5[data-v-1572898a] {
    fill: #1a1e24
}

.fillSecondary6[data-v-1572898a] {
    fill: #fafafa
}

.fillSecondary7[data-v-1572898a] {
    fill: #333
}

.fillSecondary8[data-v-1572898a] {
    fill: #0e0031
}

.textnote-notidesc[data-v-1572898a] {
    color: #fff
}

.bgColor0[data-v-1572898a] {
    background-color: transparent
}

.bgPrimary-hover[data-v-1572898a]:hover, .bgPrimary[data-v-1572898a] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-1572898a]:hover, .bgPrimary1[data-v-1572898a] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-1572898a]:hover, .bgPrimary2[data-v-1572898a] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-1572898a]:hover, .bgSecondary[data-v-1572898a] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-1572898a]:hover, .bgSecondary1[data-v-1572898a] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-1572898a]:hover, .bgSecondary2[data-v-1572898a] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-1572898a]:hover, .bgSecondary3[data-v-1572898a] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-1572898a] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-1572898a] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-1572898a]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-1572898a]:hover, .bgSecondary5[data-v-1572898a] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-1572898a]:hover, .bgSecondary6[data-v-1572898a] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-1572898a]:hover, .bgSecondary7[data-v-1572898a] {
    background-color: #333 !important
}

.bgSecondary8[data-v-1572898a] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-1572898a]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-1572898a] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-1572898a]:hover, .bgSuccess[data-v-1572898a] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-1572898a] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-1572898a] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-1572898a]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-1572898a] {
    fill: #31baa0
}

.w-14-px[data-v-1572898a] {
    width: 14px
}

.max-width-50[data-v-1572898a] {
    max-width: 50%
}

.h-60-px[data-v-1572898a] {
    height: 60px
}

.h-100-px[data-v-1572898a] {
    height: 100px
}

.mb-16-px[data-v-1572898a] {
    margin-bottom: 16px
}

.mb-30-px[data-v-1572898a] {
    margin-bottom: 30px
}

.borderRounded[data-v-1572898a] {
    border-radius: 5px
}

.borderPrimary[data-v-1572898a] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-1572898a] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-1572898a] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-1572898a] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-1572898a] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-1572898a] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-1572898a] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-1572898a] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-1572898a] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-1572898a] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-1572898a] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-1572898a] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-1572898a] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-1572898a] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-1572898a]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-1572898a] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-1572898a] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-1572898a] {
    padding: 1px
}

.px-1-px[data-v-1572898a] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-1572898a] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-1572898a] {
    padding-left: 1px
}

.pr-1-px[data-v-1572898a] {
    padding-right: 1px
}

.pt-1-px[data-v-1572898a] {
    padding-top: 1px
}

.pb-1-px[data-v-1572898a] {
    padding-bottom: 1px
}

.p-2-px[data-v-1572898a] {
    padding: 2px
}

.px-2-px[data-v-1572898a] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-1572898a] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-1572898a] {
    padding-left: 2px
}

.pr-2-px[data-v-1572898a] {
    padding-right: 2px
}

.pt-2-px[data-v-1572898a] {
    padding-top: 2px
}

.pb-2-px[data-v-1572898a] {
    padding-bottom: 2px
}

.p-8-px[data-v-1572898a] {
    padding: 8px
}

.px-8-px[data-v-1572898a] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-1572898a] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-1572898a] {
    padding-left: 8px
}

.pr-8-px[data-v-1572898a] {
    padding-right: 8px
}

.pt-8-px[data-v-1572898a] {
    padding-top: 8px
}

.pb-8-px[data-v-1572898a] {
    padding-bottom: 8px
}

.p-10-px[data-v-1572898a] {
    padding: 10px
}

.px-10-px[data-v-1572898a] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-1572898a] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-1572898a] {
    padding-left: 10px
}

.pr-10-px[data-v-1572898a] {
    padding-right: 10px
}

.pt-10-px[data-v-1572898a] {
    padding-top: 10px
}

.pb-10-px[data-v-1572898a] {
    padding-bottom: 10px
}

.p-12-px[data-v-1572898a] {
    padding: 12px
}

.px-12-px[data-v-1572898a] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-1572898a] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-1572898a] {
    padding-left: 12px
}

.pr-12-px[data-v-1572898a] {
    padding-right: 12px
}

.pt-12-px[data-v-1572898a] {
    padding-top: 12px
}

.pb-12-px[data-v-1572898a] {
    padding-bottom: 12px
}

.p-16-px[data-v-1572898a] {
    padding: 16px
}

.px-16-px[data-v-1572898a] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-1572898a] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-1572898a] {
    padding-left: 16px
}

.pr-16-px[data-v-1572898a] {
    padding-right: 16px
}

.pt-16-px[data-v-1572898a] {
    padding-top: 16px
}

.pb-16-px[data-v-1572898a] {
    padding-bottom: 16px
}

.p-30-px[data-v-1572898a] {
    padding: 30px
}

.px-30-px[data-v-1572898a] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-1572898a] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-1572898a] {
    padding-left: 30px
}

.pr-30-px[data-v-1572898a] {
    padding-right: 30px
}

.pt-30-px[data-v-1572898a] {
    padding-top: 30px
}

.pb-30-px[data-v-1572898a] {
    padding-bottom: 30px
}

.font-30[data-v-1572898a] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-1572898a] {
    font-weight: 700
}

.wbo-title[data-v-1572898a] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-1572898a] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-1572898a] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-1572898a] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-1572898a]:focus {
        outline: 0
    }

    .button[data-v-1572898a]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-1572898a] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-1572898a]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-1572898a] {
    padding: 11px 2.5rem
}

.button.primary[data-v-1572898a], .button.primary[data-v-1572898a]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-1572898a], .text-primary[data-v-1572898a], a .primary-hover[data-v-1572898a]:hover {
    color: #000 !important
}

ul[data-v-1572898a] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-1572898a], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-1572898a] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-1572898a]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-1572898a]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-1572898a], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-1572898a], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-1572898a]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-1572898a], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-1572898a], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-1572898a]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-1572898a], .faqsContent .content .navigator ul li a.active[data-v-1572898a]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-1572898a]:hover {
    color: #000
}

.ps[data-v-1572898a] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-1572898a] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-1572898a], .ps__rail-y[data-v-1572898a] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-1572898a] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-1572898a], .ps--active-y > .ps__rail-y[data-v-1572898a] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-1572898a], .ps--focus > .ps__rail-y[data-v-1572898a], .ps--scrolling-x > .ps__rail-x[data-v-1572898a], .ps--scrolling-y > .ps__rail-y[data-v-1572898a], .ps:hover > .ps__rail-x[data-v-1572898a], .ps:hover > .ps__rail-y[data-v-1572898a] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-1572898a], .ps .ps__rail-x[data-v-1572898a]:focus, .ps .ps__rail-x[data-v-1572898a]:hover, .ps .ps__rail-y.ps--clicking[data-v-1572898a], .ps .ps__rail-y[data-v-1572898a]:focus, .ps .ps__rail-y[data-v-1572898a]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-1572898a] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-1572898a] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-1572898a], .ps__rail-x:focus > .ps__thumb-x[data-v-1572898a], .ps__rail-x:hover > .ps__thumb-x[data-v-1572898a] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-1572898a], .ps__rail-y:focus > .ps__thumb-y[data-v-1572898a], .ps__rail-y:hover > .ps__thumb-y[data-v-1572898a] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-1572898a] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-1572898a] {
        overflow: auto !important
    }
}

.md-field[data-v-1572898a] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-1572898a] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-1572898a] {
    color: #2a74f9
}

.md-field .md-error[data-v-1572898a] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-1572898a] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-1572898a], .md-field.md-has-value label[data-v-1572898a] {
    top: -10px
}

.form-control[data-v-1572898a], .md-field .md-input[data-v-1572898a], .md-field .md-textarea[data-v-1572898a], .winput[data-v-1572898a] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-1572898a] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-1572898a] {
    fill: #0d0d0d
}

.round[data-v-1572898a] {
    border-radius: 5px
}

.off[data-v-1572898a] {
    position: relative;
    cursor: default
}

.off > [data-v-1572898a] {
    opacity: .5
}

.off[data-v-1572898a]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-1572898a] {
    cursor: pointer
}

.close-page[data-v-1572898a] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-1572898a] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-1572898a], .slide-fade-leave-active[data-v-1572898a] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-1572898a], .slide-fade-leave-to[data-v-1572898a] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-1572898a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-1572898a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-1572898a] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-1572898a] {
    color: #ffcf5c
}

.button[data-v-1572898a] {
    font-weight: 700
}

.modal .modal-dialog[data-v-1572898a] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-1572898a] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-1572898a] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-1572898a], .modal .modal-dialog .modal-header[data-v-1572898a] {
    border: none
}

#chartCommisst .highcharts-title[data-v-1572898a] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-1572898a] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-1572898a] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-1572898a], .modal .modal-dialog form[data-v-1572898a] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-1572898a] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-1572898a], .FaqsDetail[data-v-1572898a] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-1572898a], .FaqsDetail[data-v-1572898a] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-1572898a], .FaqsDetail .headerMaster .boxHeader[data-v-1572898a] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-1572898a], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-1572898a] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-1572898a], .Faqs main[data-v-1572898a] {
    background-color: unset
}

.titleChartCandle[data-v-1572898a] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-1572898a] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-1572898a] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-1572898a] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-1572898a], .plotlineChart .time[data-v-1572898a] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-1572898a] {
    top: 51px
}

.boxHeader[data-v-1572898a] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-1572898a], .boxHeader .register[data-v-1572898a] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-1572898a] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-1572898a] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-1572898a] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-1572898a] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-1572898a]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-1572898a] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-1572898a]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-1572898a] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-1572898a]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-1572898a] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-1572898a] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-1572898a] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-1572898a] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-1572898a] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-1572898a] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-1572898a] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-1572898a] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-1572898a] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-1572898a] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-1572898a] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-1572898a] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-1572898a] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-1572898a] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-1572898a] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-1572898a] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-1572898a] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-1572898a] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-1572898a] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-1572898a] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-1572898a] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-1572898a] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-1572898a] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-1572898a] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-1572898a] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-1572898a] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-1572898a] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-1572898a] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-1572898a] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-1572898a] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-1572898a] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-1572898a] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-1572898a] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-1572898a] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-1572898a] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-1572898a] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-1572898a] {
        height: 56px !important
    }
}

input.form-control[data-v-1572898a], input[data-v-1572898a], select.form-control[data-v-1572898a], select[data-v-1572898a] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-1572898a] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-1572898a] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-1572898a] {
    line-height: 100%
}

.button.btn-long[data-v-1572898a] {
    padding: 10px 40px
}

.button.btn-radius[data-v-1572898a] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-1572898a] {
    border-radius: 20px
}

.button.btn-full[data-v-1572898a] {
    width: 100%
}

.button.btn-80[data-v-1572898a] {
    width: 80%
}

.button.hasIcon[data-v-1572898a] {
    padding-left: 50px
}

.button a[data-v-1572898a] {
    display: block
}

.button .labelIcon[data-v-1572898a] {
    position: absolute
}

.button .labelIcon svg[data-v-1572898a] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-1572898a] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-1572898a]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-1572898a] {
    outline: none
}

.keyboard-input-wrap[data-v-1572898a] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-1572898a] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-1572898a] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-1572898a] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-1572898a] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-1572898a] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-1572898a] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-1572898a] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-1572898a] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-1572898a] {
    font-size: 1.2em
}

.color-white[data-v-1572898a] {
    color: #fff
}

.color-white-50[data-v-1572898a] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-1572898a] {
    display: none
}

.ld-loading .loading[data-v-1572898a], .main-loading .loading[data-v-1572898a] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-1572898a] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-1572898a]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-1572898a]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-1572898a] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-1572898a] {
    -webkit-animation: rotate-data-v-1572898a 1s linear infinite;
    animation: rotate-data-v-1572898a 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-1572898a] {
    stroke: transparent
}

.wrapNotify[data-v-1572898a] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-1572898a] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-1572898a] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-1572898a] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-1572898a] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-1572898a] {
    display: block
}

.wrapNotify .close-notify[data-v-1572898a] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-1572898a] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-1572898a] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-1572898a] {
    background-color: transparent
}

.colorWhite[data-v-1572898a] {
    color: #fff
}

.colorRed[data-v-1572898a] {
    color: #f46273
}

.colorGreen[data-v-1572898a] {
    color: #31baa0
}

.colorGray[data-v-1572898a] {
    color: #7c7c7c
}

.tableBackground[data-v-1572898a] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-1572898a] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-1572898a], .tableBackground .table-dark th[data-v-1572898a] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-1572898a]:after, .tableBackground .table-dark th[data-v-1572898a]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-1572898a] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-1572898a], .tableBackground .table-dark th[data-v-1572898a] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-1572898a]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-1572898a]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-1572898a] {
    background-color: #060642
}

.tableBackground #paging li[data-v-1572898a] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-1572898a] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-1572898a] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-1572898a], .customeTradeHistory[data-v-1572898a] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-1572898a], .customeTradeHistory .reportrange-text[data-v-1572898a] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-1572898a], .customeTradeHistory .reportrange-text .seperate[data-v-1572898a] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-1572898a], .customeTradeHistory .reportrange-text span[data-v-1572898a] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-1572898a] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-1572898a] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-1572898a] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-1572898a]:after, .startDate .daterangepicker.openscenter[data-v-1572898a]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-1572898a] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-1572898a] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-1572898a] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-1572898a] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-1572898a] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-1572898a] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-1572898a] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-1572898a] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-1572898a] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-1572898a] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-1572898a] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-1572898a] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-1572898a] {
    text-align: center
}

.border-none[data-v-1572898a] {
    border: none
}

.text-domain[data-v-1572898a]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-1572898a] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-1572898a] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-1572898a] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-1572898a] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-1572898a] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-1572898a] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-1572898a] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-1572898a] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-1572898a] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-1572898a] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-1572898a] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-1572898a] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-1572898a] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-1572898a] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-1572898a] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-1572898a] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-1572898a] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-1572898a] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-1572898a] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-1572898a] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-1572898a] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-1572898a] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-1572898a] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-1572898a] {
    fill: #000
}

.btn-active-paging[data-v-1572898a] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-1572898a] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-1572898a] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-1572898a] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-1572898a], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-1572898a] {
    background: #8b8d96 !important
}

.transactionBox[data-v-1572898a] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-1572898a] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-1572898a] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-1572898a] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-1572898a] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-1572898a] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-1572898a] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-1572898a] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-1572898a] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-1572898a] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-1572898a] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-1572898a] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-1572898a] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-1572898a] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-1572898a] {
    color: #2a74f9 !important
}

.progress[data-v-1572898a] {
    height: .4rem
}

.slider.sliderLandscapeMobile[data-v-1572898a] {
    margin-bottom: 0 !important
}

.slider.sliderLandscapeMobile p[data-v-1572898a] {
    margin-bottom: 0
}

@media (max-width:768px) {
    .zIndex99[data-v-1572898a] {
        z-index: 99
    }

    .sidebarMobile[data-v-1572898a] {
        position: absolute;
        top: 60px;
        left: 0;
        width: 50px
    }

    .sidebarMobile .slidercontent[data-v-1572898a] {
        height: 100%;
        position: relative;
        width: 50px
    }

    .sidebarMobile .slidercontent .backgroundOverlay[data-v-1572898a] {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 50px
    }

    .sidebarMobile .slidercontent .progress[data-v-1572898a] {
        -webkit-transform: translateX(-48%) rotate(270deg);
        transform: translateX(-48%) rotate(270deg);
        height: .4rem !important;
        overflow: unset !important
    }

    .sidebarMobile .slidercontent .progress.active .progress-bar[data-v-1572898a] {
        border-radius: 10px
    }

    .sidebarMobile .slidercontent .progress .progress-bar[data-v-1572898a] {
        height: .4rem !important
    }

    .sidebarMobile .slidercontent span[data-v-1572898a] {
        width: 50px;
        line-height: 1
    }
}

body[data-v-4e9a18b0] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-4e9a18b0]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-4e9a18b0]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-4e9a18b0]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-4e9a18b0] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-4e9a18b0]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-4e9a18b0]::-webkit-inner-spin-button, input[data-v-4e9a18b0]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-4e9a18b0] {
    -moz-appearance: textfield
}

button[data-v-4e9a18b0]:focus, input[data-v-4e9a18b0]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-4e9a18b0] {
    font-size: 8px
}

.font-10[data-v-4e9a18b0] {
    font-size: .6rem !important
}

.font-12[data-v-4e9a18b0] {
    font-size: 12px
}

.font-14[data-v-4e9a18b0] {
    font-size: 14px
}

.font-16[data-v-4e9a18b0] {
    font-size: 16px
}

.font-18[data-v-4e9a18b0] {
    font-size: 18px
}

.font-20[data-v-4e9a18b0] {
    font-size: 20px
}

.font-24[data-v-4e9a18b0] {
    font-size: 24px
}

.font-32[data-v-4e9a18b0] {
    font-size: 32px
}

.font-34[data-v-4e9a18b0] {
    font-size: 34px
}

.font-40[data-v-4e9a18b0] {
    font-size: 2.5rem !important
}

.font-44[data-v-4e9a18b0] {
    font-size: 44px
}

.colorPrimary[data-v-4e9a18b0] {
    color: #2a74f9
}

.colorPrimary1[data-v-4e9a18b0] {
    color: #000 !important
}

.colorSecondary[data-v-4e9a18b0] {
    color: #fff !important
}

.colorSecondary1[data-v-4e9a18b0] {
    color: #414141 !important
}

.colorSecondary2[data-v-4e9a18b0] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-4e9a18b0] {
    color: #0d0d0d
}

.colorSecondary4[data-v-4e9a18b0] {
    color: #02142b
}

.colorSecondary5[data-v-4e9a18b0] {
    color: #1a1e24
}

.colorSecondary6[data-v-4e9a18b0] {
    color: #fafafa
}

.colorSecondary7[data-v-4e9a18b0] {
    color: #333
}

.colorSecondary8[data-v-4e9a18b0] {
    color: #0e0031
}

.colorSuccess[data-v-4e9a18b0] {
    color: #31baa0
}

.colorWarning[data-v-4e9a18b0] {
    color: #ffcf5c
}

.colorDanger[data-v-4e9a18b0] {
    color: #f46273
}

.fillPrimary[data-v-4e9a18b0] {
    fill: #2a74f9
}

.fillWarning[data-v-4e9a18b0] {
    fill: #ffcf5c
}

.fillDanger[data-v-4e9a18b0] {
    fill: #f46273
}

.fillSecondary1[data-v-4e9a18b0] {
    fill: #414141
}

.fillSecondary2[data-v-4e9a18b0] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-4e9a18b0] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-4e9a18b0] {
    fill: #02142b
}

.fillSecondary5[data-v-4e9a18b0] {
    fill: #1a1e24
}

.fillSecondary6[data-v-4e9a18b0] {
    fill: #fafafa
}

.fillSecondary7[data-v-4e9a18b0] {
    fill: #333
}

.fillSecondary8[data-v-4e9a18b0] {
    fill: #0e0031
}

.textnote-notidesc[data-v-4e9a18b0] {
    color: #fff
}

.bgColor0[data-v-4e9a18b0] {
    background-color: transparent
}

.bgPrimary-hover[data-v-4e9a18b0]:hover, .bgPrimary[data-v-4e9a18b0] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-4e9a18b0]:hover, .bgPrimary1[data-v-4e9a18b0] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-4e9a18b0]:hover, .bgPrimary2[data-v-4e9a18b0] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-4e9a18b0]:hover, .bgSecondary[data-v-4e9a18b0] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-4e9a18b0]:hover, .bgSecondary1[data-v-4e9a18b0] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-4e9a18b0]:hover, .bgSecondary2[data-v-4e9a18b0] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-4e9a18b0]:hover, .bgSecondary3[data-v-4e9a18b0] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-4e9a18b0] {
    background-color: #1f2f43 !important
}

.bgSecondary4.disabled[data-v-4e9a18b0] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-4e9a18b0]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-4e9a18b0]:hover, .bgSecondary5[data-v-4e9a18b0] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-4e9a18b0]:hover, .bgSecondary6[data-v-4e9a18b0] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-4e9a18b0]:hover, .bgSecondary7[data-v-4e9a18b0] {
    background-color: #333 !important
}

.bgSecondary8[data-v-4e9a18b0] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-4e9a18b0]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-4e9a18b0] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-4e9a18b0]:hover, .bgSuccess[data-v-4e9a18b0] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-4e9a18b0] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-4e9a18b0] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-4e9a18b0]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-4e9a18b0] {
    fill: #31baa0
}

.w-14-px[data-v-4e9a18b0] {
    width: 14px
}

.max-width-50[data-v-4e9a18b0] {
    max-width: 50%
}

.h-60-px[data-v-4e9a18b0] {
    height: 60px
}

.h-100-px[data-v-4e9a18b0] {
    height: 100px
}

.mb-16-px[data-v-4e9a18b0] {
    margin-bottom: 16px
}

.mb-30-px[data-v-4e9a18b0] {
    margin-bottom: 30px
}

.borderRounded[data-v-4e9a18b0] {
    border-radius: 5px
}

.borderPrimary[data-v-4e9a18b0] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-4e9a18b0] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-4e9a18b0] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-4e9a18b0] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-4e9a18b0] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-4e9a18b0] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-4e9a18b0] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-4e9a18b0] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-4e9a18b0] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-4e9a18b0] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-4e9a18b0] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-4e9a18b0] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-4e9a18b0] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-4e9a18b0] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-4e9a18b0]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-4e9a18b0] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-4e9a18b0] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-4e9a18b0] {
    padding: 1px
}

.px-1-px[data-v-4e9a18b0] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-4e9a18b0] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-4e9a18b0] {
    padding-left: 1px
}

.pr-1-px[data-v-4e9a18b0] {
    padding-right: 1px
}

.pt-1-px[data-v-4e9a18b0] {
    padding-top: 1px
}

.pb-1-px[data-v-4e9a18b0] {
    padding-bottom: 1px
}

.p-2-px[data-v-4e9a18b0] {
    padding: 2px
}

.px-2-px[data-v-4e9a18b0] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-4e9a18b0] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-4e9a18b0] {
    padding-left: 2px
}

.pr-2-px[data-v-4e9a18b0] {
    padding-right: 2px
}

.pt-2-px[data-v-4e9a18b0] {
    padding-top: 2px
}

.pb-2-px[data-v-4e9a18b0] {
    padding-bottom: 2px
}

.p-8-px[data-v-4e9a18b0] {
    padding: 8px
}

.px-8-px[data-v-4e9a18b0] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-4e9a18b0] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-4e9a18b0] {
    padding-left: 8px
}

.pr-8-px[data-v-4e9a18b0] {
    padding-right: 8px
}

.pt-8-px[data-v-4e9a18b0] {
    padding-top: 8px
}

.pb-8-px[data-v-4e9a18b0] {
    padding-bottom: 8px
}

.p-10-px[data-v-4e9a18b0] {
    padding: 10px
}

.px-10-px[data-v-4e9a18b0] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-4e9a18b0] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-4e9a18b0] {
    padding-left: 10px
}

.pr-10-px[data-v-4e9a18b0] {
    padding-right: 10px
}

.pt-10-px[data-v-4e9a18b0] {
    padding-top: 10px
}

.pb-10-px[data-v-4e9a18b0] {
    padding-bottom: 10px
}

.p-12-px[data-v-4e9a18b0] {
    padding: 12px
}

.px-12-px[data-v-4e9a18b0] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-4e9a18b0] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-4e9a18b0] {
    padding-left: 12px
}

.pr-12-px[data-v-4e9a18b0] {
    padding-right: 12px
}

.pt-12-px[data-v-4e9a18b0] {
    padding-top: 12px
}

.pb-12-px[data-v-4e9a18b0] {
    padding-bottom: 12px
}

.p-16-px[data-v-4e9a18b0] {
    padding: 16px
}

.px-16-px[data-v-4e9a18b0] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-4e9a18b0] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-4e9a18b0] {
    padding-left: 16px
}

.pr-16-px[data-v-4e9a18b0] {
    padding-right: 16px
}

.pt-16-px[data-v-4e9a18b0] {
    padding-top: 16px
}

.pb-16-px[data-v-4e9a18b0] {
    padding-bottom: 16px
}

.p-30-px[data-v-4e9a18b0] {
    padding: 30px
}

.px-30-px[data-v-4e9a18b0] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-4e9a18b0] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-4e9a18b0] {
    padding-left: 30px
}

.pr-30-px[data-v-4e9a18b0] {
    padding-right: 30px
}

.pt-30-px[data-v-4e9a18b0] {
    padding-top: 30px
}

.pb-30-px[data-v-4e9a18b0] {
    padding-bottom: 30px
}

.font-30[data-v-4e9a18b0] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-4e9a18b0] {
    font-weight: 700
}

.wbo-title[data-v-4e9a18b0] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-4e9a18b0] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-4e9a18b0] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-4e9a18b0] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-4e9a18b0]:focus {
        outline: 0
    }

    .button[data-v-4e9a18b0]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-4e9a18b0] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-4e9a18b0]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-4e9a18b0] {
    padding: 11px 2.5rem
}

.button.primary[data-v-4e9a18b0], .button.primary[data-v-4e9a18b0]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-4e9a18b0], .text-primary[data-v-4e9a18b0], a .primary-hover[data-v-4e9a18b0]:hover {
    color: #000 !important
}

ul[data-v-4e9a18b0] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-4e9a18b0], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-4e9a18b0] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-4e9a18b0]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-4e9a18b0]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-4e9a18b0], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-4e9a18b0], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-4e9a18b0]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-4e9a18b0], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-4e9a18b0], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-4e9a18b0]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-4e9a18b0], .faqsContent .content .navigator ul li a.active[data-v-4e9a18b0]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-4e9a18b0]:hover {
    color: #000
}

.ps[data-v-4e9a18b0] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-4e9a18b0] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-4e9a18b0], .ps__rail-y[data-v-4e9a18b0] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-4e9a18b0] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-4e9a18b0], .ps--active-y > .ps__rail-y[data-v-4e9a18b0] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-4e9a18b0], .ps--focus > .ps__rail-y[data-v-4e9a18b0], .ps--scrolling-x > .ps__rail-x[data-v-4e9a18b0], .ps--scrolling-y > .ps__rail-y[data-v-4e9a18b0], .ps:hover > .ps__rail-x[data-v-4e9a18b0], .ps:hover > .ps__rail-y[data-v-4e9a18b0] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-4e9a18b0], .ps .ps__rail-x[data-v-4e9a18b0]:focus, .ps .ps__rail-x[data-v-4e9a18b0]:hover, .ps .ps__rail-y.ps--clicking[data-v-4e9a18b0], .ps .ps__rail-y[data-v-4e9a18b0]:focus, .ps .ps__rail-y[data-v-4e9a18b0]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-4e9a18b0] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-4e9a18b0] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-4e9a18b0], .ps__rail-x:focus > .ps__thumb-x[data-v-4e9a18b0], .ps__rail-x:hover > .ps__thumb-x[data-v-4e9a18b0] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-4e9a18b0], .ps__rail-y:focus > .ps__thumb-y[data-v-4e9a18b0], .ps__rail-y:hover > .ps__thumb-y[data-v-4e9a18b0] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-4e9a18b0] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-4e9a18b0] {
        overflow: auto !important
    }
}

.md-field[data-v-4e9a18b0] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-4e9a18b0] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-4e9a18b0] {
    color: #2a74f9
}

.md-field .md-error[data-v-4e9a18b0] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-4e9a18b0] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-4e9a18b0], .md-field.md-has-value label[data-v-4e9a18b0] {
    top: -10px
}

.form-control[data-v-4e9a18b0], .md-field .md-input[data-v-4e9a18b0], .md-field .md-textarea[data-v-4e9a18b0], .winput[data-v-4e9a18b0] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-4e9a18b0] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-4e9a18b0] {
    fill: #0d0d0d
}

.round[data-v-4e9a18b0] {
    border-radius: 5px
}

.off[data-v-4e9a18b0] {
    position: relative;
    cursor: default
}

.off > [data-v-4e9a18b0] {
    opacity: .5
}

.off[data-v-4e9a18b0]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-4e9a18b0] {
    cursor: pointer
}

.close-page[data-v-4e9a18b0] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-4e9a18b0] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-4e9a18b0], .slide-fade-leave-active[data-v-4e9a18b0] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-4e9a18b0], .slide-fade-leave-to[data-v-4e9a18b0] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-4e9a18b0 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-4e9a18b0 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-4e9a18b0] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-4e9a18b0] {
    color: #ffcf5c
}

.button[data-v-4e9a18b0] {
    font-weight: 700
}

.modal .modal-dialog[data-v-4e9a18b0] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-4e9a18b0] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-4e9a18b0] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-4e9a18b0], .modal .modal-dialog .modal-header[data-v-4e9a18b0] {
    border: none
}

#chartCommisst .highcharts-title[data-v-4e9a18b0] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-4e9a18b0] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-4e9a18b0] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-4e9a18b0], .modal .modal-dialog form[data-v-4e9a18b0] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-4e9a18b0] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-4e9a18b0], .FaqsDetail[data-v-4e9a18b0] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-4e9a18b0], .FaqsDetail[data-v-4e9a18b0] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-4e9a18b0], .FaqsDetail .headerMaster .boxHeader[data-v-4e9a18b0] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-4e9a18b0], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-4e9a18b0] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-4e9a18b0], .Faqs main[data-v-4e9a18b0] {
    background-color: unset
}

.titleChartCandle[data-v-4e9a18b0] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-4e9a18b0] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-4e9a18b0] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-4e9a18b0] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-4e9a18b0], .plotlineChart .time[data-v-4e9a18b0] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-4e9a18b0] {
    top: 51px
}

.boxHeader[data-v-4e9a18b0] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-4e9a18b0], .boxHeader .register[data-v-4e9a18b0] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-4e9a18b0] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-4e9a18b0] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-4e9a18b0] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-4e9a18b0] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-4e9a18b0]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-4e9a18b0] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-4e9a18b0]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-4e9a18b0] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-4e9a18b0]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-4e9a18b0] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-4e9a18b0] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-4e9a18b0] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-4e9a18b0] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-4e9a18b0] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-4e9a18b0] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-4e9a18b0] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-4e9a18b0] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-4e9a18b0] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-4e9a18b0] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-4e9a18b0] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-4e9a18b0] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-4e9a18b0] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-4e9a18b0] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-4e9a18b0] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-4e9a18b0] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-4e9a18b0] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-4e9a18b0] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-4e9a18b0] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-4e9a18b0] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-4e9a18b0] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-4e9a18b0] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-4e9a18b0] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-4e9a18b0] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-4e9a18b0] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-4e9a18b0] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-4e9a18b0] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-4e9a18b0] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-4e9a18b0] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-4e9a18b0] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-4e9a18b0] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-4e9a18b0] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-4e9a18b0] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-4e9a18b0] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-4e9a18b0] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-4e9a18b0] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-4e9a18b0] {
        height: 56px !important
    }
}

input.form-control[data-v-4e9a18b0], input[data-v-4e9a18b0], select.form-control[data-v-4e9a18b0], select[data-v-4e9a18b0] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-4e9a18b0] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-4e9a18b0] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-4e9a18b0] {
    line-height: 100%
}

.button.btn-long[data-v-4e9a18b0] {
    padding: 10px 40px
}

.button.btn-radius[data-v-4e9a18b0] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-4e9a18b0] {
    border-radius: 20px
}

.button.btn-full[data-v-4e9a18b0] {
    width: 100%
}

.button.btn-80[data-v-4e9a18b0] {
    width: 80%
}

.button.hasIcon[data-v-4e9a18b0] {
    padding-left: 50px
}

.button a[data-v-4e9a18b0] {
    display: block
}

.button .labelIcon[data-v-4e9a18b0] {
    position: absolute
}

.button .labelIcon svg[data-v-4e9a18b0] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-4e9a18b0] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-4e9a18b0]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-4e9a18b0] {
    outline: none
}

.keyboard-input-wrap[data-v-4e9a18b0] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-4e9a18b0] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-4e9a18b0] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-4e9a18b0] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-4e9a18b0] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-4e9a18b0] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-4e9a18b0] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-4e9a18b0] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-4e9a18b0] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-4e9a18b0] {
    font-size: 1.2em
}

.color-white[data-v-4e9a18b0] {
    color: #fff
}

.color-white-50[data-v-4e9a18b0] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-4e9a18b0] {
    display: none
}

.ld-loading .loading[data-v-4e9a18b0], .main-loading .loading[data-v-4e9a18b0] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-4e9a18b0] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-4e9a18b0]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-4e9a18b0]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-4e9a18b0] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-4e9a18b0] {
    -webkit-animation: rotate-data-v-4e9a18b0 1s linear infinite;
    animation: rotate-data-v-4e9a18b0 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-4e9a18b0] {
    stroke: transparent
}

.wrapNotify[data-v-4e9a18b0] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-4e9a18b0] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-4e9a18b0] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-4e9a18b0] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-4e9a18b0] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-4e9a18b0] {
    display: block
}

.wrapNotify .close-notify[data-v-4e9a18b0] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-4e9a18b0] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-4e9a18b0] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-4e9a18b0] {
    background-color: transparent
}

.colorWhite[data-v-4e9a18b0] {
    color: #fff
}

.colorRed[data-v-4e9a18b0] {
    color: #f46273
}

.colorGreen[data-v-4e9a18b0] {
    color: #31baa0
}

.colorGray[data-v-4e9a18b0] {
    color: #7c7c7c
}

.tableBackground[data-v-4e9a18b0] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-4e9a18b0] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-4e9a18b0], .tableBackground .table-dark th[data-v-4e9a18b0] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-4e9a18b0]:after, .tableBackground .table-dark th[data-v-4e9a18b0]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-4e9a18b0] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-4e9a18b0], .tableBackground .table-dark th[data-v-4e9a18b0] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-4e9a18b0]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-4e9a18b0]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-4e9a18b0] {
    background-color: #060642
}

.tableBackground #paging li[data-v-4e9a18b0] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-4e9a18b0] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-4e9a18b0] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-4e9a18b0], .customeTradeHistory[data-v-4e9a18b0] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-4e9a18b0], .customeTradeHistory .reportrange-text[data-v-4e9a18b0] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-4e9a18b0], .customeTradeHistory .reportrange-text .seperate[data-v-4e9a18b0] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-4e9a18b0], .customeTradeHistory .reportrange-text span[data-v-4e9a18b0] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-4e9a18b0] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-4e9a18b0] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-4e9a18b0] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-4e9a18b0]:after, .startDate .daterangepicker.openscenter[data-v-4e9a18b0]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-4e9a18b0] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-4e9a18b0] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-4e9a18b0] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-4e9a18b0] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-4e9a18b0] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-4e9a18b0] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-4e9a18b0] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-4e9a18b0] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-4e9a18b0] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-4e9a18b0] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-4e9a18b0] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-4e9a18b0] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-4e9a18b0] {
    text-align: center
}

.border-none[data-v-4e9a18b0] {
    border: none
}

.text-domain[data-v-4e9a18b0]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-4e9a18b0] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-4e9a18b0] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-4e9a18b0] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-4e9a18b0] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-4e9a18b0] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-4e9a18b0] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-4e9a18b0] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-4e9a18b0] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-4e9a18b0] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-4e9a18b0] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-4e9a18b0] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-4e9a18b0] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-4e9a18b0] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-4e9a18b0] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-4e9a18b0] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-4e9a18b0] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-4e9a18b0] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-4e9a18b0] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-4e9a18b0] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-4e9a18b0] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-4e9a18b0] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-4e9a18b0] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-4e9a18b0] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-4e9a18b0] {
    fill: #000
}

.btn-active-paging[data-v-4e9a18b0] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-4e9a18b0] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-4e9a18b0] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-4e9a18b0] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-4e9a18b0], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-4e9a18b0] {
    background: #8b8d96 !important
}

.transactionBox[data-v-4e9a18b0] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-4e9a18b0] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-4e9a18b0] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-4e9a18b0] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-4e9a18b0] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-4e9a18b0] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-4e9a18b0] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-4e9a18b0] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-4e9a18b0] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-4e9a18b0] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-4e9a18b0] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-4e9a18b0] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-4e9a18b0] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-4e9a18b0] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-4e9a18b0] {
    color: #2a74f9 !important
}

.balance-link .nav-link[data-v-4e9a18b0] {
    height: 55px;
    font-size: 1rem;
    color: hsla(0,0%,100%,.3)
}

.balance-link .nav-link.router-link-active[data-v-4e9a18b0] {
    color: #fff;
    font-weight: 700
}

    .balance-link .nav-link.router-link-active[data-v-4e9a18b0]:after {
        content: "";
        display: block;
        width: 100%;
        height: 4px;
        background: #2a74f9;
        border-radius: 4px 4px 0 0;
        position: absolute;
        bottom: 0;
        left: 0
    }

body[data-v-4f3b7e9c] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-4f3b7e9c]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-4f3b7e9c]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-4f3b7e9c]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-4f3b7e9c] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-4f3b7e9c]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-4f3b7e9c]::-webkit-inner-spin-button, input[data-v-4f3b7e9c]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-4f3b7e9c] {
    -moz-appearance: textfield
}

button[data-v-4f3b7e9c]:focus, input[data-v-4f3b7e9c]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-4f3b7e9c] {
    font-size: 8px
}

.font-10[data-v-4f3b7e9c] {
    font-size: .6rem !important
}

.font-12[data-v-4f3b7e9c] {
    font-size: 12px
}

.font-14[data-v-4f3b7e9c] {
    font-size: 14px
}

.font-16[data-v-4f3b7e9c] {
    font-size: 16px
}

.font-18[data-v-4f3b7e9c] {
    font-size: 18px
}

.font-20[data-v-4f3b7e9c] {
    font-size: 20px
}

.font-24[data-v-4f3b7e9c] {
    font-size: 24px
}

.font-32[data-v-4f3b7e9c] {
    font-size: 32px
}

.font-34[data-v-4f3b7e9c] {
    font-size: 34px
}

.font-40[data-v-4f3b7e9c] {
    font-size: 2.5rem !important
}

.font-44[data-v-4f3b7e9c] {
    font-size: 44px
}

.colorPrimary[data-v-4f3b7e9c] {
    color: #2a74f9
}

.colorPrimary1[data-v-4f3b7e9c] {
    color: #000 !important
}

.colorSecondary[data-v-4f3b7e9c] {
    color: #fff !important
}

.colorSecondary1[data-v-4f3b7e9c] {
    color: #414141 !important
}

.colorSecondary2[data-v-4f3b7e9c] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-4f3b7e9c] {
    color: #0d0d0d
}

.colorSecondary4[data-v-4f3b7e9c] {
    color: #02142b
}

.colorSecondary5[data-v-4f3b7e9c] {
    color: #1a1e24
}

.colorSecondary6[data-v-4f3b7e9c] {
    color: #fafafa
}

.colorSecondary7[data-v-4f3b7e9c] {
    color: #333
}

.colorSecondary8[data-v-4f3b7e9c] {
    color: #0e0031
}

.colorSuccess[data-v-4f3b7e9c] {
    color: #31baa0
}

.colorWarning[data-v-4f3b7e9c] {
    color: #ffcf5c
}

.colorDanger[data-v-4f3b7e9c] {
    color: #f46273
}

.fillPrimary[data-v-4f3b7e9c] {
    fill: #2a74f9
}

.fillWarning[data-v-4f3b7e9c] {
    fill: #ffcf5c
}

.fillDanger[data-v-4f3b7e9c] {
    fill: #f46273
}

.fillSecondary1[data-v-4f3b7e9c] {
    fill: #414141
}

.fillSecondary2[data-v-4f3b7e9c] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-4f3b7e9c] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-4f3b7e9c] {
    fill: #02142b
}

.fillSecondary5[data-v-4f3b7e9c] {
    fill: #1a1e24
}

.fillSecondary6[data-v-4f3b7e9c] {
    fill: #fafafa
}

.fillSecondary7[data-v-4f3b7e9c] {
    fill: #333
}

.fillSecondary8[data-v-4f3b7e9c] {
    fill: #0e0031
}

.textnote-notidesc[data-v-4f3b7e9c] {
    color: #fff
}

.bgColor0[data-v-4f3b7e9c] {
    background-color: transparent
}

.bgPrimary-hover[data-v-4f3b7e9c]:hover, .bgPrimary[data-v-4f3b7e9c] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-4f3b7e9c]:hover, .bgPrimary1[data-v-4f3b7e9c] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-4f3b7e9c]:hover, .bgPrimary2[data-v-4f3b7e9c] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-4f3b7e9c]:hover, .bgSecondary[data-v-4f3b7e9c] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-4f3b7e9c]:hover, .bgSecondary1[data-v-4f3b7e9c] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-4f3b7e9c]:hover, .bgSecondary2[data-v-4f3b7e9c] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-4f3b7e9c]:hover, .bgSecondary3[data-v-4f3b7e9c] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-4f3b7e9c] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-4f3b7e9c] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-4f3b7e9c]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-4f3b7e9c]:hover, .bgSecondary5[data-v-4f3b7e9c] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-4f3b7e9c]:hover, .bgSecondary6[data-v-4f3b7e9c] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-4f3b7e9c]:hover, .bgSecondary7[data-v-4f3b7e9c] {
    background-color: #333 !important
}

.bgSecondary8[data-v-4f3b7e9c] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-4f3b7e9c]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-4f3b7e9c] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-4f3b7e9c]:hover, .bgSuccess[data-v-4f3b7e9c] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-4f3b7e9c] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-4f3b7e9c] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-4f3b7e9c]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-4f3b7e9c] {
    fill: #31baa0
}

.w-14-px[data-v-4f3b7e9c] {
    width: 14px
}

.max-width-50[data-v-4f3b7e9c] {
    max-width: 50%
}

.h-60-px[data-v-4f3b7e9c] {
    height: 60px
}

.h-100-px[data-v-4f3b7e9c] {
    height: 100px
}

.mb-16-px[data-v-4f3b7e9c] {
    margin-bottom: 16px
}

.mb-30-px[data-v-4f3b7e9c] {
    margin-bottom: 30px
}

.borderRounded[data-v-4f3b7e9c] {
    border-radius: 5px
}

.borderPrimary[data-v-4f3b7e9c] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-4f3b7e9c] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-4f3b7e9c] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-4f3b7e9c] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-4f3b7e9c] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-4f3b7e9c] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-4f3b7e9c] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-4f3b7e9c] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-4f3b7e9c] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-4f3b7e9c] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-4f3b7e9c] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-4f3b7e9c] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-4f3b7e9c] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-4f3b7e9c] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-4f3b7e9c]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-4f3b7e9c] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-4f3b7e9c] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-4f3b7e9c] {
    padding: 1px
}

.px-1-px[data-v-4f3b7e9c] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-4f3b7e9c] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-4f3b7e9c] {
    padding-left: 1px
}

.pr-1-px[data-v-4f3b7e9c] {
    padding-right: 1px
}

.pt-1-px[data-v-4f3b7e9c] {
    padding-top: 1px
}

.pb-1-px[data-v-4f3b7e9c] {
    padding-bottom: 1px
}

.p-2-px[data-v-4f3b7e9c] {
    padding: 2px
}

.px-2-px[data-v-4f3b7e9c] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-4f3b7e9c] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-4f3b7e9c] {
    padding-left: 2px
}

.pr-2-px[data-v-4f3b7e9c] {
    padding-right: 2px
}

.pt-2-px[data-v-4f3b7e9c] {
    padding-top: 2px
}

.pb-2-px[data-v-4f3b7e9c] {
    padding-bottom: 2px
}

.p-8-px[data-v-4f3b7e9c] {
    padding: 8px
}

.px-8-px[data-v-4f3b7e9c] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-4f3b7e9c] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-4f3b7e9c] {
    padding-left: 8px
}

.pr-8-px[data-v-4f3b7e9c] {
    padding-right: 8px
}

.pt-8-px[data-v-4f3b7e9c] {
    padding-top: 8px
}

.pb-8-px[data-v-4f3b7e9c] {
    padding-bottom: 8px
}

.p-10-px[data-v-4f3b7e9c] {
    padding: 10px
}

.px-10-px[data-v-4f3b7e9c] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-4f3b7e9c] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-4f3b7e9c] {
    padding-left: 10px
}

.pr-10-px[data-v-4f3b7e9c] {
    padding-right: 10px
}

.pt-10-px[data-v-4f3b7e9c] {
    padding-top: 10px
}

.pb-10-px[data-v-4f3b7e9c] {
    padding-bottom: 10px
}

.p-12-px[data-v-4f3b7e9c] {
    padding: 12px
}

.px-12-px[data-v-4f3b7e9c] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-4f3b7e9c] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-4f3b7e9c] {
    padding-left: 12px
}

.pr-12-px[data-v-4f3b7e9c] {
    padding-right: 12px
}

.pt-12-px[data-v-4f3b7e9c] {
    padding-top: 12px
}

.pb-12-px[data-v-4f3b7e9c] {
    padding-bottom: 12px
}

.p-16-px[data-v-4f3b7e9c] {
    padding: 16px
}

.px-16-px[data-v-4f3b7e9c] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-4f3b7e9c] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-4f3b7e9c] {
    padding-left: 16px
}

.pr-16-px[data-v-4f3b7e9c] {
    padding-right: 16px
}

.pt-16-px[data-v-4f3b7e9c] {
    padding-top: 16px
}

.pb-16-px[data-v-4f3b7e9c] {
    padding-bottom: 16px
}

.p-30-px[data-v-4f3b7e9c] {
    padding: 30px
}

.px-30-px[data-v-4f3b7e9c] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-4f3b7e9c] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-4f3b7e9c] {
    padding-left: 30px
}

.pr-30-px[data-v-4f3b7e9c] {
    padding-right: 30px
}

.pt-30-px[data-v-4f3b7e9c] {
    padding-top: 30px
}

.pb-30-px[data-v-4f3b7e9c] {
    padding-bottom: 30px
}

.font-30[data-v-4f3b7e9c] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-4f3b7e9c] {
    font-weight: 700
}

.wbo-title[data-v-4f3b7e9c] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-4f3b7e9c] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-4f3b7e9c] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-4f3b7e9c] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-4f3b7e9c]:focus {
        outline: 0
    }

    .button[data-v-4f3b7e9c]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-4f3b7e9c] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-4f3b7e9c]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-4f3b7e9c] {
    padding: 11px 2.5rem
}

.button.primary[data-v-4f3b7e9c], .button.primary[data-v-4f3b7e9c]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-4f3b7e9c], .text-primary[data-v-4f3b7e9c], a .primary-hover[data-v-4f3b7e9c]:hover {
    color: #000 !important
}

ul[data-v-4f3b7e9c] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-4f3b7e9c], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-4f3b7e9c] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-4f3b7e9c]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-4f3b7e9c]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-4f3b7e9c], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-4f3b7e9c], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-4f3b7e9c]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-4f3b7e9c], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-4f3b7e9c], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-4f3b7e9c]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-4f3b7e9c], .faqsContent .content .navigator ul li a.active[data-v-4f3b7e9c]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-4f3b7e9c]:hover {
    color: #000
}

.ps[data-v-4f3b7e9c] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-4f3b7e9c] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-4f3b7e9c], .ps__rail-y[data-v-4f3b7e9c] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-4f3b7e9c] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-4f3b7e9c], .ps--active-y > .ps__rail-y[data-v-4f3b7e9c] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-4f3b7e9c], .ps--focus > .ps__rail-y[data-v-4f3b7e9c], .ps--scrolling-x > .ps__rail-x[data-v-4f3b7e9c], .ps--scrolling-y > .ps__rail-y[data-v-4f3b7e9c], .ps:hover > .ps__rail-x[data-v-4f3b7e9c], .ps:hover > .ps__rail-y[data-v-4f3b7e9c] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-4f3b7e9c], .ps .ps__rail-x[data-v-4f3b7e9c]:focus, .ps .ps__rail-x[data-v-4f3b7e9c]:hover, .ps .ps__rail-y.ps--clicking[data-v-4f3b7e9c], .ps .ps__rail-y[data-v-4f3b7e9c]:focus, .ps .ps__rail-y[data-v-4f3b7e9c]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-4f3b7e9c] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-4f3b7e9c] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-4f3b7e9c], .ps__rail-x:focus > .ps__thumb-x[data-v-4f3b7e9c], .ps__rail-x:hover > .ps__thumb-x[data-v-4f3b7e9c] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-4f3b7e9c], .ps__rail-y:focus > .ps__thumb-y[data-v-4f3b7e9c], .ps__rail-y:hover > .ps__thumb-y[data-v-4f3b7e9c] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-4f3b7e9c] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-4f3b7e9c] {
        overflow: auto !important
    }
}

.md-field[data-v-4f3b7e9c] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-4f3b7e9c] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-4f3b7e9c] {
    color: #2a74f9
}

.md-field .md-error[data-v-4f3b7e9c] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-4f3b7e9c] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-4f3b7e9c], .md-field.md-has-value label[data-v-4f3b7e9c] {
    top: -10px
}

.form-control[data-v-4f3b7e9c], .md-field .md-input[data-v-4f3b7e9c], .md-field .md-textarea[data-v-4f3b7e9c], .winput[data-v-4f3b7e9c] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-4f3b7e9c] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-4f3b7e9c] {
    fill: #0d0d0d
}

.round[data-v-4f3b7e9c] {
    border-radius: 5px
}

.off[data-v-4f3b7e9c] {
    position: relative;
    cursor: default
}

.off > [data-v-4f3b7e9c] {
    opacity: .5
}

.off[data-v-4f3b7e9c]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-4f3b7e9c] {
    cursor: pointer
}

.close-page[data-v-4f3b7e9c] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-4f3b7e9c] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-4f3b7e9c], .slide-fade-leave-active[data-v-4f3b7e9c] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-4f3b7e9c], .slide-fade-leave-to[data-v-4f3b7e9c] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-4f3b7e9c {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-4f3b7e9c {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-4f3b7e9c] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-4f3b7e9c] {
    color: #ffcf5c
}

.button[data-v-4f3b7e9c] {
    font-weight: 700
}

.modal .modal-dialog[data-v-4f3b7e9c] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-4f3b7e9c] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-4f3b7e9c] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-4f3b7e9c], .modal .modal-dialog .modal-header[data-v-4f3b7e9c] {
    border: none
}

#chartCommisst .highcharts-title[data-v-4f3b7e9c] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-4f3b7e9c] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-4f3b7e9c] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-4f3b7e9c], .modal .modal-dialog form[data-v-4f3b7e9c] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-4f3b7e9c] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-4f3b7e9c], .FaqsDetail[data-v-4f3b7e9c] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-4f3b7e9c], .FaqsDetail[data-v-4f3b7e9c] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-4f3b7e9c], .FaqsDetail .headerMaster .boxHeader[data-v-4f3b7e9c] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-4f3b7e9c], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-4f3b7e9c] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-4f3b7e9c], .Faqs main[data-v-4f3b7e9c] {
    background-color: unset
}

.titleChartCandle[data-v-4f3b7e9c] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-4f3b7e9c] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-4f3b7e9c] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-4f3b7e9c] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-4f3b7e9c], .plotlineChart .time[data-v-4f3b7e9c] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-4f3b7e9c] {
    top: 51px
}

.boxHeader[data-v-4f3b7e9c] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-4f3b7e9c], .boxHeader .register[data-v-4f3b7e9c] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-4f3b7e9c] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-4f3b7e9c] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-4f3b7e9c] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-4f3b7e9c] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-4f3b7e9c]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-4f3b7e9c] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-4f3b7e9c]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-4f3b7e9c] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-4f3b7e9c]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-4f3b7e9c] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-4f3b7e9c] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-4f3b7e9c] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-4f3b7e9c] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-4f3b7e9c] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-4f3b7e9c] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-4f3b7e9c] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-4f3b7e9c] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-4f3b7e9c] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-4f3b7e9c] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-4f3b7e9c] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-4f3b7e9c] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-4f3b7e9c] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-4f3b7e9c] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-4f3b7e9c] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-4f3b7e9c] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-4f3b7e9c] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-4f3b7e9c] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-4f3b7e9c] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-4f3b7e9c] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-4f3b7e9c] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-4f3b7e9c] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-4f3b7e9c] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-4f3b7e9c] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-4f3b7e9c] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-4f3b7e9c] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-4f3b7e9c] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-4f3b7e9c] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-4f3b7e9c] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-4f3b7e9c] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-4f3b7e9c] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-4f3b7e9c] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-4f3b7e9c] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-4f3b7e9c] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-4f3b7e9c] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-4f3b7e9c] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-4f3b7e9c] {
        height: 56px !important
    }
}

input.form-control[data-v-4f3b7e9c], input[data-v-4f3b7e9c], select.form-control[data-v-4f3b7e9c], select[data-v-4f3b7e9c] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-4f3b7e9c] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-4f3b7e9c] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-4f3b7e9c] {
    line-height: 100%
}

.button.btn-long[data-v-4f3b7e9c] {
    padding: 10px 40px
}

.button.btn-radius[data-v-4f3b7e9c] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-4f3b7e9c] {
    border-radius: 20px
}

.button.btn-full[data-v-4f3b7e9c] {
    width: 100%
}

.button.btn-80[data-v-4f3b7e9c] {
    width: 80%
}

.button.hasIcon[data-v-4f3b7e9c] {
    padding-left: 50px
}

.button a[data-v-4f3b7e9c] {
    display: block
}

.button .labelIcon[data-v-4f3b7e9c] {
    position: absolute
}

.button .labelIcon svg[data-v-4f3b7e9c] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-4f3b7e9c] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-4f3b7e9c]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-4f3b7e9c] {
    outline: none
}

.keyboard-input-wrap[data-v-4f3b7e9c] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-4f3b7e9c] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-4f3b7e9c] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-4f3b7e9c] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-4f3b7e9c] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-4f3b7e9c] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-4f3b7e9c] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-4f3b7e9c] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-4f3b7e9c] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-4f3b7e9c] {
    font-size: 1.2em
}

.color-white[data-v-4f3b7e9c] {
    color: #fff
}

.color-white-50[data-v-4f3b7e9c] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-4f3b7e9c] {
    display: none
}

.ld-loading .loading[data-v-4f3b7e9c], .main-loading .loading[data-v-4f3b7e9c] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-4f3b7e9c] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-4f3b7e9c]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-4f3b7e9c]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-4f3b7e9c] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-4f3b7e9c] {
    -webkit-animation: rotate-data-v-4f3b7e9c 1s linear infinite;
    animation: rotate-data-v-4f3b7e9c 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-4f3b7e9c] {
    stroke: transparent
}

.wrapNotify[data-v-4f3b7e9c] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-4f3b7e9c] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-4f3b7e9c] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-4f3b7e9c] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-4f3b7e9c] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-4f3b7e9c] {
    display: block
}

.wrapNotify .close-notify[data-v-4f3b7e9c] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-4f3b7e9c] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-4f3b7e9c] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-4f3b7e9c] {
    background-color: transparent
}

.colorWhite[data-v-4f3b7e9c] {
    color: #fff
}

.colorRed[data-v-4f3b7e9c] {
    color: #f46273
}

.colorGreen[data-v-4f3b7e9c] {
    color: #31baa0
}

.colorGray[data-v-4f3b7e9c] {
    color: #7c7c7c
}

.tableBackground[data-v-4f3b7e9c] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-4f3b7e9c] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-4f3b7e9c], .tableBackground .table-dark th[data-v-4f3b7e9c] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-4f3b7e9c]:after, .tableBackground .table-dark th[data-v-4f3b7e9c]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-4f3b7e9c] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-4f3b7e9c], .tableBackground .table-dark th[data-v-4f3b7e9c] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-4f3b7e9c]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-4f3b7e9c]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-4f3b7e9c] {
    background-color: #060642
}

.tableBackground #paging li[data-v-4f3b7e9c] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-4f3b7e9c] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-4f3b7e9c] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-4f3b7e9c], .customeTradeHistory[data-v-4f3b7e9c] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-4f3b7e9c], .customeTradeHistory .reportrange-text[data-v-4f3b7e9c] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-4f3b7e9c], .customeTradeHistory .reportrange-text .seperate[data-v-4f3b7e9c] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-4f3b7e9c], .customeTradeHistory .reportrange-text span[data-v-4f3b7e9c] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-4f3b7e9c] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-4f3b7e9c] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-4f3b7e9c] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-4f3b7e9c]:after, .startDate .daterangepicker.openscenter[data-v-4f3b7e9c]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-4f3b7e9c] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-4f3b7e9c] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-4f3b7e9c] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-4f3b7e9c] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-4f3b7e9c] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-4f3b7e9c] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-4f3b7e9c] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-4f3b7e9c] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-4f3b7e9c] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-4f3b7e9c] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-4f3b7e9c] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-4f3b7e9c] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-4f3b7e9c] {
    text-align: center
}

.border-none[data-v-4f3b7e9c] {
    border: none
}

.text-domain[data-v-4f3b7e9c]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-4f3b7e9c] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-4f3b7e9c] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-4f3b7e9c] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-4f3b7e9c] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-4f3b7e9c] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-4f3b7e9c] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-4f3b7e9c] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-4f3b7e9c] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-4f3b7e9c] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-4f3b7e9c] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-4f3b7e9c] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-4f3b7e9c] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-4f3b7e9c] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-4f3b7e9c] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-4f3b7e9c] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-4f3b7e9c] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-4f3b7e9c] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-4f3b7e9c] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-4f3b7e9c] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-4f3b7e9c] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-4f3b7e9c] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-4f3b7e9c] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-4f3b7e9c] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-4f3b7e9c] {
    fill: #000
}

.btn-active-paging[data-v-4f3b7e9c] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-4f3b7e9c] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-4f3b7e9c] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-4f3b7e9c] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-4f3b7e9c], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-4f3b7e9c] {
    background: #8b8d96 !important
}

.transactionBox[data-v-4f3b7e9c] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-4f3b7e9c] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-4f3b7e9c] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-4f3b7e9c] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-4f3b7e9c] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-4f3b7e9c] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-4f3b7e9c] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-4f3b7e9c] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-4f3b7e9c] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-4f3b7e9c] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-4f3b7e9c] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-4f3b7e9c] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-4f3b7e9c] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-4f3b7e9c] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-4f3b7e9c] {
    color: #2a74f9 !important
}

.item-txid-desc[data-v-4f3b7e9c] {
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 5px;
    white-space: nowrap;
    display: block !important;
    text-decoration: underline !important
}

@media (max-width:768px) {
    .mobile-version .col-lg-7[data-v-4f3b7e9c] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .mobile-version .ellips-text-1[data-v-4f3b7e9c] {
        display: block;
        display: -webkit-box;
        height: 1.3125rem !important;
        font-size: .875rem !important;
        line-height: 1.5 !important;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
        max-width: 180px
    }

    .mobile-version .red[data-v-4f3b7e9c] {
        color: #f46273
    }

    .mobile-version .green[data-v-4f3b7e9c] {
        color: #31baa0
    }

    .mobile-version .close-page[data-v-4f3b7e9c] {
        top: 0;
        right: -45px
    }
}

@media (max-width:768px) and (max-width:575px) {
    .mobile-version .close-page[data-v-4f3b7e9c] {
        right: 0
    }
}

@media (max-width:768px) {
    .mobile-version .close-page img[data-v-4f3b7e9c] {
        margin-top: 4px
    }

    .mobile-version .ticket_id > a[data-v-4f3b7e9c] {
        color: #000;
        vertical-align: middle
    }

    .mobile-version .ticket_id > span[data-v-4f3b7e9c] {
        display: inline-block;
        width: 20px;
        height: 20px;
        line-height: 18px;
        vertical-align: middle;
        border: 1px solid;
        margin-right: 0;
        overflow: hidden;
        border-radius: 50%;
        position: relative;
        font-weight: 700;
        background-color: #391e6a;
        color: unset
    }

    .mobile-version .ticket_id > span.BRONZE[data-v-4f3b7e9c] {
        border-color: #db7f00;
        color: #db7f00
    }

    .mobile-version .ticket_id > span.SILVER[data-v-4f3b7e9c] {
        border-color: #acacac;
        color: #acacac
    }

    .mobile-version .ticket_id > span.GOLD[data-v-4f3b7e9c], .mobile-version .ticket_id > span.GOLD_ALT[data-v-4f3b7e9c] {
        border-color: #f6bd01;
        color: #f6bd01
    }

    .mobile-version a.txid[data-v-4f3b7e9c] {
        color: #fff
    }

    .mobile-version a.txid span[data-v-4f3b7e9c] {
        display: inherit;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .mobile-version .divCourseHistory[data-v-4f3b7e9c] {
        padding: 0 15px
    }

    .mobile-version .divCourseHistory h4[data-v-4f3b7e9c] {
        font-size: 18px;
        font-weight: 600;
        margin-top: 18px
    }

    .mobile-version .divCourseHistory .detailCourseHistory[data-v-4f3b7e9c] {
        margin-top: 30px
    }

    .mobile-version .divCourseHistory .detailCourseHistory > div[data-v-4f3b7e9c] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom: 1px solid #1f2f53;
        padding: 10px 0
    }

        .mobile-version .divCourseHistory .detailCourseHistory > div[data-v-4f3b7e9c]:last-child {
            border-bottom: 0
        }

    .mobile-version .divCourseHistory .detailCourseHistory > div .titleCourseHistory[data-v-4f3b7e9c] {
        font-size: 12px;
        color: #7c7c7c
    }

    .mobile-version .divCourseHistory .detailCourseHistory > div span[data-v-4f3b7e9c] {
        font-size: 14px
    }

    .mobile-version .authPopup .modal .modal-dialog .close-page .pe-7s-close[data-v-4f3b7e9c] {
        color: #fff;
        font-weight: 600
    }
}

@media screen and (max-width:575px) {
    .modalHistory .modal-dialog[data-v-4f3b7e9c] {
        height: 100vh
    }

    .modalHistory .modal-dialog .close-page[data-v-4f3b7e9c] {
        background: transparent
    }

    .modalHistory .modal-content[data-v-4f3b7e9c] {
        height: 100vh
    }
}

body[data-v-5f09ed0a] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-5f09ed0a]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-5f09ed0a]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-5f09ed0a]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-5f09ed0a] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-5f09ed0a]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-5f09ed0a]::-webkit-inner-spin-button, input[data-v-5f09ed0a]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-5f09ed0a] {
    -moz-appearance: textfield
}

button[data-v-5f09ed0a]:focus, input[data-v-5f09ed0a]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-5f09ed0a] {
    font-size: 8px
}

.font-10[data-v-5f09ed0a] {
    font-size: .6rem !important
}

.font-12[data-v-5f09ed0a] {
    font-size: 12px
}

.font-14[data-v-5f09ed0a] {
    font-size: 14px
}

.font-16[data-v-5f09ed0a] {
    font-size: 16px
}

.font-18[data-v-5f09ed0a] {
    font-size: 18px
}

.font-20[data-v-5f09ed0a] {
    font-size: 20px
}

.font-24[data-v-5f09ed0a] {
    font-size: 24px
}

.font-32[data-v-5f09ed0a] {
    font-size: 32px
}

.font-34[data-v-5f09ed0a] {
    font-size: 34px
}

.font-40[data-v-5f09ed0a] {
    font-size: 2.5rem !important
}

.font-44[data-v-5f09ed0a] {
    font-size: 44px
}

.colorPrimary[data-v-5f09ed0a] {
    color: #2a74f9
}

.colorPrimary1[data-v-5f09ed0a] {
    color: #000 !important
}

.colorSecondary[data-v-5f09ed0a] {
    color: #fff !important
}

.colorSecondary1[data-v-5f09ed0a] {
    color: #414141 !important
}

.colorSecondary2[data-v-5f09ed0a] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-5f09ed0a] {
    color: #0d0d0d
}

.colorSecondary4[data-v-5f09ed0a] {
    color: #02142b
}

.colorSecondary5[data-v-5f09ed0a] {
    color: #1a1e24
}

.colorSecondary6[data-v-5f09ed0a] {
    color: #fafafa
}

.colorSecondary7[data-v-5f09ed0a] {
    color: #333
}

.colorSecondary8[data-v-5f09ed0a] {
    color: #0e0031
}

.colorSuccess[data-v-5f09ed0a] {
    color: #31baa0
}

.colorWarning[data-v-5f09ed0a] {
    color: #ffcf5c
}

.colorDanger[data-v-5f09ed0a] {
    color: #f46273
}

.fillPrimary[data-v-5f09ed0a] {
    fill: #2a74f9
}

.fillWarning[data-v-5f09ed0a] {
    fill: #ffcf5c
}

.fillDanger[data-v-5f09ed0a] {
    fill: #f46273
}

.fillSecondary1[data-v-5f09ed0a] {
    fill: #414141
}

.fillSecondary2[data-v-5f09ed0a] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-5f09ed0a] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-5f09ed0a] {
    fill: #02142b
}

.fillSecondary5[data-v-5f09ed0a] {
    fill: #1a1e24
}

.fillSecondary6[data-v-5f09ed0a] {
    fill: #fafafa
}

.fillSecondary7[data-v-5f09ed0a] {
    fill: #333
}

.fillSecondary8[data-v-5f09ed0a] {
    fill: #0e0031
}

.textnote-notidesc[data-v-5f09ed0a] {
    color: #fff
}

.bgColor0[data-v-5f09ed0a] {
    background-color: transparent
}

.bgPrimary-hover[data-v-5f09ed0a]:hover, .bgPrimary[data-v-5f09ed0a] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-5f09ed0a]:hover, .bgPrimary1[data-v-5f09ed0a] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-5f09ed0a]:hover, .bgPrimary2[data-v-5f09ed0a] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-5f09ed0a]:hover, .bgSecondary[data-v-5f09ed0a] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-5f09ed0a]:hover, .bgSecondary1[data-v-5f09ed0a] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-5f09ed0a]:hover, .bgSecondary2[data-v-5f09ed0a] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-5f09ed0a]:hover, .bgSecondary3[data-v-5f09ed0a] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-5f09ed0a] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-5f09ed0a] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-5f09ed0a]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-5f09ed0a]:hover, .bgSecondary5[data-v-5f09ed0a] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-5f09ed0a]:hover, .bgSecondary6[data-v-5f09ed0a] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-5f09ed0a]:hover, .bgSecondary7[data-v-5f09ed0a] {
    background-color: #333 !important
}

.bgSecondary8[data-v-5f09ed0a] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-5f09ed0a]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-5f09ed0a] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-5f09ed0a]:hover, .bgSuccess[data-v-5f09ed0a] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-5f09ed0a] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-5f09ed0a] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-5f09ed0a]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-5f09ed0a] {
    fill: #31baa0
}

.w-14-px[data-v-5f09ed0a] {
    width: 14px
}

.max-width-50[data-v-5f09ed0a] {
    max-width: 50%
}

.h-60-px[data-v-5f09ed0a] {
    height: 60px
}

.h-100-px[data-v-5f09ed0a] {
    height: 100px
}

.mb-16-px[data-v-5f09ed0a] {
    margin-bottom: 16px
}

.mb-30-px[data-v-5f09ed0a] {
    margin-bottom: 30px
}

.borderRounded[data-v-5f09ed0a] {
    border-radius: 5px
}

.borderPrimary[data-v-5f09ed0a] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-5f09ed0a] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-5f09ed0a] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-5f09ed0a] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-5f09ed0a] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-5f09ed0a] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-5f09ed0a] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-5f09ed0a] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-5f09ed0a] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-5f09ed0a] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-5f09ed0a] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-5f09ed0a] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-5f09ed0a] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-5f09ed0a] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-5f09ed0a]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-5f09ed0a] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-5f09ed0a] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-5f09ed0a] {
    padding: 1px
}

.px-1-px[data-v-5f09ed0a] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-5f09ed0a] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-5f09ed0a] {
    padding-left: 1px
}

.pr-1-px[data-v-5f09ed0a] {
    padding-right: 1px
}

.pt-1-px[data-v-5f09ed0a] {
    padding-top: 1px
}

.pb-1-px[data-v-5f09ed0a] {
    padding-bottom: 1px
}

.p-2-px[data-v-5f09ed0a] {
    padding: 2px
}

.px-2-px[data-v-5f09ed0a] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-5f09ed0a] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-5f09ed0a] {
    padding-left: 2px
}

.pr-2-px[data-v-5f09ed0a] {
    padding-right: 2px
}

.pt-2-px[data-v-5f09ed0a] {
    padding-top: 2px
}

.pb-2-px[data-v-5f09ed0a] {
    padding-bottom: 2px
}

.p-8-px[data-v-5f09ed0a] {
    padding: 8px
}

.px-8-px[data-v-5f09ed0a] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-5f09ed0a] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-5f09ed0a] {
    padding-left: 8px
}

.pr-8-px[data-v-5f09ed0a] {
    padding-right: 8px
}

.pt-8-px[data-v-5f09ed0a] {
    padding-top: 8px
}

.pb-8-px[data-v-5f09ed0a] {
    padding-bottom: 8px
}

.p-10-px[data-v-5f09ed0a] {
    padding: 10px
}

.px-10-px[data-v-5f09ed0a] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-5f09ed0a] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-5f09ed0a] {
    padding-left: 10px
}

.pr-10-px[data-v-5f09ed0a] {
    padding-right: 10px
}

.pt-10-px[data-v-5f09ed0a] {
    padding-top: 10px
}

.pb-10-px[data-v-5f09ed0a] {
    padding-bottom: 10px
}

.p-12-px[data-v-5f09ed0a] {
    padding: 12px
}

.px-12-px[data-v-5f09ed0a] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-5f09ed0a] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-5f09ed0a] {
    padding-left: 12px
}

.pr-12-px[data-v-5f09ed0a] {
    padding-right: 12px
}

.pt-12-px[data-v-5f09ed0a] {
    padding-top: 12px
}

.pb-12-px[data-v-5f09ed0a] {
    padding-bottom: 12px
}

.p-16-px[data-v-5f09ed0a] {
    padding: 16px
}

.px-16-px[data-v-5f09ed0a] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-5f09ed0a] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-5f09ed0a] {
    padding-left: 16px
}

.pr-16-px[data-v-5f09ed0a] {
    padding-right: 16px
}

.pt-16-px[data-v-5f09ed0a] {
    padding-top: 16px
}

.pb-16-px[data-v-5f09ed0a] {
    padding-bottom: 16px
}

.p-30-px[data-v-5f09ed0a] {
    padding: 30px
}

.px-30-px[data-v-5f09ed0a] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-5f09ed0a] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-5f09ed0a] {
    padding-left: 30px
}

.pr-30-px[data-v-5f09ed0a] {
    padding-right: 30px
}

.pt-30-px[data-v-5f09ed0a] {
    padding-top: 30px
}

.pb-30-px[data-v-5f09ed0a] {
    padding-bottom: 30px
}

.font-30[data-v-5f09ed0a] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-5f09ed0a] {
    font-weight: 700
}

.wbo-title[data-v-5f09ed0a] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-5f09ed0a] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-5f09ed0a] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-5f09ed0a] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-5f09ed0a]:focus {
        outline: 0
    }

    .button[data-v-5f09ed0a]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-5f09ed0a] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-5f09ed0a]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-5f09ed0a] {
    padding: 11px 2.5rem
}

.button.primary[data-v-5f09ed0a], .button.primary[data-v-5f09ed0a]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-5f09ed0a], .text-primary[data-v-5f09ed0a], a .primary-hover[data-v-5f09ed0a]:hover {
    color: #000 !important
}

ul[data-v-5f09ed0a] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-5f09ed0a], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-5f09ed0a] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-5f09ed0a]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-5f09ed0a]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-5f09ed0a], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-5f09ed0a], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-5f09ed0a]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-5f09ed0a], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-5f09ed0a], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-5f09ed0a]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-5f09ed0a], .faqsContent .content .navigator ul li a.active[data-v-5f09ed0a]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-5f09ed0a]:hover {
    color: #000
}

.ps[data-v-5f09ed0a] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-5f09ed0a] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-5f09ed0a], .ps__rail-y[data-v-5f09ed0a] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-5f09ed0a] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-5f09ed0a], .ps--active-y > .ps__rail-y[data-v-5f09ed0a] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-5f09ed0a], .ps--focus > .ps__rail-y[data-v-5f09ed0a], .ps--scrolling-x > .ps__rail-x[data-v-5f09ed0a], .ps--scrolling-y > .ps__rail-y[data-v-5f09ed0a], .ps:hover > .ps__rail-x[data-v-5f09ed0a], .ps:hover > .ps__rail-y[data-v-5f09ed0a] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-5f09ed0a], .ps .ps__rail-x[data-v-5f09ed0a]:focus, .ps .ps__rail-x[data-v-5f09ed0a]:hover, .ps .ps__rail-y.ps--clicking[data-v-5f09ed0a], .ps .ps__rail-y[data-v-5f09ed0a]:focus, .ps .ps__rail-y[data-v-5f09ed0a]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-5f09ed0a] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-5f09ed0a] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-5f09ed0a], .ps__rail-x:focus > .ps__thumb-x[data-v-5f09ed0a], .ps__rail-x:hover > .ps__thumb-x[data-v-5f09ed0a] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-5f09ed0a], .ps__rail-y:focus > .ps__thumb-y[data-v-5f09ed0a], .ps__rail-y:hover > .ps__thumb-y[data-v-5f09ed0a] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-5f09ed0a] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-5f09ed0a] {
        overflow: auto !important
    }
}

.md-field[data-v-5f09ed0a] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-5f09ed0a] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-5f09ed0a] {
    color: #2a74f9
}

.md-field .md-error[data-v-5f09ed0a] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-5f09ed0a] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-5f09ed0a], .md-field.md-has-value label[data-v-5f09ed0a] {
    top: -10px
}

.form-control[data-v-5f09ed0a], .md-field .md-input[data-v-5f09ed0a], .md-field .md-textarea[data-v-5f09ed0a], .winput[data-v-5f09ed0a] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-5f09ed0a] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-5f09ed0a] {
    fill: #0d0d0d
}

.round[data-v-5f09ed0a] {
    border-radius: 5px
}

.off[data-v-5f09ed0a] {
    position: relative;
    cursor: default
}

.off > [data-v-5f09ed0a] {
    opacity: .5
}

.off[data-v-5f09ed0a]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-5f09ed0a] {
    cursor: pointer
}

.close-page[data-v-5f09ed0a] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-5f09ed0a] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-5f09ed0a], .slide-fade-leave-active[data-v-5f09ed0a] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-5f09ed0a], .slide-fade-leave-to[data-v-5f09ed0a] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-5f09ed0a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-5f09ed0a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-5f09ed0a] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-5f09ed0a] {
    color: #ffcf5c
}

.button[data-v-5f09ed0a] {
    font-weight: 700
}

.modal .modal-dialog[data-v-5f09ed0a] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-5f09ed0a] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-5f09ed0a] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-5f09ed0a], .modal .modal-dialog .modal-header[data-v-5f09ed0a] {
    border: none
}

#chartCommisst .highcharts-title[data-v-5f09ed0a] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-5f09ed0a] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-5f09ed0a] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-5f09ed0a], .modal .modal-dialog form[data-v-5f09ed0a] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-5f09ed0a] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-5f09ed0a], .FaqsDetail[data-v-5f09ed0a] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-5f09ed0a], .FaqsDetail[data-v-5f09ed0a] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-5f09ed0a], .FaqsDetail .headerMaster .boxHeader[data-v-5f09ed0a] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-5f09ed0a], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-5f09ed0a] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-5f09ed0a], .Faqs main[data-v-5f09ed0a] {
    background-color: unset
}

.titleChartCandle[data-v-5f09ed0a] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-5f09ed0a] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-5f09ed0a] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-5f09ed0a] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-5f09ed0a], .plotlineChart .time[data-v-5f09ed0a] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-5f09ed0a] {
    top: 51px
}

.boxHeader[data-v-5f09ed0a] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-5f09ed0a], .boxHeader .register[data-v-5f09ed0a] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-5f09ed0a] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-5f09ed0a] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-5f09ed0a] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-5f09ed0a] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-5f09ed0a]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-5f09ed0a] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-5f09ed0a]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-5f09ed0a] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-5f09ed0a]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-5f09ed0a] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-5f09ed0a] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-5f09ed0a] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-5f09ed0a] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-5f09ed0a] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-5f09ed0a] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-5f09ed0a] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-5f09ed0a] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-5f09ed0a] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-5f09ed0a] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-5f09ed0a] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-5f09ed0a] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-5f09ed0a] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-5f09ed0a] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-5f09ed0a] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-5f09ed0a] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-5f09ed0a] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-5f09ed0a] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-5f09ed0a] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-5f09ed0a] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-5f09ed0a] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-5f09ed0a] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-5f09ed0a] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-5f09ed0a] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-5f09ed0a] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-5f09ed0a] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-5f09ed0a] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-5f09ed0a] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-5f09ed0a] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-5f09ed0a] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-5f09ed0a] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-5f09ed0a] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-5f09ed0a] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-5f09ed0a] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-5f09ed0a] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-5f09ed0a] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-5f09ed0a] {
        height: 56px !important
    }
}

input.form-control[data-v-5f09ed0a], input[data-v-5f09ed0a], select.form-control[data-v-5f09ed0a], select[data-v-5f09ed0a] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-5f09ed0a] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-5f09ed0a] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-5f09ed0a] {
    line-height: 100%
}

.button.btn-long[data-v-5f09ed0a] {
    padding: 10px 40px
}

.button.btn-radius[data-v-5f09ed0a] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-5f09ed0a] {
    border-radius: 20px
}

.button.btn-full[data-v-5f09ed0a] {
    width: 100%
}

.button.btn-80[data-v-5f09ed0a] {
    width: 80%
}

.button.hasIcon[data-v-5f09ed0a] {
    padding-left: 50px
}

.button a[data-v-5f09ed0a] {
    display: block
}

.button .labelIcon[data-v-5f09ed0a] {
    position: absolute
}

.button .labelIcon svg[data-v-5f09ed0a] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-5f09ed0a] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-5f09ed0a]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-5f09ed0a] {
    outline: none
}

.keyboard-input-wrap[data-v-5f09ed0a] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-5f09ed0a] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-5f09ed0a] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-5f09ed0a] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-5f09ed0a] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-5f09ed0a] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-5f09ed0a] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-5f09ed0a] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-5f09ed0a] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-5f09ed0a] {
    font-size: 1.2em
}

.color-white[data-v-5f09ed0a] {
    color: #fff
}

.color-white-50[data-v-5f09ed0a] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-5f09ed0a] {
    display: none
}

.ld-loading .loading[data-v-5f09ed0a], .main-loading .loading[data-v-5f09ed0a] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-5f09ed0a] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-5f09ed0a]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-5f09ed0a]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-5f09ed0a] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-5f09ed0a] {
    -webkit-animation: rotate-data-v-5f09ed0a 1s linear infinite;
    animation: rotate-data-v-5f09ed0a 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-5f09ed0a] {
    stroke: transparent
}

.wrapNotify[data-v-5f09ed0a] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-5f09ed0a] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-5f09ed0a] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-5f09ed0a] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-5f09ed0a] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-5f09ed0a] {
    display: block
}

.wrapNotify .close-notify[data-v-5f09ed0a] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-5f09ed0a] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-5f09ed0a] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-5f09ed0a] {
    background-color: transparent
}

.colorWhite[data-v-5f09ed0a] {
    color: #fff
}

.colorRed[data-v-5f09ed0a] {
    color: #f46273
}

.colorGreen[data-v-5f09ed0a] {
    color: #31baa0
}

.colorGray[data-v-5f09ed0a] {
    color: #7c7c7c
}

.tableBackground[data-v-5f09ed0a] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-5f09ed0a] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-5f09ed0a], .tableBackground .table-dark th[data-v-5f09ed0a] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-5f09ed0a]:after, .tableBackground .table-dark th[data-v-5f09ed0a]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-5f09ed0a] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-5f09ed0a], .tableBackground .table-dark th[data-v-5f09ed0a] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-5f09ed0a]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-5f09ed0a]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-5f09ed0a] {
    background-color: #060642
}

.tableBackground #paging li[data-v-5f09ed0a] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-5f09ed0a] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-5f09ed0a] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-5f09ed0a], .customeTradeHistory[data-v-5f09ed0a] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-5f09ed0a], .customeTradeHistory .reportrange-text[data-v-5f09ed0a] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-5f09ed0a], .customeTradeHistory .reportrange-text .seperate[data-v-5f09ed0a] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-5f09ed0a], .customeTradeHistory .reportrange-text span[data-v-5f09ed0a] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-5f09ed0a] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-5f09ed0a] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-5f09ed0a] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-5f09ed0a]:after, .startDate .daterangepicker.openscenter[data-v-5f09ed0a]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-5f09ed0a] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-5f09ed0a] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-5f09ed0a] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-5f09ed0a] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-5f09ed0a] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-5f09ed0a] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-5f09ed0a] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-5f09ed0a] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-5f09ed0a] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-5f09ed0a] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-5f09ed0a] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-5f09ed0a] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-5f09ed0a] {
    text-align: center
}

.border-none[data-v-5f09ed0a] {
    border: none
}

.text-domain[data-v-5f09ed0a]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-5f09ed0a] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-5f09ed0a] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-5f09ed0a] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-5f09ed0a] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-5f09ed0a] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-5f09ed0a] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-5f09ed0a] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-5f09ed0a] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-5f09ed0a] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-5f09ed0a] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-5f09ed0a] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-5f09ed0a] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-5f09ed0a] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-5f09ed0a] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-5f09ed0a] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-5f09ed0a] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-5f09ed0a] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-5f09ed0a] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-5f09ed0a] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-5f09ed0a] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-5f09ed0a] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-5f09ed0a] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-5f09ed0a] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-5f09ed0a] {
    fill: #000
}

.btn-active-paging[data-v-5f09ed0a] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-5f09ed0a] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-5f09ed0a] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-5f09ed0a] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-5f09ed0a], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-5f09ed0a] {
    background: #8b8d96 !important
}

.transactionBox[data-v-5f09ed0a] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-5f09ed0a] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-5f09ed0a] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-5f09ed0a] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-5f09ed0a] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-5f09ed0a] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-5f09ed0a] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-5f09ed0a] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-5f09ed0a] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-5f09ed0a] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-5f09ed0a] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-5f09ed0a] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-5f09ed0a] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-5f09ed0a] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-5f09ed0a] {
    color: #2a74f9 !important
}

.boxResult .list-unstyled .item[data-v-5f09ed0a]:last-child {
    border-bottom: none
}

.boxResult .block > div[data-v-5f09ed0a] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.boxResult .block > div.time[data-v-5f09ed0a] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    max-width: 120px
}

.boxResult .block > div.amount[data-v-5f09ed0a] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 130px;
    flex: 0 0 130px;
    max-width: 130px
}

.boxResult .block > div.status[data-v-5f09ed0a] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    max-width: 100px
}

.boxResult .block > div.note[data-v-5f09ed0a], .boxResult .block > div.txid[data-v-5f09ed0a] {
    overflow: hidden
}

.boxResult .block > div.block-col a[data-v-5f09ed0a], .boxResult .block > div.block-col span[data-v-5f09ed0a] {
    padding-top: 15px;
    padding-bottom: 15px
}

.boxResult .block > div.block-col a[data-v-5f09ed0a] {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.boxResult .block > div.block-col svg[data-v-5f09ed0a] {
    width: 14px;
    vertical-align: middle
}

.boxResult .mobile .block > div[data-v-5f09ed0a] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: unset
}

.boxResult .mobile .block > div span[data-v-5f09ed0a] {
    line-height: 1.6
}

.boxResult .viewDetail[data-v-5f09ed0a] {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4LjEzMyIgaGVpZ2h0PSIxNC4zODgiPjxwYXRoIGRhdGEtbmFtZT0iUGF0aCAxNDU4MCIgZD0iTTAgLjkzOWEuOTM4LjkzOCAwIDAwLjI3NS42NjRsNS41OTIgNS41OTItNS41OTMgNS41OTNBLjkzOS45MzkgMCAxMDEuNiAxNC4xMTRsNi4yNTctNi4yNTZhLjkzOC45MzggMCAwMDAtMS4zMjdMMS42LjI3NkEuOTM4LjkzOCAwIDAwMCAuOTR6IiBmaWxsPSIjYzJjMmMyIi8+PC9zdmc+) no-repeat !important;
    background-size: 16px 16px;
    border: 0;
    top: 5px;
    right: 5px;
    display: block;
    overflow: hidden;
    width: 8px;
    height: 16px;
    padding: 0
}

@media screen and (max-width:768px) {
    .boxResult .block-col[data-v-5f09ed0a] {
        margin-top: 12px
    }

    .boxResult .block-col span[data-v-5f09ed0a] {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .boxResult .block-col span.colorSecondary2[data-v-5f09ed0a] {
        margin-bottom: 5px
    }

    .boxResult .block-col.amount span.colorSecondary[data-v-5f09ed0a] {
        line-height: 1.6 !important
    }
}

body[data-v-454d9d9d] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-454d9d9d]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-454d9d9d]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-454d9d9d]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-454d9d9d] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-454d9d9d]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-454d9d9d]::-webkit-inner-spin-button, input[data-v-454d9d9d]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-454d9d9d] {
    -moz-appearance: textfield
}

button[data-v-454d9d9d]:focus, input[data-v-454d9d9d]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-454d9d9d] {
    font-size: 8px
}

.font-10[data-v-454d9d9d] {
    font-size: .6rem !important
}

.font-12[data-v-454d9d9d] {
    font-size: 12px
}

.font-14[data-v-454d9d9d] {
    font-size: 14px
}

.font-16[data-v-454d9d9d] {
    font-size: 16px
}

.font-18[data-v-454d9d9d] {
    font-size: 18px
}

.font-20[data-v-454d9d9d] {
    font-size: 20px
}

.font-24[data-v-454d9d9d] {
    font-size: 24px
}

.font-32[data-v-454d9d9d] {
    font-size: 32px
}

.font-34[data-v-454d9d9d] {
    font-size: 34px
}

.font-40[data-v-454d9d9d] {
    font-size: 2.5rem !important
}

.font-44[data-v-454d9d9d] {
    font-size: 44px
}

.colorPrimary[data-v-454d9d9d] {
    color: #2a74f9
}

.colorPrimary1[data-v-454d9d9d] {
    color: #000 !important
}

.colorSecondary[data-v-454d9d9d] {
    color: #fff !important
}

.colorSecondary1[data-v-454d9d9d] {
    color: #414141 !important
}

.colorSecondary2[data-v-454d9d9d] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-454d9d9d] {
    color: #0d0d0d
}

.colorSecondary4[data-v-454d9d9d] {
    color: #02142b
}

.colorSecondary5[data-v-454d9d9d] {
    color: #1a1e24
}

.colorSecondary6[data-v-454d9d9d] {
    color: #fafafa
}

.colorSecondary7[data-v-454d9d9d] {
    color: #333
}

.colorSecondary8[data-v-454d9d9d] {
    color: #0e0031
}

.colorSuccess[data-v-454d9d9d] {
    color: #31baa0
}

.colorWarning[data-v-454d9d9d] {
    color: #ffcf5c
}

.colorDanger[data-v-454d9d9d] {
    color: #f46273
}

.fillPrimary[data-v-454d9d9d] {
    fill: #2a74f9
}

.fillWarning[data-v-454d9d9d] {
    fill: #ffcf5c
}

.fillDanger[data-v-454d9d9d] {
    fill: #f46273
}

.fillSecondary1[data-v-454d9d9d] {
    fill: #414141
}

.fillSecondary2[data-v-454d9d9d] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-454d9d9d] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-454d9d9d] {
    fill: #02142b
}

.fillSecondary5[data-v-454d9d9d] {
    fill: #1a1e24
}

.fillSecondary6[data-v-454d9d9d] {
    fill: #fafafa
}

.fillSecondary7[data-v-454d9d9d] {
    fill: #333
}

.fillSecondary8[data-v-454d9d9d] {
    fill: #0e0031
}

.textnote-notidesc[data-v-454d9d9d] {
    color: #fff
}

.bgColor0[data-v-454d9d9d] {
    background-color: transparent
}

.bgPrimary-hover[data-v-454d9d9d]:hover, .bgPrimary[data-v-454d9d9d] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-454d9d9d]:hover, .bgPrimary1[data-v-454d9d9d] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-454d9d9d]:hover, .bgPrimary2[data-v-454d9d9d] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-454d9d9d]:hover, .bgSecondary[data-v-454d9d9d] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-454d9d9d]:hover, .bgSecondary1[data-v-454d9d9d] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-454d9d9d]:hover, .bgSecondary2[data-v-454d9d9d] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-454d9d9d]:hover, .bgSecondary3[data-v-454d9d9d] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-454d9d9d] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-454d9d9d] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-454d9d9d]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-454d9d9d]:hover, .bgSecondary5[data-v-454d9d9d] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-454d9d9d]:hover, .bgSecondary6[data-v-454d9d9d] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-454d9d9d]:hover, .bgSecondary7[data-v-454d9d9d] {
    background-color: #333 !important
}

.bgSecondary8[data-v-454d9d9d] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-454d9d9d]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-454d9d9d] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-454d9d9d]:hover, .bgSuccess[data-v-454d9d9d] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-454d9d9d] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-454d9d9d] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-454d9d9d]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-454d9d9d] {
    fill: #31baa0
}

.w-14-px[data-v-454d9d9d] {
    width: 14px
}

.max-width-50[data-v-454d9d9d] {
    max-width: 50%
}

.h-60-px[data-v-454d9d9d] {
    height: 60px
}

.h-100-px[data-v-454d9d9d] {
    height: 100px
}

.mb-16-px[data-v-454d9d9d] {
    margin-bottom: 16px
}

.mb-30-px[data-v-454d9d9d] {
    margin-bottom: 30px
}

.borderRounded[data-v-454d9d9d] {
    border-radius: 5px
}

.borderPrimary[data-v-454d9d9d] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-454d9d9d] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-454d9d9d] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-454d9d9d] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-454d9d9d] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-454d9d9d] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-454d9d9d] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-454d9d9d] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-454d9d9d] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-454d9d9d] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-454d9d9d] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-454d9d9d] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-454d9d9d] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-454d9d9d] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-454d9d9d]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-454d9d9d] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-454d9d9d] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-454d9d9d] {
    padding: 1px
}

.px-1-px[data-v-454d9d9d] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-454d9d9d] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-454d9d9d] {
    padding-left: 1px
}

.pr-1-px[data-v-454d9d9d] {
    padding-right: 1px
}

.pt-1-px[data-v-454d9d9d] {
    padding-top: 1px
}

.pb-1-px[data-v-454d9d9d] {
    padding-bottom: 1px
}

.p-2-px[data-v-454d9d9d] {
    padding: 2px
}

.px-2-px[data-v-454d9d9d] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-454d9d9d] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-454d9d9d] {
    padding-left: 2px
}

.pr-2-px[data-v-454d9d9d] {
    padding-right: 2px
}

.pt-2-px[data-v-454d9d9d] {
    padding-top: 2px
}

.pb-2-px[data-v-454d9d9d] {
    padding-bottom: 2px
}

.p-8-px[data-v-454d9d9d] {
    padding: 8px
}

.px-8-px[data-v-454d9d9d] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-454d9d9d] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-454d9d9d] {
    padding-left: 8px
}

.pr-8-px[data-v-454d9d9d] {
    padding-right: 8px
}

.pt-8-px[data-v-454d9d9d] {
    padding-top: 8px
}

.pb-8-px[data-v-454d9d9d] {
    padding-bottom: 8px
}

.p-10-px[data-v-454d9d9d] {
    padding: 10px
}

.px-10-px[data-v-454d9d9d] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-454d9d9d] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-454d9d9d] {
    padding-left: 10px
}

.pr-10-px[data-v-454d9d9d] {
    padding-right: 10px
}

.pt-10-px[data-v-454d9d9d] {
    padding-top: 10px
}

.pb-10-px[data-v-454d9d9d] {
    padding-bottom: 10px
}

.p-12-px[data-v-454d9d9d] {
    padding: 12px
}

.px-12-px[data-v-454d9d9d] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-454d9d9d] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-454d9d9d] {
    padding-left: 12px
}

.pr-12-px[data-v-454d9d9d] {
    padding-right: 12px
}

.pt-12-px[data-v-454d9d9d] {
    padding-top: 12px
}

.pb-12-px[data-v-454d9d9d] {
    padding-bottom: 12px
}

.p-16-px[data-v-454d9d9d] {
    padding: 16px
}

.px-16-px[data-v-454d9d9d] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-454d9d9d] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-454d9d9d] {
    padding-left: 16px
}

.pr-16-px[data-v-454d9d9d] {
    padding-right: 16px
}

.pt-16-px[data-v-454d9d9d] {
    padding-top: 16px
}

.pb-16-px[data-v-454d9d9d] {
    padding-bottom: 16px
}

.p-30-px[data-v-454d9d9d] {
    padding: 30px
}

.px-30-px[data-v-454d9d9d] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-454d9d9d] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-454d9d9d] {
    padding-left: 30px
}

.pr-30-px[data-v-454d9d9d] {
    padding-right: 30px
}

.pt-30-px[data-v-454d9d9d] {
    padding-top: 30px
}

.pb-30-px[data-v-454d9d9d] {
    padding-bottom: 30px
}

.font-30[data-v-454d9d9d] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-454d9d9d] {
    font-weight: 700
}

.wbo-title[data-v-454d9d9d] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-454d9d9d] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-454d9d9d] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-454d9d9d] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-454d9d9d]:focus {
        outline: 0
    }

    .button[data-v-454d9d9d]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-454d9d9d] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-454d9d9d]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-454d9d9d] {
    padding: 11px 2.5rem
}

.button.primary[data-v-454d9d9d], .button.primary[data-v-454d9d9d]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-454d9d9d], .text-primary[data-v-454d9d9d], a .primary-hover[data-v-454d9d9d]:hover {
    color: #000 !important
}

ul[data-v-454d9d9d] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-454d9d9d], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-454d9d9d] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-454d9d9d]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-454d9d9d]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-454d9d9d], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-454d9d9d], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-454d9d9d]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-454d9d9d], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-454d9d9d], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-454d9d9d]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-454d9d9d], .faqsContent .content .navigator ul li a.active[data-v-454d9d9d]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-454d9d9d]:hover {
    color: #000
}

.ps[data-v-454d9d9d] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-454d9d9d] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-454d9d9d], .ps__rail-y[data-v-454d9d9d] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-454d9d9d] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-454d9d9d], .ps--active-y > .ps__rail-y[data-v-454d9d9d] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-454d9d9d], .ps--focus > .ps__rail-y[data-v-454d9d9d], .ps--scrolling-x > .ps__rail-x[data-v-454d9d9d], .ps--scrolling-y > .ps__rail-y[data-v-454d9d9d], .ps:hover > .ps__rail-x[data-v-454d9d9d], .ps:hover > .ps__rail-y[data-v-454d9d9d] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-454d9d9d], .ps .ps__rail-x[data-v-454d9d9d]:focus, .ps .ps__rail-x[data-v-454d9d9d]:hover, .ps .ps__rail-y.ps--clicking[data-v-454d9d9d], .ps .ps__rail-y[data-v-454d9d9d]:focus, .ps .ps__rail-y[data-v-454d9d9d]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-454d9d9d] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-454d9d9d] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-454d9d9d], .ps__rail-x:focus > .ps__thumb-x[data-v-454d9d9d], .ps__rail-x:hover > .ps__thumb-x[data-v-454d9d9d] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-454d9d9d], .ps__rail-y:focus > .ps__thumb-y[data-v-454d9d9d], .ps__rail-y:hover > .ps__thumb-y[data-v-454d9d9d] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-454d9d9d] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-454d9d9d] {
        overflow: auto !important
    }
}

.md-field[data-v-454d9d9d] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-454d9d9d] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-454d9d9d] {
    color: #2a74f9
}

.md-field .md-error[data-v-454d9d9d] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-454d9d9d] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-454d9d9d], .md-field.md-has-value label[data-v-454d9d9d] {
    top: -10px
}

.form-control[data-v-454d9d9d], .md-field .md-input[data-v-454d9d9d], .md-field .md-textarea[data-v-454d9d9d], .winput[data-v-454d9d9d] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-454d9d9d] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-454d9d9d] {
    fill: #0d0d0d
}

.round[data-v-454d9d9d] {
    border-radius: 5px
}

.off[data-v-454d9d9d] {
    position: relative;
    cursor: default
}

.off > [data-v-454d9d9d] {
    opacity: .5
}

.off[data-v-454d9d9d]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-454d9d9d] {
    cursor: pointer
}

.close-page[data-v-454d9d9d] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-454d9d9d] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-454d9d9d], .slide-fade-leave-active[data-v-454d9d9d] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-454d9d9d], .slide-fade-leave-to[data-v-454d9d9d] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-454d9d9d {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-454d9d9d {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-454d9d9d] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-454d9d9d] {
    color: #ffcf5c
}

.button[data-v-454d9d9d] {
    font-weight: 700
}

.modal .modal-dialog[data-v-454d9d9d] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-454d9d9d] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-454d9d9d] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-454d9d9d], .modal .modal-dialog .modal-header[data-v-454d9d9d] {
    border: none
}

#chartCommisst .highcharts-title[data-v-454d9d9d] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-454d9d9d] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-454d9d9d] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-454d9d9d], .modal .modal-dialog form[data-v-454d9d9d] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-454d9d9d] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-454d9d9d], .FaqsDetail[data-v-454d9d9d] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-454d9d9d], .FaqsDetail[data-v-454d9d9d] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-454d9d9d], .FaqsDetail .headerMaster .boxHeader[data-v-454d9d9d] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-454d9d9d], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-454d9d9d] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-454d9d9d], .Faqs main[data-v-454d9d9d] {
    background-color: unset
}

.titleChartCandle[data-v-454d9d9d] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-454d9d9d] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-454d9d9d] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-454d9d9d] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-454d9d9d], .plotlineChart .time[data-v-454d9d9d] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-454d9d9d] {
    top: 51px
}

.boxHeader[data-v-454d9d9d] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-454d9d9d], .boxHeader .register[data-v-454d9d9d] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-454d9d9d] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-454d9d9d] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-454d9d9d] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-454d9d9d] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-454d9d9d]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-454d9d9d] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-454d9d9d]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-454d9d9d] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-454d9d9d]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-454d9d9d] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-454d9d9d] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-454d9d9d] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-454d9d9d] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-454d9d9d] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-454d9d9d] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-454d9d9d] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-454d9d9d] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-454d9d9d] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-454d9d9d] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-454d9d9d] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-454d9d9d] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-454d9d9d] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-454d9d9d] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-454d9d9d] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-454d9d9d] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-454d9d9d] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-454d9d9d] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-454d9d9d] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-454d9d9d] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-454d9d9d] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-454d9d9d] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-454d9d9d] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-454d9d9d] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-454d9d9d] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-454d9d9d] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-454d9d9d] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-454d9d9d] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-454d9d9d] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-454d9d9d] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-454d9d9d] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-454d9d9d] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-454d9d9d] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-454d9d9d] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-454d9d9d] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-454d9d9d] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-454d9d9d] {
        height: 56px !important
    }
}

input.form-control[data-v-454d9d9d], input[data-v-454d9d9d], select.form-control[data-v-454d9d9d], select[data-v-454d9d9d] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-454d9d9d] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-454d9d9d] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-454d9d9d] {
    line-height: 100%
}

.button.btn-long[data-v-454d9d9d] {
    padding: 10px 40px
}

.button.btn-radius[data-v-454d9d9d] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-454d9d9d] {
    border-radius: 20px
}

.button.btn-full[data-v-454d9d9d] {
    width: 100%
}

.button.btn-80[data-v-454d9d9d] {
    width: 80%
}

.button.hasIcon[data-v-454d9d9d] {
    padding-left: 50px
}

.button a[data-v-454d9d9d] {
    display: block
}

.button .labelIcon[data-v-454d9d9d] {
    position: absolute
}

.button .labelIcon svg[data-v-454d9d9d] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-454d9d9d] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-454d9d9d]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-454d9d9d] {
    outline: none
}

.keyboard-input-wrap[data-v-454d9d9d] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-454d9d9d] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-454d9d9d] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-454d9d9d] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-454d9d9d] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-454d9d9d] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-454d9d9d] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-454d9d9d] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-454d9d9d] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-454d9d9d] {
    font-size: 1.2em
}

.color-white[data-v-454d9d9d] {
    color: #fff
}

.color-white-50[data-v-454d9d9d] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-454d9d9d] {
    display: none
}

.ld-loading .loading[data-v-454d9d9d], .main-loading .loading[data-v-454d9d9d] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-454d9d9d] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-454d9d9d]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-454d9d9d]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-454d9d9d] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-454d9d9d] {
    -webkit-animation: rotate-data-v-454d9d9d 1s linear infinite;
    animation: rotate-data-v-454d9d9d 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-454d9d9d] {
    stroke: transparent
}

.wrapNotify[data-v-454d9d9d] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-454d9d9d] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-454d9d9d] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-454d9d9d] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-454d9d9d] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-454d9d9d] {
    display: block
}

.wrapNotify .close-notify[data-v-454d9d9d] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-454d9d9d] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-454d9d9d] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-454d9d9d] {
    background-color: transparent
}

.colorWhite[data-v-454d9d9d] {
    color: #fff
}

.colorRed[data-v-454d9d9d] {
    color: #f46273
}

.colorGreen[data-v-454d9d9d] {
    color: #31baa0
}

.colorGray[data-v-454d9d9d] {
    color: #7c7c7c
}

.tableBackground[data-v-454d9d9d] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-454d9d9d] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-454d9d9d], .tableBackground .table-dark th[data-v-454d9d9d] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-454d9d9d]:after, .tableBackground .table-dark th[data-v-454d9d9d]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-454d9d9d] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-454d9d9d], .tableBackground .table-dark th[data-v-454d9d9d] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-454d9d9d]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-454d9d9d]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-454d9d9d] {
    background-color: #060642
}

.tableBackground #paging li[data-v-454d9d9d] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-454d9d9d] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-454d9d9d] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-454d9d9d], .customeTradeHistory[data-v-454d9d9d] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-454d9d9d], .customeTradeHistory .reportrange-text[data-v-454d9d9d] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-454d9d9d], .customeTradeHistory .reportrange-text .seperate[data-v-454d9d9d] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-454d9d9d], .customeTradeHistory .reportrange-text span[data-v-454d9d9d] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-454d9d9d] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-454d9d9d] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-454d9d9d] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-454d9d9d]:after, .startDate .daterangepicker.openscenter[data-v-454d9d9d]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-454d9d9d] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-454d9d9d] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-454d9d9d] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-454d9d9d] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-454d9d9d] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-454d9d9d] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-454d9d9d] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-454d9d9d] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-454d9d9d] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-454d9d9d] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-454d9d9d] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-454d9d9d] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-454d9d9d] {
    text-align: center
}

.border-none[data-v-454d9d9d] {
    border: none
}

.text-domain[data-v-454d9d9d]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-454d9d9d] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-454d9d9d] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-454d9d9d] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-454d9d9d] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-454d9d9d] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-454d9d9d] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-454d9d9d] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-454d9d9d] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-454d9d9d] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-454d9d9d] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-454d9d9d] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-454d9d9d] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-454d9d9d] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-454d9d9d] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-454d9d9d] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-454d9d9d] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-454d9d9d] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-454d9d9d] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-454d9d9d] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-454d9d9d] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-454d9d9d] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-454d9d9d] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-454d9d9d] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-454d9d9d] {
    fill: #000
}

.btn-active-paging[data-v-454d9d9d] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-454d9d9d] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-454d9d9d] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-454d9d9d] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-454d9d9d], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-454d9d9d] {
    background: #8b8d96 !important
}

.transactionBox[data-v-454d9d9d] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-454d9d9d] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-454d9d9d] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-454d9d9d] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-454d9d9d] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-454d9d9d] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-454d9d9d] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-454d9d9d] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-454d9d9d] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-454d9d9d] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-454d9d9d] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-454d9d9d] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-454d9d9d] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-454d9d9d] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-454d9d9d] {
    color: #2a74f9 !important
}

.item-txid-desc[data-v-454d9d9d] {
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 5px;
    white-space: nowrap;
    display: block !important;
    text-decoration: underline !important
}

@media (max-width:768px) {
    .contentTxid[data-v-454d9d9d] {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .modal-auth[data-v-454d9d9d] {
        border: 1px solid #0d0d0d;
        border-radius: 4px
    }

    .mobile-version .col-lg-7[data-v-454d9d9d] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .mobile-version .ellips-text-1[data-v-454d9d9d] {
        display: block;
        display: -webkit-box;
        height: 1.3125rem !important;
        font-size: .875rem !important;
        line-height: 1.5 !important;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
        max-width: 180px
    }

    .mobile-version .red[data-v-454d9d9d] {
        color: #f46273
    }

    .mobile-version .green[data-v-454d9d9d] {
        color: #31baa0
    }

    .mobile-version .close-page[data-v-454d9d9d] {
        top: 0;
        right: -45px
    }
}

@media (max-width:768px) and (max-width:575px) {
    .mobile-version .close-page[data-v-454d9d9d] {
        right: 0
    }
}

@media (max-width:768px) {
    .mobile-version .close-page img[data-v-454d9d9d] {
        margin-top: 4px
    }

    .mobile-version .ticket_id > a[data-v-454d9d9d] {
        color: #000;
        vertical-align: middle
    }

    .mobile-version .ticket_id > span[data-v-454d9d9d] {
        display: inline-block;
        width: 20px;
        height: 20px;
        line-height: 18px;
        vertical-align: middle;
        border: 1px solid;
        margin-right: 0;
        overflow: hidden;
        border-radius: 50%;
        position: relative;
        font-weight: 700;
        background-color: #391e6a;
        color: unset
    }

    .mobile-version .ticket_id > span.BRONZE[data-v-454d9d9d] {
        border-color: #db7f00;
        color: #db7f00
    }

    .mobile-version .ticket_id > span.SILVER[data-v-454d9d9d] {
        border-color: #acacac;
        color: #acacac
    }

    .mobile-version .ticket_id > span.GOLD[data-v-454d9d9d], .mobile-version .ticket_id > span.GOLD_ALT[data-v-454d9d9d] {
        border-color: #f6bd01;
        color: #f6bd01
    }

    .mobile-version a.txid[data-v-454d9d9d] {
        color: #fff
    }

    .mobile-version a.txid span[data-v-454d9d9d] {
        display: inherit;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .mobile-version .divCourseHistory[data-v-454d9d9d] {
        padding: 0 15px
    }

    .mobile-version .divCourseHistory h4[data-v-454d9d9d] {
        font-size: 18px;
        font-weight: 600;
        margin-top: 18px
    }

    .mobile-version .divCourseHistory .detailCourseHistory[data-v-454d9d9d] {
        margin-top: 30px
    }

    .mobile-version .divCourseHistory .detailCourseHistory > div[data-v-454d9d9d] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom: 1px solid #1f2f53;
        padding: 10px 0
    }

        .mobile-version .divCourseHistory .detailCourseHistory > div[data-v-454d9d9d]:last-child {
            border-bottom: 0
        }

    .mobile-version .divCourseHistory .detailCourseHistory > div .titleCourseHistory[data-v-454d9d9d] {
        font-size: 12px;
        color: #89809f;
        white-space: nowrap
    }

    .mobile-version .divCourseHistory .detailCourseHistory > div span[data-v-454d9d9d] {
        font-size: 14px
    }

    .mobile-version .authPopup .modal .modal-dialog .close-page .pe-7s-close[data-v-454d9d9d] {
        color: #fff;
        font-weight: 600
    }
}

@media screen and (max-width:575px) {
    .modalHistory .modal-dialog[data-v-454d9d9d] {
        height: 100vh
    }

    .modalHistory .modal-dialog .close-page[data-v-454d9d9d] {
        background: transparent
    }

    .modalHistory .modal-content[data-v-454d9d9d] {
        height: 100vh
    }
}

body[data-v-2a82b163] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-2a82b163]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-2a82b163]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-2a82b163]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-2a82b163] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-2a82b163]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-2a82b163]::-webkit-inner-spin-button, input[data-v-2a82b163]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-2a82b163] {
    -moz-appearance: textfield
}

button[data-v-2a82b163]:focus, input[data-v-2a82b163]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-2a82b163] {
    font-size: 8px
}

.font-10[data-v-2a82b163] {
    font-size: .6rem !important
}

.font-12[data-v-2a82b163] {
    font-size: 12px
}

.font-14[data-v-2a82b163] {
    font-size: 14px
}

.font-16[data-v-2a82b163] {
    font-size: 16px
}

.font-18[data-v-2a82b163] {
    font-size: 18px
}

.font-20[data-v-2a82b163] {
    font-size: 20px
}

.font-24[data-v-2a82b163] {
    font-size: 24px
}

.font-32[data-v-2a82b163] {
    font-size: 32px
}

.font-34[data-v-2a82b163] {
    font-size: 34px
}

.font-40[data-v-2a82b163] {
    font-size: 2.5rem !important
}

.font-44[data-v-2a82b163] {
    font-size: 44px
}

.colorPrimary[data-v-2a82b163] {
    color: #2a74f9
}

.colorPrimary1[data-v-2a82b163] {
    color: #000 !important
}

.colorSecondary[data-v-2a82b163] {
    color: #fff !important
}

.colorSecondary1[data-v-2a82b163] {
    color: #414141 !important
}

.colorSecondary2[data-v-2a82b163] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-2a82b163] {
    color: #0d0d0d
}

.colorSecondary4[data-v-2a82b163] {
    color: #02142b
}

.colorSecondary5[data-v-2a82b163] {
    color: #1a1e24
}

.colorSecondary6[data-v-2a82b163] {
    color: #fafafa
}

.colorSecondary7[data-v-2a82b163] {
    color: #333
}

.colorSecondary8[data-v-2a82b163] {
    color: #0e0031
}

.colorSuccess[data-v-2a82b163] {
    color: #31baa0
}

.colorWarning[data-v-2a82b163] {
    color: #ffcf5c
}

.colorDanger[data-v-2a82b163] {
    color: #f46273
}

.fillPrimary[data-v-2a82b163] {
    fill: #2a74f9
}

.fillWarning[data-v-2a82b163] {
    fill: #ffcf5c
}

.fillDanger[data-v-2a82b163] {
    fill: #f46273
}

.fillSecondary1[data-v-2a82b163] {
    fill: #414141
}

.fillSecondary2[data-v-2a82b163] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-2a82b163] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-2a82b163] {
    fill: #02142b
}

.fillSecondary5[data-v-2a82b163] {
    fill: #1a1e24
}

.fillSecondary6[data-v-2a82b163] {
    fill: #fafafa
}

.fillSecondary7[data-v-2a82b163] {
    fill: #333
}

.fillSecondary8[data-v-2a82b163] {
    fill: #0e0031
}

.textnote-notidesc[data-v-2a82b163] {
    color: #fff
}

.bgColor0[data-v-2a82b163] {
    background-color: transparent
}

.bgPrimary-hover[data-v-2a82b163]:hover, .bgPrimary[data-v-2a82b163] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-2a82b163]:hover, .bgPrimary1[data-v-2a82b163] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-2a82b163]:hover, .bgPrimary2[data-v-2a82b163] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-2a82b163]:hover, .bgSecondary[data-v-2a82b163] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-2a82b163]:hover, .bgSecondary1[data-v-2a82b163] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-2a82b163]:hover, .bgSecondary2[data-v-2a82b163] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-2a82b163]:hover, .bgSecondary3[data-v-2a82b163] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-2a82b163] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-2a82b163] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-2a82b163]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-2a82b163]:hover, .bgSecondary5[data-v-2a82b163] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-2a82b163]:hover, .bgSecondary6[data-v-2a82b163] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-2a82b163]:hover, .bgSecondary7[data-v-2a82b163] {
    background-color: #333 !important
}

.bgSecondary8[data-v-2a82b163] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-2a82b163]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-2a82b163] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-2a82b163]:hover, .bgSuccess[data-v-2a82b163] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-2a82b163] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-2a82b163] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-2a82b163]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-2a82b163] {
    fill: #31baa0
}

.w-14-px[data-v-2a82b163] {
    width: 14px
}

.max-width-50[data-v-2a82b163] {
    max-width: 50%
}

.h-60-px[data-v-2a82b163] {
    height: 60px
}

.h-100-px[data-v-2a82b163] {
    height: 100px
}

.mb-16-px[data-v-2a82b163] {
    margin-bottom: 16px
}

.mb-30-px[data-v-2a82b163] {
    margin-bottom: 30px
}

.borderRounded[data-v-2a82b163] {
    border-radius: 5px
}

.borderPrimary[data-v-2a82b163] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-2a82b163] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-2a82b163] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-2a82b163] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-2a82b163] {
    border: 1px solid;
    border-color: #142545
}

.borderBtSecondary2[data-v-2a82b163] {
    border-bottom: 1px solid;
    border-color: #142545
}

.borderSecondary3[data-v-2a82b163] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-2a82b163] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-2a82b163] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-2a82b163] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-2a82b163] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-2a82b163] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-2a82b163] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-2a82b163] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-2a82b163]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-2a82b163] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-2a82b163] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-2a82b163] {
    padding: 1px
}

.px-1-px[data-v-2a82b163] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-2a82b163] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-2a82b163] {
    padding-left: 1px
}

.pr-1-px[data-v-2a82b163] {
    padding-right: 1px
}

.pt-1-px[data-v-2a82b163] {
    padding-top: 1px
}

.pb-1-px[data-v-2a82b163] {
    padding-bottom: 1px
}

.p-2-px[data-v-2a82b163] {
    padding: 2px
}

.px-2-px[data-v-2a82b163] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-2a82b163] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-2a82b163] {
    padding-left: 2px
}

.pr-2-px[data-v-2a82b163] {
    padding-right: 2px
}

.pt-2-px[data-v-2a82b163] {
    padding-top: 2px
}

.pb-2-px[data-v-2a82b163] {
    padding-bottom: 2px
}

.p-8-px[data-v-2a82b163] {
    padding: 8px
}

.px-8-px[data-v-2a82b163] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-2a82b163] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-2a82b163] {
    padding-left: 8px
}

.pr-8-px[data-v-2a82b163] {
    padding-right: 8px
}

.pt-8-px[data-v-2a82b163] {
    padding-top: 8px
}

.pb-8-px[data-v-2a82b163] {
    padding-bottom: 8px
}

.p-10-px[data-v-2a82b163] {
    padding: 10px
}

.px-10-px[data-v-2a82b163] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-2a82b163] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-2a82b163] {
    padding-left: 10px
}

.pr-10-px[data-v-2a82b163] {
    padding-right: 10px
}

.pt-10-px[data-v-2a82b163] {
    padding-top: 10px
}

.pb-10-px[data-v-2a82b163] {
    padding-bottom: 10px
}

.p-12-px[data-v-2a82b163] {
    padding: 12px
}

.px-12-px[data-v-2a82b163] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-2a82b163] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-2a82b163] {
    padding-left: 12px
}

.pr-12-px[data-v-2a82b163] {
    padding-right: 12px
}

.pt-12-px[data-v-2a82b163] {
    padding-top: 12px
}

.pb-12-px[data-v-2a82b163] {
    padding-bottom: 12px
}

.p-16-px[data-v-2a82b163] {
    padding: 16px
}

.px-16-px[data-v-2a82b163] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-2a82b163] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-2a82b163] {
    padding-left: 16px
}

.pr-16-px[data-v-2a82b163] {
    padding-right: 16px
}

.pt-16-px[data-v-2a82b163] {
    padding-top: 16px
}

.pb-16-px[data-v-2a82b163] {
    padding-bottom: 16px
}

.p-30-px[data-v-2a82b163] {
    padding: 30px
}

.px-30-px[data-v-2a82b163] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-2a82b163] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-2a82b163] {
    padding-left: 30px
}

.pr-30-px[data-v-2a82b163] {
    padding-right: 30px
}

.pt-30-px[data-v-2a82b163] {
    padding-top: 30px
}

.pb-30-px[data-v-2a82b163] {
    padding-bottom: 30px
}

.font-30[data-v-2a82b163] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-2a82b163] {
    font-weight: 700
}

.wbo-title[data-v-2a82b163] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-2a82b163] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-2a82b163] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-2a82b163] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-2a82b163]:focus {
        outline: 0
    }

    .button[data-v-2a82b163]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-2a82b163] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-2a82b163]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-2a82b163] {
    padding: 11px 2.5rem
}

.button.primary[data-v-2a82b163], .button.primary[data-v-2a82b163]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-2a82b163], .text-primary[data-v-2a82b163], a .primary-hover[data-v-2a82b163]:hover {
    color: #000 !important
}

ul[data-v-2a82b163] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-2a82b163], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-2a82b163] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-2a82b163]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-2a82b163]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-2a82b163], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-2a82b163], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-2a82b163]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-2a82b163], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-2a82b163], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-2a82b163]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-2a82b163], .faqsContent .content .navigator ul li a.active[data-v-2a82b163]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-2a82b163]:hover {
    color: #000
}

.ps[data-v-2a82b163] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-2a82b163] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-2a82b163], .ps__rail-y[data-v-2a82b163] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-2a82b163] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-2a82b163], .ps--active-y > .ps__rail-y[data-v-2a82b163] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-2a82b163], .ps--focus > .ps__rail-y[data-v-2a82b163], .ps--scrolling-x > .ps__rail-x[data-v-2a82b163], .ps--scrolling-y > .ps__rail-y[data-v-2a82b163], .ps:hover > .ps__rail-x[data-v-2a82b163], .ps:hover > .ps__rail-y[data-v-2a82b163] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-2a82b163], .ps .ps__rail-x[data-v-2a82b163]:focus, .ps .ps__rail-x[data-v-2a82b163]:hover, .ps .ps__rail-y.ps--clicking[data-v-2a82b163], .ps .ps__rail-y[data-v-2a82b163]:focus, .ps .ps__rail-y[data-v-2a82b163]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-2a82b163] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-2a82b163] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-2a82b163], .ps__rail-x:focus > .ps__thumb-x[data-v-2a82b163], .ps__rail-x:hover > .ps__thumb-x[data-v-2a82b163] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-2a82b163], .ps__rail-y:focus > .ps__thumb-y[data-v-2a82b163], .ps__rail-y:hover > .ps__thumb-y[data-v-2a82b163] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-2a82b163] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-2a82b163] {
        overflow: auto !important
    }
}

.md-field[data-v-2a82b163] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-2a82b163] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-2a82b163] {
    color: #2a74f9
}

.md-field .md-error[data-v-2a82b163] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-2a82b163] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-2a82b163], .md-field.md-has-value label[data-v-2a82b163] {
    top: -10px
}

.form-control[data-v-2a82b163], .md-field .md-input[data-v-2a82b163], .md-field .md-textarea[data-v-2a82b163], .winput[data-v-2a82b163] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-2a82b163] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-2a82b163] {
    fill: #0d0d0d
}

.round[data-v-2a82b163] {
    border-radius: 5px
}

.off[data-v-2a82b163] {
    position: relative;
    cursor: default
}

.off > [data-v-2a82b163] {
    opacity: .5
}

.off[data-v-2a82b163]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-2a82b163] {
    cursor: pointer
}

.close-page[data-v-2a82b163] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-2a82b163] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-2a82b163], .slide-fade-leave-active[data-v-2a82b163] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-2a82b163], .slide-fade-leave-to[data-v-2a82b163] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-2a82b163 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-2a82b163 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-2a82b163] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-2a82b163] {
    color: #ffcf5c
}

.button[data-v-2a82b163] {
    font-weight: 700
}

.modal .modal-dialog[data-v-2a82b163] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-2a82b163] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-2a82b163] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-2a82b163], .modal .modal-dialog .modal-header[data-v-2a82b163] {
    border: none
}

#chartCommisst .highcharts-title[data-v-2a82b163] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-2a82b163] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-2a82b163] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-2a82b163], .modal .modal-dialog form[data-v-2a82b163] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-2a82b163] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-2a82b163], .FaqsDetail[data-v-2a82b163] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-2a82b163], .FaqsDetail[data-v-2a82b163] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-2a82b163], .FaqsDetail .headerMaster .boxHeader[data-v-2a82b163] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-2a82b163], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-2a82b163] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-2a82b163], .Faqs main[data-v-2a82b163] {
    background-color: unset
}

.titleChartCandle[data-v-2a82b163] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-2a82b163] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-2a82b163] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-2a82b163] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-2a82b163], .plotlineChart .time[data-v-2a82b163] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-2a82b163] {
    top: 51px
}

.boxHeader[data-v-2a82b163] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-2a82b163], .boxHeader .register[data-v-2a82b163] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-2a82b163] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-2a82b163] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-2a82b163] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-2a82b163] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-2a82b163]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-2a82b163] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-2a82b163]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-2a82b163] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-2a82b163]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-2a82b163] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-2a82b163] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-2a82b163] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-2a82b163] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-2a82b163] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-2a82b163] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-2a82b163] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-2a82b163] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-2a82b163] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-2a82b163] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-2a82b163] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-2a82b163] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-2a82b163] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-2a82b163] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-2a82b163] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-2a82b163] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-2a82b163] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-2a82b163] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-2a82b163] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-2a82b163] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-2a82b163] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-2a82b163] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-2a82b163] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-2a82b163] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-2a82b163] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-2a82b163] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-2a82b163] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-2a82b163] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-2a82b163] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-2a82b163] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-2a82b163] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-2a82b163] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-2a82b163] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-2a82b163] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-2a82b163] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-2a82b163] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-2a82b163] {
        height: 56px !important
    }
}

input.form-control[data-v-2a82b163], input[data-v-2a82b163], select.form-control[data-v-2a82b163], select[data-v-2a82b163] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-2a82b163] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-2a82b163] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-2a82b163] {
    line-height: 100%
}

.button.btn-long[data-v-2a82b163] {
    padding: 10px 40px
}

.button.btn-radius[data-v-2a82b163] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-2a82b163] {
    border-radius: 20px
}

.button.btn-full[data-v-2a82b163] {
    width: 100%
}

.button.btn-80[data-v-2a82b163] {
    width: 80%
}

.button.hasIcon[data-v-2a82b163] {
    padding-left: 50px
}

.button a[data-v-2a82b163] {
    display: block
}

.button .labelIcon[data-v-2a82b163] {
    position: absolute
}

.button .labelIcon svg[data-v-2a82b163] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-2a82b163] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-2a82b163]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-2a82b163] {
    outline: none
}

.keyboard-input-wrap[data-v-2a82b163] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-2a82b163] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-2a82b163] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-2a82b163] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-2a82b163] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-2a82b163] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-2a82b163] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-2a82b163] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-2a82b163] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-2a82b163] {
    font-size: 1.2em
}

.color-white[data-v-2a82b163] {
    color: #fff
}

.color-white-50[data-v-2a82b163] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-2a82b163] {
    display: none
}

.ld-loading .loading[data-v-2a82b163], .main-loading .loading[data-v-2a82b163] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-2a82b163] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-2a82b163]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-2a82b163]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-2a82b163] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-2a82b163] {
    -webkit-animation: rotate-data-v-2a82b163 1s linear infinite;
    animation: rotate-data-v-2a82b163 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-2a82b163] {
    stroke: transparent
}

.wrapNotify[data-v-2a82b163] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-2a82b163] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-2a82b163] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-2a82b163] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-2a82b163] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-2a82b163] {
    display: block
}

.wrapNotify .close-notify[data-v-2a82b163] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-2a82b163] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-2a82b163] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-2a82b163] {
    background-color: transparent
}

.colorWhite[data-v-2a82b163] {
    color: #fff
}

.colorRed[data-v-2a82b163] {
    color: #f46273
}

.colorGreen[data-v-2a82b163] {
    color: #31baa0
}

.colorGray[data-v-2a82b163] {
    color: #7c7c7c
}

.tableBackground[data-v-2a82b163] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-2a82b163] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-2a82b163], .tableBackground .table-dark th[data-v-2a82b163] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-2a82b163]:after, .tableBackground .table-dark th[data-v-2a82b163]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-2a82b163] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-2a82b163], .tableBackground .table-dark th[data-v-2a82b163] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-2a82b163]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-2a82b163]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-2a82b163] {
    background-color: #060642
}

.tableBackground #paging li[data-v-2a82b163] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-2a82b163] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-2a82b163] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-2a82b163], .customeTradeHistory[data-v-2a82b163] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-2a82b163], .customeTradeHistory .reportrange-text[data-v-2a82b163] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-2a82b163], .customeTradeHistory .reportrange-text .seperate[data-v-2a82b163] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-2a82b163], .customeTradeHistory .reportrange-text span[data-v-2a82b163] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-2a82b163] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-2a82b163] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-2a82b163] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-2a82b163]:after, .startDate .daterangepicker.openscenter[data-v-2a82b163]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-2a82b163] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-2a82b163] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-2a82b163] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-2a82b163] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-2a82b163] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-2a82b163] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-2a82b163] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-2a82b163] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-2a82b163] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-2a82b163] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-2a82b163] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-2a82b163] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-2a82b163] {
    text-align: center
}

.border-none[data-v-2a82b163] {
    border: none
}

.text-domain[data-v-2a82b163]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-2a82b163] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-2a82b163] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-2a82b163] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-2a82b163] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-2a82b163] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-2a82b163] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-2a82b163] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-2a82b163] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-2a82b163] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-2a82b163] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-2a82b163] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-2a82b163] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-2a82b163] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-2a82b163] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-2a82b163] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-2a82b163] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-2a82b163] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-2a82b163] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-2a82b163] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-2a82b163] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-2a82b163] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-2a82b163] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-2a82b163] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-2a82b163] {
    fill: #000
}

.btn-active-paging[data-v-2a82b163] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-2a82b163] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-2a82b163] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-2a82b163] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-2a82b163], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-2a82b163] {
    background: #8b8d96 !important
}

.transactionBox[data-v-2a82b163] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-2a82b163] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-2a82b163] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-2a82b163] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-2a82b163] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-2a82b163] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-2a82b163] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-2a82b163] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-2a82b163] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-2a82b163] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-2a82b163] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-2a82b163] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-2a82b163] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-2a82b163] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-2a82b163] {
    color: #2a74f9 !important
}

.item-txid-desc[data-v-2a82b163] {
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px;
    white-space: nowrap;
    display: block !important
}

.link_txid {
    border-bottom: 1px solid;
    border-color: #142545;
}

    .link_txid a[data-v-2a82b163] {
        text-decoration: underline
    }

.borderTopUnset[data-v-2a82b163] {
    border-top: unset
}

.history-nav[data-v-2a82b163] {
    background: #02142b;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: none;
    padding: 0 !important;
    border: 1px solid #142545;
    border-bottom: unset
}

.history-nav .nav-tabs[data-v-2a82b163] {
    border-bottom: 2px solid #142545
}

.history-nav .nav-tabs .item[data-v-2a82b163] {
    padding-top: 10px;
    padding-bottom: 10px
}

.history-nav .nav-tabs .item.active[data-v-2a82b163] {
    border-bottom: 4px solid #2a74f9;
    margin-bottom: -3px
}

.history-nav .nav-tabs a[data-v-2a82b163] {
    line-height: normal !important;
    color: #fff !important;
    font-size: 18px !important;
    padding: 0 30px;
    display: block;
    font-weight: 700;
    text-decoration: none
}

.boxResult .block > div[data-v-2a82b163] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.boxResult .block > div.time[data-v-2a82b163] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    max-width: 120px
}

.boxResult .block > div.amount[data-v-2a82b163] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 130px;
    flex: 0 0 130px;
    max-width: 130px
}

.boxResult .block > div.status[data-v-2a82b163] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    max-width: 100px
}

.boxResult .block > div.note[data-v-2a82b163], .boxResult .block > div.txid[data-v-2a82b163] {
    overflow: hidden
}

.boxResult .block > div.block-col a[data-v-2a82b163], .boxResult .block > div.block-col span[data-v-2a82b163] {
    padding-top: 15px;
    padding-bottom: 15px
}

.boxResult .block > div.block-col a[data-v-2a82b163] {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.boxResult .block > div.block-col svg[data-v-2a82b163] {
    width: 14px;
    vertical-align: middle
}

.boxResult .mobile .block > div[data-v-2a82b163] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: unset
}

.boxResult .mobile .block > div span[data-v-2a82b163] {
    line-height: 1.6
}

.boxResult .viewDetail[data-v-2a82b163] {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4LjEzMyIgaGVpZ2h0PSIxNC4zODgiPjxwYXRoIGRhdGEtbmFtZT0iUGF0aCAxNDU4MCIgZD0iTTAgLjkzOWEuOTM4LjkzOCAwIDAwLjI3NS42NjRsNS41OTIgNS41OTItNS41OTMgNS41OTNBLjkzOS45MzkgMCAxMDEuNiAxNC4xMTRsNi4yNTctNi4yNTZhLjkzOC45MzggMCAwMDAtMS4zMjdMMS42LjI3NkEuOTM4LjkzOCAwIDAwMCAuOTR6IiBmaWxsPSIjYzJjMmMyIi8+PC9zdmc+) no-repeat !important;
    background-size: 16px 16px;
    border: 0;
    top: 5px;
    right: 5px;
    display: block;
    overflow: hidden;
    width: 8px;
    height: 16px;
    padding: 0
}

.boxResult .deitalType[data-v-2a82b163] {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width:768px) {
    .boxResult .block-col[data-v-2a82b163] {
        margin-top: 12px
    }

    .boxResult .block-col span[data-v-2a82b163] {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .boxResult .block-col span.colorSecondary2[data-v-2a82b163] {
        margin-bottom: 5px
    }

    .history-nav[data-v-2a82b163] {
        background: transparent !important;
        border: none;
        margin-bottom: 10px
    }

    .history-nav .dropdown-toggle > span[data-v-2a82b163] {
        display: inline-block
    }

    .history-nav .dropdown-toggle > span.icon[data-v-2a82b163] {
        width: 16px;
        height: 16px
    }

    .history-nav .dropdown-toggle > span.usdt[data-v-2a82b163] {
        background: url(../img/usdt.bb7c0bc3.svg) no-repeat 50%;
        background-size: 100%
    }

    .history-nav .dropdown-toggle > span.win_coms[data-v-2a82b163] {
        background: url(../img/win_coms.43747e2f.svg) no-repeat 50%
    }

    .history-nav .dropdown-menu[data-v-2a82b163] {
        -webkit-transform: translate3d(0,-93px,0) !important;
        transform: translate3d(0,-93px,0) !important
    }

    .history-nav .dropdown-item[data-v-2a82b163], .history-nav a[data-v-2a82b163] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 30px
    }

    .history-nav .dropdown-item > span[data-v-2a82b163], .history-nav a > span[data-v-2a82b163] {
        display: inline-block;
        width: 16px;
        height: 16px;
        line-height: 16px
    }

    .history-nav .dropdown-item > span.usdt[data-v-2a82b163], .history-nav a > span.usdt[data-v-2a82b163] {
        background: url(../img/usdt.bb7c0bc3.svg) no-repeat 50%;
        background-size: 100%
    }

    .history-nav .dropdown-item > span.win_coms[data-v-2a82b163], .history-nav a > span.win_coms[data-v-2a82b163] {
        background: url(../img/win_coms.43747e2f.svg) no-repeat 50%
    }

    .history-nav .nav-tabs[data-v-2a82b163] {
        border: none
    }

    .history-nav .nav a > span[data-v-2a82b163] {
        display: inline-block;
        width: 16px;
        height: 16px;
        line-height: 16px;
        vertical-align: middle
    }

    .history-nav .nav .item[data-v-2a82b163] {
        max-width: 150px;
        margin-bottom: auto;
        border: none;
        display: inline-block;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        text-align: center;
        margin-left: 1rem
    }

        .history-nav .nav .item[data-v-2a82b163]:first-child {
            margin-left: 0
        }

    .history-nav .nav .item a[data-v-2a82b163] {
        font-size: .875rem !important;
        background-color: #02142b;
        padding: 10px !important;
        border-radius: 5px;
        font-weight: 400 !important
    }

    .history-nav .nav .item.active[data-v-2a82b163] {
        border-bottom: none !important
    }

    .history-nav .nav .item.active a[data-v-2a82b163] {
        background-color: #2a74f9
    }
}

body[data-v-705735e0] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-705735e0]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-705735e0]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-705735e0]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-705735e0] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-705735e0]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-705735e0]::-webkit-inner-spin-button, input[data-v-705735e0]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-705735e0] {
    -moz-appearance: textfield
}

button[data-v-705735e0]:focus, input[data-v-705735e0]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-705735e0] {
    font-size: 8px
}

.font-10[data-v-705735e0] {
    font-size: .6rem !important
}

.font-12[data-v-705735e0] {
    font-size: 12px
}

.font-14[data-v-705735e0] {
    font-size: 14px
}

.font-16[data-v-705735e0] {
    font-size: 16px
}

.font-18[data-v-705735e0] {
    font-size: 18px
}

.font-20[data-v-705735e0] {
    font-size: 20px
}

.font-24[data-v-705735e0] {
    font-size: 24px
}

.font-32[data-v-705735e0] {
    font-size: 32px
}

.font-34[data-v-705735e0] {
    font-size: 34px
}

.font-40[data-v-705735e0] {
    font-size: 2.5rem !important
}

.font-44[data-v-705735e0] {
    font-size: 44px
}

.colorPrimary[data-v-705735e0] {
    color: #2a74f9
}

.colorPrimary1[data-v-705735e0] {
    color: #000 !important
}

.colorSecondary[data-v-705735e0] {
    color: #fff !important
}

.colorSecondary1[data-v-705735e0] {
    color: #414141 !important
}

.colorSecondary2[data-v-705735e0] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-705735e0] {
    color: #0d0d0d
}

.colorSecondary4[data-v-705735e0] {
    color: #02142b
}

.colorSecondary5[data-v-705735e0] {
    color: #1a1e24
}

.colorSecondary6[data-v-705735e0] {
    color: #fafafa
}

.colorSecondary7[data-v-705735e0] {
    color: #333
}

.colorSecondary8[data-v-705735e0] {
    color: #0e0031
}

.colorSuccess[data-v-705735e0] {
    color: #31baa0
}

.colorWarning[data-v-705735e0] {
    color: #ffcf5c
}

.colorDanger[data-v-705735e0] {
    color: #f46273
}

.fillPrimary[data-v-705735e0] {
    fill: #2a74f9
}

.fillWarning[data-v-705735e0] {
    fill: #ffcf5c
}

.fillDanger[data-v-705735e0] {
    fill: #f46273
}

.fillSecondary1[data-v-705735e0] {
    fill: #414141
}

.fillSecondary2[data-v-705735e0] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-705735e0] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-705735e0] {
    fill: #02142b
}

.fillSecondary5[data-v-705735e0] {
    fill: #1a1e24
}

.fillSecondary6[data-v-705735e0] {
    fill: #fafafa
}

.fillSecondary7[data-v-705735e0] {
    fill: #333
}

.fillSecondary8[data-v-705735e0] {
    fill: #0e0031
}

.textnote-notidesc[data-v-705735e0] {
    color: #fff
}

.bgColor0[data-v-705735e0] {
    background-color: transparent
}

.bgPrimary-hover[data-v-705735e0]:hover, .bgPrimary[data-v-705735e0] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-705735e0]:hover, .bgPrimary1[data-v-705735e0] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-705735e0]:hover, .bgPrimary2[data-v-705735e0] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-705735e0]:hover, .bgSecondary[data-v-705735e0] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-705735e0]:hover, .bgSecondary1[data-v-705735e0] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-705735e0]:hover, .bgSecondary2[data-v-705735e0] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-705735e0]:hover, .bgSecondary3[data-v-705735e0] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-705735e0] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-705735e0] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-705735e0]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-705735e0]:hover, .bgSecondary5[data-v-705735e0] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-705735e0]:hover, .bgSecondary6[data-v-705735e0] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-705735e0]:hover, .bgSecondary7[data-v-705735e0] {
    background-color: #333 !important
}

.bgSecondary8[data-v-705735e0] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-705735e0]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-705735e0] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-705735e0]:hover, .bgSuccess[data-v-705735e0] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-705735e0] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-705735e0] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-705735e0]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-705735e0] {
    fill: #31baa0
}

.w-14-px[data-v-705735e0] {
    width: 14px
}

.max-width-50[data-v-705735e0] {
    max-width: 50%
}

.h-60-px[data-v-705735e0] {
    height: 60px
}

.h-100-px[data-v-705735e0] {
    height: 100px
}

.mb-16-px[data-v-705735e0] {
    margin-bottom: 16px
}

.mb-30-px[data-v-705735e0] {
    margin-bottom: 30px
}

.borderRounded[data-v-705735e0] {
    border-radius: 5px
}

.borderPrimary[data-v-705735e0] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-705735e0] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-705735e0] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-705735e0] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-705735e0] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-705735e0] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-705735e0] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-705735e0] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-705735e0] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-705735e0] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-705735e0] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-705735e0] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-705735e0] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-705735e0] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-705735e0]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-705735e0] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-705735e0] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-705735e0] {
    padding: 1px
}

.px-1-px[data-v-705735e0] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-705735e0] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-705735e0] {
    padding-left: 1px
}

.pr-1-px[data-v-705735e0] {
    padding-right: 1px
}

.pt-1-px[data-v-705735e0] {
    padding-top: 1px
}

.pb-1-px[data-v-705735e0] {
    padding-bottom: 1px
}

.p-2-px[data-v-705735e0] {
    padding: 2px
}

.px-2-px[data-v-705735e0] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-705735e0] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-705735e0] {
    padding-left: 2px
}

.pr-2-px[data-v-705735e0] {
    padding-right: 2px
}

.pt-2-px[data-v-705735e0] {
    padding-top: 2px
}

.pb-2-px[data-v-705735e0] {
    padding-bottom: 2px
}

.p-8-px[data-v-705735e0] {
    padding: 8px
}

.px-8-px[data-v-705735e0] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-705735e0] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-705735e0] {
    padding-left: 8px
}

.pr-8-px[data-v-705735e0] {
    padding-right: 8px
}

.pt-8-px[data-v-705735e0] {
    padding-top: 8px
}

.pb-8-px[data-v-705735e0] {
    padding-bottom: 8px
}

.p-10-px[data-v-705735e0] {
    padding: 10px
}

.px-10-px[data-v-705735e0] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-705735e0] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-705735e0] {
    padding-left: 10px
}

.pr-10-px[data-v-705735e0] {
    padding-right: 10px
}

.pt-10-px[data-v-705735e0] {
    padding-top: 10px
}

.pb-10-px[data-v-705735e0] {
    padding-bottom: 10px
}

.p-12-px[data-v-705735e0] {
    padding: 12px
}

.px-12-px[data-v-705735e0] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-705735e0] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-705735e0] {
    padding-left: 12px
}

.pr-12-px[data-v-705735e0] {
    padding-right: 12px
}

.pt-12-px[data-v-705735e0] {
    padding-top: 12px
}

.pb-12-px[data-v-705735e0] {
    padding-bottom: 12px
}

.p-16-px[data-v-705735e0] {
    padding: 16px
}

.px-16-px[data-v-705735e0] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-705735e0] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-705735e0] {
    padding-left: 16px
}

.pr-16-px[data-v-705735e0] {
    padding-right: 16px
}

.pt-16-px[data-v-705735e0] {
    padding-top: 16px
}

.pb-16-px[data-v-705735e0] {
    padding-bottom: 16px
}

.p-30-px[data-v-705735e0] {
    padding: 30px
}

.px-30-px[data-v-705735e0] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-705735e0] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-705735e0] {
    padding-left: 30px
}

.pr-30-px[data-v-705735e0] {
    padding-right: 30px
}

.pt-30-px[data-v-705735e0] {
    padding-top: 30px
}

.pb-30-px[data-v-705735e0] {
    padding-bottom: 30px
}

.font-30[data-v-705735e0] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-705735e0] {
    font-weight: 700
}

.wbo-title[data-v-705735e0] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-705735e0] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-705735e0] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-705735e0] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-705735e0]:focus {
        outline: 0
    }

    .button[data-v-705735e0]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-705735e0] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-705735e0]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-705735e0] {
    padding: 11px 2.5rem
}

.button.primary[data-v-705735e0], .button.primary[data-v-705735e0]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-705735e0], .text-primary[data-v-705735e0], a .primary-hover[data-v-705735e0]:hover {
    color: #000 !important
}

ul[data-v-705735e0] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-705735e0], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-705735e0] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-705735e0]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-705735e0]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-705735e0], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-705735e0], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-705735e0]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-705735e0], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-705735e0], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-705735e0]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-705735e0], .faqsContent .content .navigator ul li a.active[data-v-705735e0]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-705735e0]:hover {
    color: #000
}

.ps[data-v-705735e0] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-705735e0] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-705735e0], .ps__rail-y[data-v-705735e0] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-705735e0] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-705735e0], .ps--active-y > .ps__rail-y[data-v-705735e0] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-705735e0], .ps--focus > .ps__rail-y[data-v-705735e0], .ps--scrolling-x > .ps__rail-x[data-v-705735e0], .ps--scrolling-y > .ps__rail-y[data-v-705735e0], .ps:hover > .ps__rail-x[data-v-705735e0], .ps:hover > .ps__rail-y[data-v-705735e0] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-705735e0], .ps .ps__rail-x[data-v-705735e0]:focus, .ps .ps__rail-x[data-v-705735e0]:hover, .ps .ps__rail-y.ps--clicking[data-v-705735e0], .ps .ps__rail-y[data-v-705735e0]:focus, .ps .ps__rail-y[data-v-705735e0]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-705735e0] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-705735e0] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-705735e0], .ps__rail-x:focus > .ps__thumb-x[data-v-705735e0], .ps__rail-x:hover > .ps__thumb-x[data-v-705735e0] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-705735e0], .ps__rail-y:focus > .ps__thumb-y[data-v-705735e0], .ps__rail-y:hover > .ps__thumb-y[data-v-705735e0] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-705735e0] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-705735e0] {
        overflow: auto !important
    }
}

.md-field[data-v-705735e0] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-705735e0] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-705735e0] {
    color: #2a74f9
}

.md-field .md-error[data-v-705735e0] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-705735e0] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-705735e0], .md-field.md-has-value label[data-v-705735e0] {
    top: -10px
}

.form-control[data-v-705735e0], .md-field .md-input[data-v-705735e0], .md-field .md-textarea[data-v-705735e0], .winput[data-v-705735e0] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-705735e0] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-705735e0] {
    fill: #0d0d0d
}

.round[data-v-705735e0] {
    border-radius: 5px
}

.off[data-v-705735e0] {
    position: relative;
    cursor: default
}

.off > [data-v-705735e0] {
    opacity: .5
}

.off[data-v-705735e0]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-705735e0] {
    cursor: pointer
}

.close-page[data-v-705735e0] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-705735e0] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-705735e0], .slide-fade-leave-active[data-v-705735e0] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-705735e0], .slide-fade-leave-to[data-v-705735e0] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-705735e0 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-705735e0 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-705735e0] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-705735e0] {
    color: #ffcf5c
}

.button[data-v-705735e0] {
    font-weight: 700
}

.modal .modal-dialog[data-v-705735e0] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-705735e0] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-705735e0] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-705735e0], .modal .modal-dialog .modal-header[data-v-705735e0] {
    border: none
}

#chartCommisst .highcharts-title[data-v-705735e0] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-705735e0] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-705735e0] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-705735e0], .modal .modal-dialog form[data-v-705735e0] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-705735e0] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-705735e0], .FaqsDetail[data-v-705735e0] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-705735e0], .FaqsDetail[data-v-705735e0] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-705735e0], .FaqsDetail .headerMaster .boxHeader[data-v-705735e0] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-705735e0], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-705735e0] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-705735e0], .Faqs main[data-v-705735e0] {
    background-color: unset
}

.titleChartCandle[data-v-705735e0] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-705735e0] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-705735e0] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-705735e0] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-705735e0], .plotlineChart .time[data-v-705735e0] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-705735e0] {
    top: 51px
}

.boxHeader[data-v-705735e0] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-705735e0], .boxHeader .register[data-v-705735e0] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-705735e0] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-705735e0] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-705735e0] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-705735e0] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-705735e0]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-705735e0] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-705735e0]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-705735e0] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-705735e0]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-705735e0] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-705735e0] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-705735e0] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-705735e0] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-705735e0] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-705735e0] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-705735e0] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-705735e0] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-705735e0] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-705735e0] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-705735e0] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-705735e0] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-705735e0] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-705735e0] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-705735e0] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-705735e0] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-705735e0] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-705735e0] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-705735e0] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-705735e0] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-705735e0] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-705735e0] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-705735e0] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-705735e0] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-705735e0] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-705735e0] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-705735e0] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-705735e0] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-705735e0] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-705735e0] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-705735e0] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-705735e0] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-705735e0] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-705735e0] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-705735e0] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-705735e0] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-705735e0] {
        height: 56px !important
    }
}

input.form-control[data-v-705735e0], input[data-v-705735e0], select.form-control[data-v-705735e0], select[data-v-705735e0] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-705735e0] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-705735e0] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-705735e0] {
    line-height: 100%
}

.button.btn-long[data-v-705735e0] {
    padding: 10px 40px
}

.button.btn-radius[data-v-705735e0] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-705735e0] {
    border-radius: 20px
}

.button.btn-full[data-v-705735e0] {
    width: 100%
}

.button.btn-80[data-v-705735e0] {
    width: 80%
}

.button.hasIcon[data-v-705735e0] {
    padding-left: 50px
}

.button a[data-v-705735e0] {
    display: block
}

.button .labelIcon[data-v-705735e0] {
    position: absolute
}

.button .labelIcon svg[data-v-705735e0] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-705735e0] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-705735e0]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-705735e0] {
    outline: none
}

.keyboard-input-wrap[data-v-705735e0] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-705735e0] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-705735e0] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-705735e0] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-705735e0] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-705735e0] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-705735e0] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-705735e0] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-705735e0] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-705735e0] {
    font-size: 1.2em
}

.color-white[data-v-705735e0] {
    color: #fff
}

.color-white-50[data-v-705735e0] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-705735e0] {
    display: none
}

.ld-loading .loading[data-v-705735e0], .main-loading .loading[data-v-705735e0] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-705735e0] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-705735e0]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-705735e0]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-705735e0] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-705735e0] {
    -webkit-animation: rotate-data-v-705735e0 1s linear infinite;
    animation: rotate-data-v-705735e0 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-705735e0] {
    stroke: transparent
}

.wrapNotify[data-v-705735e0] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-705735e0] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-705735e0] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-705735e0] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-705735e0] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-705735e0] {
    display: block
}

.wrapNotify .close-notify[data-v-705735e0] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-705735e0] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-705735e0] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-705735e0] {
    background-color: transparent
}

.colorWhite[data-v-705735e0] {
    color: #fff
}

.colorRed[data-v-705735e0] {
    color: #f46273
}

.colorGreen[data-v-705735e0] {
    color: #31baa0
}

.colorGray[data-v-705735e0] {
    color: #7c7c7c
}

.tableBackground[data-v-705735e0] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-705735e0] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-705735e0], .tableBackground .table-dark th[data-v-705735e0] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-705735e0]:after, .tableBackground .table-dark th[data-v-705735e0]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-705735e0] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-705735e0], .tableBackground .table-dark th[data-v-705735e0] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-705735e0]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-705735e0]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-705735e0] {
    background-color: #060642
}

.tableBackground #paging li[data-v-705735e0] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-705735e0] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-705735e0] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-705735e0], .customeTradeHistory[data-v-705735e0] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-705735e0], .customeTradeHistory .reportrange-text[data-v-705735e0] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-705735e0], .customeTradeHistory .reportrange-text .seperate[data-v-705735e0] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-705735e0], .customeTradeHistory .reportrange-text span[data-v-705735e0] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-705735e0] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-705735e0] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-705735e0] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-705735e0]:after, .startDate .daterangepicker.openscenter[data-v-705735e0]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-705735e0] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-705735e0] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-705735e0] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-705735e0] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-705735e0] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-705735e0] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-705735e0] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-705735e0] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-705735e0] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-705735e0] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-705735e0] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-705735e0] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-705735e0] {
    text-align: center
}

.border-none[data-v-705735e0] {
    border: none
}

.text-domain[data-v-705735e0]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-705735e0] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-705735e0] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-705735e0] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-705735e0] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-705735e0] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-705735e0] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-705735e0] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-705735e0] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-705735e0] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-705735e0] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-705735e0] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-705735e0] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-705735e0] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-705735e0] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-705735e0] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-705735e0] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-705735e0] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-705735e0] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-705735e0] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-705735e0] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-705735e0] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-705735e0] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-705735e0] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-705735e0] {
    fill: #000
}

.btn-active-paging[data-v-705735e0] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-705735e0] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-705735e0] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-705735e0] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-705735e0], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-705735e0] {
    background: #8b8d96 !important
}

.transactionBox[data-v-705735e0] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-705735e0] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-705735e0] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-705735e0] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-705735e0] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-705735e0] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-705735e0] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-705735e0] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-705735e0] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-705735e0] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-705735e0] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-705735e0] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-705735e0] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-705735e0] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-705735e0] {
    color: #2a74f9 !important
}

.subBanner[data-v-705735e0] {
    height: 160px
}

.btnEyes[data-v-705735e0] {
    top: 0;
    right: 0
}

    .btnEyes[data-v-705735e0]:hover {
        text-decoration: none
    }

.btn-eyes[data-v-705735e0] {
    display: inline-block;
    overflow: hidden;
    width: 40px;
    height: 40px;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    background: url(../img/eyes.587779a8.svg) no-repeat 50%
}

.btn-eyes.hide[data-v-705735e0] {
    background: url(../img/eyes-blind.10886561.svg) no-repeat 50%
}

.user-balance[data-v-705735e0] {
    height: 30px;
    line-height: 30px
}

.coin-default[data-v-705735e0] {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAADJ5JREFUeNrcm3l0VFWex3+MdACjgGELEJJU6i1VgHbP2D1jzxyctm1703ame7pPd9vd0CqGJSEhIamqt1RVCIuyhmxAJVX13n21kEBYAoNAaA00CFFIGA+gCaYFmkXBoC3ooCPwnT8SYkcJpLCySM75nOTUeXVTn3d/93fv791bRCC6GYPOjSOLppK5KoOEoEwWXSUhZCe+Mpd45iJOV4jXFLIYKgm6QqLmJi6cQ1wod7iFuR4RDXWOwFS/wJRdAlOaBKa8KzDlYhvnBKYcE5jyZ05XmaArdj4gPcaFc0fy4VwSmEp8KIcEJpNgqCQwlVICNkpZP4ssQYUsTCLeL1GyLpF19QsUe9ZEt/KhKAsniEydLhjyNsGQPxZ0BQLrGqJx/W8VApMvC4byJ96QM4SgzdQXhSeJTF0jMOWKwBQIutr2wZXbRG1ro/21KtFQHxWYSqZAbi8Ih+3Erc0hgbke4Zmy4/bFIr4Ru8wB+49MG9J6UlghISCN4IOSFknIRlEafMgetgTUBCtzdLNwSCYLU38pMOXCF0KuRxE1JwSmfmxhjsndI6wrZF4/i/iAvEzUnb0meiN4TS1NZvboCfe/NIQsPhcJhvRib/bqTUNcU3ePL10yMOaD4V0QbhRvzBsi9TuZREPenhhjLc9/TfTl9UHZ6yHugtWz8Oh9Td8eTKfHEh0fS3SiE6gw7cusSCNamkaxS5z0QPnzBz+fI/swhoz79bmNQxe80H+AtIQGuhbTgBtA33gn+cu8m0QDzpjItC69ZkLpkr4v24ZFc0L05+0dXTqPRhbPp1ElC74EPbDB0ZGNDrp/g4OsYaXA4neDN+SvjbDAFFgMFWa/wz/Ok0E3giYE8jswMTSXJgRcT1h8rq+4Wuq9JGZlTnB61u9M2gwy+Wd1gFKYvR2TbieTJt/Na67LXbmTIlMxqGQG7ipK7RFiS2fCajghdqEjLLoT4hrbcMuGLPp7aMzmye2Mrp5C5nB2hUVz37JBsy6B02VMqfEhrTaEmS8Hu5W02hCe2l4Ok+YAp996mIl+F/iK3O0Jm6dRQvXnULxPbsUr01hN/idLF8N4rDcHiX4bLv3fJ+ipn1OX3scwz2wk+m1dytqirmJsad6/jSrMp/jiuRRfnE9k1p1k1p3EaS4Sddd+sYtjJcGXiyS/Hcc/bOkx4dffO4URZVlI8tu7Nj+3lp1H+bYSltMVohRmoxSWSynM9i0xguRwXbj5b+d7TLjh/MmIhK/X2ZyuPGzWnGTWVCILk8nCZBKZskm4A4V5pkA01N2WoEKWgEJkZjJxTI6LNP1/XYQ/F3ckcMxBJPrySNDV1EgbGOPNQaLPhqvXrvWYcMvljxDnyUSiz3Y787PN6ncTmaoySAhItWKElZBJc8CsS3Du34SCQzuxvKHmhiyt34G5dVtw/GLnye1Iyxm49m/Csk7aWN5Qg4JDO2HfW4VEvw1mXYpMVlchGNL/cJVpRCmV2YN5Q7oaqbDFUCEaKvoXpYJWPNs5y/4ImvdzbDtxuFNh35G9IPfjoOVP37StASXTWxcehnobwjJM4exRJAZzHxG6sahP0STcuzIdfz5zrFPhqrfqEVM8rUsLittGVyEa7v8gMWTLiWZhz+syUjQJiT4bRnvnIG51JmjpFPzpr290KhxsrAMt+i2Ge2a35ga/DSmaBJ7J0RUOyvMppTLbEH3uyIvutt+JfhuGeTJxd+lM3LMyDWO8OXggmId/r1qMJ6qL8Mutq/Dk5mIcbjndqfCeM2/hx5sK8Kutq/F4dREeXrcYE4NuxJfPQWxpGmJLZ2K4Z3Z7dhZvX7qaBEPeG0lVZDWcSPTb0L8oFUNXZ2DSukWYvMOHOXvWIv/VLVhavwPLGmqw6OA2LHhtK9z7qzF7dwWaPni3U+H6cycwqzaEuXWbsfDAi1h8cDuWN9RgSf125NVtRtbuSvx+uxffrVyIe1emI6Z4GpL9dlgMZ4RTk3KIBF19SzC60qMqrIYTVDgVo8vnwF1XDe+RPVhWXwPplQ1Irw1hSo0fP91UiAfXzINZlxBfno3Y0jTQ4t9h501C2nhzP2jhr3DvynSMLp8DTpfxnYr5eKK6CH+s8SN9VxjKvo0oOLQTvqN7YdtbhbjVmehflIrxAVcEPS6fIIEp57sWwioGr0rHU9vK8Pp7pxBqrMPP/7sUJs2Bu0tnIrY0DcM8mRjjzWmvaHgmR5y0eF0Gp8tI9tvbc0Br+zPB6TJ+s82Djc0NOPDucfx0UyGGrsqIIGvLLdS2qXXLi4esmoV/Xfs8AODtD98DyT8ALZsCTpdhuck/vC685+xbnQqvb264ZZa2GCrMugRa9FtQ3s/w2bWrAACLoWJkWVZXw/oiCUy51JWLR5ZlYULAhbMf/Q0AUPL6yxCZin8ofA5U8AwGlszAMM9sJPhykaJJbT3cKjyoZOZNx/Cu003oVzi1/T2cLsOkOTDWm4M4TyYGlEwHFTyD/kWpeCCYh+Cb+wEATR+8gyS/HWO9OZEIy+91NVnFrc5Ekt8O35E97R/26IWzWPl6LZ7ZqePhqsUw6xKGrJqFbxRPA62YCip4BrR0MiatW4QpNX5Me8lAem0I6bUhTHspgKdrNHynYj5oye9bry2cipjiabhvdQZ4JuOR9UuQ+pIB75E9HdbtBQ07MbIsCyPLsmDtcvKSW0hg8l+6muUmBFwY5pkNWvEsRENF7p512He2GR9+ehlX2kLs06tXcO5/L+LohTOoPdWIjc0NCDXW4ekaDT/cuBzfq1qCSesWYdK6Rfhe1WI8tmE5pr8cQOWxA9jY3IBdp5vQ+P47aLl8qT1sP7t2FR988jFqTzUifVcYJs0BWvEs4suzMSHgiiBTyydJ1JyvCBE8mRRZ67Os+PJs9Ct8Dv0Kp2JEWRa+vWYentpWjvxXt6Ci6TXsPn0MRy6cwcmLF3D60vu3LAxOXryAExdbcLjlNGpPNSLUWAd3XTV+/aIH3wrNbb/RdxWlYow3B2LbM7UI5+JDxIXswdbNKeW2Fx/JfjtGlbVOQXcVPde69m0LzZji6aClU7DrdFOnshVNB0CLfoOBJTMQc30otMndszIN8eXZMGmOr7boaGULiRU2u6BFfy19Pfkk+e0YUDLjpsJrjx1Ev8KpfzeddcN2DFMhBKTnabw291G+G58T953iQYEYVH9BporsIYIhXeuuncE+I8wUcJoyhpLXZhJvSHvFO1/4CK9JREJ5PgmaM13opj2kviIsGqoq6iqREFCJD6gj7vQxLOqKSdQVIktYIWtYJTGgvNgdh1R6X1iFaCj7RCaRyCQis99JZp+LzH7nP4t3YA+LTAXncz5m9jrJ7HMS8V53O6LuPHQnCYu6CiFsb+bW5BAXziUunEs0pkxuxSNTQrny3WjvCfemsMXvhimU8f1xlc/RuLWt0Ljtk1vZ8QdK3DGZ+MqsTaLf/bUXFpmKFCbtGlcuUaJHpkSPQokehWjC2uzPWZdN48O2oSJzXo2mcGxpGurPn+xUeOvxw+hflBpV4fG6E2JQGcuHJeLDcjtkLpY7kFLsIN7j+LWFOaNy5CFFkzB4ZTpeOvUmPr36GT650pFPr15BRdMBDCieHjVh0e+GeY2UKmywkVDl6ABNrHB0YMIaB92/VqKJlfJqC1OjspDndBkPhufhocqF+Jcv8FDlQvxjOB/mqMiqsDAnkoIZa+IqJ9PQysl0X8WUDtDdrz76JQbV/YAGvfJ9MgVyXxnvnReVkzXx5XMQ58nEsC8Q1/bgz2pEoWIrd2N80H3IXP9flNTwOJnqf0bJX4BIcd8Yu5ti574Q803v82+Kga/B0SVDxv3eBX8dMX/pPUNcBTQk/8YQNVpuzBtW6tdspvuaHhxs9eYfjWbmjv7RQxXWsgXHh7/x0ChqNhEdNhMd7YRbHca866N7yOrLGygytVboYydp29Fcr44vXTw05sO4r36aduC5BLLqLhLC2cQZjrK+dHxYZAp4JgfMfhdZV71Ase8kR0lYcxMfyqKUQA7xzPm0aKifiL0urF7jDTmNNxzUTcLZbcIu4pkrmdOVKrEXzk+LrVuyW3hdtnCGQt0uLDAXccxJKX4n8QH7j4WAtK8Hhes5v/NJsyYRxyTie1rYHM4mIWAnnjl/IhjK1m7s1RrOkP6TZwqZvU4yaxLxvSHMheaQYDiIZy4SDJU4JomCodhEQ9knMOVaxF/c6DhEXhOYogrMOVFkKnGGg3imEOfrW8IkGApZgwpZDTWRY8qTvCHli0xZ3ybwl7bt2etfxTsvMPVtwZAP8kH7Jj4gLRCZ+guRycmCJpOgqyQYToqm8P8PAAolDfsX2YscAAAAAElFTkSuQmCC");
    background-size: cover
}

body[data-v-f37890c6] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-f37890c6]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-f37890c6]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-f37890c6]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-f37890c6] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-f37890c6]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-f37890c6]::-webkit-inner-spin-button, input[data-v-f37890c6]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-f37890c6] {
    -moz-appearance: textfield
}

button[data-v-f37890c6]:focus, input[data-v-f37890c6]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-f37890c6] {
    font-size: 8px
}

.font-10[data-v-f37890c6] {
    font-size: .6rem !important
}

.font-12[data-v-f37890c6] {
    font-size: 12px
}

.font-14[data-v-f37890c6] {
    font-size: 14px
}

.font-16[data-v-f37890c6] {
    font-size: 16px
}

.font-18[data-v-f37890c6] {
    font-size: 18px
}

.font-20[data-v-f37890c6] {
    font-size: 20px
}

.font-24[data-v-f37890c6] {
    font-size: 24px
}

.font-32[data-v-f37890c6] {
    font-size: 32px
}

.font-34[data-v-f37890c6] {
    font-size: 34px
}

.font-40[data-v-f37890c6] {
    font-size: 2.5rem !important
}

.font-44[data-v-f37890c6] {
    font-size: 44px
}

.colorPrimary[data-v-f37890c6] {
    color: #2a74f9
}

.colorPrimary1[data-v-f37890c6] {
    color: #000 !important
}

.colorSecondary[data-v-f37890c6] {
    color: #fff !important
}

.colorSecondary1[data-v-f37890c6] {
    color: #414141 !important
}

.colorSecondary2[data-v-f37890c6] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-f37890c6] {
    color: #0d0d0d
}

.colorSecondary4[data-v-f37890c6] {
    color: #02142b
}

.colorSecondary5[data-v-f37890c6] {
    color: #1a1e24
}

.colorSecondary6[data-v-f37890c6] {
    color: #fafafa
}

.colorSecondary7[data-v-f37890c6] {
    color: #333
}

.colorSecondary8[data-v-f37890c6] {
    color: #0e0031
}

.colorSuccess[data-v-f37890c6] {
    color: #31baa0
}

.colorWarning[data-v-f37890c6] {
    color: #ffcf5c
}

.colorDanger[data-v-f37890c6] {
    color: #f46273
}

.fillPrimary[data-v-f37890c6] {
    fill: #2a74f9
}

.fillWarning[data-v-f37890c6] {
    fill: #ffcf5c
}

.fillDanger[data-v-f37890c6] {
    fill: #f46273
}

.fillSecondary1[data-v-f37890c6] {
    fill: #414141
}

.fillSecondary2[data-v-f37890c6] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-f37890c6] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-f37890c6] {
    fill: #02142b
}

.fillSecondary5[data-v-f37890c6] {
    fill: #1a1e24
}

.fillSecondary6[data-v-f37890c6] {
    fill: #fafafa
}

.fillSecondary7[data-v-f37890c6] {
    fill: #333
}

.fillSecondary8[data-v-f37890c6] {
    fill: #0e0031
}

.textnote-notidesc[data-v-f37890c6] {
    color: #fff
}

.bgColor0[data-v-f37890c6] {
    background-color: transparent
}

.bgPrimary-hover[data-v-f37890c6]:hover, .bgPrimary[data-v-f37890c6] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-f37890c6]:hover, .bgPrimary1[data-v-f37890c6] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-f37890c6]:hover, .bgPrimary2[data-v-f37890c6] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-f37890c6]:hover, .bgSecondary[data-v-f37890c6] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-f37890c6]:hover, .bgSecondary1[data-v-f37890c6] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-f37890c6]:hover, .bgSecondary2[data-v-f37890c6] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-f37890c6]:hover, .bgSecondary3[data-v-f37890c6] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-f37890c6] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-f37890c6] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-f37890c6]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-f37890c6]:hover, .bgSecondary5[data-v-f37890c6] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-f37890c6]:hover, .bgSecondary6[data-v-f37890c6] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-f37890c6]:hover, .bgSecondary7[data-v-f37890c6] {
    background-color: #333 !important
}

.bgSecondary8[data-v-f37890c6] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-f37890c6]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-f37890c6] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-f37890c6]:hover, .bgSuccess[data-v-f37890c6] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-f37890c6] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-f37890c6] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-f37890c6]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-f37890c6] {
    fill: #31baa0
}

.w-14-px[data-v-f37890c6] {
    width: 14px
}

.max-width-50[data-v-f37890c6] {
    max-width: 50%
}

.h-60-px[data-v-f37890c6] {
    height: 60px
}

.h-100-px[data-v-f37890c6] {
    height: 100px
}

.mb-16-px[data-v-f37890c6] {
    margin-bottom: 16px
}

.mb-30-px[data-v-f37890c6] {
    margin-bottom: 30px
}

.borderRounded[data-v-f37890c6] {
    border-radius: 5px
}

.borderPrimary[data-v-f37890c6] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-f37890c6] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-f37890c6] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-f37890c6] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-f37890c6] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-f37890c6] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-f37890c6] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-f37890c6] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-f37890c6] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-f37890c6] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-f37890c6] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-f37890c6] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-f37890c6] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-f37890c6] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-f37890c6]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-f37890c6] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-f37890c6] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-f37890c6] {
    padding: 1px
}

.px-1-px[data-v-f37890c6] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-f37890c6] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-f37890c6] {
    padding-left: 1px
}

.pr-1-px[data-v-f37890c6] {
    padding-right: 1px
}

.pt-1-px[data-v-f37890c6] {
    padding-top: 1px
}

.pb-1-px[data-v-f37890c6] {
    padding-bottom: 1px
}

.p-2-px[data-v-f37890c6] {
    padding: 2px
}

.px-2-px[data-v-f37890c6] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-f37890c6] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-f37890c6] {
    padding-left: 2px
}

.pr-2-px[data-v-f37890c6] {
    padding-right: 2px
}

.pt-2-px[data-v-f37890c6] {
    padding-top: 2px
}

.pb-2-px[data-v-f37890c6] {
    padding-bottom: 2px
}

.p-8-px[data-v-f37890c6] {
    padding: 8px
}

.px-8-px[data-v-f37890c6] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-f37890c6] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-f37890c6] {
    padding-left: 8px
}

.pr-8-px[data-v-f37890c6] {
    padding-right: 8px
}

.pt-8-px[data-v-f37890c6] {
    padding-top: 8px
}

.pb-8-px[data-v-f37890c6] {
    padding-bottom: 8px
}

.p-10-px[data-v-f37890c6] {
    padding: 10px
}

.px-10-px[data-v-f37890c6] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-f37890c6] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-f37890c6] {
    padding-left: 10px
}

.pr-10-px[data-v-f37890c6] {
    padding-right: 10px
}

.pt-10-px[data-v-f37890c6] {
    padding-top: 10px
}

.pb-10-px[data-v-f37890c6] {
    padding-bottom: 10px
}

.p-12-px[data-v-f37890c6] {
    padding: 12px
}

.px-12-px[data-v-f37890c6] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-f37890c6] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-f37890c6] {
    padding-left: 12px
}

.pr-12-px[data-v-f37890c6] {
    padding-right: 12px
}

.pt-12-px[data-v-f37890c6] {
    padding-top: 12px
}

.pb-12-px[data-v-f37890c6] {
    padding-bottom: 12px
}

.p-16-px[data-v-f37890c6] {
    padding: 16px
}

.px-16-px[data-v-f37890c6] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-f37890c6] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-f37890c6] {
    padding-left: 16px
}

.pr-16-px[data-v-f37890c6] {
    padding-right: 16px
}

.pt-16-px[data-v-f37890c6] {
    padding-top: 16px
}

.pb-16-px[data-v-f37890c6] {
    padding-bottom: 16px
}

.p-30-px[data-v-f37890c6] {
    padding: 30px
}

.px-30-px[data-v-f37890c6] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-f37890c6] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-f37890c6] {
    padding-left: 30px
}

.pr-30-px[data-v-f37890c6] {
    padding-right: 30px
}

.pt-30-px[data-v-f37890c6] {
    padding-top: 30px
}

.pb-30-px[data-v-f37890c6] {
    padding-bottom: 30px
}

.font-30[data-v-f37890c6] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-f37890c6] {
    font-weight: 700
}

.wbo-title[data-v-f37890c6] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-f37890c6] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-f37890c6] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-f37890c6] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-f37890c6]:focus {
        outline: 0
    }

    .button[data-v-f37890c6]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-f37890c6] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-f37890c6]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-f37890c6] {
    padding: 11px 2.5rem
}

.button.primary[data-v-f37890c6], .button.primary[data-v-f37890c6]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-f37890c6], .text-primary[data-v-f37890c6], a .primary-hover[data-v-f37890c6]:hover {
    color: #000 !important
}

ul[data-v-f37890c6] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-f37890c6], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-f37890c6] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-f37890c6]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-f37890c6]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-f37890c6], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-f37890c6], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-f37890c6]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-f37890c6], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-f37890c6], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-f37890c6]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-f37890c6], .faqsContent .content .navigator ul li a.active[data-v-f37890c6]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-f37890c6]:hover {
    color: #000
}

.ps[data-v-f37890c6] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-f37890c6] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-f37890c6], .ps__rail-y[data-v-f37890c6] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-f37890c6] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-f37890c6], .ps--active-y > .ps__rail-y[data-v-f37890c6] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-f37890c6], .ps--focus > .ps__rail-y[data-v-f37890c6], .ps--scrolling-x > .ps__rail-x[data-v-f37890c6], .ps--scrolling-y > .ps__rail-y[data-v-f37890c6], .ps:hover > .ps__rail-x[data-v-f37890c6], .ps:hover > .ps__rail-y[data-v-f37890c6] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-f37890c6], .ps .ps__rail-x[data-v-f37890c6]:focus, .ps .ps__rail-x[data-v-f37890c6]:hover, .ps .ps__rail-y.ps--clicking[data-v-f37890c6], .ps .ps__rail-y[data-v-f37890c6]:focus, .ps .ps__rail-y[data-v-f37890c6]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-f37890c6] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-f37890c6] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-f37890c6], .ps__rail-x:focus > .ps__thumb-x[data-v-f37890c6], .ps__rail-x:hover > .ps__thumb-x[data-v-f37890c6] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-f37890c6], .ps__rail-y:focus > .ps__thumb-y[data-v-f37890c6], .ps__rail-y:hover > .ps__thumb-y[data-v-f37890c6] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-f37890c6] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-f37890c6] {
        overflow: auto !important
    }
}

.md-field[data-v-f37890c6] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-f37890c6] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-f37890c6] {
    color: #2a74f9
}

.md-field .md-error[data-v-f37890c6] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-f37890c6] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-f37890c6], .md-field.md-has-value label[data-v-f37890c6] {
    top: -10px
}

.form-control[data-v-f37890c6], .md-field .md-input[data-v-f37890c6], .md-field .md-textarea[data-v-f37890c6], .winput[data-v-f37890c6] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-f37890c6] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-f37890c6] {
    fill: #0d0d0d
}

.round[data-v-f37890c6] {
    border-radius: 5px
}

.off[data-v-f37890c6] {
    position: relative;
    cursor: default
}

.off > [data-v-f37890c6] {
    opacity: .5
}

.off[data-v-f37890c6]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-f37890c6] {
    cursor: pointer
}

.close-page[data-v-f37890c6] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-f37890c6] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-f37890c6], .slide-fade-leave-active[data-v-f37890c6] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-f37890c6], .slide-fade-leave-to[data-v-f37890c6] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-f37890c6 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-f37890c6 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-f37890c6] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-f37890c6] {
    color: #ffcf5c
}

.button[data-v-f37890c6] {
    font-weight: 700
}

.modal .modal-dialog[data-v-f37890c6] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-f37890c6] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-f37890c6] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-f37890c6], .modal .modal-dialog .modal-header[data-v-f37890c6] {
    border: none
}

#chartCommisst .highcharts-title[data-v-f37890c6] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-f37890c6] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-f37890c6] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-f37890c6], .modal .modal-dialog form[data-v-f37890c6] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-f37890c6] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-f37890c6], .FaqsDetail[data-v-f37890c6] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-f37890c6], .FaqsDetail[data-v-f37890c6] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-f37890c6], .FaqsDetail .headerMaster .boxHeader[data-v-f37890c6] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-f37890c6], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-f37890c6] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-f37890c6], .Faqs main[data-v-f37890c6] {
    background-color: unset
}

.titleChartCandle[data-v-f37890c6] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-f37890c6] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-f37890c6] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-f37890c6] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-f37890c6], .plotlineChart .time[data-v-f37890c6] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-f37890c6] {
    top: 51px
}

.boxHeader[data-v-f37890c6] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-f37890c6], .boxHeader .register[data-v-f37890c6] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-f37890c6] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-f37890c6] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-f37890c6] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-f37890c6] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-f37890c6]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-f37890c6] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-f37890c6]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-f37890c6] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-f37890c6]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-f37890c6] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-f37890c6] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-f37890c6] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-f37890c6] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-f37890c6] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-f37890c6] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-f37890c6] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-f37890c6] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-f37890c6] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-f37890c6] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-f37890c6] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-f37890c6] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-f37890c6] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-f37890c6] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-f37890c6] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-f37890c6] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-f37890c6] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-f37890c6] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-f37890c6] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-f37890c6] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-f37890c6] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-f37890c6] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-f37890c6] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-f37890c6] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-f37890c6] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-f37890c6] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-f37890c6] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-f37890c6] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-f37890c6] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-f37890c6] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-f37890c6] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-f37890c6] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-f37890c6] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-f37890c6] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-f37890c6] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-f37890c6] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-f37890c6] {
        height: 56px !important
    }
}

input.form-control[data-v-f37890c6], input[data-v-f37890c6], select.form-control[data-v-f37890c6], select[data-v-f37890c6] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-f37890c6] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-f37890c6] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-f37890c6] {
    line-height: 100%
}

.button.btn-long[data-v-f37890c6] {
    padding: 10px 40px
}

.button.btn-radius[data-v-f37890c6] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-f37890c6] {
    border-radius: 20px
}

.button.btn-full[data-v-f37890c6] {
    width: 100%
}

.button.btn-80[data-v-f37890c6] {
    width: 80%
}

.button.hasIcon[data-v-f37890c6] {
    padding-left: 50px
}

.button a[data-v-f37890c6] {
    display: block
}

.button .labelIcon[data-v-f37890c6] {
    position: absolute
}

.button .labelIcon svg[data-v-f37890c6] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-f37890c6] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-f37890c6]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-f37890c6] {
    outline: none
}

.keyboard-input-wrap[data-v-f37890c6] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-f37890c6] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-f37890c6] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-f37890c6] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-f37890c6] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-f37890c6] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-f37890c6] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-f37890c6] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-f37890c6] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-f37890c6] {
    font-size: 1.2em
}

.color-white[data-v-f37890c6] {
    color: #fff
}

.color-white-50[data-v-f37890c6] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-f37890c6] {
    display: none
}

.ld-loading .loading[data-v-f37890c6], .main-loading .loading[data-v-f37890c6] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-f37890c6] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-f37890c6]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-f37890c6]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-f37890c6] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-f37890c6] {
    -webkit-animation: rotate-data-v-f37890c6 1s linear infinite;
    animation: rotate-data-v-f37890c6 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-f37890c6] {
    stroke: transparent
}

.wrapNotify[data-v-f37890c6] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-f37890c6] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-f37890c6] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-f37890c6] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-f37890c6] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-f37890c6] {
    display: block
}

.wrapNotify .close-notify[data-v-f37890c6] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-f37890c6] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-f37890c6] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-f37890c6] {
    background-color: transparent
}

.colorWhite[data-v-f37890c6] {
    color: #fff
}

.colorRed[data-v-f37890c6] {
    color: #f46273
}

.colorGreen[data-v-f37890c6] {
    color: #31baa0
}

.colorGray[data-v-f37890c6] {
    color: #7c7c7c
}

.tableBackground[data-v-f37890c6] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-f37890c6] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-f37890c6], .tableBackground .table-dark th[data-v-f37890c6] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-f37890c6]:after, .tableBackground .table-dark th[data-v-f37890c6]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-f37890c6] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-f37890c6], .tableBackground .table-dark th[data-v-f37890c6] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-f37890c6]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-f37890c6]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-f37890c6] {
    background-color: #060642
}

.tableBackground #paging li[data-v-f37890c6] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-f37890c6] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-f37890c6] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-f37890c6], .customeTradeHistory[data-v-f37890c6] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-f37890c6], .customeTradeHistory .reportrange-text[data-v-f37890c6] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-f37890c6], .customeTradeHistory .reportrange-text .seperate[data-v-f37890c6] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-f37890c6], .customeTradeHistory .reportrange-text span[data-v-f37890c6] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-f37890c6] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-f37890c6] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-f37890c6] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-f37890c6]:after, .startDate .daterangepicker.openscenter[data-v-f37890c6]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-f37890c6] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-f37890c6] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-f37890c6] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-f37890c6] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-f37890c6] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-f37890c6] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-f37890c6] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-f37890c6] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-f37890c6] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-f37890c6] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-f37890c6] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-f37890c6] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-f37890c6] {
    text-align: center
}

.border-none[data-v-f37890c6] {
    border: none
}

.text-domain[data-v-f37890c6]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-f37890c6] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-f37890c6] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-f37890c6] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-f37890c6] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-f37890c6] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-f37890c6] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-f37890c6] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-f37890c6] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-f37890c6] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-f37890c6] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-f37890c6] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-f37890c6] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-f37890c6] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-f37890c6] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-f37890c6] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-f37890c6] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-f37890c6] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-f37890c6] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-f37890c6] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-f37890c6] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-f37890c6] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-f37890c6] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-f37890c6] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-f37890c6] {
    fill: #000
}

.btn-active-paging[data-v-f37890c6] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-f37890c6] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-f37890c6] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-f37890c6] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-f37890c6], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-f37890c6] {
    background: #8b8d96 !important
}

.transactionBox[data-v-f37890c6] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-f37890c6] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-f37890c6] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-f37890c6] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-f37890c6] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-f37890c6] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-f37890c6] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-f37890c6] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-f37890c6] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-f37890c6] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-f37890c6] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-f37890c6] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-f37890c6] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-f37890c6] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-f37890c6] {
    color: #2a74f9 !important
}

.faqsContent[data-v-f37890c6] {
    min-height: calc(100vh - 65px)
}

.faqsContent > .container[data-v-f37890c6] {
    max-width: 100%
}

.faqsContent .header[data-v-f37890c6] {
    min-height: 486px;
    position: relative
}

.faqsContent .header .container[data-v-f37890c6] {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.faqsContent .header .btn-search[data-v-f37890c6] {
    background: url(../img/zoom.7afa9e2b.svg) no-repeat 50%;
    display: inline-block;
    width: 53px;
    height: 53px;
    border: 0;
    vertical-align: middle
}

.faqsContent .content .contentFAQs h4 span[data-v-f37890c6], .faqsContent .content .contentFAQs h4 svg[data-v-f37890c6] {
    vertical-align: middle
}

.faqsContent .content .contentFAQs h4 span[data-v-f37890c6] {
    color: #1a1e24;
    font-size: 20px;
    font-weight: 700
}

.faqsContent .content .contentFAQs ul li a[data-v-f37890c6] {
    text-decoration: none
}

    .faqsContent .content .contentFAQs ul li a[data-v-f37890c6]:hover {
        color: #2a74f9
    }

.faqsContent .list-video .sub-list li[data-v-f37890c6] {
    cursor: pointer
}

    .faqsContent .list-video .sub-list li[data-v-f37890c6]:first-child {
        margin-top: .5rem
    }

    .faqsContent .list-video .sub-list li[data-v-f37890c6]:hover {
        color: #2a74f9
    }

@media screen and (max-width:1700px) {
    .faqsContent .header[data-v-f37890c6] {
        min-height: 340px
    }
}

@media screen and (max-width:1200px) {
    .faqsContent .header[data-v-f37890c6] {
        min-height: 230px
    }
}

@media screen and (max-width:992px) {
    .faqsContent .header[data-v-f37890c6] {
        min-height: 170px
    }
}

body[data-v-2473c8c6] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-2473c8c6]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-2473c8c6]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-2473c8c6]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-2473c8c6] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-2473c8c6]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-2473c8c6]::-webkit-inner-spin-button, input[data-v-2473c8c6]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-2473c8c6] {
    -moz-appearance: textfield
}

button[data-v-2473c8c6]:focus, input[data-v-2473c8c6]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-2473c8c6] {
    font-size: 8px
}

.font-10[data-v-2473c8c6] {
    font-size: .6rem !important
}

.font-12[data-v-2473c8c6] {
    font-size: 12px
}

.font-14[data-v-2473c8c6] {
    font-size: 14px
}

.font-16[data-v-2473c8c6] {
    font-size: 16px
}

.font-18[data-v-2473c8c6] {
    font-size: 18px
}

.font-20[data-v-2473c8c6] {
    font-size: 20px
}

.font-24[data-v-2473c8c6] {
    font-size: 24px
}

.font-32[data-v-2473c8c6] {
    font-size: 32px
}

.font-34[data-v-2473c8c6] {
    font-size: 34px
}

.font-40[data-v-2473c8c6] {
    font-size: 2.5rem !important
}

.font-44[data-v-2473c8c6] {
    font-size: 44px
}

.colorPrimary[data-v-2473c8c6] {
    color: #2a74f9
}

.colorPrimary1[data-v-2473c8c6] {
    color: #000 !important
}

.colorSecondary[data-v-2473c8c6] {
    color: #fff !important
}

.colorSecondary1[data-v-2473c8c6] {
    color: #414141 !important
}

.colorSecondary2[data-v-2473c8c6] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-2473c8c6] {
    color: #0d0d0d
}

.colorSecondary4[data-v-2473c8c6] {
    color: #02142b
}

.colorSecondary5[data-v-2473c8c6] {
    color: #1a1e24
}

.colorSecondary6[data-v-2473c8c6] {
    color: #fafafa
}

.colorSecondary7[data-v-2473c8c6] {
    color: #333
}

.colorSecondary8[data-v-2473c8c6] {
    color: #0e0031
}

.colorSuccess[data-v-2473c8c6] {
    color: #31baa0
}

.colorWarning[data-v-2473c8c6] {
    color: #ffcf5c
}

.colorDanger[data-v-2473c8c6] {
    color: #f46273
}

.fillPrimary[data-v-2473c8c6] {
    fill: #2a74f9
}

.fillWarning[data-v-2473c8c6] {
    fill: #ffcf5c
}

.fillDanger[data-v-2473c8c6] {
    fill: #f46273
}

.fillSecondary1[data-v-2473c8c6] {
    fill: #414141
}

.fillSecondary2[data-v-2473c8c6] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-2473c8c6] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-2473c8c6] {
    fill: #02142b
}

.fillSecondary5[data-v-2473c8c6] {
    fill: #1a1e24
}

.fillSecondary6[data-v-2473c8c6] {
    fill: #fafafa
}

.fillSecondary7[data-v-2473c8c6] {
    fill: #333
}

.fillSecondary8[data-v-2473c8c6] {
    fill: #0e0031
}

.textnote-notidesc[data-v-2473c8c6] {
    color: #fff
}

.bgColor0[data-v-2473c8c6] {
    background-color: transparent
}

.bgPrimary-hover[data-v-2473c8c6]:hover, .bgPrimary[data-v-2473c8c6] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-2473c8c6]:hover, .bgPrimary1[data-v-2473c8c6] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-2473c8c6]:hover, .bgPrimary2[data-v-2473c8c6] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-2473c8c6]:hover, .bgSecondary[data-v-2473c8c6] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-2473c8c6]:hover, .bgSecondary1[data-v-2473c8c6] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-2473c8c6]:hover, .bgSecondary2[data-v-2473c8c6] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-2473c8c6]:hover, .bgSecondary3[data-v-2473c8c6] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-2473c8c6] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-2473c8c6] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-2473c8c6]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-2473c8c6]:hover, .bgSecondary5[data-v-2473c8c6] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-2473c8c6]:hover, .bgSecondary6[data-v-2473c8c6] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-2473c8c6]:hover, .bgSecondary7[data-v-2473c8c6] {
    background-color: #333 !important
}

.bgSecondary8[data-v-2473c8c6] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-2473c8c6]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-2473c8c6] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-2473c8c6]:hover, .bgSuccess[data-v-2473c8c6] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-2473c8c6] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-2473c8c6] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-2473c8c6]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-2473c8c6] {
    fill: #31baa0
}

.w-14-px[data-v-2473c8c6] {
    width: 14px
}

.max-width-50[data-v-2473c8c6] {
    max-width: 50%
}

.h-60-px[data-v-2473c8c6] {
    height: 60px
}

.h-100-px[data-v-2473c8c6] {
    height: 100px
}

.mb-16-px[data-v-2473c8c6] {
    margin-bottom: 16px
}

.mb-30-px[data-v-2473c8c6] {
    margin-bottom: 30px
}

.borderRounded[data-v-2473c8c6] {
    border-radius: 5px
}

.borderPrimary[data-v-2473c8c6] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-2473c8c6] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-2473c8c6] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-2473c8c6] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-2473c8c6] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-2473c8c6] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-2473c8c6] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-2473c8c6] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-2473c8c6] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-2473c8c6] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-2473c8c6] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-2473c8c6] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-2473c8c6] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-2473c8c6] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-2473c8c6]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-2473c8c6] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-2473c8c6] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-2473c8c6] {
    padding: 1px
}

.px-1-px[data-v-2473c8c6] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-2473c8c6] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-2473c8c6] {
    padding-left: 1px
}

.pr-1-px[data-v-2473c8c6] {
    padding-right: 1px
}

.pt-1-px[data-v-2473c8c6] {
    padding-top: 1px
}

.pb-1-px[data-v-2473c8c6] {
    padding-bottom: 1px
}

.p-2-px[data-v-2473c8c6] {
    padding: 2px
}

.px-2-px[data-v-2473c8c6] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-2473c8c6] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-2473c8c6] {
    padding-left: 2px
}

.pr-2-px[data-v-2473c8c6] {
    padding-right: 2px
}

.pt-2-px[data-v-2473c8c6] {
    padding-top: 2px
}

.pb-2-px[data-v-2473c8c6] {
    padding-bottom: 2px
}

.p-8-px[data-v-2473c8c6] {
    padding: 8px
}

.px-8-px[data-v-2473c8c6] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-2473c8c6] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-2473c8c6] {
    padding-left: 8px
}

.pr-8-px[data-v-2473c8c6] {
    padding-right: 8px
}

.pt-8-px[data-v-2473c8c6] {
    padding-top: 8px
}

.pb-8-px[data-v-2473c8c6] {
    padding-bottom: 8px
}

.p-10-px[data-v-2473c8c6] {
    padding: 10px
}

.px-10-px[data-v-2473c8c6] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-2473c8c6] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-2473c8c6] {
    padding-left: 10px
}

.pr-10-px[data-v-2473c8c6] {
    padding-right: 10px
}

.pt-10-px[data-v-2473c8c6] {
    padding-top: 10px
}

.pb-10-px[data-v-2473c8c6] {
    padding-bottom: 10px
}

.p-12-px[data-v-2473c8c6] {
    padding: 12px
}

.px-12-px[data-v-2473c8c6] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-2473c8c6] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-2473c8c6] {
    padding-left: 12px
}

.pr-12-px[data-v-2473c8c6] {
    padding-right: 12px
}

.pt-12-px[data-v-2473c8c6] {
    padding-top: 12px
}

.pb-12-px[data-v-2473c8c6] {
    padding-bottom: 12px
}

.p-16-px[data-v-2473c8c6] {
    padding: 16px
}

.px-16-px[data-v-2473c8c6] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-2473c8c6] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-2473c8c6] {
    padding-left: 16px
}

.pr-16-px[data-v-2473c8c6] {
    padding-right: 16px
}

.pt-16-px[data-v-2473c8c6] {
    padding-top: 16px
}

.pb-16-px[data-v-2473c8c6] {
    padding-bottom: 16px
}

.p-30-px[data-v-2473c8c6] {
    padding: 30px
}

.px-30-px[data-v-2473c8c6] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-2473c8c6] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-2473c8c6] {
    padding-left: 30px
}

.pr-30-px[data-v-2473c8c6] {
    padding-right: 30px
}

.pt-30-px[data-v-2473c8c6] {
    padding-top: 30px
}

.pb-30-px[data-v-2473c8c6] {
    padding-bottom: 30px
}

.font-30[data-v-2473c8c6] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-2473c8c6] {
    font-weight: 700
}

.wbo-title[data-v-2473c8c6] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-2473c8c6] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-2473c8c6] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-2473c8c6] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-2473c8c6]:focus {
        outline: 0
    }

    .button[data-v-2473c8c6]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-2473c8c6] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-2473c8c6]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-2473c8c6] {
    padding: 11px 2.5rem
}

.button.primary[data-v-2473c8c6], .button.primary[data-v-2473c8c6]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-2473c8c6], .text-primary[data-v-2473c8c6], a .primary-hover[data-v-2473c8c6]:hover {
    color: #000 !important
}

ul[data-v-2473c8c6] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-2473c8c6], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-2473c8c6] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-2473c8c6]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-2473c8c6]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-2473c8c6], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-2473c8c6], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-2473c8c6]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-2473c8c6], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-2473c8c6], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-2473c8c6]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-2473c8c6], .faqsContent .content .navigator ul li a.active[data-v-2473c8c6]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-2473c8c6]:hover {
    color: #000
}

.ps[data-v-2473c8c6] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-2473c8c6] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-2473c8c6], .ps__rail-y[data-v-2473c8c6] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-2473c8c6] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-2473c8c6], .ps--active-y > .ps__rail-y[data-v-2473c8c6] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-2473c8c6], .ps--focus > .ps__rail-y[data-v-2473c8c6], .ps--scrolling-x > .ps__rail-x[data-v-2473c8c6], .ps--scrolling-y > .ps__rail-y[data-v-2473c8c6], .ps:hover > .ps__rail-x[data-v-2473c8c6], .ps:hover > .ps__rail-y[data-v-2473c8c6] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-2473c8c6], .ps .ps__rail-x[data-v-2473c8c6]:focus, .ps .ps__rail-x[data-v-2473c8c6]:hover, .ps .ps__rail-y.ps--clicking[data-v-2473c8c6], .ps .ps__rail-y[data-v-2473c8c6]:focus, .ps .ps__rail-y[data-v-2473c8c6]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-2473c8c6] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-2473c8c6] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-2473c8c6], .ps__rail-x:focus > .ps__thumb-x[data-v-2473c8c6], .ps__rail-x:hover > .ps__thumb-x[data-v-2473c8c6] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-2473c8c6], .ps__rail-y:focus > .ps__thumb-y[data-v-2473c8c6], .ps__rail-y:hover > .ps__thumb-y[data-v-2473c8c6] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-2473c8c6] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-2473c8c6] {
        overflow: auto !important
    }
}

.md-field[data-v-2473c8c6] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-2473c8c6] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-2473c8c6] {
    color: #2a74f9
}

.md-field .md-error[data-v-2473c8c6] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-2473c8c6] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-2473c8c6], .md-field.md-has-value label[data-v-2473c8c6] {
    top: -10px
}

.form-control[data-v-2473c8c6], .md-field .md-input[data-v-2473c8c6], .md-field .md-textarea[data-v-2473c8c6], .winput[data-v-2473c8c6] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-2473c8c6] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-2473c8c6] {
    fill: #0d0d0d
}

.round[data-v-2473c8c6] {
    border-radius: 5px
}

.off[data-v-2473c8c6] {
    position: relative;
    cursor: default
}

.off > [data-v-2473c8c6] {
    opacity: .5
}

.off[data-v-2473c8c6]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-2473c8c6] {
    cursor: pointer
}

.close-page[data-v-2473c8c6] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-2473c8c6] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-2473c8c6], .slide-fade-leave-active[data-v-2473c8c6] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-2473c8c6], .slide-fade-leave-to[data-v-2473c8c6] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-2473c8c6 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-2473c8c6 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-2473c8c6] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-2473c8c6] {
    color: #ffcf5c
}

.button[data-v-2473c8c6] {
    font-weight: 700
}

.modal .modal-dialog[data-v-2473c8c6] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-2473c8c6] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-2473c8c6] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-2473c8c6], .modal .modal-dialog .modal-header[data-v-2473c8c6] {
    border: none
}

#chartCommisst .highcharts-title[data-v-2473c8c6] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-2473c8c6] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-2473c8c6] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-2473c8c6], .modal .modal-dialog form[data-v-2473c8c6] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-2473c8c6] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-2473c8c6], .FaqsDetail[data-v-2473c8c6] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-2473c8c6], .FaqsDetail[data-v-2473c8c6] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-2473c8c6], .FaqsDetail .headerMaster .boxHeader[data-v-2473c8c6] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-2473c8c6], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-2473c8c6] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-2473c8c6], .Faqs main[data-v-2473c8c6] {
    background-color: unset
}

.titleChartCandle[data-v-2473c8c6] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-2473c8c6] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-2473c8c6] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-2473c8c6] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-2473c8c6], .plotlineChart .time[data-v-2473c8c6] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-2473c8c6] {
    top: 51px
}

.boxHeader[data-v-2473c8c6] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-2473c8c6], .boxHeader .register[data-v-2473c8c6] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-2473c8c6] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-2473c8c6] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-2473c8c6] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-2473c8c6] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-2473c8c6]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-2473c8c6] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-2473c8c6]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-2473c8c6] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-2473c8c6]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-2473c8c6] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-2473c8c6] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-2473c8c6] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-2473c8c6] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-2473c8c6] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-2473c8c6] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-2473c8c6] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-2473c8c6] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-2473c8c6] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-2473c8c6] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-2473c8c6] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-2473c8c6] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-2473c8c6] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-2473c8c6] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-2473c8c6] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-2473c8c6] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-2473c8c6] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-2473c8c6] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-2473c8c6] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-2473c8c6] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-2473c8c6] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-2473c8c6] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-2473c8c6] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-2473c8c6] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-2473c8c6] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-2473c8c6] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-2473c8c6] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-2473c8c6] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-2473c8c6] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-2473c8c6] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-2473c8c6] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-2473c8c6] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-2473c8c6] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-2473c8c6] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-2473c8c6] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-2473c8c6] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-2473c8c6] {
        height: 56px !important
    }
}

input.form-control[data-v-2473c8c6], input[data-v-2473c8c6], select.form-control[data-v-2473c8c6], select[data-v-2473c8c6] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-2473c8c6] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-2473c8c6] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-2473c8c6] {
    line-height: 100%
}

.button.btn-long[data-v-2473c8c6] {
    padding: 10px 40px
}

.button.btn-radius[data-v-2473c8c6] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-2473c8c6] {
    border-radius: 20px
}

.button.btn-full[data-v-2473c8c6] {
    width: 100%
}

.button.btn-80[data-v-2473c8c6] {
    width: 80%
}

.button.hasIcon[data-v-2473c8c6] {
    padding-left: 50px
}

.button a[data-v-2473c8c6] {
    display: block
}

.button .labelIcon[data-v-2473c8c6] {
    position: absolute
}

.button .labelIcon svg[data-v-2473c8c6] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-2473c8c6] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-2473c8c6]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-2473c8c6] {
    outline: none
}

.keyboard-input-wrap[data-v-2473c8c6] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-2473c8c6] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-2473c8c6] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-2473c8c6] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-2473c8c6] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-2473c8c6] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-2473c8c6] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-2473c8c6] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-2473c8c6] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-2473c8c6] {
    font-size: 1.2em
}

.color-white[data-v-2473c8c6] {
    color: #fff
}

.color-white-50[data-v-2473c8c6] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-2473c8c6] {
    display: none
}

.ld-loading .loading[data-v-2473c8c6], .main-loading .loading[data-v-2473c8c6] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-2473c8c6] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-2473c8c6]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-2473c8c6]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-2473c8c6] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-2473c8c6] {
    -webkit-animation: rotate-data-v-2473c8c6 1s linear infinite;
    animation: rotate-data-v-2473c8c6 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-2473c8c6] {
    stroke: transparent
}

.wrapNotify[data-v-2473c8c6] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-2473c8c6] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-2473c8c6] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-2473c8c6] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-2473c8c6] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-2473c8c6] {
    display: block
}

.wrapNotify .close-notify[data-v-2473c8c6] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-2473c8c6] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-2473c8c6] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-2473c8c6] {
    background-color: transparent
}

.colorWhite[data-v-2473c8c6] {
    color: #fff
}

.colorRed[data-v-2473c8c6] {
    color: #f46273
}

.colorGreen[data-v-2473c8c6] {
    color: #31baa0
}

.colorGray[data-v-2473c8c6] {
    color: #7c7c7c
}

.tableBackground[data-v-2473c8c6] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-2473c8c6] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-2473c8c6], .tableBackground .table-dark th[data-v-2473c8c6] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-2473c8c6]:after, .tableBackground .table-dark th[data-v-2473c8c6]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-2473c8c6] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-2473c8c6], .tableBackground .table-dark th[data-v-2473c8c6] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-2473c8c6]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-2473c8c6]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-2473c8c6] {
    background-color: #060642
}

.tableBackground #paging li[data-v-2473c8c6] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-2473c8c6] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-2473c8c6] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-2473c8c6], .customeTradeHistory[data-v-2473c8c6] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-2473c8c6], .customeTradeHistory .reportrange-text[data-v-2473c8c6] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-2473c8c6], .customeTradeHistory .reportrange-text .seperate[data-v-2473c8c6] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-2473c8c6], .customeTradeHistory .reportrange-text span[data-v-2473c8c6] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-2473c8c6] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-2473c8c6] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-2473c8c6] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-2473c8c6]:after, .startDate .daterangepicker.openscenter[data-v-2473c8c6]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-2473c8c6] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-2473c8c6] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-2473c8c6] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-2473c8c6] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-2473c8c6] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-2473c8c6] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-2473c8c6] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-2473c8c6] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-2473c8c6] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-2473c8c6] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-2473c8c6] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-2473c8c6] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-2473c8c6] {
    text-align: center
}

.border-none[data-v-2473c8c6] {
    border: none
}

.text-domain[data-v-2473c8c6]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-2473c8c6] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-2473c8c6] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-2473c8c6] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-2473c8c6] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-2473c8c6] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-2473c8c6] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-2473c8c6] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-2473c8c6] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-2473c8c6] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-2473c8c6] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-2473c8c6] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-2473c8c6] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-2473c8c6] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-2473c8c6] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-2473c8c6] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-2473c8c6] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-2473c8c6] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-2473c8c6] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-2473c8c6] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-2473c8c6] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-2473c8c6] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-2473c8c6] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-2473c8c6] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-2473c8c6] {
    fill: #000
}

.btn-active-paging[data-v-2473c8c6] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-2473c8c6] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-2473c8c6] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-2473c8c6] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-2473c8c6], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-2473c8c6] {
    background: #8b8d96 !important
}

.transactionBox[data-v-2473c8c6] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-2473c8c6] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-2473c8c6] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-2473c8c6] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-2473c8c6] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-2473c8c6] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-2473c8c6] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-2473c8c6] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-2473c8c6] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-2473c8c6] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-2473c8c6] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-2473c8c6] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-2473c8c6] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-2473c8c6] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-2473c8c6] {
    color: #2a74f9 !important
}

.faqsContent[data-v-2473c8c6] {
    min-height: calc(100vh - 65px)
}

.faqsContent > .container[data-v-2473c8c6] {
    max-width: 100%
}

.faqsContent .header[data-v-2473c8c6] {
    min-height: 486px;
    position: relative
}

.faqsContent .header .container[data-v-2473c8c6] {
    max-width: 600px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.faqsContent .header form[data-v-2473c8c6] {
    background-color: #fff;
    border-radius: 4px;
    position: relative
}

.faqsContent .header .btn-search[data-v-2473c8c6] {
    display: inline-block;
    width: 53px;
    height: 53px;
    border: 0;
    vertical-align: middle
}

.faqsContent .header .form-search[data-v-2473c8c6] {
    height: 53px;
    line-height: 53px;
    font-size: 16px;
    color: #414141;
    border: 0;
    width: calc(100% - 60px);
    vertical-align: middle;
    display: inline-block
}

.faqsContent .content[data-v-2473c8c6] {
    background-color: #fff;
    padding: 30px
}

@media screen and (max-width:767.98px) {
    .faqsContent .content[data-v-2473c8c6] {
        padding: 20px;
        min-height: unset
    }
}

@media screen and (max-width:767.98px) {
    .faqsContent .content .contentFAQs[data-v-2473c8c6] {
        width: 100%;
        overflow: hidden
    }
}

.faqsContent .content .contentFAQs .blockRow[data-v-2473c8c6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.faqsContent .content .contentFAQs .blockRow.mobile[data-v-2473c8c6], .faqsContent .content .contentFAQs .blockRow.tablet[data-v-2473c8c6] {
    display: block;
    width: 100%
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-2473c8c6], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-2473c8c6] {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-2473c8c6], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-2473c8c6] {
    color: #fff;
    background-color: #2a74f9;
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-menu[data-v-2473c8c6], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-menu[data-v-2473c8c6] {
    -webkit-transform: translate3d(0,40px,0) !important;
    transform: translate3d(0,40px,0) !important;
    padding: 0;
    width: 100%
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-2473c8c6], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-2473c8c6] {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.faqsContent .content .contentFAQs .blockRow.mobile .content[data-v-2473c8c6], .faqsContent .content .contentFAQs .blockRow.tablet .content[data-v-2473c8c6] {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    width: 100%;
    max-width: 100%;
    padding: 0
}

.faqsContent .content .contentFAQs .blockRow .navigator[data-v-2473c8c6] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 310px;
    flex: 0 0 310px;
    max-width: 310px
}

.faqsContent .content .contentFAQs .blockRow .content[data-v-2473c8c6] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0;
    padding-left: 10px;
    padding-right: 40px
}

.faqsContent .content .navigator h4[data-v-2473c8c6] {
    font-size: 24px;
    position: relative;
    text-indent: 10px
}

    .faqsContent .content .navigator h4[data-v-2473c8c6]:before {
        content: "";
        display: block;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        width: 3px;
        height: 100%;
        border-radius: 10px;
        background-color: #2a74f9
    }

.faqsContent .content .navigator ul li[data-v-2473c8c6] {
    margin-bottom: 5px
}

.faqsContent .content .navigator ul li a[data-v-2473c8c6] {
    text-decoration: none;
    line-height: 45px;
    display: block;
    border-radius: 8px;
    color: #0e0031;
    text-indent: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid transparent;
    width: calc(100% - 20px)
}

    .faqsContent .content .navigator ul li a[data-v-2473c8c6]:hover {
        border: 1px solid #2a74f9;
        color: #2a74f9
    }

.faqsContent .footer .flogo[data-v-2473c8c6] {
    position: relative;
    padding-top: 20px
}

    .faqsContent .footer .flogo[data-v-2473c8c6]:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        display: block;
        overflow: hidden;
        width: 320px;
        height: 1px;
        background-color: hsla(0,0%,43.9%,.21176470588235294)
    }

.faqsContent .footer .flogo > [data-v-2473c8c6] {
    vertical-align: middle
}

.faqsContent .footer .flogo img[data-v-2473c8c6] {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: .5
}

.faqsContent .footer .flogo span[data-v-2473c8c6] {
    font-size: 25px;
    font-weight: 700;
    color: rgba(0,0,0,.19)
}

.faqsContent .footer p[data-v-2473c8c6] {
    color: rgba(0,0,0,.19)
}

.faqsContent path#Path_29622[data-v-2473c8c6] {
    fill: #2a74f9
}

.faqsContent #dropdownMenuButton[data-v-2473c8c6] {
    padding-right: 30px
}

    .faqsContent #dropdownMenuButton[data-v-2473c8c6]:after {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 15px
    }

@media screen and (max-width:1700px) {
    .faqsContent .header[data-v-2473c8c6] {
        min-height: 340px
    }
}

@media screen and (max-width:1200px) {
    .faqsContent .header[data-v-2473c8c6] {
        min-height: 230px
    }
}

@media screen and (max-width:992px) {
    .faqsContent .header[data-v-2473c8c6] {
        min-height: 170px
    }
}

body[data-v-a30c08c2] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-a30c08c2]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-a30c08c2]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-a30c08c2]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-a30c08c2] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-a30c08c2]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-a30c08c2]::-webkit-inner-spin-button, input[data-v-a30c08c2]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-a30c08c2] {
    -moz-appearance: textfield
}

button[data-v-a30c08c2]:focus, input[data-v-a30c08c2]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-a30c08c2] {
    font-size: 8px
}

.font-10[data-v-a30c08c2] {
    font-size: .6rem !important
}

.font-12[data-v-a30c08c2] {
    font-size: 12px
}

.font-14[data-v-a30c08c2] {
    font-size: 14px
}

.font-16[data-v-a30c08c2] {
    font-size: 16px
}

.font-18[data-v-a30c08c2] {
    font-size: 18px
}

.font-20[data-v-a30c08c2] {
    font-size: 20px
}

.font-24[data-v-a30c08c2] {
    font-size: 24px
}

.font-32[data-v-a30c08c2] {
    font-size: 32px
}

.font-34[data-v-a30c08c2] {
    font-size: 34px
}

.font-40[data-v-a30c08c2] {
    font-size: 2.5rem !important
}

.font-44[data-v-a30c08c2] {
    font-size: 44px
}

.colorPrimary[data-v-a30c08c2] {
    color: #2a74f9
}

.colorPrimary1[data-v-a30c08c2] {
    color: #000 !important
}

.colorSecondary[data-v-a30c08c2] {
    color: #fff !important
}

.colorSecondary1[data-v-a30c08c2] {
    color: #414141 !important
}

.colorSecondary2[data-v-a30c08c2] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-a30c08c2] {
    color: #0d0d0d
}

.colorSecondary4[data-v-a30c08c2] {
    color: #02142b
}

.colorSecondary5[data-v-a30c08c2] {
    color: #1a1e24
}

.colorSecondary6[data-v-a30c08c2] {
    color: #fafafa
}

.colorSecondary7[data-v-a30c08c2] {
    color: #333
}

.colorSecondary8[data-v-a30c08c2] {
    color: #0e0031
}

.colorSuccess[data-v-a30c08c2] {
    color: #31baa0
}

.colorWarning[data-v-a30c08c2] {
    color: #ffcf5c
}

.colorDanger[data-v-a30c08c2] {
    color: #f46273
}

.fillPrimary[data-v-a30c08c2] {
    fill: #2a74f9
}

.fillWarning[data-v-a30c08c2] {
    fill: #ffcf5c
}

.fillDanger[data-v-a30c08c2] {
    fill: #f46273
}

.fillSecondary1[data-v-a30c08c2] {
    fill: #414141
}

.fillSecondary2[data-v-a30c08c2] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-a30c08c2] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-a30c08c2] {
    fill: #02142b
}

.fillSecondary5[data-v-a30c08c2] {
    fill: #1a1e24
}

.fillSecondary6[data-v-a30c08c2] {
    fill: #fafafa
}

.fillSecondary7[data-v-a30c08c2] {
    fill: #333
}

.fillSecondary8[data-v-a30c08c2] {
    fill: #0e0031
}

.textnote-notidesc[data-v-a30c08c2] {
    color: #fff
}

.bgColor0[data-v-a30c08c2] {
    background-color: transparent
}

.bgPrimary-hover[data-v-a30c08c2]:hover, .bgPrimary[data-v-a30c08c2] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-a30c08c2]:hover, .bgPrimary1[data-v-a30c08c2] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-a30c08c2]:hover, .bgPrimary2[data-v-a30c08c2] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-a30c08c2]:hover, .bgSecondary[data-v-a30c08c2] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-a30c08c2]:hover, .bgSecondary1[data-v-a30c08c2] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-a30c08c2]:hover, .bgSecondary2[data-v-a30c08c2] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-a30c08c2]:hover, .bgSecondary3[data-v-a30c08c2] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-a30c08c2] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-a30c08c2] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-a30c08c2]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-a30c08c2]:hover, .bgSecondary5[data-v-a30c08c2] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-a30c08c2]:hover, .bgSecondary6[data-v-a30c08c2] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-a30c08c2]:hover, .bgSecondary7[data-v-a30c08c2] {
    background-color: #333 !important
}

.bgSecondary8[data-v-a30c08c2] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-a30c08c2]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-a30c08c2] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-a30c08c2]:hover, .bgSuccess[data-v-a30c08c2] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-a30c08c2] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-a30c08c2] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-a30c08c2]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-a30c08c2] {
    fill: #31baa0
}

.w-14-px[data-v-a30c08c2] {
    width: 14px
}

.max-width-50[data-v-a30c08c2] {
    max-width: 50%
}

.h-60-px[data-v-a30c08c2] {
    height: 60px
}

.h-100-px[data-v-a30c08c2] {
    height: 100px
}

.mb-16-px[data-v-a30c08c2] {
    margin-bottom: 16px
}

.mb-30-px[data-v-a30c08c2] {
    margin-bottom: 30px
}

.borderRounded[data-v-a30c08c2] {
    border-radius: 5px
}

.borderPrimary[data-v-a30c08c2] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-a30c08c2] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-a30c08c2] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-a30c08c2] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-a30c08c2] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-a30c08c2] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-a30c08c2] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-a30c08c2] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-a30c08c2] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-a30c08c2] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-a30c08c2] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-a30c08c2] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-a30c08c2] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-a30c08c2] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-a30c08c2]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-a30c08c2] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-a30c08c2] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-a30c08c2] {
    padding: 1px
}

.px-1-px[data-v-a30c08c2] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-a30c08c2] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-a30c08c2] {
    padding-left: 1px
}

.pr-1-px[data-v-a30c08c2] {
    padding-right: 1px
}

.pt-1-px[data-v-a30c08c2] {
    padding-top: 1px
}

.pb-1-px[data-v-a30c08c2] {
    padding-bottom: 1px
}

.p-2-px[data-v-a30c08c2] {
    padding: 2px
}

.px-2-px[data-v-a30c08c2] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-a30c08c2] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-a30c08c2] {
    padding-left: 2px
}

.pr-2-px[data-v-a30c08c2] {
    padding-right: 2px
}

.pt-2-px[data-v-a30c08c2] {
    padding-top: 2px
}

.pb-2-px[data-v-a30c08c2] {
    padding-bottom: 2px
}

.p-8-px[data-v-a30c08c2] {
    padding: 8px
}

.px-8-px[data-v-a30c08c2] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-a30c08c2] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-a30c08c2] {
    padding-left: 8px
}

.pr-8-px[data-v-a30c08c2] {
    padding-right: 8px
}

.pt-8-px[data-v-a30c08c2] {
    padding-top: 8px
}

.pb-8-px[data-v-a30c08c2] {
    padding-bottom: 8px
}

.p-10-px[data-v-a30c08c2] {
    padding: 10px
}

.px-10-px[data-v-a30c08c2] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-a30c08c2] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-a30c08c2] {
    padding-left: 10px
}

.pr-10-px[data-v-a30c08c2] {
    padding-right: 10px
}

.pt-10-px[data-v-a30c08c2] {
    padding-top: 10px
}

.pb-10-px[data-v-a30c08c2] {
    padding-bottom: 10px
}

.p-12-px[data-v-a30c08c2] {
    padding: 12px
}

.px-12-px[data-v-a30c08c2] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-a30c08c2] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-a30c08c2] {
    padding-left: 12px
}

.pr-12-px[data-v-a30c08c2] {
    padding-right: 12px
}

.pt-12-px[data-v-a30c08c2] {
    padding-top: 12px
}

.pb-12-px[data-v-a30c08c2] {
    padding-bottom: 12px
}

.p-16-px[data-v-a30c08c2] {
    padding: 16px
}

.px-16-px[data-v-a30c08c2] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-a30c08c2] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-a30c08c2] {
    padding-left: 16px
}

.pr-16-px[data-v-a30c08c2] {
    padding-right: 16px
}

.pt-16-px[data-v-a30c08c2] {
    padding-top: 16px
}

.pb-16-px[data-v-a30c08c2] {
    padding-bottom: 16px
}

.p-30-px[data-v-a30c08c2] {
    padding: 30px
}

.px-30-px[data-v-a30c08c2] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-a30c08c2] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-a30c08c2] {
    padding-left: 30px
}

.pr-30-px[data-v-a30c08c2] {
    padding-right: 30px
}

.pt-30-px[data-v-a30c08c2] {
    padding-top: 30px
}

.pb-30-px[data-v-a30c08c2] {
    padding-bottom: 30px
}

.font-30[data-v-a30c08c2] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-a30c08c2] {
    font-weight: 700
}

.wbo-title[data-v-a30c08c2] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-a30c08c2] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-a30c08c2] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-a30c08c2] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-a30c08c2]:focus {
        outline: 0
    }

    .button[data-v-a30c08c2]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-a30c08c2] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-a30c08c2]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-a30c08c2] {
    padding: 11px 2.5rem
}

.button.primary[data-v-a30c08c2], .button.primary[data-v-a30c08c2]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #fff !important
}

.button.primary span[data-v-a30c08c2], .text-primary[data-v-a30c08c2], a .primary-hover[data-v-a30c08c2]:hover {
    color: #fff !important
}

ul[data-v-a30c08c2] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-a30c08c2], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-a30c08c2] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-a30c08c2]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-a30c08c2]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-a30c08c2], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-a30c08c2], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-a30c08c2]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-a30c08c2], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-a30c08c2], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-a30c08c2]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-a30c08c2], .faqsContent .content .navigator ul li a.active[data-v-a30c08c2]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-a30c08c2]:hover {
    color: #000
}

.ps[data-v-a30c08c2] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-a30c08c2] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-a30c08c2], .ps__rail-y[data-v-a30c08c2] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-a30c08c2] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-a30c08c2], .ps--active-y > .ps__rail-y[data-v-a30c08c2] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-a30c08c2], .ps--focus > .ps__rail-y[data-v-a30c08c2], .ps--scrolling-x > .ps__rail-x[data-v-a30c08c2], .ps--scrolling-y > .ps__rail-y[data-v-a30c08c2], .ps:hover > .ps__rail-x[data-v-a30c08c2], .ps:hover > .ps__rail-y[data-v-a30c08c2] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-a30c08c2], .ps .ps__rail-x[data-v-a30c08c2]:focus, .ps .ps__rail-x[data-v-a30c08c2]:hover, .ps .ps__rail-y.ps--clicking[data-v-a30c08c2], .ps .ps__rail-y[data-v-a30c08c2]:focus, .ps .ps__rail-y[data-v-a30c08c2]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-a30c08c2] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-a30c08c2] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-a30c08c2], .ps__rail-x:focus > .ps__thumb-x[data-v-a30c08c2], .ps__rail-x:hover > .ps__thumb-x[data-v-a30c08c2] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-a30c08c2], .ps__rail-y:focus > .ps__thumb-y[data-v-a30c08c2], .ps__rail-y:hover > .ps__thumb-y[data-v-a30c08c2] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-a30c08c2] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-a30c08c2] {
        overflow: auto !important
    }
}

.md-field[data-v-a30c08c2] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-a30c08c2] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-a30c08c2] {
    color: #2a74f9
}

.md-field .md-error[data-v-a30c08c2] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-a30c08c2] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-a30c08c2], .md-field.md-has-value label[data-v-a30c08c2] {
    top: -10px
}

.form-control[data-v-a30c08c2], .md-field .md-input[data-v-a30c08c2], .md-field .md-textarea[data-v-a30c08c2], .winput[data-v-a30c08c2] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-a30c08c2] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-a30c08c2] {
    fill: #0d0d0d
}

.round[data-v-a30c08c2] {
    border-radius: 5px
}

.off[data-v-a30c08c2] {
    position: relative;
    cursor: default
}

.off > [data-v-a30c08c2] {
    opacity: .5
}

.off[data-v-a30c08c2]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-a30c08c2] {
    cursor: pointer
}

.close-page[data-v-a30c08c2] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-a30c08c2] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-a30c08c2], .slide-fade-leave-active[data-v-a30c08c2] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-a30c08c2], .slide-fade-leave-to[data-v-a30c08c2] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-a30c08c2 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-a30c08c2 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-a30c08c2] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-a30c08c2] {
    color: #ffcf5c
}

.button[data-v-a30c08c2] {
    font-weight: 700
}

.modal .modal-dialog[data-v-a30c08c2] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-a30c08c2] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-a30c08c2] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-a30c08c2], .modal .modal-dialog .modal-header[data-v-a30c08c2] {
    border: none
}

#chartCommisst .highcharts-title[data-v-a30c08c2] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-a30c08c2] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-a30c08c2] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-a30c08c2], .modal .modal-dialog form[data-v-a30c08c2] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-a30c08c2] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-a30c08c2], .FaqsDetail[data-v-a30c08c2] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-a30c08c2], .FaqsDetail[data-v-a30c08c2] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-a30c08c2], .FaqsDetail .headerMaster .boxHeader[data-v-a30c08c2] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-a30c08c2], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-a30c08c2] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-a30c08c2], .Faqs main[data-v-a30c08c2] {
    background-color: unset
}

.titleChartCandle[data-v-a30c08c2] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-a30c08c2] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-a30c08c2] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-a30c08c2] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-a30c08c2], .plotlineChart .time[data-v-a30c08c2] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-a30c08c2] {
    top: 51px
}

.boxHeader[data-v-a30c08c2] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-a30c08c2], .boxHeader .register[data-v-a30c08c2] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-a30c08c2] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-a30c08c2] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-a30c08c2] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-a30c08c2] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-a30c08c2]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-a30c08c2] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-a30c08c2]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-a30c08c2] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-a30c08c2]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-a30c08c2] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-a30c08c2] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-a30c08c2] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-a30c08c2] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-a30c08c2] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-a30c08c2] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-a30c08c2] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-a30c08c2] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-a30c08c2] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-a30c08c2] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-a30c08c2] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-a30c08c2] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-a30c08c2] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-a30c08c2] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-a30c08c2] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-a30c08c2] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-a30c08c2] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-a30c08c2] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-a30c08c2] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-a30c08c2] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-a30c08c2] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-a30c08c2] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-a30c08c2] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-a30c08c2] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-a30c08c2] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-a30c08c2] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-a30c08c2] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-a30c08c2] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-a30c08c2] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-a30c08c2] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-a30c08c2] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-a30c08c2] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-a30c08c2] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-a30c08c2] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-a30c08c2] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-a30c08c2] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-a30c08c2] {
        height: 56px !important
    }
}

input.form-control[data-v-a30c08c2], input[data-v-a30c08c2], select.form-control[data-v-a30c08c2], select[data-v-a30c08c2] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-a30c08c2] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-a30c08c2] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-a30c08c2] {
    line-height: 100%
}

.button.btn-long[data-v-a30c08c2] {
    padding: 10px 40px
}

.button.btn-radius[data-v-a30c08c2] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-a30c08c2] {
    border-radius: 20px
}

.button.btn-full[data-v-a30c08c2] {
    width: 100%
}

.button.btn-80[data-v-a30c08c2] {
    width: 80%
}

.button.hasIcon[data-v-a30c08c2] {
    padding-left: 50px
}

.button a[data-v-a30c08c2] {
    display: block
}

.button .labelIcon[data-v-a30c08c2] {
    position: absolute
}

.button .labelIcon svg[data-v-a30c08c2] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-a30c08c2] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-a30c08c2]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-a30c08c2] {
    outline: none
}

.keyboard-input-wrap[data-v-a30c08c2] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-a30c08c2] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-a30c08c2] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-a30c08c2] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-a30c08c2] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-a30c08c2] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-a30c08c2] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-a30c08c2] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-a30c08c2] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-a30c08c2] {
    font-size: 1.2em
}

.color-white[data-v-a30c08c2] {
    color: #fff
}

.color-white-50[data-v-a30c08c2] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-a30c08c2] {
    display: none
}

.ld-loading .loading[data-v-a30c08c2], .main-loading .loading[data-v-a30c08c2] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-a30c08c2] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-a30c08c2]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-a30c08c2]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-a30c08c2] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-a30c08c2] {
    -webkit-animation: rotate-data-v-a30c08c2 1s linear infinite;
    animation: rotate-data-v-a30c08c2 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-a30c08c2] {
    stroke: transparent
}

.wrapNotify[data-v-a30c08c2] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-a30c08c2] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-a30c08c2] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-a30c08c2] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-a30c08c2] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-a30c08c2] {
    display: block
}

.wrapNotify .close-notify[data-v-a30c08c2] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-a30c08c2] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-a30c08c2] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-a30c08c2] {
    background-color: transparent
}

.colorWhite[data-v-a30c08c2] {
    color: #fff
}

.colorRed[data-v-a30c08c2] {
    color: #f46273
}

.colorGreen[data-v-a30c08c2] {
    color: #31baa0
}

.colorGray[data-v-a30c08c2] {
    color: #7c7c7c
}

.tableBackground[data-v-a30c08c2] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-a30c08c2] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-a30c08c2], .tableBackground .table-dark th[data-v-a30c08c2] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-a30c08c2]:after, .tableBackground .table-dark th[data-v-a30c08c2]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-a30c08c2] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-a30c08c2], .tableBackground .table-dark th[data-v-a30c08c2] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-a30c08c2]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-a30c08c2]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-a30c08c2] {
    background-color: #060642
}

.tableBackground #paging li[data-v-a30c08c2] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-a30c08c2] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-a30c08c2] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-a30c08c2], .customeTradeHistory[data-v-a30c08c2] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-a30c08c2], .customeTradeHistory .reportrange-text[data-v-a30c08c2] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-a30c08c2], .customeTradeHistory .reportrange-text .seperate[data-v-a30c08c2] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-a30c08c2], .customeTradeHistory .reportrange-text span[data-v-a30c08c2] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-a30c08c2] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-a30c08c2] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-a30c08c2] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-a30c08c2]:after, .startDate .daterangepicker.openscenter[data-v-a30c08c2]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-a30c08c2] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-a30c08c2] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-a30c08c2] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-a30c08c2] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-a30c08c2] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-a30c08c2] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-a30c08c2] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-a30c08c2] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-a30c08c2] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-a30c08c2] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-a30c08c2] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-a30c08c2] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-a30c08c2] {
    text-align: center
}

.border-none[data-v-a30c08c2] {
    border: none
}

.text-domain[data-v-a30c08c2]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-a30c08c2] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-a30c08c2] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-a30c08c2] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-a30c08c2] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-a30c08c2] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-a30c08c2] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-a30c08c2] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-a30c08c2] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-a30c08c2] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-a30c08c2] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-a30c08c2] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-a30c08c2] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-a30c08c2] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-a30c08c2] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-a30c08c2] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-a30c08c2] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-a30c08c2] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-a30c08c2] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-a30c08c2] {
    fill: #fff
}

#leftSidebar .nav-link.button .fill-color[data-v-a30c08c2] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-a30c08c2] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-a30c08c2] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-a30c08c2] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-a30c08c2] {
    fill: #000
}

.btn-active-paging[data-v-a30c08c2] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-a30c08c2] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-a30c08c2] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-a30c08c2] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-a30c08c2], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-a30c08c2] {
    background: #8b8d96 !important
}

.transactionBox[data-v-a30c08c2] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-a30c08c2] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-a30c08c2] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-a30c08c2] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-a30c08c2] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-a30c08c2] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-a30c08c2] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-a30c08c2] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-a30c08c2] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-a30c08c2] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-a30c08c2] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-a30c08c2] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-a30c08c2] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-a30c08c2] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-a30c08c2] {
    color: #2a74f9 !important
}

.iconSubmit[data-v-a30c08c2] {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 5px
}

.wallet-account[data-v-a30c08c2] {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 10px
}

    .wallet-account[data-v-a30c08c2]:after {
        display: block;
        content: "";
        width: 100%;
        padding-top: 32.99595%
    }

.wallet-account--live[data-v-a30c08c2] {
    background-image: url(../img/livebanner.bc9b94b0.png)
}

.wallet-account--demo[data-v-a30c08c2] {
    background-image: url(../img/winbanner.0ab8f9f4.png)
}

.wallet-account-content[data-v-a30c08c2] {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.wallet-account-title[data-v-a30c08c2] {
    color: hsla(0,0%,100%,.5);
    line-height: 1
}

.wallet-account-price[data-v-a30c08c2] {
    line-height: 1
}

.wallet-account-btn[data-v-a30c08c2] {
    width: 75%
}

@media (max-width:768px) {
    .wallet-account[data-v-a30c08c2]:after {
        display: block;
        content: "";
        width: 100%;
        padding-top: 55%
    }
}

@media (max-width:575px) {
    .wallet-account .wallet-account-price[data-v-a30c08c2] {
        font-size: 30px
    }
}

body[data-v-9fc300b0] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-9fc300b0]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-9fc300b0]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-9fc300b0]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-9fc300b0] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-9fc300b0]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-9fc300b0]::-webkit-inner-spin-button, input[data-v-9fc300b0]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-9fc300b0] {
    -moz-appearance: textfield
}

button[data-v-9fc300b0]:focus, input[data-v-9fc300b0]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-9fc300b0] {
    font-size: 8px
}

.font-10[data-v-9fc300b0] {
    font-size: .6rem !important
}

.font-12[data-v-9fc300b0] {
    font-size: 12px
}

.font-14[data-v-9fc300b0] {
    font-size: 14px
}

.font-16[data-v-9fc300b0] {
    font-size: 16px
}

.font-18[data-v-9fc300b0] {
    font-size: 18px
}

.font-20[data-v-9fc300b0] {
    font-size: 20px
}

.font-24[data-v-9fc300b0] {
    font-size: 24px
}

.font-32[data-v-9fc300b0] {
    font-size: 32px
}

.font-34[data-v-9fc300b0] {
    font-size: 34px
}

.font-40[data-v-9fc300b0] {
    font-size: 2.5rem !important
}

.font-44[data-v-9fc300b0] {
    font-size: 44px
}

.colorPrimary[data-v-9fc300b0] {
    color: #2a74f9
}

.colorPrimary1[data-v-9fc300b0] {
    color: #000 !important
}

.colorSecondary[data-v-9fc300b0] {
    color: #fff !important
}

.colorSecondary1[data-v-9fc300b0] {
    color: #414141 !important
}

.colorSecondary2[data-v-9fc300b0] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-9fc300b0] {
    color: #0d0d0d
}

.colorSecondary4[data-v-9fc300b0] {
    color: #02142b
}

.colorSecondary5[data-v-9fc300b0] {
    color: #1a1e24
}

.colorSecondary6[data-v-9fc300b0] {
    color: #fafafa
}

.colorSecondary7[data-v-9fc300b0] {
    color: #333
}

.colorSecondary8[data-v-9fc300b0] {
    color: #0e0031
}

.colorSuccess[data-v-9fc300b0] {
    color: #31baa0
}

.colorWarning[data-v-9fc300b0] {
    color: #ffcf5c
}

.colorDanger[data-v-9fc300b0] {
    color: #f46273
}

.fillPrimary[data-v-9fc300b0] {
    fill: #2a74f9
}

.fillWarning[data-v-9fc300b0] {
    fill: #ffcf5c
}

.fillDanger[data-v-9fc300b0] {
    fill: #f46273
}

.fillSecondary1[data-v-9fc300b0] {
    fill: #414141
}

.fillSecondary2[data-v-9fc300b0] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-9fc300b0] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-9fc300b0] {
    fill: #02142b
}

.fillSecondary5[data-v-9fc300b0] {
    fill: #1a1e24
}

.fillSecondary6[data-v-9fc300b0] {
    fill: #fafafa
}

.fillSecondary7[data-v-9fc300b0] {
    fill: #333
}

.fillSecondary8[data-v-9fc300b0] {
    fill: #0e0031
}

.textnote-notidesc[data-v-9fc300b0] {
    color: #fff
}

.bgColor0[data-v-9fc300b0] {
    background-color: transparent
}

.bgPrimary-hover[data-v-9fc300b0]:hover, .bgPrimary[data-v-9fc300b0] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-9fc300b0]:hover, .bgPrimary1[data-v-9fc300b0] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-9fc300b0]:hover, .bgPrimary2[data-v-9fc300b0] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-9fc300b0]:hover, .bgSecondary[data-v-9fc300b0] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-9fc300b0]:hover, .bgSecondary1[data-v-9fc300b0] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-9fc300b0]:hover, .bgSecondary2[data-v-9fc300b0] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-9fc300b0]:hover, .bgSecondary3[data-v-9fc300b0] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-9fc300b0] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-9fc300b0] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-9fc300b0]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-9fc300b0]:hover, .bgSecondary5[data-v-9fc300b0] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-9fc300b0]:hover, .bgSecondary6[data-v-9fc300b0] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-9fc300b0]:hover, .bgSecondary7[data-v-9fc300b0] {
    background-color: #333 !important
}

.bgSecondary8[data-v-9fc300b0] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-9fc300b0]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-9fc300b0] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-9fc300b0]:hover, .bgSuccess[data-v-9fc300b0] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-9fc300b0] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-9fc300b0] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-9fc300b0]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-9fc300b0] {
    fill: #31baa0
}

.w-14-px[data-v-9fc300b0] {
    width: 14px
}

.max-width-50[data-v-9fc300b0] {
    max-width: 50%
}

.h-60-px[data-v-9fc300b0] {
    height: 60px
}

.h-100-px[data-v-9fc300b0] {
    height: 100px
}

.mb-16-px[data-v-9fc300b0] {
    margin-bottom: 16px
}

.mb-30-px[data-v-9fc300b0] {
    margin-bottom: 30px
}

.borderRounded[data-v-9fc300b0] {
    border-radius: 5px
}

.borderPrimary[data-v-9fc300b0] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-9fc300b0] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-9fc300b0] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-9fc300b0] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-9fc300b0] {
    border: 1px solid;
    border-color: #142545
}

.borderBtSecondary2[data-v-9fc300b0] {
    border-bottom: 1px solid;
    border-color: #142545
}

.borderSecondary3[data-v-9fc300b0] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-9fc300b0] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-9fc300b0] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-9fc300b0] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-9fc300b0] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-9fc300b0] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-9fc300b0] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-9fc300b0] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-9fc300b0]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-9fc300b0] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-9fc300b0] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-9fc300b0] {
    padding: 1px
}

.px-1-px[data-v-9fc300b0] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-9fc300b0] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-9fc300b0] {
    padding-left: 1px
}

.pr-1-px[data-v-9fc300b0] {
    padding-right: 1px
}

.pt-1-px[data-v-9fc300b0] {
    padding-top: 1px
}

.pb-1-px[data-v-9fc300b0] {
    padding-bottom: 1px
}

.p-2-px[data-v-9fc300b0] {
    padding: 2px
}

.px-2-px[data-v-9fc300b0] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-9fc300b0] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-9fc300b0] {
    padding-left: 2px
}

.pr-2-px[data-v-9fc300b0] {
    padding-right: 2px
}

.pt-2-px[data-v-9fc300b0] {
    padding-top: 2px
}

.pb-2-px[data-v-9fc300b0] {
    padding-bottom: 2px
}

.p-8-px[data-v-9fc300b0] {
    padding: 8px
}

.px-8-px[data-v-9fc300b0] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-9fc300b0] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-9fc300b0] {
    padding-left: 8px
}

.pr-8-px[data-v-9fc300b0] {
    padding-right: 8px
}

.pt-8-px[data-v-9fc300b0] {
    padding-top: 8px
}

.pb-8-px[data-v-9fc300b0] {
    padding-bottom: 8px
}

.p-10-px[data-v-9fc300b0] {
    padding: 10px
}

.px-10-px[data-v-9fc300b0] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-9fc300b0] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-9fc300b0] {
    padding-left: 10px
}

.pr-10-px[data-v-9fc300b0] {
    padding-right: 10px
}

.pt-10-px[data-v-9fc300b0] {
    padding-top: 10px
}

.pb-10-px[data-v-9fc300b0] {
    padding-bottom: 10px
}

.p-12-px[data-v-9fc300b0] {
    padding: 12px
}

.px-12-px[data-v-9fc300b0] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-9fc300b0] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-9fc300b0] {
    padding-left: 12px
}

.pr-12-px[data-v-9fc300b0] {
    padding-right: 12px
}

.pt-12-px[data-v-9fc300b0] {
    padding-top: 12px
}

.pb-12-px[data-v-9fc300b0] {
    padding-bottom: 12px
}

.p-16-px[data-v-9fc300b0] {
    padding: 16px
}

.px-16-px[data-v-9fc300b0] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-9fc300b0] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-9fc300b0] {
    padding-left: 16px
}

.pr-16-px[data-v-9fc300b0] {
    padding-right: 16px
}

.pt-16-px[data-v-9fc300b0] {
    padding-top: 16px
}

.pb-16-px[data-v-9fc300b0] {
    padding-bottom: 16px
}

.p-30-px[data-v-9fc300b0] {
    padding: 30px
}

.px-30-px[data-v-9fc300b0] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-9fc300b0] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-9fc300b0] {
    padding-left: 30px
}

.pr-30-px[data-v-9fc300b0] {
    padding-right: 30px
}

.pt-30-px[data-v-9fc300b0] {
    padding-top: 30px
}

.pb-30-px[data-v-9fc300b0] {
    padding-bottom: 30px
}

.font-30[data-v-9fc300b0] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-9fc300b0] {
    font-weight: 700
}

.wbo-title[data-v-9fc300b0] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-9fc300b0] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-9fc300b0] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-9fc300b0] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-9fc300b0]:focus {
        outline: 0
    }

    .button[data-v-9fc300b0]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-9fc300b0] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-9fc300b0]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-9fc300b0] {
    padding: 11px 2.5rem
}

.button.primary[data-v-9fc300b0], .button.primary[data-v-9fc300b0]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-9fc300b0], .text-primary[data-v-9fc300b0], a .primary-hover[data-v-9fc300b0]:hover {
    color: #000 !important
}

ul[data-v-9fc300b0] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-9fc300b0], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-9fc300b0] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-9fc300b0]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-9fc300b0]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-9fc300b0], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-9fc300b0], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-9fc300b0]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-9fc300b0], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-9fc300b0], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-9fc300b0]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-9fc300b0], .faqsContent .content .navigator ul li a.active[data-v-9fc300b0]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-9fc300b0]:hover {
    color: #000
}

.ps[data-v-9fc300b0] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-9fc300b0] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-9fc300b0], .ps__rail-y[data-v-9fc300b0] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-9fc300b0] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-9fc300b0], .ps--active-y > .ps__rail-y[data-v-9fc300b0] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-9fc300b0], .ps--focus > .ps__rail-y[data-v-9fc300b0], .ps--scrolling-x > .ps__rail-x[data-v-9fc300b0], .ps--scrolling-y > .ps__rail-y[data-v-9fc300b0], .ps:hover > .ps__rail-x[data-v-9fc300b0], .ps:hover > .ps__rail-y[data-v-9fc300b0] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-9fc300b0], .ps .ps__rail-x[data-v-9fc300b0]:focus, .ps .ps__rail-x[data-v-9fc300b0]:hover, .ps .ps__rail-y.ps--clicking[data-v-9fc300b0], .ps .ps__rail-y[data-v-9fc300b0]:focus, .ps .ps__rail-y[data-v-9fc300b0]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-9fc300b0] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-9fc300b0] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-9fc300b0], .ps__rail-x:focus > .ps__thumb-x[data-v-9fc300b0], .ps__rail-x:hover > .ps__thumb-x[data-v-9fc300b0] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-9fc300b0], .ps__rail-y:focus > .ps__thumb-y[data-v-9fc300b0], .ps__rail-y:hover > .ps__thumb-y[data-v-9fc300b0] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-9fc300b0] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-9fc300b0] {
        overflow: auto !important
    }
}

.md-field[data-v-9fc300b0] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-9fc300b0] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-9fc300b0] {
    color: #2a74f9
}

.md-field .md-error[data-v-9fc300b0] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-9fc300b0] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-9fc300b0], .md-field.md-has-value label[data-v-9fc300b0] {
    top: -10px
}

.form-control[data-v-9fc300b0], .md-field .md-input[data-v-9fc300b0], .md-field .md-textarea[data-v-9fc300b0], .winput[data-v-9fc300b0] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-9fc300b0] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-9fc300b0] {
    fill: #0d0d0d
}

.round[data-v-9fc300b0] {
    border-radius: 5px
}

.off[data-v-9fc300b0] {
    position: relative;
    cursor: default
}

.off > [data-v-9fc300b0] {
    opacity: .5
}

.off[data-v-9fc300b0]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-9fc300b0] {
    cursor: pointer
}

.close-page[data-v-9fc300b0] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-9fc300b0] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-9fc300b0], .slide-fade-leave-active[data-v-9fc300b0] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-9fc300b0], .slide-fade-leave-to[data-v-9fc300b0] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-9fc300b0 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-9fc300b0 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-9fc300b0] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-9fc300b0] {
    color: #ffcf5c
}

.button[data-v-9fc300b0] {
    font-weight: 700
}

.modal .modal-dialog[data-v-9fc300b0] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-9fc300b0] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-9fc300b0] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-9fc300b0], .modal .modal-dialog .modal-header[data-v-9fc300b0] {
    border: none
}

#chartCommisst .highcharts-title[data-v-9fc300b0] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-9fc300b0] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-9fc300b0] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-9fc300b0], .modal .modal-dialog form[data-v-9fc300b0] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-9fc300b0] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-9fc300b0], .FaqsDetail[data-v-9fc300b0] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-9fc300b0], .FaqsDetail[data-v-9fc300b0] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-9fc300b0], .FaqsDetail .headerMaster .boxHeader[data-v-9fc300b0] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-9fc300b0], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-9fc300b0] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-9fc300b0], .Faqs main[data-v-9fc300b0] {
    background-color: unset
}

.titleChartCandle[data-v-9fc300b0] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-9fc300b0] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-9fc300b0] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-9fc300b0] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-9fc300b0], .plotlineChart .time[data-v-9fc300b0] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-9fc300b0] {
    top: 51px
}

.boxHeader[data-v-9fc300b0] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-9fc300b0], .boxHeader .register[data-v-9fc300b0] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-9fc300b0] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-9fc300b0] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-9fc300b0] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-9fc300b0] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-9fc300b0]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-9fc300b0] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-9fc300b0]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-9fc300b0] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-9fc300b0]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-9fc300b0] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-9fc300b0] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-9fc300b0] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-9fc300b0] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-9fc300b0] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-9fc300b0] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-9fc300b0] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-9fc300b0] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-9fc300b0] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-9fc300b0] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-9fc300b0] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-9fc300b0] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-9fc300b0] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-9fc300b0] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-9fc300b0] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-9fc300b0] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-9fc300b0] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-9fc300b0] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-9fc300b0] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-9fc300b0] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-9fc300b0] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-9fc300b0] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-9fc300b0] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-9fc300b0] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-9fc300b0] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-9fc300b0] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-9fc300b0] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-9fc300b0] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-9fc300b0] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-9fc300b0] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-9fc300b0] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-9fc300b0] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-9fc300b0] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-9fc300b0] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-9fc300b0] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-9fc300b0] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-9fc300b0] {
        height: 56px !important
    }
}

input.form-control[data-v-9fc300b0], input[data-v-9fc300b0], select.form-control[data-v-9fc300b0], select[data-v-9fc300b0] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-9fc300b0] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-9fc300b0] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-9fc300b0] {
    line-height: 100%
}

.button.btn-long[data-v-9fc300b0] {
    padding: 10px 40px
}

.button.btn-radius[data-v-9fc300b0] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-9fc300b0] {
    border-radius: 20px
}

.button.btn-full[data-v-9fc300b0] {
    width: 100%
}

.button.btn-80[data-v-9fc300b0] {
    width: 80%
}

.button.hasIcon[data-v-9fc300b0] {
    padding-left: 50px
}

.button a[data-v-9fc300b0] {
    display: block
}

.button .labelIcon[data-v-9fc300b0] {
    position: absolute
}

.button .labelIcon svg[data-v-9fc300b0] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-9fc300b0] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-9fc300b0]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-9fc300b0] {
    outline: none
}

.keyboard-input-wrap[data-v-9fc300b0] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-9fc300b0] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-9fc300b0] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-9fc300b0] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-9fc300b0] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-9fc300b0] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-9fc300b0] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-9fc300b0] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-9fc300b0] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-9fc300b0] {
    font-size: 1.2em
}

.color-white[data-v-9fc300b0] {
    color: #fff
}

.color-white-50[data-v-9fc300b0] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-9fc300b0] {
    display: none
}

.ld-loading .loading[data-v-9fc300b0], .main-loading .loading[data-v-9fc300b0] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-9fc300b0] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-9fc300b0]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-9fc300b0]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-9fc300b0] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-9fc300b0] {
    -webkit-animation: rotate-data-v-9fc300b0 1s linear infinite;
    animation: rotate-data-v-9fc300b0 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-9fc300b0] {
    stroke: transparent
}

.wrapNotify[data-v-9fc300b0] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-9fc300b0] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-9fc300b0] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-9fc300b0] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-9fc300b0] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-9fc300b0] {
    display: block
}

.wrapNotify .close-notify[data-v-9fc300b0] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-9fc300b0] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-9fc300b0] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-9fc300b0] {
    background-color: transparent
}

.colorWhite[data-v-9fc300b0] {
    color: #fff
}

.colorRed[data-v-9fc300b0] {
    color: #f46273
}

.colorGreen[data-v-9fc300b0] {
    color: #31baa0
}

.colorGray[data-v-9fc300b0] {
    color: #7c7c7c
}

.tableBackground[data-v-9fc300b0] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-9fc300b0] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-9fc300b0], .tableBackground .table-dark th[data-v-9fc300b0] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-9fc300b0]:after, .tableBackground .table-dark th[data-v-9fc300b0]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-9fc300b0] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-9fc300b0], .tableBackground .table-dark th[data-v-9fc300b0] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-9fc300b0]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-9fc300b0]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-9fc300b0] {
    background-color: #060642
}

.tableBackground #paging li[data-v-9fc300b0] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-9fc300b0] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-9fc300b0] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-9fc300b0], .customeTradeHistory[data-v-9fc300b0] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-9fc300b0], .customeTradeHistory .reportrange-text[data-v-9fc300b0] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-9fc300b0], .customeTradeHistory .reportrange-text .seperate[data-v-9fc300b0] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-9fc300b0], .customeTradeHistory .reportrange-text span[data-v-9fc300b0] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-9fc300b0] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-9fc300b0] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-9fc300b0] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-9fc300b0]:after, .startDate .daterangepicker.openscenter[data-v-9fc300b0]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-9fc300b0] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-9fc300b0] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-9fc300b0] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-9fc300b0] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-9fc300b0] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-9fc300b0] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-9fc300b0] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-9fc300b0] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-9fc300b0] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-9fc300b0] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-9fc300b0] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-9fc300b0] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-9fc300b0] {
    text-align: center
}

.border-none[data-v-9fc300b0] {
    border: none
}

.text-domain[data-v-9fc300b0]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-9fc300b0] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-9fc300b0] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-9fc300b0] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-9fc300b0] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-9fc300b0] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-9fc300b0] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-9fc300b0] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-9fc300b0] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-9fc300b0] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-9fc300b0] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-9fc300b0] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-9fc300b0] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-9fc300b0] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-9fc300b0] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-9fc300b0] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-9fc300b0] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-9fc300b0] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-9fc300b0] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-9fc300b0] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-9fc300b0] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-9fc300b0] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-9fc300b0] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-9fc300b0] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-9fc300b0] {
    fill: #000
}

.btn-active-paging[data-v-9fc300b0] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-9fc300b0] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-9fc300b0] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-9fc300b0] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-9fc300b0], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-9fc300b0] {
    background: #8b8d96 !important
}

.transactionBox[data-v-9fc300b0] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-9fc300b0] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-9fc300b0] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-9fc300b0] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-9fc300b0] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-9fc300b0] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-9fc300b0] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-9fc300b0] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-9fc300b0] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-9fc300b0] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-9fc300b0] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-9fc300b0] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-9fc300b0] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-9fc300b0] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-9fc300b0] {
    color: #2a74f9 !important
}

.boxCoin-body > div[data-v-9fc300b0] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.boxCoin-body > div.leftBox[data-v-9fc300b0] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 160px;
    flex: 0 0 160px
}

.boxCoinFooter > div[data-v-9fc300b0] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.boxCoinFooter > div > img[data-v-9fc300b0] {
    width: 18px
}

.boxCoinFooter > div > [data-v-9fc300b0] {
    vertical-align: middle
}

body[data-v-4957532c] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-4957532c]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-4957532c]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-4957532c]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-4957532c] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-4957532c]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-4957532c]::-webkit-inner-spin-button, input[data-v-4957532c]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-4957532c] {
    -moz-appearance: textfield
}

button[data-v-4957532c]:focus, input[data-v-4957532c]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-4957532c] {
    font-size: 8px
}

.font-10[data-v-4957532c] {
    font-size: .6rem !important
}

.font-12[data-v-4957532c] {
    font-size: 12px
}

.font-14[data-v-4957532c] {
    font-size: 14px
}

.font-16[data-v-4957532c] {
    font-size: 16px
}

.font-18[data-v-4957532c] {
    font-size: 18px
}

.font-20[data-v-4957532c] {
    font-size: 20px
}

.font-24[data-v-4957532c] {
    font-size: 24px
}

.font-32[data-v-4957532c] {
    font-size: 32px
}

.font-34[data-v-4957532c] {
    font-size: 34px
}

.font-40[data-v-4957532c] {
    font-size: 2.5rem !important
}

.font-44[data-v-4957532c] {
    font-size: 44px
}

.colorPrimary[data-v-4957532c] {
    color: #2a74f9
}

.colorPrimary1[data-v-4957532c] {
    color: #000 !important
}

.colorSecondary[data-v-4957532c] {
    color: #fff !important
}

.colorSecondary1[data-v-4957532c] {
    color: #414141 !important
}

.colorSecondary2[data-v-4957532c] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-4957532c] {
    color: #0d0d0d
}

.colorSecondary4[data-v-4957532c] {
    color: #02142b
}

.colorSecondary5[data-v-4957532c] {
    color: #1a1e24
}

.colorSecondary6[data-v-4957532c] {
    color: #fafafa
}

.colorSecondary7[data-v-4957532c] {
    color: #333
}

.colorSecondary8[data-v-4957532c] {
    color: #0e0031
}

.colorSuccess[data-v-4957532c] {
    color: #31baa0
}

.colorWarning[data-v-4957532c] {
    color: #ffcf5c
}

.colorDanger[data-v-4957532c] {
    color: #f46273
}

.fillPrimary[data-v-4957532c] {
    fill: #2a74f9
}

.fillWarning[data-v-4957532c] {
    fill: #ffcf5c
}

.fillDanger[data-v-4957532c] {
    fill: #f46273
}

.fillSecondary1[data-v-4957532c] {
    fill: #414141
}

.fillSecondary2[data-v-4957532c] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-4957532c] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-4957532c] {
    fill: #02142b
}

.fillSecondary5[data-v-4957532c] {
    fill: #1a1e24
}

.fillSecondary6[data-v-4957532c] {
    fill: #fafafa
}

.fillSecondary7[data-v-4957532c] {
    fill: #333
}

.fillSecondary8[data-v-4957532c] {
    fill: #0e0031
}

.textnote-notidesc[data-v-4957532c] {
    color: #fff
}

.bgColor0[data-v-4957532c] {
    background-color: transparent
}

.bgPrimary-hover[data-v-4957532c]:hover, .bgPrimary[data-v-4957532c] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-4957532c]:hover, .bgPrimary1[data-v-4957532c] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-4957532c]:hover, .bgPrimary2[data-v-4957532c] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-4957532c]:hover, .bgSecondary[data-v-4957532c] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-4957532c]:hover, .bgSecondary1[data-v-4957532c] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-4957532c]:hover, .bgSecondary2[data-v-4957532c] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-4957532c]:hover, .bgSecondary3[data-v-4957532c] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-4957532c] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-4957532c] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-4957532c]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-4957532c]:hover, .bgSecondary5[data-v-4957532c] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-4957532c]:hover, .bgSecondary6[data-v-4957532c] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-4957532c]:hover, .bgSecondary7[data-v-4957532c] {
    background-color: #333 !important
}

.bgSecondary8[data-v-4957532c] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-4957532c]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-4957532c] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-4957532c]:hover, .bgSuccess[data-v-4957532c] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-4957532c] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-4957532c] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-4957532c]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-4957532c] {
    fill: #31baa0
}

.w-14-px[data-v-4957532c] {
    width: 14px
}

.max-width-50[data-v-4957532c] {
    max-width: 50%
}

.h-60-px[data-v-4957532c] {
    height: 60px
}

.h-100-px[data-v-4957532c] {
    height: 100px
}

.mb-16-px[data-v-4957532c] {
    margin-bottom: 16px
}

.mb-30-px[data-v-4957532c] {
    margin-bottom: 30px
}

.borderRounded[data-v-4957532c] {
    border-radius: 5px
}

.borderPrimary[data-v-4957532c] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-4957532c] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-4957532c] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-4957532c] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-4957532c] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-4957532c] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-4957532c] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-4957532c] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-4957532c] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-4957532c] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-4957532c] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-4957532c] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-4957532c] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-4957532c] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-4957532c]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-4957532c] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-4957532c] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-4957532c] {
    padding: 1px
}

.px-1-px[data-v-4957532c] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-4957532c] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-4957532c] {
    padding-left: 1px
}

.pr-1-px[data-v-4957532c] {
    padding-right: 1px
}

.pt-1-px[data-v-4957532c] {
    padding-top: 1px
}

.pb-1-px[data-v-4957532c] {
    padding-bottom: 1px
}

.p-2-px[data-v-4957532c] {
    padding: 2px
}

.px-2-px[data-v-4957532c] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-4957532c] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-4957532c] {
    padding-left: 2px
}

.pr-2-px[data-v-4957532c] {
    padding-right: 2px
}

.pt-2-px[data-v-4957532c] {
    padding-top: 2px
}

.pb-2-px[data-v-4957532c] {
    padding-bottom: 2px
}

.p-8-px[data-v-4957532c] {
    padding: 8px
}

.px-8-px[data-v-4957532c] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-4957532c] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-4957532c] {
    padding-left: 8px
}

.pr-8-px[data-v-4957532c] {
    padding-right: 8px
}

.pt-8-px[data-v-4957532c] {
    padding-top: 8px
}

.pb-8-px[data-v-4957532c] {
    padding-bottom: 8px
}

.p-10-px[data-v-4957532c] {
    padding: 10px
}

.px-10-px[data-v-4957532c] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-4957532c] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-4957532c] {
    padding-left: 10px
}

.pr-10-px[data-v-4957532c] {
    padding-right: 10px
}

.pt-10-px[data-v-4957532c] {
    padding-top: 10px
}

.pb-10-px[data-v-4957532c] {
    padding-bottom: 10px
}

.p-12-px[data-v-4957532c] {
    padding: 12px
}

.px-12-px[data-v-4957532c] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-4957532c] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-4957532c] {
    padding-left: 12px
}

.pr-12-px[data-v-4957532c] {
    padding-right: 12px
}

.pt-12-px[data-v-4957532c] {
    padding-top: 12px
}

.pb-12-px[data-v-4957532c] {
    padding-bottom: 12px
}

.p-16-px[data-v-4957532c] {
    padding: 16px
}

.px-16-px[data-v-4957532c] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-4957532c] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-4957532c] {
    padding-left: 16px
}

.pr-16-px[data-v-4957532c] {
    padding-right: 16px
}

.pt-16-px[data-v-4957532c] {
    padding-top: 16px
}

.pb-16-px[data-v-4957532c] {
    padding-bottom: 16px
}

.p-30-px[data-v-4957532c] {
    padding: 30px
}

.px-30-px[data-v-4957532c] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-4957532c] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-4957532c] {
    padding-left: 30px
}

.pr-30-px[data-v-4957532c] {
    padding-right: 30px
}

.pt-30-px[data-v-4957532c] {
    padding-top: 30px
}

.pb-30-px[data-v-4957532c] {
    padding-bottom: 30px
}

.font-30[data-v-4957532c] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-4957532c] {
    font-weight: 700
}

.wbo-title[data-v-4957532c] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-4957532c] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-4957532c] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-4957532c] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-4957532c]:focus {
        outline: 0
    }

    .button[data-v-4957532c]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-4957532c] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-4957532c]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-4957532c] {
    padding: 11px 2.5rem
}

.button.primary[data-v-4957532c], .button.primary[data-v-4957532c]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-4957532c], .text-primary[data-v-4957532c], a .primary-hover[data-v-4957532c]:hover {
    color: #000 !important
}

ul[data-v-4957532c] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-4957532c], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-4957532c] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-4957532c]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-4957532c]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-4957532c], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-4957532c], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-4957532c]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-4957532c], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-4957532c], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-4957532c]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-4957532c], .faqsContent .content .navigator ul li a.active[data-v-4957532c]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-4957532c]:hover {
    color: #000
}

.ps[data-v-4957532c] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-4957532c] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-4957532c], .ps__rail-y[data-v-4957532c] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-4957532c] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-4957532c], .ps--active-y > .ps__rail-y[data-v-4957532c] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-4957532c], .ps--focus > .ps__rail-y[data-v-4957532c], .ps--scrolling-x > .ps__rail-x[data-v-4957532c], .ps--scrolling-y > .ps__rail-y[data-v-4957532c], .ps:hover > .ps__rail-x[data-v-4957532c], .ps:hover > .ps__rail-y[data-v-4957532c] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-4957532c], .ps .ps__rail-x[data-v-4957532c]:focus, .ps .ps__rail-x[data-v-4957532c]:hover, .ps .ps__rail-y.ps--clicking[data-v-4957532c], .ps .ps__rail-y[data-v-4957532c]:focus, .ps .ps__rail-y[data-v-4957532c]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-4957532c] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-4957532c] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-4957532c], .ps__rail-x:focus > .ps__thumb-x[data-v-4957532c], .ps__rail-x:hover > .ps__thumb-x[data-v-4957532c] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-4957532c], .ps__rail-y:focus > .ps__thumb-y[data-v-4957532c], .ps__rail-y:hover > .ps__thumb-y[data-v-4957532c] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-4957532c] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-4957532c] {
        overflow: auto !important
    }
}

.md-field[data-v-4957532c] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-4957532c] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-4957532c] {
    color: #2a74f9
}

.md-field .md-error[data-v-4957532c] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-4957532c] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-4957532c], .md-field.md-has-value label[data-v-4957532c] {
    top: -10px
}

.form-control[data-v-4957532c], .md-field .md-input[data-v-4957532c], .md-field .md-textarea[data-v-4957532c], .winput[data-v-4957532c] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-4957532c] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-4957532c] {
    fill: #0d0d0d
}

.round[data-v-4957532c] {
    border-radius: 5px
}

.off[data-v-4957532c] {
    position: relative;
    cursor: default
}

.off > [data-v-4957532c] {
    opacity: .5
}

.off[data-v-4957532c]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-4957532c] {
    cursor: pointer
}

.close-page[data-v-4957532c] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-4957532c] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-4957532c], .slide-fade-leave-active[data-v-4957532c] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-4957532c], .slide-fade-leave-to[data-v-4957532c] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-4957532c {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-4957532c {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-4957532c] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-4957532c] {
    color: #ffcf5c
}

.button[data-v-4957532c] {
    font-weight: 700
}

.modal .modal-dialog[data-v-4957532c] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-4957532c] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-4957532c] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-4957532c], .modal .modal-dialog .modal-header[data-v-4957532c] {
    border: none
}

#chartCommisst .highcharts-title[data-v-4957532c] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-4957532c] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-4957532c] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-4957532c], .modal .modal-dialog form[data-v-4957532c] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-4957532c] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-4957532c], .FaqsDetail[data-v-4957532c] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-4957532c], .FaqsDetail[data-v-4957532c] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-4957532c], .FaqsDetail .headerMaster .boxHeader[data-v-4957532c] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-4957532c], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-4957532c] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-4957532c], .Faqs main[data-v-4957532c] {
    background-color: unset
}

.titleChartCandle[data-v-4957532c] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-4957532c] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-4957532c] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-4957532c] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-4957532c], .plotlineChart .time[data-v-4957532c] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-4957532c] {
    top: 51px
}

.boxHeader[data-v-4957532c] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-4957532c], .boxHeader .register[data-v-4957532c] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-4957532c] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-4957532c] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-4957532c] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-4957532c] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-4957532c]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-4957532c] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-4957532c]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-4957532c] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-4957532c]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-4957532c] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-4957532c] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-4957532c] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-4957532c] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-4957532c] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-4957532c] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-4957532c] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-4957532c] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-4957532c] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-4957532c] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-4957532c] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-4957532c] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-4957532c] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-4957532c] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-4957532c] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-4957532c] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-4957532c] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-4957532c] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-4957532c] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-4957532c] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-4957532c] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-4957532c] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-4957532c] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-4957532c] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-4957532c] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-4957532c] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-4957532c] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-4957532c] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-4957532c] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-4957532c] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-4957532c] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-4957532c] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-4957532c] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-4957532c] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-4957532c] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-4957532c] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-4957532c] {
        height: 56px !important
    }
}

input.form-control[data-v-4957532c], input[data-v-4957532c], select.form-control[data-v-4957532c], select[data-v-4957532c] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-4957532c] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-4957532c] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-4957532c] {
    line-height: 100%
}

.button.btn-long[data-v-4957532c] {
    padding: 10px 40px
}

.button.btn-radius[data-v-4957532c] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-4957532c] {
    border-radius: 20px
}

.button.btn-full[data-v-4957532c] {
    width: 100%
}

.button.btn-80[data-v-4957532c] {
    width: 80%
}

.button.hasIcon[data-v-4957532c] {
    padding-left: 50px
}

.button a[data-v-4957532c] {
    display: block
}

.button .labelIcon[data-v-4957532c] {
    position: absolute
}

.button .labelIcon svg[data-v-4957532c] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-4957532c] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-4957532c]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-4957532c] {
    outline: none
}

.keyboard-input-wrap[data-v-4957532c] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-4957532c] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-4957532c] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-4957532c] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-4957532c] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-4957532c] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-4957532c] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-4957532c] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-4957532c] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-4957532c] {
    font-size: 1.2em
}

.color-white[data-v-4957532c] {
    color: #fff
}

.color-white-50[data-v-4957532c] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-4957532c] {
    display: none
}

.ld-loading .loading[data-v-4957532c], .main-loading .loading[data-v-4957532c] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-4957532c] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-4957532c]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-4957532c]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-4957532c] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-4957532c] {
    -webkit-animation: rotate-data-v-4957532c 1s linear infinite;
    animation: rotate-data-v-4957532c 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-4957532c] {
    stroke: transparent
}

.wrapNotify[data-v-4957532c] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-4957532c] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-4957532c] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-4957532c] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-4957532c] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-4957532c] {
    display: block
}

.wrapNotify .close-notify[data-v-4957532c] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-4957532c] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-4957532c] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-4957532c] {
    background-color: transparent
}

.colorWhite[data-v-4957532c] {
    color: #fff
}

.colorRed[data-v-4957532c] {
    color: #f46273
}

.colorGreen[data-v-4957532c] {
    color: #31baa0
}

.colorGray[data-v-4957532c] {
    color: #7c7c7c
}

.tableBackground[data-v-4957532c] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-4957532c] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-4957532c], .tableBackground .table-dark th[data-v-4957532c] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-4957532c]:after, .tableBackground .table-dark th[data-v-4957532c]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-4957532c] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-4957532c], .tableBackground .table-dark th[data-v-4957532c] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-4957532c]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-4957532c]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-4957532c] {
    background-color: #060642
}

.tableBackground #paging li[data-v-4957532c] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-4957532c] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-4957532c] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-4957532c], .customeTradeHistory[data-v-4957532c] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-4957532c], .customeTradeHistory .reportrange-text[data-v-4957532c] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-4957532c], .customeTradeHistory .reportrange-text .seperate[data-v-4957532c] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-4957532c], .customeTradeHistory .reportrange-text span[data-v-4957532c] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-4957532c] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-4957532c] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-4957532c] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-4957532c]:after, .startDate .daterangepicker.openscenter[data-v-4957532c]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-4957532c] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-4957532c] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-4957532c] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-4957532c] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-4957532c] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-4957532c] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-4957532c] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-4957532c] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-4957532c] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-4957532c] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-4957532c] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-4957532c] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-4957532c] {
    text-align: center
}

.border-none[data-v-4957532c] {
    border: none
}

.text-domain[data-v-4957532c]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-4957532c] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-4957532c] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-4957532c] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-4957532c] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-4957532c] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-4957532c] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-4957532c] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-4957532c] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-4957532c] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-4957532c] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-4957532c] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-4957532c] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-4957532c] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-4957532c] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-4957532c] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-4957532c] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-4957532c] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-4957532c] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-4957532c] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-4957532c] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-4957532c] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-4957532c] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-4957532c] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-4957532c] {
    fill: #000
}

.btn-active-paging[data-v-4957532c] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-4957532c] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-4957532c] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-4957532c] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-4957532c], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-4957532c] {
    background: #8b8d96 !important
}

.transactionBox[data-v-4957532c] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-4957532c] {
    border-radius: 100px
}

.winLive .wrapNotify .iconWin[data-v-4957532c] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-4957532c] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-4957532c] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-4957532c] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-4957532c] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-4957532c] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-4957532c] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-4957532c] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-4957532c] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-4957532c] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-4957532c] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-4957532c] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-4957532c] {
    color: #2a74f9 !important
}

.btnSeemore[data-v-4957532c] {
    color: #fff;
    font-weight: 700;
    width: 100%;
    border: 1px solid hsla(0,0%,100%,.2);
    background-color: transparent
}

.transactionBox[data-v-4957532c] {
    padding: .5rem;
    border-radius: 6px;
    background-color: #02142b;
    border: 1px solid #142545;
}

.transactionBox .accType[data-v-4957532c] {
    background-color: #2a74f9;
    border-radius: 5px;
    font-size: 14px;
    padding: 3px 5px;
    line-height: 20px;
    vertical-align: middle;
    text-transform: uppercase;
}

.transactionBox .icon[data-v-4957532c] {
    display: inline-block;
    width: 19px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: contain
}

.transactionBox .icon.iconBitcoin[data-v-4957532c] {
    background-image: url(../img/bitcoin.svg)
}

.transactionBox .icon.iconEth[data-v-4957532c] {
    background-image: url(../img/ethe.c7b14fd1.svg)
}

.transactionBox .trendGroup .trendIcon[data-v-4957532c] {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain
}

.transactionBox .trendGroup .trendIcon.trendUp[data-v-4957532c], .transactionBox .trendGroup .trendIcon.UP[data-v-4957532c] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAKKADAAQAAAABAAAAKAAAAABZLkSWAAABD0lEQVRYCe3V0Q2CMBAGYOoEjOAGjuAo4kaOUDdgBNxAN3ED/M9wiWksXNtr6MNdUkvstfdxhNB1FtYB64B1wDrQdAdcqW6e5x5nnBLPeTnn3ol78tIBHDFSY5RWO0gTV/L8ylpsibouimIgHhV14yqqlpFUDKSaQHpMVZAqwJpINeAP8kHXWqEKxKvsATtr4egcNeCCu2ji1IC1cCrADdwdRaq83aInRTiMWHg+BAlDkDTxWrUZBUU4BgTIusBU3B+k+FvMe8VzLo4LYP8RQ/wt5n2iuRQnKpKb1DruBmAsfO5Nq+2DbIro9sfRXQLXYzwDZBs4AlIESP/9s7WfBTm05jKPdcA6YB2wDuzYgQ8c8KYLqOoA5gAAAABJRU5ErkJggg==);
    background-color: #31baa0
}

.transactionBox .trendGroup .trendIcon.DOWN[data-v-4957532c], .transactionBox .trendGroup .trendIcon.trendDown[data-v-4957532c] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAKKADAAQAAAABAAAAKAAAAABZLkSWAAAA+ElEQVRYCe2U4Q2DIBBGpelAjtANOkIdyRHYoCvQDdzAEdpOYL8zkDT8IAinIe13ySmEQx5PsesYNEADNEADv2NgWZYBOSP75nbl4XBb44lrO5CAEXNxtAMJsimm8/02IAHTI1+ErD15f2ESmxyRQ62s5PxSk5hnkRIuuYDGIBbZdHBQH+COAZRN5kJGcMcBZkLehSgKJ3MPCyyeet0R29p1uXCn3MJUnTFmwvgF+U7VlYypAMrCe0GqAX5BOmlrhSogvi4LsKsWnDxHDdDD3TTh1AD3glMBBNyIB6mbC2/iHBoVd/nFPDbOtxvrWU4DNEADNEADhQY+yo/6ffkCbVkAAAAASUVORK5CYII=);
    background-color: #fc5f5f
}

.transactionBox .time[data-v-4957532c] {
    color: hsla(0,0%,100%,.5)
}

.transactionBox .totalWin.winUp[data-v-4957532c] {
    color: #31baa0
}

.transactionBox .totalWin.winDown[data-v-4957532c] {
    color: #f46273
}

body[data-v-ee367c24] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-ee367c24]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-ee367c24]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-ee367c24]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-ee367c24] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-ee367c24]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-ee367c24]::-webkit-inner-spin-button, input[data-v-ee367c24]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-ee367c24] {
    -moz-appearance: textfield
}

button[data-v-ee367c24]:focus, input[data-v-ee367c24]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-ee367c24] {
    font-size: 8px
}

.font-10[data-v-ee367c24] {
    font-size: .6rem !important
}

.font-12[data-v-ee367c24] {
    font-size: 12px
}

.font-14[data-v-ee367c24] {
    font-size: 14px
}

.font-16[data-v-ee367c24] {
    font-size: 16px
}

.font-18[data-v-ee367c24] {
    font-size: 18px
}

.font-20[data-v-ee367c24] {
    font-size: 20px
}

.font-24[data-v-ee367c24] {
    font-size: 24px
}

.font-32[data-v-ee367c24] {
    font-size: 32px
}

.font-34[data-v-ee367c24] {
    font-size: 34px
}

.font-40[data-v-ee367c24] {
    font-size: 2.5rem !important
}

.font-44[data-v-ee367c24] {
    font-size: 44px
}

.colorPrimary[data-v-ee367c24] {
    color: #2a74f9
}

.colorPrimary1[data-v-ee367c24] {
    color: #000 !important
}

.colorSecondary[data-v-ee367c24] {
    color: #fff !important
}

.colorSecondary1[data-v-ee367c24] {
    color: #414141 !important
}

.colorSecondary2[data-v-ee367c24] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-ee367c24] {
    color: #0d0d0d
}

.colorSecondary4[data-v-ee367c24] {
    color: #02142b
}

.colorSecondary5[data-v-ee367c24] {
    color: #1a1e24
}

.colorSecondary6[data-v-ee367c24] {
    color: #fafafa
}

.colorSecondary7[data-v-ee367c24] {
    color: #333
}

.colorSecondary8[data-v-ee367c24] {
    color: #0e0031
}

.colorSuccess[data-v-ee367c24] {
    color: #31baa0
}

.colorWarning[data-v-ee367c24] {
    color: #ffcf5c
}

.colorDanger[data-v-ee367c24] {
    color: #f46273
}

.fillPrimary[data-v-ee367c24] {
    fill: #2a74f9
}

.fillWarning[data-v-ee367c24] {
    fill: #ffcf5c
}

.fillDanger[data-v-ee367c24] {
    fill: #f46273
}

.fillSecondary1[data-v-ee367c24] {
    fill: #414141
}

.fillSecondary2[data-v-ee367c24] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-ee367c24] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-ee367c24] {
    fill: #02142b
}

.fillSecondary5[data-v-ee367c24] {
    fill: #1a1e24
}

.fillSecondary6[data-v-ee367c24] {
    fill: #fafafa
}

.fillSecondary7[data-v-ee367c24] {
    fill: #333
}

.fillSecondary8[data-v-ee367c24] {
    fill: #0e0031
}

.textnote-notidesc[data-v-ee367c24] {
    color: #fff
}

.bgColor0[data-v-ee367c24] {
    background-color: transparent
}

.bgPrimary-hover[data-v-ee367c24]:hover, .bgPrimary[data-v-ee367c24] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-ee367c24]:hover, .bgPrimary1[data-v-ee367c24] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-ee367c24]:hover, .bgPrimary2[data-v-ee367c24] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-ee367c24]:hover, .bgSecondary[data-v-ee367c24] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-ee367c24]:hover, .bgSecondary1[data-v-ee367c24] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-ee367c24]:hover, .bgSecondary2[data-v-ee367c24] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-ee367c24]:hover, .bgSecondary3[data-v-ee367c24] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-ee367c24] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-ee367c24] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-ee367c24]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-ee367c24]:hover, .bgSecondary5[data-v-ee367c24] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-ee367c24]:hover, .bgSecondary6[data-v-ee367c24] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-ee367c24]:hover, .bgSecondary7[data-v-ee367c24] {
    background-color: #333 !important
}

.bgSecondary8[data-v-ee367c24] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-ee367c24]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-ee367c24] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-ee367c24]:hover, .bgSuccess[data-v-ee367c24] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-ee367c24] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-ee367c24] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-ee367c24]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-ee367c24] {
    fill: #31baa0
}

.w-14-px[data-v-ee367c24] {
    width: 14px
}

.max-width-50[data-v-ee367c24] {
    max-width: 50%
}

.h-60-px[data-v-ee367c24] {
    height: 60px
}

.h-100-px[data-v-ee367c24] {
    height: 100px
}

.mb-16-px[data-v-ee367c24] {
    margin-bottom: 16px
}

.mb-30-px[data-v-ee367c24] {
    margin-bottom: 30px
}

.borderRounded[data-v-ee367c24] {
    border-radius: 5px
}

.borderPrimary[data-v-ee367c24] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-ee367c24] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-ee367c24] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-ee367c24] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-ee367c24] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-ee367c24] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-ee367c24] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-ee367c24] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-ee367c24] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-ee367c24] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-ee367c24] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-ee367c24] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-ee367c24] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-ee367c24] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-ee367c24]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-ee367c24] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-ee367c24] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-ee367c24] {
    padding: 1px
}

.px-1-px[data-v-ee367c24] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-ee367c24] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-ee367c24] {
    padding-left: 1px
}

.pr-1-px[data-v-ee367c24] {
    padding-right: 1px
}

.pt-1-px[data-v-ee367c24] {
    padding-top: 1px
}

.pb-1-px[data-v-ee367c24] {
    padding-bottom: 1px
}

.p-2-px[data-v-ee367c24] {
    padding: 2px
}

.px-2-px[data-v-ee367c24] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-ee367c24] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-ee367c24] {
    padding-left: 2px
}

.pr-2-px[data-v-ee367c24] {
    padding-right: 2px
}

.pt-2-px[data-v-ee367c24] {
    padding-top: 2px
}

.pb-2-px[data-v-ee367c24] {
    padding-bottom: 2px
}

.p-8-px[data-v-ee367c24] {
    padding: 8px
}

.px-8-px[data-v-ee367c24] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-ee367c24] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-ee367c24] {
    padding-left: 8px
}

.pr-8-px[data-v-ee367c24] {
    padding-right: 8px
}

.pt-8-px[data-v-ee367c24] {
    padding-top: 8px
}

.pb-8-px[data-v-ee367c24] {
    padding-bottom: 8px
}

.p-10-px[data-v-ee367c24] {
    padding: 10px
}

.px-10-px[data-v-ee367c24] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-ee367c24] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-ee367c24] {
    padding-left: 10px
}

.pr-10-px[data-v-ee367c24] {
    padding-right: 10px
}

.pt-10-px[data-v-ee367c24] {
    padding-top: 10px
}

.pb-10-px[data-v-ee367c24] {
    padding-bottom: 10px
}

.p-12-px[data-v-ee367c24] {
    padding: 12px
}

.px-12-px[data-v-ee367c24] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-ee367c24] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-ee367c24] {
    padding-left: 12px
}

.pr-12-px[data-v-ee367c24] {
    padding-right: 12px
}

.pt-12-px[data-v-ee367c24] {
    padding-top: 12px
}

.pb-12-px[data-v-ee367c24] {
    padding-bottom: 12px
}

.p-16-px[data-v-ee367c24] {
    padding: 16px
}

.px-16-px[data-v-ee367c24] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-ee367c24] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-ee367c24] {
    padding-left: 16px
}

.pr-16-px[data-v-ee367c24] {
    padding-right: 16px
}

.pt-16-px[data-v-ee367c24] {
    padding-top: 16px
}

.pb-16-px[data-v-ee367c24] {
    padding-bottom: 16px
}

.p-30-px[data-v-ee367c24] {
    padding: 30px
}

.px-30-px[data-v-ee367c24] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-ee367c24] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-ee367c24] {
    padding-left: 30px
}

.pr-30-px[data-v-ee367c24] {
    padding-right: 30px
}

.pt-30-px[data-v-ee367c24] {
    padding-top: 30px
}

.pb-30-px[data-v-ee367c24] {
    padding-bottom: 30px
}

.font-30[data-v-ee367c24] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-ee367c24] {
    font-weight: 700
}

.wbo-title[data-v-ee367c24] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-ee367c24] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-ee367c24] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-ee367c24] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-ee367c24]:focus {
        outline: 0
    }

    .button[data-v-ee367c24]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-ee367c24] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-ee367c24]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-ee367c24] {
    padding: 11px 2.5rem
}

.button.primary[data-v-ee367c24], .button.primary[data-v-ee367c24]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-ee367c24], .text-primary[data-v-ee367c24], a .primary-hover[data-v-ee367c24]:hover {
    color: #000 !important
}

ul[data-v-ee367c24] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-ee367c24], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-ee367c24] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-ee367c24]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-ee367c24]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-ee367c24], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-ee367c24], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-ee367c24]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-ee367c24], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-ee367c24], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-ee367c24]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-ee367c24], .faqsContent .content .navigator ul li a.active[data-v-ee367c24]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-ee367c24]:hover {
    color: #000
}

.ps[data-v-ee367c24] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-ee367c24] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-ee367c24], .ps__rail-y[data-v-ee367c24] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-ee367c24] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-ee367c24], .ps--active-y > .ps__rail-y[data-v-ee367c24] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-ee367c24], .ps--focus > .ps__rail-y[data-v-ee367c24], .ps--scrolling-x > .ps__rail-x[data-v-ee367c24], .ps--scrolling-y > .ps__rail-y[data-v-ee367c24], .ps:hover > .ps__rail-x[data-v-ee367c24], .ps:hover > .ps__rail-y[data-v-ee367c24] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-ee367c24], .ps .ps__rail-x[data-v-ee367c24]:focus, .ps .ps__rail-x[data-v-ee367c24]:hover, .ps .ps__rail-y.ps--clicking[data-v-ee367c24], .ps .ps__rail-y[data-v-ee367c24]:focus, .ps .ps__rail-y[data-v-ee367c24]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-ee367c24] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-ee367c24] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-ee367c24], .ps__rail-x:focus > .ps__thumb-x[data-v-ee367c24], .ps__rail-x:hover > .ps__thumb-x[data-v-ee367c24] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-ee367c24], .ps__rail-y:focus > .ps__thumb-y[data-v-ee367c24], .ps__rail-y:hover > .ps__thumb-y[data-v-ee367c24] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-ee367c24] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-ee367c24] {
        overflow: auto !important
    }
}

.md-field[data-v-ee367c24] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-ee367c24] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-ee367c24] {
    color: #2a74f9
}

.md-field .md-error[data-v-ee367c24] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-ee367c24] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-ee367c24], .md-field.md-has-value label[data-v-ee367c24] {
    top: -10px
}

.form-control[data-v-ee367c24], .md-field .md-input[data-v-ee367c24], .md-field .md-textarea[data-v-ee367c24], .winput[data-v-ee367c24] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-ee367c24] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-ee367c24] {
    fill: #0d0d0d
}

.round[data-v-ee367c24] {
    border-radius: 5px
}

.off[data-v-ee367c24] {
    position: relative;
    cursor: default
}

.off > [data-v-ee367c24] {
    opacity: .5
}

.off[data-v-ee367c24]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-ee367c24] {
    cursor: pointer
}

.close-page[data-v-ee367c24] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-ee367c24] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-ee367c24], .slide-fade-leave-active[data-v-ee367c24] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-ee367c24], .slide-fade-leave-to[data-v-ee367c24] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-ee367c24 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-ee367c24 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-ee367c24] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-ee367c24] {
    color: #ffcf5c
}

.button[data-v-ee367c24] {
    font-weight: 700
}

.modal .modal-dialog[data-v-ee367c24] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-ee367c24] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-ee367c24] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-ee367c24], .modal .modal-dialog .modal-header[data-v-ee367c24] {
    border: none
}

#chartCommisst .highcharts-title[data-v-ee367c24] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-ee367c24] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-ee367c24] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-ee367c24], .modal .modal-dialog form[data-v-ee367c24] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-ee367c24] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-ee367c24], .FaqsDetail[data-v-ee367c24] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-ee367c24], .FaqsDetail[data-v-ee367c24] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-ee367c24], .FaqsDetail .headerMaster .boxHeader[data-v-ee367c24] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-ee367c24], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-ee367c24] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-ee367c24], .Faqs main[data-v-ee367c24] {
    background-color: unset
}

.titleChartCandle[data-v-ee367c24] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-ee367c24] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-ee367c24] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-ee367c24] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-ee367c24], .plotlineChart .time[data-v-ee367c24] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-ee367c24] {
    top: 51px
}

.boxHeader[data-v-ee367c24] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-ee367c24], .boxHeader .register[data-v-ee367c24] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-ee367c24] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-ee367c24] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-ee367c24] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-ee367c24] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-ee367c24]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-ee367c24] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-ee367c24]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-ee367c24] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-ee367c24]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-ee367c24] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-ee367c24] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-ee367c24] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-ee367c24] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-ee367c24] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-ee367c24] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-ee367c24] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-ee367c24] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-ee367c24] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-ee367c24] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-ee367c24] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-ee367c24] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-ee367c24] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-ee367c24] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-ee367c24] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-ee367c24] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-ee367c24] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-ee367c24] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-ee367c24] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-ee367c24] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-ee367c24] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-ee367c24] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-ee367c24] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-ee367c24] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-ee367c24] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-ee367c24] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-ee367c24] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-ee367c24] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-ee367c24] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-ee367c24] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-ee367c24] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-ee367c24] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-ee367c24] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-ee367c24] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-ee367c24] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-ee367c24] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-ee367c24] {
        height: 56px !important
    }
}

input.form-control[data-v-ee367c24], input[data-v-ee367c24], select.form-control[data-v-ee367c24], select[data-v-ee367c24] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-ee367c24] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-ee367c24] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-ee367c24] {
    line-height: 100%
}

.button.btn-long[data-v-ee367c24] {
    padding: 10px 40px
}

.button.btn-radius[data-v-ee367c24] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-ee367c24] {
    border-radius: 20px
}

.button.btn-full[data-v-ee367c24] {
    width: 100%
}

.button.btn-80[data-v-ee367c24] {
    width: 80%
}

.button.hasIcon[data-v-ee367c24] {
    padding-left: 50px
}

.button a[data-v-ee367c24] {
    display: block
}

.button .labelIcon[data-v-ee367c24] {
    position: absolute
}

.button .labelIcon svg[data-v-ee367c24] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-ee367c24] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-ee367c24]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-ee367c24] {
    outline: none
}

.keyboard-input-wrap[data-v-ee367c24] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-ee367c24] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-ee367c24] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-ee367c24] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-ee367c24] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-ee367c24] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-ee367c24] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-ee367c24] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-ee367c24] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-ee367c24] {
    font-size: 1.2em
}

.color-white[data-v-ee367c24] {
    color: #fff
}

.color-white-50[data-v-ee367c24] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-ee367c24] {
    display: none
}

.ld-loading .loading[data-v-ee367c24], .main-loading .loading[data-v-ee367c24] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-ee367c24] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-ee367c24]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-ee367c24]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-ee367c24] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-ee367c24] {
    -webkit-animation: rotate-data-v-ee367c24 1s linear infinite;
    animation: rotate-data-v-ee367c24 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-ee367c24] {
    stroke: transparent
}

.wrapNotify[data-v-ee367c24] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-ee367c24] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-ee367c24] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-ee367c24] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-ee367c24] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-ee367c24] {
    display: block
}

.wrapNotify .close-notify[data-v-ee367c24] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-ee367c24] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-ee367c24] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-ee367c24] {
    background-color: transparent
}

.colorWhite[data-v-ee367c24] {
    color: #fff
}

.colorRed[data-v-ee367c24] {
    color: #f46273
}

.colorGreen[data-v-ee367c24] {
    color: #31baa0
}

.colorGray[data-v-ee367c24] {
    color: #7c7c7c
}

.tableBackground[data-v-ee367c24] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-ee367c24] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-ee367c24], .tableBackground .table-dark th[data-v-ee367c24] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-ee367c24]:after, .tableBackground .table-dark th[data-v-ee367c24]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-ee367c24] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-ee367c24], .tableBackground .table-dark th[data-v-ee367c24] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-ee367c24]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-ee367c24]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-ee367c24] {
    background-color: #060642
}

.tableBackground #paging li[data-v-ee367c24] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-ee367c24] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-ee367c24] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-ee367c24], .customeTradeHistory[data-v-ee367c24] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-ee367c24], .customeTradeHistory .reportrange-text[data-v-ee367c24] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-ee367c24], .customeTradeHistory .reportrange-text .seperate[data-v-ee367c24] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-ee367c24], .customeTradeHistory .reportrange-text span[data-v-ee367c24] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-ee367c24] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-ee367c24] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-ee367c24] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-ee367c24]:after, .startDate .daterangepicker.openscenter[data-v-ee367c24]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-ee367c24] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-ee367c24] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-ee367c24] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-ee367c24] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-ee367c24] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-ee367c24] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-ee367c24] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-ee367c24] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-ee367c24] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-ee367c24] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-ee367c24] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-ee367c24] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-ee367c24] {
    text-align: center
}

.border-none[data-v-ee367c24] {
    border: none
}

.text-domain[data-v-ee367c24]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-ee367c24] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-ee367c24] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-ee367c24] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-ee367c24] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-ee367c24] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-ee367c24] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-ee367c24] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-ee367c24] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-ee367c24] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-ee367c24] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-ee367c24] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-ee367c24] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-ee367c24] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-ee367c24] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-ee367c24] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-ee367c24] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-ee367c24] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-ee367c24] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-ee367c24] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-ee367c24] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-ee367c24] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-ee367c24] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-ee367c24] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-ee367c24] {
    fill: #000
}

.btn-active-paging[data-v-ee367c24] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-ee367c24] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-ee367c24] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-ee367c24] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-ee367c24], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-ee367c24] {
    background: #8b8d96 !important
}

.transactionBox[data-v-ee367c24] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-ee367c24] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-ee367c24] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-ee367c24] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-ee367c24] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-ee367c24] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-ee367c24] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-ee367c24] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-ee367c24] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-ee367c24] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-ee367c24] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-ee367c24] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-ee367c24] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-ee367c24] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-ee367c24] {
    color: #2a74f9 !important
}

.scroll-area[data-v-ee367c24] {
    position: relative;
    height: calc(100% - 45px)
}

.color-gray[data-v-ee367c24] {
    color: #7c7c7c
}

.color-grey[data-v-ee367c24] {
    color: hsla(0,0%,100%,.5)
}

.font-12[data-v-ee367c24] {
    font-size: .75rem
}

.font-14[data-v-ee367c24] {
    font-size: .875rem
}

.font-16[data-v-ee367c24] {
    font-size: 1rem
}

.font-18[data-v-ee367c24] {
    font-size: 1.125rem
}

.wbtn.btn-radius[data-v-ee367c24] {
    border-radius: 3px !important
}

#binaryTransaction[data-v-ee367c24] {
    height: calc(100vh - 67px);
    color: #fff;
   /* padding: .5rem 10px;*/
    /*background-color: #02142b*/
}

.btnSeemore[data-v-ee367c24] {
    color: #fff;
    font-weight: 700;
    width: 100%;
    border: 1px solid hsla(0,0%,100%,.2);
    background-color: transparent
}

.transactionBox[data-v-ee367c24] {
    padding: .5rem;
    border-radius: 6px;
    background-color: hsla(0,0%,100%,.14)
}

.transactionBox .icon[data-v-ee367c24] {
    display: inline-block;
    width: 19px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: contain
}

.transactionBox .icon.iconBitcoin[data-v-ee367c24] {
    background-image: url(../img/bitcoin.63c77750.svg)
}

.transactionBox .icon.iconEth[data-v-ee367c24] {
    background-image: url(../img/ethe.c7b14fd1.svg)
}

.transactionBox .trendGroup .trendIcon[data-v-ee367c24] {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain
}

.transactionBox .trendGroup .trendIcon.trendUp[data-v-ee367c24] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAKKADAAQAAAABAAAAKAAAAABZLkSWAAABD0lEQVRYCe3V0Q2CMBAGYOoEjOAGjuAo4kaOUDdgBNxAN3ED/M9wiWksXNtr6MNdUkvstfdxhNB1FtYB64B1wDrQdAdcqW6e5x5nnBLPeTnn3ol78tIBHDFSY5RWO0gTV/L8ylpsibouimIgHhV14yqqlpFUDKSaQHpMVZAqwJpINeAP8kHXWqEKxKvsATtr4egcNeCCu2ji1IC1cCrADdwdRaq83aInRTiMWHg+BAlDkDTxWrUZBUU4BgTIusBU3B+k+FvMe8VzLo4LYP8RQ/wt5n2iuRQnKpKb1DruBmAsfO5Nq+2DbIro9sfRXQLXYzwDZBs4AlIESP/9s7WfBTm05jKPdcA6YB2wDuzYgQ8c8KYLqOoA5gAAAABJRU5ErkJggg==);
    background-color: #31baa0
}

.transactionBox .trendGroup .trendIcon.trendDown[data-v-ee367c24] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAKKADAAQAAAABAAAAKAAAAABZLkSWAAAA+ElEQVRYCe2U4Q2DIBBGpelAjtANOkIdyRHYoCvQDdzAEdpOYL8zkDT8IAinIe13ySmEQx5PsesYNEADNEADv2NgWZYBOSP75nbl4XBb44lrO5CAEXNxtAMJsimm8/02IAHTI1+ErD15f2ESmxyRQ62s5PxSk5hnkRIuuYDGIBbZdHBQH+COAZRN5kJGcMcBZkLehSgKJ3MPCyyeet0R29p1uXCn3MJUnTFmwvgF+U7VlYypAMrCe0GqAX5BOmlrhSogvi4LsKsWnDxHDdDD3TTh1AD3glMBBNyIB6mbC2/iHBoVd/nFPDbOtxvrWU4DNEADNEADhQY+yo/6ffkCbVkAAAAASUVORK5CYII=);
    background-color: #fc5f5f
}

.transactionBox .time[data-v-ee367c24] {
    color: hsla(0,0%,100%,.5)
}

.transactionBox .totalWin.winUp[data-v-ee367c24] {
    color: #31baa0
}

.transactionBox .totalWin.winDown[data-v-ee367c24] {
    color: #f46273
}

.nav-tabs .nav-item[data-v-ee367c24] {
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    flex: 1 auto
}

.nav-tabs .nav-item .nav-link[data-v-ee367c24] {
    font-weight: 700;
    position: relative;
    text-align: center;
    color: hsla(0,0%,100%,.5);
    border: none;
    border-bottom: 1px solid #1f2f53
}

.nav-tabs .nav-item .nav-link.active[data-v-ee367c24] {
    color: #fff;
    background: transparent
}

    .nav-tabs .nav-item .nav-link.active[data-v-ee367c24]:before {
        content: "";
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 100%;
        height: 4px;
        border-radius: 4px;
        background-color: #2a74f9
    }

.nav-tabs .nav-item .nav-link .totalCount[data-v-ee367c24] {
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    text-align: center;
    line-height: 16px;
    font-size: 10px;
    background-color: #f46273
}

.bet-time[data-v-ee367c24] {
    background: #1d233b;
    border-radius: 4px;
    padding: 5px 10px
}

body[data-v-672b3f35] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-672b3f35]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-672b3f35]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-672b3f35]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-672b3f35] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-672b3f35]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-672b3f35]::-webkit-inner-spin-button, input[data-v-672b3f35]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-672b3f35] {
    -moz-appearance: textfield
}

button[data-v-672b3f35]:focus, input[data-v-672b3f35]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-672b3f35] {
    font-size: 8px
}

.font-10[data-v-672b3f35] {
    font-size: .6rem !important
}

.font-12[data-v-672b3f35] {
    font-size: 12px
}

.font-14[data-v-672b3f35] {
    font-size: 14px
}

.font-16[data-v-672b3f35] {
    font-size: 16px
}

.font-18[data-v-672b3f35] {
    font-size: 18px
}

.font-20[data-v-672b3f35] {
    font-size: 20px
}

.font-24[data-v-672b3f35] {
    font-size: 24px
}

.font-32[data-v-672b3f35] {
    font-size: 32px
}

.font-34[data-v-672b3f35] {
    font-size: 34px
}

.font-40[data-v-672b3f35] {
    font-size: 2.5rem !important
}

.font-44[data-v-672b3f35] {
    font-size: 44px
}

.colorPrimary[data-v-672b3f35] {
    color: #2a74f9
}

.colorPrimary1[data-v-672b3f35] {
    color: #000 !important
}

.colorSecondary[data-v-672b3f35] {
    color: #fff !important
}

.colorSecondary1[data-v-672b3f35] {
    color: #414141 !important
}

.colorSecondary2[data-v-672b3f35] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-672b3f35] {
    color: #0d0d0d
}

.colorSecondary4[data-v-672b3f35] {
    color: #02142b
}

.colorSecondary5[data-v-672b3f35] {
    color: #1a1e24
}

.colorSecondary6[data-v-672b3f35] {
    color: #fafafa
}

.colorSecondary7[data-v-672b3f35] {
    color: #333
}

.colorSecondary8[data-v-672b3f35] {
    color: #0e0031
}

.colorSuccess[data-v-672b3f35] {
    color: #31baa0
}

.colorWarning[data-v-672b3f35] {
    color: #ffcf5c
}

.colorDanger[data-v-672b3f35] {
    color: #f46273
}

.fillPrimary[data-v-672b3f35] {
    fill: #2a74f9
}

.fillWarning[data-v-672b3f35] {
    fill: #ffcf5c
}

.fillDanger[data-v-672b3f35] {
    fill: #f46273
}

.fillSecondary1[data-v-672b3f35] {
    fill: #414141
}

.fillSecondary2[data-v-672b3f35] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-672b3f35] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-672b3f35] {
    fill: #02142b
}

.fillSecondary5[data-v-672b3f35] {
    fill: #1a1e24
}

.fillSecondary6[data-v-672b3f35] {
    fill: #fafafa
}

.fillSecondary7[data-v-672b3f35] {
    fill: #333
}

.fillSecondary8[data-v-672b3f35] {
    fill: #0e0031
}

.textnote-notidesc[data-v-672b3f35] {
    color: #fff
}

.bgColor0[data-v-672b3f35] {
    background-color: transparent
}

.bgPrimary-hover[data-v-672b3f35]:hover, .bgPrimary[data-v-672b3f35] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-672b3f35]:hover, .bgPrimary1[data-v-672b3f35] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-672b3f35]:hover, .bgPrimary2[data-v-672b3f35] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-672b3f35]:hover, .bgSecondary[data-v-672b3f35] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-672b3f35]:hover, .bgSecondary1[data-v-672b3f35] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-672b3f35]:hover, .bgSecondary2[data-v-672b3f35] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-672b3f35]:hover, .bgSecondary3[data-v-672b3f35] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-672b3f35] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-672b3f35] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-672b3f35]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-672b3f35]:hover, .bgSecondary5[data-v-672b3f35] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-672b3f35]:hover, .bgSecondary6[data-v-672b3f35] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-672b3f35]:hover, .bgSecondary7[data-v-672b3f35] {
    background-color: #333 !important
}

.bgSecondary8[data-v-672b3f35] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-672b3f35]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-672b3f35] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-672b3f35]:hover, .bgSuccess[data-v-672b3f35] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-672b3f35] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-672b3f35] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-672b3f35]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-672b3f35] {
    fill: #31baa0
}

.w-14-px[data-v-672b3f35] {
    width: 14px
}

.max-width-50[data-v-672b3f35] {
    max-width: 50%
}

.h-60-px[data-v-672b3f35] {
    height: 60px
}

.h-100-px[data-v-672b3f35] {
    height: 100px
}

.mb-16-px[data-v-672b3f35] {
    margin-bottom: 16px
}

.mb-30-px[data-v-672b3f35] {
    margin-bottom: 30px
}

.borderRounded[data-v-672b3f35] {
    border-radius: 5px
}

.borderPrimary[data-v-672b3f35] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-672b3f35] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-672b3f35] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-672b3f35] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-672b3f35] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-672b3f35] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-672b3f35] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-672b3f35] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-672b3f35] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-672b3f35] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-672b3f35] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-672b3f35] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-672b3f35] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-672b3f35] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-672b3f35]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-672b3f35] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-672b3f35] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-672b3f35] {
    padding: 1px
}

.px-1-px[data-v-672b3f35] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-672b3f35] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-672b3f35] {
    padding-left: 1px
}

.pr-1-px[data-v-672b3f35] {
    padding-right: 1px
}

.pt-1-px[data-v-672b3f35] {
    padding-top: 1px
}

.pb-1-px[data-v-672b3f35] {
    padding-bottom: 1px
}

.p-2-px[data-v-672b3f35] {
    padding: 2px
}

.px-2-px[data-v-672b3f35] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-672b3f35] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-672b3f35] {
    padding-left: 2px
}

.pr-2-px[data-v-672b3f35] {
    padding-right: 2px
}

.pt-2-px[data-v-672b3f35] {
    padding-top: 2px
}

.pb-2-px[data-v-672b3f35] {
    padding-bottom: 2px
}

.p-8-px[data-v-672b3f35] {
    padding: 8px
}

.px-8-px[data-v-672b3f35] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-672b3f35] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-672b3f35] {
    padding-left: 8px
}

.pr-8-px[data-v-672b3f35] {
    padding-right: 8px
}

.pt-8-px[data-v-672b3f35] {
    padding-top: 8px
}

.pb-8-px[data-v-672b3f35] {
    padding-bottom: 8px
}

.p-10-px[data-v-672b3f35] {
    padding: 10px
}

.px-10-px[data-v-672b3f35] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-672b3f35] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-672b3f35] {
    padding-left: 10px
}

.pr-10-px[data-v-672b3f35] {
    padding-right: 10px
}

.pt-10-px[data-v-672b3f35] {
    padding-top: 10px
}

.pb-10-px[data-v-672b3f35] {
    padding-bottom: 10px
}

.p-12-px[data-v-672b3f35] {
    padding: 12px
}

.px-12-px[data-v-672b3f35] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-672b3f35] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-672b3f35] {
    padding-left: 12px
}

.pr-12-px[data-v-672b3f35] {
    padding-right: 12px
}

.pt-12-px[data-v-672b3f35] {
    padding-top: 12px
}

.pb-12-px[data-v-672b3f35] {
    padding-bottom: 12px
}

.p-16-px[data-v-672b3f35] {
    padding: 16px
}

.px-16-px[data-v-672b3f35] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-672b3f35] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-672b3f35] {
    padding-left: 16px
}

.pr-16-px[data-v-672b3f35] {
    padding-right: 16px
}

.pt-16-px[data-v-672b3f35] {
    padding-top: 16px
}

.pb-16-px[data-v-672b3f35] {
    padding-bottom: 16px
}

.p-30-px[data-v-672b3f35] {
    padding: 30px
}

.px-30-px[data-v-672b3f35] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-672b3f35] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-672b3f35] {
    padding-left: 30px
}

.pr-30-px[data-v-672b3f35] {
    padding-right: 30px
}

.pt-30-px[data-v-672b3f35] {
    padding-top: 30px
}

.pb-30-px[data-v-672b3f35] {
    padding-bottom: 30px
}

.font-30[data-v-672b3f35] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-672b3f35] {
    font-weight: 700
}

.wbo-title[data-v-672b3f35] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-672b3f35] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-672b3f35] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-672b3f35] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-672b3f35]:focus {
        outline: 0
    }

    .button[data-v-672b3f35]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-672b3f35] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-672b3f35]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-672b3f35] {
    padding: 11px 2.5rem
}

.button.primary[data-v-672b3f35], .button.primary[data-v-672b3f35]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-672b3f35], .text-primary[data-v-672b3f35], a .primary-hover[data-v-672b3f35]:hover {
    color: #000 !important
}

ul[data-v-672b3f35] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-672b3f35], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-672b3f35] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-672b3f35]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-672b3f35]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-672b3f35], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-672b3f35], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-672b3f35]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-672b3f35], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-672b3f35], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-672b3f35]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-672b3f35], .faqsContent .content .navigator ul li a.active[data-v-672b3f35]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-672b3f35]:hover {
    color: #000
}

.ps[data-v-672b3f35] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-672b3f35] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-672b3f35], .ps__rail-y[data-v-672b3f35] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-672b3f35] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-672b3f35], .ps--active-y > .ps__rail-y[data-v-672b3f35] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-672b3f35], .ps--focus > .ps__rail-y[data-v-672b3f35], .ps--scrolling-x > .ps__rail-x[data-v-672b3f35], .ps--scrolling-y > .ps__rail-y[data-v-672b3f35], .ps:hover > .ps__rail-x[data-v-672b3f35], .ps:hover > .ps__rail-y[data-v-672b3f35] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-672b3f35], .ps .ps__rail-x[data-v-672b3f35]:focus, .ps .ps__rail-x[data-v-672b3f35]:hover, .ps .ps__rail-y.ps--clicking[data-v-672b3f35], .ps .ps__rail-y[data-v-672b3f35]:focus, .ps .ps__rail-y[data-v-672b3f35]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-672b3f35] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-672b3f35] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-672b3f35], .ps__rail-x:focus > .ps__thumb-x[data-v-672b3f35], .ps__rail-x:hover > .ps__thumb-x[data-v-672b3f35] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-672b3f35], .ps__rail-y:focus > .ps__thumb-y[data-v-672b3f35], .ps__rail-y:hover > .ps__thumb-y[data-v-672b3f35] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-672b3f35] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-672b3f35] {
        overflow: auto !important
    }
}

.md-field[data-v-672b3f35] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-672b3f35] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-672b3f35] {
    color: #2a74f9
}

.md-field .md-error[data-v-672b3f35] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-672b3f35] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-672b3f35], .md-field.md-has-value label[data-v-672b3f35] {
    top: -10px
}

.form-control[data-v-672b3f35], .md-field .md-input[data-v-672b3f35], .md-field .md-textarea[data-v-672b3f35], .winput[data-v-672b3f35] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-672b3f35] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-672b3f35] {
    fill: #0d0d0d
}

.round[data-v-672b3f35] {
    border-radius: 5px
}

.off[data-v-672b3f35] {
    position: relative;
    cursor: default
}

.off > [data-v-672b3f35] {
    opacity: .5
}

.off[data-v-672b3f35]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-672b3f35] {
    cursor: pointer
}

.close-page[data-v-672b3f35] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-672b3f35] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-672b3f35], .slide-fade-leave-active[data-v-672b3f35] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-672b3f35], .slide-fade-leave-to[data-v-672b3f35] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-672b3f35 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-672b3f35 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-672b3f35] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-672b3f35] {
    color: #ffcf5c
}

.button[data-v-672b3f35] {
    font-weight: 700
}

.modal .modal-dialog[data-v-672b3f35] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-672b3f35] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-672b3f35] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-672b3f35], .modal .modal-dialog .modal-header[data-v-672b3f35] {
    border: none
}

#chartCommisst .highcharts-title[data-v-672b3f35] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-672b3f35] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-672b3f35] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-672b3f35], .modal .modal-dialog form[data-v-672b3f35] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-672b3f35] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-672b3f35], .FaqsDetail[data-v-672b3f35] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-672b3f35], .FaqsDetail[data-v-672b3f35] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-672b3f35], .FaqsDetail .headerMaster .boxHeader[data-v-672b3f35] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-672b3f35], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-672b3f35] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-672b3f35], .Faqs main[data-v-672b3f35] {
    background-color: unset
}

.titleChartCandle[data-v-672b3f35] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-672b3f35] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-672b3f35] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-672b3f35] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-672b3f35], .plotlineChart .time[data-v-672b3f35] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-672b3f35] {
    top: 51px
}

.boxHeader[data-v-672b3f35] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-672b3f35], .boxHeader .register[data-v-672b3f35] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-672b3f35] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-672b3f35] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-672b3f35] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-672b3f35] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-672b3f35]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-672b3f35] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-672b3f35]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-672b3f35] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-672b3f35]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-672b3f35] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-672b3f35] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-672b3f35] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-672b3f35] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-672b3f35] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-672b3f35] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-672b3f35] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-672b3f35] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-672b3f35] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-672b3f35] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-672b3f35] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-672b3f35] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-672b3f35] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-672b3f35] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-672b3f35] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-672b3f35] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-672b3f35] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-672b3f35] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-672b3f35] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-672b3f35] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-672b3f35] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-672b3f35] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-672b3f35] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-672b3f35] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-672b3f35] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-672b3f35] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-672b3f35] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-672b3f35] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-672b3f35] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-672b3f35] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-672b3f35] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-672b3f35] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-672b3f35] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-672b3f35] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-672b3f35] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-672b3f35] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-672b3f35] {
        height: 56px !important
    }
}

input.form-control[data-v-672b3f35], input[data-v-672b3f35], select.form-control[data-v-672b3f35], select[data-v-672b3f35] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-672b3f35] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-672b3f35] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-672b3f35] {
    line-height: 100%
}

.button.btn-long[data-v-672b3f35] {
    padding: 10px 40px
}

.button.btn-radius[data-v-672b3f35] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-672b3f35] {
    border-radius: 20px
}

.button.btn-full[data-v-672b3f35] {
    width: 100%
}

.button.btn-80[data-v-672b3f35] {
    width: 80%
}

.button.hasIcon[data-v-672b3f35] {
    padding-left: 50px
}

.button a[data-v-672b3f35] {
    display: block
}

.button .labelIcon[data-v-672b3f35] {
    position: absolute
}

.button .labelIcon svg[data-v-672b3f35] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-672b3f35] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-672b3f35]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-672b3f35] {
    outline: none
}

.keyboard-input-wrap[data-v-672b3f35] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-672b3f35] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-672b3f35] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-672b3f35] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-672b3f35] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-672b3f35] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-672b3f35] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-672b3f35] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-672b3f35] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-672b3f35] {
    font-size: 1.2em
}

.color-white[data-v-672b3f35] {
    color: #fff
}

.color-white-50[data-v-672b3f35] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-672b3f35] {
    display: none
}

.ld-loading .loading[data-v-672b3f35], .main-loading .loading[data-v-672b3f35] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-672b3f35] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-672b3f35]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-672b3f35]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-672b3f35] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-672b3f35] {
    -webkit-animation: rotate-data-v-672b3f35 1s linear infinite;
    animation: rotate-data-v-672b3f35 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-672b3f35] {
    stroke: transparent
}

.wrapNotify[data-v-672b3f35] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-672b3f35] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-672b3f35] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-672b3f35] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-672b3f35] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-672b3f35] {
    display: block
}

.wrapNotify .close-notify[data-v-672b3f35] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-672b3f35] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-672b3f35] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-672b3f35] {
    background-color: transparent
}

.colorWhite[data-v-672b3f35] {
    color: #fff
}

.colorRed[data-v-672b3f35] {
    color: #f46273
}

.colorGreen[data-v-672b3f35] {
    color: #31baa0
}

.colorGray[data-v-672b3f35] {
    color: #7c7c7c
}

.tableBackground[data-v-672b3f35] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-672b3f35] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-672b3f35], .tableBackground .table-dark th[data-v-672b3f35] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-672b3f35]:after, .tableBackground .table-dark th[data-v-672b3f35]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-672b3f35] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-672b3f35], .tableBackground .table-dark th[data-v-672b3f35] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-672b3f35]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-672b3f35]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-672b3f35] {
    background-color: #060642
}

.tableBackground #paging li[data-v-672b3f35] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-672b3f35] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-672b3f35] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-672b3f35], .customeTradeHistory[data-v-672b3f35] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-672b3f35], .customeTradeHistory .reportrange-text[data-v-672b3f35] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-672b3f35], .customeTradeHistory .reportrange-text .seperate[data-v-672b3f35] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-672b3f35], .customeTradeHistory .reportrange-text span[data-v-672b3f35] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-672b3f35] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-672b3f35] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-672b3f35] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-672b3f35]:after, .startDate .daterangepicker.openscenter[data-v-672b3f35]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-672b3f35] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-672b3f35] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-672b3f35] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-672b3f35] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-672b3f35] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-672b3f35] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-672b3f35] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-672b3f35] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-672b3f35] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-672b3f35] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-672b3f35] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-672b3f35] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-672b3f35] {
    text-align: center
}

.border-none[data-v-672b3f35] {
    border: none
}

.text-domain[data-v-672b3f35]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-672b3f35] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-672b3f35] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-672b3f35] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-672b3f35] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-672b3f35] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-672b3f35] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-672b3f35] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-672b3f35] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-672b3f35] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-672b3f35] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-672b3f35] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-672b3f35] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-672b3f35] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-672b3f35] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-672b3f35] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-672b3f35] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-672b3f35] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-672b3f35] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-672b3f35] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-672b3f35] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-672b3f35] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-672b3f35] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-672b3f35] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-672b3f35] {
    fill: #000
}

.btn-active-paging[data-v-672b3f35] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-672b3f35] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-672b3f35] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-672b3f35] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-672b3f35], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-672b3f35] {
    background: #8b8d96 !important
}

.transactionBox[data-v-672b3f35] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-672b3f35] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-672b3f35] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-672b3f35] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-672b3f35] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-672b3f35] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-672b3f35] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-672b3f35] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-672b3f35] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-672b3f35] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-672b3f35] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-672b3f35] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-672b3f35] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-672b3f35] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-672b3f35] {
    color: #2a74f9 !important
}

button[data-v-672b3f35]:active, button[data-v-672b3f35]:focus, button[data-v-672b3f35]:visited {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none
}

.color-green[data-v-672b3f35], .color-light-blue[data-v-672b3f35] {
    color: #31baa0 !important
}

.no-wrap[data-v-672b3f35] {
    white-space: nowrap
}

.font-12[data-v-672b3f35] {
    font-size: .75rem
}

.font-14[data-v-672b3f35] {
    font-size: .875rem
}

.font-18[data-v-672b3f35] {
    font-size: 1.125rem
}

.wbtn.btn-radius[data-v-672b3f35] {
    border-radius: 3px !important
}

.profitPercent[data-v-672b3f35] {
    font-size: 1.25rem
}

.btnTransparent[data-v-672b3f35] {
    position: relative;
    background-color: #02142b;
    height: 38px;
    line-height: 38px
}

.btnTransparent .iconAction[data-v-672b3f35] {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.groupButton .btn[data-v-672b3f35] {
    color: #fff;
    height: 60px
}

.groupButton .btn.btnSuccess[data-v-672b3f35] {
    background-color: #31baa0
}

    .groupButton .btn.btnSuccess[data-v-672b3f35]:hover {
        -webkit-filter: brightness(115%);
        filter: brightness(115%)
    }

.groupButton .btn.btnSuccess.colorDisable[data-v-672b3f35] {
    background-color: #7c7c7c
}

    .groupButton .btn.btnSuccess.colorDisable[data-v-672b3f35]:disabled {
        opacity: 1
    }

.groupButton .btn.btnDown[data-v-672b3f35] {
    background-color: #f46273
}

    .groupButton .btn.btnDown[data-v-672b3f35]:hover {
        -webkit-filter: brightness(115%);
        filter: brightness(115%)
    }

.groupButton .btn.btnDown.colorDisable[data-v-672b3f35] {
    background-color: #7c7c7c
}

    .groupButton .btn.btnDown.colorDisable[data-v-672b3f35]:disabled {
        opacity: 1
    }

#betAmount[data-v-672b3f35] {
    height: 100%;
    padding: .5rem 10px
}

.inputGroup[data-v-672b3f35] {
    position: relative;
    padding: 5px;
    border-radius: 4px;
    background-color: #02142b;
    border: 1px solid #1f2f53
}

.inputGroup .btnClear[data-v-672b3f35] {
    color: #fff;
    position: absolute;
    right: 6px;
    top: 50%;
    cursor: pointer;
    outline: unset;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.inputGroup input[data-v-672b3f35] {
    border-bottom: none
}

.inputGroup .icon[data-v-672b3f35] {
    position: absolute;
    top: 50%;
    left: 5px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .isLandscapeMobile .inputAmount[data-v-672b3f35] {
        font-size: .75rem !important
    }

    .mobile-version #betAmount .profitPercent[data-v-672b3f35] {
        margin-bottom: 0 !important
    }

    .mobile-version .groupButton .col-4[data-v-672b3f35] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .mobile-version .groupButton .mb-2[data-v-672b3f35] {
        margin-bottom: 4px !important
    }

    .mobile-version .groupButton .btn[data-v-672b3f35] {
        padding: 0;
        height: 30px;
        line-height: 30px
    }

    .mobile-version .groupButton .btn span[data-v-672b3f35] {
        font-size: 14px !important
    }

    .mobile-version .groupButton .btn svg[data-v-672b3f35] {
        max-width: 14px
    }

    .mobile-version .groupButton .btn.btnTransparent p[data-v-672b3f35] {
        font-size: 10px !important
    }
}

@media (max-width:768px) {
    .font-20[data-v-672b3f35] {
        font-size: 1rem !important
    }

    #betAmount[data-v-672b3f35] {
        background-color: unset !important
    }

    .mobile-version .groupButtonMobile .inputGroup[data-v-672b3f35] {
        padding: 0 5px
    }

    .mobile-version .groupButtonMobile .inputGroup input[data-v-672b3f35] {
        padding: 0;
        height: 42px !important;
        min-height: 42px !important;
        line-height: 42px !important;
        overflow: unset;
        max-width: 90%
    }

    .mobile-version #betAmount[data-v-672b3f35] {
        height: auto
    }

    #betAmount[data-v-672b3f35] {
        padding-top: 0;
        padding-bottom: 0
    }

    .inputGroup[data-v-672b3f35] {
        max-width: 200px;
        padding: 0 5px
    }

    .btnTransparent[data-v-672b3f35] {
        height: 47px;
        line-height: 47px
    }

    .groupButton .btn[data-v-672b3f35] {
        height: 47px
    }

    .groupButton.row[data-v-672b3f35] {
        margin-left: -4px;
        margin-right: -4px
    }

    .groupButton.row [class*=col-][data-v-672b3f35] {
        padding-left: 4px;
        padding-right: 4px
    }

    .profit[data-v-672b3f35] {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .profit p[data-v-672b3f35] {
        color: hsla(0,0%,100%,.5);
        margin-bottom: 0;
        margin-right: 5px
    }

    .profit .profitPercent[data-v-672b3f35] {
        font-size: 1.25rem
    }

    .profit .color-green[data-v-672b3f35] {
        font-size: 1.5rem !important
    }

    .inputGroup.active[data-v-672b3f35] {
        border-color: #2a74f9
    }
}

@media (min-width:1025px) {
    .inputGroup input[data-v-672b3f35] {
        width: 100%
    }
}

.slider.sliderLandscapeMobile[data-v-672b3f35] {
    margin-bottom: 0 !important
}

.slider.sliderLandscapeMobile p[data-v-672b3f35] {
    margin-bottom: 0
}

body[data-v-2ba39d70] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-2ba39d70]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-2ba39d70]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-2ba39d70]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-2ba39d70] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-2ba39d70]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-2ba39d70]::-webkit-inner-spin-button, input[data-v-2ba39d70]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-2ba39d70] {
    -moz-appearance: textfield
}

button[data-v-2ba39d70]:focus, input[data-v-2ba39d70]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-2ba39d70] {
    font-size: 8px
}

.font-10[data-v-2ba39d70] {
    font-size: .6rem !important
}

.font-12[data-v-2ba39d70] {
    font-size: 12px
}

.font-14[data-v-2ba39d70] {
    font-size: 14px
}

.font-16[data-v-2ba39d70] {
    font-size: 16px
}

.font-18[data-v-2ba39d70] {
    font-size: 18px
}

.font-20[data-v-2ba39d70] {
    font-size: 20px
}

.font-24[data-v-2ba39d70] {
    font-size: 24px
}

.font-32[data-v-2ba39d70] {
    font-size: 32px
}

.font-34[data-v-2ba39d70] {
    font-size: 34px
}

.font-40[data-v-2ba39d70] {
    font-size: 2.5rem !important
}

.font-44[data-v-2ba39d70] {
    font-size: 44px
}

.colorPrimary[data-v-2ba39d70] {
    color: #2a74f9
}

.colorPrimary1[data-v-2ba39d70] {
    color: #000 !important
}

.colorSecondary[data-v-2ba39d70] {
    color: #fff !important
}

.colorSecondary1[data-v-2ba39d70] {
    color: #414141 !important
}

.colorSecondary2[data-v-2ba39d70] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-2ba39d70] {
    color: #0d0d0d
}

.colorSecondary4[data-v-2ba39d70] {
    color: #02142b
}

.colorSecondary5[data-v-2ba39d70] {
    color: #1a1e24
}

.colorSecondary6[data-v-2ba39d70] {
    color: #fafafa
}

.colorSecondary7[data-v-2ba39d70] {
    color: #333
}

.colorSecondary8[data-v-2ba39d70] {
    color: #0e0031
}

.colorSuccess[data-v-2ba39d70] {
    color: #31baa0
}

.colorWarning[data-v-2ba39d70] {
    color: #ffcf5c
}

.colorDanger[data-v-2ba39d70] {
    color: #f46273
}

.fillPrimary[data-v-2ba39d70] {
    fill: #2a74f9
}

.fillWarning[data-v-2ba39d70] {
    fill: #ffcf5c
}

.fillDanger[data-v-2ba39d70] {
    fill: #f46273
}

.fillSecondary1[data-v-2ba39d70] {
    fill: #414141
}

.fillSecondary2[data-v-2ba39d70] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-2ba39d70] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-2ba39d70] {
    fill: #02142b
}

.fillSecondary5[data-v-2ba39d70] {
    fill: #1a1e24
}

.fillSecondary6[data-v-2ba39d70] {
    fill: #fafafa
}

.fillSecondary7[data-v-2ba39d70] {
    fill: #333
}

.fillSecondary8[data-v-2ba39d70] {
    fill: #0e0031
}

.textnote-notidesc[data-v-2ba39d70] {
    color: #fff
}

.bgColor0[data-v-2ba39d70] {
    background-color: transparent
}

.bgPrimary-hover[data-v-2ba39d70]:hover, .bgPrimary[data-v-2ba39d70] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-2ba39d70]:hover, .bgPrimary1[data-v-2ba39d70] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-2ba39d70]:hover, .bgPrimary2[data-v-2ba39d70] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-2ba39d70]:hover, .bgSecondary[data-v-2ba39d70] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-2ba39d70]:hover, .bgSecondary1[data-v-2ba39d70] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-2ba39d70]:hover, .bgSecondary2[data-v-2ba39d70] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-2ba39d70]:hover, .bgSecondary3[data-v-2ba39d70] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-2ba39d70] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-2ba39d70] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-2ba39d70]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-2ba39d70]:hover, .bgSecondary5[data-v-2ba39d70] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-2ba39d70]:hover, .bgSecondary6[data-v-2ba39d70] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-2ba39d70]:hover, .bgSecondary7[data-v-2ba39d70] {
    background-color: #333 !important
}

.bgSecondary8[data-v-2ba39d70] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-2ba39d70]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-2ba39d70] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-2ba39d70]:hover, .bgSuccess[data-v-2ba39d70] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-2ba39d70] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-2ba39d70] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-2ba39d70]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-2ba39d70] {
    fill: #31baa0
}

.w-14-px[data-v-2ba39d70] {
    width: 14px
}

.max-width-50[data-v-2ba39d70] {
    max-width: 50%
}

.h-60-px[data-v-2ba39d70] {
    height: 60px
}

.h-100-px[data-v-2ba39d70] {
    height: 100px
}

.mb-16-px[data-v-2ba39d70] {
    margin-bottom: 16px
}

.mb-30-px[data-v-2ba39d70] {
    margin-bottom: 30px
}

.borderRounded[data-v-2ba39d70] {
    border-radius: 5px
}

.borderPrimary[data-v-2ba39d70] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-2ba39d70] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-2ba39d70] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-2ba39d70] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-2ba39d70] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-2ba39d70] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-2ba39d70] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-2ba39d70] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-2ba39d70] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-2ba39d70] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-2ba39d70] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-2ba39d70] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-2ba39d70] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-2ba39d70] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-2ba39d70]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-2ba39d70] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-2ba39d70] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-2ba39d70] {
    padding: 1px
}

.px-1-px[data-v-2ba39d70] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-2ba39d70] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-2ba39d70] {
    padding-left: 1px
}

.pr-1-px[data-v-2ba39d70] {
    padding-right: 1px
}

.pt-1-px[data-v-2ba39d70] {
    padding-top: 1px
}

.pb-1-px[data-v-2ba39d70] {
    padding-bottom: 1px
}

.p-2-px[data-v-2ba39d70] {
    padding: 2px
}

.px-2-px[data-v-2ba39d70] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-2ba39d70] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-2ba39d70] {
    padding-left: 2px
}

.pr-2-px[data-v-2ba39d70] {
    padding-right: 2px
}

.pt-2-px[data-v-2ba39d70] {
    padding-top: 2px
}

.pb-2-px[data-v-2ba39d70] {
    padding-bottom: 2px
}

.p-8-px[data-v-2ba39d70] {
    padding: 8px
}

.px-8-px[data-v-2ba39d70] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-2ba39d70] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-2ba39d70] {
    padding-left: 8px
}

.pr-8-px[data-v-2ba39d70] {
    padding-right: 8px
}

.pt-8-px[data-v-2ba39d70] {
    padding-top: 8px
}

.pb-8-px[data-v-2ba39d70] {
    padding-bottom: 8px
}

.p-10-px[data-v-2ba39d70] {
    padding: 10px
}

.px-10-px[data-v-2ba39d70] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-2ba39d70] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-2ba39d70] {
    padding-left: 10px
}

.pr-10-px[data-v-2ba39d70] {
    padding-right: 10px
}

.pt-10-px[data-v-2ba39d70] {
    padding-top: 10px
}

.pb-10-px[data-v-2ba39d70] {
    padding-bottom: 10px
}

.p-12-px[data-v-2ba39d70] {
    padding: 12px
}

.px-12-px[data-v-2ba39d70] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-2ba39d70] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-2ba39d70] {
    padding-left: 12px
}

.pr-12-px[data-v-2ba39d70] {
    padding-right: 12px
}

.pt-12-px[data-v-2ba39d70] {
    padding-top: 12px
}

.pb-12-px[data-v-2ba39d70] {
    padding-bottom: 12px
}

.p-16-px[data-v-2ba39d70] {
    padding: 16px
}

.px-16-px[data-v-2ba39d70] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-2ba39d70] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-2ba39d70] {
    padding-left: 16px
}

.pr-16-px[data-v-2ba39d70] {
    padding-right: 16px
}

.pt-16-px[data-v-2ba39d70] {
    padding-top: 16px
}

.pb-16-px[data-v-2ba39d70] {
    padding-bottom: 16px
}

.p-30-px[data-v-2ba39d70] {
    padding: 30px
}

.px-30-px[data-v-2ba39d70] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-2ba39d70] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-2ba39d70] {
    padding-left: 30px
}

.pr-30-px[data-v-2ba39d70] {
    padding-right: 30px
}

.pt-30-px[data-v-2ba39d70] {
    padding-top: 30px
}

.pb-30-px[data-v-2ba39d70] {
    padding-bottom: 30px
}

.font-30[data-v-2ba39d70] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-2ba39d70] {
    font-weight: 700
}

.wbo-title[data-v-2ba39d70] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-2ba39d70] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-2ba39d70] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-2ba39d70] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-2ba39d70]:focus {
        outline: 0
    }

    .button[data-v-2ba39d70]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-2ba39d70] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-2ba39d70]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-2ba39d70] {
    padding: 11px 2.5rem
}

.button.primary[data-v-2ba39d70], .button.primary[data-v-2ba39d70]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-2ba39d70], .text-primary[data-v-2ba39d70], a .primary-hover[data-v-2ba39d70]:hover {
    color: #000 !important
}

ul[data-v-2ba39d70] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-2ba39d70], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-2ba39d70] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-2ba39d70]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-2ba39d70]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-2ba39d70], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-2ba39d70], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-2ba39d70]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-2ba39d70], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-2ba39d70], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-2ba39d70]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-2ba39d70], .faqsContent .content .navigator ul li a.active[data-v-2ba39d70]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-2ba39d70]:hover {
    color: #000
}

.ps[data-v-2ba39d70] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-2ba39d70] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-2ba39d70], .ps__rail-y[data-v-2ba39d70] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-2ba39d70] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-2ba39d70], .ps--active-y > .ps__rail-y[data-v-2ba39d70] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-2ba39d70], .ps--focus > .ps__rail-y[data-v-2ba39d70], .ps--scrolling-x > .ps__rail-x[data-v-2ba39d70], .ps--scrolling-y > .ps__rail-y[data-v-2ba39d70], .ps:hover > .ps__rail-x[data-v-2ba39d70], .ps:hover > .ps__rail-y[data-v-2ba39d70] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-2ba39d70], .ps .ps__rail-x[data-v-2ba39d70]:focus, .ps .ps__rail-x[data-v-2ba39d70]:hover, .ps .ps__rail-y.ps--clicking[data-v-2ba39d70], .ps .ps__rail-y[data-v-2ba39d70]:focus, .ps .ps__rail-y[data-v-2ba39d70]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-2ba39d70] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-2ba39d70] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-2ba39d70], .ps__rail-x:focus > .ps__thumb-x[data-v-2ba39d70], .ps__rail-x:hover > .ps__thumb-x[data-v-2ba39d70] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-2ba39d70], .ps__rail-y:focus > .ps__thumb-y[data-v-2ba39d70], .ps__rail-y:hover > .ps__thumb-y[data-v-2ba39d70] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-2ba39d70] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-2ba39d70] {
        overflow: auto !important
    }
}

.md-field[data-v-2ba39d70] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-2ba39d70] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-2ba39d70] {
    color: #2a74f9
}

.md-field .md-error[data-v-2ba39d70] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-2ba39d70] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-2ba39d70], .md-field.md-has-value label[data-v-2ba39d70] {
    top: -10px
}

.form-control[data-v-2ba39d70], .md-field .md-input[data-v-2ba39d70], .md-field .md-textarea[data-v-2ba39d70], .winput[data-v-2ba39d70] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-2ba39d70] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-2ba39d70] {
    fill: #0d0d0d
}

.round[data-v-2ba39d70] {
    border-radius: 5px
}

.off[data-v-2ba39d70] {
    position: relative;
    cursor: default
}

.off > [data-v-2ba39d70] {
    opacity: .5
}

.off[data-v-2ba39d70]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-2ba39d70] {
    cursor: pointer
}

.close-page[data-v-2ba39d70] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-2ba39d70] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-2ba39d70], .slide-fade-leave-active[data-v-2ba39d70] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-2ba39d70], .slide-fade-leave-to[data-v-2ba39d70] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-2ba39d70 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-2ba39d70 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-2ba39d70] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-2ba39d70] {
    color: #ffcf5c
}

.button[data-v-2ba39d70] {
    font-weight: 700
}

.modal .modal-dialog[data-v-2ba39d70] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-2ba39d70] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-2ba39d70] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-2ba39d70], .modal .modal-dialog .modal-header[data-v-2ba39d70] {
    border: none
}

#chartCommisst .highcharts-title[data-v-2ba39d70] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-2ba39d70] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-2ba39d70] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-2ba39d70], .modal .modal-dialog form[data-v-2ba39d70] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-2ba39d70] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-2ba39d70], .FaqsDetail[data-v-2ba39d70] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-2ba39d70], .FaqsDetail[data-v-2ba39d70] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-2ba39d70], .FaqsDetail .headerMaster .boxHeader[data-v-2ba39d70] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-2ba39d70], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-2ba39d70] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-2ba39d70], .Faqs main[data-v-2ba39d70] {
    background-color: unset
}

.titleChartCandle[data-v-2ba39d70] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-2ba39d70] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-2ba39d70] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-2ba39d70] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-2ba39d70], .plotlineChart .time[data-v-2ba39d70] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-2ba39d70] {
    top: 51px
}

.boxHeader[data-v-2ba39d70] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-2ba39d70], .boxHeader .register[data-v-2ba39d70] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-2ba39d70] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-2ba39d70] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-2ba39d70] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-2ba39d70] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-2ba39d70]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-2ba39d70] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-2ba39d70]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-2ba39d70] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-2ba39d70]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-2ba39d70] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-2ba39d70] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-2ba39d70] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-2ba39d70] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-2ba39d70] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-2ba39d70] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-2ba39d70] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-2ba39d70] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-2ba39d70] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-2ba39d70] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-2ba39d70] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-2ba39d70] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-2ba39d70] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-2ba39d70] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-2ba39d70] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-2ba39d70] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-2ba39d70] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-2ba39d70] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-2ba39d70] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-2ba39d70] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-2ba39d70] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-2ba39d70] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-2ba39d70] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-2ba39d70] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-2ba39d70] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-2ba39d70] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-2ba39d70] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-2ba39d70] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-2ba39d70] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-2ba39d70] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-2ba39d70] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-2ba39d70] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-2ba39d70] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-2ba39d70] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-2ba39d70] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-2ba39d70] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-2ba39d70] {
        height: 56px !important
    }
}

input.form-control[data-v-2ba39d70], input[data-v-2ba39d70], select.form-control[data-v-2ba39d70], select[data-v-2ba39d70] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-2ba39d70] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-2ba39d70] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-2ba39d70] {
    line-height: 100%
}

.button.btn-long[data-v-2ba39d70] {
    padding: 10px 40px
}

.button.btn-radius[data-v-2ba39d70] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-2ba39d70] {
    border-radius: 20px
}

.button.btn-full[data-v-2ba39d70] {
    width: 100%
}

.button.btn-80[data-v-2ba39d70] {
    width: 80%
}

.button.hasIcon[data-v-2ba39d70] {
    padding-left: 50px
}

.button a[data-v-2ba39d70] {
    display: block
}

.button .labelIcon[data-v-2ba39d70] {
    position: absolute
}

.button .labelIcon svg[data-v-2ba39d70] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-2ba39d70] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-2ba39d70]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-2ba39d70] {
    outline: none
}

.keyboard-input-wrap[data-v-2ba39d70] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-2ba39d70] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-2ba39d70] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-2ba39d70] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-2ba39d70] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-2ba39d70] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-2ba39d70] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-2ba39d70] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-2ba39d70] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-2ba39d70] {
    font-size: 1.2em
}

.color-white[data-v-2ba39d70] {
    color: #fff
}

.color-white-50[data-v-2ba39d70] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-2ba39d70] {
    display: none
}

.ld-loading .loading[data-v-2ba39d70], .main-loading .loading[data-v-2ba39d70] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-2ba39d70] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-2ba39d70]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-2ba39d70]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-2ba39d70] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-2ba39d70] {
    -webkit-animation: rotate-data-v-2ba39d70 1s linear infinite;
    animation: rotate-data-v-2ba39d70 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-2ba39d70] {
    stroke: transparent
}

.wrapNotify[data-v-2ba39d70] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-2ba39d70] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-2ba39d70] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-2ba39d70] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-2ba39d70] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-2ba39d70] {
    display: block
}

.wrapNotify .close-notify[data-v-2ba39d70] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-2ba39d70] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-2ba39d70] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-2ba39d70] {
    background-color: transparent
}

.colorWhite[data-v-2ba39d70] {
    color: #fff
}

.colorRed[data-v-2ba39d70] {
    color: #f46273
}

.colorGreen[data-v-2ba39d70] {
    color: #31baa0
}

.colorGray[data-v-2ba39d70] {
    color: #7c7c7c
}

.tableBackground[data-v-2ba39d70] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-2ba39d70] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-2ba39d70], .tableBackground .table-dark th[data-v-2ba39d70] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-2ba39d70]:after, .tableBackground .table-dark th[data-v-2ba39d70]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-2ba39d70] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-2ba39d70], .tableBackground .table-dark th[data-v-2ba39d70] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-2ba39d70]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-2ba39d70]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-2ba39d70] {
    background-color: #060642
}

.tableBackground #paging li[data-v-2ba39d70] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-2ba39d70] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-2ba39d70] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-2ba39d70], .customeTradeHistory[data-v-2ba39d70] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-2ba39d70], .customeTradeHistory .reportrange-text[data-v-2ba39d70] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-2ba39d70], .customeTradeHistory .reportrange-text .seperate[data-v-2ba39d70] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-2ba39d70], .customeTradeHistory .reportrange-text span[data-v-2ba39d70] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-2ba39d70] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-2ba39d70] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-2ba39d70] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-2ba39d70]:after, .startDate .daterangepicker.openscenter[data-v-2ba39d70]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-2ba39d70] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-2ba39d70] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-2ba39d70] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-2ba39d70] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-2ba39d70] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-2ba39d70] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-2ba39d70] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-2ba39d70] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-2ba39d70] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-2ba39d70] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-2ba39d70] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-2ba39d70] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-2ba39d70] {
    text-align: center
}

.border-none[data-v-2ba39d70] {
    border: none
}

.text-domain[data-v-2ba39d70]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-2ba39d70] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-2ba39d70] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-2ba39d70] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-2ba39d70] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-2ba39d70] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-2ba39d70] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-2ba39d70] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-2ba39d70] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-2ba39d70] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-2ba39d70] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-2ba39d70] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-2ba39d70] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-2ba39d70] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-2ba39d70] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-2ba39d70] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-2ba39d70] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-2ba39d70] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-2ba39d70] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-2ba39d70] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-2ba39d70] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-2ba39d70] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-2ba39d70] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-2ba39d70] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-2ba39d70] {
    fill: #000
}

.btn-active-paging[data-v-2ba39d70] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-2ba39d70] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-2ba39d70] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-2ba39d70] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-2ba39d70], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-2ba39d70] {
    background: #8b8d96 !important
}

.transactionBox[data-v-2ba39d70] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-2ba39d70] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-2ba39d70] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-2ba39d70] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-2ba39d70] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-2ba39d70] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-2ba39d70] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-2ba39d70] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-2ba39d70] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-2ba39d70] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-2ba39d70] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-2ba39d70] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-2ba39d70] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-2ba39d70] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-2ba39d70] {
    color: #2a74f9 !important
}

.toggleButton[data-v-2ba39d70] {
    display: inline-block;
    overflow: hidden;
    width: 55px;
    height: 25px;
    border-radius: 25px;
    border: 1px solid #0d0d0d;
    background-color: transparent;
    position: relative
}

.toggleButton.isNotButtonOnOff[data-v-2ba39d70] {
    background-color: #2a74f9
}

.toggleButton .status[data-v-2ba39d70] {
    position: absolute;
    top: 2px;
    left: 2px;
    display: block;
    overflow: hidden;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    z-index: 2;
    -webkit-transition: -webkit-transform .2s linear;
    transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear,-webkit-transform .2s linear
}

.toggleButton .status.no[data-v-2ba39d70] {
    -webkit-transform: translate(0);
    transform: translate(0)
}

.toggleButton .status.yes[data-v-2ba39d70] {
    -webkit-transform: translate(30px);
    transform: translate(30px)
}

.toggleButton.isButtonOnOff[data-v-2ba39d70] {
    background-color: #414141;
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear
}

.toggleButton.hasBg[data-v-2ba39d70], .toggleButton.isButtonOnOff.hasBg[data-v-2ba39d70] {
    background-color: #31baa0
}

@keyframes aniRound-data-v-2ba39d70 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }

    to {
        -webkit-transform: rotate(-2turn);
        transform: rotate(-2turn)
    }
}

@-webkit-keyframes aniRound-data-v-2ba39d70 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }

    to {
        -webkit-transform: rotate(-2turn);
        transform: rotate(-2turn)
    }
}

.indicatorsPopup[data-v-2ba39d70] {
    position: absolute;
    left: 155px;
    top: 7px;
    height: 40px;
    width: auto;
    z-index: 500;
    outline: none;
    display: none !important
}

.indicatorsPopup .menuPopup[data-v-2ba39d70] {
    position: absolute;
    top: 140%;
    left: 0;
    height: auto;
    padding: 15px;
    background: #02142b;
    min-width: 300px;
    font-size: 16px;
    font-weight: 700;
    border: 1px solid #1f2f53;
    border-radius: 10px
}

.indicatorsPopup .menuPopup .header h2[data-v-2ba39d70] {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px solid #1f2f53;
    padding-bottom: 20px;
    padding-top: 10px;
    margin-bottom: 15px
}

.indicatorsPopup .menuPopup .list[data-v-2ba39d70] {
    width: 100%
}

.indicatorsPopup .menuPopup .list li[data-v-2ba39d70] {
    width: 100%;
    padding: 8px
}

.indicatorsPopup .menuPopup .list li img[data-v-2ba39d70] {
    width: 25px
}

.indicatorsPopup .btnIndicator[data-v-2ba39d70] {
    width: 44px;
    height: 44px;
    padding: 10px;
    background-color: #02142b;
    border: none;
    border-radius: 4px
}

    .indicatorsPopup .btnIndicator[data-v-2ba39d70]:hover {
        cursor: pointer
    }

    .indicatorsPopup .btnIndicator[data-v-2ba39d70]:disabled {
        cursor: not-allowed;
        color: #414141 !important
    }

.indicatorsPopup .btnIndicator.loading svg[data-v-2ba39d70] {
    animation: aniRound-data-v-2ba39d70 1s linear infinite;
    -webkit-animation: aniRound-data-v-2ba39d70 1s linear infinite
}

@media (max-width:768px) {
    .indicatorsPopup[data-v-2ba39d70] {
        left: 114px
    }

    .indicatorsPopup .btnIndicator[data-v-2ba39d70] {
        width: 34px;
        height: 34px
    }
}

.mobilePopup[data-v-2ba39d70] {
    position: fixed;
    left: 0;
    width: 100vw;
    height: 100vh
}

.mobilePopup.notShow .body[data-v-2ba39d70], .mobilePopup.notShow[data-v-2ba39d70] {
    -webkit-transition: all 1s linear;
    transition: all 1s linear;
    bottom: -100vh
}

.mobilePopup.show[data-v-2ba39d70] {
    bottom: 0
}

.mobilePopup.show .body[data-v-2ba39d70] {
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
    bottom: 0
}

.mobilePopup.show .overlay[data-v-2ba39d70] {
    opacity: 1
}

.mobilePopup .overlay[data-v-2ba39d70] {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 200;
    background-color: rgba(0,0,0,.5);
    opacity: 0
}

.mobilePopup .body[data-v-2ba39d70] {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    font-size: 16px;
    font-weight: 700;
    overflow: hidden;
    position: absolute;
    left: 0;
    height: 246px;
    width: 100%;
    z-index: 9999;
    background-color: #02142b
}

.mobilePopup .header[data-v-2ba39d70] {
    text-align: center;
    padding: 20px 0;
    background: #1d233b
}

.mobilePopup .header h2[data-v-2ba39d70] {
    color: #02142b;
    margin: 0;
    font-size: 16px;
    font-weight: 700
}

.mobilePopup .content[data-v-2ba39d70] {
    padding: 32px 15px
}

.mobilePopup .content .contentBox[data-v-2ba39d70] {
    padding: 0 10px;
    background: #1d233b;
    height: 54px;
    border-radius: 8px
}

body[data-v-b863df0a] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-b863df0a]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-b863df0a]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-b863df0a]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-b863df0a] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-b863df0a]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-b863df0a]::-webkit-inner-spin-button, input[data-v-b863df0a]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-b863df0a] {
    -moz-appearance: textfield
}

button[data-v-b863df0a]:focus, input[data-v-b863df0a]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-b863df0a] {
    font-size: 8px
}

.font-10[data-v-b863df0a] {
    font-size: .6rem !important
}

.font-12[data-v-b863df0a] {
    font-size: 12px
}

.font-14[data-v-b863df0a] {
    font-size: 14px
}

.font-16[data-v-b863df0a] {
    font-size: 16px
}

.font-18[data-v-b863df0a] {
    font-size: 18px
}

.font-20[data-v-b863df0a] {
    font-size: 20px
}

.font-24[data-v-b863df0a] {
    font-size: 24px
}

.font-32[data-v-b863df0a] {
    font-size: 32px
}

.font-34[data-v-b863df0a] {
    font-size: 34px
}

.font-40[data-v-b863df0a] {
    font-size: 2.5rem !important
}

.font-44[data-v-b863df0a] {
    font-size: 44px
}

.colorPrimary[data-v-b863df0a] {
    color: #2a74f9
}

.colorPrimary1[data-v-b863df0a] {
    color: #000 !important
}

.colorSecondary[data-v-b863df0a] {
    color: #fff !important
}

.colorSecondary1[data-v-b863df0a] {
    color: #414141 !important
}

.colorSecondary2[data-v-b863df0a] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-b863df0a] {
    color: #0d0d0d
}

.colorSecondary4[data-v-b863df0a] {
    color: #02142b
}

.colorSecondary5[data-v-b863df0a] {
    color: #1a1e24
}

.colorSecondary6[data-v-b863df0a] {
    color: #fafafa
}

.colorSecondary7[data-v-b863df0a] {
    color: #333
}

.colorSecondary8[data-v-b863df0a] {
    color: #0e0031
}

.colorSuccess[data-v-b863df0a] {
    color: #31baa0
}

.colorWarning[data-v-b863df0a] {
    color: #ffcf5c
}

.colorDanger[data-v-b863df0a] {
    color: #f46273
}

.fillPrimary[data-v-b863df0a] {
    fill: #2a74f9
}

.fillWarning[data-v-b863df0a] {
    fill: #ffcf5c
}

.fillDanger[data-v-b863df0a] {
    fill: #f46273
}

.fillSecondary1[data-v-b863df0a] {
    fill: #414141
}

.fillSecondary2[data-v-b863df0a] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-b863df0a] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-b863df0a] {
    fill: #02142b
}

.fillSecondary5[data-v-b863df0a] {
    fill: #1a1e24
}

.fillSecondary6[data-v-b863df0a] {
    fill: #fafafa
}

.fillSecondary7[data-v-b863df0a] {
    fill: #333
}

.fillSecondary8[data-v-b863df0a] {
    fill: #0e0031
}

.textnote-notidesc[data-v-b863df0a] {
    color: #fff
}

.bgColor0[data-v-b863df0a] {
    background-color: transparent
}

.bgPrimary-hover[data-v-b863df0a]:hover, .bgPrimary[data-v-b863df0a] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-b863df0a]:hover, .bgPrimary1[data-v-b863df0a] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-b863df0a]:hover, .bgPrimary2[data-v-b863df0a] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-b863df0a]:hover, .bgSecondary[data-v-b863df0a] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-b863df0a]:hover, .bgSecondary1[data-v-b863df0a] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-b863df0a]:hover, .bgSecondary2[data-v-b863df0a] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-b863df0a]:hover, .bgSecondary3[data-v-b863df0a] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-b863df0a] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-b863df0a] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-b863df0a]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-b863df0a]:hover, .bgSecondary5[data-v-b863df0a] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-b863df0a]:hover, .bgSecondary6[data-v-b863df0a] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-b863df0a]:hover, .bgSecondary7[data-v-b863df0a] {
    background-color: #333 !important
}

.bgSecondary8[data-v-b863df0a] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-b863df0a]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-b863df0a] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-b863df0a]:hover, .bgSuccess[data-v-b863df0a] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-b863df0a] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-b863df0a] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-b863df0a]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-b863df0a] {
    fill: #31baa0
}

.w-14-px[data-v-b863df0a] {
    width: 14px
}

.max-width-50[data-v-b863df0a] {
    max-width: 50%
}

.h-60-px[data-v-b863df0a] {
    height: 60px
}

.h-100-px[data-v-b863df0a] {
    height: 100px
}

.mb-16-px[data-v-b863df0a] {
    margin-bottom: 16px
}

.mb-30-px[data-v-b863df0a] {
    margin-bottom: 30px
}

.borderRounded[data-v-b863df0a] {
    border-radius: 5px
}

.borderPrimary[data-v-b863df0a] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-b863df0a] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-b863df0a] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-b863df0a] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-b863df0a] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-b863df0a] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-b863df0a] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-b863df0a] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-b863df0a] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-b863df0a] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-b863df0a] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-b863df0a] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-b863df0a] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-b863df0a] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-b863df0a]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-b863df0a] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-b863df0a] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-b863df0a] {
    padding: 1px
}

.px-1-px[data-v-b863df0a] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-b863df0a] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-b863df0a] {
    padding-left: 1px
}

.pr-1-px[data-v-b863df0a] {
    padding-right: 1px
}

.pt-1-px[data-v-b863df0a] {
    padding-top: 1px
}

.pb-1-px[data-v-b863df0a] {
    padding-bottom: 1px
}

.p-2-px[data-v-b863df0a] {
    padding: 2px
}

.px-2-px[data-v-b863df0a] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-b863df0a] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-b863df0a] {
    padding-left: 2px
}

.pr-2-px[data-v-b863df0a] {
    padding-right: 2px
}

.pt-2-px[data-v-b863df0a] {
    padding-top: 2px
}

.pb-2-px[data-v-b863df0a] {
    padding-bottom: 2px
}

.p-8-px[data-v-b863df0a] {
    padding: 8px
}

.px-8-px[data-v-b863df0a] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-b863df0a] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-b863df0a] {
    padding-left: 8px
}

.pr-8-px[data-v-b863df0a] {
    padding-right: 8px
}

.pt-8-px[data-v-b863df0a] {
    padding-top: 8px
}

.pb-8-px[data-v-b863df0a] {
    padding-bottom: 8px
}

.p-10-px[data-v-b863df0a] {
    padding: 10px
}

.px-10-px[data-v-b863df0a] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-b863df0a] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-b863df0a] {
    padding-left: 10px
}

.pr-10-px[data-v-b863df0a] {
    padding-right: 10px
}

.pt-10-px[data-v-b863df0a] {
    padding-top: 10px
}

.pb-10-px[data-v-b863df0a] {
    padding-bottom: 10px
}

.p-12-px[data-v-b863df0a] {
    padding: 12px
}

.px-12-px[data-v-b863df0a] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-b863df0a] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-b863df0a] {
    padding-left: 12px
}

.pr-12-px[data-v-b863df0a] {
    padding-right: 12px
}

.pt-12-px[data-v-b863df0a] {
    padding-top: 12px
}

.pb-12-px[data-v-b863df0a] {
    padding-bottom: 12px
}

.p-16-px[data-v-b863df0a] {
    padding: 16px
}

.px-16-px[data-v-b863df0a] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-b863df0a] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-b863df0a] {
    padding-left: 16px
}

.pr-16-px[data-v-b863df0a] {
    padding-right: 16px
}

.pt-16-px[data-v-b863df0a] {
    padding-top: 16px
}

.pb-16-px[data-v-b863df0a] {
    padding-bottom: 16px
}

.p-30-px[data-v-b863df0a] {
    padding: 30px
}

.px-30-px[data-v-b863df0a] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-b863df0a] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-b863df0a] {
    padding-left: 30px
}

.pr-30-px[data-v-b863df0a] {
    padding-right: 30px
}

.pt-30-px[data-v-b863df0a] {
    padding-top: 30px
}

.pb-30-px[data-v-b863df0a] {
    padding-bottom: 30px
}

.font-30[data-v-b863df0a] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-b863df0a] {
    font-weight: 700
}

.wbo-title[data-v-b863df0a] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-b863df0a] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-b863df0a] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-b863df0a] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-b863df0a]:focus {
        outline: 0
    }

    .button[data-v-b863df0a]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-b863df0a] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-b863df0a]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-b863df0a] {
    padding: 11px 2.5rem
}

.button.primary[data-v-b863df0a], .button.primary[data-v-b863df0a]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-b863df0a], .text-primary[data-v-b863df0a], a .primary-hover[data-v-b863df0a]:hover {
    color: #000 !important
}

ul[data-v-b863df0a] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-b863df0a], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-b863df0a] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-b863df0a]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-b863df0a]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-b863df0a], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-b863df0a], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-b863df0a]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-b863df0a], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-b863df0a], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-b863df0a]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-b863df0a], .faqsContent .content .navigator ul li a.active[data-v-b863df0a]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-b863df0a]:hover {
    color: #000
}

.ps[data-v-b863df0a] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-b863df0a] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-b863df0a], .ps__rail-y[data-v-b863df0a] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-b863df0a] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-b863df0a], .ps--active-y > .ps__rail-y[data-v-b863df0a] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-b863df0a], .ps--focus > .ps__rail-y[data-v-b863df0a], .ps--scrolling-x > .ps__rail-x[data-v-b863df0a], .ps--scrolling-y > .ps__rail-y[data-v-b863df0a], .ps:hover > .ps__rail-x[data-v-b863df0a], .ps:hover > .ps__rail-y[data-v-b863df0a] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-b863df0a], .ps .ps__rail-x[data-v-b863df0a]:focus, .ps .ps__rail-x[data-v-b863df0a]:hover, .ps .ps__rail-y.ps--clicking[data-v-b863df0a], .ps .ps__rail-y[data-v-b863df0a]:focus, .ps .ps__rail-y[data-v-b863df0a]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-b863df0a] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-b863df0a] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-b863df0a], .ps__rail-x:focus > .ps__thumb-x[data-v-b863df0a], .ps__rail-x:hover > .ps__thumb-x[data-v-b863df0a] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-b863df0a], .ps__rail-y:focus > .ps__thumb-y[data-v-b863df0a], .ps__rail-y:hover > .ps__thumb-y[data-v-b863df0a] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-b863df0a] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-b863df0a] {
        overflow: auto !important
    }
}

.md-field[data-v-b863df0a] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-b863df0a] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-b863df0a] {
    color: #2a74f9
}

.md-field .md-error[data-v-b863df0a] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-b863df0a] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-b863df0a], .md-field.md-has-value label[data-v-b863df0a] {
    top: -10px
}

.form-control[data-v-b863df0a], .md-field .md-input[data-v-b863df0a], .md-field .md-textarea[data-v-b863df0a], .winput[data-v-b863df0a] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-b863df0a] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-b863df0a] {
    fill: #0d0d0d
}

.round[data-v-b863df0a] {
    border-radius: 5px
}

.off[data-v-b863df0a] {
    position: relative;
    cursor: default
}

.off > [data-v-b863df0a] {
    opacity: .5
}

.off[data-v-b863df0a]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-b863df0a] {
    cursor: pointer
}

.close-page[data-v-b863df0a] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-b863df0a] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-b863df0a], .slide-fade-leave-active[data-v-b863df0a] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-b863df0a], .slide-fade-leave-to[data-v-b863df0a] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-b863df0a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-b863df0a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-b863df0a] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-b863df0a] {
    color: #ffcf5c
}

.button[data-v-b863df0a] {
    font-weight: 700
}

.modal .modal-dialog[data-v-b863df0a] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-b863df0a] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-b863df0a] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-b863df0a], .modal .modal-dialog .modal-header[data-v-b863df0a] {
    border: none
}

#chartCommisst .highcharts-title[data-v-b863df0a] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-b863df0a] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-b863df0a] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-b863df0a], .modal .modal-dialog form[data-v-b863df0a] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-b863df0a] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-b863df0a], .FaqsDetail[data-v-b863df0a] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-b863df0a], .FaqsDetail[data-v-b863df0a] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-b863df0a], .FaqsDetail .headerMaster .boxHeader[data-v-b863df0a] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-b863df0a], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-b863df0a] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-b863df0a], .Faqs main[data-v-b863df0a] {
    background-color: unset
}

.titleChartCandle[data-v-b863df0a] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-b863df0a] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-b863df0a] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-b863df0a] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-b863df0a], .plotlineChart .time[data-v-b863df0a] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-b863df0a] {
    top: 51px
}

.boxHeader[data-v-b863df0a] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-b863df0a], .boxHeader .register[data-v-b863df0a] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-b863df0a] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-b863df0a] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-b863df0a] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-b863df0a] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-b863df0a]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-b863df0a] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-b863df0a]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-b863df0a] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-b863df0a]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-b863df0a] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-b863df0a] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-b863df0a] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-b863df0a] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-b863df0a] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-b863df0a] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-b863df0a] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-b863df0a] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-b863df0a] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-b863df0a] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-b863df0a] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-b863df0a] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-b863df0a] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-b863df0a] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-b863df0a] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-b863df0a] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-b863df0a] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-b863df0a] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-b863df0a] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-b863df0a] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-b863df0a] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-b863df0a] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-b863df0a] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-b863df0a] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-b863df0a] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-b863df0a] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-b863df0a] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-b863df0a] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-b863df0a] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-b863df0a] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-b863df0a] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-b863df0a] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-b863df0a] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-b863df0a] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-b863df0a] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-b863df0a] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-b863df0a] {
        height: 56px !important
    }
}

input.form-control[data-v-b863df0a], input[data-v-b863df0a], select.form-control[data-v-b863df0a], select[data-v-b863df0a] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-b863df0a] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-b863df0a] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-b863df0a] {
    line-height: 100%
}

.button.btn-long[data-v-b863df0a] {
    padding: 10px 40px
}

.button.btn-radius[data-v-b863df0a] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-b863df0a] {
    border-radius: 20px
}

.button.btn-full[data-v-b863df0a] {
    width: 100%
}

.button.btn-80[data-v-b863df0a] {
    width: 80%
}

.button.hasIcon[data-v-b863df0a] {
    padding-left: 50px
}

.button a[data-v-b863df0a] {
    display: block
}

.button .labelIcon[data-v-b863df0a] {
    position: absolute
}

.button .labelIcon svg[data-v-b863df0a] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-b863df0a] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-b863df0a]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-b863df0a] {
    outline: none
}

.keyboard-input-wrap[data-v-b863df0a] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-b863df0a] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-b863df0a] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-b863df0a] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-b863df0a] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-b863df0a] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-b863df0a] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-b863df0a] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-b863df0a] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-b863df0a] {
    font-size: 1.2em
}

.color-white[data-v-b863df0a] {
    color: #fff
}

.color-white-50[data-v-b863df0a] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-b863df0a] {
    display: none
}

.ld-loading .loading[data-v-b863df0a], .main-loading .loading[data-v-b863df0a] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-b863df0a] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-b863df0a]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-b863df0a]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-b863df0a] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-b863df0a] {
    -webkit-animation: rotate-data-v-b863df0a 1s linear infinite;
    animation: rotate-data-v-b863df0a 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-b863df0a] {
    stroke: transparent
}

.wrapNotify[data-v-b863df0a] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-b863df0a] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-b863df0a] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-b863df0a] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-b863df0a] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-b863df0a] {
    display: block
}

.wrapNotify .close-notify[data-v-b863df0a] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-b863df0a] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-b863df0a] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-b863df0a] {
    background-color: transparent
}

.colorWhite[data-v-b863df0a] {
    color: #fff
}

.colorRed[data-v-b863df0a] {
    color: #f46273
}

.colorGreen[data-v-b863df0a] {
    color: #31baa0
}

.colorGray[data-v-b863df0a] {
    color: #7c7c7c
}

.tableBackground[data-v-b863df0a] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-b863df0a] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-b863df0a], .tableBackground .table-dark th[data-v-b863df0a] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-b863df0a]:after, .tableBackground .table-dark th[data-v-b863df0a]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-b863df0a] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-b863df0a], .tableBackground .table-dark th[data-v-b863df0a] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-b863df0a]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-b863df0a]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-b863df0a] {
    background-color: #060642
}

.tableBackground #paging li[data-v-b863df0a] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-b863df0a] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-b863df0a] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-b863df0a], .customeTradeHistory[data-v-b863df0a] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-b863df0a], .customeTradeHistory .reportrange-text[data-v-b863df0a] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-b863df0a], .customeTradeHistory .reportrange-text .seperate[data-v-b863df0a] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-b863df0a], .customeTradeHistory .reportrange-text span[data-v-b863df0a] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-b863df0a] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-b863df0a] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-b863df0a] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-b863df0a]:after, .startDate .daterangepicker.openscenter[data-v-b863df0a]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-b863df0a] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-b863df0a] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-b863df0a] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-b863df0a] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-b863df0a] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-b863df0a] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-b863df0a] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-b863df0a] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-b863df0a] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-b863df0a] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-b863df0a] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-b863df0a] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-b863df0a] {
    text-align: center
}

.border-none[data-v-b863df0a] {
    border: none
}

.text-domain[data-v-b863df0a]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-b863df0a] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-b863df0a] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-b863df0a] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-b863df0a] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-b863df0a] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-b863df0a] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-b863df0a] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-b863df0a] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-b863df0a] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-b863df0a] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-b863df0a] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-b863df0a] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-b863df0a] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-b863df0a] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-b863df0a] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-b863df0a] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-b863df0a] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-b863df0a] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-b863df0a] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-b863df0a] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-b863df0a] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-b863df0a] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-b863df0a] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-b863df0a] {
    fill: #000
}

.btn-active-paging[data-v-b863df0a] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-b863df0a] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-b863df0a] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-b863df0a] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-b863df0a], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-b863df0a] {
    background: #8b8d96 !important
}

.transactionBox[data-v-b863df0a] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-b863df0a] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-b863df0a] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-b863df0a] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-b863df0a] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-b863df0a] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-b863df0a] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-b863df0a] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-b863df0a] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-b863df0a] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-b863df0a] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-b863df0a] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-b863df0a] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-b863df0a] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-b863df0a] {
    color: #2a74f9 !important
}

.blockSound[data-v-b863df0a] {
    display: block;
    overflow: hidden;
    width: 0;
    height: 0
}

body[data-v-730ce484] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-730ce484]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-730ce484]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-730ce484]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-730ce484] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-730ce484]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-730ce484]::-webkit-inner-spin-button, input[data-v-730ce484]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-730ce484] {
    -moz-appearance: textfield
}

button[data-v-730ce484]:focus, input[data-v-730ce484]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-730ce484] {
    font-size: 8px
}

.font-10[data-v-730ce484] {
    font-size: .6rem !important
}

.font-12[data-v-730ce484] {
    font-size: 12px
}

.font-14[data-v-730ce484] {
    font-size: 14px
}

.font-16[data-v-730ce484] {
    font-size: 16px
}

.font-18[data-v-730ce484] {
    font-size: 18px
}

.font-20[data-v-730ce484] {
    font-size: 20px
}

.font-24[data-v-730ce484] {
    font-size: 24px
}

.font-32[data-v-730ce484] {
    font-size: 32px
}

.font-34[data-v-730ce484] {
    font-size: 34px
}

.font-40[data-v-730ce484] {
    font-size: 2.5rem !important
}

.font-44[data-v-730ce484] {
    font-size: 44px
}

.colorPrimary[data-v-730ce484] {
    color: #2a74f9
}

.colorPrimary1[data-v-730ce484] {
    color: #000 !important
}

.colorSecondary[data-v-730ce484] {
    color: #fff !important
}

.colorSecondary1[data-v-730ce484] {
    color: #414141 !important
}

.colorSecondary2[data-v-730ce484] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-730ce484] {
    color: #0d0d0d
}

.colorSecondary4[data-v-730ce484] {
    color: #02142b
}

.colorSecondary5[data-v-730ce484] {
    color: #1a1e24
}

.colorSecondary6[data-v-730ce484] {
    color: #fafafa
}

.colorSecondary7[data-v-730ce484] {
    color: #333
}

.colorSecondary8[data-v-730ce484] {
    color: #0e0031
}

.colorSuccess[data-v-730ce484] {
    color: #31baa0
}

.colorWarning[data-v-730ce484] {
    color: #ffcf5c
}

.colorDanger[data-v-730ce484] {
    color: #f46273
}

.fillPrimary[data-v-730ce484] {
    fill: #2a74f9
}

.fillWarning[data-v-730ce484] {
    fill: #ffcf5c
}

.fillDanger[data-v-730ce484] {
    fill: #f46273
}

.fillSecondary1[data-v-730ce484] {
    fill: #414141
}

.fillSecondary2[data-v-730ce484] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-730ce484] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-730ce484] {
    fill: #02142b
}

.fillSecondary5[data-v-730ce484] {
    fill: #1a1e24
}

.fillSecondary6[data-v-730ce484] {
    fill: #fafafa
}

.fillSecondary7[data-v-730ce484] {
    fill: #333
}

.fillSecondary8[data-v-730ce484] {
    fill: #0e0031
}

.textnote-notidesc[data-v-730ce484] {
    color: #fff
}

.bgColor0[data-v-730ce484] {
    background-color: transparent
}

.bgPrimary-hover[data-v-730ce484]:hover, .bgPrimary[data-v-730ce484] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-730ce484]:hover, .bgPrimary1[data-v-730ce484] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-730ce484]:hover, .bgPrimary2[data-v-730ce484] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-730ce484]:hover, .bgSecondary[data-v-730ce484] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-730ce484]:hover, .bgSecondary1[data-v-730ce484] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-730ce484]:hover, .bgSecondary2[data-v-730ce484] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-730ce484]:hover, .bgSecondary3[data-v-730ce484] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-730ce484] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-730ce484] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-730ce484]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-730ce484]:hover, .bgSecondary5[data-v-730ce484] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-730ce484]:hover, .bgSecondary6[data-v-730ce484] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-730ce484]:hover, .bgSecondary7[data-v-730ce484] {
    background-color: #333 !important
}

.bgSecondary8[data-v-730ce484] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-730ce484]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-730ce484] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-730ce484]:hover, .bgSuccess[data-v-730ce484] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-730ce484] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-730ce484] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-730ce484]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-730ce484] {
    fill: #31baa0
}

.w-14-px[data-v-730ce484] {
    width: 14px
}

.max-width-50[data-v-730ce484] {
    max-width: 50%
}

.h-60-px[data-v-730ce484] {
    height: 60px
}

.h-100-px[data-v-730ce484] {
    height: 100px
}

.mb-16-px[data-v-730ce484] {
    margin-bottom: 16px
}

.mb-30-px[data-v-730ce484] {
    margin-bottom: 30px
}

.borderRounded[data-v-730ce484] {
    border-radius: 5px
}

.borderPrimary[data-v-730ce484] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-730ce484] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-730ce484] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-730ce484] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-730ce484] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-730ce484] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-730ce484] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-730ce484] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-730ce484] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-730ce484] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-730ce484] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-730ce484] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-730ce484] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-730ce484] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-730ce484]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-730ce484] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-730ce484] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-730ce484] {
    padding: 1px
}

.px-1-px[data-v-730ce484] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-730ce484] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-730ce484] {
    padding-left: 1px
}

.pr-1-px[data-v-730ce484] {
    padding-right: 1px
}

.pt-1-px[data-v-730ce484] {
    padding-top: 1px
}

.pb-1-px[data-v-730ce484] {
    padding-bottom: 1px
}

.p-2-px[data-v-730ce484] {
    padding: 2px
}

.px-2-px[data-v-730ce484] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-730ce484] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-730ce484] {
    padding-left: 2px
}

.pr-2-px[data-v-730ce484] {
    padding-right: 2px
}

.pt-2-px[data-v-730ce484] {
    padding-top: 2px
}

.pb-2-px[data-v-730ce484] {
    padding-bottom: 2px
}

.p-8-px[data-v-730ce484] {
    padding: 8px
}

.px-8-px[data-v-730ce484] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-730ce484] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-730ce484] {
    padding-left: 8px
}

.pr-8-px[data-v-730ce484] {
    padding-right: 8px
}

.pt-8-px[data-v-730ce484] {
    padding-top: 8px
}

.pb-8-px[data-v-730ce484] {
    padding-bottom: 8px
}

.p-10-px[data-v-730ce484] {
    padding: 10px
}

.px-10-px[data-v-730ce484] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-730ce484] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-730ce484] {
    padding-left: 10px
}

.pr-10-px[data-v-730ce484] {
    padding-right: 10px
}

.pt-10-px[data-v-730ce484] {
    padding-top: 10px
}

.pb-10-px[data-v-730ce484] {
    padding-bottom: 10px
}

.p-12-px[data-v-730ce484] {
    padding: 12px
}

.px-12-px[data-v-730ce484] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-730ce484] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-730ce484] {
    padding-left: 12px
}

.pr-12-px[data-v-730ce484] {
    padding-right: 12px
}

.pt-12-px[data-v-730ce484] {
    padding-top: 12px
}

.pb-12-px[data-v-730ce484] {
    padding-bottom: 12px
}

.p-16-px[data-v-730ce484] {
    padding: 16px
}

.px-16-px[data-v-730ce484] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-730ce484] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-730ce484] {
    padding-left: 16px
}

.pr-16-px[data-v-730ce484] {
    padding-right: 16px
}

.pt-16-px[data-v-730ce484] {
    padding-top: 16px
}

.pb-16-px[data-v-730ce484] {
    padding-bottom: 16px
}

.p-30-px[data-v-730ce484] {
    padding: 30px
}

.px-30-px[data-v-730ce484] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-730ce484] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-730ce484] {
    padding-left: 30px
}

.pr-30-px[data-v-730ce484] {
    padding-right: 30px
}

.pt-30-px[data-v-730ce484] {
    padding-top: 30px
}

.pb-30-px[data-v-730ce484] {
    padding-bottom: 30px
}

.font-30[data-v-730ce484] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-730ce484] {
    font-weight: 700
}

.wbo-title[data-v-730ce484] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-730ce484] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-730ce484] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-730ce484] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-730ce484]:focus {
        outline: 0
    }

    .button[data-v-730ce484]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-730ce484] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-730ce484]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-730ce484] {
    padding: 11px 2.5rem
}

.button.primary[data-v-730ce484], .button.primary[data-v-730ce484]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-730ce484], .text-primary[data-v-730ce484], a .primary-hover[data-v-730ce484]:hover {
    color: #000 !important
}

ul[data-v-730ce484] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-730ce484], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-730ce484] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-730ce484]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-730ce484]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-730ce484], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-730ce484], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-730ce484]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-730ce484], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-730ce484], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-730ce484]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-730ce484], .faqsContent .content .navigator ul li a.active[data-v-730ce484]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-730ce484]:hover {
    color: #000
}

.ps[data-v-730ce484] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-730ce484] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-730ce484], .ps__rail-y[data-v-730ce484] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-730ce484] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-730ce484], .ps--active-y > .ps__rail-y[data-v-730ce484] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-730ce484], .ps--focus > .ps__rail-y[data-v-730ce484], .ps--scrolling-x > .ps__rail-x[data-v-730ce484], .ps--scrolling-y > .ps__rail-y[data-v-730ce484], .ps:hover > .ps__rail-x[data-v-730ce484], .ps:hover > .ps__rail-y[data-v-730ce484] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-730ce484], .ps .ps__rail-x[data-v-730ce484]:focus, .ps .ps__rail-x[data-v-730ce484]:hover, .ps .ps__rail-y.ps--clicking[data-v-730ce484], .ps .ps__rail-y[data-v-730ce484]:focus, .ps .ps__rail-y[data-v-730ce484]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-730ce484] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-730ce484] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-730ce484], .ps__rail-x:focus > .ps__thumb-x[data-v-730ce484], .ps__rail-x:hover > .ps__thumb-x[data-v-730ce484] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-730ce484], .ps__rail-y:focus > .ps__thumb-y[data-v-730ce484], .ps__rail-y:hover > .ps__thumb-y[data-v-730ce484] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-730ce484] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-730ce484] {
        overflow: auto !important
    }
}

.md-field[data-v-730ce484] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-730ce484] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-730ce484] {
    color: #2a74f9
}

.md-field .md-error[data-v-730ce484] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-730ce484] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-730ce484], .md-field.md-has-value label[data-v-730ce484] {
    top: -10px
}

.form-control[data-v-730ce484], .md-field .md-input[data-v-730ce484], .md-field .md-textarea[data-v-730ce484], .winput[data-v-730ce484] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-730ce484] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-730ce484] {
    fill: #0d0d0d
}

.round[data-v-730ce484] {
    border-radius: 5px
}

.off[data-v-730ce484] {
    position: relative;
    cursor: default
}

.off > [data-v-730ce484] {
    opacity: .5
}

.off[data-v-730ce484]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-730ce484] {
    cursor: pointer
}

.close-page[data-v-730ce484] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-730ce484] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-730ce484], .slide-fade-leave-active[data-v-730ce484] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-730ce484], .slide-fade-leave-to[data-v-730ce484] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-730ce484 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-730ce484 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-730ce484] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-730ce484] {
    color: #ffcf5c
}

.button[data-v-730ce484] {
    font-weight: 700
}

.modal .modal-dialog[data-v-730ce484] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-730ce484] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-730ce484] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-730ce484], .modal .modal-dialog .modal-header[data-v-730ce484] {
    border: none
}

#chartCommisst .highcharts-title[data-v-730ce484] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-730ce484] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-730ce484] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-730ce484], .modal .modal-dialog form[data-v-730ce484] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-730ce484] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-730ce484], .FaqsDetail[data-v-730ce484] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-730ce484], .FaqsDetail[data-v-730ce484] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-730ce484], .FaqsDetail .headerMaster .boxHeader[data-v-730ce484] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-730ce484], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-730ce484] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-730ce484], .Faqs main[data-v-730ce484] {
    background-color: unset
}

.titleChartCandle[data-v-730ce484] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-730ce484] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-730ce484] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-730ce484] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-730ce484], .plotlineChart .time[data-v-730ce484] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-730ce484] {
    top: 51px
}

.boxHeader[data-v-730ce484] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-730ce484], .boxHeader .register[data-v-730ce484] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-730ce484] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-730ce484] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-730ce484] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-730ce484] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-730ce484]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-730ce484] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-730ce484]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-730ce484] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-730ce484]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-730ce484] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-730ce484] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-730ce484] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-730ce484] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-730ce484] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-730ce484] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-730ce484] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-730ce484] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-730ce484] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-730ce484] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-730ce484] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-730ce484] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-730ce484] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-730ce484] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-730ce484] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-730ce484] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-730ce484] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-730ce484] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-730ce484] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-730ce484] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-730ce484] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-730ce484] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-730ce484] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-730ce484] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-730ce484] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-730ce484] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-730ce484] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-730ce484] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-730ce484] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-730ce484] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-730ce484] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-730ce484] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-730ce484] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-730ce484] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-730ce484] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-730ce484] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-730ce484] {
        height: 56px !important
    }
}

input.form-control[data-v-730ce484], input[data-v-730ce484], select.form-control[data-v-730ce484], select[data-v-730ce484] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-730ce484] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-730ce484] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-730ce484] {
    line-height: 100%
}

.button.btn-long[data-v-730ce484] {
    padding: 10px 40px
}

.button.btn-radius[data-v-730ce484] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-730ce484] {
    border-radius: 20px
}

.button.btn-full[data-v-730ce484] {
    width: 100%
}

.button.btn-80[data-v-730ce484] {
    width: 80%
}

.button.hasIcon[data-v-730ce484] {
    padding-left: 50px
}

.button a[data-v-730ce484] {
    display: block
}

.button .labelIcon[data-v-730ce484] {
    position: absolute
}

.button .labelIcon svg[data-v-730ce484] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-730ce484] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-730ce484]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-730ce484] {
    outline: none
}

.keyboard-input-wrap[data-v-730ce484] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-730ce484] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-730ce484] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-730ce484] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-730ce484] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-730ce484] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-730ce484] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-730ce484] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-730ce484] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-730ce484] {
    font-size: 1.2em
}

.color-white[data-v-730ce484] {
    color: #fff
}

.color-white-50[data-v-730ce484] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-730ce484] {
    display: none
}

.ld-loading .loading[data-v-730ce484], .main-loading .loading[data-v-730ce484] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-730ce484] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-730ce484]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-730ce484]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-730ce484] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-730ce484] {
    -webkit-animation: rotate-data-v-730ce484 1s linear infinite;
    animation: rotate-data-v-730ce484 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-730ce484] {
    stroke: transparent
}

.wrapNotify[data-v-730ce484] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-730ce484] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-730ce484] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-730ce484] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-730ce484] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-730ce484] {
    display: block
}

.wrapNotify .close-notify[data-v-730ce484] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-730ce484] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-730ce484] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-730ce484] {
    background-color: transparent
}

.colorWhite[data-v-730ce484] {
    color: #fff
}

.colorRed[data-v-730ce484] {
    color: #f46273
}

.colorGreen[data-v-730ce484] {
    color: #31baa0
}

.colorGray[data-v-730ce484] {
    color: #7c7c7c
}

.tableBackground[data-v-730ce484] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-730ce484] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-730ce484], .tableBackground .table-dark th[data-v-730ce484] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-730ce484]:after, .tableBackground .table-dark th[data-v-730ce484]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-730ce484] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-730ce484], .tableBackground .table-dark th[data-v-730ce484] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-730ce484]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-730ce484]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-730ce484] {
    background-color: #060642
}

.tableBackground #paging li[data-v-730ce484] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-730ce484] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-730ce484] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-730ce484], .customeTradeHistory[data-v-730ce484] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-730ce484], .customeTradeHistory .reportrange-text[data-v-730ce484] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-730ce484], .customeTradeHistory .reportrange-text .seperate[data-v-730ce484] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-730ce484], .customeTradeHistory .reportrange-text span[data-v-730ce484] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-730ce484] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-730ce484] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-730ce484] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-730ce484]:after, .startDate .daterangepicker.openscenter[data-v-730ce484]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-730ce484] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-730ce484] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-730ce484] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-730ce484] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-730ce484] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-730ce484] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-730ce484] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-730ce484] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-730ce484] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-730ce484] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-730ce484] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-730ce484] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-730ce484] {
    text-align: center
}

.border-none[data-v-730ce484] {
    border: none
}

.text-domain[data-v-730ce484]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-730ce484] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-730ce484] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-730ce484] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-730ce484] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-730ce484] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-730ce484] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-730ce484] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-730ce484] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-730ce484] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-730ce484] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-730ce484] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-730ce484] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-730ce484] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-730ce484] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-730ce484] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-730ce484] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-730ce484] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-730ce484] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-730ce484] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-730ce484] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-730ce484] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-730ce484] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-730ce484] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-730ce484] {
    fill: #000
}

.btn-active-paging[data-v-730ce484] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-730ce484] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-730ce484] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-730ce484] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-730ce484], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-730ce484] {
    background: #8b8d96 !important
}

.transactionBox[data-v-730ce484] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-730ce484] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-730ce484] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-730ce484] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-730ce484] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-730ce484] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-730ce484] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-730ce484] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-730ce484] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-730ce484] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-730ce484] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-730ce484] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-730ce484] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-730ce484] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-730ce484] {
    color: #2a74f9 !important
}

.popupCongratulation[data-v-730ce484] {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000
}

.popupCongratulation .mask[data-v-730ce484] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    background-color: rgba(0,0,0,.7)
}

.popupCongratulation .popupCongratulationContent[data-v-730ce484] {
    display: block;
    overflow: unset;
    border-radius: 8px;
    width: 450px;
    height: auto;
    margin: 0 auto;
    padding: 20px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.wrapNotify.congratulation[data-v-730ce484] {
    background-color: #f46273
}

.wrapNotify.congratulation .message[data-v-730ce484] {
    color: #fff
}

.wrapNotify.congratulation .boxContent[data-v-730ce484] {
    padding: 0 1.5rem
    /*padding: 90px 1.5rem 0;*/
}

.wrapNotify.congratulation .icon-w[data-v-730ce484] {
    position: absolute;
    color: #31baa0;
    font-weight: 700;
    background: #fff;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    text-align: center;
    top: 50%;
    left: -24px;
    font-size: 16px;
    padding: 4px 0;
    margin-top: -14px;
    -webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 0 0 rgba(0,0,0,.2)
}

.winLive .wrapNotify[data-v-730ce484] {
    border-radius: unset !important;
    background-color: unset !important;
    height: 240px !important;
    /*height: 305px !important;*/
    /*width: 368px;*/
    background-repeat: no-repeat;
    background-size: cover
}

.winLive .wrapNotify .iconWin[data-v-730ce484] {
    position: absolute;
    bottom: 72%;
    left: 50%;
    -webkit-transform: translate(-50%,30%);
    transform: translate(-50%,30%);
    width: 50%;
}

.winLive .wrapNotify .titleWin[data-v-730ce484] {
    font-size: 1.75rem;
    font-weight: 700;
    margin-top: 46px;
    margin-bottom: 28px
}

.winLive .wrapNotify .message[data-v-730ce484] {
    color: #31baa0
}

.winLive .wrapNotify .iconClose[data-v-730ce484] {
    position: absolute;
    right: 0;
    top: 10px;
}

.winLive .wrapNotify .badgeDemo[data-v-730ce484] {
    position: absolute;
    top: 55px;
    right: 40px;
    color: #fff;
    font-weight: 700;
    background: #2a74f9;
    border-radius: 4px;
    padding: 0 8px
}

.winDemo .wrapNotify[data-v-730ce484] {
    border-radius: 5px;
    background-color: #02142b;
    height: 319px !important;
    width: 400px
}

.winDemo .wrapNotify .iconWin[data-v-730ce484] {
    position: absolute;
    top: -25px;
    left: 50%;
    -webkit-transform: translate(-50%,30%);
    transform: translate(-50%,30%);
    width: 120px;
    height: 120px
}

.winDemo .wrapNotify .boxContent[data-v-730ce484] {
    padding: 0 1.5rem
}

.winDemo .wrapNotify .boxContent .contentPopup[data-v-730ce484] {
    margin-top: 140px
}

.winDemo .wrapNotify .boxContent .titleWin[data-v-730ce484] {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1.5
}

.winDemo .wrapNotify .boxContent .message[data-v-730ce484] {
    color: #31baa0;
    font-size: 2.2rem !important;
    line-height: 1
}

.winDemo .wrapNotify .boxContent .btnDeposit[data-v-730ce484] {
    max-width: 340px;
    width: 100%;
    padding: 10px 0;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    border-radius: 5px;
    background-color: #31baa0
}

    .winDemo .wrapNotify .boxContent .btnDeposit[data-v-730ce484]:hover {
        background-color: #31baa0;
        cursor: pointer;
        outline: none
    }

.winDemo .wrapNotify .iconClose[data-v-730ce484] {
    position: absolute;
    right: -30px;
    top: 0
}

@media (max-width:320px) {
    .winLive .wrapNotify[data-v-730ce484] {
        background-size: 300px 210px;
        width: 300px !important
    }

    .winLive .badgeDemo[data-v-730ce484] {
        /*top: 40px !important;*/
        right: 40px !important
    }

    .winLive .iconWin[data-v-730ce484] {
        bottom: 82% !important;
        width: 140px !important
    }

    .winLive .titleWin[data-v-730ce484] {
        font-size: 1.4rem !important;
        font-weight: 700;
        margin-top: 28px !important;
        margin-bottom: 20px !important
    }

    .winLive .message[data-v-730ce484] {
        font-size: 2rem !important
    }

    .winLive .iconClose[data-v-730ce484] {
        right: -6px !important;
        top: -6px !important
    }
}

@media (min-width:321px) and (max-width:375px) {
    .winLive .wrapNotify[data-v-730ce484] {
        background-size: 360px 210px;
        width: 360px !important
    }

    .winLive .badgeDemo[data-v-730ce484] {
        right: 20px !important
    }

    .winLive .iconWin[data-v-730ce484] {
        bottom: 82% !important;
        width: 140px !important
    }

    .winLive .titleWin[data-v-730ce484] {
        font-size: 1.4rem !important;
        font-weight: 700;
        margin-top: 28px !important;
        margin-bottom: 20px !important
    }

    .winLive .message[data-v-730ce484] {
        font-size: 2rem !important
    }

    .winLive .iconClose[data-v-730ce484] {
        right: -6px !important;
        top: -6px !important
    }
}

@media (max-width:576px) and (min-width:376px) {
    .winLive .wrapNotify[data-v-730ce484] {
        /*background-size: 375px 210px;
        width: 375px !important*/
    }

    .winLive .badgeDemo[data-v-730ce484] {
        right: 45px !important
    }

    .winLive .iconWin[data-v-730ce484] {
        /*bottom: 82% !important;
        width: 140px !important*/
    }

    .winLive .titleWin[data-v-730ce484] {
        font-size: 1.4rem !important;
        font-weight: 700;
        margin-top: 28px !important;
        margin-bottom: 20px !important
    }

    .winLive .message[data-v-730ce484] {
        font-size: 2rem !important
    }

    .winLive .iconClose[data-v-730ce484] {
        right: 0 !important;
        top: -10px !important
    }
}

@media (max-width:576px) {
    .popupCongratulation[data-v-730ce484] {
        overflow: unset !important
    }

    .popupCongratulation .popupCongratulationContent[data-v-730ce484] {
        width: 100vw !important
    }
}

@media (max-width:768px) {
    .winDemo .wrapNotify[data-v-730ce484] {
        height: 100% !important;
        width: 100% !important
    }

    .winDemo .wrapNotify .iconWin[data-v-730ce484] {
        position: absolute;
        top: 50px !important;
        left: 50% !important;
        -webkit-transform: translate(-50%,30%);
        transform: translate(-50%,30%);
        width: 103px !important;
        height: 103px !important
    }

    .winDemo .wrapNotify .boxContent[data-v-730ce484] {
        padding-left: 0;
        padding-right: 0;
        padding-top: 190px;
        height: calc(100vh - 275px)
    }

    .winDemo .wrapNotify .boxContent .contentPopup[data-v-730ce484] {
        margin-top: 0
    }

    .winDemo .wrapNotify .iconClose[data-v-730ce484] {
        position: absolute;
        right: 10px;
        top: 15px
    }
}

@media only screen and (max-width:576px) {
    .popupCongratulation[data-v-730ce484] {
        overflow: unset !important
    }

    .popupCongratulation .popupCongratulationContent[data-v-730ce484] {
        overflow: unset !important;
        padding: 0 !important
    }

    .popupCongratulation .popupCongratulationContent.suggestion[data-v-730ce484] {
        width: 100vw !important;
        height: 100vh !important;
        background-color: #02142b;
        top: 0 !important;
        -webkit-transform: unset !important;
        transform: unset !important
    }
}

body {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none:hover {
    text-decoration: none;
    color: #f5a14e
}

button {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

button:focus, input:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8 {
    font-size: 8px
}

.font-10 {
    font-size: .6rem !important
}

.font-12 {
    font-size: 12px
}

.font-14 {
    font-size: 14px
}

.font-16 {
    font-size: 16px
}

.font-18 {
    font-size: 18px
}

.font-20 {
    font-size: 20px
}

.font-24 {
    font-size: 24px
}

.font-32 {
    font-size: 32px
}

.font-34 {
    font-size: 34px
}

.font-40 {
    font-size: 2.5rem !important
}

.font-44 {
    font-size: 44px
}

.colorPrimary {
    color: #2a74f9
}

.colorPrimary1 {
    color: #000 !important
}

.colorSecondary {
    color: #fff !important
}

.colorSecondary1 {
    color: #414141 !important
}

.colorSecondary2 {
    color: #7c7c7c !important
}

.colorSecondary3 {
    color: #0d0d0d
}

.colorSecondary4 {
    color: #02142b
}

.colorSecondary5 {
    color: #1a1e24
}

.colorSecondary6 {
    color: #fafafa
}

.colorSecondary7 {
    color: #333
}

.colorSecondary8 {
    color: #0e0031
}

.colorSuccess {
    color: #31baa0
}

.colorWarning {
    color: #ffcf5c
}

.colorDanger {
    color: #f46273
}

.fillPrimary {
    fill: #2a74f9
}

.fillWarning {
    fill: #ffcf5c
}

.fillDanger {
    fill: #f46273
}

.fillSecondary1 {
    fill: #414141
}

.fillSecondary2 {
    fill: #7c7c7c
}

.fillSecondary3 {
    fill: #0d0d0d
}

.fillSecondary4 {
    fill: #02142b
}

.fillSecondary5 {
    fill: #1a1e24
}

.fillSecondary6 {
    fill: #fafafa
}

.fillSecondary7 {
    fill: #333
}

.fillSecondary8 {
    fill: #0e0031
}

.textnote-notidesc {
    color: #fff
}

.bgColor0 {
    background-color: transparent
}

.bgPrimary, .bgPrimary-hover:hover {
    background-color: #2a74f9 !important
}

.bgPrimary1, .bgPrimary1-hover:hover {
    background-color: #02142b !important
}

.bgPrimary2, .bgPrimary2-hover:hover {
    background-color: #043076 !important
}

.bgSecondary, .bgSecondary-hover:hover {
    background-color: #fff !important
}

.bgSecondary1, .bgSecondary1-hover:hover {
    background-color: #414141 !important
}

.bgSecondary2, .bgSecondary2-hover:hover {
    background-color: #7c7c7c !important
}

.bgSecondary3, .bgSecondary3-hover:hover {
    background-color: #02142b !important
}

.bgSecondary4 {
    background-color: #02142b !important
}

    .bgSecondary4.disabled {
        background-color: #7c7c7c !important
    }

.bgSecondary4-hover:hover {
    background-color: #02142b !important
}

.bgSecondary5, .bgSecondary5-hover:hover {
    background-color: #1a1e24 !important
}

.bgSecondary6, .bgSecondary6-hover:hover {
    background-color: #fafafa !important
}

.bgSecondary7, .bgSecondary7-hover:hover {
    background-color: #333 !important
}

.bgSecondary8 {
    background-color: #02142b !important
}

.bgSecondary8-hover:hover {
    background-color: #02142b !important
}

.bgTransparent {
    background-color: transparent !important
}

.bgSuccess, .bgSuccess-hover:hover {
    background-color: #31baa0 !important
}

.bgDanger {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu {
    background-color: #02142b !important
}

.bgDanger-hover:hover {
    background-color: #f46273 !important
}

.fillSuccess {
    fill: #31baa0
}

.w-14-px {
    width: 14px
}

.max-width-50 {
    max-width: 50%
}

.h-60-px {
    height: 60px
}

.h-100-px {
    height: 100px
}

.mb-16-px {
    margin-bottom: 16px
}

.mb-30-px {
    margin-bottom: 30px
}

.borderRounded {
    border-radius: 5px
}

.borderPrimary {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1 {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1 {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed {
    border-bottom: 1px dashed
}

.borderSecondary2 {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2 {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3 {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3 {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4 {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4 {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5 {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5 {
    border-bottom: 1px solid
}

.borderSecondary6 {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7 {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7:hover {
        background-color: #333 !important
    }

.borderSecondary8 {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px {
    padding: 1px
}

.px-1-px {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px {
    padding-left: 1px
}

.pr-1-px {
    padding-right: 1px
}

.pt-1-px {
    padding-top: 1px
}

.pb-1-px {
    padding-bottom: 1px
}

.p-2-px {
    padding: 2px
}

.px-2-px {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px {
    padding-left: 2px
}

.pr-2-px {
    padding-right: 2px
}

.pt-2-px {
    padding-top: 2px
}

.pb-2-px {
    padding-bottom: 2px
}

.p-8-px {
    padding: 8px
}

.px-8-px {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px {
    padding-left: 8px
}

.pr-8-px {
    padding-right: 8px
}

.pt-8-px {
    padding-top: 8px
}

.pb-8-px {
    padding-bottom: 8px
}

.p-10-px {
    padding: 10px
}

.px-10-px {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px {
    padding-left: 10px
}

.pr-10-px {
    padding-right: 10px
}

.pt-10-px {
    padding-top: 10px
}

.pb-10-px {
    padding-bottom: 10px
}

.p-12-px {
    padding: 12px
}

.px-12-px {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px {
    padding-left: 12px
}

.pr-12-px {
    padding-right: 12px
}

.pt-12-px {
    padding-top: 12px
}

.pb-12-px {
    padding-bottom: 12px
}

.p-16-px {
    padding: 16px
}

.px-16-px {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px {
    padding-left: 16px
}

.pr-16-px {
    padding-right: 16px
}

.pt-16-px {
    padding-top: 16px
}

.pb-16-px {
    padding-bottom: 16px
}

.p-30-px {
    padding: 30px
}

.px-30-px {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px {
    padding-left: 30px
}

.pr-30-px {
    padding-right: 30px
}

.pt-30-px {
    padding-top: 30px
}

.pb-30-px {
    padding-bottom: 30px
}

.font-30 {
    font-size: 1.875rem !important
}

.font-weight-700 {
    font-weight: 700
}

.wbo-title {
    line-height: normal
}

    .wbo-title.titleLarge {
        font-weight: 700;
        font-size: 2.75rem
    }

    .wbo-title.titleSmall {
        font-size: 1.25rem;
        font-weight: 700
    }

.button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button:focus {
        outline: 0
    }

    .button:disabled {
        cursor: no-drop
    }

    .button.wbtn {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: #2a74f9;
        color: #fff;
        font-weight: 400
    }

        .button.wbtn:hover {
            text-decoration: none;
            color: #fff !important
        }

        .button.wbtn.btn-large {
            padding: 11px 2.5rem
        }

    .button.primary, .button.primary:hover {
        background-color: #2a74f9 !important;
        background: #2a74f9 !important;
        color: #fff !important
    }

        .button.primary span, .text-primary, a .primary-hover:hover {
            color: #fff !important
        }

ul {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator, .faqsContent .content .contentFAQs .blockRow.tablet .navigator {
    max-width: unset
}

    .faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos:after {
        border-color: transparent transparent #000 transparent
    }

    .faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span, .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active, .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item:hover {
        color: #000
    }

.faqsContent .content .navigator ul li a.active, .faqsContent .content .navigator ul li a.active:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a:hover {
    color: #000
}

.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x {
    height: 15px;
    bottom: 0
}

.ps__rail-x, .ps__rail-y {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y, .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y {
    opacity: .6
}

.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: #eee;
    opacity: .9
}

.ps__thumb-x {
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px
}

.ps__thumb-x, .ps__thumb-y {
    background-color: #aaa;
    border-radius: 6px;
    position: absolute
}

.ps__thumb-y {
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px
}

.ps__rail-x.ps--clicking .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x:hover > .ps__thumb-x {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y:hover > .ps__thumb-y {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps {
        overflow: auto !important
    }
}

.md-field {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

    .md-field label {
        padding: 0 5px;
        color: #89809f;
        position: static;
        opacity: 1
    }

    .md-field .md-count {
        color: #2a74f9
    }

    .md-field .md-error {
        max-width: 335px;
        font-style: italic;
        color: #f46273;
        padding-left: 8px
    }

    .md-field .md-input {
        color: #333 !important;
        background: #fafafa !important
    }

    .md-field.md-focused label, .md-field.md-has-value label {
        top: -10px
    }

    .form-control, .md-field .md-input, .md-field .md-textarea, .winput {
        width: 100%;
        color: #333;
        padding: 0 10px !important;
        background: transparent;
        border-radius: 4px;
        height: 40px;
        line-height: 40px
    }

    .md-field.md-has-password .md-toggle-password {
        bottom: 6px !important;
        top: unset
    }

        .md-field.md-has-password .md-toggle-password .md-ripple svg {
            fill: #0d0d0d
        }

.round {
    border-radius: 5px
}

.off {
    position: relative;
    cursor: default
}

    .off > * {
        opacity: .5
    }

    .off:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        display: block;
        overflow: hidden;
        width: 100%;
        height: 100%
    }

.close-page, .pointer {
    cursor: pointer
}

.close-page {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

    .close-page img {
        margin-top: 3px;
        width: 25px;
        height: 25px;
        overflow: hidden;
        -webkit-transform: translateY(15%);
        transform: translateY(15%)
    }

.slide-fade-enter-active, .slide-fade-leave-active {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter, .slide-fade-leave-to {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading {
    position: relative;
    height: 100%
}

.boxAddress .coin {
    color: #ffcf5c
}

.button {
    font-weight: 700;
    border-radius: 4px;
}

.modal .modal-dialog {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

    .modal .modal-dialog button.close {
        color: #fff;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        position: absolute;
        top: -5px;
        right: -35px;
        background: hsla(0,0%,100%,.3) !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .modal .modal-dialog button.close svg {
            width: 20px;
            vertical-align: 0
        }

    .modal .modal-dialog .modal-footer, .modal .modal-dialog .modal-header {
        border: none
    }

#chartCommisst .highcharts-title {
    top: 40px !important
}

#chartCommisst .highcharts-title, .tradeHistory .highcharts-title {
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title {
    top: 50% !important
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content, .modal .modal-dialog form {
        height: 100%
    }

        .modal .modal-dialog .modal-content .close {
            position: absolute;
            top: 0;
            left: auto;
            right: 0;
            background-color: transparent !important;
            z-index: 5;
            width: 50px;
            height: 50px
        }
}

.Faqs, .FaqsDetail {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs, .FaqsDetail {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader, .FaqsDetail .headerMaster .boxHeader {
    background-color: unset !important
}

    .Faqs .headerMaster .boxHeader.colorFAQs, .FaqsDetail .headerMaster .boxHeader.colorFAQs {
        background-color: #02142b !important
    }

.FaqsDetail main, .Faqs main {
    background-color: unset
}

.titleChartCandle {
    position: absolute;
    top: -12px;
    left: 20px;
    padding: 0 8px;
    height: 30px;
    border-radius: 5px;
    background-color: #1d233b;
}

    .titleChartCandle .iconBTC {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 30px;
        height: 30px;
        margin-right: 4px;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: contain;
        display: none
    }

    .titleChartCandle .textPrice {
        font-size: 1rem;
        color: #fff;
        font-weight: 700
    }

.plotlineChart .price {
    margin-bottom: 2px
}

.plotlineChart .price, .plotlineChart .time {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password {
    top: 51px
}

.boxHeader {
    background-color: #02142b !important
}

    .boxHeader .login, .boxHeader .register {
        font-size: 14px !important
    }

    .boxHeader .btnMainBorder {
        border-radius: 3px;
        padding: 11px 2.5rem;
        font-weight: 700 !important
    }

@media (max-width:768px) {
    .boxHeader .btnMainBorder {
        padding: .625rem .75rem
    }

        .boxHeader .btnMainBorder span {
            font-size: .875rem
        }
}

.boxHeader .btnMainBorder.button.primary {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page {
        background: transparent
    }

    .titleChartCandle .iconBTC {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice {
        font-size: 12px
    }

    .mobile-version .wrapper {
        padding-top: 0
    }

        .mobile-version .wrapper.index main {
            min-height: unset !important
        }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper {
        padding-top: 0 !important
    }

        .mobile-version .wrapper.index.isLandscapeMobile .boxHeader {
            height: 40px !important
        }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

        .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader {
            position: static;
            border-bottom: none
        }

    .mobile-version .wrapper.index.isLandscapeMobile header {
        height: 40px
    }

        .mobile-version .wrapper.index.isLandscapeMobile header #leftNav {
            height: 100%
        }

            .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon {
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon {
                    margin-top: 0
                }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction {
        height: calc(100vh - 40px);
        padding: 0
    }

        .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m {
            margin-top: 4px !important;
            margin-bottom: 4px !important
        }

        .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link {
            font-size: 10px;
            padding: .25rem .5rem
        }

        .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox {
            padding: .3rem !important
        }

            .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14 {
                font-size: 8px !important
            }

            .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2 {
                margin-bottom: 4px !important
            }

        .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape {
            max-width: 50px
        }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount {
        font-size: 8px;
        padding: 0 5px
    }

        .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup {
            padding: 1px
        }

            .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber {
                font-size: 12px;
                padding: 4px 10px
            }

            .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon {
                font-size: 12px !important
            }

        .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem {
            padding: 0
        }

        .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit {
            padding-top: 0;
            padding-bottom: 0
        }

            .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2 {
                margin-top: 0 !important;
                margin-bottom: 0 !important
            }

            .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent {
                font-size: 13px
            }

            .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green {
                font-size: 15px !important
            }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop {
        height: 56px !important
    }
}

input, input.form-control, select, select.form-control {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

    .button .loadingSpinner {
        display: inline-block;
        overflow: hidden;
        font-size: 14px;
        width: 100%;
        text-align: center;
        -webkit-animation: loading 3s linear infinite;
        animation: loading 3s linear infinite
    }

    .button.btn-border {
        line-height: 100%
    }

    .button.btn-long {
        padding: 10px 40px
    }

    .button.btn-radius {
        border-radius: 6px
    }

        .button.btn-radius.radius-sm {
            border-radius: 20px
        }

    .button.btn-full {
        width: 100%
    }

    .button.btn-80 {
        width: 80%
    }

    .button.hasIcon {
        padding-left: 50px
    }

    .button a {
        display: block
    }

    .button .labelIcon {
        position: absolute
    }

        .button .labelIcon svg {
            fill: #fff;
            width: 15px
        }

        .button .labelIcon i {
            fill: #fff;
            position: absolute;
            left: 0;
            top: 5px
        }

    .button:hover {
        opacity: 1;
        text-decoration: none
    }

#InputNumber {
    outline: none
}

.keyboard-input-wrap {
    background: #7c7c7c
}

    .keyboard-input-wrap .suggestion {
        background: #1d233b;
        width: 100%;
        font-size: 1.2em;
        font-weight: 400
    }

        .keyboard-input-wrap .suggestion td {
            color: #000 !important
        }

    .keyboard-input-wrap .keyboard-input {
        text-align: center
    }

        .keyboard-input-wrap .keyboard-input .input-value {
            font-weight: 400
        }

    .keyboard-input-wrap .keyboard {
        font-size: 1.2em;
        color: #fff;
        border: none
    }

        .keyboard-input-wrap .keyboard .icon {
            font-size: 1.2em
        }

        .keyboard-input-wrap .keyboard table tbody tr td {
            border-color: #000;
            background: #02142b
        }

        .keyboard-input-wrap .keyboard table tbody tr.suggestion td {
            background-color: #2a74f9
        }

        .keyboard-input-wrap .keyboard td[data-code=K] {
            font-size: 1.2em
        }

.color-white {
    color: #fff
}

.color-white-50 {
    color: hsla(0,0%,100%,.5) !important
}

.loading {
    display: none
}

.ld-loading .loading, .main-loading .loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

        .ld-loading .loading__ring:last-child svg {
            -webkit-animation-delay: -.5s;
            animation-delay: -.5s
        }

    .ld-loading .loading__ring svg {
        -webkit-animation: rotate 1s linear infinite;
        animation: rotate 1s linear infinite;
        fill: #2a74f9
    }

#candle-wrap .highcharts-container .highcharts-tooltip path {
    stroke: transparent
}

.wrapNotify {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

    .wrapNotify .boxNotify {
        height: 100%;
        width: 100%;
        position: relative
    }

        .wrapNotify .boxNotify .icon {
            border-radius: 50%;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            width: 31px;
            height: 31px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

            .wrapNotify .boxNotify .icon svg {
                height: 20px
            }

        .wrapNotify .boxNotify .boxContent {
            width: 100%;
            height: 100%;
            position: relative
        }

            .wrapNotify .boxNotify .boxContent span {
                display: block
            }

    .wrapNotify .close-notify {
        display: block;
        position: absolute;
        right: -35px;
        top: 0;
        width: 40px;
        height: 40px;
        line-height: 40px;
        line-height: 23px;
        border-radius: 50%;
        text-align: center;
        cursor: pointer
    }

        .wrapNotify .close-notify svg {
            width: 10px;
            height: 10px;
            color: #fff
        }

.highcharts-container {
    width: 100% !important
}

.bostats .highcharts-container {
    background-color: transparent
}

.colorWhite {
    color: #fff
}

.colorRed {
    color: #f46273
}

.colorGreen {
    color: #31baa0
}

.colorGray {
    color: #7c7c7c
}

.tableBackground {
    overflow: hidden;
    border-radius: 5px
}

    .tableBackground, .tableBackground .table-dark {
        background-color: #02142b
    }

        .tableBackground .table-dark td, .tableBackground .table-dark th {
            position: relative;
            border: none
        }

            .tableBackground .table-dark td:after, .tableBackground .table-dark th:after {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                border-bottom: 1px solid #1f2f53
            }

        .tableBackground .table-dark thead th {
            font-weight: 400;
            font-size: .75rem;
            color: #7c7c7c
        }

        .tableBackground .table-dark td, .tableBackground .table-dark th {
            padding: .75rem 1.5rem
        }

            .tableBackground .table-dark td:first-child:after {
                width: calc(100% - 1.5rem);
                left: 1.5rem
            }

            .tableBackground .table-dark td:last-child:after {
                width: calc(100% - 1.5rem);
                right: 1.5rem;
                left: auto
            }

        .tableBackground #paging {
            background-color: #060642
        }

            .tableBackground #paging li {
                font-weight: 700
            }

                .tableBackground #paging li span a {
                    color: #fff !important
                }

                .tableBackground #paging li path {
                    stroke: #fff !important
                }

.customeAffiliateCommission, .customeTradeHistory {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

    .customeAffiliateCommission .reportrange-text, .customeTradeHistory .reportrange-text {
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        border-bottom: 1px solid #0d0d0d !important
    }

        .customeAffiliateCommission .reportrange-text .seperate, .customeTradeHistory .reportrange-text .seperate {
            width: 20px;
            display: inline-block;
            text-align: center;
            color: #c0c4c3
        }

        .customeAffiliateCommission .reportrange-text span, .customeTradeHistory .reportrange-text span {
            color: #333 important;
            width: 100%;
            display: inline-block
        }

.singleRangeDatePicker .vue-daterange-picker .daterangepicker {
    min-width: 243px
}

    .singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right {
        width: 0;
        overflow: hidden;
        padding: 0;
        margin: 0;
        max-width: unset;
        min-width: unset;
        -webkit-box-flex: unset;
        -ms-flex-positive: unset;
        flex-grow: unset
    }

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter:after, .startDate .daterangepicker.openscenter:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show {
        height: 100%;
        background-color: #1a1e24
    }

        body .modal.show .modal-dialog {
            top: 0;
            left: 0;
            min-width: 0;
            width: 100%;
            margin: 0;
            transform: translate(0) !important;
            -webkit-transform: translate(0) !important;
            -moz-transform: translate(0) !important;
            -o-transform: translate(0) !important;
            -ms-transform: translate(0) !important
        }

            body .modal.show .modal-dialog .modal-content {
                border-radius: 0;
                padding: 20px;
                border: 0
            }
}

.chart-tooltip-header {
    border-radius: 5px
}

    .chart-tooltip-header span {
        margin: 0;
        display: block
    }

    .chart-tooltip-header .head {
        padding: 5px 10px;
        font-size: 12px;
        text-align: center;
        background: #f8f8f8;
        border-bottom: 1px solid #ddd
    }

    .chart-tooltip-header .body {
        padding: 5px 10px;
        text-align: left;
        font-weight: 700
    }

    .chart-tooltip-header .circle {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin-right: 5px;
        border-radius: 50%;
        background: #2177ff
    }

        .chart-tooltip-header .circle.index-1 {
            background: #00c67a
        }

    .chart-tooltip-header.chart-tooltip-header-circle .head {
        padding: 5px 2rem
    }

    .chart-tooltip-header.chart-tooltip-header-circle .body {
        text-align: center
    }

.border-none {
    border: none
}

.text-domain:first-letter {
    text-transform: uppercase
}

.tooltip {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

    .tooltip .tooltip-inner {
        max-width: unset !important;
        background: #2399de;
        color: #fff;
        border-radius: 16px;
        padding: 5px 10px 4px
    }

    .tooltip .tooltip-arrow {
        width: 0;
        height: 0;
        border-style: solid;
        position: absolute;
        margin: 5px;
        border-color: #2399de;
        z-index: 1
    }

    .tooltip[x-placement^=top] {
        margin-bottom: 5px
    }

        .tooltip[x-placement^=top] .tooltip-arrow {
            border-width: 5px 5px 0 5px;
            border-left-color: transparent !important;
            border-right-color: transparent !important;
            border-bottom-color: transparent !important;
            bottom: -5px;
            left: calc(50% - 5px);
            margin-top: 0;
            margin-bottom: 0
        }

    .tooltip[x-placement^=bottom] {
        margin-top: 5px
    }

        .tooltip[x-placement^=bottom] .tooltip-arrow {
            border-width: 0 5px 5px 5px;
            border-left-color: transparent !important;
            border-right-color: transparent !important;
            border-top-color: transparent !important;
            top: -5px;
            left: calc(50% - 5px);
            margin-top: 0;
            margin-bottom: 0
        }

    .tooltip[x-placement^=right] {
        margin-left: 5px
    }

        .tooltip[x-placement^=right] .tooltip-arrow {
            border-width: 5px 5px 5px 0;
            border-left-color: transparent !important;
            border-top-color: transparent !important;
            border-bottom-color: transparent !important;
            left: -5px;
            top: calc(50% - 5px);
            margin-left: 0;
            margin-right: 0
        }

    .tooltip[x-placement^=left] {
        margin-right: 5px
    }

        .tooltip[x-placement^=left] .tooltip-arrow {
            border-width: 5px 0 5px 5px;
            border-top-color: transparent !important;
            border-right-color: transparent !important;
            border-bottom-color: transparent !important;
            right: -5px;
            top: calc(50% - 5px);
            margin-left: 0;
            margin-right: 0
        }

    .tooltip.popover .popover-inner {
        background: #2399de;
        color: #fff;
        padding: 16px;
        border-radius: 5px;
        -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
        box-shadow: 0 5px 30px rgba(0,0,0,.1)
    }

    .tooltip.popover .popover-arrow {
        border-color: #2399de
    }

    .tooltip[aria-hidden=true] {
        visibility: hidden;
        opacity: 0;
        -webkit-transition: opacity .15s,visibility .15s;
        transition: opacity .15s,visibility .15s
    }

    .tooltip[aria-hidden=false] {
        visibility: visible;
        opacity: 1;
        -webkit-transition: opacity .15s;
        transition: opacity .15s
    }

.footerFAQs {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter {
    background-color: #2a74f9;
    color: #fff
}

.affiliatePage .banner {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color {
    stroke: #000
}

.buttonDeposit .fill-color {
    fill: #000
}

.btn-active-paging {
    color: #000 !important
}

.colorFooter .cellFooter {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable, #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable {
    background: #8b8d96 !important
}

.transactionBox {
    background: hsla(0,0%,100%,.1)
}

    .transactionBox .trendGroup .trendIcon {
        border-radius: 3px
    }

.winLive .wrapNotify .iconWin {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30 {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label {
    color: #000 !important
}

.boxAddress h4.colorSecondary2 {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

    .modal.deposit_widthdraw .transfer-network-item.is-active {
        background-color: #2a74f9;
        border-color: #2a74f9
    }

        .modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label {
            color: #000
        }

        .modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee {
            color: rgba(0,0,0,.5)
        }

        .modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee {
            color: #ce0800 !important
        }

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee {
    color: #2a74f9 !important
}

.gauge-meter .highcharts-container {
    background-color: transparent !important
}

.gauge-meter-popover-content.tooltip {
    border: none;
    outline: none
}

    .gauge-meter-popover-content.tooltip .popover-inner {
        background: #fff;
        border-radius: 16px;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .gauge-meter-popover-content.tooltip .tooltip-arrow {
        border-color: #fff
    }

    .gauge-meter-popover-content.tooltip[x-placement^=top] {
        margin-bottom: 10px
    }

        .gauge-meter-popover-content.tooltip[x-placement^=top] .tooltip-arrow {
            border-width: 8px 8px 0 8px;
            bottom: -8px
        }

    .gauge-meter-popover-content.tooltip[x-placement^=right] {
        margin-left: 10px
    }

        .gauge-meter-popover-content.tooltip[x-placement^=right] .tooltip-arrow {
            border-width: 8px 8px 8px 0;
            left: -8px
        }

    .gauge-meter-popover-content.tooltip[x-placement^=left] {
        margin-right: 10px
    }

        .gauge-meter-popover-content.tooltip[x-placement^=left] .tooltip-arrow {
            border-width: 8px 0 8px 8px;
            right: -8px
        }

@media screen and (max-width:1300px) {
    .gauge-meter-popover-content.tooltip {
        font-size: 12px
    }

        .gauge-meter-popover-content.tooltip .popover-inner {
            padding: 12px
        }
}

.gauge-meter-popover-text {
    color: #060642;
    margin-bottom: 0;
    text-align: left
}

.gauge-meter-popover-link {
    color: #2077fc;
    display: block;
    text-align: right
}

    .gauge-meter-popover-link:hover {
        color: #2077fc !important
    }

@media screen and (max-width:1300px) {
    .gauge-meter-popover-link {
        font-size: 12px
    }
}

body[data-v-51488828] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-51488828]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-51488828]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-51488828]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-51488828] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-51488828]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-51488828]::-webkit-inner-spin-button, input[data-v-51488828]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-51488828] {
    -moz-appearance: textfield
}

button[data-v-51488828]:focus, input[data-v-51488828]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-51488828] {
    font-size: 8px
}

.font-10[data-v-51488828] {
    font-size: .6rem !important
}

.font-12[data-v-51488828] {
    font-size: 12px
}

.font-14[data-v-51488828] {
    font-size: 14px
}

.font-16[data-v-51488828] {
    font-size: 16px
}

.font-18[data-v-51488828] {
    font-size: 18px
}

.font-20[data-v-51488828] {
    font-size: 20px
}

.font-24[data-v-51488828] {
    font-size: 24px
}

.font-32[data-v-51488828] {
    font-size: 32px
}

.font-34[data-v-51488828] {
    font-size: 34px
}

.font-40[data-v-51488828] {
    font-size: 2.5rem !important
}

.font-44[data-v-51488828] {
    font-size: 44px
}

.colorPrimary[data-v-51488828] {
    color: #2a74f9
}

.colorPrimary1[data-v-51488828] {
    color: #000 !important
}

.colorSecondary[data-v-51488828] {
    color: #fff !important
}

.colorSecondary1[data-v-51488828] {
    color: #414141 !important
}

.colorSecondary2[data-v-51488828] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-51488828] {
    color: #0d0d0d
}

.colorSecondary4[data-v-51488828] {
    color: #02142b
}

.colorSecondary5[data-v-51488828] {
    color: #1a1e24
}

.colorSecondary6[data-v-51488828] {
    color: #fafafa
}

.colorSecondary7[data-v-51488828] {
    color: #333
}

.colorSecondary8[data-v-51488828] {
    color: #0e0031
}

.colorSuccess[data-v-51488828] {
    color: #31baa0
}

.colorWarning[data-v-51488828] {
    color: #ffcf5c
}

.colorDanger[data-v-51488828] {
    color: #f46273
}

.fillPrimary[data-v-51488828] {
    fill: #2a74f9
}

.fillWarning[data-v-51488828] {
    fill: #ffcf5c
}

.fillDanger[data-v-51488828] {
    fill: #f46273
}

.fillSecondary1[data-v-51488828] {
    fill: #414141
}

.fillSecondary2[data-v-51488828] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-51488828] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-51488828] {
    fill: #02142b
}

.fillSecondary5[data-v-51488828] {
    fill: #1a1e24
}

.fillSecondary6[data-v-51488828] {
    fill: #fafafa
}

.fillSecondary7[data-v-51488828] {
    fill: #333
}

.fillSecondary8[data-v-51488828] {
    fill: #0e0031
}

.textnote-notidesc[data-v-51488828] {
    color: #fff
}

.bgColor0[data-v-51488828] {
    background-color: transparent
}

.bgPrimary-hover[data-v-51488828]:hover, .bgPrimary[data-v-51488828] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-51488828]:hover, .bgPrimary1[data-v-51488828] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-51488828]:hover, .bgPrimary2[data-v-51488828] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-51488828]:hover, .bgSecondary[data-v-51488828] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-51488828]:hover, .bgSecondary1[data-v-51488828] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-51488828]:hover, .bgSecondary2[data-v-51488828] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-51488828]:hover, .bgSecondary3[data-v-51488828] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-51488828] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-51488828] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-51488828]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-51488828]:hover, .bgSecondary5[data-v-51488828] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-51488828]:hover, .bgSecondary6[data-v-51488828] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-51488828]:hover, .bgSecondary7[data-v-51488828] {
    background-color: #333 !important
}

.bgSecondary8[data-v-51488828] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-51488828]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-51488828] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-51488828]:hover, .bgSuccess[data-v-51488828] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-51488828] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-51488828] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-51488828]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-51488828] {
    fill: #31baa0
}

.w-14-px[data-v-51488828] {
    width: 14px
}

.max-width-50[data-v-51488828] {
    max-width: 50%
}

.h-60-px[data-v-51488828] {
    height: 60px
}

.h-100-px[data-v-51488828] {
    height: 100px
}

.mb-16-px[data-v-51488828] {
    margin-bottom: 16px
}

.mb-30-px[data-v-51488828] {
    margin-bottom: 30px
}

.borderRounded[data-v-51488828] {
    border-radius: 5px
}

.borderPrimary[data-v-51488828] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-51488828] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-51488828] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-51488828] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-51488828] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-51488828] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-51488828] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-51488828] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-51488828] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-51488828] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-51488828] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-51488828] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-51488828] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-51488828] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-51488828]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-51488828] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-51488828] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-51488828] {
    padding: 1px
}

.px-1-px[data-v-51488828] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-51488828] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-51488828] {
    padding-left: 1px
}

.pr-1-px[data-v-51488828] {
    padding-right: 1px
}

.pt-1-px[data-v-51488828] {
    padding-top: 1px
}

.pb-1-px[data-v-51488828] {
    padding-bottom: 1px
}

.p-2-px[data-v-51488828] {
    padding: 2px
}

.px-2-px[data-v-51488828] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-51488828] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-51488828] {
    padding-left: 2px
}

.pr-2-px[data-v-51488828] {
    padding-right: 2px
}

.pt-2-px[data-v-51488828] {
    padding-top: 2px
}

.pb-2-px[data-v-51488828] {
    padding-bottom: 2px
}

.p-8-px[data-v-51488828] {
    padding: 8px
}

.px-8-px[data-v-51488828] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-51488828] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-51488828] {
    padding-left: 8px
}

.pr-8-px[data-v-51488828] {
    padding-right: 8px
}

.pt-8-px[data-v-51488828] {
    padding-top: 8px
}

.pb-8-px[data-v-51488828] {
    padding-bottom: 8px
}

.p-10-px[data-v-51488828] {
    padding: 10px
}

.px-10-px[data-v-51488828] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-51488828] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-51488828] {
    padding-left: 10px
}

.pr-10-px[data-v-51488828] {
    padding-right: 10px
}

.pt-10-px[data-v-51488828] {
    padding-top: 10px
}

.pb-10-px[data-v-51488828] {
    padding-bottom: 10px
}

.p-12-px[data-v-51488828] {
    padding: 12px
}

.px-12-px[data-v-51488828] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-51488828] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-51488828] {
    padding-left: 12px
}

.pr-12-px[data-v-51488828] {
    padding-right: 12px
}

.pt-12-px[data-v-51488828] {
    padding-top: 12px
}

.pb-12-px[data-v-51488828] {
    padding-bottom: 12px
}

.p-16-px[data-v-51488828] {
    padding: 16px
}

.px-16-px[data-v-51488828] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-51488828] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-51488828] {
    padding-left: 16px
}

.pr-16-px[data-v-51488828] {
    padding-right: 16px
}

.pt-16-px[data-v-51488828] {
    padding-top: 16px
}

.pb-16-px[data-v-51488828] {
    padding-bottom: 16px
}

.p-30-px[data-v-51488828] {
    padding: 30px
}

.px-30-px[data-v-51488828] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-51488828] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-51488828] {
    padding-left: 30px
}

.pr-30-px[data-v-51488828] {
    padding-right: 30px
}

.pt-30-px[data-v-51488828] {
    padding-top: 30px
}

.pb-30-px[data-v-51488828] {
    padding-bottom: 30px
}

.font-30[data-v-51488828] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-51488828] {
    font-weight: 700
}

.wbo-title[data-v-51488828] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-51488828] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-51488828] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-51488828] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-51488828]:focus {
        outline: 0
    }

    .button[data-v-51488828]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-51488828] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-51488828]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-51488828] {
    padding: 11px 2.5rem
}

.button.primary[data-v-51488828], .button.primary[data-v-51488828]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-51488828], .text-primary[data-v-51488828], a .primary-hover[data-v-51488828]:hover {
    color: #000 !important
}

ul[data-v-51488828] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-51488828], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-51488828] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-51488828]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-51488828]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-51488828], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-51488828], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-51488828]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-51488828], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-51488828], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-51488828]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-51488828], .faqsContent .content .navigator ul li a.active[data-v-51488828]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-51488828]:hover {
    color: #000
}

.ps[data-v-51488828] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-51488828] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-51488828], .ps__rail-y[data-v-51488828] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-51488828] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-51488828], .ps--active-y > .ps__rail-y[data-v-51488828] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-51488828], .ps--focus > .ps__rail-y[data-v-51488828], .ps--scrolling-x > .ps__rail-x[data-v-51488828], .ps--scrolling-y > .ps__rail-y[data-v-51488828], .ps:hover > .ps__rail-x[data-v-51488828], .ps:hover > .ps__rail-y[data-v-51488828] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-51488828], .ps .ps__rail-x[data-v-51488828]:focus, .ps .ps__rail-x[data-v-51488828]:hover, .ps .ps__rail-y.ps--clicking[data-v-51488828], .ps .ps__rail-y[data-v-51488828]:focus, .ps .ps__rail-y[data-v-51488828]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-51488828] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-51488828] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-51488828], .ps__rail-x:focus > .ps__thumb-x[data-v-51488828], .ps__rail-x:hover > .ps__thumb-x[data-v-51488828] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-51488828], .ps__rail-y:focus > .ps__thumb-y[data-v-51488828], .ps__rail-y:hover > .ps__thumb-y[data-v-51488828] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-51488828] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-51488828] {
        overflow: auto !important
    }
}

.md-field[data-v-51488828] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-51488828] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-51488828] {
    color: #2a74f9
}

.md-field .md-error[data-v-51488828] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-51488828] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-51488828], .md-field.md-has-value label[data-v-51488828] {
    top: -10px
}

.form-control[data-v-51488828], .md-field .md-input[data-v-51488828], .md-field .md-textarea[data-v-51488828], .winput[data-v-51488828] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-51488828] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-51488828] {
    fill: #0d0d0d
}

.round[data-v-51488828] {
    border-radius: 5px
}

.off[data-v-51488828] {
    position: relative;
    cursor: default
}

.off > [data-v-51488828] {
    opacity: .5
}

.off[data-v-51488828]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-51488828] {
    cursor: pointer
}

.close-page[data-v-51488828] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-51488828] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-51488828], .slide-fade-leave-active[data-v-51488828] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-51488828], .slide-fade-leave-to[data-v-51488828] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-51488828 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-51488828 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-51488828] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-51488828] {
    color: #ffcf5c
}

.button[data-v-51488828] {
    font-weight: 700
}

.modal .modal-dialog[data-v-51488828] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-51488828] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-51488828] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-51488828], .modal .modal-dialog .modal-header[data-v-51488828] {
    border: none
}

#chartCommisst .highcharts-title[data-v-51488828] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-51488828] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-51488828] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-51488828], .modal .modal-dialog form[data-v-51488828] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-51488828] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-51488828], .FaqsDetail[data-v-51488828] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-51488828], .FaqsDetail[data-v-51488828] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-51488828], .FaqsDetail .headerMaster .boxHeader[data-v-51488828] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-51488828], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-51488828] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-51488828], .Faqs main[data-v-51488828] {
    background-color: unset
}

.titleChartCandle[data-v-51488828] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-51488828] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-51488828] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-51488828] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-51488828], .plotlineChart .time[data-v-51488828] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-51488828] {
    top: 51px
}

.boxHeader[data-v-51488828] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-51488828], .boxHeader .register[data-v-51488828] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-51488828] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-51488828] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-51488828] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-51488828] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-51488828]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-51488828] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-51488828]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-51488828] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-51488828]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-51488828] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-51488828] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-51488828] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-51488828] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-51488828] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-51488828] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-51488828] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-51488828] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-51488828] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-51488828] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-51488828] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-51488828] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-51488828] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-51488828] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-51488828] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-51488828] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-51488828] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-51488828] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-51488828] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-51488828] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-51488828] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-51488828] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-51488828] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-51488828] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-51488828] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-51488828] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-51488828] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-51488828] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-51488828] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-51488828] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-51488828] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-51488828] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-51488828] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-51488828] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-51488828] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-51488828] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-51488828] {
        height: 56px !important
    }
}

input.form-control[data-v-51488828], input[data-v-51488828], select.form-control[data-v-51488828], select[data-v-51488828] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-51488828] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-51488828] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-51488828] {
    line-height: 100%
}

.button.btn-long[data-v-51488828] {
    padding: 10px 40px
}

.button.btn-radius[data-v-51488828] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-51488828] {
    border-radius: 20px
}

.button.btn-full[data-v-51488828] {
    width: 100%
}

.button.btn-80[data-v-51488828] {
    width: 80%
}

.button.hasIcon[data-v-51488828] {
    padding-left: 50px
}

.button a[data-v-51488828] {
    display: block
}

.button .labelIcon[data-v-51488828] {
    position: absolute
}

.button .labelIcon svg[data-v-51488828] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-51488828] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-51488828]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-51488828] {
    outline: none
}

.keyboard-input-wrap[data-v-51488828] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-51488828] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-51488828] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-51488828] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-51488828] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-51488828] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-51488828] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-51488828] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-51488828] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-51488828] {
    font-size: 1.2em
}

.color-white[data-v-51488828] {
    color: #fff
}

.color-white-50[data-v-51488828] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-51488828] {
    display: none
}

.ld-loading .loading[data-v-51488828], .main-loading .loading[data-v-51488828] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-51488828] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-51488828]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-51488828]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-51488828] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-51488828] {
    -webkit-animation: rotate-data-v-51488828 1s linear infinite;
    animation: rotate-data-v-51488828 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-51488828] {
    stroke: transparent
}

.wrapNotify[data-v-51488828] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-51488828] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-51488828] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-51488828] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-51488828] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-51488828] {
    display: block
}

.wrapNotify .close-notify[data-v-51488828] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-51488828] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-51488828] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-51488828] {
    background-color: transparent
}

.colorWhite[data-v-51488828] {
    color: #fff
}

.colorRed[data-v-51488828] {
    color: #f46273
}

.colorGreen[data-v-51488828] {
    color: #31baa0
}

.colorGray[data-v-51488828] {
    color: #7c7c7c
}

.tableBackground[data-v-51488828] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-51488828] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-51488828], .tableBackground .table-dark th[data-v-51488828] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-51488828]:after, .tableBackground .table-dark th[data-v-51488828]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-51488828] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-51488828], .tableBackground .table-dark th[data-v-51488828] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-51488828]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-51488828]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-51488828] {
    background-color: #060642
}

.tableBackground #paging li[data-v-51488828] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-51488828] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-51488828] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-51488828], .customeTradeHistory[data-v-51488828] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-51488828], .customeTradeHistory .reportrange-text[data-v-51488828] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-51488828], .customeTradeHistory .reportrange-text .seperate[data-v-51488828] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-51488828], .customeTradeHistory .reportrange-text span[data-v-51488828] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-51488828] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-51488828] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-51488828] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-51488828]:after, .startDate .daterangepicker.openscenter[data-v-51488828]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-51488828] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-51488828] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-51488828] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-51488828] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-51488828] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-51488828] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-51488828] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-51488828] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-51488828] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-51488828] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-51488828] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-51488828] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-51488828] {
    text-align: center
}

.border-none[data-v-51488828] {
    border: none
}

.text-domain[data-v-51488828]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-51488828] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-51488828] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-51488828] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-51488828] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-51488828] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-51488828] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-51488828] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-51488828] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-51488828] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-51488828] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-51488828] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-51488828] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-51488828] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-51488828] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-51488828] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-51488828] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-51488828] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-51488828] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-51488828] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-51488828] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-51488828] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-51488828] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-51488828] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-51488828] {
    fill: #000
}

.btn-active-paging[data-v-51488828] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-51488828] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-51488828] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-51488828] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-51488828], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-51488828] {
    background: #8b8d96 !important
}

.transactionBox[data-v-51488828] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-51488828] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-51488828] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-51488828] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-51488828] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-51488828] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-51488828] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-51488828] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-51488828] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-51488828] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-51488828] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-51488828] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-51488828] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-51488828] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-51488828] {
    color: #2a74f9 !important
}

.wrap-gauge-meter[data-v-51488828] {
    /*height: 140px*/
}

.wrap-gauge-meter-inner[data-v-51488828] {
    height: 100%;
    transform: scale(0.7);
    margin-top: -30px;
}

@media screen and (max-width:1300px) {
    .wrap-gauge-meter-inner[data-v-51488828] {
        height: auto;
        overflow: initial;
        margin: 0
    }
}

@media screen and (max-width:768px) {
    .wrap-gauge-meter[data-v-51488828] {
        height: auto
    }

    .wrap-gauge-meter-inner[data-v-51488828] {
        transform: scale(1);
        margin-top: 20px;
    }
}

@media screen and (max-width:1023px) and (min-width:991px) {
    .wrap-gauge-meter-inner[data-v-51488828] {
        /*padding-bottom: 65px*/
    }
}

@media screen and (max-width:1023px) and (min-width:991px) and (orientation:landscape) {
    .wrap-gauge-meter-inner[data-v-51488828] {
        /*padding-bottom: 65px !important*/
    }
}

@media screen and (max-width:1023px) and (orientation:landscape) {
    .wrap-gauge-meter[data-v-51488828] {
        /*padding-top: 36px*/
    }
}

.gauge-meter[data-v-51488828] {
    width: 900px;
    height: 135px;
    position: relative;
    margin: 0 auto;
    top: 15px
}

@media screen and (max-width:1500px) {
    .gauge-meter[data-v-51488828] {
        width: 700px
    }
}

@media screen and (max-width:1300px) {
    .gauge-meter[data-v-51488828] {
        width: 600px;
        height: 64px;
        top: auto;
        -webkit-transform: none;
        transform: none;
        /*margin-top: 20px*/
    }
}

@media screen and (max-width:1200px) {
    .gauge-meter[data-v-51488828] {
        /*margin-top: 15px*/
    }
}

@media screen and (max-width:768px) {
    .gauge-meter[data-v-51488828] {
        /*margin-top: 10px*/
    }
}

@media screen and (max-width:1024px) and (orientation:landscape) {
    .gauge-meter[data-v-51488828] {
        /*margin-top: 5px;*/
        width: 350px
    }
}

@media screen and (max-width:767px) {
    .gauge-meter[data-v-51488828] {
        width: 350px;
        /*margin-top: 15px*/
    }
}

@media screen and (max-width:575px) {
    .gauge-meter[data-v-51488828] {
        /*margin-top: 35px*/
    }
}

@media screen and (max-width:420px) {
    .gauge-meter[data-v-51488828] {
        /*margin-top: 10px;*/
        width: 320px
    }
}

.gauge-meter.is-show-transaction[data-v-51488828] {
    width: 90%
}

.gauge-meter-sub[data-v-51488828] {
    width: 176px;
    height: 100%;
    position: absolute;
    bottom: 0
}

@media screen and (max-width:1300px) {
    .gauge-meter-sub[data-v-51488828] {
        width: 88px
    }
}

.gauge-meter--os[data-v-51488828] {
    left: 0;
    width: 140px
}

@media screen and (max-width:1300px) {
    .gauge-meter--os[data-v-51488828] {
        width: 70px
    }
}

.gauge-meter--su[data-v-51488828] {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.gauge-meter--ma[data-v-51488828] {
    width: 140px;
    left: auto;
    right: 0
}

@media screen and (max-width:1300px) {
    .gauge-meter--ma[data-v-51488828] {
        width: 70px
    }
}

.gauge-meter-title[data-v-51488828] {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    z-index: 4;
    margin-bottom: 0;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    color: #fff;
    cursor: pointer
}

    .gauge-meter-title[data-v-51488828]:hover {
        text-decoration: underline
    }

.gauge-meter-title-icon[data-v-51488828] {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.gauge-meter-title-icon svg[data-v-51488828] {
    width: 100%;
    height: auto
}

@media screen and (max-width:1300px) {
    .gauge-meter-title-icon[data-v-51488828] {
        width: 12px;
        height: 12px;
        right: -14px
    }
}

@media screen and (max-width:1300px) {
    .gauge-meter-title[data-v-51488828] {
        font-size: 10px
    }
}

.gauge-meter-sub-title[data-v-51488828] {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: -16px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 4;
    margin-bottom: 0;
    white-space: nowrap
}

@media screen and (max-width:1300px) {
    .gauge-meter-sub-title[data-v-51488828] {
        font-size: 10px;
        bottom: -12px
    }
}

.gauge-meter-border[data-v-51488828] {
    width: 100%;
    height: 88px;
    position: absolute;
    bottom: 0;
    left: 0
}

    .gauge-meter-border[data-v-51488828]:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        bottom: 0;
        z-index: 3;
        background-size: cover;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4NiIgaGVpZ2h0PSI0MyI+PHBhdGggZGF0YS1uYW1lPSJQYXRoIDM1MzczIiBkPSJNLjg3MSA0M2EuODM0LjgzNCAwIDAxLS44NjgtLjgyNCA0MC41MDkgNDAuNTA5IDAgMDE3LjYzNi0yMy41Ni44NjguODY4IDAgMTExLjM4OCAxLjA0MiAzOS4xMzcgMzkuMTM3IDAgMDAtNy4yODkgMjIuNDc1Ljg0NC44NDQgMCAwMS0uODY4Ljg2OHoiIGZpbGw9IiNlZjU0NTAiLz48cGF0aCBkYXRhLW5hbWU9IlBhdGggMzUzNzQiIGQ9Ik04NS4xMjkgNDIuOTk5YS44OC44OCAwIDAxLS44NjgtLjkxMSAzOS41MjUgMzkuNTI1IDAgMDAtNy4yODktMjIuNDc1Ljg2OC44NjggMCAxMTEuMzg4LTEuMDQxIDQwLjUwOSA0MC41MDkgMCAwMTcuNjM2IDIzLjU2Ljg2OS44NjkgMCAwMS0uODY3Ljg2N3oiIGZpbGw9IiMzMWJhYTAiLz48cGF0aCBkYXRhLW5hbWU9IlBhdGggMzUzNzUiIGQ9Ik05LjcyMyAxOC4xMTNhLjk1My45NTMgMCAwMS0uNTY0LS4xNzMuODQ2Ljg0NiAwIDAxLS4xMy0xLjIxNSA1Mi40NTcgNTIuNDU3IDAgMDE1Ljg1OC01Ljk0NGM0Ljc3My00LjIwOSA5LjM3Mi02LjkgMTMuNzExLTguMDdhLjg1My44NTMgMCAxMS40MzQgMS42NDljLTkuNzE5IDIuNTYtMTguNTcgMTMuMzItMTguNjU3IDEzLjQ1MWEuODQ4Ljg0OCAwIDAxLS42NTIuMzAyeiIgZmlsbD0iI2Y1OTg5NiIvPjxwYXRoIGRhdGEtbmFtZT0iUGF0aCAzNTM3NiIgZD0iTTc2LjIzMyAxOC4xMTRhMS4wMjUgMS4wMjUgMCAwMS0uNjk0LS4zYy0uMDg3LS4wODctOC45MzgtMTAuODQ3LTE4LjY1Ny0xMy40NWEuODUzLjg1MyAwIDExLjQzNC0xLjY0OWM0LjMzOSAxLjEyOCA4LjkzOCAzLjg2MiAxMy43MTEgOC4wN2E2Mi4zMzIgNjIuMzMyIDAgMDE1Ljg1NyA1Ljk0NC44NDIuODQyIDAgMDEtLjEzIDEuMjE1LjkyOS45MjkgMCAwMS0uNTIxLjE3eiIgZmlsbD0iIzhmZjBjYiIvPjxwYXRoIGRhdGEtbmFtZT0iUGF0aCAzNTM3NyIgZD0iTTU1LjAzNiAzLjYyMWEuNzM4LjczOCAwIDAxLS4zLS4wNDNjLTExLjEwOC00LjA3OC0yMy4yNTYtLjA0My0yMy4zODcgMGEuODI5LjgyOSAwIDAxLTEuMDg1LS41NjQuODM4LjgzOCAwIDAxLjUyMS0xLjA4NWMuNTIxLS4xNzMgMTIuODQzLTQuMjUyIDI0LjU1OCAwYS44NzIuODcyIDAgMDEtLjMgMS42OTJ6IiBmaWxsPSIjZDFkNGRjIi8+PC9zdmc+")
    }

@media screen and (max-width:1300px) {
    .gauge-meter-border[data-v-51488828] {
        height: 44px
    }
}

.gauge-meter--ma .gauge-meter-border[data-v-51488828], .gauge-meter--os .gauge-meter-border[data-v-51488828] {
    height: 70px
}

@media screen and (max-width:1300px) {
    .gauge-meter--ma .gauge-meter-border[data-v-51488828], .gauge-meter--os .gauge-meter-border[data-v-51488828] {
        height: 35px
    }
}

.gauge-meter-background[data-v-51488828] {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-size: cover;
    -webkit-transition: all .3s;
    transition: all .3s;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4NiIgaGVpZ2h0PSI0MyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJiIiB4MT0iLjUiIHkxPSIuMDA2IiB4Mj0iLjUwNyIgeTI9Ii40OTQiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94Ij48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iLjYwNCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzY1Y2JiMCIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOTdkY2NmIiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkYXRhLW5hbWU9IlJlY3RhbmdsZSA1MTQxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0uMDEpIiBmaWxsPSIjZmZmIiBzdHJva2U9IiM3MDcwNzAiIGQ9Ik0wIDBoODZ2NDNIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBkYXRhLW5hbWU9Ik1hc2sgR3JvdXAgNjQxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC4wMSkiIGNsaXAtcGF0aD0idXJsKCNhKSI+PHBhdGggZGF0YS1uYW1lPSJQYXRoIDM1NDQwIiBkPSJNNDMgMGMyMy43NDggMCA0MyAxOC44IDQzIDQyUzY2Ljc0OCA4NCA0MyA4NCAwIDY1LjIgMCA0MiAxOS4yNTIgMCA0MyAweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAuOTkpIiBvcGFjaXR5PSIuNiIgZmlsbD0idXJsKCNiKSIvPjwvZz48L3N2Zz4=")
}

.gauge-meter-background.rank-1[data-v-51488828] {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4NiIgaGVpZ2h0PSI0MyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJiIiB4MT0iLjUiIHkxPSIuMDA2IiB4Mj0iLjUwNyIgeTI9Ii40OTQiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94Ij48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNlZjU0NTAiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNjOTY3NjciIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzk3ZGNjZiIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZGF0YS1uYW1lPSJSZWN0YW5nbGUgNTE0MCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtLjAxKSIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjNzA3MDcwIiBkPSJNMCAwaDg2djQzSDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgZGF0YS1uYW1lPSJNYXNrIEdyb3VwIDY0MCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAuMDEpIiBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGRhdGEtbmFtZT0iUGF0aCAzNTQzOSIgZD0iTTQzIDBjMjMuNzQ4IDAgNDMgMTguOCA0MyA0MlM2Ni43NDggODQgNDMgODQgMCA2NS4yIDAgNDIgMTkuMjUyIDAgNDMgMHoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLjk5KSIgb3BhY2l0eT0iLjYiIGZpbGw9InVybCgjYikiLz48L2c+PC9zdmc+")
}

.gauge-meter-background.rank-2[data-v-51488828] {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4NiIgaGVpZ2h0PSI0MyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJiIiB4MT0iLjUiIHkxPSItLjI5OCIgeDI9Ii41MDciIHkyPSIuNDk0IiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmQ5MjkxIiBzdG9wLW9wYWNpdHk9Ii44Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZjU5ODk2IiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkYXRhLW5hbWU9IlJlY3RhbmdsZSA1MDg0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0uMDEpIiBmaWxsPSIjZmZmIiBzdHJva2U9IiM3MDcwNzAiIGQ9Ik0wIDBoODZ2NDNIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBkYXRhLW5hbWU9Ik1hc2sgR3JvdXAgNjIxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC4wMSkiIGNsaXAtcGF0aD0idXJsKCNhKSI+PGVsbGlwc2UgZGF0YS1uYW1lPSJFbGxpcHNlIDIyMzkiIGN4PSI0MyIgY3k9IjQyIiByeD0iNDMiIHJ5PSI0MiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAuOTkpIiBvcGFjaXR5PSIuNiIgZmlsbD0idXJsKCNiKSIvPjwvZz48L3N2Zz4=")
}

.gauge-meter-background.rank-3[data-v-51488828] {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4NiIgaGVpZ2h0PSI0MyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJiIiB4MT0iLjUiIHkxPSIuMDA2IiB4Mj0iLjUwNyIgeTI9Ii40OTQiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94Ij48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iLjYwNCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzY1Y2JiMCIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOTdkY2NmIiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkYXRhLW5hbWU9IlJlY3RhbmdsZSA1MTQxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0uMDEpIiBmaWxsPSIjZmZmIiBzdHJva2U9IiM3MDcwNzAiIGQ9Ik0wIDBoODZ2NDNIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBkYXRhLW5hbWU9Ik1hc2sgR3JvdXAgNjQxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC4wMSkiIGNsaXAtcGF0aD0idXJsKCNhKSI+PHBhdGggZGF0YS1uYW1lPSJQYXRoIDM1NDQwIiBkPSJNNDMgMGMyMy43NDggMCA0MyAxOC44IDQzIDQyUzY2Ljc0OCA4NCA0MyA4NCAwIDY1LjIgMCA0MiAxOS4yNTIgMCA0MyAweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAuOTkpIiBvcGFjaXR5PSIuNiIgZmlsbD0idXJsKCNiKSIvPjwvZz48L3N2Zz4=")
}

.gauge-meter-background.rank-4[data-v-51488828] {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4NiIgaGVpZ2h0PSI0MyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJiIiB4MT0iLjUiIHkxPSItLjI2IiB4Mj0iLjUwNyIgeTI9Ii40OTQiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94Ij48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM4ZmYwY2IiIHN0b3Atb3BhY2l0eT0iLjgiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM4ZmYwY2IiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzhmZjBjYiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+PC9saW5lYXJHcmFkaWVudD48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDUxNTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLS4wMSkiIGZpbGw9IiNmZmYiIHN0cm9rZT0iIzcwNzA3MCIgZD0iTTAgMGg4NnY0M0gweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGRhdGEtbmFtZT0iTWFzayBHcm91cCA2NDUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLjAxKSIgY2xpcC1wYXRoPSJ1cmwoI2EpIj48ZWxsaXBzZSBkYXRhLW5hbWU9IkVsbGlwc2UgMjMyMSIgY3g9IjQzIiBjeT0iNDIiIHJ4PSI0MyIgcnk9IjQyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC45OSkiIG9wYWNpdHk9Ii42IiBmaWxsPSJ1cmwoI2IpIi8+PC9nPjwvc3ZnPg==")
}

.gauge-meter-background.rank-5[data-v-51488828] {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4NiIgaGVpZ2h0PSI0MyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJiIiB4MT0iLjUiIHkxPSIuMDA2IiB4Mj0iLjUwNyIgeTI9Ii40OTQiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94Ij48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMzMWJhYTAiIHN0b3Atb3BhY2l0eT0iLjYwNCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzY1Y2JiMCIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOTdkY2NmIiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkYXRhLW5hbWU9IlJlY3RhbmdsZSA1MDg0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0uMDEpIiBmaWxsPSIjZmZmIiBzdHJva2U9IiM3MDcwNzAiIGQ9Ik0wIDBoODZ2NDNIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBkYXRhLW5hbWU9Ik1hc2sgR3JvdXAgNjIxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC4wMSkiIGNsaXAtcGF0aD0idXJsKCNhKSI+PHBhdGggZGF0YS1uYW1lPSJQYXRoIDM1MzgyIiBkPSJNNDMgMGMyMy43NDggMCA0MyAxOC44IDQzIDQyUzY2Ljc0OCA4NCA0MyA4NCAwIDY1LjIgMCA0MiAxOS4yNTIgMCA0MyAweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAuOTkpIiBvcGFjaXR5PSIuODAyIiBmaWxsPSJ1cmwoI2IpIi8+PC9nPjwvc3ZnPg==")
}

.gauge-meter-pane[data-v-51488828] {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2
}

@media screen and (max-width:1300px) {
    .gauge-meter-label-list[data-v-51488828] {
        display: none
    }
}

.gauge-meter-label-item[data-v-51488828] {
    font-size: 10px;
    color: #8383a1;
    text-align: center;
    position: absolute;
    line-height: 1.2;
    text-transform: uppercase;
    -webkit-transition: all .3s;
    transition: all .3s
}

.gauge-meter-label-item.active[data-v-51488828] {
    color: #fff
}

.gauge-meter-label-item--strong-sell[data-v-51488828] {
    top: 45px;
    left: -42px
}

.gauge-meter--ma .gauge-meter-label-item--strong-sell[data-v-51488828], .gauge-meter--os .gauge-meter-label-item--strong-sell[data-v-51488828] {
    top: 40px;
    left: -40px
}

.gauge-meter-label-item--sell[data-v-51488828] {
    top: 5px;
    left: 5px
}

.gauge-meter--ma .gauge-meter-label-item--sell[data-v-51488828], .gauge-meter--os .gauge-meter-label-item--sell[data-v-51488828] {
    top: 8px;
    left: -2px
}

.gauge-meter-label-item--neutral[data-v-51488828] {
    top: -20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.gauge-meter--ma .gauge-meter-label-item--neutral[data-v-51488828], .gauge-meter--os .gauge-meter-label-item--neutral[data-v-51488828] {
    top: -15px
}

.gauge-meter-label-item--buy[data-v-51488828] {
    top: 5px;
    right: 7px
}

.gauge-meter--ma .gauge-meter-label-item--buy[data-v-51488828], .gauge-meter--os .gauge-meter-label-item--buy[data-v-51488828] {
    top: 8px;
    right: 0
}

.gauge-meter-label-item--strong-buy[data-v-51488828] {
    top: 45px;
    right: -42px
}

.gauge-meter--ma .gauge-meter-label-item--strong-buy[data-v-51488828], .gauge-meter--os .gauge-meter-label-item--strong-buy[data-v-51488828] {
    top: 40px;
    right: -40px
}

.gauge-meter-status-list[data-v-51488828] {
    position: absolute;
    width: 100%;
    bottom: -60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:1300px) {
    .gauge-meter-status-list[data-v-51488828] {
        bottom: -55px
    }
}

@media screen and (max-width:1023px) and (orientation:landscape) {
    .gauge-meter-status-list[data-v-51488828] {
        display: none
    }
}

@media screen and (max-width:767px) {
    .gauge-meter-status-list[data-v-51488828] {
        display: none
    }
}

.gauge-meter-status-item[data-v-51488828] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 10px
}

@media screen and (max-width:1300px) {
    .gauge-meter-status-item[data-v-51488828] {
        padding: 0 5px;
        font-size: 12px
    }
}

.gauge-meter-status-value[data-v-51488828] {
    color: #fff;
    text-align: center;
    font-weight: 700
}

.gauge-meter-status-value--sell[data-v-51488828] {
    color: #ef5450
}

.gauge-meter-status-value--buy[data-v-51488828] {
    color: #31baa0
}

.gauge-meter-status-value--neutral[data-v-51488828] {
    color: #d1d4dc
}

.gauge-meter-status-text[data-v-51488828] {
    color: #8383a1
}

.gauge-meter-popover[data-v-51488828] {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.gauge-meter--ma .gauge-meter-popover[data-v-51488828], .gauge-meter--os .gauge-meter-popover[data-v-51488828] {
    top: 23px
}

@media screen and (max-width:1300px) {
    .gauge-meter--ma .gauge-meter-popover[data-v-51488828], .gauge-meter--os .gauge-meter-popover[data-v-51488828] {
        top: 10px
    }
}

body[data-v-7e6f4094] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-7e6f4094]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-7e6f4094]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-7e6f4094]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-7e6f4094] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-7e6f4094]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-7e6f4094]::-webkit-inner-spin-button, input[data-v-7e6f4094]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-7e6f4094] {
    -moz-appearance: textfield
}

button[data-v-7e6f4094]:focus, input[data-v-7e6f4094]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-7e6f4094] {
    font-size: 8px
}

.font-10[data-v-7e6f4094] {
    font-size: .6rem !important
}

.font-12[data-v-7e6f4094] {
    font-size: 12px
}

.font-14[data-v-7e6f4094] {
    font-size: 14px
}

.font-16[data-v-7e6f4094] {
    font-size: 16px
}

.font-18[data-v-7e6f4094] {
    font-size: 18px
}

.font-20[data-v-7e6f4094] {
    font-size: 20px
}

.font-24[data-v-7e6f4094] {
    font-size: 24px
}

.font-32[data-v-7e6f4094] {
    font-size: 32px
}

.font-34[data-v-7e6f4094] {
    font-size: 34px
}

.font-40[data-v-7e6f4094] {
    font-size: 2.5rem !important
}

.font-44[data-v-7e6f4094] {
    font-size: 44px
}

.colorPrimary[data-v-7e6f4094] {
    color: #2a74f9
}

.colorPrimary1[data-v-7e6f4094] {
    color: #000 !important
}

.colorSecondary[data-v-7e6f4094] {
    color: #fff !important
}

.colorSecondary1[data-v-7e6f4094] {
    color: #414141 !important
}

.colorSecondary2[data-v-7e6f4094] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-7e6f4094] {
    color: #0d0d0d
}

.colorSecondary4[data-v-7e6f4094] {
    color: #02142b
}

.colorSecondary5[data-v-7e6f4094] {
    color: #1a1e24
}

.colorSecondary6[data-v-7e6f4094] {
    color: #fafafa
}

.colorSecondary7[data-v-7e6f4094] {
    color: #333
}

.colorSecondary8[data-v-7e6f4094] {
    color: #0e0031
}

.colorSuccess[data-v-7e6f4094] {
    color: #31baa0
}

.colorWarning[data-v-7e6f4094] {
    color: #ffcf5c
}

.colorDanger[data-v-7e6f4094] {
    color: #f46273
}

.fillPrimary[data-v-7e6f4094] {
    fill: #2a74f9
}

.fillWarning[data-v-7e6f4094] {
    fill: #ffcf5c
}

.fillDanger[data-v-7e6f4094] {
    fill: #f46273
}

.fillSecondary1[data-v-7e6f4094] {
    fill: #414141
}

.fillSecondary2[data-v-7e6f4094] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-7e6f4094] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-7e6f4094] {
    fill: #02142b
}

.fillSecondary5[data-v-7e6f4094] {
    fill: #1a1e24
}

.fillSecondary6[data-v-7e6f4094] {
    fill: #fafafa
}

.fillSecondary7[data-v-7e6f4094] {
    fill: #333
}

.fillSecondary8[data-v-7e6f4094] {
    fill: #0e0031
}

.textnote-notidesc[data-v-7e6f4094] {
    color: #fff
}

.bgColor0[data-v-7e6f4094] {
    background-color: transparent
}

.bgPrimary-hover[data-v-7e6f4094]:hover, .bgPrimary[data-v-7e6f4094] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-7e6f4094]:hover, .bgPrimary1[data-v-7e6f4094] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-7e6f4094]:hover, .bgPrimary2[data-v-7e6f4094] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-7e6f4094]:hover, .bgSecondary[data-v-7e6f4094] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-7e6f4094]:hover, .bgSecondary1[data-v-7e6f4094] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-7e6f4094]:hover, .bgSecondary2[data-v-7e6f4094] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-7e6f4094]:hover, .bgSecondary3[data-v-7e6f4094] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-7e6f4094] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-7e6f4094] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-7e6f4094]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-7e6f4094]:hover, .bgSecondary5[data-v-7e6f4094] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-7e6f4094]:hover, .bgSecondary6[data-v-7e6f4094] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-7e6f4094]:hover, .bgSecondary7[data-v-7e6f4094] {
    background-color: #333 !important
}

.bgSecondary8[data-v-7e6f4094] {
    background-color: #011022 !important
}

.bgSecondary8-hover[data-v-7e6f4094]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-7e6f4094] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-7e6f4094]:hover, .bgSuccess[data-v-7e6f4094] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-7e6f4094] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-7e6f4094] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-7e6f4094]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-7e6f4094] {
    fill: #31baa0
}

.w-14-px[data-v-7e6f4094] {
    width: 14px
}

.max-width-50[data-v-7e6f4094] {
    max-width: 50%
}

.h-60-px[data-v-7e6f4094] {
    height: 60px
}

.h-100-px[data-v-7e6f4094] {
    height: 100px
}

.mb-16-px[data-v-7e6f4094] {
    margin-bottom: 16px
}

.mb-30-px[data-v-7e6f4094] {
    margin-bottom: 30px
}

.borderRounded[data-v-7e6f4094] {
    border-radius: 5px
}

.borderPrimary[data-v-7e6f4094] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-7e6f4094] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-7e6f4094] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-7e6f4094] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-7e6f4094] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-7e6f4094] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-7e6f4094] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-7e6f4094] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-7e6f4094] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-7e6f4094] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-7e6f4094] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-7e6f4094] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-7e6f4094] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-7e6f4094] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-7e6f4094]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-7e6f4094] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-7e6f4094] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-7e6f4094] {
    padding: 1px
}

.px-1-px[data-v-7e6f4094] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-7e6f4094] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-7e6f4094] {
    padding-left: 1px
}

.pr-1-px[data-v-7e6f4094] {
    padding-right: 1px
}

.pt-1-px[data-v-7e6f4094] {
    padding-top: 1px
}

.pb-1-px[data-v-7e6f4094] {
    padding-bottom: 1px
}

.p-2-px[data-v-7e6f4094] {
    padding: 2px
}

.px-2-px[data-v-7e6f4094] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-7e6f4094] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-7e6f4094] {
    padding-left: 2px
}

.pr-2-px[data-v-7e6f4094] {
    padding-right: 2px
}

.pt-2-px[data-v-7e6f4094] {
    padding-top: 2px
}

.pb-2-px[data-v-7e6f4094] {
    padding-bottom: 2px
}

.p-8-px[data-v-7e6f4094] {
    padding: 8px
}

.px-8-px[data-v-7e6f4094] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-7e6f4094] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-7e6f4094] {
    padding-left: 8px
}

.pr-8-px[data-v-7e6f4094] {
    padding-right: 8px
}

.pt-8-px[data-v-7e6f4094] {
    padding-top: 8px
}

.pb-8-px[data-v-7e6f4094] {
    padding-bottom: 8px
}

.p-10-px[data-v-7e6f4094] {
    padding: 10px
}

.px-10-px[data-v-7e6f4094] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-7e6f4094] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-7e6f4094] {
    padding-left: 10px
}

.pr-10-px[data-v-7e6f4094] {
    padding-right: 10px
}

.pt-10-px[data-v-7e6f4094] {
    padding-top: 10px
}

.pb-10-px[data-v-7e6f4094] {
    padding-bottom: 10px
}

.p-12-px[data-v-7e6f4094] {
    padding: 12px
}

.px-12-px[data-v-7e6f4094] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-7e6f4094] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-7e6f4094] {
    padding-left: 12px
}

.pr-12-px[data-v-7e6f4094] {
    padding-right: 12px
}

.pt-12-px[data-v-7e6f4094] {
    padding-top: 12px
}

.pb-12-px[data-v-7e6f4094] {
    padding-bottom: 12px
}

.p-16-px[data-v-7e6f4094] {
    padding: 16px
}

.px-16-px[data-v-7e6f4094] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-7e6f4094] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-7e6f4094] {
    padding-left: 16px
}

.pr-16-px[data-v-7e6f4094] {
    padding-right: 16px
}

.pt-16-px[data-v-7e6f4094] {
    padding-top: 16px
}

.pb-16-px[data-v-7e6f4094] {
    padding-bottom: 16px
}

.p-30-px[data-v-7e6f4094] {
    padding: 30px
}

.px-30-px[data-v-7e6f4094] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-7e6f4094] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-7e6f4094] {
    padding-left: 30px
}

.pr-30-px[data-v-7e6f4094] {
    padding-right: 30px
}

.pt-30-px[data-v-7e6f4094] {
    padding-top: 30px
}

.pb-30-px[data-v-7e6f4094] {
    padding-bottom: 30px
}

.font-30[data-v-7e6f4094] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-7e6f4094] {
    font-weight: 700
}

.wbo-title[data-v-7e6f4094] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-7e6f4094] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-7e6f4094] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-7e6f4094] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-7e6f4094]:focus {
        outline: 0
    }

    .button[data-v-7e6f4094]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-7e6f4094] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-7e6f4094]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-7e6f4094] {
    padding: 11px 2.5rem
}

.button.primary[data-v-7e6f4094], .button.primary[data-v-7e6f4094]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-7e6f4094], .text-primary[data-v-7e6f4094], a .primary-hover[data-v-7e6f4094]:hover {
    color: #000 !important
}

ul[data-v-7e6f4094] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-7e6f4094], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-7e6f4094] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-7e6f4094]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-7e6f4094]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-7e6f4094], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-7e6f4094], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-7e6f4094]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-7e6f4094], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-7e6f4094], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-7e6f4094]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-7e6f4094], .faqsContent .content .navigator ul li a.active[data-v-7e6f4094]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-7e6f4094]:hover {
    color: #000
}

.ps[data-v-7e6f4094] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-7e6f4094] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-7e6f4094], .ps__rail-y[data-v-7e6f4094] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-7e6f4094] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-7e6f4094], .ps--active-y > .ps__rail-y[data-v-7e6f4094] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-7e6f4094], .ps--focus > .ps__rail-y[data-v-7e6f4094], .ps--scrolling-x > .ps__rail-x[data-v-7e6f4094], .ps--scrolling-y > .ps__rail-y[data-v-7e6f4094], .ps:hover > .ps__rail-x[data-v-7e6f4094], .ps:hover > .ps__rail-y[data-v-7e6f4094] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-7e6f4094], .ps .ps__rail-x[data-v-7e6f4094]:focus, .ps .ps__rail-x[data-v-7e6f4094]:hover, .ps .ps__rail-y.ps--clicking[data-v-7e6f4094], .ps .ps__rail-y[data-v-7e6f4094]:focus, .ps .ps__rail-y[data-v-7e6f4094]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-7e6f4094] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-7e6f4094] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-7e6f4094], .ps__rail-x:focus > .ps__thumb-x[data-v-7e6f4094], .ps__rail-x:hover > .ps__thumb-x[data-v-7e6f4094] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-7e6f4094], .ps__rail-y:focus > .ps__thumb-y[data-v-7e6f4094], .ps__rail-y:hover > .ps__thumb-y[data-v-7e6f4094] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-7e6f4094] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-7e6f4094] {
        overflow: auto !important
    }
}

.md-field[data-v-7e6f4094] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-7e6f4094] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-7e6f4094] {
    color: #2a74f9
}

.md-field .md-error[data-v-7e6f4094] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-7e6f4094] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-7e6f4094], .md-field.md-has-value label[data-v-7e6f4094] {
    top: -10px
}

.form-control[data-v-7e6f4094], .md-field .md-input[data-v-7e6f4094], .md-field .md-textarea[data-v-7e6f4094], .winput[data-v-7e6f4094] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-7e6f4094] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-7e6f4094] {
    fill: #0d0d0d
}

.round[data-v-7e6f4094] {
    border-radius: 5px
}

.off[data-v-7e6f4094] {
    position: relative;
    cursor: default
}

.off > [data-v-7e6f4094] {
    opacity: .5
}

.off[data-v-7e6f4094]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-7e6f4094] {
    cursor: pointer
}

.close-page[data-v-7e6f4094] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-7e6f4094] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-7e6f4094], .slide-fade-leave-active[data-v-7e6f4094] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-7e6f4094], .slide-fade-leave-to[data-v-7e6f4094] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px)
}

@-webkit-keyframes rotate-data-v-7e6f4094 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-7e6f4094 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-7e6f4094] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-7e6f4094] {
    color: #ffcf5c
}

.button[data-v-7e6f4094] {
    font-weight: 700
}

.modal .modal-dialog[data-v-7e6f4094] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-7e6f4094] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-7e6f4094] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-7e6f4094], .modal .modal-dialog .modal-header[data-v-7e6f4094] {
    border: none
}

#chartCommisst .highcharts-title[data-v-7e6f4094] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-7e6f4094] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-7e6f4094] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-7e6f4094], .modal .modal-dialog form[data-v-7e6f4094] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-7e6f4094] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-7e6f4094], .FaqsDetail[data-v-7e6f4094] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-7e6f4094], .FaqsDetail[data-v-7e6f4094] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-7e6f4094], .FaqsDetail .headerMaster .boxHeader[data-v-7e6f4094] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-7e6f4094], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-7e6f4094] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-7e6f4094], .Faqs main[data-v-7e6f4094] {
    background-color: unset
}

.titleChartCandle[data-v-7e6f4094] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-7e6f4094] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-7e6f4094] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-7e6f4094] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-7e6f4094], .plotlineChart .time[data-v-7e6f4094] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-7e6f4094] {
    top: 51px
}

.boxHeader[data-v-7e6f4094] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-7e6f4094], .boxHeader .register[data-v-7e6f4094] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-7e6f4094] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-7e6f4094] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-7e6f4094] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-7e6f4094] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-7e6f4094]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-7e6f4094] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-7e6f4094]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-7e6f4094] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-7e6f4094]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-7e6f4094] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-7e6f4094] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-7e6f4094] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-7e6f4094] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-7e6f4094] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-7e6f4094] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-7e6f4094] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-7e6f4094] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-7e6f4094] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-7e6f4094] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-7e6f4094] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-7e6f4094] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-7e6f4094] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-7e6f4094] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-7e6f4094] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-7e6f4094] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-7e6f4094] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-7e6f4094] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-7e6f4094] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-7e6f4094] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-7e6f4094] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-7e6f4094] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-7e6f4094] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-7e6f4094] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-7e6f4094] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-7e6f4094] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-7e6f4094] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-7e6f4094] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-7e6f4094] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-7e6f4094] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-7e6f4094] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-7e6f4094] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-7e6f4094] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-7e6f4094] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-7e6f4094] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-7e6f4094] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-7e6f4094] {
        height: 56px !important
    }
}

input.form-control[data-v-7e6f4094], input[data-v-7e6f4094], select.form-control[data-v-7e6f4094], select[data-v-7e6f4094] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-7e6f4094] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-7e6f4094] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-7e6f4094] {
    line-height: 100%
}

.button.btn-long[data-v-7e6f4094] {
    padding: 10px 40px
}

.button.btn-radius[data-v-7e6f4094] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-7e6f4094] {
    border-radius: 20px
}

.button.btn-full[data-v-7e6f4094] {
    width: 100%
}

.button.btn-80[data-v-7e6f4094] {
    width: 80%
}

.button.hasIcon[data-v-7e6f4094] {
    padding-left: 50px
}

.button a[data-v-7e6f4094] {
    display: block
}

.button .labelIcon[data-v-7e6f4094] {
    position: absolute
}

.button .labelIcon svg[data-v-7e6f4094] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-7e6f4094] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-7e6f4094]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-7e6f4094] {
    outline: none
}

.keyboard-input-wrap[data-v-7e6f4094] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-7e6f4094] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-7e6f4094] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-7e6f4094] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-7e6f4094] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-7e6f4094] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-7e6f4094] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-7e6f4094] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-7e6f4094] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-7e6f4094] {
    font-size: 1.2em
}

.color-white[data-v-7e6f4094] {
    color: #fff
}

.color-white-50[data-v-7e6f4094] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-7e6f4094] {
    display: none
}

.ld-loading .loading[data-v-7e6f4094], .main-loading .loading[data-v-7e6f4094] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-7e6f4094] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-7e6f4094]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-7e6f4094]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-7e6f4094] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-7e6f4094] {
    -webkit-animation: rotate-data-v-7e6f4094 1s linear infinite;
    animation: rotate-data-v-7e6f4094 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-7e6f4094] {
    stroke: transparent
}

.wrapNotify[data-v-7e6f4094] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-7e6f4094] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-7e6f4094] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-7e6f4094] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-7e6f4094] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-7e6f4094] {
    display: block
}

.wrapNotify .close-notify[data-v-7e6f4094] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-7e6f4094] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-7e6f4094] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-7e6f4094] {
    background-color: transparent
}

.colorWhite[data-v-7e6f4094] {
    color: #fff
}

.colorRed[data-v-7e6f4094] {
    color: #f46273
}

.colorGreen[data-v-7e6f4094] {
    color: #31baa0
}

.colorGray[data-v-7e6f4094] {
    color: #7c7c7c
}

.tableBackground[data-v-7e6f4094] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-7e6f4094] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-7e6f4094], .tableBackground .table-dark th[data-v-7e6f4094] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-7e6f4094]:after, .tableBackground .table-dark th[data-v-7e6f4094]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-7e6f4094] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-7e6f4094], .tableBackground .table-dark th[data-v-7e6f4094] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-7e6f4094]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-7e6f4094]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-7e6f4094] {
    background-color: #060642
}

.tableBackground #paging li[data-v-7e6f4094] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-7e6f4094] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-7e6f4094] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-7e6f4094], .customeTradeHistory[data-v-7e6f4094] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-7e6f4094], .customeTradeHistory .reportrange-text[data-v-7e6f4094] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-7e6f4094], .customeTradeHistory .reportrange-text .seperate[data-v-7e6f4094] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-7e6f4094], .customeTradeHistory .reportrange-text span[data-v-7e6f4094] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-7e6f4094] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-7e6f4094] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-7e6f4094] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-7e6f4094]:after, .startDate .daterangepicker.openscenter[data-v-7e6f4094]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-7e6f4094] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-7e6f4094] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-7e6f4094] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-7e6f4094] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-7e6f4094] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-7e6f4094] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-7e6f4094] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-7e6f4094] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-7e6f4094] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-7e6f4094] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-7e6f4094] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-7e6f4094] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-7e6f4094] {
    text-align: center
}

.border-none[data-v-7e6f4094] {
    border: none
}

.text-domain[data-v-7e6f4094]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-7e6f4094] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-7e6f4094] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-7e6f4094] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-7e6f4094] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-7e6f4094] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-7e6f4094] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-7e6f4094] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-7e6f4094] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-7e6f4094] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-7e6f4094] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-7e6f4094] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-7e6f4094] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-7e6f4094] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-7e6f4094] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-7e6f4094] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-7e6f4094] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-7e6f4094] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-7e6f4094] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-7e6f4094] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-7e6f4094] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-7e6f4094] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-7e6f4094] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-7e6f4094] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-7e6f4094] {
    fill: #000
}

.btn-active-paging[data-v-7e6f4094] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-7e6f4094] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-7e6f4094] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-7e6f4094] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-7e6f4094], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-7e6f4094] {
    background: #8b8d96 !important
}

.transactionBox[data-v-7e6f4094] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-7e6f4094] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-7e6f4094] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-7e6f4094] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-7e6f4094] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-7e6f4094] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-7e6f4094] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-7e6f4094] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-7e6f4094] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-7e6f4094] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-7e6f4094] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-7e6f4094] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-7e6f4094] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-7e6f4094] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-7e6f4094] {
    color: #2a74f9 !important
}

@-webkit-keyframes changeColor-data-v-7e6f4094 {
    0% {
        color: #ffcf5c
    }

    to {
        color: #fff
    }
}

@keyframes changeColor-data-v-7e6f4094 {
    0% {
        color: #ffcf5c
    }

    to {
        color: #fff
    }
}

.slide-fade-enter-active[data-v-7e6f4094] {
    -webkit-transition: all .4s ease-in;
    transition: all .4s ease-in
}

.slide-fade-leave-active[data-v-7e6f4094] {
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.slide-fade-enter[data-v-7e6f4094], .slide-fade-leave-to[data-v-7e6f4094] {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 0
}

.color-green[data-v-7e6f4094] {
    color: #31baa0 !important
}

.color-red[data-v-7e6f4094] {
    color: #f46273 !important
}

.font-12[data-v-7e6f4094] {
    font-size: .75rem
}

.font-14[data-v-7e6f4094] {
    font-size: .875rem
}

.font-18[data-v-7e6f4094] {
    font-size: 1.125rem
}

.color-gray[data-v-7e6f4094] {
    color: hsla(0,0%,100%,.5)
}

.color-blue[data-v-7e6f4094] {
    color: #2a74f9
}

.colorSecondary[data-v-7e6f4094] {
    color: #fff
}

.icon[data-v-7e6f4094] {
    height: 20px;
    width: 25px;
    background-size: contain;
    background-repeat: no-repeat
}

.icon.iconEnglish[data-v-7e6f4094] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAeCAYAAABe3VzdAAAAAXNSR0IArs4c6QAABapJREFUWAm1WAtQVFUY/vayrLyWBR0nVqkwFtBMJ5spR8u0wFHJBB+g6BSiUw2KSlA66KijZWKML8SxbFJJealTkNpQ4oyFo1MzvTRFYAlKZCkSWEAWVtjt/Id2u3d370LD9s9c9p7/9X33P/ece34Ul6cs0o/K3hQ+atLDEEthfgt2b7+LB2arWO10P29BMPZ/EAbjuq0wf/U1t6vmzIImdyfS36hH+bl2pxixwlulQNaOsViePFqsxr0bd3AvK0cvaNckhGN9BswVlRIHCig+F4mHtN4SvScH2rHeHMORHOfCOGlTF+sE9UszoTm8C/cPHeeXmMDESX4oqxiPaTPUYvV/uFfI+lLOzy9NAGGIpfsfHsSJuAkmkwXKxyOh+eQgLHcNaH9lAyzGTntMULASHxfpkJapBeTx7P7SG+fXQyEAaW+F4FixDupAL7s7YRJ2P+NAXIgTcRMSY2vQ1GiGoFFDnb0ZPvFz0BqdiL5bNfZggZJmsqRF4SDCQxfpE1Fs/pkIpGVooRCZCKs1ZinHJg7E5feGXhA3obbahPjZ1bhyuYPj+iyORRB7AuPaLTDln5Fwmf58IEorojDhCV+JfiiDyVP8eewz0wIk7qYTpzlWUP4BEDYJcVk0pxrEjdUG6DD24bUVdcjb2wwrmxUqb3DpMVg7uiSVJN8QrQol5yOR5LDqyCYnK1JGo7AsgseKfahy1s77HIswLRYrcnOaOZeuzn7uap8vIpa314Cfvu/C3iPjoGFl9luXIs5nv1epBGzfHYqpzwbgcoXRrne88fUTcODoOMydH+Ro4mMiRReJ0diPzNR6Vr1/33/S2wnSgIQcFs6+jQ9PhiMiymdAKfOXgGdGB8pYgW3vhcLXl0+SrA8Zqm52Y21KPV8Ljo4uo2nRJMyrxhdlbY7+TmN3BNzZbInKzrZi2fxal+TIxyVBMvT0WJCR2oB3tjSir895uyCf4YjZbMGOrEZsWv8benstsqmUU6e734T11T04+L4B6Zu08PIS7Q2yKQc39PdbcSC7Gb/W9sAdvpUtDGX+Wd3gGT3sQQ+6cduYIWVV3HpxiUfmr0/fAGvbwMFAERwEpS5sSATcOrHdXPGzWucRgm6BhmGUXSTDyOnRUKX30096JOH/NsVNTU0emWJXB1ZPPLkyeYl+0DyTn/Lz/Dazx4DrP3S7xebbzLdXpd8+xwj60G/Y6Lk9kPLTNrP+bS1vKQpPtDhCSsayi2TECAH7joRh665QKJWe2aDFyN7eCv6t3pP7KAhLTlxaxoSqUHw+ArFxwXJxdj2deuXEnc0WE7dkJMciTFfiRPC5WWp8dnE8JkyU9gqugsvPt7Pv6R1XJq7bubkR5DOYEBZhEraj2AnSEZz6jo8KdOws6MX7EmqkxEd/WzB96OkQkf56PXp75DcBU7eF+8gdOCg3YVA/QphHT4VjzZus9xEJJxioUTJi4bzvIKIU2LZwNQS1v/1AaYtpNpixdH4NCo67f7lt/vRLvsvjakGxYqHDKmG0xa/imIJAiycER/IfQ4B6oKESxrPyll6MYuUdOHhSj9D+6gZo8t6F78pEcT5c/aYD8THVqPrFJNEPZXD9x/s89rtrXRJ3wqAWkzBtPdALszX49MsodmD2hVDCFgO9oFTmzqzd6K24gpGXTksqZ2HrgNqBVUl1aG/rkwC4H0inn2KTE2pxeP9A72OLpUoSZu/FSs6BuDwSNgIlF1iFaYnTlBqT0+E1JgRBp3J522cLpqSrk/S8oYIUz+bi5td5e7Kyhz2Uwx52mR6dHQONESWgVpOwiYORVZM4+bGeRugousDbPv+0lU5N0s0b3YiLuY1rle43c3mG8k9EORdEV4EwxEKNmj+7qO01Fl6A8GdBeR1y90EVM0PsB/rn0bKXa/CH4YFE78mB4e4DJC2oRfHJvyRpORfGqaWwvO5vX3k1cu5xJQIAAAAASUVORK5CYII=)
}

.background-green[data-v-7e6f4094] {
    background-color: #31baa0 !important
}

.background-red[data-v-7e6f4094] {
    background-color: #f46273 !important
}

.connectionLow[data-v-7e6f4094] {
    z-index: 2;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block;
    overflow: hidden;
    white-space: nowrap
}

.connectionLow .text[data-v-7e6f4094] {
    border: 1px solid #ffcf5c;
    border-radius: 3px;
    background-color: #0e0031;
    -webkit-animation: changeColor-data-v-7e6f4094 1.5s infinite;
    animation: changeColor-data-v-7e6f4094 1.5s infinite
}

.boxHistoryResult.pc .iconBox[data-v-7e6f4094] {
    width: 210px;
    margin: 0 auto
}

@media screen and (max-width:1500px) {
    .boxHistoryResult.pc .iconBox[data-v-7e6f4094] {
        width: 140px
    }
}

@media screen and (max-width:1300px) {
    .boxHistoryResult.pc .iconBox[data-v-7e6f4094] {
        width: 126px
    }
}

@media screen and (max-width:1200px) {
    .boxHistoryResult.pc .iconBox[data-v-7e6f4094] {
        width: 96px
    }
}

@media screen and (max-width:1200px) {
    .boxHistoryResult.pc .itemCircle[data-v-7e6f4094] {
        width: 18px;
        height: 18px
    }
}

.boxHistoryResult.tablet .iconBox[data-v-7e6f4094] {
    width: 110px;
    margin: 0 auto
}

.boxHistoryResult.mobile[data-v-7e6f4094] {
    display: block !important
}

.boxHistoryResult.mobile .iconBox[data-v-7e6f4094] {
    width: 110px;
    margin: 0 auto
}

@media screen and (max-width:440px) {
    .boxHistoryResult.mobile .iconBox[data-v-7e6f4094] {
        width: 90px
    }
}

.boxHistoryResult .borderRight[data-v-7e6f4094] {
    position: relative;
    margin-right: auto !important
}

    .boxHistoryResult .borderRight[data-v-7e6f4094]:after {
        content: "";
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0;
        width: 1px;
        height: 100%;
        background-color: hsla(0,0%,100%,.2)
    }

    .boxHistoryResult .borderRight[data-v-7e6f4094]:last-child {
        margin-right: 0 !important
    }

        .boxHistoryResult .borderRight[data-v-7e6f4094]:last-child:after {
            background-color: transparent
        }

.boxHistoryResult .itemCircle[data-v-7e6f4094] {
    width: 24px;
    height: 24px;
    margin-bottom: 8px;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid hsla(0,0%,100%,.2)
}

.boxHistoryResult .itemCircle.UP[data-v-7e6f4094] {
    background-color: #31baa0
}

.boxHistoryResult .itemCircle.DOWN[data-v-7e6f4094] {
    background-color: #f46273
}

.boxHistoryResult.animation .itemCircle[data-v-7e6f4094] {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.boxHistoryResult.animation .itemCircle.DOWN[data-v-7e6f4094], .boxHistoryResult.animation .itemCircle.UP[data-v-7e6f4094] {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.overviewInfo[data-v-7e6f4094] {
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 10px
}

.overviewInfo .badgeItem[data-v-7e6f4094] {
    padding: 8px 15px;
    border-radius: 5px;
    background-color: #02142b
}

.tutorialColumn[data-v-7e6f4094] {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.tutorialColumn a[data-v-7e6f4094] {
    color: #fff
}

.wbtn.btn-radius[data-v-7e6f4094] {
    border: 1px solid transparent;
    border-radius: 3px !important
}

.flex-50[data-v-7e6f4094] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.flex-100[data-v-7e6f4094] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

#binaryPage[data-v-7e6f4094] {
    position: relative;
    height: 100%;
    color: #fff
}

#binaryPage .content[data-v-7e6f4094] {
    height: 100%
}

#binaryPage .leftContent[data-v-7e6f4094] {
    background-color: #011022;
    border-left: 3px solid #000;
    border-right: 3px solid #000;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 420px);
    flex: 0 0 calc(100% - 420px);
    max-width: calc(100% - 420px);
    -webkit-transition: all .5s cubic-bezier(.25,.8,.25,1);
    transition: all .5s cubic-bezier(.25,.8,.25,1);
    position: relative
}

#binaryPage .leftContent .ping-time[data-v-7e6f4094] {
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 9;
    font-size: 12px
}

#binaryPage .leftContent.hideTransaction[data-v-7e6f4094] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 210px);
    flex: 0 0 calc(100% - 210px);
    max-width: calc(100% - 210px)
}

#binaryPage .rightContent[data-v-7e6f4094] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 420px;
    flex: 0 0 420px;
    max-width: 420px;
    -webkit-transition: all .5s cubic-bezier(.25,.8,.25,1);
    transition: all .5s cubic-bezier(.25,.8,.25,1)
}

#binaryPage .rightContent.hideTransaction[data-v-7e6f4094] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 210px;
    flex: 0 0 210px;
    max-width: 210px
}

#binaryPage #analysis-wrapper[data-v-7e6f4094] {
    /*height: 25vh*/
}

#binaryPage #historyBox[data-v-7e6f4094] {
    /*height: 140px;*/
}

#binaryPage .chartBox[data-v-7e6f4094] {
    height: calc(100svh - 250px);
    overflow: hidden;
    background-color: #12023e
}

#binaryPage .chartBox > .chart-instance {
    /*height: calc(100% - 18px);*/
    height: calc(100%);
}

@media screen and (max-width:1300px) {
    #binaryPage #analysis-wrapper[data-v-7e6f4094], #binaryPage #historyBox[data-v-7e6f4094] {
        /*height: 202px*/
    }

    #binaryPage .chartBox[data-v-7e6f4094] {
        height: calc(100svh - 220px)
    }
}

@media screen and (max-width:1200px) {
    #binaryPage #analysis-wrapper[data-v-7e6f4094], #binaryPage #historyBox[data-v-7e6f4094] {
        /*height: auto*/
    }

    #binaryPage .chartBox[data-v-7e6f4094] {
        /*height: calc(100vh - 250px)*/
    }
}

@media screen and (max-width:768px) {
    #binaryPage #analysis-wrapper[data-v-7e6f4094] {
        height: auto;
    }

    #binaryPage .wrap[data-v-7e6f4094] {
        /*height: 340px*/
        /*height: calc(25vh);*/
    }

    #binaryPage .chartBox[data-v-7e6f4094] {
        /*height: calc(100vh - 390px)*/
        /*height: calc(75vh - 150px);*/
        height: calc(100svh - 340px);
    }

    canvas[data-v-528a0959] {
        /*max-height: calc(25vh - 80px);*/
        height: 80px;
    }
}

@media screen and (max-width:1024px) {
    #binaryPage #analysis-wrapper[data-v-7e6f4094] {
        /*min-height: 159px;*/
        /*min-height: 119px;*/
    }

    .borderRightDesktop {
        padding: 0 5px;
    }
}

@media screen and (max-width:1024px) and (orientation:landscape) and (width:812px) {
    #binaryPage #analysis-wrapper[data-v-7e6f4094] {
        /*min-height: 130px*/
    }
}

@media screen and (max-width:1024px) {
    #binaryPage .wrap[data-v-7e6f4094] {
        /*height: 360px;*/
    }

    #binaryPage .chartBox[data-v-7e6f4094] {
        /*height: calc(100vh - 410px)*/
        height: calc(100svh - 180px);
    }
}

@media screen and (max-width:768px) {
    #binaryPage #analysis-wrapper[data-v-7e6f4094] {
        /*min-height: 130px*/
    }

    #binaryPage .wrap[data-v-7e6f4094] {
        /*height: 320px;*/
        /*height: 300px;*/
    }

    #binaryPage .chartBox[data-v-7e6f4094] {
        /*height: calc(100vh - 370px)*/
    }
}

@media screen and (max-width:767px) {
    #binaryPage #analysis-wrapper[data-v-7e6f4094] {
        /*min-height: 119px*/
    }

    #binaryPage .wrap[data-v-7e6f4094] {
        /* height: 340px*/
        /*height: 300px;*/
    }

    #binaryPage .chartBox[data-v-7e6f4094] {
        height: calc(100svh - 330px);
    }
}

@media screen and (max-width:575px) {
    #binaryPage .wrap[data-v-7e6f4094] {
        /*height: 335px*/
    }

    #binaryPage .chartBox[data-v-7e6f4094] {
        /*height: calc(100vh - 385px)*/
    }
}

@media screen and (max-width:540px) {
    #binaryPage .wrap[data-v-7e6f4094] {
        /*height: 300px;*/
        /*height: 325px;*/
    }

    #binaryPage .chartBox[data-v-7e6f4094] {
        /*height: calc(100vh - 375px)*/
    }
}

@media screen and (max-width:460px) {
    #binaryPage .wrap[data-v-7e6f4094] {
        /*height: 300px;*/
    }

    #binaryPage .chartBox[data-v-7e6f4094] {
        /*height: calc(100vh - 350px)*/
    }
}

@media screen and (max-width:420px) {
    #binaryPage #analysis-wrapper[data-v-7e6f4094] {
        /*min-height: 110px;*/
    }

    #binaryPage .wrap[data-v-7e6f4094] {
        /*height: 300px;*/
    }

    #binaryPage .chartBox[data-v-7e6f4094] {
        /*height: calc(100vh - 350px)*/
    }
}

.dropdown-menu[data-v-7e6f4094] {
    font-weight: 700;
    padding: 10px 15px;
    background-color: #0e0031;
    border-radius: 5px;
    border: 1px solid hsla(0,0%,100%,.29);
    -webkit-transform: translate(-100px,50px) !important;
    transform: translate(-100px,50px) !important
}

.dropdown-menu .custom-radio-border[data-v-7e6f4094]:before {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: -15px;
    width: calc(100% + 30px);
    height: 1px;
    background-color: hsla(0,0%,100%,.29)
}

.dropdown-menu .custom-radio .custom-control-label[data-v-7e6f4094]:before {
    top: 0;
    background-color: hsla(0,0%,100%,.3)
}

.dropdown-menu .custom-radio .custom-control-label[data-v-7e6f4094]:after {
    position: absolute;
    top: 4px;
    left: 4px;
    display: block;
    width: 8px;
    height: 8px;
    content: "";
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%;
    border-radius: 50%
}

.dropdown-menu .custom-radio .custom-control-input:checked ~ .custom-control-label[data-v-7e6f4094]:after {
    background-color: #2a74f9;
    background-image: none
}

.dropdown-menu .custom-radio-demo .custom-control-label[data-v-7e6f4094]:before {
    top: 6px
}

.dropdown-menu .custom-radio-demo .custom-control-label[data-v-7e6f4094]:after {
    top: 10px
}

@media (max-width:768px) {
    .overviewInfo[data-v-7e6f4094] {
        font-size: .875rem;
        margin-bottom: .5rem
    }

    .overviewInfo .col[data-v-7e6f4094] {
        padding-left: 4px;
        padding-right: 4px
    }

    .overviewInfo .badgeItem[data-v-7e6f4094] {
        padding: 5px 10px
    }

    .overviewInfo.row[data-v-7e6f4094] {
        margin-left: -4px;
        margin-right: -4px
    }

    .mobile-version .tutorialColumn[data-v-7e6f4094] {
        display: none
    }

    .mobile-version .itemCircle[data-v-7e6f4094] {
        width: 14px;
        height: 14px
    }

    .mobile-version #binaryPage[data-v-7e6f4094] {
        overflow: hidden
    }

    .mobile-version #binaryPage .content[data-v-7e6f4094] {
        height: 100%
    }

    .leftContent .flex-50[data-v-7e6f4094], .leftContent[data-v-7e6f4094], .rightContent .flex-50[data-v-7e6f4094], .rightContent[data-v-7e6f4094] {
        -webkit-box-flex: 1 !important;
        -moz-flex: 1 !important;
        -ms-flex: 1 !important;
        flex: 1 !important;
        max-width: 100% !important
    }
}

@media (max-width:768px) {
    .mobile-version .hideTransaction[data-v-7e6f4094] {
        margin-bottom: 0
    }

    .mobile-version .cartWapperMobile[data-v-7e6f4094] {
        height: 40%
    }

    .mobile-version #historyBox[data-v-7e6f4094], .mobile-version #rightContent[data-v-7e6f4094], .mobile-version .leftContent[data-v-7e6f4094] {
        height: auto
    }
}

@media (min-width:1300px) {
    .overviewInfo[data-v-7e6f4094] {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (max-width:359px) {
    .overviewInfo[data-v-7e6f4094] {
        font-size: .8rem !important
    }
}

@media (min-width:1280px) and (max-width:1600px) {
    .overviewInfo[data-v-7e6f4094] {
        margin-bottom: 1rem
    }
}

.lineDivider[data-v-7e6f4094] {
    width: 100%;
    height: 2px;
    background-color: #02142b
}

.analysis-wrapper[data-v-7e6f4094] {
    position: relative;
    /*background-color: #02142b*/
}

.rightContent.hideTransaction[data-v-7e6f4094] {
    /*background-color: #02142b*/
}

.tab-last-result.nav[data-v-7e6f4094] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tab-last-result.nav .nav-link[data-v-7e6f4094] {
    cursor: pointer;
    /*font-size: 18px;*/
    color: hsla(0,0%,100%,.3);
    position: relative;
    padding: 0 25px;
    line-height: 36px
}

.tab-last-result.nav .nav-link.active[data-v-7e6f4094] {
    color: #fff;
    background: transparent;
    font-weight: 700
}

    .tab-last-result.nav .nav-link.active[data-v-7e6f4094]:after {
        content: "";
        width: 100%;
        height: 4px;
        background: #2a74f9;
        border-radius: 10px;
        position: absolute;
        left: 0;
        bottom: -2px
    }

.tab-last-result.nav .navOverview[data-v-7e6f4094] {
    padding-right: 2rem
}

@media screen and (max-width:768px) {
    .tab-last-result.nav[data-v-7e6f4094] {
        border-bottom: 1px solid #02142b;
        width: 100%
    }

    .tab-last-result.nav .nav-link[data-v-7e6f4094] {
        font-size: 14px;
        text-align: center;
        padding: 0 10px
    }

    .tab-last-result.nav .nav-link.active[data-v-7e6f4094]:after {
        width: 54px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .tab-last-result.nav .navOverview[data-v-7e6f4094] {
        padding: 0
    }
}

@media screen and (max-width:1023px) and (orientation:landscape) {
    .tab-last-result.nav[data-v-7e6f4094] {
        margin-top: 0
    }
}

@media screen and (max-width:360px) {
    .tab-last-result.nav .navOverview[data-v-7e6f4094] {
        padding: 0
    }
}

.tab-last-result .navOverview[data-v-7e6f4094] {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    display: flex;
    justify-content: end;
    align-items: end;
}

.analysis-wrapper #historyBox[data-v-7e6f4094], .analysis-wrapper .wrap-gauge-meter[data-v-7e6f4094] {
    display: none;
}

.analysis-wrapper #historyBox.active[data-v-7e6f4094], .analysis-wrapper .wrap-gauge-meter.active[data-v-7e6f4094] {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version #binaryPage[data-v-7e6f4094] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: hidden
    }

    .mobile-version #binaryPage .content[data-v-7e6f4094] {
        position: fixed !important;
        bottom: 0;
        left: 0;
        width: 100%;
        height: calc(100% - 46px);
        overflow-x: hidden;
        overflow-y: hidden
    }

    .mobile-version #binaryPage #candle-wrap[data-v-7e6f4094] {
        height: auto
    }

    .mobile-version #binaryPage #leftContent[data-v-7e6f4094] {
        height: 100%
    }

    .mobile-version #binaryPage #historyBox[data-v-7e6f4094] {
        min-height: 130px;
        margin-top: 4px;
        margin-bottom: 8px;
        padding-left: 8px;
        padding-top: 0 !important
    }

    .mobile-version #binaryPage #historyBox .overviewInfo[data-v-7e6f4094] {
        font-size: 12px
    }

    .mobile-version #binaryPage #historyBox .overviewInfo .badgeItem[data-v-7e6f4094] {
        padding: 0 5px
    }

    .mobile-version #binaryPage #historyBox .boxHistoryResult .itemCircle[data-v-7e6f4094] {
        margin-bottom: 4px
    }

    .mobile-version #binaryPage .leftContent[data-v-7e6f4094] {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% - 250px) !important;
        flex: 0 0 calc(100% - 250px) !important;
        max-width: calc(100% - 250px) !important;
        -webkit-transition: all .5s cubic-bezier(.25,.8,.25,1);
        transition: all .5s cubic-bezier(.25,.8,.25,1)
    }

    .mobile-version #binaryPage .leftContent.hideTransaction[data-v-7e6f4094] {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% - 125px) !important;
        flex: 0 0 calc(100% - 125px) !important;
        max-width: calc(100% - 125px) !important
    }

    .mobile-version #binaryPage .rightContent[data-v-7e6f4094] {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 250px !important;
        flex: 0 0 250px !important;
        max-width: 250px !important;
        -webkit-transition: all .5s cubic-bezier(.25,.8,.25,1);
        transition: all .5s cubic-bezier(.25,.8,.25,1)
    }

    .mobile-version #binaryPage .rightContent.hideTransaction[data-v-7e6f4094] {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 125px !important;
        flex: 0 0 125px !important;
        max-width: 125px !important
    }

    .mobile-version #binaryPage .rightContent .flex-50[data-v-7e6f4094] {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important
    }

    .mobile-version #binaryPage .rightContent .flex-100[data-v-7e6f4094] {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important
    }
}

@media screen and (max-width:1023px) and (orientation:landscape) {
    .mobile-version #binaryPage #historyBox[data-v-7e6f4094] {
        /*padding-top: 36px !important*/
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:375px) and (min-width:668px) {
    #binaryPage #analysis-wrapper[data-v-7e6f4094] {
        /*min-height: 150px*/
    }
}

body[data-v-984a9ebe] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-984a9ebe]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-984a9ebe]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-984a9ebe]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-984a9ebe] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-984a9ebe]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-984a9ebe]::-webkit-inner-spin-button, input[data-v-984a9ebe]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-984a9ebe] {
    -moz-appearance: textfield
}

button[data-v-984a9ebe]:focus, input[data-v-984a9ebe]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-984a9ebe] {
    font-size: 8px
}

.font-10[data-v-984a9ebe] {
    font-size: .6rem !important
}

.font-12[data-v-984a9ebe] {
    font-size: 12px
}

.font-14[data-v-984a9ebe] {
    font-size: 14px
}

.font-16[data-v-984a9ebe] {
    font-size: 16px
}

.font-18[data-v-984a9ebe] {
    font-size: 18px
}

.font-20[data-v-984a9ebe] {
    font-size: 20px
}

.font-24[data-v-984a9ebe] {
    font-size: 24px
}

.font-32[data-v-984a9ebe] {
    font-size: 32px
}

.font-34[data-v-984a9ebe] {
    font-size: 34px
}

.font-40[data-v-984a9ebe] {
    font-size: 2.5rem !important
}

.font-44[data-v-984a9ebe] {
    font-size: 44px
}

.colorPrimary[data-v-984a9ebe] {
    color: #2a74f9
}

.colorPrimary1[data-v-984a9ebe] {
    color: #000 !important
}

.colorSecondary[data-v-984a9ebe] {
    color: #fff !important
}

.colorSecondary1[data-v-984a9ebe] {
    color: #414141 !important
}

.colorSecondary2[data-v-984a9ebe] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-984a9ebe] {
    color: #0d0d0d
}

.colorSecondary4[data-v-984a9ebe] {
    color: #02142b
}

.colorSecondary5[data-v-984a9ebe] {
    color: #1a1e24
}

.colorSecondary6[data-v-984a9ebe] {
    color: #fafafa
}

.colorSecondary7[data-v-984a9ebe] {
    color: #333
}

.colorSecondary8[data-v-984a9ebe] {
    color: #0e0031
}

.colorSuccess[data-v-984a9ebe] {
    color: #31baa0
}

.colorWarning[data-v-984a9ebe] {
    color: #ffcf5c
}

.colorDanger[data-v-984a9ebe] {
    color: #f46273
}

.fillPrimary[data-v-984a9ebe] {
    fill: #2a74f9
}

.fillWarning[data-v-984a9ebe] {
    fill: #ffcf5c
}

.fillDanger[data-v-984a9ebe] {
    fill: #f46273
}

.fillSecondary1[data-v-984a9ebe] {
    fill: #414141
}

.fillSecondary2[data-v-984a9ebe] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-984a9ebe] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-984a9ebe] {
    fill: #02142b
}

.fillSecondary5[data-v-984a9ebe] {
    fill: #1a1e24
}

.fillSecondary6[data-v-984a9ebe] {
    fill: #fafafa
}

.fillSecondary7[data-v-984a9ebe] {
    fill: #333
}

.fillSecondary8[data-v-984a9ebe] {
    fill: #0e0031
}

.textnote-notidesc[data-v-984a9ebe] {
    color: #fff
}

.bgColor0[data-v-984a9ebe] {
    background-color: transparent
}

.bgPrimary-hover[data-v-984a9ebe]:hover, .bgPrimary[data-v-984a9ebe] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-984a9ebe]:hover, .bgPrimary1[data-v-984a9ebe] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-984a9ebe]:hover, .bgPrimary2[data-v-984a9ebe] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-984a9ebe]:hover, .bgSecondary[data-v-984a9ebe] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-984a9ebe]:hover, .bgSecondary1[data-v-984a9ebe] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-984a9ebe]:hover, .bgSecondary2[data-v-984a9ebe] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-984a9ebe]:hover, .bgSecondary3[data-v-984a9ebe] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-984a9ebe] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-984a9ebe] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-984a9ebe]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-984a9ebe]:hover, .bgSecondary5[data-v-984a9ebe] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-984a9ebe]:hover, .bgSecondary6[data-v-984a9ebe] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-984a9ebe]:hover, .bgSecondary7[data-v-984a9ebe] {
    background-color: #333 !important
}

.bgSecondary8[data-v-984a9ebe] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-984a9ebe]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-984a9ebe] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-984a9ebe]:hover, .bgSuccess[data-v-984a9ebe] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-984a9ebe] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-984a9ebe] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-984a9ebe]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-984a9ebe] {
    fill: #31baa0
}

.w-14-px[data-v-984a9ebe] {
    width: 14px
}

.max-width-50[data-v-984a9ebe] {
    max-width: 50%
}

.h-60-px[data-v-984a9ebe] {
    height: 60px
}

.h-100-px[data-v-984a9ebe] {
    height: 100px
}

.mb-16-px[data-v-984a9ebe] {
    margin-bottom: 16px
}

.mb-30-px[data-v-984a9ebe] {
    margin-bottom: 30px
}

.borderRounded[data-v-984a9ebe] {
    border-radius: 5px
}

.borderPrimary[data-v-984a9ebe] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-984a9ebe] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-984a9ebe] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-984a9ebe] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-984a9ebe] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-984a9ebe] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-984a9ebe] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-984a9ebe] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-984a9ebe] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-984a9ebe] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-984a9ebe] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-984a9ebe] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-984a9ebe] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-984a9ebe] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-984a9ebe]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-984a9ebe] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-984a9ebe] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-984a9ebe] {
    padding: 1px
}

.px-1-px[data-v-984a9ebe] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-984a9ebe] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-984a9ebe] {
    padding-left: 1px
}

.pr-1-px[data-v-984a9ebe] {
    padding-right: 1px
}

.pt-1-px[data-v-984a9ebe] {
    padding-top: 1px
}

.pb-1-px[data-v-984a9ebe] {
    padding-bottom: 1px
}

.p-2-px[data-v-984a9ebe] {
    padding: 2px
}

.px-2-px[data-v-984a9ebe] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-984a9ebe] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-984a9ebe] {
    padding-left: 2px
}

.pr-2-px[data-v-984a9ebe] {
    padding-right: 2px
}

.pt-2-px[data-v-984a9ebe] {
    padding-top: 2px
}

.pb-2-px[data-v-984a9ebe] {
    padding-bottom: 2px
}

.p-8-px[data-v-984a9ebe] {
    padding: 8px
}

.px-8-px[data-v-984a9ebe] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-984a9ebe] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-984a9ebe] {
    padding-left: 8px
}

.pr-8-px[data-v-984a9ebe] {
    padding-right: 8px
}

.pt-8-px[data-v-984a9ebe] {
    padding-top: 8px
}

.pb-8-px[data-v-984a9ebe] {
    padding-bottom: 8px
}

.p-10-px[data-v-984a9ebe] {
    padding: 10px
}

.px-10-px[data-v-984a9ebe] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-984a9ebe] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-984a9ebe] {
    padding-left: 10px
}

.pr-10-px[data-v-984a9ebe] {
    padding-right: 10px
}

.pt-10-px[data-v-984a9ebe] {
    padding-top: 10px
}

.pb-10-px[data-v-984a9ebe] {
    padding-bottom: 10px
}

.p-12-px[data-v-984a9ebe] {
    padding: 12px
}

.px-12-px[data-v-984a9ebe] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-984a9ebe] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-984a9ebe] {
    padding-left: 12px
}

.pr-12-px[data-v-984a9ebe] {
    padding-right: 12px
}

.pt-12-px[data-v-984a9ebe] {
    padding-top: 12px
}

.pb-12-px[data-v-984a9ebe] {
    padding-bottom: 12px
}

.p-16-px[data-v-984a9ebe] {
    padding: 16px
}

.px-16-px[data-v-984a9ebe] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-984a9ebe] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-984a9ebe] {
    padding-left: 16px
}

.pr-16-px[data-v-984a9ebe] {
    padding-right: 16px
}

.pt-16-px[data-v-984a9ebe] {
    padding-top: 16px
}

.pb-16-px[data-v-984a9ebe] {
    padding-bottom: 16px
}

.p-30-px[data-v-984a9ebe] {
    padding: 30px
}

.px-30-px[data-v-984a9ebe] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-984a9ebe] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-984a9ebe] {
    padding-left: 30px
}

.pr-30-px[data-v-984a9ebe] {
    padding-right: 30px
}

.pt-30-px[data-v-984a9ebe] {
    padding-top: 30px
}

.pb-30-px[data-v-984a9ebe] {
    padding-bottom: 30px
}

.font-30[data-v-984a9ebe] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-984a9ebe] {
    font-weight: 700
}

.wbo-title[data-v-984a9ebe] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-984a9ebe] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-984a9ebe] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-984a9ebe] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-984a9ebe]:focus {
        outline: 0
    }

    .button[data-v-984a9ebe]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-984a9ebe] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-984a9ebe]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-984a9ebe] {
    padding: 11px 2.5rem
}

.button.primary[data-v-984a9ebe], .button.primary[data-v-984a9ebe]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-984a9ebe], .text-primary[data-v-984a9ebe], a .primary-hover[data-v-984a9ebe]:hover {
    color: #000 !important
}

ul[data-v-984a9ebe] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-984a9ebe], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-984a9ebe] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-984a9ebe]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-984a9ebe]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-984a9ebe], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-984a9ebe], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-984a9ebe]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-984a9ebe], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-984a9ebe], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-984a9ebe]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-984a9ebe], .faqsContent .content .navigator ul li a.active[data-v-984a9ebe]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-984a9ebe]:hover {
    color: #000
}

.ps[data-v-984a9ebe] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-984a9ebe] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-984a9ebe], .ps__rail-y[data-v-984a9ebe] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-984a9ebe] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-984a9ebe], .ps--active-y > .ps__rail-y[data-v-984a9ebe] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-984a9ebe], .ps--focus > .ps__rail-y[data-v-984a9ebe], .ps--scrolling-x > .ps__rail-x[data-v-984a9ebe], .ps--scrolling-y > .ps__rail-y[data-v-984a9ebe], .ps:hover > .ps__rail-x[data-v-984a9ebe], .ps:hover > .ps__rail-y[data-v-984a9ebe] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-984a9ebe], .ps .ps__rail-x[data-v-984a9ebe]:focus, .ps .ps__rail-x[data-v-984a9ebe]:hover, .ps .ps__rail-y.ps--clicking[data-v-984a9ebe], .ps .ps__rail-y[data-v-984a9ebe]:focus, .ps .ps__rail-y[data-v-984a9ebe]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-984a9ebe] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-984a9ebe] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-984a9ebe], .ps__rail-x:focus > .ps__thumb-x[data-v-984a9ebe], .ps__rail-x:hover > .ps__thumb-x[data-v-984a9ebe] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-984a9ebe], .ps__rail-y:focus > .ps__thumb-y[data-v-984a9ebe], .ps__rail-y:hover > .ps__thumb-y[data-v-984a9ebe] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-984a9ebe] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-984a9ebe] {
        overflow: auto !important
    }
}

.md-field[data-v-984a9ebe] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-984a9ebe] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-984a9ebe] {
    color: #2a74f9
}

.md-field .md-error[data-v-984a9ebe] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-984a9ebe] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-984a9ebe], .md-field.md-has-value label[data-v-984a9ebe] {
    top: -10px
}

.form-control[data-v-984a9ebe], .md-field .md-input[data-v-984a9ebe], .md-field .md-textarea[data-v-984a9ebe], .winput[data-v-984a9ebe] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-984a9ebe] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-984a9ebe] {
    fill: #0d0d0d
}

.round[data-v-984a9ebe] {
    border-radius: 5px
}

.off[data-v-984a9ebe] {
    position: relative;
    cursor: default
}

.off > [data-v-984a9ebe] {
    opacity: .5
}

.off[data-v-984a9ebe]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-984a9ebe] {
    cursor: pointer
}

.close-page[data-v-984a9ebe] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-984a9ebe] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-984a9ebe], .slide-fade-leave-active[data-v-984a9ebe] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-984a9ebe], .slide-fade-leave-to[data-v-984a9ebe] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-984a9ebe {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-984a9ebe {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-984a9ebe] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-984a9ebe] {
    color: #ffcf5c
}

.button[data-v-984a9ebe] {
    font-weight: 700
}

.modal .modal-dialog[data-v-984a9ebe] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-984a9ebe] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-984a9ebe] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-984a9ebe], .modal .modal-dialog .modal-header[data-v-984a9ebe] {
    border: none
}

#chartCommisst .highcharts-title[data-v-984a9ebe] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-984a9ebe] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-984a9ebe] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-984a9ebe], .modal .modal-dialog form[data-v-984a9ebe] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-984a9ebe] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-984a9ebe], .FaqsDetail[data-v-984a9ebe] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-984a9ebe], .FaqsDetail[data-v-984a9ebe] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-984a9ebe], .FaqsDetail .headerMaster .boxHeader[data-v-984a9ebe] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-984a9ebe], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-984a9ebe] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-984a9ebe], .Faqs main[data-v-984a9ebe] {
    background-color: unset
}

.titleChartCandle[data-v-984a9ebe] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-984a9ebe] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-984a9ebe] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-984a9ebe] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-984a9ebe], .plotlineChart .time[data-v-984a9ebe] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-984a9ebe] {
    top: 51px
}

.boxHeader[data-v-984a9ebe] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-984a9ebe], .boxHeader .register[data-v-984a9ebe] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-984a9ebe] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-984a9ebe] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-984a9ebe] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-984a9ebe] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-984a9ebe]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-984a9ebe] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-984a9ebe]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-984a9ebe] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-984a9ebe]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-984a9ebe] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-984a9ebe] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-984a9ebe] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-984a9ebe] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-984a9ebe] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-984a9ebe] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-984a9ebe] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-984a9ebe] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-984a9ebe] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-984a9ebe] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-984a9ebe] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-984a9ebe] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-984a9ebe] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-984a9ebe] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-984a9ebe] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-984a9ebe] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-984a9ebe] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-984a9ebe] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-984a9ebe] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-984a9ebe] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-984a9ebe] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-984a9ebe] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-984a9ebe] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-984a9ebe] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-984a9ebe] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-984a9ebe] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-984a9ebe] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-984a9ebe] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-984a9ebe] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-984a9ebe] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-984a9ebe] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-984a9ebe] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-984a9ebe] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-984a9ebe] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-984a9ebe] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-984a9ebe] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-984a9ebe] {
        height: 56px !important
    }
}

input.form-control[data-v-984a9ebe], input[data-v-984a9ebe], select.form-control[data-v-984a9ebe], select[data-v-984a9ebe] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-984a9ebe] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-984a9ebe] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-984a9ebe] {
    line-height: 100%
}

.button.btn-long[data-v-984a9ebe] {
    padding: 10px 40px
}

.button.btn-radius[data-v-984a9ebe] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-984a9ebe] {
    border-radius: 20px
}

.button.btn-full[data-v-984a9ebe] {
    width: 100%
}

.button.btn-80[data-v-984a9ebe] {
    width: 80%
}

.button.hasIcon[data-v-984a9ebe] {
    padding-left: 50px
}

.button a[data-v-984a9ebe] {
    display: block
}

.button .labelIcon[data-v-984a9ebe] {
    position: absolute
}

.button .labelIcon svg[data-v-984a9ebe] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-984a9ebe] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-984a9ebe]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-984a9ebe] {
    outline: none
}

.keyboard-input-wrap[data-v-984a9ebe] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-984a9ebe] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-984a9ebe] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-984a9ebe] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-984a9ebe] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-984a9ebe] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-984a9ebe] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-984a9ebe] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-984a9ebe] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-984a9ebe] {
    font-size: 1.2em
}

.color-white[data-v-984a9ebe] {
    color: #fff
}

.color-white-50[data-v-984a9ebe] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-984a9ebe] {
    display: none
}

.ld-loading .loading[data-v-984a9ebe], .main-loading .loading[data-v-984a9ebe] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-984a9ebe] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-984a9ebe]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-984a9ebe]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-984a9ebe] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-984a9ebe] {
    -webkit-animation: rotate-data-v-984a9ebe 1s linear infinite;
    animation: rotate-data-v-984a9ebe 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-984a9ebe] {
    stroke: transparent
}

.wrapNotify[data-v-984a9ebe] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-984a9ebe] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-984a9ebe] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-984a9ebe] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-984a9ebe] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-984a9ebe] {
    display: block
}

.wrapNotify .close-notify[data-v-984a9ebe] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-984a9ebe] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-984a9ebe] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-984a9ebe] {
    background-color: transparent
}

.colorWhite[data-v-984a9ebe] {
    color: #fff
}

.colorRed[data-v-984a9ebe] {
    color: #f46273
}

.colorGreen[data-v-984a9ebe] {
    color: #31baa0
}

.colorGray[data-v-984a9ebe] {
    color: #7c7c7c
}

.tableBackground[data-v-984a9ebe] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-984a9ebe] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-984a9ebe], .tableBackground .table-dark th[data-v-984a9ebe] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-984a9ebe]:after, .tableBackground .table-dark th[data-v-984a9ebe]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-984a9ebe] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-984a9ebe], .tableBackground .table-dark th[data-v-984a9ebe] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-984a9ebe]:first-child:after {
        /*width: calc(100% - 1.5rem);
        left: 1.5rem*/
    }

    .tableBackground .table-dark td[data-v-984a9ebe]:last-child:after {
        /*width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto*/
    }

.tableBackground #paging[data-v-984a9ebe] {
    background-color: #060642
}

.tableBackground #paging li[data-v-984a9ebe] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-984a9ebe] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-984a9ebe] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-984a9ebe], .customeTradeHistory[data-v-984a9ebe] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-984a9ebe], .customeTradeHistory .reportrange-text[data-v-984a9ebe] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-984a9ebe], .customeTradeHistory .reportrange-text .seperate[data-v-984a9ebe] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-984a9ebe], .customeTradeHistory .reportrange-text span[data-v-984a9ebe] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-984a9ebe] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-984a9ebe] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-984a9ebe] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-984a9ebe]:after, .startDate .daterangepicker.openscenter[data-v-984a9ebe]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-984a9ebe] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-984a9ebe] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-984a9ebe] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-984a9ebe] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-984a9ebe] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-984a9ebe] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-984a9ebe] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-984a9ebe] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-984a9ebe] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-984a9ebe] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-984a9ebe] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-984a9ebe] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-984a9ebe] {
    text-align: center
}

.border-none[data-v-984a9ebe] {
    border: none
}

.text-domain[data-v-984a9ebe]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-984a9ebe] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-984a9ebe] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-984a9ebe] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-984a9ebe] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-984a9ebe] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-984a9ebe] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-984a9ebe] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-984a9ebe] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-984a9ebe] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-984a9ebe] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-984a9ebe] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-984a9ebe] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-984a9ebe] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-984a9ebe] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-984a9ebe] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-984a9ebe] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-984a9ebe] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-984a9ebe] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-984a9ebe] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-984a9ebe] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-984a9ebe] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-984a9ebe] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-984a9ebe] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-984a9ebe] {
    fill: #000
}

.btn-active-paging[data-v-984a9ebe] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-984a9ebe] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-984a9ebe] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-984a9ebe] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-984a9ebe], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-984a9ebe] {
    background: #8b8d96 !important
}

.transactionBox[data-v-984a9ebe] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-984a9ebe] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-984a9ebe] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-984a9ebe] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-984a9ebe] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-984a9ebe] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-984a9ebe] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-984a9ebe] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-984a9ebe] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-984a9ebe] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-984a9ebe] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-984a9ebe] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-984a9ebe] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-984a9ebe] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-984a9ebe] {
    color: #2a74f9 !important
}

.box-header[data-v-984a9ebe] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.color-dark-green[data-v-984a9ebe] {
    color: #31baa0
}

.btnEyes[data-v-984a9ebe] {
    position: absolute;
    top: 20px;
    right: 0
}

.btn-eyes[data-v-984a9ebe] {
    display: block;
    overflow: hidden;
    width: 25px;
    height: 25px;
    background-size: 100%;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    background: url(../img/eyes.587779a8.svg) no-repeat 50%
}

.btn-eyes.hide[data-v-984a9ebe] {
    background: url(../img/eyes-blind.10886561.svg) no-repeat 50%
}

.textError[data-v-984a9ebe] {
    color: #f46273;
    font-size: 12px;
    position: absolute;
    top: 100%;
    left: 0;
    margin-bottom: 0
}

.dateRange[data-v-984a9ebe] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 320px
}

.dateRange > [data-v-984a9ebe] {
    display: inline-block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.dateRange > span[data-v-984a9ebe] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    text-align: center;
    line-height: 40px;
    color: #fff
}

.dateRange .customeTradeHistory[data-v-984a9ebe]:first-child {
    background: none
}

.tradeHistory[data-v-984a9ebe] {
    padding: 1rem;
    min-height: calc(100vh - 65px);
    background-color: #011022
}

.tradeHistory .container[data-v-984a9ebe] {
    max-width: 100% !important
}

.tradeHistory .customBtnSearch[data-v-984a9ebe] {
    padding: 11px 2.5rem
}

.tradeHistory .userStat[data-v-984a9ebe] {
    border-radius: 14px;
    padding-left: 30px;
    padding-right: 30px
}

.tradeHistory .userStat.profits[data-v-984a9ebe] {
    background-color: #0897e7;
    color: #fff;
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
}

.tradeHistory .userStat.revenue[data-v-984a9ebe] {
    background-color: #01b58c;
    color: #fff;
}

.tradeHistory .userStat .wrap[data-v-984a9ebe] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 300px
}

.tradeHistory .userStat .icon[data-v-984a9ebe] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    max-width: 60px
}

.tradeHistory .userStat .icon svg[data-v-984a9ebe] {
    height: 55px
}

.tradeHistory .userStat .info[data-v-984a9ebe] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.tradeHistory .userStat .info .name[data-v-984a9ebe] {
    font-size: 20px;
    color: #fff
}

.tradeHistory .userStat .info .value[data-v-984a9ebe] {
    font-size: 30px
}

.table[data-v-984a9ebe] {
    color: #fff;
    text-align: center;
    background-color: #02142b
}

.table-bordered thead th[data-v-984a9ebe] {
    color: hsla(0,0%,100%,.5);
    font-weight: 400;
    border-bottom-width: 1px;
    border-color: #1f2f53
}

.table-bordered td[data-v-984a9ebe] {
    border-color: #1f2f53
}

.icon[data-v-984a9ebe] {
    width: 24px;
    height: 23px;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.icon.UP[data-v-984a9ebe] {
    background-image: url(../img/up.81cd25e0.svg)
}

.icon.DOWN[data-v-984a9ebe] {
    background-image: url(../img/down.84ae0c2d.svg)
}

.bostats[data-v-984a9ebe] {
    min-height: 292px;
    border-radius: 22px;
    border: 1px solid #1f2f53;
    background-color: #02142b !important
}

ul.listTrade[data-v-984a9ebe] {
    margin-bottom: 30px
}

ul.listTrade li[data-v-984a9ebe] {
    border-radius: 13px;
    margin-bottom: 18px;
    background-color: #02142b;
    padding: 10px 20px;
    overflow: hidden;
    border: 1px solid #142545;
}

ul.listTrade li.noData[data-v-984a9ebe] {
    background-color: unset;
    border: unset
}

ul.listTrade li.noData p[data-v-984a9ebe] {
    color: #fff
}

ul.listTrade li .blockLine[data-v-984a9ebe] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    margin-bottom: 8px
}

ul.listTrade li .blockLine .block[data-v-984a9ebe] {
    margin-bottom: 10px
}

ul.listTrade li .blockLine .block.time[data-v-984a9ebe] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 140px;
    flex: 0 0 140px;
    text-align: right
}

ul.listTrade li .blockLine .block.copy[data-v-984a9ebe] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    text-align: right
}

ul.listTrade li .blockLine span.time[data-v-984a9ebe] {
    font-style: italic
}

ul.listTrade li .blockLine .button[data-v-984a9ebe] {
    display: inline-block;
    color: #fff;
    border-radius: 5px;
    padding: 0 20px
}

ul.listTrade li .blockLine .button.DOWN[data-v-984a9ebe] {
    background-color: #f46273
}

ul.listTrade li .blockLine .button.UP[data-v-984a9ebe] {
    background-color: #31baa0
}

ul.listTrade li .blockLine .button.copyOrderId[data-v-984a9ebe] {
    padding: 0
}

ul.listTrade li .blockLine .button.copyOrderId span[data-v-984a9ebe] {
    font-size: 10px;
    font-weight: 400;
    border: 1px solid #1f2f53;
    border-radius: 5px;
    display: inline-block;
    line-height: 27px;
    padding: 0 20px;
    white-space: nowrap
}

ul.listTrade li .blockLine .button .icon[data-v-984a9ebe] {
    display: inline-block;
    vertical-align: middle
}

ul.listTrade li .blockLine .button .icon.DOWN[data-v-984a9ebe] {
    background: url(../img/triangle-head-arrow-down.87bf4e25.svg) no-repeat 50%;
    background-size: 17px 12px;
    width: 16px;
    height: 29px;
    margin-right: 0
}

ul.listTrade li .blockLine .button .icon.UP[data-v-984a9ebe] {
    background: url(../img/triangle-head-arrow-up.06514b59.svg) no-repeat 50%;
    background-size: 17px 12px;
    width: 16px;
    height: 29px;
    margin-right: 0
}

ul.listTrade li .blockLine .button span[data-v-984a9ebe] {
    line-height: 29px;
    display: inline-block;
    vertical-align: middle;
    font-size: 17px
}

@media screen and (max-width:1300px) {
    .tradeHistory .userStat[data-v-984a9ebe] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (max-width:1250px) {
    .tradeHistory .icon[data-v-984a9ebe] {
        -webkit-box-flex: 0;
        -ms-flex: 0;
        flex: 0;
        max-width: 0;
        display: none
    }
}

@media screen and (max-width:1023.98px) {
    .blockHistoryMobile .blockLine[data-v-984a9ebe] {
        margin-bottom: 8px
    }

    .blockHistoryMobile .copyOrderId span[data-v-984a9ebe] {
        padding: 4px 20px !important;
        font-size: 14px !important
    }

    .textError[data-v-984a9ebe] {
        position: static
    }

    .tradeHistory[data-v-984a9ebe] {
        min-height: calc(100vh - 101px)
    }

    .tradeHistory .container[data-v-984a9ebe] {
        max-width: 100% !important
    }

    .tradeHistory .headerContent[data-v-984a9ebe] {
        -webkit-box-align: unset !important;
        -ms-flex-align: unset !important;
        align-items: unset !important
    }

    .tradeHistory .dateRange[data-v-984a9ebe] {
        max-width: 100%;
        margin-bottom: 1rem;
        min-width: unset
    }

    .customBtnSearch[data-v-984a9ebe] {
        width: 100%
    }

    .endDate .daterangepicker[data-v-984a9ebe] {
        left: 0 !important
    }
}

@media screen and (max-width:992px) {
    .tradeHistory .icon[data-v-984a9ebe] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60px;
        flex: 0 0 60px;
        max-width: 20px;
        display: unset
    }
}

.mw-127px[data-v-984a9ebe] {
    max-width: 127px
}

.tradeHistory-content[data-v-984a9ebe] {
    min-height: 300px
}

body[data-v-76bc47d1] {
    font-family: Sarabun,sans-serif !important;
    background-color: #02142b !important
}

a[data-v-76bc47d1]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

a[data-v-76bc47d1]:hover {
    color: #fff;
    text-decoration: none !important
}

a.decoration-none[data-v-76bc47d1]:hover {
    text-decoration: none;
    color: #f5a14e
}

button[data-v-76bc47d1] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    button[data-v-76bc47d1]:disabled {
        color: -internal-light-dark(rgba(16,16,16,.3),#aaa);
        background-color: -internal-light-dark(hsla(0,0%,93.7%,.3),rgba(19,1,1,.3));
        border-color: -internal-light-dark(hsla(0,0%,46.3%,.3),hsla(0,0%,76.5%,.3));
        cursor: no-drop
    }

input[data-v-76bc47d1]::-webkit-inner-spin-button, input[data-v-76bc47d1]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-76bc47d1] {
    -moz-appearance: textfield
}

button[data-v-76bc47d1]:focus, input[data-v-76bc47d1]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.font-8[data-v-76bc47d1] {
    font-size: 8px
}

.font-10[data-v-76bc47d1] {
    font-size: .6rem !important
}

.font-12[data-v-76bc47d1] {
    font-size: 12px
}

.font-14[data-v-76bc47d1] {
    font-size: 14px
}

.font-16[data-v-76bc47d1] {
    font-size: 16px
}

.font-18[data-v-76bc47d1] {
    font-size: 18px
}

.font-20[data-v-76bc47d1] {
    font-size: 20px
}

.font-24[data-v-76bc47d1] {
    font-size: 24px
}

.font-32[data-v-76bc47d1] {
    font-size: 32px
}

.font-34[data-v-76bc47d1] {
    font-size: 34px
}

.font-40[data-v-76bc47d1] {
    font-size: 2.5rem !important
}

.font-44[data-v-76bc47d1] {
    font-size: 44px
}

.colorPrimary[data-v-76bc47d1] {
    color: #2a74f9
}

.colorPrimary1[data-v-76bc47d1] {
    color: #000 !important
}

.colorSecondary[data-v-76bc47d1] {
    color: #fff !important
}

.colorSecondary1[data-v-76bc47d1] {
    color: #414141 !important
}

.colorSecondary2[data-v-76bc47d1] {
    color: #7c7c7c !important
}

.colorSecondary3[data-v-76bc47d1] {
    color: #0d0d0d
}

.colorSecondary4[data-v-76bc47d1] {
    color: #02142b
}

.colorSecondary5[data-v-76bc47d1] {
    color: #1a1e24
}

.colorSecondary6[data-v-76bc47d1] {
    color: #fafafa
}

.colorSecondary7[data-v-76bc47d1] {
    color: #333
}

.colorSecondary8[data-v-76bc47d1] {
    color: #0e0031
}

.colorSuccess[data-v-76bc47d1] {
    color: #31baa0
}

.colorWarning[data-v-76bc47d1] {
    color: #ffcf5c
}

.colorDanger[data-v-76bc47d1] {
    color: #f46273
}

.fillPrimary[data-v-76bc47d1] {
    fill: #2a74f9
}

.fillWarning[data-v-76bc47d1] {
    fill: #ffcf5c
}

.fillDanger[data-v-76bc47d1] {
    fill: #f46273
}

.fillSecondary1[data-v-76bc47d1] {
    fill: #414141
}

.fillSecondary2[data-v-76bc47d1] {
    fill: #7c7c7c
}

.fillSecondary3[data-v-76bc47d1] {
    fill: #0d0d0d
}

.fillSecondary4[data-v-76bc47d1] {
    fill: #02142b
}

.fillSecondary5[data-v-76bc47d1] {
    fill: #1a1e24
}

.fillSecondary6[data-v-76bc47d1] {
    fill: #fafafa
}

.fillSecondary7[data-v-76bc47d1] {
    fill: #333
}

.fillSecondary8[data-v-76bc47d1] {
    fill: #0e0031
}

.textnote-notidesc[data-v-76bc47d1] {
    color: #fff
}

.bgColor0[data-v-76bc47d1] {
    background-color: transparent
}

.bgPrimary-hover[data-v-76bc47d1]:hover, .bgPrimary[data-v-76bc47d1] {
    background-color: #2a74f9 !important
}

.bgPrimary1-hover[data-v-76bc47d1]:hover, .bgPrimary1[data-v-76bc47d1] {
    background-color: #02142b !important
}

.bgPrimary2-hover[data-v-76bc47d1]:hover, .bgPrimary2[data-v-76bc47d1] {
    background-color: #043076 !important
}

.bgSecondary-hover[data-v-76bc47d1]:hover, .bgSecondary[data-v-76bc47d1] {
    background-color: #fff !important
}

.bgSecondary1-hover[data-v-76bc47d1]:hover, .bgSecondary1[data-v-76bc47d1] {
    background-color: #414141 !important
}

.bgSecondary2-hover[data-v-76bc47d1]:hover, .bgSecondary2[data-v-76bc47d1] {
    background-color: #7c7c7c !important
}

.bgSecondary3-hover[data-v-76bc47d1]:hover, .bgSecondary3[data-v-76bc47d1] {
    background-color: #02142b !important
}

.bgSecondary4[data-v-76bc47d1] {
    background-color: #02142b !important
}

.bgSecondary4.disabled[data-v-76bc47d1] {
    background-color: #7c7c7c !important
}

.bgSecondary4-hover[data-v-76bc47d1]:hover {
    background-color: #02142b !important
}

.bgSecondary5-hover[data-v-76bc47d1]:hover, .bgSecondary5[data-v-76bc47d1] {
    background-color: #1a1e24 !important
}

.bgSecondary6-hover[data-v-76bc47d1]:hover, .bgSecondary6[data-v-76bc47d1] {
    background-color: #fafafa !important
}

.bgSecondary7-hover[data-v-76bc47d1]:hover, .bgSecondary7[data-v-76bc47d1] {
    background-color: #333 !important
}

.bgSecondary8[data-v-76bc47d1] {
    background-color: #02142b !important
}

.bgSecondary8-hover[data-v-76bc47d1]:hover {
    background-color: #02142b !important
}

.bgTransparent[data-v-76bc47d1] {
    background-color: transparent !important
}

.bgSuccess-hover[data-v-76bc47d1]:hover, .bgSuccess[data-v-76bc47d1] {
    background-color: #31baa0 !important
}

.bgDanger[data-v-76bc47d1] {
    background-color: #f46273 !important
}

.bgSecondaryLeftMenu[data-v-76bc47d1] {
    background-color: #02142b !important
}

.bgDanger-hover[data-v-76bc47d1]:hover {
    background-color: #f46273 !important
}

.fillSuccess[data-v-76bc47d1] {
    fill: #31baa0
}

.w-14-px[data-v-76bc47d1] {
    width: 14px
}

.max-width-50[data-v-76bc47d1] {
    max-width: 50%
}

.h-60-px[data-v-76bc47d1] {
    height: 60px
}

.h-100-px[data-v-76bc47d1] {
    height: 100px
}

.mb-16-px[data-v-76bc47d1] {
    margin-bottom: 16px
}

.mb-30-px[data-v-76bc47d1] {
    margin-bottom: 30px
}

.borderRounded[data-v-76bc47d1] {
    border-radius: 5px
}

.borderPrimary[data-v-76bc47d1] {
    border: 1px solid;
    border-color: #2a74f9
}

.borderSecondary1[data-v-76bc47d1] {
    border: 1px solid;
    border-color: #414141
}

.borderBtSecondary1[data-v-76bc47d1] {
    border-bottom: 1px solid;
    border-color: #414141
}

.border-bottom-dashed[data-v-76bc47d1] {
    border-bottom: 1px dashed
}

.borderSecondary2[data-v-76bc47d1] {
    border: 1px solid;
    border-color: #1f2f53
}

.borderBtSecondary2[data-v-76bc47d1] {
    border-bottom: 1px solid;
    border-color: #1f2f53
}

.borderSecondary3[data-v-76bc47d1] {
    border: 1px solid;
    border-color: #0d0d0d !important
}

.borderBtSecondary3[data-v-76bc47d1] {
    border-bottom: 1px solid;
    border-color: #0d0d0d
}

.borderSecondary4[data-v-76bc47d1] {
    border: 1px solid;
    border-color: #02142b
}

.borderBtSecondary4[data-v-76bc47d1] {
    border-bottom: 1px solid;
    border-color: #02142b
}

.borderSecondary5[data-v-76bc47d1] {
    border: 1px solid;
    border-color: #1a1e24
}

.borderBtSecondary5[data-v-76bc47d1] {
    border-bottom: 1px solid
}

.borderSecondary6[data-v-76bc47d1] {
    border: 1px solid;
    border-color: #fafafa
}

.borderSecondary7[data-v-76bc47d1] {
    border: 1px solid;
    border-color: #333
}

    .borderSecondary7[data-v-76bc47d1]:hover {
        background-color: #333 !important
    }

.borderSecondary8[data-v-76bc47d1] {
    border: 1px solid;
    border-color: #0e0031
}

.borderSuccess[data-v-76bc47d1] {
    border: 1px solid;
    border-color: #31baa0
}

.p-1-px[data-v-76bc47d1] {
    padding: 1px
}

.px-1-px[data-v-76bc47d1] {
    padding-left: 1px;
    padding-right: 1px
}

.py-1-px[data-v-76bc47d1] {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.pl-1-px[data-v-76bc47d1] {
    padding-left: 1px
}

.pr-1-px[data-v-76bc47d1] {
    padding-right: 1px
}

.pt-1-px[data-v-76bc47d1] {
    padding-top: 1px
}

.pb-1-px[data-v-76bc47d1] {
    padding-bottom: 1px
}

.p-2-px[data-v-76bc47d1] {
    padding: 2px
}

.px-2-px[data-v-76bc47d1] {
    padding-left: 2px;
    padding-right: 2px
}

.py-2-px[data-v-76bc47d1] {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pl-2-px[data-v-76bc47d1] {
    padding-left: 2px
}

.pr-2-px[data-v-76bc47d1] {
    padding-right: 2px
}

.pt-2-px[data-v-76bc47d1] {
    padding-top: 2px
}

.pb-2-px[data-v-76bc47d1] {
    padding-bottom: 2px
}

.p-8-px[data-v-76bc47d1] {
    padding: 8px
}

.px-8-px[data-v-76bc47d1] {
    padding-left: 8px;
    padding-right: 8px
}

.py-8-px[data-v-76bc47d1] {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-8-px[data-v-76bc47d1] {
    padding-left: 8px
}

.pr-8-px[data-v-76bc47d1] {
    padding-right: 8px
}

.pt-8-px[data-v-76bc47d1] {
    padding-top: 8px
}

.pb-8-px[data-v-76bc47d1] {
    padding-bottom: 8px
}

.p-10-px[data-v-76bc47d1] {
    padding: 10px
}

.px-10-px[data-v-76bc47d1] {
    padding-left: 10px;
    padding-right: 10px
}

.py-10-px[data-v-76bc47d1] {
    padding-top: 10px;
    padding-bottom: 10px
}

.pl-10-px[data-v-76bc47d1] {
    padding-left: 10px
}

.pr-10-px[data-v-76bc47d1] {
    padding-right: 10px
}

.pt-10-px[data-v-76bc47d1] {
    padding-top: 10px
}

.pb-10-px[data-v-76bc47d1] {
    padding-bottom: 10px
}

.p-12-px[data-v-76bc47d1] {
    padding: 12px
}

.px-12-px[data-v-76bc47d1] {
    padding-left: 12px;
    padding-right: 12px
}

.py-12-px[data-v-76bc47d1] {
    padding-top: 12px;
    padding-bottom: 12px
}

.pl-12-px[data-v-76bc47d1] {
    padding-left: 12px
}

.pr-12-px[data-v-76bc47d1] {
    padding-right: 12px
}

.pt-12-px[data-v-76bc47d1] {
    padding-top: 12px
}

.pb-12-px[data-v-76bc47d1] {
    padding-bottom: 12px
}

.p-16-px[data-v-76bc47d1] {
    padding: 16px
}

.px-16-px[data-v-76bc47d1] {
    padding-left: 16px;
    padding-right: 16px
}

.py-16-px[data-v-76bc47d1] {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-16-px[data-v-76bc47d1] {
    padding-left: 16px
}

.pr-16-px[data-v-76bc47d1] {
    padding-right: 16px
}

.pt-16-px[data-v-76bc47d1] {
    padding-top: 16px
}

.pb-16-px[data-v-76bc47d1] {
    padding-bottom: 16px
}

.p-30-px[data-v-76bc47d1] {
    padding: 30px
}

.px-30-px[data-v-76bc47d1] {
    padding-left: 30px;
    padding-right: 30px
}

.py-30-px[data-v-76bc47d1] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pl-30-px[data-v-76bc47d1] {
    padding-left: 30px
}

.pr-30-px[data-v-76bc47d1] {
    padding-right: 30px
}

.pt-30-px[data-v-76bc47d1] {
    padding-top: 30px
}

.pb-30-px[data-v-76bc47d1] {
    padding-bottom: 30px
}

.font-30[data-v-76bc47d1] {
    font-size: 1.875rem !important
}

.font-weight-700[data-v-76bc47d1] {
    font-weight: 700
}

.wbo-title[data-v-76bc47d1] {
    line-height: normal
}

.wbo-title.titleLarge[data-v-76bc47d1] {
    font-weight: 700;
    font-size: 2.75rem
}

.wbo-title.titleSmall[data-v-76bc47d1] {
    font-size: 1.25rem;
    font-weight: 700
}

.button[data-v-76bc47d1] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .button[data-v-76bc47d1]:focus {
        outline: 0
    }

    .button[data-v-76bc47d1]:disabled {
        cursor: no-drop
    }

.button.wbtn[data-v-76bc47d1] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2a74f9;
    color: #fff;
    font-weight: 400
}

    .button.wbtn[data-v-76bc47d1]:hover {
        text-decoration: none;
        color: #fff !important
    }

.button.wbtn.btn-large[data-v-76bc47d1] {
    padding: 11px 2.5rem
}

.button.primary[data-v-76bc47d1], .button.primary[data-v-76bc47d1]:hover {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
    color: #000 !important
}

.button.primary span[data-v-76bc47d1], .text-primary[data-v-76bc47d1], a .primary-hover[data-v-76bc47d1]:hover {
    color: #000 !important
}

ul[data-v-76bc47d1] {
    list-style: none;
    padding-left: 0
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator[data-v-76bc47d1], .faqsContent .content .contentFAQs .blockRow.tablet .navigator[data-v-76bc47d1] {
    max-width: unset
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos[data-v-76bc47d1]:after, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos[data-v-76bc47d1]:after {
    border-color: transparent transparent #000 transparent
}

.faqsContent .content .contentFAQs .blockRow.mobile .navigator .btn-tos span[data-v-76bc47d1], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item.active[data-v-76bc47d1], .faqsContent .content .contentFAQs .blockRow.mobile .navigator .dropdown-item[data-v-76bc47d1]:hover, .faqsContent .content .contentFAQs .blockRow.tablet .navigator .btn-tos span[data-v-76bc47d1], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item.active[data-v-76bc47d1], .faqsContent .content .contentFAQs .blockRow.tablet .navigator .dropdown-item[data-v-76bc47d1]:hover {
    color: #000
}

.faqsContent .content .navigator ul li a.active[data-v-76bc47d1], .faqsContent .content .navigator ul li a.active[data-v-76bc47d1]:hover {
    color: #000;
    background-color: #2a74f9;
    border: 1px solid #2a74f9
}

.faqsContent .content .contentFAQs .content a[data-v-76bc47d1]:hover {
    color: #000
}

.ps[data-v-76bc47d1] {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x[data-v-76bc47d1] {
    height: 15px;
    bottom: 0
}

.ps__rail-x[data-v-76bc47d1], .ps__rail-y[data-v-76bc47d1] {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y[data-v-76bc47d1] {
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x[data-v-76bc47d1], .ps--active-y > .ps__rail-y[data-v-76bc47d1] {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x[data-v-76bc47d1], .ps--focus > .ps__rail-y[data-v-76bc47d1], .ps--scrolling-x > .ps__rail-x[data-v-76bc47d1], .ps--scrolling-y > .ps__rail-y[data-v-76bc47d1], .ps:hover > .ps__rail-x[data-v-76bc47d1], .ps:hover > .ps__rail-y[data-v-76bc47d1] {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking[data-v-76bc47d1], .ps .ps__rail-x[data-v-76bc47d1]:focus, .ps .ps__rail-x[data-v-76bc47d1]:hover, .ps .ps__rail-y.ps--clicking[data-v-76bc47d1], .ps .ps__rail-y[data-v-76bc47d1]:focus, .ps .ps__rail-y[data-v-76bc47d1]:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x[data-v-76bc47d1] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y[data-v-76bc47d1] {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x[data-v-76bc47d1], .ps__rail-x:focus > .ps__thumb-x[data-v-76bc47d1], .ps__rail-x:hover > .ps__thumb-x[data-v-76bc47d1] {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y[data-v-76bc47d1], .ps__rail-y:focus > .ps__thumb-y[data-v-76bc47d1], .ps__rail-y:hover > .ps__thumb-y[data-v-76bc47d1] {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps[data-v-76bc47d1] {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps[data-v-76bc47d1] {
        overflow: auto !important
    }
}

.md-field[data-v-76bc47d1] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.md-field label[data-v-76bc47d1] {
    padding: 0 5px;
    color: #89809f;
    position: static;
    opacity: 1
}

.md-field .md-count[data-v-76bc47d1] {
    color: #2a74f9
}

.md-field .md-error[data-v-76bc47d1] {
    max-width: 335px;
    font-style: italic;
    color: #f46273;
    padding-left: 8px
}

.md-field .md-input[data-v-76bc47d1] {
    color: #333 !important;
    background: #fafafa !important
}

.md-field.md-focused label[data-v-76bc47d1], .md-field.md-has-value label[data-v-76bc47d1] {
    top: -10px
}

.form-control[data-v-76bc47d1], .md-field .md-input[data-v-76bc47d1], .md-field .md-textarea[data-v-76bc47d1], .winput[data-v-76bc47d1] {
    width: 100%;
    color: #333;
    padding: 0 10px !important;
    background: transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 40px
}

.md-field.md-has-password .md-toggle-password[data-v-76bc47d1] {
    bottom: 6px !important;
    top: unset
}

.md-field.md-has-password .md-toggle-password .md-ripple svg[data-v-76bc47d1] {
    fill: #0d0d0d
}

.round[data-v-76bc47d1] {
    border-radius: 5px
}

.off[data-v-76bc47d1] {
    position: relative;
    cursor: default
}

.off > [data-v-76bc47d1] {
    opacity: .5
}

.off[data-v-76bc47d1]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pointer[data-v-76bc47d1] {
    cursor: pointer
}

.close-page[data-v-76bc47d1] {
    position: absolute;
    top: 24px;
    right: 30px;
    font-size: 2.75em;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    background: hsla(0,0%,100%,.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.close-page img[data-v-76bc47d1] {
    margin-top: 3px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.slide-fade-enter-active[data-v-76bc47d1], .slide-fade-leave-active[data-v-76bc47d1] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-76bc47d1], .slide-fade-leave-to[data-v-76bc47d1] {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    opacity: 0
}

@-webkit-keyframes rotate-data-v-76bc47d1 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-76bc47d1 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ld-loading[data-v-76bc47d1] {
    position: relative;
    height: 100%
}

.boxAddress .coin[data-v-76bc47d1] {
    color: #ffcf5c
}

.button[data-v-76bc47d1] {
    font-weight: 700
}

.modal .modal-dialog[data-v-76bc47d1] {
    color: #fff;
    margin: 1.75rem auto;
    min-width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    pointer-events: auto;
    transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important
}

.modal .modal-dialog button.close[data-v-76bc47d1] {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -35px;
    background: hsla(0,0%,100%,.3) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal .modal-dialog button.close svg[data-v-76bc47d1] {
    width: 20px;
    vertical-align: 0
}

.modal .modal-dialog .modal-footer[data-v-76bc47d1], .modal .modal-dialog .modal-header[data-v-76bc47d1] {
    border: none
}

#chartCommisst .highcharts-title[data-v-76bc47d1] {
    top: 40px !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tradeHistory .highcharts-title[data-v-76bc47d1] {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width:575.98px) {
    .modal .modal-dialog .modal-content .close svg path[data-v-76bc47d1] {
        stroke: #fff
    }

    .modal .modal-dialog .modal-content[data-v-76bc47d1], .modal .modal-dialog form[data-v-76bc47d1] {
        height: 100%
    }

    .modal .modal-dialog .modal-content .close[data-v-76bc47d1] {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background-color: transparent !important;
        z-index: 5;
        width: 50px;
        height: 50px
    }
}

.Faqs[data-v-76bc47d1], .FaqsDetail[data-v-76bc47d1] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media screen and (max-width:1200px) {
    .Faqs[data-v-76bc47d1], .FaqsDetail[data-v-76bc47d1] {
        background-size: 1200px 340px;
        background-position: top
    }
}

.Faqs .headerMaster .boxHeader[data-v-76bc47d1], .FaqsDetail .headerMaster .boxHeader[data-v-76bc47d1] {
    background-color: unset !important
}

.Faqs .headerMaster .boxHeader.colorFAQs[data-v-76bc47d1], .FaqsDetail .headerMaster .boxHeader.colorFAQs[data-v-76bc47d1] {
    background-color: #02142b !important
}

.FaqsDetail main[data-v-76bc47d1], .Faqs main[data-v-76bc47d1] {
    background-color: unset
}

.titleChartCandle[data-v-76bc47d1] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #02142b
}

.titleChartCandle .iconBTC[data-v-76bc47d1] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAABHNCSVQICAgIfAhkiAAABQtJREFUWIXVmV1sFFUUx393Zvaj7QJFILbQUgopKBIBGykRaEsiiobESPRBEoxRjIkJUR81ELaxj2pieFLUB40kfgQjiYkxwVYsAYmEWhSBSGlLwfLRb2j38x4fZna7UyrdnTbpcl9+OzNn5/zv2XPvOTOrcEZ8f0l9EvYpUWuUoYpFBKUUM0mEAVHSakKDb3dPM4ACGN1fEjaU2oc4Z/KQGmko2N0TVqP7S+oVqgkRUIp8pig2G4iERQSAfCciYUtrWa0MeyKo/KRSoAVEZLUBFM905CajTkVYUWwI7pP5TBHBEJn5CGZPsEAQUYDG3kPymTgRdtJi2hiYTdGuNoJPfwyBOZPYq+wpYOewOLkyTbTK61ChUqzKLejIIGbpOgpfOklwy4cT2OusKQiGiEwpoqqoBGvFs6jQwvR5s3wDAInLvwKCubgWo7gSY94DU/vlRLDE/uS5alpLn6Tg8fftGw5fJXH1BNai9Y7gY7aTxXXpCaSLgIchgJUSS6rhUCqnTd2YXZa+oZq1EN+K7enjYN27BNa9gQoUAxDvarF9eY2OCKrvvbnep5wxgjVvUbBx711t9MAlom2fEzl9ABIjnvzYOTwN+2Si+/g4ce3EO5vQw91jzoorKajdx+wdP6IKF3jyY4yVPz0lmotqXIIjZ79i+Jvt9H+0iqGDT5C8cSZ9zVywilnPHQJl5uTHFpyegZoSfeWbXILjXS3p6/ErJxk4+BQy2psh+iF8Vdty80MqJQDRegpU+MoeG1ObjBK/fNxtFx0m2d/umpRRdD8izvUsiAiGXZrFWfXeaJasBSs4prf/IubcSpedVVaDVVrtEpzouwjkkMMIlr2TCVo7facHFpRvdAkx569k7q5TJHsvoEeuo8yALVYZY2Kv/0ns0k9j/W4WfgAswW5+Uk2yF1pOZRs/zHnLMectH3dWiF/5jcHDL+fsx650U46wwp8pWCe4+dl6jNBCCle/SGDZVpQ/lJHfMUZOf0pi8HLO/tIRdkqdt92hdK1LUPzf30ncPAe954l1/AxWgFmb9lJU86YT9gBzth0AZTB65stxFXZyGqnSnMtqzaSvzJ0O0c6j7t0hHmGoaQ+R89+77EIb3s55NyKz+VFOxLJhoGoboerXiHafoHDl8y4hsc6WCb8X6z5BcMUzY/ldXJG1vzTtXcJ+06JFZ83Qo6/jX1yLf8nmOxaaliRYQXR8NG1vhkooXPuKyy7R949jn71fO4cz2r2s9kMzgI4OIfERlK/wDsHzd/wAySixa39AIgqGD3/pI2D63anT0eSpl1BdjUFRXlo9w0+gYhMFy7YSqn4VzMAd4v93JKP0HFhHou9CTn4FnEXnHOTEZIxI+xEGmsPp6A0ceYfbbV/cXayOc+PbF0j0XiD142ZL16LzOoJL6gCFxG4xdPwD/KXVFD28E4Cbh3Zi3bcUZfgAIX79LyIdv6Aj/envS460UvU+tQpzZbCiHoBI51H7eEktAPFrbdw++7Xn+05IO8KCEoVGo8idt859hySjRHtaQSBQYQse7WgGAbuXmx6San5QTuUid0a7jhHtaiG1MoZPfUK8r52R84c93e+uFFDtDZZ4fCKcAXLvvVvLeKbLfzpvfvTgZMYzH1mHWg8aIrSCOOImpuQLhVZD3UP/cSiRsFHVSLNoaRCdenrOUyZ1Q1UjzQpn/L2HehRhJaxBMWem/1RUSiFaBkXRihB+sJFmgP8A0ZjYaQV3l3UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.titleChartCandle .textPrice[data-v-76bc47d1] {
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.plotlineChart .price[data-v-76bc47d1] {
    margin-bottom: 2px
}

.plotlineChart .price[data-v-76bc47d1], .plotlineChart .time[data-v-76bc47d1] {
    display: inline-block;
    background-color: #2a74f9;
    padding: 2px 5px
}

.changepassword .md-field.md-has-password .md-toggle-password[data-v-76bc47d1] {
    top: 51px
}

.boxHeader[data-v-76bc47d1] {
    background-color: #02142b !important
}

.boxHeader .login[data-v-76bc47d1], .boxHeader .register[data-v-76bc47d1] {
    font-size: 14px !important
}

.boxHeader .btnMainBorder[data-v-76bc47d1] {
    border-radius: 3px;
    padding: 11px 2.5rem;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .boxHeader .btnMainBorder[data-v-76bc47d1] {
        padding: .625rem .75rem
    }

    .boxHeader .btnMainBorder span[data-v-76bc47d1] {
        font-size: .875rem
    }
}

.boxHeader .btnMainBorder.button.primary[data-v-76bc47d1] {
    background-color: #2a74f9 !important
}

    .boxHeader .btnMainBorder.button.primary[data-v-76bc47d1]:hover {
        background-color: #2a74f9 !important
    }

.boxHeader .btnJoinNow[data-v-76bc47d1] {
    background: #2a74f9;
    color: #000
}

    .boxHeader .btnJoinNow[data-v-76bc47d1]:hover {
        color: #fff;
        opacity: .6
    }

.boxHeader .btnSignIn[data-v-76bc47d1] {
    background-color: #2b2e3b;
    color: #fff
}

    .boxHeader .btnSignIn[data-v-76bc47d1]:hover {
        color: #2a74f9;
        opacity: .6
    }

.Home .boxHeader[data-v-76bc47d1] {
    background-color: #161a25 !important
}

@media (max-width:768px) {
    .boxFix .close-page[data-v-76bc47d1] {
        background: transparent
    }

    .titleChartCandle .iconBTC[data-v-76bc47d1] {
        width: 20px;
        height: 20px
    }

    .titleChartCandle .textPrice[data-v-76bc47d1] {
        font-size: 12px
    }

    .mobile-version .wrapper[data-v-76bc47d1] {
        padding-top: 0
    }

    .mobile-version .wrapper.index main[data-v-76bc47d1] {
        min-height: unset !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper[data-v-76bc47d1] {
        padding-top: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-76bc47d1] {
        height: 40px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) and (orientation:landscape) {
    .mobile-version .wrapper.index.isLandscapeMobile .boxHeader[data-v-76bc47d1] {
        height: 50px !important
    }
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster[data-v-76bc47d1] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        z-index: 1041
    }

    .mobile-version .wrapper.index.isLandscapeMobile .headerMaster .boxHeader[data-v-76bc47d1] {
        position: static;
        border-bottom: none
    }

    .mobile-version .wrapper.index.isLandscapeMobile header[data-v-76bc47d1] {
        height: 40px
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav[data-v-76bc47d1] {
        height: 100%
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon[data-v-76bc47d1] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-version .wrapper.index.isLandscapeMobile header #leftNav .menuMobileIcon .mobileIcon[data-v-76bc47d1] {
        margin-top: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile .mb1Landscape[data-v-76bc47d1] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .inputAmount[data-v-76bc47d1] {
        padding: 5px 30px 5px 12px !important;
        height: 35px !important;
        min-height: 35px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-8m[data-v-76bc47d1] {
        font-size: .5rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-12m[data-v-76bc47d1] {
        font-size: .75rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile .font-10m[data-v-76bc47d1] {
        font-size: 10px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction[data-v-76bc47d1] {
        height: calc(100vh - 40px);
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .my4m[data-v-76bc47d1] {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .nav-tabs .nav-link[data-v-76bc47d1] {
        font-size: 10px;
        padding: .25rem .5rem
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox[data-v-76bc47d1] {
        padding: .3rem !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .font-14[data-v-76bc47d1] {
        font-size: 8px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .transactionBox .mb-2[data-v-76bc47d1] {
        margin-bottom: 4px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #binaryTransaction .imageLandScape[data-v-76bc47d1] {
        max-width: 50px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount[data-v-76bc47d1] {
        font-size: 8px;
        padding: 0 5px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup[data-v-76bc47d1] {
        padding: 1px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup #InputNumber[data-v-76bc47d1] {
        font-size: 12px;
        padding: 4px 10px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .inputGroup .icon[data-v-76bc47d1] {
        font-size: 12px !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .keyboardAmount .bagItem[data-v-76bc47d1] {
        padding: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit[data-v-76bc47d1] {
        padding-top: 0;
        padding-bottom: 0
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .my-lg-2[data-v-76bc47d1] {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .profitPercent[data-v-76bc47d1] {
        font-size: 13px
    }

    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .color-green[data-v-76bc47d1] {
        font-size: 15px !important
    }

    .mobile-version .wrapper.isLandscapeMobile .spaceTop[data-v-76bc47d1] {
        height: 56px !important
    }
}

input.form-control[data-v-76bc47d1], input[data-v-76bc47d1], select.form-control[data-v-76bc47d1], select[data-v-76bc47d1] {
    padding: 5px 11px;
    background: none;
    border: none;
    border-bottom: 1px solid #1f2f53;
    border-radius: 0
}

.button[data-v-76bc47d1] {
    cursor: pointer;
    border: none;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700 !important;
    text-decoration: none
}

.button .loadingSpinner[data-v-76bc47d1] {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    text-align: center;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}

.button.btn-border[data-v-76bc47d1] {
    line-height: 100%
}

.button.btn-long[data-v-76bc47d1] {
    padding: 10px 40px
}

.button.btn-radius[data-v-76bc47d1] {
    border-radius: 6px
}

.button.btn-radius.radius-sm[data-v-76bc47d1] {
    border-radius: 20px
}

.button.btn-full[data-v-76bc47d1] {
    width: 100%
}

.button.btn-80[data-v-76bc47d1] {
    width: 80%
}

.button.hasIcon[data-v-76bc47d1] {
    padding-left: 50px
}

.button a[data-v-76bc47d1] {
    display: block
}

.button .labelIcon[data-v-76bc47d1] {
    position: absolute
}

.button .labelIcon svg[data-v-76bc47d1] {
    fill: #fff;
    width: 15px
}

.button .labelIcon i[data-v-76bc47d1] {
    fill: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.button[data-v-76bc47d1]:hover {
    opacity: 1;
    text-decoration: none
}

#InputNumber[data-v-76bc47d1] {
    outline: none
}

.keyboard-input-wrap[data-v-76bc47d1] {
    background: #7c7c7c
}

.keyboard-input-wrap .suggestion[data-v-76bc47d1] {
    background: #1d233b;
    width: 100%;
    font-size: 1.2em;
    font-weight: 400
}

.keyboard-input-wrap .suggestion td[data-v-76bc47d1] {
    color: #000 !important
}

.keyboard-input-wrap .keyboard-input[data-v-76bc47d1] {
    text-align: center
}

.keyboard-input-wrap .keyboard-input .input-value[data-v-76bc47d1] {
    font-weight: 400
}

.keyboard-input-wrap .keyboard[data-v-76bc47d1] {
    font-size: 1.2em;
    color: #fff;
    border: none
}

.keyboard-input-wrap .keyboard .icon[data-v-76bc47d1] {
    font-size: 1.2em
}

.keyboard-input-wrap .keyboard table tbody tr td[data-v-76bc47d1] {
    border-color: #000;
    background: #02142b
}

.keyboard-input-wrap .keyboard table tbody tr.suggestion td[data-v-76bc47d1] {
    background-color: #2a74f9
}

.keyboard-input-wrap .keyboard td[data-code=K][data-v-76bc47d1] {
    font-size: 1.2em
}

.color-white[data-v-76bc47d1] {
    color: #fff
}

.color-white-50[data-v-76bc47d1] {
    color: hsla(0,0%,100%,.5) !important
}

.loading[data-v-76bc47d1] {
    display: none
}

.ld-loading .loading[data-v-76bc47d1], .main-loading .loading[data-v-76bc47d1] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ld-loading .loading__ring[data-v-76bc47d1] {
    position: absolute;
    width: 50px;
    height: 50px
}

    .ld-loading .loading__ring[data-v-76bc47d1]:first-child {
        -webkit-transform: skew(30deg,20deg);
        transform: skew(30deg,20deg)
    }

    .ld-loading .loading__ring[data-v-76bc47d1]:last-child {
        -webkit-transform: skew(-30deg,-20deg) scaleX(-1);
        transform: skew(-30deg,-20deg) scaleX(-1)
    }

.ld-loading .loading__ring:last-child svg[data-v-76bc47d1] {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld-loading .loading__ring svg[data-v-76bc47d1] {
    -webkit-animation: rotate-data-v-76bc47d1 1s linear infinite;
    animation: rotate-data-v-76bc47d1 1s linear infinite;
    fill: #2a74f9
}

#candle-wrap .highcharts-container .highcharts-tooltip path[data-v-76bc47d1] {
    stroke: transparent
}

.wrapNotify[data-v-76bc47d1] {
    width: auto;
    background: #1d233b;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px
}

.wrapNotify .boxNotify[data-v-76bc47d1] {
    height: 100%;
    width: 100%;
    position: relative
}

.wrapNotify .boxNotify .icon[data-v-76bc47d1] {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31px;
    height: 31px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapNotify .boxNotify .icon svg[data-v-76bc47d1] {
    height: 20px
}

.wrapNotify .boxNotify .boxContent[data-v-76bc47d1] {
    width: 100%;
    height: 100%;
    position: relative
}

.wrapNotify .boxNotify .boxContent span[data-v-76bc47d1] {
    display: block
}

.wrapNotify .close-notify[data-v-76bc47d1] {
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.wrapNotify .close-notify svg[data-v-76bc47d1] {
    width: 10px;
    height: 10px;
    color: #fff
}

.highcharts-container[data-v-76bc47d1] {
    width: 100% !important
}

.bostats .highcharts-container[data-v-76bc47d1] {
    background-color: transparent
}

.colorWhite[data-v-76bc47d1] {
    color: #fff
}

.colorRed[data-v-76bc47d1] {
    color: #f46273
}

.colorGreen[data-v-76bc47d1] {
    color: #31baa0
}

.colorGray[data-v-76bc47d1] {
    color: #7c7c7c
}

.tableBackground[data-v-76bc47d1] {
    overflow: hidden;
    background-color: #02142b;
    border-radius: 5px
}

.tableBackground .table-dark[data-v-76bc47d1] {
    background-color: #02142b
}

.tableBackground .table-dark td[data-v-76bc47d1], .tableBackground .table-dark th[data-v-76bc47d1] {
    position: relative;
    border: none
}

    .tableBackground .table-dark td[data-v-76bc47d1]:after, .tableBackground .table-dark th[data-v-76bc47d1]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #1f2f53
    }

.tableBackground .table-dark thead th[data-v-76bc47d1] {
    font-weight: 400;
    font-size: .75rem;
    color: #7c7c7c
}

.tableBackground .table-dark td[data-v-76bc47d1], .tableBackground .table-dark th[data-v-76bc47d1] {
    padding: .75rem 1.5rem
}

    .tableBackground .table-dark td[data-v-76bc47d1]:first-child:after {
        width: calc(100% - 1.5rem);
        left: 1.5rem
    }

    .tableBackground .table-dark td[data-v-76bc47d1]:last-child:after {
        width: calc(100% - 1.5rem);
        right: 1.5rem;
        left: auto
    }

.tableBackground #paging[data-v-76bc47d1] {
    background-color: #060642
}

.tableBackground #paging li[data-v-76bc47d1] {
    font-weight: 700
}

.tableBackground #paging li span a[data-v-76bc47d1] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-76bc47d1] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-76bc47d1], .customeTradeHistory[data-v-76bc47d1] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-76bc47d1], .customeTradeHistory .reportrange-text[data-v-76bc47d1] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-76bc47d1], .customeTradeHistory .reportrange-text .seperate[data-v-76bc47d1] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-76bc47d1], .customeTradeHistory .reportrange-text span[data-v-76bc47d1] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-76bc47d1] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-76bc47d1] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-76bc47d1] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-76bc47d1]:after, .startDate .daterangepicker.openscenter[data-v-76bc47d1]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-76bc47d1] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-76bc47d1] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-76bc47d1] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-76bc47d1] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-76bc47d1] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-76bc47d1] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-76bc47d1] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-76bc47d1] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-76bc47d1] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-76bc47d1] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-76bc47d1] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-76bc47d1] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-76bc47d1] {
    text-align: center
}

.border-none[data-v-76bc47d1] {
    border: none
}

.text-domain[data-v-76bc47d1]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-76bc47d1] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-76bc47d1] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-76bc47d1] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-76bc47d1] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-76bc47d1] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-76bc47d1] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-76bc47d1] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-76bc47d1] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-76bc47d1] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-76bc47d1] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-76bc47d1] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-76bc47d1] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-76bc47d1] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-76bc47d1] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-76bc47d1] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-76bc47d1] {
    background-color: #02142b !important
}

.networkVolumeStats .cardFooter[data-v-76bc47d1] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-76bc47d1] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-76bc47d1] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-76bc47d1] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-76bc47d1] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-76bc47d1] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-76bc47d1] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-76bc47d1] {
    fill: #000
}

.btn-active-paging[data-v-76bc47d1] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-76bc47d1] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-76bc47d1] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-76bc47d1] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-76bc47d1], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-76bc47d1] {
    background: #8b8d96 !important
}

.transactionBox[data-v-76bc47d1] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-76bc47d1] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-76bc47d1] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-76bc47d1] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-76bc47d1] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-76bc47d1] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-76bc47d1] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-76bc47d1] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-76bc47d1] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-76bc47d1] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-76bc47d1] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-76bc47d1] {
    color: #000
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-76bc47d1] {
    color: rgba(0,0,0,.5)
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-76bc47d1] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-76bc47d1] {
    color: #2a74f9 !important
}

.txtContent[data-v-76bc47d1] {
    color: #7c7c7c
}

.footerFAQs[data-v-76bc47d1] {
    display: block;
    color: #fff;
    background-color: #02142b
}

.footerFAQs ul[data-v-76bc47d1] {
    list-style: none
}

.footerFAQs .border-bottom[data-v-76bc47d1] {
    border-color: hsla(0,0%,48.6%,.28) !important
}

.footerFAQs .blockRow[data-v-76bc47d1] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footerFAQs .blockRow h4[data-v-76bc47d1] {
    font-size: 16px;
    margin-bottom: 12px;
    margin-top: 8px
}

.footerFAQs .blockRow ul li p[data-v-76bc47d1] {
    margin-bottom: 10px
}

.footerFAQs .blockRow ul li a[data-v-76bc47d1] {
    color: #7c7c7c !important;
    line-height: 30px
}

    .footerFAQs .blockRow ul li a[data-v-76bc47d1]:hover {
        color: #2a74f9 !important
    }

.footerFAQs .blockRow .block[data-v-76bc47d1] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.footerFAQs .blockRow .block.logo[data-v-76bc47d1] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 20px
}

.footerFAQs .language > button[data-v-76bc47d1] {
    background-color: #02142b
}

.footerFAQs .language #dropdownMenuButton[data-v-76bc47d1], .footerFAQs .language .dropdownMenuButton[data-v-76bc47d1] {
    min-width: 160px;
    min-height: 45px;
    font-size: 14px;
    text-align: left
}

.footerFAQs .language .dropdown-menu[data-v-76bc47d1] {
    background: #02142b;
    border: 1px solid #1f2f53;
    padding: 0
}

.footerFAQs .language .dropdown-menu .dropdown-item[data-v-76bc47d1] {
    font-size: 14px;
    color: #fff;
    padding: 1rem;
    border-top: 1px solid #1f2f53
}

    .footerFAQs .language .dropdown-menu .dropdown-item[data-v-76bc47d1]:hover {
        background: #1d233b
    }

.footerFAQs .language .dropdown-toggle[data-v-76bc47d1]:after {
    right: 10px;
    top: 45%;
    position: absolute
}

@media screen and (max-width:767.98px) {
    .footerFAQs .blockRow[data-v-76bc47d1] {
        display: block
    }

    .footerFAQs .blockRow .logo[data-v-76bc47d1] {
        margin-bottom: 30px
    }

    .footerFAQs .blockRow .logo img[data-v-76bc47d1] {
        width: 160px
    }

    .footerFAQs .blockRow .block[data-v-76bc47d1] {
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset
    }

    .footerFAQs .blockRow .block.logo[data-v-76bc47d1] {
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
        padding: 0
    }

    .footerFAQs .blockRow .block h4[data-v-76bc47d1] {
        margin-top: 50px;
        font-size: 18px
    }

    .footerFAQs .blockRow .block #dropdownMenuButton span[data-v-76bc47d1], .footerFAQs .blockRow .block .language .dropdown-menu .dropdown-item[data-v-76bc47d1], .footerFAQs .blockRow .block .txtContent[data-v-76bc47d1] {
        font-size: 14px
    }

    .footerFAQs .blockRow .block .txtSite[data-v-76bc47d1] {
        display: none
    }

    .footerFAQs .blockRow .block .textDesc[data-v-76bc47d1] {
        font-size: 14px
    }

    .footerFAQs .language #dropdownMenuButton[data-v-76bc47d1] {
        margin-top: 15px
    }
}

a[data-v-76bc47d1]:active, a[data-v-76bc47d1]:hover, a[data-v-76bc47d1]:link, a[data-v-76bc47d1]:visited {
    text-decoration: none !important
}

@media screen and (min-width:992px) {
    .block.logo[data-v-76bc47d1] {
        position: relative;
        -webkit-transform: translateY(-14px);
        transform: translateY(-14px)
    }
}

@media (max-width:575px) {
    .footerFAQs .faqDiv[data-v-76bc47d1] {
        padding-bottom: 50px !important
    }
}


.tableBackground #paging li span a[data-v-2594d590] {
    color: #fff !important
}

.tableBackground #paging li path[data-v-2594d590] {
    stroke: #fff !important
}

.customeAffiliateCommission[data-v-2594d590], .customeTradeHistory[data-v-2594d590] {
    background-color: #fafafa !important;
    border-radius: 4px;
    text-align: center
}

.customeAffiliateCommission .reportrange-text[data-v-2594d590], .customeTradeHistory .reportrange-text[data-v-2594d590] {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #0d0d0d !important
}

.customeAffiliateCommission .reportrange-text .seperate[data-v-2594d590], .customeTradeHistory .reportrange-text .seperate[data-v-2594d590] {
    width: 20px;
    display: inline-block;
    text-align: center;
    color: #c0c4c3
}

.customeAffiliateCommission .reportrange-text span[data-v-2594d590], .customeTradeHistory .reportrange-text span[data-v-2594d590] {
    color: #333 important;
    width: 100%;
    display: inline-block
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker[data-v-2594d590] {
    min-width: 243px
}

.singleRangeDatePicker .vue-daterange-picker .daterangepicker .calendars .right[data-v-2594d590] {
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media only screen and (max-width:992px) {
    .startDate .daterangepicker.openscenter[data-v-2594d590] {
        left: 35vw !important
    }

        .startDate .daterangepicker.openscenter[data-v-2594d590]:after, .startDate .daterangepicker.openscenter[data-v-2594d590]:before {
            left: -100px !important
        }

    .endDate .daterangepicker.openscenter[data-v-2594d590] {
        left: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .customeTradeHistory.endDate .reportrange-text[data-v-2594d590] {
        min-width: auto !important
    }
}

@media only screen and (max-width:768px) {
    body .modal.show[data-v-2594d590] {
        height: 100%;
        background-color: #1a1e24
    }

    body .modal.show .modal-dialog[data-v-2594d590] {
        top: 0;
        left: 0;
        min-width: 0;
        width: 100%;
        margin: 0;
        transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important
    }

    body .modal.show .modal-dialog .modal-content[data-v-2594d590] {
        border-radius: 0;
        padding: 20px;
        border: 0
    }
}

.chart-tooltip-header[data-v-2594d590] {
    border-radius: 5px
}

.chart-tooltip-header span[data-v-2594d590] {
    margin: 0;
    display: block
}

.chart-tooltip-header .head[data-v-2594d590] {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.chart-tooltip-header .body[data-v-2594d590] {
    padding: 5px 10px;
    text-align: left;
    font-weight: 700
}

.chart-tooltip-header .circle[data-v-2594d590] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #2177ff
}

.chart-tooltip-header .circle.index-1[data-v-2594d590] {
    background: #00c67a
}

.chart-tooltip-header.chart-tooltip-header-circle .head[data-v-2594d590] {
    padding: 5px 2rem
}

.chart-tooltip-header.chart-tooltip-header-circle .body[data-v-2594d590] {
    text-align: center
}

.border-none[data-v-2594d590] {
    border: none
}

.text-domain[data-v-2594d590]:first-letter {
    text-transform: uppercase
}

.tooltip[data-v-2594d590] {
    display: block !important;
    z-index: 10000;
    border-radius: 35px
}

.tooltip .tooltip-inner[data-v-2594d590] {
    max-width: unset !important;
    background: #2399de;
    color: #fff;
    border-radius: 16px;
    padding: 5px 10px 4px
}

.tooltip .tooltip-arrow[data-v-2594d590] {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: #2399de;
    z-index: 1
}

.tooltip[x-placement^=top][data-v-2594d590] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow[data-v-2594d590] {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom][data-v-2594d590] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow[data-v-2594d590] {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right][data-v-2594d590] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow[data-v-2594d590] {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left][data-v-2594d590] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow[data-v-2594d590] {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner[data-v-2594d590] {
    background: #2399de;
    color: #fff;
    padding: 16px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow[data-v-2594d590] {
    border-color: #2399de
}

.tooltip[aria-hidden=true][data-v-2594d590] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s;
    transition: opacity .15s,visibility .15s
}

.tooltip[aria-hidden=false][data-v-2594d590] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.footerFAQs[data-v-2594d590] {
    background-color: #0d0d0d !important
}

.networkVolumeStats .cardFooter[data-v-2594d590] {
    background-color: #2a74f9;
    color: #000
}

.affiliatePage .banner[data-v-2594d590] {
    background-image: url(../img/bitono_affiliate_bg.38230842.png)
}

.color-icon-exchange-wallet[data-v-2594d590] {
    fill: #000
}

#leftSidebar .nav-link.button .fill-color[data-v-2594d590] {
    fill: #fff
}

#leftSidebar .nav-link.button .stroke-color[data-v-2594d590] {
    stroke: #fff
}

#leftSidebar .nav-link.button.primary .fill-color[data-v-2594d590] {
    fill: #000
}

#leftSidebar .nav-link.button.primary .stroke-color[data-v-2594d590] {
    stroke: #000
}

.buttonDeposit .fill-color[data-v-2594d590] {
    fill: #000
}

.btn-active-paging[data-v-2594d590] {
    color: #000 !important
}

.colorFooter .cellFooter[data-v-2594d590] {
    color: #000
}

.bodySidebar .listMenu li .nav-link .trophy[data-v-2594d590] {
    stroke: #fff
}

.bodySidebar .listMenu li .nav-link.router-link-exact-active .trophy[data-v-2594d590] {
    stroke: #000
}

#analysis-bet-wrapper .groupButton .btn.btnDown.colorDisable[data-v-2594d590], #analysis-bet-wrapper .groupButton .btn.btnSuccess.colorDisable[data-v-2594d590] {
    background: #2b2f33 !important
}

.transactionBox[data-v-2594d590] {
    background: hsla(0,0%,100%,.1)
}

.transactionBox .trendGroup .trendIcon[data-v-2594d590] {
    border-radius: 3px
}

.winLive .wrapNotify .iconWin[data-v-2594d590] {
    -webkit-transform: translate(-50%,10%) !important;
    transform: translate(-50%,10%) !important
}

.winLive .wrapNotify .message[data-v-2594d590] {
    color: #31baa0 !important
}

@media (min-width:576px) and (max-width:768px) and (max-height:300px) {
    .mobile-version .wrapper.index.isLandscapeMobile #betAmount .profit .font-30[data-v-2594d590] {
        font-size: 15px !important
    }
}

.highcharts-plot-line-label[data-v-2594d590] {
    color: #000 !important
}

.boxAddress h4.colorSecondary2[data-v-2594d590] {
    background: #02142b
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-2594d590] {
    border-bottom-color: hsla(0,0%,100%,.23) !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-2594d590] {
    color: #fff !important
}

.modal.deposit_widthdraw .transfer-network-item[data-v-2594d590] {
    background: #474a50;
    border: 1px solid hsla(0,0%,100%,.23);
    color: #787b7e
}

.modal.deposit_widthdraw .transfer-network-item.is-active[data-v-2594d590] {
    background-color: #2a74f9;
    border-color: #2a74f9
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-label[data-v-2594d590] {
    color: #fff
}

.modal.deposit_widthdraw .transfer-network-item.is-active .transfer-network-item-fee[data-v-2594d590] {
    color: yellow !important
}

.modal.deposit_widthdraw .transfer-network-item.is-active.bsc-free .transfer-network-item-fee[data-v-2594d590] {
    color: #ce0800 !important
}

.modal.deposit_widthdraw .transfer-network-item--bsc .transfer-network-item-fee[data-v-2594d590] {
    color: yellow !important
}

.address .buttonCommon[data-v-2594d590] {
    text-align: center;
    border-radius: 5px;
    color: #fff;
    height: 47px;
    padding: 11px 15px;
    line-height: 19px;
    font-weight: 700;
    font-weight: 16px;
    border: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    outline: none
}

.address .greenButton[data-v-2594d590] {
    background: #31baa0
}

    .address .greenButton[data-v-2594d590]:hover {
        -webkit-box-shadow: 0 0 19px 1px #31baa0;
        box-shadow: 0 0 19px 1px #31baa0;
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }

.address .redButton[data-v-2594d590] {
    background: #f46273
}

    .address .redButton[data-v-2594d590]:hover {
        -webkit-box-shadow: 0 0 19px 1px #f46273;
        box-shadow: 0 0 19px 1px #f46273;
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }

.boxQRCode[data-v-2594d590] {
    margin-bottom: 20px
}

input[data-v-2594d590]::-webkit-input-placeholder {
    color: #414141 !important;
    opacity: 1;
    font-size: 14px !important
}

input[data-v-2594d590]::-moz-placeholder {
    color: #414141 !important;
    opacity: 1;
    font-size: 14px !important
}

input[data-v-2594d590]:-ms-input-placeholder {
    color: #414141 !important;
    opacity: 1;
    font-size: 14px !important
}

input[data-v-2594d590]::-ms-input-placeholder {
    color: #414141 !important;
    opacity: 1;
    font-size: 14px !important
}

input[data-v-2594d590]::placeholder {
    color: #414141 !important;
    opacity: 1;
    font-size: 14px !important
}

.pad-20[data-v-2594d590] {
    padding: 20px
}

.icon[data-v-2594d590] {
    width: 30px;
    height: 20px;
    text-align: center;
    margin: 5px 4px
}

.icon.USDT[data-v-2594d590] {
    background: url(../img/usdt.bb7c0bc3.svg);
    background-repeat: no-repeat;
    background-position: 50%
}

.icon.ETH[data-v-2594d590] {
    background: url(../img/eth.b839e646.svg);
    background-repeat: no-repeat;
    background-position: 50%
}

.icon.BTC[data-v-2594d590] {
    background: url(../img/btc.b84ece36.svg);
    background-repeat: no-repeat;
    background-position: 50%
}

.pad-30[data-v-2594d590] {
    padding: 30px
}

.modal[data-v-2594d590] {
    background-color: rgba(0,0,0,.6)
}

.modal.show[data-v-2594d590] {
    padding-right: 15px;
    display: block
}

.modal .modal-dialog.deposit_widthdraw_box[data-v-2594d590] {
    margin: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) !important;
    transform: translate(-50%,-50%) !important
}

.modal .modal-dialog.deposit_widthdraw_box .modal-content[data-v-2594d590] {
    border-radius: 10px
}

.modal .modal-dialog.deposit_widthdraw_box .modal-content .close[data-v-2594d590] {
    background: #1d233b;
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    position: absolute;
    opacity: 1;
    z-index: 2;
    top: 0;
    outline: none;
    right: 10px;
    top: 10px;
}

.modal .modal-dialog.deposit_widthdraw_box .modal-content .close svg[data-v-2594d590] {
    width: 20px
}

@media screen and (max-height:660px) {
    .modal .modal-dialog.deposit_widthdraw_box[data-v-2594d590] {
        top: 0;
        -webkit-transform: translate(-50%) !important;
        transform: translate(-50%) !important
    }

    .modal .modal-dialog.deposit_widthdraw_box .modal-content .modal-body .boxModal[data-v-2594d590] {
        height: calc(100vh - 48px);
        overflow-y: auto
    }
}

@media screen and (max-width:575px) {
    .modal .modal-dialog.deposit_widthdraw_box[data-v-2594d590] {
        left: 0;
        top: 0;
        -webkit-transform: translate(0) !important;
        transform: translate(0) !important
    }

    .modal .modal-dialog.deposit_widthdraw_box .modal-content .modal-body .boxModal .mainBoxModal[data-v-2594d590] {
        padding: 20px 0 0 !important
    }

    .modal .modal-dialog.deposit_widthdraw_box .modal-content .modal-body .boxModal .mainBoxModal .boxAddress[data-v-2594d590] {
        padding: 0
    }

    .modal .modal-dialog.deposit_widthdraw_box .modal-content .modal-body .boxModal .mainBoxModal .boxAddress .form-group[data-v-2594d590] {
        margin-bottom: 20px !important
    }
}

.modal .modal-body[data-v-2594d590] {
    border-radius: 10px 10px 0 0;
    overflow: hidden
}

.greenButton[data-v-2594d590]:hover {
    background-color: #31baa0 !important
}

#amount[data-v-2594d590]:invalid {
    -webkit-box-shadow: none;
    box-shadow: none
}

.boxAddress[data-v-2594d590] {
    overflow: hidden
}

.boxAddress .pr-55px[data-v-2594d590] {
    padding-right: 55px !important
}

.boxAddress input[data-v-2594d590] {
    font-size: 14px;
    border: 1px solid #414141;
    border-radius: 8px;
    width: 100%;
    height: 40px;
    line-height: 40px
}

    .boxAddress input[data-v-2594d590]:focus {
        outline: none
    }

.boxAddress .enable2fa[data-v-2594d590] {
    font-style: italic;
    display: block;
    clear: both;
    margin-bottom: 5px;
    color: #f46273
}

.boxAddress h4.colorSecondary2[data-v-2594d590] {
    font-size: 12px;
    line-height: 14px;
    color: #2077fc;
    font-weight: 400;
    margin: 0;
    position: absolute;
    top: -6px;
    left: 30px;
    padding: 0 6px
}

.boxAddress .textInput[data-v-2594d590] {
    font-size: 16px
}

    .boxAddress .textInput[data-v-2594d590]::-webkit-input-placeholder {
        font-size: 16px;
        color: #7c7c7c
    }

    .boxAddress .textInput[data-v-2594d590]::-moz-placeholder {
        font-size: 16px;
        color: #7c7c7c
    }

    .boxAddress .textInput[data-v-2594d590]:-ms-input-placeholder {
        font-size: 16px;
        color: #7c7c7c
    }

    .boxAddress .textInput[data-v-2594d590]:-moz-placeholder {
        font-size: 16px;
        color: #7c7c7c
    }

.boxAddress .noted[data-v-2594d590] {
    color: #fff;
    display: block;
    font-style: italic;
    padding: 10px
}

.boxAddress .btn.sendMax[data-v-2594d590] {
    top: 50%;
    padding: 2px 6px;
    color: #fff;
    background-color: #2a74f9
}

.boxAddress .btn.sendMax[data-v-2594d590], .boxAddress .paste[data-v-2594d590] {
    position: absolute;
    right: 14px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.boxAddress .paste[data-v-2594d590] {
    cursor: pointer;
    top: 50% !important;
    font-size: 14px;
    line-height: 20px;
    height: 20px
}

@media screen and (max-width:575px) {
    .boxAddress .paste[data-v-2594d590] {
        top: 38px
    }
}

.boxAddress .form-group[data-v-2594d590] {
    margin-bottom: 20px
}

.boxAddress .address button[data-v-2594d590] {
    width: 230px
}

.boxAddress .form-control[data-v-2594d590] {
    font-size: 14px
}

    .boxAddress .form-control[data-v-2594d590]::-webkit-input-placeholder {
        font-size: 14px;
        color: #9f9085
    }

    .boxAddress .form-control[data-v-2594d590]::-moz-placeholder {
        font-size: 14px;
        color: #9f9085
    }

    .boxAddress .form-control[data-v-2594d590]:-ms-input-placeholder {
        font-size: 14px;
        color: #9f9085
    }

    .boxAddress .form-control[data-v-2594d590]:-moz-placeholder {
        font-size: 14px;
        color: #9f9085
    }

.listUnits .info .amount .number[data-v-2594d590] {
    color: #fff !important
}

    .listUnits .info .amount .number[data-v-2594d590]:hover {
        color: #fff
    }

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content[data-v-2594d590] {
    background-color: #000
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab[data-v-2594d590] {
    height: 48px
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab[data-v-2594d590] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #0d0d0d;
    background: transparent
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab .itemTab[data-v-2594d590] {
    height: 100%;
    text-align: center;
    background: transparent;
    font-size: 16px;
    line-height: 48px;
    font-weight: 400;
    margin: 0 15px;
}

    .modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab .itemTab[data-v-2594d590]:hover {
        cursor: pointer
    }

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab .itemTab span[data-v-2594d590] {
    color: #fff;
    margin: 0 15px;
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab .itemTab.active[data-v-2594d590] {
    font-weight: 700;
    position: relative
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab .itemTab.active span[data-v-2594d590] {
    color: #fff
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .headerTab .listTab .itemTab.active[data-v-2594d590]:before {
    content: "";
    height: 4px;
    width: 100%;
    background: #2a74f9;
    border-radius: 3px 3px 0 0;
    display: block;
    position: absolute;
    bottom: -1px;
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .modal-body[data-v-2594d590] {
    margin-top: 0
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .modal-body .boxModal .mainBoxModal[data-v-2594d590] {
    padding: 20px !important
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .modal-body .boxModal .mainBoxModal .combo .label[data-v-2594d590] {
    color: #0d0d0d
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .mainBoxModal input.form-control[data-v-2594d590]:-moz-read-only {
    background: #414141 !important;
    color: #0d0d0d
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .mainBoxModal input.form-control[data-v-2594d590]:read-only {
    background: #414141 !important;
    color: #0d0d0d
}

.modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .form-control[data-v-2594d590] {
    background: transparent !important;
    color: #333;
    border: 1px solid hsla(0,0%,100%,.23);
    border-radius: 8px;
    height: 46px !important;
    line-height: 46px !important;
    margin-bottom: 0 !important
}

.combo .listBalance[data-v-2594d590] {
    margin: 0
}

.combo .text_usdt[data-v-2594d590] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right;
    line-height: 40px
}

@media only screen and (max-width:575px) {
    #depositAddress[data-v-2594d590] {
        font-size: .9rem
    }

    body .modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box[data-v-2594d590] {
        height: 100%
    }

    body .modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .modal-body .boxModal[data-v-2594d590] {
        height: calc(100vh - 150px);
        overflow-y: auto;
        padding-bottom: 100px;
    }

    body .modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .modal-body .menuHeaderLink[data-v-2594d590] {
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom: 1px solid #1f2f53
    }

    body .modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .modal-body .menuHeaderLink .nav-item[data-v-2594d590] {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        position: relative;
        font-size: 1rem;
        text-align: center
    }

    body .modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .modal-body .menuHeaderLink .nav-item span[data-v-2594d590] {
        padding: .75rem 1rem;
        display: block;
        -webkit-transition: all .35s;
        transition: all .35s
    }

    body .modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .modal-body .menuHeaderLink .nav-item.active[data-v-2594d590] {
        border: none;
        font-weight: 700
    }

        body .modal.deposit_widthdraw .modal-dialog.deposit_widthdraw_box .modal-content .modal-body .menuHeaderLink .nav-item.active[data-v-2594d590]:after {
            content: "";
            display: inline-block;
            width: 100%;
            height: 4px;
            border-radius: 4px 4px 0 0;
            position: absolute;
            bottom: 0;
            left: 0;
            background-color: #2a74f9
        }
}

.selectedUnitDeposit[data-v-2594d590] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.selectedUnitDeposit .info .number[data-v-2594d590] {
    color: #fff
}

.selectedUnit[data-v-2594d590] {
    padding: 5px 20px 5px 3px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.selectedUnit .number[data-v-2594d590] {
    color: #fff !important
}

.boxSelectUnit[data-v-2594d590] {
    height: 40px;
    border-radius: 5px
}

.boxSelectUnit .listUnits .itemSelectUnit[data-v-2594d590] {
    border-color: #414141
}

    .boxSelectUnit .listUnits .itemSelectUnit[data-v-2594d590]:hover {
        background-color: #02142b
    }

.transfer-network[data-v-2594d590] {
    overflow: hidden
}

.transfer-network-title[data-v-2594d590] {
    font-size: 12px;
    line-height: 1;
    margin-bottom: 15px
}

.transfer-network-list[data-v-2594d590] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -4px 15px
}

.transfer-network-list--deposit[data-v-2594d590] {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start
}

.transfer-network-item[data-v-2594d590] {
    background: #d0c4b9;
    border: 1px solid #9f9085;
    border-radius: 6px;
    margin: 0 4px;
    padding: 9px 0;
    color: #4d3434;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    cursor: pointer
}

.transfer-network-item.is-active[data-v-2594d590] {
    background-color: #c76b00;
    border-color: #c76b00;
    position: relative
}

    .transfer-network-item.is-active[data-v-2594d590]:before {
        content: "";
        display: block;
        width: 17px;
        height: 17px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAABHNCSVQICAgIfAhkiAAAAYxJREFUOE+N07tPwlAUBvDv2OJjITJqHLrqIsbZCAm7GuNo1EVHGBQY1QnQgdVJjIMDMSHxD7CLo0knVy+JcfUx8Sg95rbpg4Kld+y999fvnJ4SQksrswbLzAPIgChtbzMbIDJAfCcqCT18h4IPtFK/DpAEopaOrrIj6vTtHvIQrWS2AGxNAJxtmaynZl3IRmImCPu6qKpZ+ZDsHvDgPVaC0WYciYraoLgpkrPAw7GC5BywUR14ZYlaYk0iBkCrUUlcYGURuH1hXD5Z3nFRVYm0kslxgcdXxmnTB+x7xNkhpJCbwvICcNa08NsBggnGAj7ilyORfI7w9gmc3A9ws69AlvAvIJGukiKtaDZAOHBLut6bwu66P4ORAKMtaqpGWrmfAdNzsC8uFAk4Q3chaolzZ9iKfR1Em0FoKQV8fEW0nNFGT0nLqXWQAs9jxtQnfeoA+QNLyYgrMuzeuhs2NG22wolGssgErGy7wBDiYWXzEMyFkVTyMriBnloP/sFjkeCb7abL1VGN8MXguT+ofapXySW9rwAAAABJRU5ErkJggg==) 0 0 no-repeat;
        position: absolute;
        top: -5px;
        right: -5px
    }

.transfer-network-item.is-active .transfer-network-item-label[data-v-2594d590] {
    color: #fff;
    font-weight: 700
}

.transfer-network-item.is-active .transfer-network-item-fee[data-v-2594d590] {
    color: hsla(0,0%,100%,.5)
}

.transfer-network-item--bsc .transfer-network-item-fee[data-v-2594d590] {
    color: #2a74f9 !important;
    text-transform: uppercase;
    font-weight: 700
}

.transfer-network-item-label[data-v-2594d590] {
    font-size: 12px;
    line-height: 13px;
    margin-bottom: 2px;
    font-weight: 700
}

.transfer-network-item-fee[data-v-2594d590] {
    font-size: 12px;
    line-height: 13px
}

.transfer-network-warn[data-v-2594d590] {
    border-radius: 5px;
    background: rgba(240,185,11,.26);
    border: 1px solid #f0b90b;
    color: #f0b90b;
    padding: 10px 15px;
    font-size: 12px;
    line-height: 13px;
    margin-bottom: 20px
}

#main-content .balance-page .subBanner.bgPrimary1 {
    background-color: #2a74f9 !important;
    background: #2a74f9 !important;
}

.chart-indicator {
    margin-left: 10px;
    font-size: 12px;
    color: hsla(0,0%,100%,.3);
}

    .chart-indicator a {
        margin-left: 10px;
        cursor: pointer;
        color: hsla(0,0%,100%,.3);
    }

        .chart-indicator a.active {
            color: white;
        }

.last-price-container {
    border-radius: 10px;
    border: 1px solid;
    border-color: rgb(239, 185, 42);
    padding: 10px 10px;
    background-color: rgb(29, 35, 59);
}
.last-price-container .last-price {
    font-weight: bold;
    font-size: 28px;
}
.last-price-container .last-price.up {
    color: rgb(4, 199, 147);
}
.last-price-container .last-price.down {
    color: rgb(250, 75, 98);
}

.last-price-container .badge {
    align-self: center;
}
.last-price-container .badge.up {
    background: rgb(4, 199, 147);
}
.last-price-container .badge.down {
    background: rgb(250, 75, 98);
}

.last-price-container .badge.up > svg.up {
    display: inline !important;
    fill: #fff;
}
.last-price-container .badge.down > svg.down {
    display: inline !important;
    fill: #fff;
}

.modal .modal-dialog .modal-content .modal-body .boxModal {
    max-height: calc(100vh - 100px);
    overflow-y: auto;
}

.network-checker {
    position: absolute;
    top: 7px;
    left: 6px;
    border-radius: 5px;
    background-color: #1d233b;
    padding: 5px;
}

    .network-checker svg {
        width: 20px;
        height: 20px;
    }

@media (min-width:769px) and (max-height:576px) {
    html {
        font-size: 12px;
    }

    .amount-desktop-responsive .wrapInputButton {
        display: none;
    }

    .groupButton .btn[data-v-6240dfb8] {
        height: auto;
    }

    .amount-desktop-responsive .slider {
        margin-bottom: 4px !important;
        font-size: 12px;
    }

    .amount-desktop-responsive .slider > p {
        margin-top: 0 !important;
    }

    .hideLandscape {
        display: none !important;
    }
}


.upgrade-angency {
    background-image: url("/img/BG-Upgrade.png");
    min-height: calc(-65px + 100vh);
    background-size: cover;
    background-position: center top 20px;
    background-repeat: no-repeat;
    padding-bottom: 50px;
}

    .upgrade-angency .header-image {
        padding-top: 40px;
    }

    .upgrade-angency .title {
        margin: 0px auto;
    }

    .upgrade-angency .buy-vip-container {
        border-radius: 16px;
        margin: 90px auto 50px;
        opacity: 1;
        background-color: rgb(36, 36, 36);
        padding: 25px 42px;
        max-width: 420px;
    }

        .upgrade-angency .buy-vip-container .header-title {
            text-align: center;
            font-size: 17px;
            font-weight: 700;
            color: rgb(253, 253, 253);
            line-height: normal;
        }

        .upgrade-angency .buy-vip-container .desc {
            text-align: center;
            color: rgb(139, 139, 139);
            font-size: 16px;
            margin-top: 30px;
            margin-bottom: 30px;
        }

@media only screen and (min-width: 375px) and (max-width: 812px) {
    .upgrade-angency .buy-vip-container .desc {
        font-size: 14px;
        margin-top: 16px;
        margin-bottom: 16px;
    }
}

.upgrade-angency .buy-vip-container .desc .amount {
    color: rgb(255, 225, 176) !important;
    font-weight: 700;
}

.upgrade-angency .buy-vip-container .checkbox {
    margin-bottom: 1rem;
    color: rgb(69, 69, 69);
}

.upgrade-angency .buy-vip-container .checkboxInput {
    margin-right: 5px;
    width: 16px;
    height: 16px;
}

.upgrade-angency .buy-vip-container .text-checkbox {
    color: rgb(253, 253, 253);
    font-size: 12px;
}

    .upgrade-angency .buy-vip-container .text-checkbox .term {
        text-decoration: underline;
        color: rgb(255, 225, 176) !important;
    }

        .upgrade-angency .buy-vip-container .text-checkbox .term:hover {
            color: rgb(0, 123, 255) !important;
        }

.upgrade-angency .buy-vip-container .button-buy {
    background: rgb(255, 225, 176);
    border-radius: 6px;
    padding: 12px 15px;
    width: 100%;
    text-align: center;
    max-width: 300px;
    font-weight: 700;
    margin: 0px auto;
}

.upgrade-angency .main-text {
    text-align: left;
    font-size: 14px;
    color: rgb(255, 225, 176);
    opacity: 0.6;
    max-width: 695px;
    margin: 0px auto;
}

@media screen and (max-width: 768px) {
    .upgrade-angency .buy-vip-container {
        padding: 20px 15px !important;
    }
}

.upgrade-angency .upgrade-process-2 {
    -webkit-box-align: start;
    align-items: flex-start;
    padding: 0px !important;
}

    .upgrade-angency .upgrade-process-2 .header {
        border-top: 2px solid rgb(255, 225, 176);
        border-right: 2px solid rgb(255, 225, 176);
        border-left: 2px solid rgb(255, 225, 176);
        border-image: initial;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        border-bottom: none;
        padding: 15px;
        background-color: rgb(36, 36, 36);
    }

        .upgrade-angency .upgrade-process-2 .header .box-header {
            background-color: rgba(255, 255, 255, 0.1);
            padding: 5px 10px;
            border-radius: 10px;
        }

            .upgrade-angency .upgrade-process-2 .header .box-header h2 {
                color: rgb(255, 255, 255);
                font-size: 15px;
                font-weight: 700;
                margin-bottom: 0px;
            }

            .upgrade-angency .upgrade-process-2 .header .box-header p {
                margin-bottom: 0px;
                font-size: 12px;
                color: rgba(255, 255, 255, 0.5);
            }

        .upgrade-angency .upgrade-process-2 .header .congratulation {
            color: rgb(253, 253, 253);
            font-size: 18px;
            text-align: center;
            margin: 20px 0px;
        }

    .upgrade-angency .upgrade-process-2 .content {
        background-color: rgb(22, 22, 22);
        padding: 15px;
        border-left: 2px solid rgb(255, 225, 176);
        border-right: 2px solid rgb(255, 225, 176);
    }

        .upgrade-angency .upgrade-process-2 .content .label {
            color: rgba(255, 255, 255, 0.5);
        }

        .upgrade-angency .upgrade-process-2 .content .txtAli {
            font-weight: 700;
            color: rgb(255, 255, 255);
            font-size: 15px;
        }

        .upgrade-angency .upgrade-process-2 .content .txtUsdt {
            color: rgba(253, 253, 253, 0.34);
            font-size: 14px;
            display: block;
        }

        .upgrade-angency .upgrade-process-2 .content .level, .upgrade-angency .upgrade-process-2 .content .minus, .upgrade-angency .upgrade-process-2 .content .plus {
            text-align: center;
            border-radius: 4px;
            border: none;
            outline: none;
            color: rgb(36, 36, 36);
            background-color: rgb(255, 225, 176);
            width: 33px;
            height: 33px;
            line-height: 33px;
        }

        .upgrade-angency .upgrade-process-2 .content .disabled {
            color: rgb(255, 255, 255);
            background-color: rgba(255, 255, 255, 0.2);
            opacity: 1;
        }

        .upgrade-angency .upgrade-process-2 .content .level {
            width: auto;
            padding: 0px 20px;
            margin: 0px 5px;
            background-color: rgb(255, 255, 255);
            color: rgb(36, 36, 36);
        }

    .upgrade-angency .upgrade-process-2 .footer {
        border-right: 2px solid rgb(255, 225, 176);
        border-bottom: 2px solid rgb(255, 225, 176);
        border-left: 2px solid rgb(255, 225, 176);
        border-image: initial;
        border-bottom-left-radius: 16px;
        border-bottom-right-radius: 16px;
        border-top: none;
        padding: 15px;
        background-color: rgb(36, 36, 36);
    }


.menuHeaderLink #upgrade-vip {
    position: relative;
}

    .menuHeaderLink #upgrade-vip::before {
        position: absolute;
        top: -20px;
        right: 0px;
        background: url("/img/icon-new.fcd46954.svg") 0% 0% / 100% 100%;
        display: block;
        overflow: hidden;
        width: 25px;
        height: 21px;
        content: "";
    }

@media (min-width: 1200px) {
    .menuHeaderLink #upgrade-vip::before {
        top: 0px;
        right: -15px;
    }
}


#style-scroll::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#style-scroll::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;

}

#style-scroll::-webkit-scrollbar-thumb
{
	background-color: #000000;
}