@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300');
@import "odometer-theme-default.html";

@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon5ecb.html?85w27u');
    src: url('fonts/icomoond41d.html?#iefix85w27u') format('embedded-opentype'), url('fonts/icomoon5ecb-2.html?85w27u') format('truetype'), url('fonts/icomoon5ecb-3.html?85w27u') format('woff'), url('fonts/icomoon5ecb-4.html?85w27u#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="cmicon-"],
[class*=" cmicon-"] {
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cmicon-bearish_icon:before {
    content: "\e90a";
}

.cmicon-bullish_icon:before {
    content: "\e909";
}

.cmicon-person:before {
    content: "\e908";
}

.cmicon-hourglass:before {
    content: "\e902";
}

.cmicon-hourglass-after:after {
    content: "\e902";
}

.cmicon-stopwatch:before {
    content: "\e903";
}

.cmicon-lock:before {
    content: "\e904";
}

.cmicon-unlocked:before {
    content: "\e905";
}

.cmicon-arrow-up-right:before {
    content: "\e906";
}

.cmicon-arrow-down-left:before {
    content: "\e907";
}

.cmicon-check:before {
    content: "\e900";
}

.cmicon-close:before {
    content: "\e901";
}

.cmicon-close-after:after {
    content: "\e901";
}

.cmicon-arrow-up:before {
    content: "\e606";
}

.cmicon-arrow-down:before {
    content: "\e607";
}

.cmicon-bull_icon:before {
    content: "\e608";
}

.cmicon-bear_icon:before {
    content: "\e609";
}

.cmicon-Range_Out_Icon:before {
    content: "\e600";
}

.cmicon-Range_In_Icon:before {
    content: "\e601";
}

.cmicon-Touch_DOWN_Icon:before,
.cmicon-touchDown_Icon:before {
    content: "\e90c";
}

.cmicon-Touch_UP_Icon:before,
.cmicon-touchUp_Icon:before {
    content: "\e90b";
}

.cmicon-Low_Icon:before,
.cmicon-low_Icon:before {
    content: "\e90d";
}

.cmicon-High_Icon:before,
.cmicon-high_Icon:before {
    content: "\e90e";
}

.cmicon-arrow-down-left:before {
    content: "\e907";
}

.cmicon-arrow-up-right:before {
    content: "\e906";
}

.flag {
    float: left;
    position: relative;
    margin: 0 5px 0 3px;
    height: 100%;
    width: 42px;
}

.flag1 {
    top: 8px;
    left: 5px;
    z-index: 2;
    background-color: #ffffff;
    background-size: 18px 13px;
    box-shadow: 1px 1px 2px 0 #000;
}

.flag2 {
    top: 18px;
    left: 17px;
    background-color: #ffffff;
    background-size: 18px 13px;
    box-shadow: 1px 1px 2px 0 #000;
    z-index: 1;
}

.flag3 {
    top: 9px;
    left: 2px;
    z-index: 1;
}

.flag3.flag-icon {
    width: 30px;
    height: 23px;
}

.flag-icon-image {
    display: block;
    width: 1px;
    height: 24px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 50%;
}

.flag-icon {
    position: absolute;
    display: inline-block;
    width: 17px;
    height: 13px;
    line-height: normal;
    background-repeat: no-repeat;
}

.flag-icon:before {
    content: "\00a0";
}

.flag-icon-background {
    background-repeat: no-repeat;
}
.flagEmpty {
  background-image: url(flags/empty.html);
}
.flag-icon-ad {
    background-image: url(flags/ad.html);
}

.flag-icon-ae {
    background-image: url(flags/ae.html);
}

.flag-icon-af {
    background-image: url(flags/af.html);
}

.flag-icon-ag {
    background-image: url(flags/ag.html);
}

.flag-icon-ai {
    background-image: url(flags/ai.html);
}

.flag-icon-al {
    background-image: url(flags/al.html);
}
.flag-icon-alcoa {
  background-image: url(flags/alcoa.html);
}
.flag-icon-alibaba {
    background-image: url(flags/alibaba.html);
}

.flag-icon-am {
    background-image: url(flags/am.html);
}

.flag-icon-ao {
    background-image: url(flags/ao.html);
}

.flag-icon-apple {
    background-image: url(flags/apple.html);
}
.flag-icon-atos {
  background-image: url(flags/atos.html);
}
.flag-icon-aq {
    background-image: url(flags/aq.html);
}
.flag-icon-amazon {
  background-image: url(flags/amazon.html);
}
.flag-icon-ar {
    background-image: url(flags/ar.html);
}

.flag-icon-as {
    background-image: url(flags/as.html);
}

.flag-icon-at {
    background-image: url(flags/at.html);
}

.flag-icon-aud {
    background-image: url(flags/aud.html);
}

.flag-icon-aw {
    background-image: url(flags/aw.html);
}

.flag-icon-ax {
    background-image: url(flags/ax.html);
}

.flag-icon-az {
    background-image: url(flags/az.html);
}

.flag-icon-ba {
    background-image: url(flags/ba.html);
}

.flag-icon-barclays {
    background-image: url(flags/barclays.html);
}

.flag-icon-bb {
    background-image: url(flags/bb.html);
}
.flag-icon-bbd {
  background-image: url(flags/bbd.html);
}
.flag-icon-btc {
    background-image: url(flags/btc.html);
}

.flag-icon-bd {
    background-image: url(flags/bd.html);
}

.flag-icon-be {
    background-image: url(flags/be.html);
}

.flag-icon-bf {
    background-image: url(flags/bf.html);
}

.flag-icon-bg {
    background-image: url(flags/bg.html);
}

.flag-icon-bh {
    background-image: url(flags/bh.html);
}

.flag-icon-bi {
    background-image: url(flags/bi.html);
}

.flag-icon-bj {
    background-image: url(flags/bj.html);
}

.flag-icon-bl {
    background-image: url(flags/bl.html);
}

.flag-icon-bm {
    background-image: url(flags/bm.html);
}

.flag-icon-bmw {
    background-image: url(flags/bmw.html);
}

.flag-icon-bn {
    background-image: url(flags/bn.html);
}

.flag-icon-bo {
    background-image: url(flags/bo.html);
}
.flag-icon-boa {
    background-image: url(flags/boa.html);
}
.flag-icon-bq {
    background-image: url(flags/bq.html);
}

.flag-icon-br {
    background-image: url(flags/br.html);
}
.flag-icon-bridgestone {
  background-image: url(flags/bridgestone.html);
}
.flag-icon-bs {
    background-image: url(flags/bs.html);
}

.flag-icon-bt {
    background-image: url(flags/bt.html);
}

.flag-icon-bv {
    background-image: url(flags/bv.html);
}

.flag-icon-bw {
    background-image: url(flags/bw.html);
}

.flag-icon-by {
    background-image: url(flags/by.html);
}

.flag-icon-bz {
    background-image: url(flags/bz.html);
}

.flag-icon-cad {
    background-image: url(flags/cad.html);
}

.flag-icon-cc {
    background-image: url(flags/cc.html);
}

.flag-icon-cd {
    background-image: url(flags/cd.html);
}
.flag-icon-celtic {
    background-image: url(flags/celtic.html);
}
.flag-icon-cf {
    background-image: url(flags/cf.html);
}

.flag-icon-cg {
    background-image: url(flags/cg.html);
}

.flag-icon-chf {
    background-image: url(flags/chf.html);
}

.flag-icon-ci {
    background-image: url(flags/ci.html);
}
.flag-icon-cisco {
  background-image: url(flags/cisco.html);
}
.flag-icon-citi {
    background-image: url(flags/citi.html);
}

.flag-icon-ck {
    background-image: url(flags/ck.html);
}

.flag-icon-cl {
    background-image: url(flags/cl.html);
}

.flag-icon-cm {
    background-image: url(flags/cm.html);
}

.flag-icon-cn {
    background-image: url(flags/cn.html);
}

.flag-icon-co {
    background-image: url(flags/co.html);
}
.flag-icon-cobalt {
    background-image: url(flags/cobalt.html);
}
.flag-icon-coke {
    background-image: url(flags/coke.html);
}

.flag-icon-copper {
    background-image: url(flags/copper.html);
}

.flag-icon-cr {
    background-image: url(flags/cr.html);
}

.flag-icon-cu {
    background-image: url(flags/cu.html);
}

.flag-icon-cv {
    background-image: url(flags/cv.html);
}

.flag-icon-cw {
    background-image: url(flags/cw.html);
}

.flag-icon-cx {
    background-image: url(flags/cx.html);
}

.flag-icon-cy {
    background-image: url(flags/cy.html);
}

.flag-icon-cz {
    background-image: url(flags/cz.html);
}
.flag-icon-daim {
    background-image: url(flags/daim.html);
}
.flag-icon-dax {
    background-image: url(flags/dax.html);
}

.flag-icon-dbfra {
    background-image: url(flags/dbfra.html);
}
.flag-icon-disney {
    background-image: url(flags/disney.html);
}
.flag-icon-de {
    background-image: url(flags/de.html);
}

.flag-icon-dj {
    background-image: url(flags/dj.html);
}

.flag-icon-dk {
    background-image: url(flags/dk.html);
}

.flag-icon-dm {
    background-image: url(flags/dm.html);
}

.flag-icon-do {
    background-image: url(flags/do.html);
}
.flag-icon-dortmund {
    background-image: url(flags/dortmund.html);
}
.flag-icon-dow {
    background-image: url(flags/dow.html);
}
.flag-icon-dupoint {
  background-image: url(flags/dupoint.html);
}
.flag-icon-dz {
    background-image: url(flags/dz.html);
}

.flag-icon-ebay {
    background-image: url(flags/ebay.html);
}

.flag-icon-ec {
    background-image: url(flags/ec.html);
}

.flag-icon-ee {
    background-image: url(flags/ee.html);
}

.flag-icon-eg {
    background-image: url(flags/eg.html);
}

.flag-icon-eh {
    background-image: url(flags/eh.html);
}

.flag-icon-eni {
    background-image: url(flags/eni.html);
}

.flag-icon-er {
    background-image: url(flags/er.html);
}

.flag-icon-es {
    background-image: url(flags/es.html);
}

.flag-icon-et {
    background-image: url(flags/et.html);
}

.flag-icon-exxon {
    background-image: url(flags/exxon.html);
}

.flag-icon-eur {
    background-image: url(flags/eur.html);
}

.flag-icon-facebook {
    background-image: url(flags/facebook.html);
}
.flag-icon-ferrari {
    background-image: url(flags/ferrari.html);
}
.flag-icon-fi {
    background-image: url(flags/fi.html);
}

.flag-icon-fj {
    background-image: url(flags/fj.html);
}

.flag-icon-fk {
    background-image: url(flags/fk.html);
}

.flag-icon-fm {
    background-image: url(flags/fm.html);
}

.flag-icon-fo {
    background-image: url(flags/fo.html);
}

.flag-icon-fr {
    background-image: url(flags/fr.html);
}

.flag-icon-ftse {
    background-image: url(flags/ftse.html);
}

.flag-icon-ga {
    background-image: url(flags/ga.html);
}
.flag-icon-galatasaray {
    background-image: url(flags/galatasaray.html);
}
.flag-icon-gbp {
    background-image: url(flags/gbp.html);
}

.flag-icon-gd {
    background-image: url(flags/gd.html);
}

.flag-icon-ge {
    background-image: url(flags/ge.html);
}

.flag-icon-genelc {
    background-image: url(flags/genelc.html);
}

.flag-icon-gf {
    background-image: url(flags/gf.html);
}

.flag-icon-gg {
    background-image: url(flags/gg.html);
}

.flag-icon-gh {
    background-image: url(flags/gh.html);
}

.flag-icon-gi {
    background-image: url(flags/gi.html);
}

.flag-icon-gl {
    background-image: url(flags/gl.html);
}

.flag-icon-gm {
    background-image: url(flags/gm.html);
}

.flag-icon-gn {
    background-image: url(flags/gn.html);
}

.flag-icon-gold {
    background-image: url(flags/gold.html);
}

.flag-icon-gp {
    background-image: url(flags/gp.html);
}
.flag-icon-gpro {
    background-image: url(flags/gpro.html);
}
.flag-icon-gq {
    background-image: url(flags/gq.html);
}
.flag-icon-goldsachs {
    background-image: url(flags/goldsachs.html);
}
.flag-icon-google {
    background-image: url(flags/google.html);
}

.flag-icon-gr {
    background-image: url(flags/gr.html);
}

.flag-icon-gs {
    background-image: url(flags/gs.html);
}

.flag-icon-gt {
    background-image: url(flags/gt.html);
}

.flag-icon-gu {
    background-image: url(flags/gu.html);
}

.flag-icon-gw {
    background-image: url(flags/gw.html);
}

.flag-icon-gy {
    background-image: url(flags/gy.html);
}

.flag-icon-hsbc {
    background-image: url(flags/hsbc.html);
}

.flag-icon-hk {
    background-image: url(flags/hk.html);
}

.flag-icon-hm {
    background-image: url(flags/hm.html);
}

.flag-icon-hn {
    background-image: url(flags/hn.html);
}

.flag-icon-hr {
    background-image: url(flags/hr.html);
}

.flag-icon-ht {
    background-image: url(flags/ht.html);
}

.flag-icon-hu {
    background-image: url(flags/hu.html);
}

.flag-icon-ibm {
    background-image: url(flags/ibm.html);
}

.flag-icon-id {
    background-image: url(flags/id.html);
}

.flag-icon-ie {
    background-image: url(flags/ie.html);
}

.flag-icon-il {
    background-image: url(flags/il.html);
}

.flag-icon-im {
    background-image: url(flags/im.html);
}

.flag-icon-in {
    background-image: url(flags/in.html);
}

.flag-icon-intel {
    background-image: url(flags/intel.html);
}

.flag-icon-io {
    background-image: url(flags/io.html);
}

.flag-icon-iq {
    background-image: url(flags/iq.html);
}

.flag-icon-ir {
    background-image: url(flags/ir.html);
}

.flag-icon-is {
    background-image: url(flags/is.html);
}

.flag-icon-it {
    background-image: url(flags/it.html);
}

.flag-icon-je {
    background-image: url(flags/je.html);
}

.flag-icon-jm {
    background-image: url(flags/jm.html);
}

.flag-icon-jo {
    background-image: url(flags/jo.html);
}
.flag-icon-jpmorgan {
    background-image: url(flags/jpmorgan.html);
}
.flag-icon-jpy {
    background-image: url(flags/jpy.html);
}
.flag-icon-juventus {
    background-image: url(flags/juventus.html);
}
.flag-icon-ke {
    background-image: url(flags/ke.html);
}

.flag-icon-kg {
    background-image: url(flags/kg.html);
}

.flag-icon-kh {
    background-image: url(flags/kh.html);
}

.flag-icon-ki {
    background-image: url(flags/ki.html);
}

.flag-icon-km {
    background-image: url(flags/km.html);
}

.flag-icon-kn {
    background-image: url(flags/kn.html);
}

.flag-icon-kp {
    background-image: url(flags/kp.html);
}

.flag-icon-kr {
    background-image: url(flags/kr.html);
}

.flag-icon-kw {
    background-image: url(flags/kw.html);
}

.flag-icon-ky {
    background-image: url(flags/ky.html);
}

.flag-icon-kz {
    background-image: url(flags/kz.html);
}

.flag-icon-la {
    background-image: url(flags/la.html);
}
.flag-icon-lazio {
    background-image: url(flags/lazio.html);
}
.flag-icon-lb {
    background-image: url(flags/lb.html);
}

.flag-icon-lc {
    background-image: url(flags/lc.html);
}

.flag-icon-li {
    background-image: url(flags/li.html);
}

.flag-icon-lk {
    background-image: url(flags/lk.html);
}

.flag-icon-lr {
    background-image: url(flags/lr.html);
}

.flag-icon-ls {
    background-image: url(flags/ls.html);
}

.flag-icon-lt {
    background-image: url(flags/lt.html);
}

.flag-icon-lu {
    background-image: url(flags/lu.html);
}

.flag-icon-lv {
    background-image: url(flags/lv.html);
}

.flag-icon-ly {
    background-image: url(flags/ly.html);
}

.flag-icon-ma {
    background-image: url(flags/ma.html);
}
.flag-icon-manu {
    background-image: url(flags/manu.html);
}
.flag-icon-mc {
    background-image: url(flags/mc.html);
}

.flag-icon-mcdon {
    background-image: url(flags/mcdon.html);
}

.flag-icon-md {
    background-image: url(flags/md.html);
}

.flag-icon-me {
    background-image: url(flags/me.html);
}
.flag-icon-microsoft {
    background-image: url(flags/microsoft.html);
}
.flag-icon-mf {
    background-image: url(flags/mf.html);
}

.flag-icon-mg {
    background-image: url(flags/mg.html);
}

.flag-icon-mh {
    background-image: url(flags/mh.html);
}

.flag-icon-mk {
    background-image: url(flags/mk.html);
}

.flag-icon-ml {
    background-image: url(flags/ml.html);
}

.flag-icon-mm {
    background-image: url(flags/mm.html);
}

.flag-icon-mn {
    background-image: url(flags/mn.html);
}

.flag-icon-mo {
    background-image: url(flags/mo.html);
}
.flag-icon-mobileye {
    background-image: url(flags/mobileye.html);
}
.flag-icon-mp {
    background-image: url(flags/mp.html);
}

.flag-icon-mq {
    background-image: url(flags/mq.html);
}

.flag-icon-mr {
    background-image: url(flags/mr.html);
}

.flag-icon-ms {
    background-image: url(flags/ms.html);
}

.flag-icon-mt {
    background-image: url(flags/mt.html);
}

.flag-icon-mu {
    background-image: url(flags/mu.html);
}

.flag-icon-mv {
    background-image: url(flags/mv.html);
}

.flag-icon-mw {
    background-image: url(flags/mw.html);
}

.flag-icon-mx {
    background-image: url(flags/mx.html);
}

.flag-icon-my {
    background-image: url(flags/my.html);
}

.flag-icon-mz {
    background-image: url(flags/mz.html);
}

.flag-icon-na {
    background-image: url(flags/na.html);
}

.flag-icon-nc {
    background-image: url(flags/nc.html);
}

.flag-icon-ne {
    background-image: url(flags/ne.html);
}
.flag-icon-netflix {
    background-image: url(flags/netflix.html);
}
.flag-icon-nike {
  background-image: url(flags/nike.html);
}
.flag-icon-nissan {
  background-image: url(flags/nissan.html);
}
.flag-icon-nf {
    background-image: url(flags/nf.html);
}

.flag-icon-ng {
    background-image: url(flags/ng.html);
}

.flag-icon-ni {
    background-image: url(flags/ni.html);
}
.flag-icon-nickel {
    background-image: url(flags/nickel.html);
}
.flag-icon-nl {
    background-image: url(flags/nl.html);
}

.flag-icon-nok {
    background-image: url(flags/nok.html);
}

.flag-icon-np {
    background-image: url(flags/np.html);
}

.flag-icon-nr {
    background-image: url(flags/nr.html);
}

.flag-icon-nsdq {
    background-image: url(flags/nsdq.html);
}

.flag-icon-nu {
    background-image: url(flags/nu.html);
}

.flag-icon-nzd {
    background-image: url(flags/nzd.html);
}

.flag-icon-oil {
    background-image: url(flags/oil.html);
}

.flag-icon-om {
    background-image: url(flags/om.html);
}
.flag-icon-omega {
  background-image: url(flags/omega.html);
}
.flag-icon-pcg {
  background-image: url(flags/pcg.html);
}
.flag-icon-pa {
    background-image: url(flags/pa.html);
}
.flag-icon-panasonic {
  background-image: url(flags/panasonic.html);
}
.flag-icon-pe {
    background-image: url(flags/pe.html);
}
.flag-icon-petrol {
  background-image: url(flags/petrol.html);
}
.flag-icon-philips {
  background-image: url(flags/philips.html);
}
.flag-icon-pf {
    background-image: url(flags/pf.html);
}
.flag-icon-pftizer {
    background-image: url(flags/pftizer.html);
}
.flag-icon-pg {
    background-image: url(flags/pg.html);
}

.flag-icon-ph {
    background-image: url(flags/ph.html);
}

.flag-icon-pk {
    background-image: url(flags/pk.html);
}

.flag-icon-pl {
    background-image: url(flags/pl.html);
}

.flag-icon-pm {
    background-image: url(flags/pm.html);
}

.flag-icon-pn {
    background-image: url(flags/pn.html);
}

.flag-icon-pr {
    background-image: url(flags/pr.html);
}

.flag-icon-ps {
    background-image: url(flags/ps.html);
}

.flag-icon-pt {
    background-image: url(flags/pt.html);
}

.flag-icon-pw {
    background-image: url(flags/pw.html);
}

.flag-icon-py {
    background-image: url(flags/py.html);
}

.flag-icon-qa {
    background-image: url(flags/qa.html);
}
.flag-icon-rangers {
    background-image: url(flags/rangers.html);
}
.flag-icon-re {
    background-image: url(flags/re.html);
}

.flag-icon-ro {
    background-image: url(flags/ro.html);
}
.flag-icon-roma {
    background-image: url(flags/roma.html);
}
.flag-icon-rs {
    background-image: url(flags/rs.html);
}

.flag-icon-ru {
    background-image: url(flags/ru.html);
}

.flag-icon-rw {
    background-image: url(flags/rw.html);
}

.flag-icon-sa {
    background-image: url(flags/sa.html);
}
.flag-icon-samsung {
  background-image: url(flags/samsung.html);
}
.flag-icon-sb {
    background-image: url(flags/sb.html);
}
.flag-icon-sbux {
  background-image: url(flags/sbux.html);
}
.flag-icon-sc {
    background-image: url(flags/sc.html);
}

.flag-icon-sd {
    background-image: url(flags/sd.html);
}

.flag-icon-se {
    background-image: url(flags/se.html);
}

.flag-icon-sg {
    background-image: url(flags/sg.html);
}

.flag-icon-sh {
    background-image: url(flags/sh.html);
}

.flag-icon-si {
    background-image: url(flags/si.html);
}
.flag-icon-siemens {
  background-image: url(flags/siemens.html);
}
.flag-icon-silver {
    background-image: url(flags/silver.html);
}

.flag-icon-sj {
    background-image: url(flags/sj.html);
}

.flag-icon-sk {
    background-image: url(flags/sk.html);
}

.flag-icon-sl {
    background-image: url(flags/sl.html);
}

.flag-icon-sm {
    background-image: url(flags/sm.html);
}

.flag-icon-sn {
    background-image: url(flags/sn.html);
}

.flag-icon-so {
    background-image: url(flags/so.html);
}

.flag-icon-sp {
    background-image: url(flags/sp.html);
}

.flag-icon-sr {
    background-image: url(flags/sr.html);
}

.flag-icon-ss {
    background-image: url(flags/ss.html);
}

.flag-icon-st {
    background-image: url(flags/st.html);
}

.flag-icon-sv {
    background-image: url(flags/sv.html);
}

.flag-icon-sx {
    background-image: url(flags/sx.html);
}

.flag-icon-sy {
    background-image: url(flags/sy.html);
}

.flag-icon-sz {
    background-image: url(flags/sz.html);
}

.flag-icon-tadawul {
    background-image: url(flags/tadawul.html);
}

.flag-icon-tc {
    background-image: url(flags/tc.html);
}

.flag-icon-td {
    background-image: url(flags/td.html);
}
.flag-icon-tesla {
    background-image: url(flags/tesla.html);
}
.flag-icon-tf {
    background-image: url(flags/tf.html);
}

.flag-icon-tg {
    background-image: url(flags/tg.html);
}

.flag-icon-th {
    background-image: url(flags/th.html);
}

.flag-icon-tj {
    background-image: url(flags/tj.html);
}

.flag-icon-tk {
    background-image: url(flags/tk.html);
}

.flag-icon-tl {
    background-image: url(flags/tl.html);
}

.flag-icon-tm {
    background-image: url(flags/tm.html);
}

.flag-icon-tn {
    background-image: url(flags/tn.html);
}

.flag-icon-to {
    background-image: url(flags/to.html);
}

.flag-icon-try {
    background-image: url(flags/try.html);
}

.flag-icon-tt {
    background-image: url(flags/tt.html);
}

.flag-icon-tv {
    background-image: url(flags/tv.html);
}

.flag-icon-tw {
    background-image: url(flags/tw.html);
}

.flag-icon-twitter {
    background-image: url(flags/twitter.html);
}

.flag-icon-tz {
    background-image: url(flags/tz.html);
}

.flag-icon-ua {
    background-image: url(flags/ua.html);
}

.flag-icon-ubs {
    background-image: url(flags/ubs.html);
}

.flag-icon-ug {
    background-image: url(flags/ug.html);
}

.flag-icon-um {
    background-image: url(flags/um.html);
}
.flag-icon-unilever {
  background-image: url(flags/unilever.html);
}
.flag-icon-usd {
    background-image: url(flags/usd.html);
}

.flag-icon-uy {
    background-image: url(flags/uy.html);
}

.flag-icon-uz {
    background-image: url(flags/uz.html);
}

.flag-icon-va {
    background-image: url(flags/va.html);
}

.flag-icon-vc {
    background-image: url(flags/vc.html);
}

.flag-icon-ve {
    background-image: url(flags/ve.html);
}

.flag-icon-vg {
    background-image: url(flags/vg.html);
}

.flag-icon-vi {
    background-image: url(flags/vi.html);
}
.flag-icon-visa {
  background-image: url(flags/visa.html);
}
.flag-icon-vn {
    background-image: url(flags/vn.html);
}

.flag-icon-vodafone {
    background-image: url(flags/vodafone.html);
}

.flag-icon-vowgen {
    background-image: url(flags/vowgen.html);
}

.flag-icon-vu {
    background-image: url(flags/vu.html);
}
.flag-icon-wmart {
    background-image: url(flags/walmart.html);
}
.flag-icon-wf {
    background-image: url(flags/wf.html);
}

.flag-icon-ws {
    background-image: url(flags/ws.html);
}

.flag-icon-yahoo {
    background-image: url(flags/yahoo.html);
}

.flag-icon-ye {
    background-image: url(flags/ye.html);
}

.flag-icon-yt {
    background-image: url(flags/yt.html);
}

.flag-icon-za {
    background-image: url(flags/za.html);
}

.flag-icon-zm {
    background-image: url(flags/zm.html);
}

.flag-icon-zw {
    background-image: url(flags/zw.html);
}

.bottonGradient {
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, rgba(0, 0, 0, 0)), color-stop(1, rgba(0, 0, 0, 0.3)));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
    background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
}

.gradientBlack {
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, rgba(0, 0, 0, 0)), color-stop(1, rgba(0, 0, 0, 0.7)));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
    background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
}

@keyframes colorUp {
    0% {
        color: #49b748;
    }
    100% {
        color: #49b748;
    }
}

@-webkit-keyframes colorUp {
    0% {
        color: #49b748;
    }
    100% {
        color: #49b748;
    }
}

@keyframes colorUp1 {
    0% {
        color: #49b748;
    }
    100% {
        color: #49b748;
    }
}

@-webkit-keyframes colorUp1 {
    0% {
        color: #49b748;
    }
    100% {
        color: #49b748;
    }
}

@keyframes colorDown {
    0% {
        color: #eb1c23;
    }
    100% {
        color: #eb1c23;
    }
}

@-webkit-keyframes colorDown {
    0% {
        color: #eb1c23;
    }
    100% {
        color: #eb1c23;
    }
}

@keyframes colorDown1 {
    0% {
        color: #eb1c23;
    }
    100% {
        color: #eb1c23;
    }
}

@-webkit-keyframes colorDown1 {
    0% {
        color: #eb1c23;
    }
    100% {
        color: #eb1c23;
    }
}

/*
  @shadowColor: #000000;
  @wrapperBackgroundColor: rgba(0, 0, 0, 0.5);
  @formBackgroundColor: #ffffff;
  @titleBackgroundColor: #012F61;
  @errorColor: #cd5c5c;
  @successColor: #5FD25F;
  @signInbuttonsBackgroundColor: #F9A531;
  @textColor: #012F61;
  @textColorInner: #ffffff ;
  @lightGrayBorderColor: #a9a9a9;
  @confirmOperationHoverBackgroundColor: #d3d3d3;
*/
.signInWrapper {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    background-size: 30px;
    z-index: 2;
    padding: 20px;
    overflow: hidden;
    opacity: 0;
    text-align: center;
    color: #263258;
}

.signInWrapper.active {
    opacity: 1;
}

.signInWrapper .investPopUp {
    height: 80%;
    -webkit-box-shadow: 0 0 20px 0 #000000;
    -moz-box-shadow: 0 0 20px 2px #000000;
    box-shadow: 0 0 20px 0 #000000;
    background: #ffffff;
    padding: 2px;
    position: relative;
    top: -100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 5px;
}

.signInWrapper .investPopUp.active {
    -webkit-animation-name: investPopUpAnimation;
    -moz-animation-name: investPopUpAnimation;
    -o-animation-name: investPopUpAnimation;
    animation-name: investPopUpAnimation;
    -webkit-animation-duration: 5s;
    -moz-animation-duration: 5s;
    -o-animation-duration: 5s;
    animation-duration: 5s;
}

@keyframes investPopUpAnimation {
    10% {
        top: 15%;
    }
    90% {
        top: 15%;
    }
    100% {
        top: 150%;
    }
}

.signInWrapper .investPopUp.active.middleStop {
    -webkit-animation-name: investPopUpAnimationMiddleStop;
    -moz-animation-name: investPopUpAnimationMiddleStop;
    -o-animation-name: investPopUpAnimationMiddleStop;
    animation-name: investPopUpAnimationMiddleStop;
    -webkit-animation-duration: 5s;
    -moz-animation-duration: 5s;
    -o-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@keyframes investPopUpAnimationMiddleStop {
    10% {
        top: 15%;
    }
    100% {
        top: 15%;
    }
}

.signInWrapper .investPopUp .upperTitle {
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
    color: #444444;
}

.signInWrapper .investPopUp .upperTitle.success {
    color: #5FD25F;
}

.signInWrapper .investPopUp .upperTitle.fail {
    color: #ff0000;
}

.signInWrapper .investPopUp .investDetails {
    text-align: center;
    padding: 0 10px;
    font-size: 16px;
    line-height: normal;
    color: #777777;
}

.signInWrapper .investPopUp .investDetails.failed {
    line-height: 20px;
}

.signInWrapper .investPopUp .investDetails.success {
    line-height: 25px;
}

.signInWrapper .investPopUp .investDetails .Low {
    color: #ff9400;
}

.signInWrapper .investPopUp .investDetails .High {
    color: #374979;
}

.signInWrapper .investPopUp .investDetails .marketPrice {
    color: #ff9400;
}

.signInWrapper .investPopUp .investDetails .marketPrice.upcolor {
    color: #374979;
}

.signInWrapper .investPopUp .investDetails .marketPrice:before {
    margin-right: 5px;
}

.signInWrapper .investPopUp .invset {
    width: 80px;
    height: 80px;
    color: white;
    border-radius: 50%;
    box-shadow: inset 0px 0px 10px -2px #000000;
    border: 2px solid #ffffff;
    margin: -42px auto 10px;
    position: relative;
    font-size: 50px;
    line-height: 1.5;
    text-align: center;
}

.signInWrapper .investPopUp .invset.success {
    background: #5FD25F;
}

.signInWrapper .investPopUp .invset.fail {
    background: #ff0000;
}

.signInWrapper .investPopUp .invset.sFails {
    background: #ff9400;
}

.signInWrapper .investPopUp .actions {
    position: absolute;
    width: 99%;
    height: 62px;
    background-color: #f4f3f3;
    border-top: 1px solid #c6c6c6;
    border-radius: 0 0 5px 5px;
    text-align: center;
    bottom: 0;
}

.signInWrapper .investPopUp .actions .confirmOperation {
    width: 100px;
    height: 30px;
    position: absolute;
    border-radius: 4px;
    border: 1px solid #003333;
    background-color: #003333;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    line-height: 28px;
    cursor: pointer;
    text-align: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.signInWrapper .investPopUp .actions .confirmOperation:hover {
    background: #007272;
}

.signInWrapper .investPopUp .actions .buttonWrapper {
    position: relative;
    height: 60px;
    width: 100%;
    text-align: center;
}

.signInWrapper .investPopUp .actions .buttonWrapper .confirmOperation {
    position: relative;
    display: inline-block;
    margin: 0;
    left: auto;
    transform: translate(0, -50%);
}

.signInWrapper hr {
    opacity: 0.4;
}

.signInWrapper .formWrapper {
    height: 100%;
    width: 100%;
    background: #ffffff;
    box-shadow: 0 0 15px 0 #000000;
    padding: 3px;
    position: relative;
}

.signInWrapper .form {
    width: 100%;
    overflow: inherit;
    background: #ffffff;
}

.signInWrapper .formWrapper .formTitle {
    text-align: left;
    font-weight: bold;
    padding: 10px;
    width: 100%;
    color: #ffffff;
    background: #012F61;
    font-size: 13px;
}

.signInWrapper .formWrapper .inputDec .formText {
    font-size: 14px;
    width: 90%;
    padding: 10px;
    margin: 0 auto;
    color: #012F61;
}

.signInWrapper .formWrapper .inputDec a {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    display: inline-block;
    padding: 10px;
    background: #F9A531;
    border-radius: 5px;
    font-size: 13px;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}

.signInWrapper .formWrapper .inputDec a:hover {
    background: #F38B00;
}

.signInWrapper .confirmOperation {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    width: 100px;
    height: 30px;
    position: absolute;
    bottom: 10px;
    border-radius: 4px;
    left: 50%;
    margin-left: -50px;
    border: 1px solid #a9a9a9;
    line-height: 30px;
    cursor: pointer;
    text-align: center;
}

.signInWrapper .confirmOperation:hover {
    background: #d3d3d3;
}

.investPopUpWrapper {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    background-size: 30px;
    z-index: 2;
    padding: 20px;
    overflow: hidden;
    opacity: 0;
}

.investPopUpWrapper.active {
    opacity: 1;
}

.investPopUpWrapper .investPopUp {
    height: 80%;
    -webkit-box-shadow: 0 0 20px 0 #000000;
    -moz-box-shadow: 0 0 20px 2px #000000;
    box-shadow: 0 0 20px 0 #000000;
    background: #ffffff;
    padding: 2px;
    position: relative;
    top: -100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 5px;
}

.investPopUpWrapper .investPopUp.active {
    -webkit-animation-name: investPopUpAnimation;
    -moz-animation-name: investPopUpAnimation;
    -o-animation-name: investPopUpAnimation;
    animation-name: investPopUpAnimation;
    -webkit-animation-duration: 5s;
    -moz-animation-duration: 5s;
    -o-animation-duration: 5s;
    animation-duration: 5s;
}

@keyframes investPopUpAnimation {
    10% {
        top: 15%;
    }
    90% {
        top: 15%;
    }
    100% {
        top: 150%;
    }
}

.investPopUpWrapper .investPopUp.active.middleStop {
    -webkit-animation-name: investPopUpAnimationMiddleStop;
    -moz-animation-name: investPopUpAnimationMiddleStop;
    -o-animation-name: investPopUpAnimationMiddleStop;
    animation-name: investPopUpAnimationMiddleStop;
    -webkit-animation-duration: 5s;
    -moz-animation-duration: 5s;
    -o-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@keyframes investPopUpAnimationMiddleStop {
    10% {
        top: 15%;
    }
    100% {
        top: 15%;
    }
}

.investPopUpWrapper .investPopUp .upperTitle {
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
    color: #444444;
    background: transparent;
}

.investPopUpWrapper .investPopUp .upperTitle.success {
    color: #5FD25F;
}

.investPopUpWrapper .investPopUp .upperTitle.fail {
    color: #ff0000;
}

.investPopUpWrapper .investPopUp .investDetails {
    text-align: center;
    padding: 0 10px;
    font-size: 16px;
    line-height: normal;
    color: #777777;
}

.investPopUpWrapper .investPopUp .investDetails.failed {
    line-height: 20px;
}

.investPopUpWrapper .investPopUp .investDetails.success {
    line-height: 25px;
    background: transparent;
}

.investPopUpWrapper .investPopUp .investDetails .Low,
.investPopUpWrapper .investPopUp .investDetails .low,
.investPopUpWrapper .investPopUp .investDetails .touchDown {
    color: #ff9400;
}

.investPopUpWrapper .investPopUp .investDetails .High,
.investPopUpWrapper .investPopUp .investDetails .high,
.investPopUpWrapper .investPopUp .investDetails .touchUp {
    color: #374979;
}

.investPopUpWrapper .investPopUp .investDetails .marketPrice {
    color: #ff9400;
}

.investPopUpWrapper .investPopUp .investDetails .marketPrice.upcolor {
    color: #374979;
}

.investPopUpWrapper .investPopUp .investDetails .marketPrice:before {
    margin-right: 5px;
}

.investPopUpWrapper .investPopUp .invset {
    width: 80px;
    height: 80px;
    color: white;
    border-radius: 50%;
    box-shadow: inset 0px 0px 10px -2px #000000;
    border: 2px solid #ffffff;
    margin: -42px auto 10px;
    position: relative;
    font-size: 50px;
    line-height: 1.5;
    text-align: center;
}

.investPopUpWrapper .investPopUp .invset.success {
    background: #5FD25F;
}

.investPopUpWrapper .investPopUp .invset.fail {
    background: #ff0000;
}

.investPopUpWrapper .investPopUp .invset.sFails {
    background: #ff9400;
}

.investPopUpWrapper .investPopUp .actions {
    position: absolute;
    width: 99%;
    height: 62px;
    background-color: #f4f3f3;
    border-top: 1px solid #c6c6c6;
    border-radius: 0 0 5px 5px;
    text-align: center;
    bottom: 0;
}

.investPopUpWrapper .investPopUp .actions .confirmOperation {
    width: 100px;
    height: 30px;
    position: absolute;
    border-radius: 4px;
    border: 1px solid #003333;
    background-color: #003333;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    line-height: 28px;
    cursor: pointer;
    text-align: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.investPopUpWrapper .investPopUp .actions .confirmOperation:hover {
    background: #007272;
}

.investPopUpWrapper .investPopUp .actions .buttonWrapper {
    position: relative;
    height: 60px;
    width: 100%;
    text-align: center;
}

.investPopUpWrapper .investPopUp .actions .buttonWrapper .confirmOperation {
    position: relative;
    display: inline-block;
    margin: 0;
    left: auto;
    transform: translate(0, -50%);
}

body {
    margin: 0;
    padding: 0;
}

#bnmain {
    margin: 0;
    padding: 0;
    position: relative;
    line-height: normal;
    min-width: 656px;
    width: 100%;
    min-height: 400px;
    font-family: 'Open Sans', "Arial", "sans-serif" !important;
}

#bnmain * {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#bnmain ul {
    line-height: normal;
}
#bnmain .tp-left {
    float: left;
    display: inline-block;
}

#bnmain .tp-right {
    float: right;
    display: inline-block;
}

#bnmain .tp-both {
    clear: both !important;
    display: block !important;
    width: 100% !important;
}

#bnmain .tp-textBold {
    font-weight: bold;
}

#bnmain .tp-upperCase {
    text-transform: uppercase !important;
}

#bnmain ul, #bnmain ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#bnmain .assetsList {
    position: relative;
    display: block;
    width: 100%;
}

#bnmain .assetsList .gameTypeTabs {
    position: relative;
    display: table;
    width: 100%;
}

#bnmain .assetsList .gameTypeTabs .tab {
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    background-color: #f3f3f3;
    border-top: 1px solid #c6c6c6;
    border-bottom: 1px solid #c6c6c6;
    border-right: 1px solid #c6c6c6;
    border-left: none;
    color: #555555;
    cursor: pointer;
    float: left;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    height: 45px;
    line-height: 43px;
    margin: 14px 0 0 0;
    text-align: center;
    width: 25%;
}

#bnmain .assetsList .gameTypeTabs .tab:first-child {
    border-left: 1px solid #c6c6c6;
}

#bnmain .assetsList .gameTypeTabs .tab:last-child {
    border-right: 1px solid #c6c6c6;
}

#bnmain .assetsList .gameTypeTabs .tab.active {
    margin-top: 0;
    height: 59px;
    line-height: 59px;
    color: #555555;
    background-color: #ffffff;
    border-top: 3px solid #374979;
    border-right: 1px solid #c6c6c6;
    border-left: 1px solid #c6c6c6;
    border-bottom: none;
}

#bnmain .assetsList .gameTypeTabs .tab:hover {
    background-color: #ffffff;
    color: #555555;
}

#bnmain .assetsList .typeFilterHolder {
    position: relative;
    display: block;
    width: 100%;
    height: 55px;
}

#bnmain .assetsList .typeFilterHolder .typesFilter {
    position: relative;
    display: inline-block;
    clear: both;
    width: 100%;
    list-style: none;
    padding: 0;
    background-color: #ffffff;
    border: 1px solid #c6c6c6;
    border-top: none;
}

#bnmain .assetsList .typeFilterHolder .typesFilter li {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    position: relative;
    float: left;
    height: 55px;
    line-height: 55px;
    font-size: 12px;
    width: 16.66666667%;
    text-align: center;
    font-weight: 700;
    color: #999999;
    cursor: pointer;
    text-transform: uppercase;
    list-style: none;
}

#bnmain .assetsList .typeFilterHolder .typesFilter li:last-child {
    border: none;
}

#bnmain .assetsList .typeFilterHolder .typesFilter li.active span {
    padding: 4px 18px;
    color: #ffffff;
    background-color: #374979;
    border-radius: 3px;
    white-space: nowrap;
}

#bnmain .assetsList .typeFilterHolder .typesFilter li:hover {
    font-weight: bold;
    color: #374979;
}

#bnmain .assetsList .typeFilterHolder .typesFilter.hyper li {
    width: 20%;
}

#bnmain .assetsList .optionsList {
    position: relative;
    display: block;
    width: 100%;
    clear: both;
}

#bnmain .assetsList .optionsList .optionsTitle {
    display: block;
    height: 40px;
    background-color: #f1f1f1;
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
    background: -webkit-gradient(linear, top, bottom, color-stop(0%, #ffffff), color-stop(100%, #f1f1f1));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@fromColor', endColorstr='@toColor', GradientType=0);
    border: 1px solid #c6c6c6;
    font-size: 13px;
    font-weight: bold;
}

#bnmain .assetsList .optionsList .optionsTitle ul {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
}

#bnmain .assetsList .optionsList .optionsTitle ul li {
    list-style: none;
    display: table-cell;
    color: #555555;
    text-align: center;
    line-height: 38px;
    border-left: #c6c6c6 1px solid;
    white-space: nowrap;
    font-size: 13px;
}

#bnmain .assetsList .optionsList .optionsTitle ul li:first-child {
    border-left: none;
}

#bnmain .assetsList .optionsList .assets {
    position: relative;
    width: 100%;
    display: block;
}

#bnmain .assetsList .optionsList .assets .assetsNoOptions {
    position: relative;
    background: #ffffff;
    width: 100%;
    height: 200px;
    text-align: center;
    color: #e4e4e4;
    border: #404040 1px solid;
    border-top: none;
}

#bnmain .assetsList .optionsList .assets .assetsNoOptions .content {
    font-size: 14px;
    font-weight: bold;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#bnmain .assetsList .optionsList .assets .assets-container {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-bottom: 65px;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box {
    display: inline-block;
    width: 100%;
    height: 41px;
    float: left;
    background-color: #ffffff;
    border: #bababa 1px solid;
    border-top: none;
    padding: 0;
    clear: both;
    overflow: hidden;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box:hover {
    border-left: 4px solid #374979;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box.opened {
    height: 410px;
    background-color: #f5f9fb;
    border-left: 4px solid #374979;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box.opened .box_header {
    border-bottom: #bababa 1px solid;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header {
    width: 100%;
    padding: 0;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: block;
    cursor: pointer;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header:hover {
    background-color: #f6f6f6;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header li {
    list-style: none;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 14px;
    color: #5C5C5C;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header li.marketPrice {
    color: #111111;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header li.marketPrice.up {
    -webkit-animation: colorUp 0.3s linear;
    -moz-animation: colorUp 0.3s linear;
    -ms-animation: colorUp 0.3s linear;
    -o-animation: colorUp 0.3s linear;
    animation: colorUp 0.3s linear;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header li.marketPrice.up1 {
    -webkit-animation: colorUp1 0.3s linear;
    -moz-animation: colorUp1 0.3s linear;
    -ms-animation: colorUp1 0.3s linear;
    -o-animation: colorUp1 0.3s linear;
    animation: colorUp1 0.3s linear;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header li.marketPrice.down {
    -webkit-animation: colorDown 0.3s linear;
    -moz-animation: colorDown 0.3s linear;
    -ms-animation: colorDown 0.3s linear;
    -o-animation: colorDown 0.3s linear;
    animation: colorDown 0.3s linear;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header li.marketPrice.down1 {
    -webkit-animation: colorDown1 0.3s linear;
    -moz-animation: colorDown1 0.3s linear;
    -ms-animation: colorDown1 0.3s linear;
    -o-animation: colorDown1 0.3s linear;
    animation: colorDown1 0.3s linear;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header li:last-child {
    border: none;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header li.gameTypeName,
#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header li.expires {
    padding-top: 8px;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header li.assetName {
    position: relative;
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header li.assetName .symbolName {
    padding-top: 1px;
    display: inline-block;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header li .smAssetBtn {
    position: relative;
    display: inline-block;
    width: 33px;
    height: 24px;
    border: #cbcbcb 1px solid;
    border-radius: 3px;
    font-size: 13px;
    box-shadow: 0 3px 3px -4px #666;
    background: -moz-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, top, bottom, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5));
    background: -webkit-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
    background: -o-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
    background: -ms-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
    background: linear-gradient(to bottom, #fefefe 0%, #f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@fromColor', endColorstr='@toColor', GradientType=0);
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header li .smAssetBtn:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header li .smAssetBtn:first-child {
    margin-right: 3px;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header li .smAssetBtn.high {
    color: #374979;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header li .smAssetBtn.high.cmicon-type_1:before,
#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header li .smAssetBtn.high.cmicon-type_6:before,
#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header li .smAssetBtn.high.cmicon-type_7:before,
#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header li .smAssetBtn.high.cmicon-type_8:before,
#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header li .smAssetBtn.high.cmicon-type_9:before,
#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header li .smAssetBtn.high.cmicon-type_10:before,
#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header li .smAssetBtn.high.cmicon-type_11:before {
    content: "\e90e";
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header li .smAssetBtn.high.cmicon-type_2:before {
    font-size: 15px;
    content: "\e90b";
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header li .smAssetBtn.high:hover {
    border-color: #374979;
    box-shadow: none;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header li .smAssetBtn.low {
    color: #ff9400;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header li .smAssetBtn.low.cmicon-type_1:before,
#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header li .smAssetBtn.low.cmicon-type_6:before,
#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header li .smAssetBtn.low.cmicon-type_7:before,
#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header li .smAssetBtn.low.cmicon-type_8:before,
#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header li .smAssetBtn.low.cmicon-type_9:before,
#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header li .smAssetBtn.low.cmicon-type_10:before,
#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header li .smAssetBtn.low.cmicon-type_11:before {
    content: "\e90d";
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header li .smAssetBtn.low.cmicon-type_2:before {
    font-size: 15px;
    content: "\e90c";
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header li .smAssetBtn.low:hover {
    border-color: #ff9400;
    box-shadow: none;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header li.expires .expiry-selection {
    position: relative;
    width: 92%;
    line-height: normal;
    cursor: pointer;
    overflow: hidden;
    margin: 0 auto;
    height: 24px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background: #f4f4f4;
    background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
    background: -webkit-gradient(linear, top, bottom, color-stop(0%, #ffffff), color-stop(100%, #f4f4f4));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@fromColor', endColorstr='@toColor', GradientType=0);
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header li.expires .expiry-selection .cmicon-arrow-down {
    position: absolute;
    font-size: 11px;
    right: 6px;
    top: 5px;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header li.expires .expiry-selection select.asset_selector,
#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header li.expires select.asset_selector:focus {
    cursor: pointer;
    width: 115%;
    max-width: 115% !important;
    min-height: 24px;
    padding: 0 0 0 5px;
    border: none;
    background: none !important;
    line-height: 24px;
    color: #696c6f;
    font-family: 'Open Sans', "Arial", "sans-serif" !important;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header li.expires select.asset_selector option,
#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header li.expires select.asset_selector:focus option{
    background: #f4f4f4;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .box_header li.remainingTime .expire {
    color: #ff0000;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container {
    background-color: #fbfbfb;
    border-radius: 4px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-flow: row;
    width: 100%;
    height: 370px;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .actionsWrapper {
    display: flex;
    height: inherit;
    position: relative;
    width: 295px;
    padding-top: 42px;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column {
    position: relative;
    vertical-align: top;
    height: 100%;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.chartWrapper {
    padding: 0 0 0 20px;
    display: inline-block;
    flex-grow: 1;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.chartWrapper .optionTitle {
    color: #111111;
    font-size: 15px;
    text-align: left;
    margin: 10px 0;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.chartWrapper .optionTitle .subtitle-blue {
    color: #374979;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.chartWrapper .optionTitle .subtitle-red {
    color: #ff9400;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.chartWrapper .chart {
    width: 100%;
    height: 255px;
    box-sizing: border-box;
    background: #000000 url("images/chart-bg.html") repeat scroll 0 0;
    overflow: hidden;
    border: #636363 1px solid;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.chartWrapper .chart.changeHeight {
    height: 304px;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.chartWrapper .bottomTimer {
    font-size: 12px;
    display: flex;
    width: 100%;
    margin-top: 35px;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.chartWrapper .bottomTimer span {
    text-align: center;
    display: inline-block;
    line-height: 15px;
    padding: 0 10px;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.chartWrapper .bottomTimer span.expire {
    color: #ff0000;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.chartWrapper .bottomTimer span.clockWrapper {
    flex-grow: 1;
    position: relative;
    display: inline-block;
    border: 1px solid #374979;
    border-radius: 5px;
    height: 12px;
    top: 1px;
    padding: 0;
    overflow: hidden;
    z-index: 1;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.chartWrapper .bottomTimer span.clockWrapper .clockProgress {
    display: block;
    width: 100%;
    height: 100%;
    background: #374979;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions {
    text-align: center;
    flex-grow: 1;
    height: 255px;
    margin: 0;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions.blur {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -ms-filter: blur(2px);
    -o-filter: blur(2px);
    filter: blur(2px);
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions:before {
    content: '';
    position: absolute;
    height: 80%;
    top: 10%;
    right: 0;
    border: 1px solid transparent;
    -moz-border-image: -moz-linear-gradient(top, #fbfbfb 0%, #c3c7c8 50%, #fbfbfb 100%);
    -webkit-border-image: -webkit-linear-gradient(top, #fbfbfb 0%, #c3c7c8 50%, #fbfbfb 100%);
    border-image: linear-gradient(to bottom, #fbfbfb 0%, #c3c7c8 50%, #fbfbfb 100%);
    border-image-slice: 1;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .typeIcon {
    position: absolute;
    right: 7px;
    top: 13px;
    font-size: 16px;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .loopAnimation {
    -webkit-animation: arrowLoopAnimation 7s infinite ease-in-out;
    animation: arrowLoopAnimation 7s infinite ease-in-out;
}

@-webkit-keyframes arrowLoopAnimation {
    0% {
        transform: scale(1);
    }
    5% {
        transform: scale(1.1);
    }
    10% {
        transform: scale(1);
    }
    15% {
        transform: scale(1.1);
    }
    20% {
        transform: scale(1);
    }
    100% {
        transform: scale(1);
    }
}

@-moz-keyframes arrowLoopAnimation {
    0% {
        transform: scale(1);
    }
    5% {
        transform: scale(1.1);
    }
    10% {
        transform: scale(1);
    }
    15% {
        transform: scale(1.1);
    }
    20% {
        transform: scale(1);
    }
    100% {
        transform: scale(1);
    }
}

@-o-keyframes arrowLoopAnimation {
    0% {
        transform: scale(1);
    }
    5% {
        transform: scale(1.1);
    }
    10% {
        transform: scale(1);
    }
    15% {
        transform: scale(1.1);
    }
    20% {
        transform: scale(1);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes arrowLoopAnimation {
    0% {
        transform: scale(1);
    }
    5% {
        transform: scale(1.1);
    }
    10% {
        transform: scale(1);
    }
    15% {
        transform: scale(1.1);
    }
    20% {
        transform: scale(1);
    }
    100% {
        transform: scale(1);
    }
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .actionContUp {
    position: absolute;
    width: 100%;
    top: 0;
    padding-top: 20px;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .actionContUp .target {
    position: absolute;
    line-height: 20px;
    font-size: 11px;
    top: 0;
    width: 100%;
    text-align: center;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .actionContUp .target .targetTitle {
    text-transform: uppercase;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .actionContUp .target .targetVal {
    color: #374979;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .actionContUp .upAction {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    position: relative;
    display: inline-block;
    width: 86px;
    height: 45px;
    border: #cbcbcb 1px solid;
    border-radius: 3px;
    background-color: #fdfdfd;
    font-size: 11px;
    line-height: 13px;
    box-sizing: border-box;
    cursor: pointer;
    box-shadow: 0 7px 10px -7px #000000, 0px -2px 3px -3px #666 inset;
    margin-top: 8px;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .actionContUp .upAction .typeTitle {
    color: #555555;
    font-weight: bold;
    left: -14%;
    position: absolute;
    text-transform: uppercase;
    top: 19%;
    width: 100%;
    word-spacing: 1000px;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .actionContUp .upAction .typeIcon {
    font-size: 16px;
    color: #374979;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .actionContUp .upAction:hover {
    border-color: #374979;
    box-shadow: 0px -2px 3px -3px #666 inset;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .actionContUp .upAction.active {
    background-color: #374979;
    border-color: #374979;
    box-shadow: 0 7px 10px -7px #000000 inset, 0 2px 0 1px #ffffff;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .actionContUp .upAction.active .typeTitle,
#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .actionContUp .upAction.active .typeIcon {
    color: #ffffff;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .actionContUp .arrowUp {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #c6c6c6;
    background-color: #fdfdfd;
    position: relative;
    z-index: 1;
    display: inline-block;
    cursor: pointer;
    box-shadow: 0 7px 10px -7px #000000, 0 -2px 3px -3px #666 inset;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .actionContUp .arrowUp .innerArrow {
    z-index: 2;
    position: absolute;
    top: 12px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 13px 14px;
    border-color: transparent transparent #374979;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .actionContUp .arrowUp .typeName span {
    position: absolute;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    color: #555555;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 0);
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .actionContUp .arrowUp:hover {
    border: 1px solid #374979;
    box-shadow: 0px -2px 3px -3px #666 inset;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .actionContUp .arrowUp.active {
    border: 1px solid #374979;
    background-color: #374979;
    box-shadow: 0 7px 10px -7px #000000 inset, 0 2px 0 1px #ffffff;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .actionContUp .arrowUp.active .innerArrow {
    border-color: transparent transparent #ffffff;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .actionContUp .arrowUp.active .typeName span {
    color: #ffffff;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .rate {
    position: absolute;
    left: -8px;
    top: 50%;
    transform: translate(0, -50%);
    display: block;
    width: 125px;
    height: 53px;
    line-height: 16px;
    background-color: #fefefe;
    background: -moz-linear-gradient(top, #fefefe 0%, #f4f4f4 100%);
    background: -webkit-gradient(linear, top, bottom, color-stop(0%, #fefefe), color-stop(100%, #f4f4f4));
    background: -webkit-linear-gradient(top, #fefefe 0%, #f4f4f4 100%);
    background: -o-linear-gradient(top, #fefefe 0%, #f4f4f4 100%);
    background: -ms-linear-gradient(top, #fefefe 0%, #f4f4f4 100%);
    background: linear-gradient(to bottom, #fefefe 0%, #f4f4f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@fromColor', endColorstr='@toColor', GradientType=0);
    box-shadow: 0 6px 5px -6px #000000;
    border-bottom: 1px solid #c9c9c9;
    border-top: 1px solid #c9c9c9;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .rate:after {
    position: absolute;
    top: 9px;
    left: -16px;
    width: 31px;
    height: 31px;
    border-right: solid 1px #c9c9c9;
    border-bottom: solid 1px #c9c9c9;
    transform: rotate(134deg) skewX(-9deg) skewY(-10deg);
    background: #fefefe linear-gradient(45deg, #fefefe 0%, #f4f4f4 100%);
    content: '';
    box-shadow: 4px 0 5px -5px #000000;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .rate .titleRate {
    width: 100%;
    display: inline-block;
    text-transform: uppercase;
    color: #5c5c5c;
    font-size: 12px;
    font-weight: bold;
    margin-top: 8px;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .rate .currentRate {
    width: 100%;
    display: inline-block;
    color: #777777;
    font-size: 16px;
    font-weight: bold;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .rate .currentRate.up {
    -webkit-animation: colorUp 0.3s linear;
    -moz-animation: colorUp 0.3s linear;
    -ms-animation: colorUp 0.3s linear;
    -o-animation: colorUp 0.3s linear;
    animation: colorUp 0.3s linear;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .rate .currentRate.up1 {
    -webkit-animation: colorUp1 0.3s linear;
    -moz-animation: colorUp1 0.3s linear;
    -ms-animation: colorUp1 0.3s linear;
    -o-animation: colorUp1 0.3s linear;
    animation: colorUp1 0.3s linear;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .rate .currentRate.down {
    -webkit-animation: colorDown 0.3s linear;
    -moz-animation: colorDown 0.3s linear;
    -ms-animation: colorDown 0.3s linear;
    -o-animation: colorDown 0.3s linear;
    animation: colorDown 0.3s linear;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .rate .currentRate.down1 {
    -webkit-animation: colorDown1 0.3s linear;
    -moz-animation: colorDown1 0.3s linear;
    -ms-animation: colorDown1 0.3s linear;
    -o-animation: colorDown1 0.3s linear;
    animation: colorDown1 0.3s linear;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .actionContDown {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding-bottom: 20px;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .actionContDown .target {
    line-height: 20px;
    font-size: 11px;
    bottom: 0;
    width: 100%;
    text-align: center;
    position: absolute;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .actionContDown .target .targetTitle {
    text-transform: uppercase;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .actionContDown .target .targetVal {
    color: #ff9400;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .actionContDown .downAction {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    position: relative;
    display: inline-block;
    width: 86px;
    height: 45px;
    border: #cbcbcb 1px solid;
    border-radius: 3px;
    font-size: 11px;
    line-height: 13px;
    box-sizing: border-box;
    cursor: pointer;
    box-shadow: 0 7px 10px -7px #000000, 0 -2px 3px -3px #666 inset;
    background: -moz-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, top, bottom, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5));
    background: -webkit-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
    background: -o-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
    background: -ms-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
    background: linear-gradient(to bottom, #fefefe 0%, #f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@fromColor', endColorstr='@toColor', GradientType=0);
    margin-bottom: 8px;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .actionContDown .downAction .typeTitle {
    color: #555555;
    font-weight: bold;
    left: -14%;
    position: absolute;
    text-transform: uppercase;
    top: 19%;
    width: 100%;
    word-spacing: 1000px;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .actionContDown .downAction .typeIcon {
    color: #ff9400;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .actionContDown .downAction:hover {
    border: #ff9400 1px solid;
    box-shadow: 0px -2px 3px -3px #666 inset;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .actionContDown .downAction.active {
    border-color: #ff9400;
    background-color: #ff9400;
    background: -moz-linear-gradient(top, #ff9400 0%, #ff9400 100%);
    background: -webkit-gradient(linear, top, bottom, color-stop(0%, #ff9400), color-stop(100%, #ff9400));
    background: -webkit-linear-gradient(top, #ff9400 0%, #ff9400 100%);
    background: -o-linear-gradient(top, #ff9400 0%, #ff9400 100%);
    background: -ms-linear-gradient(top, #ff9400 0%, #ff9400 100%);
    background: linear-gradient(to bottom, #ff9400 0%, #ff9400 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@fromColor', endColorstr='@toColor', GradientType=0);
    box-shadow: 0 7px 10px -7px #000000 inset, 0 2px 0 1px #ffffff;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .actionContDown .downAction.active .typeTitle,
#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .actionContDown .downAction.active .typeIcon {
    color: #ffffff;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .actionContDown .arrowDown {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #c6c6c6;
    background-color: #fdfdfd;
    position: relative;
    z-index: 1;
    cursor: pointer;
    display: inline-block;
    box-shadow: 0 7px 10px -7px #000000, 0px -2px 3px -3px #666 inset;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .actionContDown .arrowDown .innerArrow {
    z-index: 2;
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 14px 0;
    border-color: #ff9400 transparent transparent;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .actionContDown .arrowDown .typeName span {
    position: absolute;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    color: #555555;
    left: 50%;
    bottom: 50%;
    transform: translate(-50%, 0);
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .actionContDown .arrowDown:hover {
    border: 1px solid #ff9400;
    box-shadow: 0px -2px 3px -3px #666 inset;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .actionContDown .arrowDown.active {
    border: 1px solid #ff9400;
    background-color: #ff9400;
    box-shadow: 0 7px 10px -7px #000000 inset, 0 2px 0 1px #ffffff;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .actionContDown .arrowDown.active .innerArrow {
    border-color: #ffffff transparent transparent;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.actions .actionContDown .arrowDown.active .typeName span {
    color: #ffffff;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details {
    width: 190px;
    height: 255px;
    padding-left: 8px;
    margin: 0;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details.blur {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -ms-filter: blur(2px);
    -o-filter: blur(2px);
    filter: blur(2px);
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details .activeAssetdetails {
    width: 100%;
    height: 100%;
    text-align: center;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details .activeAssetdetails .payout {
    width: 100%;
    height: 185px;
    text-align: center;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details .activeAssetdetails .payout .payoutpercentageVal {
    font-size: 60px;
    font-weight: bold;
    color: #374979;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details .activeAssetdetails .payout .payoutpercentageTitle {
    color: #555555;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
    width: 194px;
    height: 53px;
    line-height: 53px;
    background-color: #fefefe;
    background: -moz-linear-gradient(top, #fefefe 0%, #f4f4f4 100%);
    background: -webkit-gradient(linear, top, bottom, color-stop(0%, #fefefe), color-stop(100%, #f4f4f4));
    background: -webkit-linear-gradient(top, #fefefe 0%, #f4f4f4 100%);
    background: -o-linear-gradient(top, #fefefe 0%, #f4f4f4 100%);
    background: -ms-linear-gradient(top, #fefefe 0%, #f4f4f4 100%);
    background: linear-gradient(to bottom, #fefefe 0%, #f4f4f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@fromColor', endColorstr='@toColor', GradientType=0);
    box-shadow: 0 6px 5px -6px #000000;
    border-bottom: 1px solid #c9c9c9;
    border-top: 1px solid #c9c9c9;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details .activeAssetdetails .return {
    padding: 5px 10px 0;
    font-weight: bold;
    font-size: 16px;
    color: #555555;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details .activeAssetdetails .return .returnVal {
    margin-right: 10px;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details .activeAssetdetails .return .returnTitle {
    text-transform: uppercase;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details .activeAssetdetailsInvest {
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 0 8px 0 0;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details .activeAssetdetailsInvest .payout {
    width: 100%;
    height: 185px;
    text-align: center;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details .activeAssetdetailsInvest .payout .payoutpercentageVal {
    font-size: 60px;
    font-weight: bold;
    color: #374979;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details .activeAssetdetailsInvest .payout .payoutpercentageTitle {
    color: #555555;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
    width: 194px;
    height: 53px;
    line-height: 53px;
    background-color: #fefefe;
    background: -moz-linear-gradient(top, #fefefe 0%, #f4f4f4 100%);
    background: -webkit-gradient(linear, top, bottom, color-stop(0%, #fefefe), color-stop(100%, #f4f4f4));
    background: -webkit-linear-gradient(top, #fefefe 0%, #f4f4f4 100%);
    background: -o-linear-gradient(top, #fefefe 0%, #f4f4f4 100%);
    background: -ms-linear-gradient(top, #fefefe 0%, #f4f4f4 100%);
    background: linear-gradient(to bottom, #fefefe 0%, #f4f4f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@fromColor', endColorstr='@toColor', GradientType=0);
    box-shadow: 0 6px 5px -6px #000000;
    border-bottom: 1px solid #c9c9c9;
    border-top: 1px solid #c9c9c9;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details .activeAssetdetailsInvest .return {
    padding: 12px 10px 0;
    font-weight: bold;
    font-size: 16px;
    color: #555555;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details .activeAssetdetailsInvest .return .returnVal {
    margin-right: 10px;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details .activeAssetdetailsInvest .return .returnTitle {
    text-transform: uppercase;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details .activeAssetdetailsInvest .investButton {
    width: 160px;
    height: 43px;
    text-transform: uppercase;
    font-weight: bold;
    color: #FFF;
    font-size: 16px;
    text-align: center;
    line-height: 43px;
    cursor: pointer;
    margin: 10px auto 0 auto;
    border: 1px solid #399838;
    border-radius: 4px;
    background: #399838;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details .activeAssetdetailsInvest .investButton:hover {
    border-radius: 4px;
    background: #2e702d;
    box-shadow: #FFF 0 0 4px;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details .activeAssetdetailsInvest .close {
    padding: 0;
    height: 20px;
    width: 20px;
    line-height: 20px;
    color: #000000;
    font-size: 13px;
    position: absolute;
    cursor: pointer;
    top: -30px;
    right: 5px;
    text-align: center;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details .activeAssetdetailsInvest .close:hover,
#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details .activeAssetdetailsInvest .close .active {
    color: #ff0000;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details .activeAssetdetailsInvest .payout {
    position: absolute;
    right: 0;
    height: 53px;
    top: 50%;
    transform: translate(0, -50%);
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details .activeAssetdetailsInvest .payout .payoutpercentageTitle {
    line-height: 48px;
    position: relative;
    top: 0;
    transform: translate(0, 0);
    display: block;
    text-align: left;
    padding-left: 8px;
    font-style: normal;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details .activeAssetdetailsInvest .payout .payoutpercentageTitle .payoutTitle {
    font-size: 16px;
    padding-right: 10px;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details .activeAssetdetailsInvest .payout .payoutpercentageTitle .payoutVal {
    font-size: 18px;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details .activeAssetdetailsInvest .return {
    font-size: 14px;
    line-height: 10px;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details .activeAssetdetailsInvest .amount {
    margin-bottom: 60px;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details .activeAssetdetailsInvest .amount .selection {
    margin: 3px 0 10px;
    text-align: left;
    font-size: 11px;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details .activeAssetdetailsInvest .amount .selection .tp-left {
    line-height: 18px;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details .activeAssetdetailsInvest .amount .selection .tp-right {
    color: #ffffff;
    padding: 2px 5px;
    border-radius: 3px;
    text-transform: uppercase;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details .activeAssetdetailsInvest .amount .selection .tp-right.High {
    background-color: #374979;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details .activeAssetdetailsInvest .amount .selection .tp-right.Low {
    background-color: #ff9400;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details .activeAssetdetailsInvest .amount .amountInvest {
    margin-bottom: 12px;
    line-height: 24px;
    font-size: 12px;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details .activeAssetdetailsInvest .amount .amountInvest .investInputWrapper {
    height: 24px;
    margin-left: 2%;
    display: inline-block;
    background-color: #000;
    border-radius: 3px;
    text-align: right;
    width: 75px;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details .activeAssetdetailsInvest .amount .amountInvest .investInputWrapper .investSymbol {
    font-size: 15px;
    color: #ffffff;
    float: left;
    height: 24px;
    text-align: center;
    width: 21px;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details .activeAssetdetailsInvest .amount .amountInvest .investInputWrapper input {
    background: #ffffff none repeat scroll 0 0;
    border: none;
    box-shadow: none;
    color: #111111;
    float: right;
    font-size: 15px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    margin: 2px 2px 0 0;
    padding: 0 0 0 5px;
    width: 52px;
    -webkit-touch-callout: default;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details .activeAssetdetailsInvest .amount .investOptions {
    display: inline-block;
    width: 100%;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details .activeAssetdetailsInvest .amount .investOptions .investOptionsButton {
    border: 1px solid #a6a6a6;
    border-right: none;
    background: transparent;
    cursor: pointer;
    float: left;
    width: 20%;
    height: 22px;
    line-height: 20px;
    font-size: 13px;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details .activeAssetdetailsInvest .amount .investOptions .investOptionsButton.quad{
    width: 25%;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details .activeAssetdetailsInvest .amount .investOptions .investOptionsButton:hover,
#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details .activeAssetdetailsInvest .amount .investOptions .investOptionsButton.active {
    border-color: #374979;
    background: #374979;
    color: #ffffff;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details .activeAssetdetailsInvest .amount .investOptions .investOptionsButton:first-child {
    border-radius: 2px 0 0 2px;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .column.details .activeAssetdetailsInvest .amount .investOptions .investOptionsButton:last-child {
    border-right: 1px solid #a6a6a6;
    border-radius: 0 2px 2px 0;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .trends {
    clear: both;
    position: absolute;
    display: inline-block;
    width: 100%;
    padding: 0 15px 0 25px;
    bottom: 5px;
    left: 0;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .trends.blur {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -ms-filter: blur(2px);
    -o-filter: blur(2px);
    filter: blur(2px);
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .trends .traderTrends {
    position: relative;
    width: 100%;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .trends .traderTrends .trends-header {
    width: 100%;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .trends .traderTrends .trends-header .icon {
    font-size: 40px;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .trends .traderTrends .trends-header .icon.cmicon-bearish_icon {
    float: left;
    color: #ff9400;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .trends .traderTrends .trends-header .icon.cmicon-bullish_icon {
    float: right;
    color: #374979;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .trends .traderTrends .trends-header .trends-title {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    font-weight: normal;
    padding-top: 12px;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .trends .traderTrends .traderTrendsView {
    width: 100%;
    display: block;
    clear: both;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .trends .traderTrends .traderTrendsView .trendsView_high {
    background-color: #374979;
    border-left: 1px solid #ffffff;
    border-radius: 0 5px 5px 0;
    float: right;
    height: 12px;
    position: relative;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .trends .traderTrends .traderTrendsView .trendsView_low {
    background-color: #ff9400;
    border-right: 1px solid #ffffff;
    border-radius: 5px 0 0 5px;
    float: left;
    height: 12px;
    position: relative;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .trends .traderTrends .highPercent {
    float: right;
    color: #374979;
    font-size: 14px;
}

#bnmain .assetsList .optionsList .assets .assets-container .asset_box .option_container .trends .traderTrends .lowPercent {
    float: left;
    color: #ff9400;
    font-size: 14px;
}

#bnmain .assetsList .optionsList .assetName {
    width: 19%;
}

#bnmain .assetsList .optionsList .marketPrice {
    width: 14%;
}

#bnmain .assetsList .optionsList .marketPrice.higher {
    color: #374979;
}

#bnmain .assetsList .optionsList .marketPrice.lower {
    color: #ff9400;
}

#bnmain .assetsList .optionsList .payout {
    width: 12%;
}

#bnmain .assetsList .optionsList .gameTypeName {
    width: 18%;
}

#bnmain .assetsList .optionsList .expires {
    width: 20%;
}

#bnmain .assetsList .optionsList .remainingTime {
    width: 17%;
}

#bnmain .assetsList .optionsList .hyperRemainingTime {
    width: 37%;
}

#bnmain .cssload-container {
    width: 100%;
    height: 49px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 43%;
}

#bnmain .cssload-speeding-wheel {
    width: 49px;
    height: 49px;
    margin: 0 auto;
    border: 10px solid #ffffff;
    border-radius: 50%;
    border-left-color: transparent;
    border-right-color: transparent;
    animation: cssload-spin 575ms infinite linear;
    -o-animation: cssload-spin 575ms infinite linear;
    -ms-animation: cssload-spin 575ms infinite linear;
    -webkit-animation: cssload-spin 575ms infinite linear;
    -moz-animation: cssload-spin 575ms infinite linear;
}

#bnmain .bottomPanel {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    min-height: 10px;
    z-index: 10;
}

#bnmain .bottomPanel .noBorder {
    border: none !important;
}

#bnmain .bottomPanel .highColor {
    color: #41b05a !important;
}

#bnmain .bottomPanel .lowColor {
    color: #eb3e3e !important;
}

#bnmain .bottomPanel .cmicon-arrow-down-left:before {
    color: #eb3e3e;
    font-size: 1em;
    padding-right: 3px;
}

#bnmain .bottomPanel .cmicon-arrow-up-right:before {
    color: #41b05a;
    font-size: 1em;
    padding-right: 3px;
}

#bnmain .bottomPanel .bottomPanelWrapper {
    width: 1175px;
    margin: 0 auto;
    box-shadow: 0 0 6px -1px #000000;
    background-color: #001111;
    min-height: 50px;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel {
    position: relative;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    height: 0;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel.active {
    height: 465px;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .topPanel {
    position: relative;
    color: #ffffff;
    height: 40px;
    margin-bottom: 10px;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .topPanel .topPanelSubMenu {
    position: absolute;
    width: 100%;
    text-transform: capitalize;
    display: none;
    padding: 10px 0;
    cursor: initial;
    background-color: #212124;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .topPanel .topPanelSubMenu li {
    display: inline-block;
    text-align: center;
    color: #999999;
    font-size: 12px;
    font-weight: bold;
    width: 11.1%;
    border-right: 1px solid #999999;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .topPanel .topPanelSubMenu li:last-child {
    border: none;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .topPanel .topPanelSubMenu.history li {
    width: 10%;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .topPanel .topPanelSubMenu.active {
    display: block;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .topPanelMenu {
    position: relative;
    color: #ffffff;
    height: 70px;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .slimScrollDiv .trades-scroller .tradeItem .openTradesDetails li {
    width: 9.7%;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .slimScrollDiv .trades-scroller .tradeItem .openTradesDetails li.range span {
    float: left;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .slimScrollDiv .trades-scroller .tradeItem .openTradesDetails li.range span:last-child {
    clear: right;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades {
    width: 100%;
    padding: 0 10px;
    height: 400px;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan {
    display: block;
    width: 100%;
    height: inherit;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem {
    margin-bottom: 2px;
    height: 40px;
    overflow: hidden;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem.active,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem.active {
    height: 292px;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .openTradesDetails,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .openTradesDetails {
    color: #ffffff;
    font-size: 12px;
    position: relative;
    padding: 10px 0;
    border-bottom: 1px solid #191b1a;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 2px;
    cursor: pointer;
    line-height: normal;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .openTradesDetails .specialMessage,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .openTradesDetails .specialMessage {
    position: absolute;
    width: 42% !important;
    color: #37a5e5;
    font-weight: bold;
    z-index: 1;
    height: 37px;
    top: 0;
    line-height: 37px;
    right: 20px;
    background: #333333;
    border: none !important;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .openTradesDetails.borderDownColor,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .openTradesDetails.borderDownColor {
    border-left: 3px solid #eb3e3e;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .openTradesDetails.borderUpColor,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .openTradesDetails.borderUpColor {
    border-left: 3px solid #41b05a;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .openTradesDetails.tradeStatusDown,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .openTradesDetails.tradeStatusDown {
    background: #573434;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .openTradesDetails.tradeStatusDown .specialMessage.tradeStatusDown,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .openTradesDetails.tradeStatusDown .specialMessage.tradeStatusDown {
    background: #573434;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .openTradesDetails.tradeStatusDown:hover,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .openTradesDetails.tradeStatusDown:hover {
    background: #7C3636;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .openTradesDetails.tradeStatusDown:hover .specialMessage.tradeStatusDown,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .openTradesDetails.tradeStatusDown:hover .specialMessage.tradeStatusDown {
    background: #7C3636;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .openTradesDetails.tradeStatusUp,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .openTradesDetails.tradeStatusUp {
    background: #354B3A;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .openTradesDetails.tradeStatusUp .specialMessage.tradeStatusUp,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .openTradesDetails.tradeStatusUp .specialMessage.tradeStatusUp {
    background: #354B3A;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .openTradesDetails.tradeStatusUp:hover,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .openTradesDetails.tradeStatusUp:hover {
    background: #386442;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .openTradesDetails.tradeStatusUp:hover .specialMessage.tradeStatusUp,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .openTradesDetails.tradeStatusUp:hover .specialMessage.tradeStatusUp {
    background: #386442;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .openTradesDetails li,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .openTradesDetails li {
    display: inline-block;
    width: 10.8%;
    position: relative;
    text-align: center;
    color: #ffffff;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .openTradesDetails li.cmicon-arrow-up-right:before,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .openTradesDetails li.cmicon-arrow-up-right:before,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .openTradesDetails li.cmicon-arrow-down-left:before,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .openTradesDetails li.cmicon-arrow-down-left:before {
    position: absolute;
    left: 8px;
    line-height: 18px;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .openTradesDetails li .winStatus,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .openTradesDetails li .winStatus {
    color: #5FD25F;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .openTradesDetails li .cmicon-lock,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .openTradesDetails li .cmicon-lock {
    color: #37a5e5;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo {
    position: relative;
    height: 250px;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .details,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .details {
    width: 40%;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .details .cell,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .details .cell {
    position: relative;
    width: 50%;
    height: 84px;
    padding: 20px 10px;
    background: #222126;
    border: 1px solid #000000;
    line-height: 1.4;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .details .cell .cellTitle,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .details .cell .cellTitle {
    color: #7D7D7F;
    font-size: .75rem;
    font-weight: bold;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .details .cell .selectionSign,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .details .cell .selectionSign,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .details .cell .marketSign,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .details .cell .marketSign {
    position: absolute;
    right: 15px;
    top: 17px;
    font-size: 17px;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .details .cell .cellData,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .details .cell .cellData {
    color: #ffffff;
    font-size: 1.1rem;
    text-transform: uppercase;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .details .cell .cellData .winStatus,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .details .cell .cellData .winStatus {
    color: #5FD25F;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .details .cell:nth-child(3),
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .details .cell:nth-child(3) {
    background-color: #292a2e;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .details .cell:nth-child(4),
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .details .cell:nth-child(4) {
    background-color: #292a2e;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .chart,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .chart {
    width: 60%;
    height: 100%;
    position: relative;
    border-right: 1px solid #000000;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .chart > .chartWrapper,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .chart > .chartWrapper {
    border-top: 1px solid #000000;
    height: 87%;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .chart > .chartWrapper .loader,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .chart > .chartWrapper .loader,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .chart > .chartWrapper .loader:before,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .chart > .chartWrapper .loader:before,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .chart > .chartWrapper .loader:after,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .chart > .chartWrapper .loader:after {
    background: #aaa;
    -webkit-animation: load1 1s infinite ease-in-out;
    animation: load1 1s infinite ease-in-out;
    width: 1em;
    height: 2em;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .chart > .chartWrapper .loader:before,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .chart > .chartWrapper .loader:before,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .chart > .chartWrapper .loader:after,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .chart > .chartWrapper .loader:after {
    position: absolute;
    top: 0;
    content: '';
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .chart > .chartWrapper .loader:before,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .chart > .chartWrapper .loader:before {
    left: -1.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .chart > .chartWrapper .loader,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .chart > .chartWrapper .loader {
    text-indent: -9999em;
    margin: 15% auto;
    position: relative;
    font-size: 11px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .chart > .chartWrapper .loader:after,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .chart > .chartWrapper .loader:after {
    left: 1.5em;
}

@-webkit-keyframes load1 {
    0%,
    80%,
    100% {
        background: #666;
        box-shadow: 0 0 #666;
        height: 1em;
    }
    40% {
        background: #aaa;
        box-shadow: 0 -2em #aaa;
        height: 2em;
    }
}

@keyframes load1 {
    0%,
    80%,
    100% {
        background: #666;
        box-shadow: 0 0 #666;
        height: 1em;
    }
    40% {
        background: #aaa;
        box-shadow: 0 -2em #aaa;
        height: 2em;
    }
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .chart .chartBottomInfo,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .chart .chartBottomInfo {
    color: #ffffff;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 13%;
    padding: 9px 0 0;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .chart .chartBottomInfo .bottomTimer,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .chart .chartBottomInfo .bottomTimer {
    display: flex;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .chart .chartBottomInfo .bottomTimer span,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .chart .chartBottomInfo .bottomTimer span {
    text-align: center;
    padding: 0 10px;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .chart .chartBottomInfo .bottomTimer span.clockWrapper,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .chart .chartBottomInfo .bottomTimer span.clockWrapper {
    flex-grow: 1;
    position: relative;
    display: inline-block;
    border-radius: 5px;
    height: 11px;
    margin-top: 3px;
    overflow: hidden;
    z-index: 1;
    padding: 0;
    background-color: #334141;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .openTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .chart .chartBottomInfo .bottomTimer span.clockWrapper .clockProgress,
#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .chart .chartBottomInfo .bottomTimer span.clockWrapper .clockProgress {
    display: block;
    width: 0;
    height: 100%;
    background-color: #009ae6;
    border-radius: 3px;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}

#bnmain .bottomPanel .bottomPanelWrapper .tradesDisplayPanel .historyTrades .scroll-pan .trades-scroller .tradeItem .tradeLineInfo .chart .chartWrapper {
    height: 100%;
}

#bnmain .bottomPanel .bottomPanelWrapper .panelHeaderInfo {
    background-color: #3c3c3c;
    font-family: 'Open Sans', "Arial", "sans-serif" !important;
    position: relative;
    width: inherit;
    z-index: 1;
}

#bnmain .bottomPanel .bottomPanelWrapper .panelHeaderInfo .topPanelMenu {
    position: relative;
    color: #ffffff;
}

#bnmain .bottomPanel .bottomPanelWrapper .panelHeaderInfo .topPanelMenu .topPanelMenuTab {
    position: relative;
    display: inline-block;
    background-color: #3c3c3c;
    cursor: pointer;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    width: auto;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: #999999;
    float: left;
}

#bnmain .bottomPanel .bottomPanelWrapper .panelHeaderInfo .topPanelMenu .topPanelMenuTab.history .topPanelSubMenu li {
    width: 10%;
}

#bnmain .bottomPanel .bottomPanelWrapper .panelHeaderInfo .topPanelMenu .topPanelMenuTab:hover {
    background-color: #212124;
}

#bnmain .bottomPanel .bottomPanelWrapper .panelHeaderInfo .topPanelMenu .topPanelMenuTab.active {
    height: 67px;
    line-height: 67px;
    margin-top: -17px;
    background-color: #212124;
    border-top: 3px solid #009ae6;
    color: #ffffff;
}

#bnmain .bottomPanel .bottomPanelWrapper .panelHeaderInfo .topPanelMenu .topPanelMenuTab.active .topPanelSubMenu {
    display: block;
}

#bnmain .bottomPanel .bottomPanelWrapper .panelHeaderInfo .topPanelMenu .topPanelMenuTab .topPanelMenuTabText {
    display: inline-block;
}

#bnmain .bottomPanel .bottomPanelWrapper .panelHeaderInfo .topPanelMenu .topPanelMenuTab .box {
    display: inline-block;
    padding: 0 10px;
    line-height: normal;
    text-shadow: 0 0 2px #000;
    box-shadow: inset 1px 1px 2px -1px #000, inset -1px -1px 1px 0 wheat;
    border-radius: 3px;
    margin-left: 10px;
    color: #ffffff;
}

#bnmain .bottomPanel .bottomPanelWrapper .panelHeaderInfo .topPanelMenu .topPanelMenuTab .box.empty {
    background: #999;
}

#bnmain .bottomPanel .bottomPanelWrapper .panelHeaderInfo .topPanelMenu .topPanelMenuTab .box.exist {
    background: #009ae6;
}

#bnmain .bottomPanel .bottomPanelWrapper .panelHeaderInfo .topPanelMenu .topPanelMenuTab .box.update {
    background: #00bbc9;
}

#bnmain .bottomPanel .bottomPanelWrapper .panelHeaderInfo .asideOptions {
    display: none;
    position: relative;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    z-index: 2;
    background-color: #009ae6;
    border: 1px solid #009ae6;
    color: #ffffff;
    border-radius: 3px;
    margin: 13px 0 0 12px;
}

#bnmain .bottomPanel .bottomPanelWrapper .panelHeaderInfo .asideOptions.active {
    display: block;
}

#bnmain .bottomPanel .bottomPanelWrapper .panelHeaderInfo .asideOptions:last-child {
    cursor: pointer;
}

#bnmain .bottomPanel .bottomPanelWrapper .panelHeaderInfo .asideOptions .option {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    cursor: default;
    padding: 0 10px;
    height: 23px;
    color: #ffffff;
    float: left;
    /*&:hover {
                          color: #212124;
                      }*/
}

#bnmain .bottomPanel .bottomPanelWrapper .panelHeaderInfo .asideOptions .option.active {
    background-color: #212124;
    color: #009ae6;
}

#bnmain .bottomPanel .bottomPanelWrapper .panelHeaderInfo .asideOptions .option a {
    display: block;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    color: #ffffff;
    text-decoration: none;
}

#bnmain .bottomPanel .bottomPanelWrapper .panelHeaderInfo .asideOptions .option a:hover {
    color: #212124;
}

#bnmain .bottomPanel .bottomPanelWrapper .panelHeaderInfo .closeOpenTradePanel {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    cursor: pointer;
    position: relative;
    color: #ffffff;
    height: 50px;
    width: 50px;
    z-index: 1;
    white-space: nowrap;
    display: block;
    direction: rtl;
    background-color: #222126;
}

#bnmain .bottomPanel .bottomPanelWrapper .panelHeaderInfo .closeOpenTradePanel .cmicon-arrow-up {
    font-size: 15px;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 15px;
}

#bnmain .bottomPanel .bottomPanelWrapper .panelHeaderInfo .closeOpenTradePanel .cmicon-close-after {
    font-size: 20px;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 15px;
}

#bnmain .bottomPanel .bottomPanelWrapper .panelHeaderInfo .closeOpenTradePanel:hover {
    color: #0199e2;
    background-color: #3c3c3c;
}

#bnmain .bottomPanel .bottomPanelWrapper .panelHeaderInfo .closeOpenTradePanel .text {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    text-transform: uppercase;
    font-weight: bold;
    width: 0;
    font-size: 17px;
    line-height: 24px;
    display: inline-block;
    overflow: hidden;
    height: inherit;
}

#bnmain .bottomPanel .bottomPanelWrapper .panelHeaderInfo .panelCell {
    display: inline-block;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: bold;
    padding: 0 15px;
    height: 50px;
    text-align: center;
}

#bnmain .bottomPanel .bottomPanelWrapper .panelHeaderInfo .panelCell.estimatePayout,
#bnmain .bottomPanel .bottomPanelWrapper .panelHeaderInfo .panelCell.balance {
    padding-top: 5px;
    background-color: #4d4d4d;
    border-left: 1px solid #222126;
}

#bnmain .bottomPanel .bottomPanelWrapper .panelHeaderInfo .panelCell.estimatePayout.win {
    background-color: #42b05a;
}

#bnmain .bottomPanel .bottomPanelWrapper .panelHeaderInfo .panelCell.balance .title {
    color: #8d8d8d;
}

#bnmain .bottomPanel .bottomPanelWrapper .panelHeaderInfo .panelCell.balance .currency,
#bnmain .bottomPanel .bottomPanelWrapper .panelHeaderInfo .panelCell.balance .odometer {
    vertical-align: middle;
    font-size: 15px;
}

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

@-o-keyframes cssload-spin {
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes cssload-spin {
    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes cssload-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes cssload-spin {
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}